@charset "UTF-8";.featureArea .factoryList li:before{-webkit-box-sizing:border-box;box-sizing:border-box}.aboutArea .officeMap .officePoint li .infoBox,.aboutArea .officeMap .officePoint li .infoBox:before,.aboutArea .officeMap .officePoint li .points:before,.featureArea .txtBox .advantageList li .num b,.serviceArea .serviceList li .Txt h3:before,.solutionList li,.solutionList li .Img .title,.solutionList li .Img img{-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}.privacyArea{width:100%;background:rgba(0, 0, 0, 0.85);padding:20px 0 10px;position:fixed;bottom:0;left:0;z-index:999}.privacyArea.close{display:none}.privacyArea .textEditor,.privacyArea .textEditor p{color:#fff;font-size:13px;line-height:26px}.privacyArea .btn{text-align:center;margin-top:15px}.privacyArea .btn a{height:35px;line-height:35px;font-size:13px;letter-spacing:1px}@media (max-width:580px){.titleBox.hasIcon{padding-top:35px}}@media (min-width:769px){.titleBox .titleMark{font-size:44px;line-height:56px}}@media (min-width:581px) and (max-width:768px){.titleBox .titleMark{font-size:38px;line-height:45px}}@media (min-width:421px) and (max-width:580px){.titleBox .titleMark{font-size:28px;line-height:1.5}}@media (min-width:361px) and (max-width:420px){.titleBox .titleMark{font-size:25px;line-height:1.5}}@media (max-width:360px){.titleBox .titleMark{font-size:21px;line-height:1.4}}.titleBox .titleMark span{display:block}@media (min-width:769px){.titleBox .titleMark span{font-size:34px}}@media (min-width:581px) and (max-width:768px){.titleBox .titleMark span{font-size:26px}}@media (min-width:1181px){.outerWrap{padding-top:0}header{top:-90px;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}header.shrink{top:0;-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}}footer .top{display:block}footer .btnContact{display:none}.mainArea{padding:0}.bannerBox{position:relative;overflow:hidden}.bannerBox .menuBtn{position:absolute;top:30px;right:100px;z-index:10}@media (min-width:1181px) and (max-width:1400px){.bannerBox .menuBtn{top:20px;right:50px}}@media (max-width:1180px){.bannerBox .menuBtn{display:none}}.bannerBox #banner{position:relative;z-index:5;list-style:none;padding:0}.bannerBox #banner li{position:relative}.bannerBox #banner li .Img{position:relative;z-index:4;width:100%;background-position:center top;background-repeat:no-repeat;background-size:cover}@media (min-width:1851px){.bannerBox #banner li .Img{min-height:100vh}}.bannerBox #banner li .Img img{opacity:0}.bannerBox #banner li .Txt{position:absolute;top:50%;left:50%;z-index:5;text-align:center;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media (max-width:1100px){.bannerBox #banner li .Txt{width:100%;padding:0 20px}}.bannerBox #banner li .Txt img{display:inline-block}.bannerBox #banner li .Txt h2,.bannerBox #banner li .Txt p{color:#fff;font-family:"Artegra Bold", "Poppins", "微軟正黑體", sans-serif;font-weight:600;font-style:normal}.bannerBox #banner li .Txt h2{margin-top:70px;font-size:66px;letter-spacing:0;line-height:1;text-transform:uppercase}@media (min-width:1101px) and (max-width:1650px){.bannerBox #banner li .Txt h2{margin-top:40px;font-size:58px}}@media (min-width:769px) and (max-width:1100px){.bannerBox #banner li .Txt h2{margin-top:10px;font-size:40px;letter-spacing:.8px}}@media (min-width:581px) and (max-width:768px){.bannerBox #banner li .Txt h2{margin-top:10px;font-size:30px;letter-spacing:1px}}@media (max-width:580px){.bannerBox #banner li .Txt h2{margin-top:0;font-size:24px;letter-spacing:1px}}@media (min-width:1101px){.bannerBox #banner li .Txt p{margin-top:20px;font-size:26px}}@media (min-width:769px) and (max-width:1100px){.bannerBox #banner li .Txt p{margin-top:15px;font-size:21px}}@media (max-width:768px){.bannerBox #banner li .Txt p{margin-top:10px;font-size:17px}}@media (max-width:580px){.bannerBox #banner li .Txt p{font-size:15px;font-family:"Artegra Medium", "Poppins", "微軟正黑體", sans-serif}}@media (max-width:400px){.bannerBox #banner li .Txt p{padding:0 15px}}.bannerBox #banner li .txtLetter{display:inline-block;width:500px}@media (min-width:1751px){.bannerBox #banner li .txtLetter{height:370px}}@media (min-width:1401px) and (max-width:1750px){.bannerBox #banner li .txtLetter{height:300px}}@media (min-width:1101px) and (max-width:1400px){.bannerBox #banner li .txtLetter{height:260px}}@media (min-width:769px) and (max-width:1100px){.bannerBox #banner li .txtLetter{height:180px}}@media (min-width:581px) and (max-width:768px){.bannerBox #banner li .txtLetter{height:90px}}@media (min-width:401px) and (max-width:480px){.bannerBox #banner li .txtLetter{height:30px}}@media (max-width:400px){.bannerBox #banner li .txtLetter{height:40px}}.bannerBox .scroll{position:absolute;bottom:110px;left:calc(50% - 20px);z-index:6;width:40px;font-size:17px;font-family:"Artegra Bold", "Poppins", "微軟正黑體", sans-serif;font-style:normal;color:#fff;text-transform:uppercase;text-decoration:underline;cursor:pointer;opacity:0}@media (max-width:1650px){.bannerBox .scroll{bottom:50px}}@media (max-width:1250px){.bannerBox .scroll{display:none}}.bannerBox .scroll.show{opacity:1;-webkit-animation:banner_in 0.6s forwards ease;animation:banner_in 0.6s forwards ease}.bannerBox .rectNext,.bannerBox .rectPrev{position:absolute;z-index:10;display:block;width:245px;height:260px;padding:0;margin:0;cursor:pointer;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}@media (min-width:1181px) and (max-width:1250px){.bannerBox .rectNext,.bannerBox .rectPrev{width:196px;height:208px}}@media (min-width:769px) and (max-width:1180px){.bannerBox .rectNext,.bannerBox .rectPrev{width:145px;height:150px}}@media (max-width:768px){.bannerBox .rectNext,.bannerBox .rectPrev{width:95px;height:100px}}@media (max-width:400px){.bannerBox .rectNext,.bannerBox .rectPrev{width:45px;height:50px}}@media (min-width:1181px){.bannerBox .rectNext:before,.bannerBox .rectPrev:before{content:'';position:absolute;z-index:1;width:10px;height:10px}.bannerBox .rectNext:after,.bannerBox .rectPrev:after{content:'';position:absolute;z-index:1;width:15px;height:2px;background:#fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}}.bannerBox .rectPrev{left:0}@media (min-width:1181px){.bannerBox .rectPrev{top:0}}@media (max-width:1180px){.bannerBox .rectPrev{bottom:0}}.bannerBox .rectPrev:before{bottom:235px;left:15px;border-top:2px solid #fff;border-left:2px solid #fff}@media (max-width:1250px){.bannerBox .rectPrev:before{bottom:185px}}.bannerBox .rectPrev:after{bottom:239px;left:15px}@media (max-width:1250px){.bannerBox .rectPrev:after{bottom:189px}}.bannerBox .rectNext{bottom:0;right:0}.bannerBox .rectNext:before{top:235px;right:15px;border-bottom:2px solid #fff;border-right:2px solid #fff}@media (max-width:1250px){.bannerBox .rectNext:before{top:185px}}.bannerBox .rectNext:after{top:239px;right:15px}@media (max-width:1250px){.bannerBox .rectNext:after{top:189px}}.bannerBox .copyImg{position:absolute;top:0;left:0;width:100%;height:100vh;background-position:center top;background-repeat:no-repeat;background-size:cover;-webkit-animation:banner_copyimg_in 6s both ease;animation:banner_copyimg_in 6s both ease}@-webkit-keyframes banner_copyimg_in{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes banner_copyimg_in{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}#banner li>.Img{opacity:0;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}#banner li.show .Img{opacity:0;-webkit-animation:banner_img_in 6s both linear;animation:banner_img_in 6s both linear}#banner li .Txt h2,#banner li .Txt p{opacity:0;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}#banner li.show .Txt h2{-webkit-animation:banner_in 0.6s 0.6s forwards ease;animation:banner_in 0.6s 0.6s forwards ease}#banner li.show .Txt p{-webkit-animation:banner_in 0.6s 1s forwards ease;animation:banner_in 0.6s 1s forwards ease}@-webkit-keyframes banner_img_in{0%{opacity:0;-webkit-transform:scale(1.02);transform:scale(1.02)}5%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes banner_img_in{0%{opacity:0;-webkit-transform:scale(1.02);transform:scale(1.02)}5%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}}@-webkit-keyframes banner_in{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes banner_in{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.bannerBox:after,.bannerBox:before{content:'';position:absolute;z-index:6;width:0;pointer-events:none}.bannerBox:before{top:0;left:0;border-right:245px solid transparent;border-top:260px solid #ff671f}@media (max-width:1250px){.bannerBox:before{left:-50px}}@media (max-width:1180px){.bannerBox:before{top:auto;bottom:0;border-top-width:0;border-bottom:260px solid #ff671f}}@media (min-width:769px) and (max-width:1180px){.bannerBox:before{left:-100px}}@media (min-width:401px) and (max-width:768px){.bannerBox:before{left:-150px}}@media (max-width:400px){.bannerBox:before{left:-200px}}.bannerBox:after{bottom:0;right:0;border-left:245px solid transparent;border-bottom:260px solid #ff671f}@media (max-width:1250px){.bannerBox:after{right:-50px}}@media (min-width:769px) and (max-width:1180px){.bannerBox:after{right:-100px}}@media (min-width:401px) and (max-width:768px){.bannerBox:after{right:-150px}}@media (max-width:400px){.bannerBox:after{right:-200px}}.bannerBox .txtAniBox span{display:inline-block;width:75px;height:55px}@media (min-width:769px) and (max-width:1180px){.bannerBox .txtAniBox span{width:60px;height:44px}}@media (min-width:401px) and (max-width:768px){.bannerBox .txtAniBox span{width:45px;height:33px}}@media (max-width:400px){.bannerBox .txtAniBox span{width:30px;height:22px}}.bannerBox .txtAniBox span.letterli{position:absolute;z-index:10;background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:none;-webkit-transition:all .8s ease, opacity .4s ease;-o-transition:all .8s ease, opacity .4s ease;transition:all .8s ease, opacity .4s ease}.bannerBox .txtAniBox span.letterli.liPower{background-image:url(../images/banner/p.svg)}.bannerBox .txtAniBox span.letterli.liPower.currentNow{background-image:url(../images/banner/p.png)}.bannerBox .txtAniBox span.letterli.liDiagnostic{background-image:url(../images/banner/d.svg)}.bannerBox .txtAniBox span.letterli.liDiagnostic.currentNow{background-image:url(../images/banner/d.png)}.bannerBox .txtAniBox span.letterli.liService,.bannerBox .txtAniBox span.letterli.liServices{background-image:url(../images/banner/s.svg)}.bannerBox .txtAniBox span.letterli.liService.currentNow,.bannerBox .txtAniBox span.letterli.liServices.currentNow{background-image:url(../images/banner/s.png)}@media (min-width:1251px){.bannerBox .txtAniBox span.letterli.currentPrev{top:60px;left:40px}}@media (min-width:1181px) and (max-width:1250px){.bannerBox .txtAniBox span.letterli.currentPrev{top:40px;left:20px}}@media (min-width:769px) and (max-width:1180px){.bannerBox .txtAniBox span.letterli.currentPrev{top:calc(100% - 20px - 44px);left:10px}}@media (min-width:401px) and (max-width:768px){.bannerBox .txtAniBox span.letterli.currentPrev{top:calc(100% - 15px - 33px);left:5px}}@media (max-width:400px){.bannerBox .txtAniBox span.letterli.currentPrev{top:calc(100% - 8px - 22px);left:2px}}@media (min-width:1251px){.bannerBox .txtAniBox span.letterli.currentNext{top:calc(100% - 60px - 55px);left:calc(100% - 40px - 75px)}}@media (min-width:1181px) and (max-width:1250px){.bannerBox .txtAniBox span.letterli.currentNext{top:calc(100% - 40px - 55px);left:calc(100% - 20px - 75px)}}@media (min-width:769px) and (max-width:1180px){.bannerBox .txtAniBox span.letterli.currentNext{top:calc(100% - 20px - 44px);left:calc(100% - 10px - 60px)}}@media (max-width:768px){.bannerBox .txtAniBox span.letterli.currentNext{top:calc(100% - 15px - 33px);left:calc(100% - 10px - 45px)}}@media (max-width:400px){.bannerBox .txtAniBox span.letterli.currentNext{top:calc(100% - 8px - 22px);left:calc(100% - 2px - 30px)}}.bannerBox .txtAniBox span.letterli.currentNow{left:calc(50% - 250px);width:500px}@media (min-width:1751px){.bannerBox .txtAniBox span.letterli.currentNow{top:calc(50% - 275px);height:370px}}@media (min-width:1401px) and (max-width:1750px){.bannerBox .txtAniBox span.letterli.currentNow{top:calc(50% - 275px + 35px);height:300px}}@media (min-width:1101px) and (max-width:1400px){.bannerBox .txtAniBox span.letterli.currentNow{top:calc(50% - 275px + 35px + 20px);height:260px}}@media (min-width:769px) and (max-width:1100px){.bannerBox .txtAniBox span.letterli.currentNow{top:calc(50% - 275px + 35px + 20px + 70px);height:180px}}@media (min-width:401px) and (max-width:768px){.bannerBox .txtAniBox span.letterli.currentNow{top:calc(50% - 275px + 35px + 20px + 70px + 65px);height:90px}}@media (min-width:401px) and (max-width:580px){.bannerBox .txtAniBox span.letterli.currentNow{height:50px}}@media (max-width:400px){.bannerBox .txtAniBox span.letterli.currentNow{top:calc(50% - 60px);height:40px}}.bannerBox .txtAniBox span.letterli.runAni{opacity:0;-webkit-transition:all .4s ease, opacity .15s ease, top .15s .15s ease, left .15s .15s ease;-o-transition:all .4s ease, opacity .15s ease, top .15s .15s ease, left .15s .15s ease;transition:all .4s ease, opacity .15s ease, top .15s .15s ease, left .15s .15s ease}.solutionArea{position:relative;z-index:1;background-color:#adb2b6;overflow:hidden}@media (min-width:769px){.solutionArea{padding-top:80px;padding-bottom:80px}}@media (min-width:581px) and (max-width:768px){.solutionArea{padding-top:50px;padding-bottom:60px}}@media (max-width:580px){.solutionArea{padding-top:40px;padding-bottom:40px}}.solutionArea:after,.solutionArea:before{content:'';position:absolute;bottom:0;right:calc(50% - 620px);z-index:-1;width:200%;height:100%;min-height:2000px;background-color:#fff;-webkit-transform:skewX(-44deg);-ms-transform:skewX(-44deg);transform:skewX(-44deg)}.solutionArea:before{z-index:5;right:calc(50% + 620px);background-color:#ff671f}@media (min-width:1921px){.solutionArea:before{right:80%}}@media (max-width:1700px){.solutionArea:before{right:80%}}@media (max-width:1180px){.solutionArea:before{display:none}}.solutionArea>.wrap{position:relative;z-index:1}.solutionArea>.wrap.decBorder:before{top:-50%;z-index:1;height:200%;border-right:0}@media (min-width:1181px){.solutionArea .titleBox{text-align:center}.solutionArea .titleBox.hasIcon:before{left:calc(50% - 13px)}}@media (min-width:769px){.solutionArea .titleBox .titleMark span{font-size:26px;line-height:44px}}@media (max-width:580px){.solutionArea .titleBox .titleMark span{display:inline-block}}@media (min-width:1181px){.solutionArea .solutionBox{margin-top:25px;min-height:580px;overflow:hidden}}.solutionArea .rectPrev{position:absolute;top:50%;left:-30px;z-index:5;margin:0}@media (min-width:1181px) and (max-width:1450px){.solutionArea .rectPrev{left:-5px}}@media (min-width:901px) and (max-width:1180px){.solutionArea .rectPrev{left:60px}}@media (min-width:768px) and (max-width:900px){.solutionArea .rectPrev{left:20px}}@media (min-width:361px) and (max-width:767px){.solutionArea .rectPrev{left:-8px}}@media (max-width:360px){.solutionArea .rectPrev{left:-20px}}.solutionArea .rectNext{position:absolute;top:50%;right:-30px;z-index:5;margin:0}@media (min-width:1181px) and (max-width:1450px){.solutionArea .rectNext{right:-5px}}@media (min-width:901px) and (max-width:1180px){.solutionArea .rectNext{right:60px}}@media (min-width:768px) and (max-width:900px){.solutionArea .rectNext{right:20px}}@media (min-width:361px) and (max-width:767px){.solutionArea .rectNext{right:-8px}}@media (max-width:360px){.solutionArea .rectNext{right:-20px}}.solutionList{max-width:580px;margin:0 auto;padding-top:100px}@media (max-width:1180px){.solutionList{max-width:650px;padding-top:60px}}@media (min-width:581px) and (max-width:768px){.solutionList{padding-top:40px}}@media (max-width:580px){.solutionList{padding-top:20px}}@media (min-width:1181px){.solutionList .slick-list{overflow:visible}}@media (max-width:360px){.solutionList{margin-left:-20px;margin-right:-20px}}.solutionList li{position:relative;z-index:1;padding:25px}.solutionList li .item{margin:0;-webkit-box-shadow:0 2px 20px rgba(0, 0, 0, 0.18);box-shadow:0 2px 20px rgba(0, 0, 0, 0.18)}.solutionList li .Img{position:relative;z-index:-1;background-color:#1e262d;overflow:hidden}.solutionList li .Img img{display:block;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.solutionList li .Img .title{position:absolute;bottom:0;left:0;z-index:5;padding:9px 22px;font-size:20px;font-family:"Artegra Bold", "Poppins", "微軟正黑體", sans-serif;font-style:normal;color:#858c91}@media (max-width:1400px){.solutionList li .Img .title{display:none}}.solutionList li .Txt{position:relative;z-index:5;padding:20px 25px 25px;min-height:100px;background-color:#fff}@media (min-width:641px){.solutionList li .Txt{margin-top:-70px}}.solutionList li .Txt h3{position:absolute;bottom:100%;left:0;z-index:5;padding:9px 55px 9px 22px;font-size:20px;font-family:"Artegra Bold", "Poppins", "微軟正黑體", sans-serif;font-style:normal;color:#fff;overflow:hidden}.solutionList li .Txt h3 a{color:#fff}.solutionList li .Txt h3:before{content:'';position:absolute;top:0;right:23px;z-index:-1;width:200%;height:100%;background-color:#ff671f;-webkit-transform:skewX(-44deg);-ms-transform:skewX(-44deg);transform:skewX(-44deg)}.solutionList li .Txt .txtExp{padding-left:5px;max-height:calc(26px * 2 + 2px);line-height:26px;color:#5c656d}.solutionList li .Txt .btnProduct{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:10px}.solutionList li .Txt .btnProduct a{display:block;height:45px;line-height:45px;padding:0 20px;margin-top:10px;font-size:14px;color:#333f48;border:1px solid rgba(173, 178, 182, 0.8);border-radius:25px}@media (max-width:767px){.solutionList li .Txt .btnProduct a{width:100%}}.solutionList li .Txt .btnProduct a:hover{text-decoration:underline}@media (min-width:768px){.solutionList li .Txt .btnProduct a+a{margin-left:15px}}.solutionList li .Txt .btnProduct a img{position:relative;top:-3px;right:5px;display:inline-block;vertical-align:middle;width:35px}@media (min-width:1181px){.solutionList li{padding:0 60px}.solutionList li.show{z-index:10}.solutionList li.show .item{margin:-70px -120px 0;-webkit-transition:all .4s .1s ease, -webkit-box-shadow .4s .5s ease;transition:all .4s .1s ease, -webkit-box-shadow .4s .5s ease;-o-transition:all .4s .1s ease, box-shadow .4s .5s ease;transition:all .4s .1s ease, box-shadow .4s .5s ease;transition:all .4s .1s ease, box-shadow .4s .5s ease, -webkit-box-shadow .4s .5s ease}.solutionList li.show .Img{z-index:1}.solutionList li.show .Img .title{opacity:0}.solutionList li.show .Txt{opacity:1;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s .4s ease, margin 0s ease;-o-transition:all .3s .4s ease, margin 0s ease;transition:all .3s .4s ease, margin 0s ease}.solutionList li:not(.show) .item{margin:0;-webkit-box-shadow:0 2px 20px rgba(0, 0, 0, 0);box-shadow:0 2px 20px rgba(0, 0, 0, 0);-webkit-transition:all .4s ease, -webkit-box-shadow 0s ease;transition:all .4s ease, -webkit-box-shadow 0s ease;-o-transition:all .4s ease, box-shadow 0s ease;transition:all .4s ease, box-shadow 0s ease;transition:all .4s ease, box-shadow 0s ease, -webkit-box-shadow 0s ease}.solutionList li:not(.show) .Img{-webkit-box-shadow:0 2px 20px rgba(0, 0, 0, 0.1);box-shadow:0 2px 20px rgba(0, 0, 0, 0.1)}.solutionList li:not(.show) .Img img{opacity:.2}.solutionList li:not(.show) .Txt{opacity:0;visibility:hidden;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.serviceArea{position:relative;z-index:1;background:url(../images/bg_service.png) no-repeat center top, #858c91;overflow:hidden}@media (min-width:1181px){.serviceArea{padding-top:80px;padding-bottom:100px}}@media (min-width:769px) and (max-width:1180px){.serviceArea{padding-top:80px;padding-bottom:80px}}@media (min-width:581px) and (max-width:768px){.serviceArea{padding-top:50px;padding-bottom:50px}}@media (max-width:580px){.serviceArea{padding-top:40px;padding-bottom:40px}}.serviceArea.decBorder:before{opacity:.1}.serviceArea>.wrap{position:relative}@media (min-width:1181px){.serviceArea .titleBox{text-align:center}.serviceArea .titleBox.hasIcon:before{left:calc(50% - 13px)}}.serviceArea:after{content:'';position:absolute;top:0;right:calc(50% - 620px);z-index:-1;width:200%;height:100%;min-height:2000px;background-color:#adb2b6;-webkit-transform:skewX(44deg);-ms-transform:skewX(44deg);transform:skewX(44deg)}@media (min-width:581px){.serviceArea .serviceList{margin-top:40px}}@media (max-width:580px){.serviceArea .serviceList{margin-top:20px}}@media (min-width:641px) and (max-width:1400px){.serviceArea .serviceList{margin-left:-20px;margin-right:-20px}}@media (min-width:641px){.serviceArea .serviceList{padding:0 50px}}@media (max-width:360px){.serviceArea .serviceList{margin-left:-15px;margin-right:-15px}}.serviceArea .serviceList li{padding:20px}.serviceArea .serviceList li .item{position:relative;z-index:1}.serviceArea .serviceList li .item:before{content:'';position:absolute;top:-5px;right:-5px;width:0;height:0;border-left:80px solid transparent;border-top:75px solid #ff671f;-webkit-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease}.serviceArea .serviceList li:hover .item:before{border-width:120px}.serviceArea .serviceList li .Img{position:relative;z-index:-1}.serviceArea .serviceList li .Img img{display:block;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.serviceArea .serviceList li .Txt{position:relative;margin-top:-60px;padding:35px;background-color:#fff;-webkit-box-shadow:0 2px 20px rgba(0, 0, 0, 0.1);box-shadow:0 2px 20px rgba(0, 0, 0, 0.1)}@media (min-width:641px){.serviceArea .serviceList li .Txt{width:calc(100% - 40px)}}@media (max-width:400px){.serviceArea .serviceList li .Txt{padding:20px 25px 30px}}.serviceArea .serviceList li .Txt h3{position:relative;padding-bottom:20px;margin-bottom:25px;font-size:22px;font-family:"Artegra Bold", "Poppins", "微軟正黑體", sans-serif;font-weight:400;font-style:normal;letter-spacing:0}.serviceArea .serviceList li .Txt h3 a{display:block;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-weight:600}.serviceArea .serviceList li .Txt h3:before{content:'';position:absolute;bottom:0;left:0;width:17px;height:5px;background-color:#333f48;-webkit-transform:skewX(-17deg);-ms-transform:skewX(-17deg);transform:skewX(-17deg)}.serviceArea .serviceList li .Txt .txtExp{height:calc(26px * 5 + 2px);line-height:26px}.serviceArea .serviceList li:hover .Txt h3 a{color:#ff671f}.serviceArea .serviceList li:hover .Txt h3:before{background-color:#ff671f}@media (min-width:581px){.serviceArea .btn{margin-top:40px}}@media (max-width:580px){.serviceArea .btn{margin-top:30px}}.serviceArea .rectPrev{position:absolute;top:calc(50% - 60px);left:0}@media (min-width:361px) and (max-width:768px){.serviceArea .rectPrev{left:-8px}}@media (max-width:360px){.serviceArea .rectPrev{left:-20px}}.serviceArea .rectNext{position:absolute;top:calc(50% - 60px);right:0;margin:0}@media (min-width:361px) and (max-width:768px){.serviceArea .rectNext{right:-8px}}@media (max-width:360px){.serviceArea .rectNext{right:-20px}}.featureArea{position:relative;z-index:1;padding-bottom:110px;background:url(../images/bg_feature.jpg) no-repeat bottom center, #eef7fb}@media (min-width:1921px){.featureArea{background:url(../images/bg_feature_b.jpg) no-repeat bottom center, #eef7fb}}@media (min-width:1181px){.featureArea{padding-top:110px}}@media (min-width:581px) and (max-width:1180px){.featureArea{padding-top:80px}}@media (max-width:580px){.featureArea{padding-top:50px}}@media (min-width:1025px){.featureArea:before{content:'';position:absolute;bottom:0;left:calc(100% - 100px);z-index:-1;width:50%;height:300px;background-color:#ff671f;-webkit-transform:skewX(-48deg);-ms-transform:skewX(-48deg);transform:skewX(-48deg);pointer-events:none}}@media (min-width:1921px){.featureArea:before{left:calc(100% - 160px)}}@media (min-width:1025px) and (max-width:1180px){.featureArea:before{left:calc(100% - 50px)}}.featureArea .titleBox{width:100%}@media (min-width:1181px){.featureArea .titleBox.hasIcon{padding-top:0}.featureArea .titleBox.hasIcon:before{left:280px}}@media (max-width:580px){.featureArea .titleBox .titleMark span{display:inline-block}}.featureArea .txtBox{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width:1201px){.featureArea .txtBox .titleBox{width:calc(100% - 740px)}}@media (min-width:1181px) and (max-width:1200px){.featureArea .txtBox .titleBox{width:calc(100% - 700px)}}.featureArea .txtBox .advantageList{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@media (min-width:1201px){.featureArea .txtBox .advantageList{width:740px}}@media (min-width:1181px) and (max-width:1200px){.featureArea .txtBox .advantageList{width:700px}}@media (max-width:1180px){.featureArea .txtBox .advantageList{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:50px auto 0}}.featureArea .txtBox .advantageList li{position:relative;width:240px;padding-left:40px;padding-right:25px;font-size:16px;font-family:"Artegra Medium", "Poppins", "微軟正黑體", sans-serif;line-height:24px;letter-spacing:0;color:#333f48}@media (min-width:1181px) and (max-width:1200px){.featureArea .txtBox .advantageList li{padding-left:20px}}@media (min-width:641px) and (max-width:840px){.featureArea .txtBox .advantageList li{width:auto;padding:0;margin-bottom:40px}.featureArea .txtBox .advantageList li+li{margin-left:40px}}@media (max-width:640px){.featureArea .txtBox .advantageList li{width:100%;padding:0;margin-bottom:35px;text-align:center}}.featureArea .txtBox .advantageList li .num{position:relative;left:-3px;margin-bottom:15px;font-size:36px;font-family:"Artegra Bold", "Poppins", "微軟正黑體", sans-serif;font-style:normal}@media (max-width:580px){.featureArea .txtBox .advantageList li .num{margin-bottom:10px;font-size:28px}}.featureArea .txtBox .advantageList li .num b{display:inline-block;color:#ff671f;padding-left:5px;opacity:0;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}.featureArea .txtBox .advantageList li .num.show b{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}@media (min-width:841px){.featureArea .txtBox .advantageList li:not(:last-of-type):before{content:'';position:absolute;top:-5px;right:6px;width:1px;height:35px;background-color:#5c656d;-webkit-transform:rotate(40deg);-ms-transform:rotate(40deg);transform:rotate(40deg);opacity:.8}}.featureArea .txtBox .txtExp{width:100%;max-width:670px;margin-top:50px;margin-bottom:60px;font-size:16px;line-height:26px;color:#333f48}@media (max-width:1180px){.featureArea .txtBox .txtExp{max-width:800px;margin-left:auto;margin-right:auto;text-align:center}}@media (max-width:640px){.featureArea .txtBox .txtExp{margin-top:20px}}.featureArea .factoryList{display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width:581px){.featureArea .factoryList{height:370px}}@media (max-width:580px){.featureArea .factoryList{height:340px}}.featureArea .factoryList li{position:relative;width:260px;font-size:17px;font-weight:600;letter-spacing:.25px;text-align:center}@media (min-width:961px){.featureArea .factoryList li{font-family:"Artegra Bold", "Poppins", "微軟正黑體", sans-serif}}@media (max-width:960px){.featureArea .factoryList li{font-family:"Poppins", "微軟正黑體", sans-serif}}@media (min-width:361px) and (max-width:580px){.featureArea .factoryList li{font-size:15px}}@media (max-width:360px){.featureArea .factoryList li{font-size:14px}}.featureArea .factoryList li span{position:absolute;top:0;left:calc(50% - 130px);display:block;width:260px}.featureArea .factoryList li:before{content:'';position:absolute;top:40px;left:calc(50% - 10px);width:20px;height:20px;background-color:#ff671f;border-radius:50%}@media (max-width:580px){.featureArea .factoryList li:before{top:35px;width:12px;height:12px;left:calc(50% - 6px)}}@media (max-width:360px){.featureArea .factoryList li:before{top:25px}}.featureArea .factoryList li:after{content:'';position:absolute;top:60px;left:calc(50% - 1px);width:1px;height:150px;background-color:#ff671f;background:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #ff671f), to(rgba(255, 103, 31, 0)));background:-webkit-linear-gradient(top, #ff671f 50%, rgba(255, 103, 31, 0) 100%);background:-o-linear-gradient(top, #ff671f 50%, rgba(255, 103, 31, 0) 100%);background:linear-gradient(to bottom, #ff671f 50%, rgba(255, 103, 31, 0) 100%)}@media (max-width:580px){.featureArea .factoryList li:after{top:45px;height:100px}}@media (max-width:360px){.featureArea .factoryList li:after{top:35px}}.featureArea .factoryList li:first-of-type{top:125px;left:-60px}@media (max-width:960px){.featureArea .factoryList li:first-of-type{left:-10px}}.featureArea .factoryList li:nth-of-type(2){top:45px;left:-70px}@media (max-width:960px){.featureArea .factoryList li:nth-of-type(2){left:-20px}}.featureArea .factoryList li:nth-of-type(3){left:30px}@media (max-width:640px){.featureArea .factoryList li:nth-of-type(3){left:0}}.featureArea .factoryList li:nth-of-type(4){top:80px;left:65px}@media (max-width:960px){.featureArea .factoryList li:nth-of-type(4){left:10px}}.featureArea .factoryList li:nth-of-type(5){top:50px;left:45px}@media (min-width:361px) and (max-width:960px){.featureArea .factoryList li:nth-of-type(5){left:25px}}@media (max-width:360px){.featureArea .factoryList li:nth-of-type(5){left:15px}}.featureArea .factoryList li{opacity:0;-webkit-transform:translateY(20px) scale(0.2);-ms-transform:translateY(20px) scale(0.2);transform:translateY(20px) scale(0.2);-webkit-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease}.featureArea .factoryList.show li{opacity:1;-webkit-transform:translateY(0) scale(1);-ms-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.featureArea .factoryList.show li span{-webkit-animation:factoryItem 15s both ease infinite;animation:factoryItem 15s both ease infinite}.featureArea .factoryList.show li:before{border:2px solid #ff671f;-webkit-animation:factoryItemCircle 15s both ease infinite;animation:factoryItemCircle 15s both ease infinite}.featureArea .factoryList.show li:first-of-type{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}.featureArea .factoryList.show li:first-of-type span{-webkit-animation-delay:.1s;animation-delay:.1s}.featureArea .factoryList.show li:first-of-type::before{-webkit-animation-delay:.1s;animation-delay:.1s}.featureArea .factoryList.show li:nth-of-type(3){-webkit-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}.featureArea .factoryList.show li:nth-of-type(3) span{-webkit-animation-delay:-2s;animation-delay:-2s}.featureArea .factoryList.show li:nth-of-type(3):before{-webkit-animation-delay:-2s;animation-delay:-2s}.featureArea .factoryList.show li:nth-of-type(4){-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}.featureArea .factoryList.show li:nth-of-type(4) span{-webkit-animation-delay:4s;animation-delay:4s}.featureArea .factoryList.show li:nth-of-type(4):before{-webkit-animation-delay:4s;animation-delay:4s}.featureArea .factoryList.show li:nth-of-type(2){-webkit-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s}.featureArea .factoryList.show li:nth-of-type(2) span{-webkit-animation-delay:6s;animation-delay:6s}.featureArea .factoryList.show li:nth-of-type(2):before{-webkit-animation-delay:6s;animation-delay:6s}.featureArea .factoryList.show li:nth-of-type(5){-webkit-transition-delay:.9s;-o-transition-delay:.9s;transition-delay:.9s}.featureArea .factoryList.show li:nth-of-type(5) span{-webkit-animation-delay:10s;animation-delay:10s}.featureArea .factoryList.show li:nth-of-type(5):before{-webkit-animation-delay:10s;animation-delay:10s}@-webkit-keyframes factoryItem{0%,20%,40%,60%,75%,to{opacity:1}30%,50%,70%{opacity:0.7}}@keyframes factoryItem{0%,20%,40%,60%,75%,to{opacity:1}30%,50%,70%{opacity:0.7}}@-webkit-keyframes factoryItemCircle{0%,20%,40%,60%,75%,to{border:2px double #ff671f}30%,50%,70%{border:10px double rgba(255, 255, 255, 0.9)}}@keyframes factoryItemCircle{0%,20%,40%,60%,75%,to{border:2px double #ff671f}30%,50%,70%{border:10px double rgba(255, 255, 255, 0.9)}}.newsArea{position:relative;z-index:2;padding-bottom:80px}@media (min-width:1351px){.newsArea{padding-top:150px}}@media (min-width:769px) and (max-width:1350px){.newsArea{padding-top:100px}}@media (min-width:581px) and (max-width:768px){.newsArea{padding-top:60px}}@media (max-width:580px){.newsArea{padding-top:40px;padding-bottom:50px}}@media (min-width:769px){.newsArea:before{content:'';position:absolute;top:95px;right:calc(100% - 160px);z-index:-1;width:50%;height:420px;background-color:#adb2b6;-webkit-transform:skewX(-48deg);-ms-transform:skewX(-48deg);transform:skewX(-48deg);pointer-events:none}}@media (min-width:1921px){.newsArea:before{right:calc(100% - 220px)}}@media (min-width:1601px) and (max-width:1700px){.newsArea:before{right:calc(100% - 100px)}}@media (min-width:769px) and (max-width:1600px){.newsArea:before{right:calc(100% - 50px)}}.newsArea .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.newsArea .wrap>.titleBox{position:relative;z-index:1;width:100%}@media (min-width:1351px){.newsArea .wrap>.titleBox{width:350px}}.newsArea .wrap>.rightBox{position:relative}@media (min-width:1351px){.newsArea .wrap>.rightBox{width:calc(100% - 350px)}}@media (max-width:1350px){.newsArea .wrap>.rightBox{width:100%;margin-top:50px}}@media (max-width:580px){.newsArea .wrap>.rightBox{margin-top:20px}}@media (min-width:1351px){.newsArea .titleBox{top:60px}.newsArea .titleBox.hasIcon{padding-top:0}.newsArea .titleBox.hasIcon:before{left:240px}}@media (min-width:1181px) and (max-width:1350px){.newsArea .titleBox{text-align:center}.newsArea .titleBox.hasIcon:before{left:calc(50% - 13px)}}@media (max-width:580px){.newsArea .titleBox .titleMark span{display:inline-block}}@media (min-width:1351px){.newsArea .btn{position:relative;left:-6px;z-index:5;margin-top:-95px}}@media (max-width:1350px){.newsArea .btn{width:100%;text-align:center}}@media (min-width:769px) and (max-width:1350px){.newsArea .btn{margin-top:50px}}@media (min-width:581px) and (max-width:768px){.newsArea .btn{margin-top:20px}}@media (max-width:580px){.newsArea .btn{margin-top:5px}}.newsArea .rectPrev{position:absolute;top:calc(50% - 135px)}@media (min-width:769px){.newsArea .rectPrev{right:-42px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}}@media (max-width:768px){.newsArea .rectPrev{left:-30px}}@media (max-width:640px){.newsArea .rectPrev{left:-40px}}.newsArea .rectNext{position:absolute;margin:0}@media (min-width:769px){.newsArea .rectNext{top:calc(50% + 60px);right:-42px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}}@media (max-width:768px){.newsArea .rectNext{top:calc(50% - 135px);right:-30px}}@media (max-width:640px){.newsArea .rectNext{right:-40px}}@media (min-width:1001px){.newsList{width:100%;max-width:900px;padding:0 30px}}@media (min-width:769px) and (max-width:1350px){.newsList{width:100%;margin-left:auto;margin-right:auto}}@media (min-width:641px) and (max-width:768px){.newsList{padding:0 50px;margin-left:-20px;margin-right:-20px}}@media (max-width:580px){.newsList{margin-left:-20px;margin-right:-20px}}.newsList li{padding:15px 0}@media (max-width:768px){.newsList li{padding:20px}}.newsList li .item{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.newsList li .Img{position:relative;z-index:1;width:260px}@media (max-width:768px){.newsList li .Img{width:100%}}.newsList li .Img img{position:relative;z-index:-1;display:block;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.newsList li .Img .newsClass{position:absolute;bottom:0;left:0;z-index:2;padding:2px 14px 0;font-size:13px;font-family:"Artegra Medium", "Poppins", "微軟正黑體", sans-serif;line-height:25px;color:#fff}.newsList li .Img .newsClass:before{content:'';position:absolute;bottom:0;left:-10px;z-index:-1;width:calc(100% + 10px);min-width:135px;height:100%;background-color:#ff671f;-webkit-transform:skewX(-17deg);-ms-transform:skewX(-17deg);transform:skewX(-17deg)}.newsList li .Txt{width:calc(100% - 300px);padding-top:5px;padding-left:40px}@media (max-width:768px){.newsList li .Txt{width:100%;padding:20px 10px}}.newsList li .Txt h3{margin-bottom:4px;font-size:22px;font-family:"Artegra Bold", "Poppins", "微軟正黑體", sans-serif;font-style:normal;color:#333f48;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}@media (max-width:580px){.newsList li .Txt h3{font-size:21px}}.newsList li .Txt h3 a{color:#333f48}.newsList li .Txt .txtExp{margin-top:15px;max-height:calc(26px * 2 + 2px);line-height:26px;color:#5c656d}.newsList li .Txt .upcoming{display:inline-block;width:100px;height:26px;line-height:26px;margin-right:5px;font-size:13px;font-family:"Artegra Medium", "Poppins", "微軟正黑體", sans-serif;font-style:normal;color:#fff;text-align:center;background-color:#ff671f;border-radius:13px}.newsList li .Txt .upcoming+.newsDate{display:inline-block}.newsList li .Txt .newsDate{margin-top:10px;font-size:14px;font-family:"Artegra Medium", "Poppins", "微軟正黑體", sans-serif;font-style:normal;color:#ff671f;letter-spacing:1px}.newsList li .Txt .newsDate:before{content:'['}.newsList li .Txt .newsDate:after{content:']'}.newsList li .Txt .btnMore{margin-top:20px}.aboutArea{padding-top:100px;padding-bottom:120px;border-top:1px solid #e4e4e4}@media (min-width:641px) and (max-width:960px){.aboutArea{padding-bottom:80px}}@media (min-width:581px) and (max-width:640px){.aboutArea{padding-top:60px;padding-bottom:60px}}@media (max-width:580px){.aboutArea{padding-top:40px;padding-bottom:50px}}.aboutArea .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.aboutArea .wrap>.leftBox{position:relative;z-index:1}@media (min-width:1401px){.aboutArea .wrap>.leftBox{width:430px;padding-right:50px}}@media (max-width:1400px){.aboutArea .wrap>.leftBox{width:100%}}@media (min-width:1401px){.aboutArea .wrap>.rightBox{width:calc(100% - 430px)}}@media (max-width:1400px){.aboutArea .wrap>.rightBox{margin:50px auto 0}}@media (max-width:580px){.aboutArea .wrap>.rightBox{margin-top:35px}}@media (min-width:1181px){.aboutArea .titleBox.hasIcon{padding-top:0}.aboutArea .titleBox.hasIcon:before{left:330px}}@media (max-width:580px){.aboutArea .titleBox .titleMark span{display:inline-block}}@media (min-width:1181px) and (max-width:1400px){.aboutArea .Txt{padding-right:180px}}@media (max-width:1180px){.aboutArea .Txt{text-align:center}}.aboutArea .Txt h3{margin-top:45px;font-size:19px;font-family:"Artegra Medium", "Poppins", "微軟正黑體", sans-serif;font-weight:400;color:#5c656d;line-height:30px}@media (max-width:580px){.aboutArea .Txt h3{margin-top:25px}}.aboutArea .Txt h3 a{color:#5c656d}.aboutArea .Txt h3 a:hover{color:#ff671f}.aboutArea .Txt .txtExp{margin-top:25px;max-height:calc(26px * 8 + 2px);font-size:16px;line-height:26px}.aboutArea .Img{padding:0 2px;background-color:#d6d9da}@media (min-width:1181px){.aboutArea .Img{position:absolute;bottom:0}}@media (min-width:1401px){.aboutArea .Img{right:-80px}}@media (min-width:1180px) and (max-width:1400px){.aboutArea .Img{right:0}}@media (max-width:1180px){.aboutArea .Img{width:105px;margin:30px auto 0}}.aboutArea .Img img{display:block;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.aboutArea .officeMap{position:relative;width:100%}@media (min-width:961px){.aboutArea .officeMap{max-width:810px;background-color:#ff671f}}.aboutArea .officeMap .titleMark{position:relative;z-index:5;width:220px;height:50px;line-height:50px;font-size:15px;font-family:"Artegra Bold", "Poppins", "微軟正黑體", sans-serif;font-style:normal;color:#adb2b6;text-align:center}@media (min-width:961px){.aboutArea .officeMap .titleMark{position:absolute;top:-10px;right:20px}}.aboutArea .officeMap .titleMark a{color:#adb2b6}.aboutArea .officeMap .titleMark a:hover{color:#fff}.aboutArea .officeMap .titleMark:before{content:'';position:relative;top:3px;display:inline-block;margin-right:10px;width:16px;height:18px;background:url("../images/office_icon.png") no-repeat center}.aboutArea .officeMap .titleMark:after{content:'';position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:#333f48;-webkit-transform:skewX(-17deg);-ms-transform:skewX(-17deg);transform:skewX(-17deg)}.aboutArea .officeMap>img{display:block;max-width:100%;margin:0 auto}@media (max-width:960px){.aboutArea .officeMap>img{display:none}}@media (max-width:960px){.aboutArea .officeMap .officePoint{display:none}}.aboutArea .officeMap .officePoint li{position:absolute}.aboutArea .officeMap .officePoint li .points{position:relative;z-index:4;display:inline-block;width:15px;height:15px;background-color:#ff311f;border:3px solid #fff;border-radius:50%;cursor:pointer;word-wrap:normal;word-break:normal}.aboutArea .officeMap .officePoint li .points:before{content:attr(data-title);position:absolute;top:-7px;left:calc(100% + 15px);font-size:16px;font-family:"Artegra Medium", "Poppins", "微軟正黑體", sans-serif;font-style:normal;color:#fff;text-shadow:0 1px 5px rgba(0, 0, 0, 0.3);pointer-events:none}.aboutArea .officeMap .officePoint li .infoBox{position:absolute;bottom:100%;left:calc(50% - 115px);z-index:5;width:230px;height:120px;padding:20px 10px 10px 18px;background-color:#f4f4f4;border-radius:3px;-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.15);box-shadow:0 2px 5px rgba(0, 0, 0, 0.15);-webkit-transform:translateY(-12px);-ms-transform:translateY(-12px);transform:translateY(-12px);opacity:0;visibility:hidden;pointer-events:none}.aboutArea .officeMap .officePoint li .infoBox:before{content:'';position:absolute;top:9px;right:9px;z-index:1;width:0;height:0;border-left:15px solid transparent;border-top:13px solid #ff671f;-webkit-transform:translate(9px, -9px);-ms-transform:translate(9px, -9px);transform:translate(9px, -9px)}.aboutArea .officeMap .officePoint li .infoBox:after{content:'';position:absolute;bottom:-11px;left:calc(50% - 6px);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:12px solid #f4f4f4}.aboutArea .officeMap .officePoint li .infoBox h3{font-size:17px;font-family:"Artegra Bold", "Poppins", "微軟正黑體", sans-serif;font-weight:400;color:#333f48;letter-spacing:.2px}.aboutArea .officeMap .officePoint li .infoBox a{display:block;margin-top:3px;font-size:14px;line-height:20px;letter-spacing:.2px;color:#5c656d}.aboutArea .officeMap .officePoint li .infoBox a:hover{text-decoration:underline}.aboutArea .officeMap .officePoint li .infoBox a span{font-family:"Artegra Medium", "Poppins", "微軟正黑體", sans-serif}.aboutArea .officeMap .officePoint li .infoBox a span:after{content:' : '}.aboutArea .officeMap .officePoint li .infoBox a.more{margin-top:15px;font-family:"Artegra Bold", "Poppins", "微軟正黑體", sans-serif;color:#ff671f;text-decoration:underline}.aboutArea .officeMap .officePoint li .infoBox a.more:hover{text-decoration:none}.aboutArea .officeMap .officePoint li._switzerland{top:calc(50% - 43px);left:calc(50% - 24px)}.aboutArea .officeMap .officePoint li._switzerland .points:before{top:-10px}.aboutArea .officeMap .officePoint li._us{top:calc(50% - 33px);left:calc(50% - 250px)}.aboutArea .officeMap .officePoint li._taiwan{top:calc(50% + 10px);left:calc(50% + 205px)}.aboutArea .officeMap .officePoint li._singapore{top:calc(50% + 58px);left:calc(50% + 172px)}.aboutArea .officeMap .officePoint li._singapore .points:before{top:0;left:auto;right:calc(100% + 12px)}.aboutArea .officeMap .officePoint li._korea{top:calc(50% - 22px);left:calc(50% + 208px)}.aboutArea .officeMap .officePoint li._china{top:calc(50% - 8px);left:calc(50% + 190px)}.aboutArea .officeMap .officePoint li._china .points:before{left:auto;right:calc(100% + 12px)}.aboutArea .officeMap .officePoint li:hover .infoBox{opacity:1;visibility:visible;pointer-events:auto;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}.aboutArea .officeMap .officePoint li:hover .infoBox:before{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:-webkit-transform .4s .25s ease;transition:-webkit-transform .4s .25s ease;-o-transition:transform .4s .25s ease;transition:transform .4s .25s ease;transition:transform .4s .25s ease, -webkit-transform .4s .25s ease}.aboutArea .officeMap .officePoint li:hover .points:before{opacity:0}