.section{color:#fff;position:relative}:root{--text:calc(100vw - 306px)/2}.section .fadeIn,.section img{opacity:0}.section.scroll_active .fadeIn,.section.scroll_active img{opacity:1;-webkit-transition:.8s ease-in-out;transition:.8s ease-in-out}.product_overview .text-active{opacity:0;-ms-transform:translate3d(0,80px,0);-webkit-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0);-webkit-transition:1.2s;transition:1.2s}.product_overview .scroll_active .text-active{opacity:1;-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition-delay:.3s;-webkit-transition-delay:.3s}.product_overview .fadeInLeft{transform:translateX(-100px)}.product_overview .scroll_active .fadeInLeft{transform:translateX(0);transition:.8s linear}.product_overview .fadeInRight{transform:translateX(100px)}.product_overview .scroll_active .fadeInRight{transform:translateX(0);transition:.8s linear}@media (min-width:992px){.section .pc{display:block}.section .mobile{display:none}}@media (max-width:991.9px){.section .mobile{display:block}.section .pc{display:none}.section .content{width:100%}}.section01{background:linear-gradient(180deg,#9bffcd,#018d8e);padding:10% 0}.section01 .pc.patent{margin-top:40%;font-size:1.45vw;font-weight:400;letter-spacing:1px}@media (min-width:992px){.section01{padding:0}.section01 .fadeInLeft{padding:8% 2% 0}.section01 .fadeInRight{padding:15% 4% 0 12%}.section01 .pc.patent{display:flex;flex-wrap:nowrap;align-items:flex-end;justify-content:center;padding:0}.section01 .patent img{width:15%;margin:0 0 0 1rem}}@media (max-width:991.98px){.section01 .row div:nth-child(1){padding:6% 12%}.section01 .row div:nth-child(2){padding:5% 8%}.section01 .mobile.patent{font-size:2rem;font-weight:400;letter-spacing:1px;display:flex;align-items:flex-end;justify-content:center}.section01 .mobile.patent img{width:55px;margin:0 0 0 1rem;padding:0}}.section02{background-color:#324f5a;color:#fff}.section02 .iconGroup{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;margin-top:2rem}.section02 .iconGroup img{margin:0 1rem 0 0;width:45px}@media (min-width:992px){.section02 #lynx_video{width:100%;display:block}.section02 .content{position:absolute;bottom:0;width:100%;padding:2% 7.5%}.section02 .content p{margin-top:5rem}button.video-btn{float:right;border:none;filter:drop-shadow(0 0 3px #626262);display:none}button.video-btn img{width:2em}button.video-btn:hover{transform:scale(1.1)}.section02 button.in{display:block!important}}@media (max-width:991.9px){.section02 #lynx_video{width:100%}.section02 .content{margin:9% auto}.section02 .content p{margin-top:2rem}button.video-btn{border:none;background-color:transparent;filter:drop-shadow(0 0 3px #626262)}button.video-btn img{width:2em}button.video-btn:hover{transform:scale(1.1)}}.section03{background:#dfdfdf url(../../../uploads/Product/fan/ln120/computex/lynx-cableless_bg.jpg) no-repeat top center/cover;padding:10% 7.5%;color:#000}@media (min-width:992px){.section03{padding:6% 6% 29%}.section03 .fanContainer{margin-top:9%}.section03 .arrowLeft{position:absolute;top:7vw;left:1%;width:100%}.section03 .arrowRight{position:absolute;top:2.5vw;right:1%;width:100%;translate:t}.section03 .fanLeft{position:absolute;top:1.8vw;left:1%;width:100%;z-index:999}.section03 .fanRight{position:absolute;top:0;right:1%;width:100%}.section.scroll_active .fanLeft{animation:move-left 2.5s linear 1s 3 none}.section.scroll_active .fanRight{animation:move-right 2.5s linear 1s 3 none}}@media (max-width:991.9px){.section03{padding:10% 7.5% 42%}.section03 .content{width:100%}.section03 .fanContainer{margin-top:10%}.section03 .fanLeft{position:absolute;top:3vw;left:1%;width:100%;z-index:999}.section03 .fanRight{position:absolute;top:0;right:1%;width:100%}.section.scroll_active .fanLeft{animation:move-left 2.5s linear 1s 3 none}.section.scroll_active .fanRight{animation:move-right 2.5s linear 1s 3 none}}@keyframes move-left{0%{transform:translateX(0)}25%{transform:translateX(17%)}50%{transform:translateX(17%)}75%{transform:translateX(0)}100%{transform:translateX(0)}}@keyframes move-right{0%{transform:translateX(0)}25%{transform:translateX(-17%)}50%{transform:translateX(-17%)}75%{transform:translateX(0)}100%{transform:translateX(0)}}.section04{background:#626262 url(../../../uploads/Product/fan/ln120/lynx_overview_absolute_01.jpg) no-repeat top center/cover;padding:5% 10%}.section04 .tab-title{display:flex;justify-content:center;flex-direction:row}.section04 ul.tab-title{padding:0}.section04 .tab-container div{margin:2rem auto}.section04 .tab-container div:nth-child(1){text-shadow:1px 1px 5px #000}.section04 .tab-container div:nth-child(2){z-index:99}.section04 li{font-size:2rem;list-style-type:none;padding:2px;color:#fff;font-weight:bolder;margin-right:30px}.section04 .tab-title li>a{color:#fff;padding:8px 20px;border-radius:32px;border:#fff 1px solid;letter-spacing:1px}.section04 .tab-title li>a:hover{background-color:rgba(255,255,255,1);color:#525252;font-weight:bolder}.section04 .tab-title li.active a{background-color:rgba(255,255,255,1);color:#525252;font-weight:bolder;padding:8px 20px;border-radius:32px;border:#fff 1px solid;letter-spacing:1px}.section04 .tab-inner p{margin-bottom:4rem}@media (max-width:991.9px){.section04{padding:10% 7.5%}.section04 li{margin:0 10px}.section04 .tab-title{display:flex;justify-content:center;flex-direction:row;align-items:center}#ln120,#ln140{padding:0}}@media (min-width:375px) and (max-width:515px){.section04 .tab-title{display:flex;justify-content:center;flex-direction:column;align-items:center}.section04 li{margin:2rem auto}}.section06{background:linear-gradient(180deg,#53817f,#026a8d);padding:5%}.section06 .row,.section06 .tab-title{display:flex;justify-content:center;align-items:center;flex-direction:row}.section06 turbine-content{padding:0 5% 0 0}.section06 ul.tab-title{padding:0}.section06 .tab-container div{margin:4rem auto}#ln120Matter img,#ln140Matter img{width:60%}.section06 .tab-container div:nth-child(2){z-index:99}.section06 li{font-size:2rem;list-style-type:none;padding:2px;color:#fff;letter-spacing:1px;font-weight:bolder;margin-right:10px}.section06 .tab-title li>a{color:#fff;padding:8px 10px;border-radius:32px;border:#fff 1px solid}.section06 .tab-title li>a:hover{background-color:rgba(255,255,255,1);color:#525252;font-weight:bolder}.section06 .tab-title li.active a{background-color:rgba(255,255,255,1);color:#525252;font-weight:bolder;padding:8px 10px;border-radius:32px;border:#fff 1px solid}.section06 .tab-inner p{margin-bottom:4rem}@media (min-width:992px) and (max-width:1100px){.section06 .tab-title{display:flex;justify-content:center;align-items:center;flex-direction:column}.section06 li{margin:2rem auto}.section06 .tab-container div{margin:2rem auto}}@media (max-width:991.9px){.section06 .tab-title{display:flex;justify-content:center;align-items:center;flex-direction:row}.section06 .row{display:flex;justify-content:center;align-items:center;flex-direction:column}.section06{padding:10% 7.5%}.section06 li{margin:0 10px}.section06 .tab-container div{margin:1rem auto}#ln120Matter img,#ln140Matter img{width:70%;margin-top:2rem}}@media (min-width:375px) and (max-width:550px){.section06{padding:0 7.5% 10%}.section06 .row,.section06 .tab-title{display:flex;justify-content:center;align-items:center;flex-direction:column}.section06 li{margin:1rem auto}.section06 .tab-container div{margin:1rem auto}#ln120Matter img,#ln140Matter img{width:80%;margin-top:2rem}.section06 .turbine-content div:nth-child(1){padding:0}}.section07{background:#bfbec5 url(../../../uploads/Product/fan/ln120/computex/lynx-lighting_bg.jpg) no-repeat top center/cover;padding:6%}.section07 .in{display:none}.section07 button{height:50px;border-radius:50px;border:1px #fff solid;color:#fff;background:0 0;font-size:1.8rem;width:100%;font-weight:700;letter-spacing:1px}.section07 .active,.section07 button:active,.section07 button:focus{background:#fff;transition:background .1s linear,color .1s linear;border-radius:50px;color:#525252;font-weight:700;letter-spacing:1px;width:100%;border:1px #fff solid}.section07 button:hover{background:#fff;transition:background .5s linear,color .3s linear;border-radius:50px;color:#525252;font-weight:700;letter-spacing:1px;width:100%;border:1px #fff solid}.section07 .title{text-align:center;width:80%;margin:8% 10%}.section07 .fanCable{padding:0 12% 2%}.section07.scroll_active img.fanCableAni{animation:showb 3.8s ease-in-out infinite}.section07.scroll_active img.fanCableAni2{animation:showc 3.8s ease-in-out infinite}.section07 img.fanB{opacity:0;position:absolute;top:0;width:64%;right:18%}.section07 img.fanC{opacity:0;position:absolute;top:0;width:64%;right:18%}.section07 .note{color:#e24313;letter-spacing:1px;text-align:center}@keyframes showb{0%,10%,20%{opacity:0}30%,40%,50%{opacity:1}60%,70%,80%{opacity:0}100%{opacity:0}}@keyframes showc{0%,10%,20%{opacity:0}30%,40%,50%{opacity:0}60%,70%,80%{opacity:1}100%{opacity:0}}.section07 .argb-img{width:37%;margin:8% 0 0 37%}@media (min-width:992px){.section07{background:#bfbec5 url(../../../uploads/Product/fan/ln120/computex/lynx-lighting_bg.jpg) no-repeat top center/130%;padding:6%}.section07 .rgb-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}.section07 .rgb-text-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.section07 .btn-container{width:250px;margin:2rem auto}.section07 .fanArgb{margin:8.5% auto}}@media (max-width:991.9px){.section07 .rgb-text-container{display:flex;flex-direction:column}.section07 .fanCable{padding:10%}.section07 img.fanB,.section07 img.fanC{width:80%;top:10%;left:10%}.section07 .btn-container{width:250px;margin:2rem auto 0}.section07 .fanArgb{margin:25% auto 15%;padding:0 8% 0 2%}.section07 .argb-img{width:55%;margin:14% 0 0 28%}}@media (max-width:430px){.section07 .argb-img{width:70%;margin:14% 0 0 20%}}.section08 .content span{color:red}.section08 .content{position:absolute;top:45%;width:80%;margin:0 10%}@media (max-width:991.9px){.section08{background-color:#000}.section08 .content{position:relative;margin:5rem auto}}.section09{background:linear-gradient(0deg,#bfffc0,#73b9fe);color:#fff;padding:5%}.section09 table{border-collapse:separate;border-spacing:10px}.section09 h2{font-size:3.2rem;text-align:center;margin:3% auto;letter-spacing:2px}.section09 td,.section09 th{font-size:1.8rem;background-color:rgba(0,0,0,.15);padding:8px}.section09 td{width:12%}.section09 .cable-photo{width:40%}.width70{width:70%}@media (max-width:992px){.section09{padding:7% 2% 5%}.section09 td{width:15%}}@media (max-width:680px){.section09 .row{overflow:auto}.section09 .row::-webkit-scrollbar{height:10px}.section09 .row::-webkit-scrollbar-button{background:0 0;border-radius:10px}.section09 .row::-webkit-scrollbar-track,.section09 .row::-webkit-scrollbar-track-piece{background:0 0}.section09 .row::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(255,255,255,.4)}.section09 .cable-container{width:800px;margin-bottom:18px}}.section10{color:#fff}.section10 .row{margin:0}.section10 .row div{padding:0}.section11{background-color:#013567;color:#fff;padding:13% 5% 10%}.section11 .content p:nth-child(3){color:#ff0;font-size:1.6rem}@media (min-width:992px){.section11 .row{display:flex;justify-content:center;align-items:center}}@media (max-width:991.9px){.section11{padding:10% 7.5%}.section11 .content{width:100%;margin-top:10%}}