.about-container{max-width:1140px;width:100%;position:relative;box-sizing:border-box;margin:0 auto}
.about-page{vertical-align:middle;position:relative;padding:0 37.5px}
.page-top{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;vertical-align:middle}
.page-top .col{width:50%}
.page-top.two{margin-top:40px}
.page-top .right-wrap .editor{margin-left:30px;font-size:14px;letter-spacing:.06em}
.page-top span{display:block;position:relative}
.page-top.two span{font-size:14px;line-height:2;letter-spacing:.5px;padding-left:100px}
.page-top span b{font-weight:400;padding-right:30px;position:absolute;left:0}
.page-top .line{margin:2em 0;display:block;position:relative}
.page-top .right-wrap .editor p{line-height:1.9;letter-spacing:.75px;font-size:14px}
.page-top .right-wrap h1{font-size:30px;font-weight:400;letter-spacing:.054em;margin:0;color:#4c4645;font-weight:bold;text-align:left;position:relative;font-family:'Montserrat','微軟正黑體',sans-serif}
.page-top .right-wrap small{font-size:16px;color:#c5c5c5;letter-spacing:1px;font-weight:100}
h2{font-size:30px;font-weight:400;letter-spacing:.054em;margin:.3em 0;color:#4c4645;font-weight:bold;text-align:left;position:relative;font-family:'Montserrat','微軟正黑體',sans-serif}
.page-bottom{margin-top:55px}
.page-bottom ul{display:flex;flex-wrap:wrap;align-items:flex-start;margin:40px auto 0;padding:0;width:100%}
.page-bottom ul li{width:10%;line-height:1;display:flex;text-align:center;justify-content:center;flex-direction:column;max-width:80px;margin:0 10px 50px}
.page-bottom ul li .icon{width:70px;height:70px;position:relative;overflow:hidden;display:block;visibility:inherit!important;margin:0 auto}
.page-bottom ul li .name{margin-top:1.5rem;font-size:1.37rem}
.page-bottom ul li .ex{font-size:14px;text-align:center;padding:8px 0;margin:auto;color:#a4a4a4}
@media all and (max-width:1023px) {
.page-top .right-wrap h1{padding:0;line-height:40px;font-size:28px}
h2{font-size:28px}
}
@media all and (max-width:1000px) {
.page-top .col{width:100%}
.page-top .right-wrap .editor{margin:15px 0 0}
.page-top.two,.page-top.two .col2,.page-bottom{margin-top:25px}
.page-top .right-wrap .editor p{padding:0;margin:.3em 0 0;line-height:1.8}
.page-bottom ul{margin-top:15px}
}
@media all and (max-width:900px) {
.page-bottom ul li{width:25%;margin-bottom:25px}
.page-bottom ul li .name{margin-top:.75rem}
}
@media all and (max-width:769px) {
.about-page{padding:0 20px}
.page-top .right-wrap h1,h2{font-size:26px}
.page-top.two span{padding-left:95px;line-height:1.7;margin-bottom:8px}
}
@media all and (max-width:500px) {
.page-bottom ul li{width:33.3%;max-width:75px}
}