.logos{display:flex;align-items:flex-start}
:root{--primary:#808080;--footer-bg:#000}
.page-venus-artas footer#layout-footer{background:#65666a;background:linear-gradient(0deg,#65666a 0%,#26222f 50%,#101017 100%);color:#fff}
.page-venus-artas footer#layout-footer section.centres .title{color:#fff}
.page-venus-artas footer#layout-footer section.centres .products .product a{color:#fff}
.page-venus-artas footer#layout-footer section.centres .slider-container .centres-slider .filter .option{color:#fff}
.page-venus-artas footer#layout-footer section.centres .slider-container .centres-slider .filter .option:hover::before{background-color:#fff}
.page-venus-artas footer#layout-footer section.centres .slider-container .centres-slider .filter .option:not(:first-child)::after{background-color:#fff}
.page-venus-artas footer#layout-footer footer{color:#fff}
.page-venus-artas footer#layout-footer footer li a{color:#fff}
.page-venus-artas footer#layout-footer footer .social-media{color:#fff}
.page-venus-artas footer#layout-footer footer .social-media .icons img{filter:brightness(10)}
.page-venus-artas footer#layout-footer footer a{color:#fff}
section#layout-content{position:relative}
section#layout-content p{margin-bottom:0px}
section#layout-content strong{font-weight:normal}
.artas-section{background-image:url(../themes/venus-concept/assets/images/venus-artas/bg-1.jpg);background-repeat:no-repeat;background-size:cover;background-position:center top;position:relative;padding:250px 0;background-color:#000}
@media screen and (max-width:991px){.artas-section{padding:200px 0}}
@media screen and (max-width:767px){.artas-section{padding:100px 0}}
.artas-section .artas-inner{background:#000;background:linear-gradient(-90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,#000 100%);color:#fff;padding:25px 0}
.artas-section .artas-inner .title-top{font-size:45px;display:flex;justify-content:center;align-items:center;font-family:"A OTF FolkPro Regular"}
@media screen and (max-width:1199px){.artas-section .artas-inner .title-top{font-size:35px}}
@media screen and (max-width:991px){.artas-section .artas-inner .title-top{font-size:26px}}
@media screen and (max-width:767px){.artas-section .artas-inner .title-top{font-size:20px}}
.artas-section .artas-inner .title-top span{display:flex}
.artas-section .artas-inner .title-top span img{max-width:180px;width:100%;margin-left:10px}
@media screen and (max-width:1199px){.artas-section .artas-inner .title-top span img{max-width:150px}}
@media screen and (max-width:991px){.artas-section .artas-inner .title-top span img{max-width:130px}}
@media screen and (max-width:767px){.artas-section .artas-inner .title-top span img{max-width:115px}}
.artas-section .artas-inner .title-middle{font-size:32px;letter-spacing:3px;text-indent:3px;display:flex;justify-content:center;align-items:center;font-family:"Noto Sans TC";font-weight:400}
@media screen and (max-width:1199px){.artas-section .artas-inner .title-middle{font-size:28px}}
@media screen and (max-width:991px){.artas-section .artas-inner .title-middle{font-size:24px}}
.artas-section .artas-inner .title-middle img{max-width:60px;width:100%;margin:0 8px}
@media screen and (max-width:1199px){.artas-section .artas-inner .title-middle img{max-width:50px}}
@media screen and (max-width:991px){.artas-section .artas-inner .title-middle img{max-width:40px}}
.artas-section .artas-inner .main-title{font-size:100px;letter-spacing:5px;text-indent:5px;color:#0089C4;line-height:normal;font-family:"A OTF FolkPro Regular"}
@media screen and (max-width:1199px){.artas-section .artas-inner .main-title{font-size:75px}}
@media screen and (max-width:991px){.artas-section .artas-inner .main-title{font-size:55px}}
@media screen and (max-width:767px){.artas-section .artas-inner .main-title{font-size:40px}}
.artas-section .artas-inner .title-bottom{font-size:32px;letter-spacing:3px;text-indent:3px;font-family:"Noto Sans TC";font-weight:400}
@media screen and (max-width:1199px){.artas-section .artas-inner .title-bottom{font-size:28px}}
@media screen and (max-width:991px){.artas-section .artas-inner .title-bottom{font-size:24px}}
.artas-section .artas-inner .product-img{position:absolute;top:30%;transform:translateY(-30%)}
@media screen and (max-width:991px){.artas-section .artas-inner .product-img{top:35%;transform:translateY(-35%)}}
@media screen and (max-width:767px){.artas-section .artas-inner .product-img{position:relative;top:auto;transform:unset;text-align:center;margin-top:25px}}
.artas-section .artas-inner .product-img img{max-width:450px;width:100%}
@media screen and (max-width:1199px){.artas-section .artas-inner .product-img img{max-width:350px}}
@media screen and (max-width:767px){.artas-section .artas-inner .product-img img{max-width:250px}}
.symptom-section{background-color:#000;position:relative}
@media screen and (max-width:767px){.symptom-section{padding:280px 0 60px}}
@media screen and (max-width:575px){.symptom-section{padding:200px 0 60px}}
.symptom-section .symptom-inner{position:relative;background:#000;background:linear-gradient(-90deg,rgba(0,0,0,0) 30%,rgba(0,137,196,0.9) 100%)}
@media screen and (max-width:767px){.symptom-section .symptom-inner{background:linear-gradient(0deg,rgba(0,0,0,0) 30%,rgba(0,137,196,0.9) 100%)}}
.symptom-section .symptom-inner .people-group{position:relative;top:100%}
.symptom-section .symptom-inner .people-group .people-pic{position:absolute;bottom:0}
.symptom-section .symptom-inner .arrow-pic{display:flex;align-items:center;justify-content:center;height:100%}
@media screen and (max-width:767px){.symptom-section .symptom-inner .arrow-pic{height:auto;padding:20px 0}.symptom-section .symptom-inner .arrow-pic img{max-width:70px;width:100%;transform:rotate(270deg)}}
.symptom-section .symptom-inner .hexagon-section{display:flex}
.symptom-section .symptom-inner .hexagon-section.hexagon-top{justify-content:flex-start;margin-right:14%}
.symptom-section .symptom-inner .hexagon-section.hexagon-bottom{justify-content:flex-end;margin-left:14%}
.symptom-section .symptom-inner .hexagon-section .hexagon-pic{padding:15px}
@media screen and (max-width:575px){.symptom-section .symptom-inner .hexagon-section .hexagon-pic{padding:8px}}
.symptom-section .symptom-inner .hexagon-section .hexagon-pic img{max-width:120px;width:100%}
.survey-section{background-image:url(../themes/venus-concept/assets/images/venus-artas/bg-2.jpg);background-repeat:no-repeat;background-size:cover;background-position:center top;position:relative;padding:50px 0 0;background-color:#000;color:#fff}
.survey-section .survey-box{position:relative;z-index:2}
@media screen and (max-width:767px){.survey-section .survey-box{height:108px}}
@media screen and (max-width:575px){.survey-section .survey-box{height:84px;margin:50px 0}}
.survey-section .survey-box img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;max-width:165px;width:100%;pointer-events:none}
@media screen and (max-width:991px){.survey-section .survey-box img{max-width:140px}}
@media screen and (max-width:767px){.survey-section .survey-box img{max-width:130px}}
.survey-section .survey-box .survey-data{font-size:60px;letter-spacing:3px;text-indent:3px;font-family:"A OTF FolkPro Medium"}
@media screen and (max-width:991px){.survey-section .survey-box .survey-data{font-size:50px}}
@media screen and (max-width:767px){.survey-section .survey-box .survey-data{font-size:40px}}
.survey-section .survey-box .survey-text{font-family:"Noto Sans TC";font-weight:500}
.survey-section .ref-content{margin-top:50px;text-align:left;font-size:8px;font-family:"Noto Sans TC";font-weight:500}
.survey-section .title-top{font-size:6vw;letter-spacing:15px;text-indent:15px;font-family:"Futura BT Book";white-space:nowrap}
@media screen and (max-width:991px){.survey-section .title-top{font-size:4vw;margin-top:30px}}
@media screen and (max-width:575px){.survey-section .title-top{font-size:5vw;letter-spacing:8px;text-indent:8px}}
.survey-section .title-middle{font-size:40px;letter-spacing:40px;text-indent:40px;margin-top:10px;font-family:"Noto Sans TC";font-weight:400}
@media screen and (max-width:991px){.survey-section .title-middle{letter-spacing:30px;text-indent:30px}}
@media screen and (max-width:767px){.survey-section .title-middle{letter-spacing:20px;text-indent:20px;font-size:30px}}
@media screen and (max-width:575px){.survey-section .title-middle{letter-spacing:8px;text-indent:8px;font-size:26px}}
.survey-section .title-bottom{font-size:55px;letter-spacing:10px;text-indent:10px;display:flex;justify-content:center;align-items:center;font-family:"Noto Sans TC";font-weight:400}
@media screen and (max-width:767px){.survey-section .title-bottom{font-size:40px}}
@media screen and (max-width:575px){.survey-section .title-bottom{font-size:28px;letter-spacing:6px;text-indent:6px}}
.survey-section .title-bottom img{max-width:110px;width:100%;margin:0 3px}
@media screen and (max-width:991px){.survey-section .title-bottom img{max-width:90px}}
@media screen and (max-width:767px){.survey-section .title-bottom img{max-width:75px}}
@media screen and (max-width:575px){.survey-section .title-bottom img{max-width:45px}}
.survey-section .fadce-pic{margin:20px 0}
.survey-section .fadce-pic img{max-width:400px;width:100%}
.survey-title-section{background-color:#000;position:relative;color:#fff;font-family:"A OTF FolkPro Medium"}
.survey-title-section .survey-inner{background:#0089c4;background:linear-gradient(0deg,rgba(0,137,196,0) 0%,rgba(0,137,196,0.6) 50%,rgba(0,137,196,0) 100%);padding:30px 0 50px}
.survey-title-section .main-title{font-size:100px;letter-spacing:40px;text-indent:40px;line-height:1.2}
@media screen and (max-width:1199px){.survey-title-section .main-title{font-size:80px}}
@media screen and (max-width:991px){.survey-title-section .main-title{font-size:65px;letter-spacing:25px;text-indent:25px}}
@media screen and (max-width:767px){.survey-title-section .main-title{font-size:45px;letter-spacing:20px;text-indent:20px}}
@media screen and (max-width:575px){.survey-title-section .main-title{font-size:35px;letter-spacing:10px;text-indent:10px}}
.benefits-section{background-color:#000;position:relative;color:#fff;font-family:"A OTF FolkPro Medium"}
.benefits-section .row-benefits .benefits-group{margin-bottom:60px;background:#0089c4;background:linear-gradient(0deg,rgba(0,137,196,0) 0%,rgba(0,137,196,0.6) 50%,rgba(0,137,196,0) 100%)}
@media screen and (max-width:575px){.benefits-section .row-benefits .benefits-group{margin-bottom:20px}}
.benefits-section .row-benefits .benefits-group .group-inner{display:flex;align-items:center;background:#000;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,0) 25%,#000 100%)}
.benefits-section .row-benefits .benefits-group .group-inner .circle-ico{margin-right:10px}
@media screen and (max-width:991px){.benefits-section .row-benefits .benefits-group .group-inner .circle-ico{margin-right:0px}}
.benefits-section .row-benefits .benefits-group .group-inner .circle-ico img{max-width:150px}
@media screen and (max-width:991px){.benefits-section .row-benefits .benefits-group .group-inner .circle-ico img{max-width:130px}}
@media screen and (max-width:767px){.benefits-section .row-benefits .benefits-group .group-inner .circle-ico img{max-width:90px}}
@media screen and (max-width:575px){.benefits-section .row-benefits .benefits-group .group-inner .circle-ico img{max-width:100px}}
.benefits-section .row-benefits .benefits-group .group-inner .benefits-text .title{font-size:50px;letter-spacing:20px;line-height:1.1}
@media screen and (max-width:1399px){.benefits-section .row-benefits .benefits-group .group-inner .benefits-text .title{font-size:40px;letter-spacing:15px}}
@media screen and (max-width:1199px){.benefits-section .row-benefits .benefits-group .group-inner .benefits-text .title{font-size:35px;letter-spacing:10px}}
@media screen and (max-width:991px){.benefits-section .row-benefits .benefits-group .group-inner .benefits-text .title{font-size:24px;letter-spacing:5px}}
@media screen and (max-width:767px){.benefits-section .row-benefits .benefits-group .group-inner .benefits-text .title{font-size:22px;letter-spacing:2px}}
@media screen and (max-width:575px){.benefits-section .row-benefits .benefits-group .group-inner .benefits-text .title{font-size:24px;letter-spacing:5px}}
.benefits-section .row-benefits .benefits-group .group-inner .benefits-text .content{font-size:32px;letter-spacing:15px;line-height:normal}
@media screen and (max-width:1399px){.benefits-section .row-benefits .benefits-group .group-inner .benefits-text .content{font-size:28px;letter-spacing:10px}}
@media screen and (max-width:991px){.benefits-section .row-benefits .benefits-group .group-inner .benefits-text .content{font-size:22px;letter-spacing:2px}}
@media screen and (max-width:767px){.benefits-section .row-benefits .benefits-group .group-inner .benefits-text .content{font-size:18px;letter-spacing:2px}}
@media screen and (max-width:575px){.benefits-section .row-benefits .benefits-group .group-inner .benefits-text .content{font-size:20px;letter-spacing:2px}}
.benefits-section .row-benefits .benefits-group .group-inner .benefits-text .content span,
.benefits-section .row-benefits .benefits-group .group-inner .benefits-text .content strong{font-size:16px;letter-spacing:3px}
@media screen and (max-width:991px){.benefits-section .row-benefits .benefits-group .group-inner .benefits-text .content span,.benefits-section .row-benefits .benefits-group .group-inner .benefits-text .content strong{display:block}}
.case-section{background-color:#000;position:relative;color:#fff;padding:80px 0 30px}
.case-section .content-group{margin-bottom:40px}
.case-section .content-group .title{color:#0089C4;font-size:55px;font-family:"A OTF FolkPro Medium"}
@media screen and (max-width:575px){.case-section .content-group .title{font-size:35px}}
.case-section .content-group .content{font-family:"Noto Sans TC";font-weight:400}
.case-section .ref-text{font-size:14px;margin-top:40px;font-family:"Noto Sans TC";font-weight:400}
.case-section .ref-text .ref-content{margin-bottom:20px}
.case-section .ref-text .ref-list ul{list-style-type:upper-latin}
.case-section .showcase{padding:0 100px;position:relative;font-family:"Noto Sans TC";font-weight:500}
@media screen and (max-width:767px){.case-section .showcase{padding:0 50px}}
.case-section .showcase .slider-container{padding-bottom:30px}
.case-section .showcase .slider-container .swiper-slide{border:1px solid #0089C4;border-radius:30px;overflow:hidden;padding:30px;background:#0089c4;background:linear-gradient(90deg,rgba(0,137,196,0) 0%,#0089c4 50%,rgba(0,137,196,0) 100%)}
.case-section .showcase .slider-container .case-box{text-align:center;background-color:#0089C4;border:2px solid #0089C4;border-radius:10px;overflow:hidden}
.case-section .showcase .slider-container .case-box.before{margin-bottom:25px}
.case-section .showcase .slider-container .case-box .name{font-size:14px;padding:4px}
.case-section .showcase .swiper-pagination{bottom:0px !important}
.case-section .showcase .swiper-pagination .swiper-pagination-bullet-active{background-color:#0089C4}
.case-section .showcase .swiper-pagination .swiper-pagination-bullet{border:1px solid #0089C4 !important;opacity:1}
.case-section .showcase .swiper-nav .swiper-button-prev:after,
.case-section .showcase .swiper-nav .swiper-rtl .swiper-button-next:after{content:unset}
.case-section .showcase .swiper-nav .swiper-button-next:after,
.case-section .showcase .swiper-nav .swiper-rtl .swiper-button-prev:after{content:unset}
.case-section .showcase .swiper-nav .swiper-button-next,
.case-section .showcase .swiper-nav .swiper-button-prev{width:40px}
@media screen and (max-width:767px){.case-section .showcase .swiper-nav .swiper-button-next,.case-section .showcase .swiper-nav .swiper-button-prev{width:30px}}
.case-section .showcase .swiper-nav .swiper-button-next.swiper-button-disabled,
.case-section .showcase .swiper-nav .swiper-button-prev.swiper-button-disabled{opacity:.5}
.technology-section{background-color:#000;position:relative;color:#fff;background-image:url(../themes/venus-concept/assets/images/venus-artas/bg-3.jpg);background-repeat:no-repeat;background-size:cover;background-position:center top;padding:150px 0 50px;z-index:9;font-family:"A OTF FolkPro Medium"}
@media screen and (max-width:767px){.technology-section{background-attachment:fixed;padding:50px 0 50px}}
.technology-section .m-view-back .click-btn{display:none}
@media screen and (max-width:767px){.technology-section .m-view-back .click-btn{display:block}}
@media screen and (max-width:767px){.technology-section .d-view-back .click-btn{display:none}}
.technology-section .center-product{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;z-index:-1;margin-top:15px}
@media screen and (max-width:767px){.technology-section .center-product.d-product{display:none !important}}
.technology-section .center-product.m-product{display:none}
@media screen and (max-width:767px){.technology-section .center-product.m-product{display:block}}
@media screen and (max-width:767px){.technology-section .center-product{position:relative;left:auto;top:auto;transform:unset;text-align:center;z-index:auto;margin-top:20px}}
.technology-section .center-product img{max-width:680px}
@media screen and (max-width:991px){.technology-section .center-product img{max-width:500px}}
@media screen and (max-width:767px){.technology-section .center-product img{max-width:400px}}
@media screen and (max-width:991px){.technology-section .front-view{margin-top:20px}}
.technology-section .back-view{display:none;margin-top:-60px}
@media screen and (max-width:991px){.technology-section .back-view{margin-top:0}}
.technology-section .back-view .back-product{text-align:center}
.technology-section .back-view .back-product img{max-width:580px;width:100%}
.technology-section .click-btn{background-color:#FFF;text-align:center;color:#0089C4;text-indent:5px;padding:10px 10px;line-height:normal;cursor:pointer;border-radius:5px;letter-spacing:2px;font-size:24px;width:fit-content;margin:auto;margin-top:70px}
@media screen and (max-width:1199px){.technology-section .click-btn{font-size:20px}}
@media screen and (max-width:991px){.technology-section .click-btn{margin-top:0;font-size:16px;letter-spacing:0px}}
@media screen and (max-width:767px){.technology-section .click-btn.read-more{margin-top:20px}}
.technology-section .click-btn.view-front{margin-top:20px}
.technology-section .title-group{color:#fff;display:inline-block}
@media screen and (max-width:767px){.technology-section .title-group{display:block;text-align:center;width:fit-content;margin:auto}}
.technology-section .title-group .main-title{font-size:65px;letter-spacing:6px;border-bottom:2px solid #0089C4}
@media screen and (max-width:1199px){.technology-section .title-group .main-title{font-size:50px}}
@media screen and (max-width:767px){.technology-section .title-group .main-title{font-size:35px}}
.technology-section .title-group .sub-title{font-size:40px;letter-spacing:4px}
@media screen and (max-width:767px){.technology-section .title-group .sub-title{font-size:30px}}
.technology-section .function-box.box-2{text-align:right}
.technology-section .function-box.box-4{text-align:right}
.technology-section .function-box.box-5{text-align:right}
@media screen and (max-width:767px){.technology-section .function-box{text-align:center !important}}
.technology-section .function-item{display:inline-block;max-width:350px;text-align:center;position:relative}
@media screen and (max-width:767px){.technology-section .function-item{margin-top:0 !important;margin-bottom:30px}}
.technology-section .function-item .border-line{border-bottom:2px solid #0089C4;position:absolute;z-index:-2;opacity:0}
@media screen and (max-width:767px){.technology-section .function-item .border-line{display:none}}
.technology-section .function-item.item-1{margin-top:70px}
@media screen and (min-width:768px){.technology-section .function-item.item-1 .item-content{height:204px}}
@media screen and (min-width:992px){.technology-section .function-item.item-1 .item-content{height:156px}}
.technology-section .function-item.item-1 .border-line{left:100%;top:7px;width:340px;transform:rotate(-6deg)}
@media screen and (max-width:1399px){.technology-section .function-item.item-1 .border-line{top:0px;width:280px}}
@media screen and (max-width:1199px){.technology-section .function-item.item-1 .border-line{top:15px;width:190px}}
@media screen and (max-width:991px){.technology-section .function-item.item-1 .border-line{top:50px;width:140px;transform:rotate(20deg)}}
.technology-section .function-item.item-2{margin-top:-80px}
@media screen and (max-width:991px){.technology-section .function-item.item-2{margin-top:0}}
.technology-section .function-item.item-2 .border-line{right:100%;top:45px;width:170px;transform:rotate(-10deg)}
@media screen and (max-width:1399px){.technology-section .function-item.item-2 .border-line{width:100px}}
@media screen and (max-width:1199px){.technology-section .function-item.item-2 .border-line{width:70px}}
@media screen and (max-width:991px){.technology-section .function-item.item-2 .border-line{width:85px;transform:rotate(-45deg)}}
.technology-section .function-item.item-3{margin-top:90px;margin-left:-30px}
@media screen and (max-width:1199px){.technology-section .function-item.item-3{margin-left:0px}}
@media screen and (min-width:768px){.technology-section .function-item.item-3 .item-content{height:180px}}
@media screen and (min-width:992px){.technology-section .function-item.item-3 .item-content{height:156px}}
@media screen and (min-width:1200px){.technology-section .function-item.item-3 .item-content{height:132px}}
.technology-section .function-item.item-3 .border-line{left:85%;top:-35px;width:310px;transform:rotate(-15deg)}
@media screen and (max-width:1399px){.technology-section .function-item.item-3 .border-line{width:250px;top:-30px}}
@media screen and (max-width:1199px){.technology-section .function-item.item-3 .border-line{width:150px;top:-15px}}
@media screen and (max-width:991px){.technology-section .function-item.item-3 .border-line{width:130px;top:-35px;transform:rotate(-35deg)}}
.technology-section .function-item.item-4{margin-top:15px}
@media screen and (max-width:1199px){.technology-section .function-item.item-4{margin-top:65px}}
.technology-section .function-item.item-4 .border-line{right:100%;top:15px;width:250px;transform:rotate(5deg)}
@media screen and (max-width:1399px){.technology-section .function-item.item-4 .border-line{width:160px}}
@media screen and (max-width:1199px){.technology-section .function-item.item-4 .border-line{width:115px}}
@media screen and (max-width:991px){.technology-section .function-item.item-4 .border-line{width:100px}}
.technology-section .function-item.item-5{margin-top:30px}
.technology-section .function-item.item-5 .border-line{left:39%;top:-234px;width:590px;transform:rotate(-55deg)}
@media screen and (max-width:1399px){.technology-section .function-item.item-5 .border-line{left:13%}}
@media screen and (max-width:1199px){.technology-section .function-item.item-5 .border-line{left:8%;top:-227px;width:550px;transform:rotate(-60deg)}}
@media screen and (max-width:991px){.technology-section .function-item.item-5 .border-line{left:-10%;top:-227px;width:500px;transform:rotate(-70deg)}}
.technology-section .function-item .item-title{font-size:20px;letter-spacing:2px;text-indent:2px;position:relative;z-index:2;display:inline-block;padding:18px}
@media screen and (max-width:991px){.technology-section .function-item .item-title{font-size:16px;letter-spacing:0px;text-indent:0px;padding:15px}}
.technology-section .function-item .item-title:before{content:"";background-image:url(../themes/venus-concept/assets/images/venus-artas/title-bg.png);background-size:contain;background-repeat:no-repeat;position:absolute;width:320px;height:66px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}
@media screen and (max-width:991px){.technology-section .function-item .item-title:before{width:270px;height:54px}}
.technology-section .function-item .item-title:hover .border-line{opacity:1}
.technology-section .function-item .item-title:hover + .item-content{opacity:1}
.technology-section .function-item .item-content{background-color:#0088c2cc;padding:40px 20px 20px;border-radius:10px;margin-top:-33px;font-family:"Noto Sans TC";font-weight:400;opacity:0;position:relative}
@media screen and (max-width:767px){.technology-section .function-item .item-content{opacity:1}}
.technology-section .function-item .item-pic{margin-top:-30px;background-color:#000b3;border-radius:100%;display:none}
@media screen and (max-width:767px){.technology-section .function-item .item-pic{display:block}}
.process-section{background-color:#000;position:relative;color:#fff;padding-top:40px;font-family:"A OTF FolkPro Medium"}
.process-section .title-group{font-size:80px;letter-spacing:5px;text-indent:5px;display:flex;justify-content:center;align-items:center;margin-bottom:50px}
@media screen and (max-width:1199px){.process-section .title-group{font-size:60px}}
@media screen and (max-width:991px){.process-section .title-group{font-size:50px;margin-bottom:30px}}
@media screen and (max-width:575px){.process-section .title-group{font-size:28px;margin-bottom:30px}}
.process-section .title-group span{display:flex}
.process-section .title-group span img{max-width:360px;width:100%;margin-right:30px}
@media screen and (max-width:1199px){.process-section .title-group span img{max-width:300px}}
@media screen and (max-width:991px){.process-section .title-group span img{max-width:240px}}
@media screen and (max-width:575px){.process-section .title-group span img{max-width:140px;margin-right:10px}}
.process-section .step-group .step-pic{transform:skewX(15deg)}
.process-section .step-group .step-pic.pic-1{padding-left:50px}
@media screen and (max-width:991px){.process-section .step-group .step-pic.pic-1{padding-left:30px}}
@media screen and (max-width:767px){.process-section .step-group .step-pic.pic-1{padding-left:0}}
.process-section .step-group .step-pic.pic-1 img{max-width:416px}
@media screen and (max-width:767px){.process-section .step-group .step-pic.pic-1 img{max-width:216px}}
@media screen and (max-width:575px){.process-section .step-group .step-pic.pic-1 img{max-width:180px}}
.process-section .step-group .step-pic.pic-2{padding-right:24px}
.process-section .step-group .step-pic img{width:100%;box-shadow:6px 6px 10px #0089c4}
.process-section .step-group .step-pic.pic-4{padding:0 5px}
@media screen and (min-width:1200px){.process-section .step-group.step-left{margin-left:45px}}
@media screen and (max-width:767px){.process-section .step-group.step-left{margin-bottom:50px}}
@media screen and (max-width:767px){.process-section .step-group.step-left .content-box{transform:unset}}
@media screen and (max-width:767px){.process-section .step-group.step-left .content-box .content{margin-left:0}}
@media screen and (min-width:1200px){.process-section .step-group.step-right{margin-right:45px}}
.process-section .step-group.step-right .flex-pic{display:flex;flex-direction:row;padding-right:100px}
@media screen and (max-width:991px){.process-section .step-group.step-right .flex-pic{padding-right:60px}}
@media screen and (max-width:767px){.process-section .step-group.step-right .flex-pic{padding:0 30px}}
@media screen and (max-width:575px){.process-section .step-group.step-right .flex-pic{justify-content:center}}
.process-section .step-group.step-right .flex-title{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}
.process-section .step-group.step-right .flex-title .flex-box .ico-add{font-size:70px;color:#0089C4}
@media screen and (max-width:991px){.process-section .step-group.step-right .flex-title .flex-box .ico-add{font-size:50px}}
@media screen and (max-width:575px){.process-section .step-group.step-right .flex-title .flex-box .ico-add{font-size:40px;padding:0 5px}}
@media screen and (max-width:767px){.process-section .step-group.step-right .content-box .content{margin:0}}
.process-section .step-group .steps{margin-top:30px;color:#0089C4;font-size:60px;line-height:normal}
@media screen and (max-width:1199px){.process-section .step-group .steps{font-size:45px}}
@media screen and (max-width:991px){.process-section .step-group .steps{font-size:30px}}
.process-section .step-group .title{font-size:26px;margin-bottom:10px;font-family:"Noto Sans TC";font-weight:700}
@media screen and (max-width:1199px){.process-section .step-group .title{font-size:20px}}
@media screen and (max-width:991px){.process-section .step-group .title{font-size:16px}}
.process-section .step-group .content{background-color:#0089C4;padding:30px 15px;border-radius:10px;font-family:"Noto Sans TC";font-weight:400}
@media screen and (max-width:1199px){.process-section .step-group .content{padding:30px 10px}}
@media screen and (max-width:991px){.process-section .step-group .content{padding:30px 25px}}
.process-section .flex-step-box .flex-step{display:flex;max-width:85%;margin:auto}
.process-section .flex-step-box .flex-step .step-img{transform:skewX(15deg)}
.process-section .flex-step-box .flex-step .step-img img{box-shadow:6px 6px 10px #0089c4}
.process-section .flex-step-box .flex-step .step-img.pic-left{padding-right:18px;width:37%}
@media screen and (max-width:1199px){.process-section .flex-step-box .flex-step .step-img.pic-left{padding-right:13px}}
@media screen and (max-width:991px){.process-section .flex-step-box .flex-step .step-img.pic-left{padding-right:12px}}
.process-section .flex-step-box .flex-step .step-img.pic-right{width:63%}
@media screen and (max-width:991px){.process-section .flex-step-box .flex-step .step-img.pic-right{padding-left:5px}}
.technology-intro{background-color:#000;position:relative;color:#fff;padding:100px 0 50px}
.technology-intro .tech-title{font-size:45px;color:#fff;margin-bottom:30px;font-weight:bold;letter-spacing:15px;font-family:"MHeiHK Xbold"}
.technology-intro .video iframe{width:100%;height:100%}
.compare{background-color:#000;position:relative;color:#fff;padding:100px 0 150px}
.compare .compare-title{font-size:50px;text-align:center;margin-bottom:50px;font-family:"Noto Sans TC";font-weight:400}
@media screen and (max-width:1199px){.compare .compare-title{font-size:40px}}
@media screen and (max-width:992px){.compare .compare-title{font-size:30px}}
@media screen and (max-width:767px){.compare .compare-title{font-size:26px}}
.compare .ref-content{font-size:14px;margin-top:60px;font-family:"Roboto Regular"}
.compare .ref-content .ref-text{margin-bottom:10px}
.responsive-table-2 table{color:#fff;font-family:"Roboto Regular";border-spacing:unset}
.responsive-table-2 table thead th{background-color:transparent;padding-bottom:15px;font-family:"Noto Sans TC";font-weight:700}
.responsive-table-2 table thead th:after{content:none}
.responsive-table-2 table tbody tr td{text-align:center}
.responsive-table-2 table tbody tr td:first-child{color:#fff;background-color:transparent;font-family:"Roboto Regular";width:140px;min-width:140px}
.responsive-table-2 table tbody tr td:first-child:after{content:none}
.responsive-table-2 table tbody tr td:nth-child(2),
.responsive-table-2 table tbody tr td:nth-child(3){border-right:1px solid #BFBFBF}
.responsive-table-2 table tbody tr td:after{width:calc(100% - 10px);background-color:#BFBFBF;left:5px}
.responsive-table-2 table tbody tr:first-child td:nth-child(2){border-top-left-radius:15px}
.responsive-table-2 table tbody tr:first-child td:nth-child(4){border-top-right-radius:15px}
.responsive-table-2 table tbody tr:last-child td:nth-child(2){border-bottom-left-radius:15px}
.responsive-table-2 table tbody tr:last-child td:nth-child(4){border-bottom-right-radius:15px}
.responsive-table-2 table tbody tr:nth-child(odd) td:not(:first-child){background-color:#0097ce}
.responsive-table-2 table tbody tr:nth-child(even) td:not(:first-child){background-color:#05a8d6}
#stepDetailModal .content .popup-box{padding:60px 60px 0 60px}
@media screen and (max-width:991px){#stepDetailModal .content .popup-box{padding:60px 15px 0 15px}}
#stepDetailModal .modal-dialog{max-width:800px}
#stepDetailModal .btn-back{border:1px solid #0089C4;padding:5px 15px;color:#fff;border-radius:50px;letter-spacing:5px;font-size:26px;font-family:"MHeiHK Medium";text-indent:5px;background-color:#0089C4;text-align:center;margin:auto;margin-top:40px;cursor:pointer;margin-bottom:60px}