@import url(../lib/swiper/swiper-bundle.min.css);@import url("https://dlcdnimgs.asus.com/vendor/public/fonts/css/roboto.css");.bg-dark{background:#0d182c}.bg-light{background:#2a2a32}.bg-calibration{background:#0d1116}#special-sectionOverview{margin-bottom:100px}.ProductTabBar__productTabBarContainer__1e5nP,.overviewSimpleContent,.overviewAwardsContent,.ProductRecommenedRelated__productRecommendRelatedContainer__3Akgf,.ProductFooter__productFooterContainer__Z6Bel.ProductFooter__productBackgroundBlack__24n1I,.Footer__footerContent__22G1u{position:relative;z-index:2}.width-line-gray{background:none}#hd{font-family:"Roboto","Myriad Pro","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;background:#0d182c;color:white;font-size:16px;margin:0;padding:0}#hd *{margin:0;padding:0;text-decoration:none;list-style-type:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word;word-break:break-word}#hd * ::selection{background:#1d2124;color:#efefef}#hd * ::-moz-selection{background:#333333;color:#efefef}#hd ul,#hd li,#hd figure{margin:0;padding:0}#hd h1,#hd h2,#hd h3,#hd h4,#hd p,#hd a,#hd li{font:inherit;padding:0;margin:0}#hd img{display:block;height:auto;border:none;max-width:100% !important;margin:0}#hd img.lazyload{opacity:0;transition:opacity 0.5s ease}#hd iframe,#hd video{max-width:100%}#hd button{display:block;font:inherit;background:none;border:none;border-radius:0;box-shadow:none;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}#hd .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}#hd a:focus-visible,#hd button:focus-visible,#hd input:focus-visible,#hd select:focus-visible,#hd textarea:focus-visible,#hd [role="button"]:focus-visible,#hd [tabindex="0"]:focus-visible{outline:2px solid #5fc4eb;outline-offset:-1px}#hd a:focus:not(:focus-visible),#hd button:focus:not(:focus-visible),#hd input:focus:not(:focus-visible),#hd select:focus:not(:focus-visible),#hd textarea:focus:not(:focus-visible),#hd [role="button"]:focus:not(:focus-visible),#hd [tabindex="0"]:focus:not(:focus-visible){outline:none}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}#hd .fadeIn{animation-delay:0s;animation-duration:.25s;animation-name:fadeIn;animation-timing-function:ease-in-out;animation-iteration-count:1;animation-fill-mode:forwards}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@-ms-keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateY(0)}}@-moz-keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateY(0)}}@-ms-keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateY(0)}}@-o-keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}100%{opacity:1;transform:translateY(0)}}@-moz-keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}100%{opacity:1;transform:translateY(0)}}@-ms-keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}100%{opacity:1;transform:translateY(0)}}@-o-keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes showDisplayUI{0%,
    50%{opacity:.25}100%{opacity:1}}@-moz-keyframes showDisplayUI{0%,
    50%{opacity:.25}100%{opacity:1}}@-ms-keyframes showDisplayUI{0%,
    50%{opacity:.25}100%{opacity:1}}@-o-keyframes showDisplayUI{0%,
    50%{opacity:.25}100%{opacity:1}}@keyframes showDisplayUI{0%,
    50%{opacity:.25}100%{opacity:1}}@-webkit-keyframes meter{0%,
    66%{opacity:0}67%,
    100%{opacity:1}}@-moz-keyframes meter{0%,
    66%{opacity:0}67%,
    100%{opacity:1}}@-ms-keyframes meter{0%,
    66%{opacity:0}67%,
    100%{opacity:1}}@-o-keyframes meter{0%,
    66%{opacity:0}67%,
    100%{opacity:1}}@keyframes meter{0%,
    66%{opacity:0}67%,
    100%{opacity:1}}#hd{font-family:"Roboto","Myriad Pro","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:16px}#hd h1{font-family:"TTNormsProNormal","Roboto","Myriad Pro","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:5.125em;line-height:1.05;letter-spacing:0;margin-bottom:.25em}#hd h2,#hd .h2{font-family:"TTNormsProNormal","Roboto","Myriad Pro","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:3.25em;font-weight:400;line-height:1.2;color:#fff !important;letter-spacing:-.018em;margin-bottom:.5em;word-break:normal;word-wrap:normal;font-stretch:normal}#hd h3,#hd .h3{font-family:"TTNormsProNormal","Roboto","Myriad Pro","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:2.25em;font-weight:400;line-height:1.25;letter-spacing:0;color:#fff;margin-bottom:.65em;font-stretch:normal}#hd h4,#hd .h4{font-family:"TTNormsProNormal","Roboto","Myriad Pro","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:2em;font-weight:400;line-height:1.25;letter-spacing:0;margin-bottom:.35em;color:#fff;font-stretch:normal}#hd h5,#hd .h5{font-family:"TTNormsProNormal","Roboto","Myriad Pro","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:1.125em;font-weight:400;line-height:1.25;letter-spacing:.018em;margin-bottom:.5em;font-stretch:normal}#hd p,#hd small,#hd a,#hd li{font-family:"Roboto","Myriad Pro","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;letter-spacing:.018em;font-stretch:normal}#hd p,#hd .p{font-family:"Roboto","Myriad Pro","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:1.125em;line-height:1.6;letter-spacing:0;font-weight:400;font-stretch:normal}#hd b,#hd strong{font-family:"Roboto","Myriad Pro","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-weight:500}#hd small{font-size:.75em;font-weight:400;letter-spacing:.018em;line-height:1.75}#hd .txt-larger{font-size:1.125em}#hd .align-center{text-align:center}#hd .align-left{text-align:left}#hd .align-right{text-align:right}#hd .align-italic{font-style:italic}#hd a.txt-link{display:inline-block;text-decoration:underline;font-weight:400}#hd a.txt-link:hover{color:white !important}#hd .color-primary{color:#02fee8 !important}#hd .color-info{color:#2A77CF !important}#hd .color-grey{color:#aaa !important}#hd .color-light-grey{color:#eee !important}#hd .color-white{color:white !important}#hd .color-black{color:black !important}#hd .color-gradient{display:inline-block;color:#02fee8 !important;background-color:#02fee8;background-image:-moz-linear-gradient(125deg, #02fee8,#5fc4eb);background-image:-webkit-linear-gradient(125deg, #02fee8,#5fc4eb);background-image:linear-gradient(125deg, #02fee8,#5fc4eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#hd .color-gradient::selection,#hd .color-gradient>*::selection{background:#0d182c;color:#02fee8;-webkit-background-clip:unset;-webkit-text-fill-color:#02fee8}#hd .color-gradient::-moz-selection,#hd .color-gradient>*::-moz-selection{background:#0d182c;color:#02fee8;-webkit-background-clip:unset;-webkit-text-fill-color:#02fee8}#hd .hd-uppercase{text-transform:uppercase}@media screen and (min-width: 2560px){#hd{font-size:20px}}@media screen and (min-width: 3000px){#hd{font-size:36px}}@media screen and (max-width: 1280px){#hd h1{font-size:4em}#hd h2,#hd .h2{font-size:2.5em}#hd h3,#hd .h3{font-size:2em}#hd h4,#hd .h4{font-size:1.75em}}@media screen and (max-width: 1024px){#hd h1{font-size:3.25em}#hd h3,#hd .h3{font-size:1.75em}#hd h4,#hd .h4{font-size:1.5em}#hd p{font-size:1em;line-height:1.5}}@media screen and (max-width: 768px){#hd h1{font-size:3em}#hd h2,#hd .h2{font-size:2em}#hd h3,#hd .h3{font-size:1.5em}#hd h5,#hd .h5{font-size:1.125em}#hd .txt-larger{font-size:1em}}@media screen and (max-width: 480px){#hd h1{font-size:2.25em}#hd h2,#hd .h2{font-size:1.75em}#hd h3,#hd .h3{font-size:1.25em}#hd h4,#hd .h4{font-size:1.25em}}#hd .w95{width:94%;margin:0 auto;position:relative}#hd .hd-w900,#hd .hd-w1000,#hd .hd-w1100,#hd .hd-w1200,#hd .hd-w1366,#hd .hd-w1600,#hd .hd-w1680{width:80%;max-width:1200px;margin:0 auto;position:relative}#hd .hd-w900{max-width:900px}#hd .hd-w1000{max-width:1000px}#hd .hd-w1100{max-width:1100px}#hd .hd-w1366{width:90%;max-width:1366px}#hd .hd-w1600{width:90%;max-width:1600px}#hd .hd-w1680{width:90%;max-width:1680px}#hd .hd-w2560{max-width:2560px;margin:0 auto;position:relative}#hd .hd-mw900{max-width:900px}#hd .hd-mw1000{max-width:1000px}#hd .hd-mw700{max-width:700px}#hd .hd-col20{width:20%}#hd .hd-col25{width:25%}#hd .hd-col30{width:30%}#hd .hd-col33{width:33.3333%}#hd .hd-col40{width:40%}#hd .hd-col45{width:45%}#hd .hd-col50{width:50%}#hd .hd-col55{width:55%}#hd .hd-col60{width:60%}#hd .hd-col65{width:65%}#hd .hd-col66{width:66.6666%}#hd .hd-col70{width:70%}#hd .hd-col75{width:75%}#hd .hd-col80{width:80%}#hd .hd-col100{width:100%}#hd .ib-top{display:inline-block;vertical-align:top}#hd .ib-bottom{display:inline-block;vertical-align:bottom}#hd .flex-wrap{display:flex;flex-wrap:wrap}#hd .flex-nowrap{display:flex;flex-wrap:nowrap}#hd .align-items-center{align-items:center}#hd .align-items-start{align-items:flex-start}#hd .align-items-end{align-items:flex-end}#hd .justify-content-center{justify-content:center}#hd .justify-content-start{justify-content:flex-start}#hd .justify-content-end{justify-content:flex-end}#hd .justify-content-between{justify-content:space-between}#hd .justify-content-around{justify-content:space-around}#hd .flex-row-reverse{flex-direction:row-reverse}#hd .hd-d-none{display:none}#hd .hd-d-block{display:block}#hd .hd-d-ib{display:inline-block}#hd .mx-auto{margin-left:auto;margin-right:auto}@media screen and (min-width: 2560px){#hd .hd-w900,#hd .hd-w1000{max-width:1400px}#hd .hd-w1100,#hd .hd-w1200,#hd .hd-w1366{max-width:1600px}#hd .hd-w1600,#hd .hd-w1680{width:90%;max-width:2000px}#hd .hd-mw1000{max-width:1200px}#hd .hd-mw900{max-width:1100px}#hd .hd-mw700{max-width:1000px}}@media screen and (min-width: 3000px){#hd .hd-w900,#hd .hd-w1000{max-width:1800px}#hd .hd-w1100,#hd .hd-w1200,#hd .hd-w1366{max-width:2560px}#hd .hd-w1600,#hd .hd-w1680{width:90%;max-width:3000px}}@media screen and (max-width: 1023px){#hd .hd-w1000,#hd .hd-w1100,#hd .hd-w1200{width:90%}}@media screen and (max-width: 1023px){#hd .hd-d-1023-none{display:none}#hd .hd-d-1023-block{display:block}#hd .hd-d-1023-inline-block{display:inline-block}}@media screen and (max-width: 768px){#hd .hd-d-768-none{display:none}#hd .hd-d-768-block{display:block}#hd .hd-d-768-flex{display:flex}}@media screen and (max-width: 620px){#hd .hd-d-620-none{display:none}#hd .hd-d-620-block{display:block}}@media screen and (max-width: 480px){#hd .hd-d-480-none{display:none}#hd .hd-d-480-block{display:block}}#hd .hd-frame{padding:20% 14%;border-radius:20px;background:white;color:black}#hd .hd-frame h2,#hd .hd-frame h3{color:inherit !important}@media screen and (max-width: 1024px){#hd .hd-frame{padding:16% 10%}}@media screen and (max-width: 768px){#hd .hd-frame{border-radius:16px;padding:10% 5% 15% !important}}#hd .bg-main{background:#dce6ef;position:relative;overflow:hidden;padding-top:18%;margin-top:-18%;padding-bottom:20%;margin-bottom:-15%}#hd .bg-main>.hd-bg{width:100%;position:absolute;left:0;pointer-events:none;user-select:none}#hd .bg-main>.bg-top{top:0;z-index:2}#hd .bg-main>.bg-bottom{bottom:0}#hd .bg-main section{position:relative;z-index:3}@media screen and (max-width: 768px){#hd .bg-main{padding-bottom:5%}#hd .bg-main>.hd-bg{width:140%;max-width:none !important;margin-left:-20%}}@media screen and (max-width: 620px){#hd .bg-main>.hd-bg{width:180%;margin-left:-40%}}@media screen and (max-width: 480px){#hd .bg-main>.hd-bg{width:250%;margin-left:-75%}}#hd .hd-btn{display:inline-block;font-family:"Roboto","Myriad Pro","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-weight:400;font-size:1.125em;letter-spacing:0;line-height:1;color:#02fee8;padding:.6em 1.25em;border:1px solid #02fee8;text-align:center;border-radius:0;margin:0;position:relative;z-index:2;cursor:pointer;transition:background 0.4s ease,transform 0.25s ease}#hd .hd-btn:hover,#hd .hd-btn:focus-visible{color:white}#hd .hd-btn:active{color:#eee}#hd .hd-btn.hd-btn-s{font-size:1em;font-weight:500;color:white;padding:.25em 1em .35em;background-color:#2d2d2d;background-image:-moz-linear-gradient(90deg, #2d2d2d,#171717);background-image:-webkit-linear-gradient(90deg, #2d2d2d,#171717);background-image:linear-gradient(90deg, #2d2d2d,#171717)}#hd .hd-btn.hd-btn-s:hover,#hd .hd-btn.hd-btn-s:focus-visible{color:#02fee8}#hd .hd-btn.hd-btn-gradient{font-family:"Roboto","Myriad Pro","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-weight:500;font-size:0.9em;min-width:10.5em;opacity:1;border:none;color:black !important;background-color:#ddc1a0;background-image:-moz-linear-gradient(125deg, #ddc1a0,#f7e5cf,#ddc1a0 20%,#ceb18d,#9b7754 80%);background-image:-webkit-linear-gradient(125deg, #ddc1a0,#f7e5cf,#ddc1a0 20%,#ceb18d,#9b7754 80%);background-image:linear-gradient(125deg, #ddc1a0,#f7e5cf,#ddc1a0 20%,#ceb18d,#9b7754 80%);background-size:200%;background-position:50% 0;transition:background 0.25s ease}#hd .hd-btn.hd-btn-gradient:hover,#hd .hd-btn.hd-btn-gradient:focus-visible{background-position:0 0}#hd .hd-btn.hd-btn-shine{color:#02fee8;background:rgba(0,0,0,0.25);border:1px solid #02fee8;border-image-slice:1;border-image-source:-webkit-linear-gradient(bottom, #02fee8, #111b4d, #02fee8);border-image-source:-o-linear-gradient(bottom, #02fee8, #111b4d, #02fee8);border-image-source:linear-gradient(to top, #02fee8, #111b4d, #02fee8);transition:background 0.4s ease,transform 0.25s ease;position:relative}#hd .hd-btn.hd-btn-shine:before,#hd .hd-btn.hd-btn-shine:after{content:'';display:block;width:100%;height:2px;background-color:rgba(255,255,255,0);background-image:-moz-linear-gradient(90deg, rgba(255,255,255,0) 20%,rgba(255,255,255,0.5),rgba(255,255,255,0) 80%);background-image:-webkit-linear-gradient(90deg, rgba(255,255,255,0) 20%,rgba(255,255,255,0.5),rgba(255,255,255,0) 80%);background-image:linear-gradient(90deg, rgba(255,255,255,0) 20%,rgba(255,255,255,0.5),rgba(255,255,255,0) 80%);background-color:transparent;position:absolute;left:0;margin:-2px 0;z-index:2;opacity:0;transition:opacity 0.25s ease}#hd .hd-btn.hd-btn-shine:before{top:0}#hd .hd-btn.hd-btn-shine:after{bottom:0}#hd .hd-btn.hd-btn-shine:hover,#hd .hd-btn.hd-btn-shine:focus-visible{color:white}#hd .hd-btn.hd-btn-shine:hover:before,#hd .hd-btn.hd-btn-shine:hover:after,#hd .hd-btn.hd-btn-shine:focus-visible:before,#hd .hd-btn.hd-btn-shine:focus-visible:after{opacity:1}#hd .hd-btn-download img{display:inline-block;vertical-align:middle;width:0.75em;margin-left:0.25em;margin-top:-0.125em}#hd .hd-btn-home{display:block;width:44px;padding:2px;margin-bottom:3em;transition:filter 0.25s ease}#hd .hd-btn-home img{transition:transform 0.25s}#hd .hd-btn-home:hover,#hd .hd-btn-home:focus-visible{filter:brightness(120%) grayscale(100%)}#hd .hd-btn-home:active img{transform:scale(0.95) !important}#hd #pageContent-btn-cta{display:block;width:7%;min-width:120px;max-width:280px;position:fixed;bottom:0;right:0;margin:20px;z-index:10;transition:transform 0.25s ease}#hd #pageContent-btn-cta.is-hidden{opacity:0}#hd #pageContent-btn-cta:before{content:'';display:block;width:71%;height:71%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;box-shadow:0 0 5px rgba(95,196,235,0.5),0 0 30px rgba(95,196,235,0.5),0 0 70px rgba(95,196,235,0.5);transition:transform 0.7s ease,box-shadow 0.4s ease}#hd #pageContent-btn-cta:before,#hd #pageContent-btn-cta img,#hd #pageContent-btn-cta span{animation-delay:.25s;animation-duration:.7s;animation-name:fadeInUp;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:both}#hd #pageContent-btn-cta span{display:flex;align-items:center;justify-content:center;width:60%;height:80%;font-family:"TradeGothicLTPro", "Roboto Condensed", "Segoe UI", "Arial", "PingFang TC", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;font-size:100%;font-weight:bold;text-transform:uppercase;text-align:center;line-height:1.1;color:black;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;z-index:2;transform:translate3d(0, 0, 0);backface-visibility:hidden}#hd #pageContent-btn-cta:hover,#hd #pageContent-btn-cta:focus-visible{opacity:1;transform:scale(1.05, 1.05)}#hd #pageContent-btn-cta:hover:before,#hd #pageContent-btn-cta:focus-visible:before{box-shadow:0 0 2px #5fc4eb,0 0 10px #5fc4eb,0 0 30px #5fc4eb}#hd #pageContent-btn-cta:hover img.hd-light,#hd #pageContent-btn-cta:focus-visible img.hd-light{opacity:1 !important}@media (max-width: 620px){#hd #pageContent-btn-cta{margin:5px}}@media screen and (min-width: 2560px){#hd .hd-btn-home{width:60px}}@media screen and (max-width: 1280px){#hd .hd-btn-home{margin-bottom:1.5em}}@media screen and (max-width: 1024px){#hd .hd-btn{font-size:1em}}@media screen and (max-width: 1024px) and (orientation: portrait), screen and (max-width: 1023px){#hd .hd-btn-home{margin-left:auto;margin-right:auto}}@media screen and (max-width: 768px){#hd .hd-btn{border-width:1px}}@media screen and (max-width: 480px){#hd #pageContent-btn-cta{width:8%;min-width:120px}#hd #pageContent-btn-cta span{font-size:100%}}#hd .hd-nav{display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:center;align-items:flex-end;height:calc(100% - 100px);position:fixed;top:100px;bottom:0;right:1em;margin:auto 0;z-index:10;pointer-events:none;transition:transform 0.25s,opacity 0.4s}#hd .hd-nav.is-hidden{opacity:0;transform:translate(20px, 0)}#hd .hd-nav.is-hidden:focus-within{opacity:1;transform:translate(0, 0)}#hd .hd-nav a{display:block;font-size:.9em;font-weight:500;letter-spacing:0;text-align:right;padding:.25em 0;padding-right:1.5em;color:#111b4d;position:relative;pointer-events:all}#hd .hd-nav a span{display:block;padding:.25em .5em;background:rgba(255,255,255,0.75);border-radius:3px;opacity:0;transition:opacity 0.25s ease}#hd .hd-nav a:after{content:'';display:block;width:1em;height:1em;border-radius:3px;background:#888;position:absolute;right:0;top:.125em;bottom:0;margin:auto 0;transition:transform 0.25s ease}#hd .hd-nav a:hover:after,#hd .hd-nav a:focus-visible:after{background:white}#hd .hd-nav a:hover span,#hd .hd-nav a:focus-visible span{opacity:1}#hd .hd-nav a.is-current:after{background:#111b4d}#hd .hd-nav a.is-current span{opacity:1}@media screen and (max-width: 1600px){#hd .hd-nav{right:10px}#hd .hd-nav a{font-size:.75em}}@media screen and (max-width: 1366px){#hd .hd-nav{display:none}}#hd .tab-filter{display:flex;flex-wrap:nowrap;justify-content:center;font-size:1.125em;max-width:50em;margin:3em auto;border-bottom:1px solid #02fee8}#hd .tab-filter li{padding:.5em .25em .75em;text-align:center;position:relative;cursor:pointer}#hd .tab-filter li:hover,#hd .tab-filter li:focus-visible{color:#eee}#hd .tab-filter li[aria-current="true"]{color:#02fee8;cursor:default}#hd .tab-filter li[aria-current="true"]:after{content:'';display:block;width:100%;height:4px;background:#02fee8;position:absolute;bottom:-1px;left:0}#hd .tab-filter h3{height:100%;display:flex;align-items:center;justify-content:center;font-size:1.125em;line-height:1.125;margin-bottom:0;color:inherit}#hd .tab-content [role="tabpanel"]{display:none}#hd .tab-content [role="tabpanel"][aria-current="true"]{display:flex;animation-delay:0s;animation-duration:.6s;animation-name:fadeInUp;animation-timing-function:ease-in;animation-iteration-count:1;animation-fill-mode:both}@media screen and (max-width: 1280px){#hd .tab-filter{margin:2em auto}#hd .tab-filter li{padding-left:1em;padding-right:1em}#hd .tab-filter h3{font-size:1em}}@media screen and (max-width: 768px){#hd .tab-filter{max-width:none;margin:1em -5%;z-index:3}}@media screen and (max-width: 620px){#hd .tab-filter{overflow-x:auto;overflow-y:hidden;justify-content:flex-start}#hd .tab-filter li{padding-left:0.5em;padding-right:0.5em}#hd .tab-filter h3{font-size:0.8em}}@media screen and (max-width: 480px){#hd .tab-filter h3{font-size:0.75em}}@media screen and (max-width: 360px){#hd .tab-filter li{padding-left:0.25em;padding-right:0.25em}}#hd .swiper-button-prev,#hd .swiper-button-next{--swiper-navigation-size: 4em;width:var(--swiper-navigation-size);margin:0 1.5em 3em;border-radius:50%;border:1px solid #02fee8;color:#02fee8;position:absolute;top:auto;bottom:40px;left:auto;right:auto;margin-left:10px;margin-right:10px;opacity:.75;transition:transform 0.25s ease}#hd .swiper-button-prev:after,#hd .swiper-button-next:after{font-size:1.5em;line-height:1.25}#hd .swiper-button-prev:hover,#hd .swiper-button-prev:focus-visible,#hd .swiper-button-next:hover,#hd .swiper-button-next:focus-visible{opacity:1}#hd .swiper-button-prev:hover:after,#hd .swiper-button-prev:focus-visible:after,#hd .swiper-button-next:hover:after,#hd .swiper-button-next:focus-visible:after{color:white}#hd .swiper-button-prev:active,#hd .swiper-button-next:active{opacity:1}#hd .swiper-button-prev.swiper-button-disabled,#hd .swiper-button-next.swiper-button-disabled{opacity:.5;pointer-events:none}#hd .swiper-button-prev{right:50%}#hd .swiper-button-prev:after{margin-left:-0.125em}#hd .swiper-button-next{left:50%}#hd .swiper-button-next:after{margin-right:-0.125em}#hd .swiper-nav-container{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;z-index:3}#hd .swiper-pagination,#hd .swiper-pagination-bullets{width:auto;bottom:0;position:relative}#hd .swiper-pagination-bullets{display:flex;align-items:center}#hd .swiper-pagination-bullet{width:.6em;height:.6em;border-radius:.5em;margin:.4em;background:#515151;opacity:1;position:relative;overflow:hidden}#hd .swiper-pagination-bullet:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;margin:auto 0;background:#02fee8;transform-origin:left center;transform:scale(0, 1)}#hd .swiper-pagination-bullet.swiper-pagination-bullet-active{background:white}#hd .swiper-pagination-bullet.swiper-pagination-bullet-active:before{animation-delay:0s;animation-duration:6s;animation-name:slideProgress;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both}#hd .swiper-pagination-bullet.swiper-paused:before{animation-play-state:paused !important}#hd .swiper-pagination-wrapper{display:flex;flex-wrap:nowrap;justify-content:center;margin:2em 0 1em}#hd .swiper-pause-btn{flex-shrink:0;width:2.5em;height:2.5em;background:center no-repeat;background-size:contain;cursor:pointer;margin-left:1em;position:relative;overflow:hidden;opacity:.7}#hd .swiper-pause-btn img{width:70% !important;height:70% !important;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}#hd .swiper-pause-btn .play{display:none}#hd .swiper-pause-btn:hover,#hd .swiper-pause-btn:focus-visible{opacity:1}#hd .swiper-pause-btn[aria-pressed="true"] .play{display:block}#hd .swiper-pause-btn[aria-pressed="true"] .pause{display:none}@media screen and (max-width: 1280px){#hd .swiper-button-prev,#hd .swiper-button-next{--swiper-navigation-size: 3em}#hd .swiper-button-prev{left:0;right:auto}#hd .swiper-button-next{right:0;left:auto}}@media screen and (max-width: 768px){#hd .swiper-button-prev,#hd .swiper-button-next{--swiper-navigation-size: 44px;top:50%;bottom:0}}#hd .trigger-video{cursor:pointer;position:relative;overflow:hidden}#hd .trigger-video .hd-cover{transition:transform 0.6s ease}#hd .trigger-video:hover .hd-cover,#hd .trigger-video:focus-visible .hd-cover{transform:scale(1.05, 1.05)}#hd .trigger-video:active .play{transform:scale(.95, .95)}#hd .trigger-video .play{width:5em;height:5em;border-radius:4em;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;transition:transform 0.6s ease}#hd .vid-container{width:100%;height:0;padding-bottom:56.25%;background:black;position:relative;overflow:hidden}#hd .vid-container.trigger-video-toggle .vid-control{cursor:pointer}#hd .vid-container.trigger-video-toggle .vid-control:focus{opacity:1}#hd .vid-container video,#hd .vid-container iframe{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity 0.25s ease}#hd .vid-container h2{opacity:0}#hd .vid-control{width:50px;height:50px;background:none;border:none;box-shadow:none;position:absolute;right:0;bottom:0;margin:.5em;transition:all 0.3s ease-out;z-index:2}#hd .vid-control img,#hd .vid-control svg{width:30px;height:30px}#hd .vid-control .play{display:none}#hd .vid-control.hd-active .play{display:block}#hd .vid-control.hd-active .pause{display:none}@media screen and (max-width: 768px){#hd .trigger-video .play{width:3em;height:3em}#hd .vid-control{width:44px;height:44px}}#hd .sec-kv{background-color:rgba(13,24,44,0);background-image:-moz-linear-gradient(0deg, rgba(13,24,44,0),#0d182c,#000 5%,#000);background-image:-webkit-linear-gradient(0deg, rgba(13,24,44,0),#0d182c,#000 5%,#000);background-image:linear-gradient(0deg, rgba(13,24,44,0),#0d182c,#000 5%,#000);background-color:transparent;padding-bottom:6em;position:relative;overflow:hidden;z-index:4}#hd .sec-kv .panel-intro{position:relative}#hd .sec-kv .pin-vid{display:flex;align-items:center;justify-content:center;height:100vh !important;max-height:none !important}#hd .sec-kv .hd-title{display:flex;align-items:center;justify-content:center;position:absolute;top:75vh;left:0;right:0;z-index:2;pointer-events:none}#hd .sec-kv .hd-title h2{font-family:"TTNormsProMedium","Roboto","Myriad Pro","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:4.75vw;letter-spacing:-.018em;line-height:1;pointer-events:auto}#hd .sec-kv .hd-title small{display:block;font-size:0.55em;color:#5fc4eb}#hd .sec-kv .vid-control{bottom:0;right:0;margin:1em}#hd .sec-kv .hd-content h2{line-height:1.125;margin-top:.5em;margin-bottom:.4em}#hd .sec-kv .hd-content p{max-width:62em;margin:0 auto}#hd .sec-kv .hd-content ul{margin:3em auto 0}#hd .sec-kv .hd-content li{padding:.5em 1.5em}@media screen and (max-width: 1280px){#hd .sec-kv{padding-bottom:4em}}@media screen and (max-width: 1024px){#hd .sec-kv .hd-content ul{width:80%}#hd .sec-kv .hd-content li{padding:.5em .75em}}@media screen and (max-width: 768px){#hd .sec-kv .hd-title h2{font-size:7vw}#hd .sec-kv .hd-content ul{width:90%;margin:2em auto 0}}@media screen and (max-width: 620px){#hd .sec-kv .vid-control{margin:0}#hd .sec-kv .hd-content ul{width:100%}#hd .sec-kv .hd-content li{padding:.5em}}@media screen and (max-width: 480px){#hd .sec-kv{background-color:rgba(13,24,44,0);background-image:-moz-linear-gradient(0deg, rgba(13,24,44,0),#0d182c 3%,#000);background-image:-webkit-linear-gradient(0deg, rgba(13,24,44,0),#0d182c 3%,#000);background-image:linear-gradient(0deg, rgba(13,24,44,0),#0d182c 3%,#000);background-color:transparent}#hd .sec-kv .hd-title h2{font-size:10vw}#hd .sec-kv .hd-content ul{width:90%;max-width:300px;flex-wrap:wrap;margin-top:1.5em}#hd .sec-kv .hd-content li{width:33.3333%;padding:.6em}}#hd .sec-cpu,#hd .sec-fan{padding:6% 0;position:relative}#hd .sec-cpu .hd-bg,#hd .sec-fan .hd-bg{width:100%;position:absolute;top:0;left:0;pointer-events:none;user-select:none;z-index:-1}#hd .sec-cpu .hd-content,#hd .sec-fan .hd-content{margin-left:-6%;margin-right:1%}#hd .sec-cpu .hd-frame,#hd .sec-fan .hd-frame{padding-left:24%}#hd .sec-cpu figure,#hd .sec-fan figure{margin-left:-10%;margin-right:-5%;position:relative}#hd .sec-cpu figure img,#hd .sec-fan figure img{width:95%;margin:0 auto}#hd .sec-cpu .hd-highlight,#hd .sec-fan .hd-highlight{position:absolute;top:0;left:0;right:0;z-index:2}@media screen and (max-width: 768px){#hd .sec-cpu,#hd .sec-fan{padding:10% 0}#hd .sec-cpu .hd-container,#hd .sec-fan .hd-container{flex-direction:column}#hd .sec-cpu .hd-content,#hd .sec-fan .hd-content{width:100%;margin:0}#hd .sec-cpu figure,#hd .sec-fan figure{width:100%;margin:-10% auto 0 -15%}#hd .sec-cpu figure img,#hd .sec-fan figure img{width:100%}}@media screen and (max-width: 620px){#hd .sec-cpu,#hd .sec-fan{padding:15% 0}}#hd .sec-lense{z-index:4 !important}#hd .sec-lense figure{margin-right:-10%;margin-top:8%;margin-bottom:-8%;position:relative}#hd .sec-lense figure img{width:100%;opacity:0}#hd .sec-lense figure img.hd-active{opacity:1}#hd .sec-lense .hd-frame{padding-block:10%}#hd .sec-lense .pd-asus{position:absolute;top:0;left:0}#hd .sec-lense h3{margin-top:40px;margin-bottom:30px}#hd .sec-lense .hd-btn-container{width:100%}#hd .sec-lense button{width:6em;margin-right:40px}#hd .sec-lense button:last-child{margin-right:0}#hd .sec-lense button .hd-img-container{display:block;margin-bottom:12px;position:relative;transition:transform 0.25s}#hd .sec-lense button .hd-img-container img{width:90%;margin:0 auto}#hd .sec-lense button .hd-img-container img.hd-img-active{position:absolute;top:0;left:0;right:0;opacity:0}#hd .sec-lense button .hd-label{display:inline-block;font-family:"TTNormsProNormal","Roboto","Myriad Pro","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:1.25em;color:white;background:#888;padding:.125em 1em .05em}#hd .sec-lense button:hover .hd-img-container,#hd .sec-lense button:focus-visible .hd-img-container{transform:scale(1.05, 1.05)}#hd .sec-lense button[aria-expanded="true"] .hd-img-active{opacity:1 !important}#hd .sec-lense button[aria-expanded="true"] .hd-label{background:#02fee8;color:black}@media screen and (max-width: 1600px){#hd .sec-lense figure{width:55%;margin-right:-5%}}@media screen and (max-width: 1440px){#hd .sec-lense .hd-frame{padding-block:8%}}@media screen and (max-width: 1280px){#hd .sec-lense h3{margin-top:20px;margin-bottom:10px}}@media screen and (max-width: 768px){#hd .sec-lense{padding:10% 0}#hd .sec-lense .hd-container{flex-direction:column}#hd .sec-lense .hd-content{width:100%;margin:0}#hd .sec-lense .hd-txt{width:100%;text-align:center}#hd .sec-lense .hd-txt .hd-btn-container{justify-content:center}#hd .sec-lense h3{margin-top:40px;margin-bottom:20px}#hd .sec-lense button{width:100px;margin-right:20px}#hd .sec-lense figure{width:112%;margin:-10% -10% 0 -10%}#hd .sec-lense figure img{width:100%}}@media screen and (max-width: 620px){#hd .sec-lense{padding:15% 0}}#hd .sec-fan{padding-bottom:10%}#hd .sec-fan .hd-bg{width:97.9166%;margin-top:-20%;left:auto;right:0}#hd .sec-fan figure{margin-left:-5%}@media screen and (max-width: 768px){#hd .sec-fan figure{width:90%;margin:-10% auto 0 auto}}#hd .sec-compatibility{padding-top:5%;position:relative;overflow:hidden;z-index:2}#hd .sec-compatibility .hd-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:80px 0;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;z-index:3;pointer-events:none}#hd .sec-compatibility .hd-title{max-width:58em;margin:0 auto 8%;text-shadow:0 0 2px #0d182c,0 0 5px #0d182c;pointer-events:all}#hd .sec-compatibility .hd-content{width:26em;max-width:100%;padding:6% 5% 4%;background:rgba(13,24,44,0.5);margin-right:auto;pointer-events:all}#hd .sec-compatibility h3,#hd .sec-compatibility p{margin-bottom:0.5em}#hd .sec-compatibility ul{margin:40px auto 60px}#hd .sec-compatibility h4{font-size:1.25em;margin-top:0.75em;margin-bottom:0}#hd .sec-compatibility p{font-size:1em}#hd .sec-compatibility .hd-btn{display:block;line-height:1.25;margin-top:1.5em}#hd .sec-compatibility img{width:100%}@media screen and (max-width: 1440px){#hd .sec-compatibility .hd-container{padding:4em 2em}#hd .sec-compatibility .hd-title{margin-bottom:40px}#hd .sec-compatibility .hd-content{padding:5% 4% 3%}#hd .sec-compatibility h4{margin-top:1.25em;margin-bottom:.25em}#hd .sec-compatibility ul{margin:30px auto 40px}}@media screen and (max-width: 1024px){#hd .sec-compatibility .hd-bg{width:120%;max-width:none !important;margin-left:-10%}#hd .sec-compatibility .hd-container{padding:2em 0}#hd .sec-compatibility .hd-content{width:22em}}@media screen and (max-width: 768px){#hd .sec-compatibility figure{position:relative}#hd .sec-compatibility figure:before{content:'';display:block;width:100%;height:0;padding-bottom:15%;background-color:#0d182c;background-image:-moz-linear-gradient(180deg, #0d182c,rgba(13,24,44,0));background-image:-webkit-linear-gradient(180deg, #0d182c,rgba(13,24,44,0));background-image:linear-gradient(180deg, #0d182c,rgba(13,24,44,0));background-color:transparent;position:absolute;top:0;left:0;z-index:2}#hd .sec-compatibility .hd-bg{width:130%;margin-left:-25%;margin-top:-18%}#hd .sec-compatibility .hd-container{padding:4em 0 2em;position:relative}#hd .sec-compatibility .hd-title{margin-bottom:2em}#hd .sec-compatibility .hd-content{width:90%;max-width:25em;padding:40px 30px;margin:0 auto;background:rgba(0,0,0,0.25)}#hd .sec-compatibility ul{margin:20px auto 10px}}@media screen and (max-width: 620px){#hd .sec-compatibility .hd-bg{width:180%;margin-left:-50%;margin-top:-25%}}#hd{background:white}#hd h2,#hd .h2{color:black !important}#hd .sec-kv{background-color:rgba(255,255,255,0);background-image:-moz-linear-gradient(0deg, rgba(255,255,255,0),#fff);background-image:-webkit-linear-gradient(0deg, rgba(255,255,255,0),#fff);background-image:linear-gradient(0deg, rgba(255,255,255,0),#fff);color:black}#hd .sec-kv .hd-title h2{color:white !important;filter:drop-shadow(0px 0px 3px #000)}#hd .bg-main{padding:0 !important;margin:0 !important;background-color:#fff;background-image:-moz-linear-gradient(180deg, #fff,#dce6ef,#fff 90%);background-image:-webkit-linear-gradient(180deg, #fff,#dce6ef,#fff 90%);background-image:linear-gradient(180deg, #fff,#dce6ef,#fff 90%)}#hd .sec-fan{padding-bottom:6%}#hd .sec-compatibility{background:white;color:black}#hd .sec-compatibility .hd-title{margin-top:-40px;padding-bottom:40px;text-shadow:0 0 2px white, 0 0 5px white}#hd .sec-compatibility .hd-content{background:rgba(255,255,255,0.75);color:black}#hd .sec-compatibility .hd-content h3,#hd .sec-compatibility .hd-content h4{color:black}#hd .sec-compatibility .hd-content .color-grey{color:#555 !important}#hd .sec-compatibility .hd-btn{color:#111b4d;border-color:#111b4d}#hd .sec-compatibility .hd-btn:hover,#hd .sec-compatibility .hd-btn:focus-visible{color:black}@media screen and (max-width: 768px){#hd .sec-kv .hd-title h2{filter:drop-shadow(0px 0px 2px #000)}#hd .sec-compatibility .hd-title{padding-bottom:0}#hd .sec-compatibility .hd-content{background:rgba(237,237,237,0.75)}}
/*# sourceMappingURL=hd-style.css.map */