@charset "UTF-8";body.product_detail section.banner{position:relative;width:100%;height:100vh;overflow:hidden}body.product_detail section.banner .youtube{width:100%;height:100%}body.product_detail section.banner video{width:100%;min-width:1920px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media only screen and (max-width:1024px){body.product_detail section.banner video{width:auto;height:100%}}body.product_detail section.banner .photo-pc,body.product_detail section.banner .photo-phone{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center}@media only screen and (max-width:767px){body.product_detail section.banner .photo-pc{display:none}}body.product_detail section.banner .photo-phone{display:none}@media only screen and (max-width:767px){body.product_detail section.banner .photo-phone{display:block}}body.product_detail section.banner .text{position:relative;z-index:2;width:90%;min-width:600px;text-align:center;color:#fff;letter-spacing:0.05em;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}body.product_detail section.banner .text h2{font-size:3.125rem;margin-bottom:25px}@media only screen and (max-width:767px){body.product_detail section.banner .text h2{font-size:1.75rem;margin-bottom:10px}}body.product_detail section.banner .text p{font-size:1.25rem}@media only screen and (max-width:767px){body.product_detail section.banner .text p{font-size:0.875rem}}section.featured{padding-top:260px;padding-bottom:370px;background-repeat:no-repeat;background-size:cover;background-position:center center}@media only screen and (max-width:1024px){section.featured{padding-top:200px;padding-bottom:250px}}@media only screen and (max-width:767px){section.featured{padding-top:60px;padding-bottom:105px}}section.featured .feature-wrap{width:90%;max-width:1036px;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;letter-spacing:0.05em;line-height:1.7;text-align:center;opacity:0;-webkit-transition:1.5s ease-out;-o-transition:1.5s ease-out;transition:1.5s ease-out}section.featured .feature-wrap.show{opacity:1}section.featured .feature-wrap .head-text{max-width:500px;margin-bottom:30px}section.featured .feature-wrap .head-text .title{font-size:2.6875rem;margin-bottom:25px}@media only screen and (max-width:767px){section.featured .feature-wrap .head-text .title{font-size:1.75rem;margin-bottom:10px}}section.featured .feature-wrap .head-text p{font-size:1rem}@media only screen and (max-width:767px){section.featured .feature-wrap .head-text p{font-size:0.875rem}}section.featured .feature-wrap span.line{display:block;width:1px;height:62px;background-color:#fff;margin-bottom:30px}section.featured .feature-wrap p.content{width:100%;color:#fff;padding-left:38px;padding-right:38px;margin-bottom:65px}@media only screen and (max-width:767px){section.featured .feature-wrap p.content{font-size:0.875rem;padding-left:10px;padding-right:10px;margin-bottom:50px}}section.featured .feature-wrap .icon-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}section.featured .feature-wrap .icon-box .eachIcon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:35px;padding-right:35px;margin-bottom:45px}section.featured .feature-wrap .icon-box .eachIcon .icon{height:45px;margin-right:10px}@media only screen and (max-width:767px){section.featured .feature-wrap .icon-box .eachIcon .icon{height:34px}}section.featured .feature-wrap .icon-box .eachIcon .icon img{height:100%}section.featured .feature-wrap .icon-box .eachIcon h3{font-family:JaguarJC-bold, '微軟正黑體';font-size:1.25rem}@media only screen and (max-width:767px){section.featured .feature-wrap .icon-box .eachIcon h3{font-size:0.9375rem}}section.performance{position:relative;z-index:2;width:100%;margin-top:-57px;margin-bottom:-57px;padding-top:280px;padding-bottom:190px}@media only screen and (max-width:1024px){section.performance{padding-top:200px;padding-bottom:220px}}@media only screen and (max-width:767px){section.performance{padding-top:95px;padding-bottom:130px}}section.performance .bg-photo{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background-image:url(../img/performance_bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:top center;-webkit-clip-path:polygon(24% 0, 24% 55px, 100% 55px, 100% calc(100% - 55px), 77% calc(100% - 55px), 77% 100%, 0 100%, 0 0);clip-path:polygon(24% 0, 24% 55px, 100% 55px, 100% calc(100% - 55px), 77% calc(100% - 55px), 77% 100%, 0 100%, 0 0)}@media only screen and (max-width:1024px){section.performance .bg-photo{-webkit-clip-path:none;clip-path:none}}section.performance .content-wrap{position:relative;z-index:2;width:90%;max-width:1460px;margin:auto;letter-spacing:0.05em;line-height:1.5;opacity:0;-webkit-transition:1.5s ease-out;-o-transition:1.5s ease-out;transition:1.5s ease-out}section.performance .content-wrap.show{opacity:1}section.performance .content-wrap .head-text{max-width:500px;text-align:center;margin:auto;color:#fff;margin-bottom:100px}@media only screen and (max-width:1024px){section.performance .content-wrap .head-text{margin-bottom:50px}}@media only screen and (max-width:767px){section.performance .content-wrap .head-text{margin-bottom:0}}section.performance .content-wrap .head-text .title{font-size:2.6875rem;margin-bottom:20px}@media only screen and (max-width:767px){section.performance .content-wrap .head-text .title{font-size:1.75rem;margin-bottom:10px}}section.performance .content-wrap .head-text p{font-size:1rem}@media only screen and (max-width:767px){section.performance .content-wrap .head-text p{font-size:0.875rem}}section.performance .content-wrap .all-content{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}section.performance .content-wrap .all-content .swiper-container{overflow:visible}@media only screen and (max-width:1024px){section.performance .content-wrap .all-content .swiper-container{overflow:hidden}}section.performance .content-wrap .all-content .swiper-container .swiper-wrapper.wraped{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}section.performance .content-wrap .all-content .swiper-container .swiper-wrapper .swiper-slide{position:relative;width:33.33%;padding-left:4.2%;padding-right:4.2%;margin-bottom:100px;height:auto}@media only screen and (max-width:1024px){section.performance .content-wrap .all-content .swiper-container .swiper-wrapper .swiper-slide{padding-top:30px;margin-bottom:50px}}@media only screen and (max-width:767px){section.performance .content-wrap .all-content .swiper-container .swiper-wrapper .swiper-slide{margin-bottom:40px}}section.performance .content-wrap .all-content .swiper-container .swiper-wrapper .swiper-slide:nth-child(4n-2){margin-right:33.33%}@media only screen and (max-width:1024px){section.performance .content-wrap .all-content .swiper-container .swiper-wrapper .swiper-slide:nth-child(4n-2){margin-right:0}}section.performance .content-wrap .all-content .swiper-container .swiper-wrapper .swiper-slide:nth-child(4n-2):before{position:absolute;content:"";display:block;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:-30px;width:60px;height:0.5px;background-color:#999999}@media only screen and (max-width:1024px){section.performance .content-wrap .all-content .swiper-container .swiper-wrapper .swiper-slide:nth-child(4n-2):before{display:none}}section.performance .content-wrap .all-content .swiper-container .swiper-wrapper .swiper-slide:nth-child(4n-1){margin-left:33.33%}@media only screen and (max-width:1024px){section.performance .content-wrap .all-content .swiper-container .swiper-wrapper .swiper-slide:nth-child(4n-1){margin-left:0}}section.performance .content-wrap .all-content .swiper-container .swiper-wrapper .swiper-slide:nth-child(4n):before{position:absolute;content:"";display:block;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:-30px;width:60px;height:0.5px;background-color:#999999}@media only screen and (max-width:1024px){section.performance .content-wrap .all-content .swiper-container .swiper-wrapper .swiper-slide:nth-child(4n):before{display:none}}section.performance .content-wrap .all-content .swiper-container .swiper-wrapper .swiper-slide .eachContent{position:relative;text-align:center;cursor:default;padding:30px 0}@media only screen and (max-width:1024px){section.performance .content-wrap .all-content .swiper-container .swiper-wrapper .swiper-slide .eachContent{padding:0;max-width:400px}}section.performance .content-wrap .all-content .swiper-container .swiper-wrapper .swiper-slide .eachContent a.cover{width:100%;height:100%;z-index:9;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}section.performance .content-wrap .all-content .swiper-container .swiper-wrapper .swiper-slide .eachContent .photo{display:block;position:absolute;width:335px;height:335px;margin:auto;border-radius:50%;overflow:hidden;-webkit-box-shadow:0 0 30px #000;box-shadow:0 0 30px #000;opacity:0;z-index:-9}@media only screen and (max-width:1024px){section.performance .content-wrap .all-content .swiper-container .swiper-wrapper .swiper-slide .eachContent .photo{display:block;position:relative;width:300px;height:300px;margin-bottom:30px;opacity:1}}@media only screen and (max-width:767px){section.performance .content-wrap .all-content .swiper-container .swiper-wrapper .swiper-slide .eachContent .photo{width:242px;height:242px}}section.performance .content-wrap .all-content .swiper-container .swiper-wrapper .swiper-slide .eachContent .text{display:block;letter-spacing:0.07em;line-height:1.7;color:#999999;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}section.performance .content-wrap .all-content .swiper-container .swiper-wrapper .swiper-slide .eachContent .text h4{font-size:1.625rem;color:#ef8d2d;margin-bottom:15px;letter-spacing:0em;line-height:1.3}@media only screen and (max-width:767px){section.performance .content-wrap .all-content .swiper-container .swiper-wrapper .swiper-slide .eachContent .text h4{font-size:1.125rem}}@media only screen and (max-width:767px){section.performance .content-wrap .all-content .swiper-container .swiper-wrapper .swiper-slide .eachContent .text{font-size:0.875rem}}section.performance .content-wrap .all-content .swiper-container .swiper-pagination{bottom:0;display:none}@media only screen and (max-width:1024px){section.performance .content-wrap .all-content .swiper-container .swiper-pagination{display:block}}section.performance .content-wrap .all-content .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 9px;background:#fff;opacity:0.2}section.performance .content-wrap .all-content .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background:#fff;opacity:1}section.performance .top-btn{position:absolute;z-index:99!important;bottom:-45px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
/*# sourceMappingURL=product_detail.css.map */