@import url(../lib/swiper/swiper-bundle.min.css);@import url("https://dlcdnimgs.asus.com/vendor/public/fonts/css/roboto-condensed.css");html,body{padding:0;margin:0}#hd{font-family:"Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;background:black;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:#049bfe}#hd * ::-moz-selection{background:#1d2124;color:#049bfe}#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 #049bfe;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(20px)}100%{opacity:1;transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@-ms-keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeInLeft{0%{opacity:0;transform:translateX(-10px)}100%{opacity:1;transform:translateY(0)}}@-moz-keyframes fadeInLeft{0%{opacity:0;transform:translateX(-10px)}100%{opacity:1;transform:translateY(0)}}@-ms-keyframes fadeInLeft{0%{opacity:0;transform:translateX(-10px)}100%{opacity:1;transform:translateY(0)}}@-o-keyframes fadeInLeft{0%{opacity:0;transform:translateX(-10px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-10px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeInRight{0%{opacity:0;transform:translateX(50px)}100%{opacity:1;transform:translateY(0)}}@-moz-keyframes fadeInRight{0%{opacity:0;transform:translateX(50px)}100%{opacity:1;transform:translateY(0)}}@-ms-keyframes fadeInRight{0%{opacity:0;transform:translateX(50px)}100%{opacity:1;transform:translateY(0)}}@-o-keyframes fadeInRight{0%{opacity:0;transform:translateX(50px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(50px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes slideProgress{0%{transform:scale(0, 1)}100%{transform:scale(1, 1)}}@-moz-keyframes slideProgress{0%{transform:scale(0, 1)}100%{transform:scale(1, 1)}}@-ms-keyframes slideProgress{0%{transform:scale(0, 1)}100%{transform:scale(1, 1)}}@-o-keyframes slideProgress{0%{transform:scale(0, 1)}100%{transform:scale(1, 1)}}@keyframes slideProgress{0%{transform:scale(0, 1)}100%{transform:scale(1, 1)}}@-webkit-keyframes hintArrow{50%{transform:scale(0.9) translateX(-0.125em)}}@-moz-keyframes hintArrow{50%{transform:scale(0.9) translateX(-0.125em)}}@-ms-keyframes hintArrow{50%{transform:scale(0.9) translateX(-0.125em)}}@-o-keyframes hintArrow{50%{transform:scale(0.9) translateX(-0.125em)}}@keyframes hintArrow{50%{transform:scale(0.9) translateX(-0.125em)}}@-webkit-keyframes hintText{50%{transform:scale(0.9) translateX(-0.125em)}}@-moz-keyframes hintText{50%{transform:scale(0.9) translateX(-0.125em)}}@-ms-keyframes hintText{50%{transform:scale(0.9) translateX(-0.125em)}}@-o-keyframes hintText{50%{transform:scale(0.9) translateX(-0.125em)}}@keyframes hintText{50%{transform:scale(0.9) translateX(-0.125em)}}@font-face{font-family:'TradeGothicLTPro';src:url("../fonts/TradeGothicLTPro-Bold.ttf") format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:'ROGFonts';src:url("../fonts/ROGFonts-Regular_ES.otf") format("embedded-opentype"),url("../fonts/ROGFonts-Regular_ES.ttf") format("opentype"),url("../fonts/ROGFonts-Regular_ES.woff"),url("../fonts/ROGFonts-Regular_ES.woff2");font-weight:normal;font-style:normal;font-display:swap}#hd{font-family:"Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:16px}#hd h2,#hd .h2{font-family:"TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:3em;letter-spacing:0;line-height:1.25;color:#ffffff !important;word-break:normal;word-wrap:normal;margin-bottom:.13em}#hd .txt-larger{font-size:1.75em}#hd h3,#hd .h3{font-family:"TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:2.25em;color:#ffffff !important;letter-spacing:.01em;line-height:1.25;margin-bottom:.5em}#hd h4,#hd .h4{font-family:"TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:1.5em;font-weight:bold;color:#ffffff !important;letter-spacing:0;line-height:1.2;margin-bottom:0}#hd h5,#hd .h5{font-family:"TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:1.25em;letter-spacing:.04em;font-weight:400;line-height:1.25}#hd h6,#hd .h6{font-family:"TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:1em;font-weight:400;line-height:1.5}#hd p,#hd small,#hd a,#hd li{font-family:"Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif}#hd p{font-size:1.35em;line-height:1.75;letter-spacing:.018em;font-weight:400}#hd b{font-weight:bold}#hd small{font:inherit;font-size:.875em}#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:#049bfe !important}#hd .color-info{color:#00baff !important}#hd .color-grey{color:#707070 !important}#hd .color-light-grey{color:#a4a4a4 !important}#hd .color-white{color:white !important}#hd .color-black{color:black !important}#hd .color-gradient{display:inline-block;color:#049bfe !important;background-color:#2871fa;background-image:-moz-linear-gradient(90deg, #2871fa,#edf3ff 47%,#ff4200);background-image:-webkit-linear-gradient(90deg, #2871fa,#edf3ff 47%,#ff4200);background-image:linear-gradient(90deg, #2871fa,#edf3ff 47%,#ff4200);background-clip:text;background-size:130% auto;background-position:center;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#hd .color-gradient::selection,#hd .color-gradient>*::selection{color:#049bfe;-webkit-background-clip:unset;-webkit-text-fill-color:#049bfe}#hd .color-gradient::-moz-selection,#hd .color-gradient>*::-moz-selection{color:#049bfe;-webkit-background-clip:unset;-webkit-text-fill-color:#049bfe}#hd .font-rog{font-family:"ROGFonts","TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif}#hd .font-title{font-family:"TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-weight:bold}#hd .hd-uppercase{text-transform:uppercase}#hd .nobr{white-space:nowrap}_:-ms-fullscreen,:root #hd .color-gradient{background:transparent !important}@media screen and (min-width: 2560px){#hd{font-size:20px}}@media screen and (min-width: 3000px){#hd{font-size:28px}}@media screen and (max-width: 1440px){#hd h2,#hd .h2{font-size:3em}#hd h3,#hd .h3{font-size:2em}#hd p{font-size:1.25em}}@media screen and (max-width: 1280px){#hd .txt-larger{font-size:1.5em}#hd h5,#hd .h5{font-size:1.125em;letter-spacing:.04em}#hd .title-deco{font-size:0.1 0.25em;margin-bottom:.25em}}@media screen and (max-width: 1024px){#hd h2,#hd .h2{font-size:2.25em;line-height:1.1}#hd h3,#hd .h3{font-size:1.75em}#hd h4,#hd .h4{font-size:1.25em}}@media screen and (max-width: 1023px){#hd p{font-size:1.125em}}@media screen and (max-width: 480px){#hd h2,#hd .h2{font-size:1.75em;line-height:1.25}#hd h3,#hd .h3{font-size:1.25em;line-height:1.2}#hd h5,#hd .h5{font-size:1em;letter-spacing:.02em}#hd p{font-size:1em;line-height:1.5}}#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-w1520,#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-w1520{width:90%;max-width:1520px}#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-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-w1520,#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-w1520,#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-btn{display:inline-block;min-width:8em;text-align:center;font-size:1.125em;letter-spacing:.02em;color:white;background:#757575;padding:.5em 2em .5em;margin:0 5px;position:relative;transition:background 0.25s ease}#hd .hd-btn:before{content:'';display:block;width:0.4em;height:0.4em;border-left:4px solid black;border-bottom:4px solid black;position:absolute;bottom:0;left:0;margin:.25em}#hd .hd-btn:hover,#hd .hd-btn.focus-visible{background:#4d4e4f}#hd .hd-btn:active{background:black}@media screen and (max-width: 1280px){#hd .hd-btn{font-size:1.25em}}@media screen and (max-width: 1023px){#hd .hd-btn{min-width:6em;font-size:1.125em;padding-left:1em;padding-right:1em;margin:1px}}@media screen and (max-width: 480px){#hd .hd-btn{font-size:1.125em}}#hd .hd-scroller{width:100%;position:relative}#hd .hd-aside{position:absolute;height:100%;top:0;right:3.5%;z-index:3}#hd .hd-aside .aside-container{display:flex;writing-mode:vertical-rl;text-orientation:mixed;height:calc(90vh - 100px);margin-top:0;margin-left:auto;position:sticky;-webkit-position:sticky;top:100px;right:0;pointer-events:none}#hd .hd-aside ul{flex-shrink:0}#hd .hd-aside li{display:none}#hd .hd-aside li[aria-current="true"]{display:block}#hd .hd-aside p{font-size:1.5em;line-height:.75;letter-spacing:.1em;pointer-events:all;flex-shrink:0}#hd .hd-aside p span{display:inline-block;font:inherit;margin-bottom:1.25em;padding-top:0.4em;padding-right:0.05em;border-top:4px solid #707070}#hd .hd-aside p .hd-triangle{display:inline-block;margin-top:1.5em}#hd .hd-aside .hd-line{width:1px;height:100%;background:white;margin:1em 0;opacity:0.5}#hd .hd-aside .triangle-container{display:flex;margin-top:auto}#hd .hd-aside .triangle-container .hd-triangle{margin-top:6px}#hd .hd-aside .hd-triangle{width:1.3rem;margin-top:auto}#hd .hd-border-gradient{border-left:1px solid #2871fa;border-right:1px solid #ff4200;position:relative}#hd .hd-border-gradient:before,#hd .hd-border-gradient:after{content:'';display:block;width:100%;height:1px;background-color:#2871fa;background-image:-moz-linear-gradient(90deg, #2871fa,#edf3ff 47%,#ff4200);background-image:-webkit-linear-gradient(90deg, #2871fa,#edf3ff 47%,#ff4200);background-image:linear-gradient(90deg, #2871fa,#edf3ff 47%,#ff4200);position:absolute;left:0}#hd .hd-border-gradient:before{top:0}#hd .hd-border-gradient:after{bottom:0}#hd .title-deco{display:block;font-size:3.75em;line-height:1;letter-spacing:.1em;max-width:68%;padding:.125em .5em 0;margin:0 auto .85em;text-align:center;position:relative}#hd .title-deco:before{content:'';display:block;width:.875em;height:100%;position:absolute;top:0;left:-0.6em;background:rgba(255,255,255,0.18);box-sizing:content-box;padding:4px 0;margin:-4px 0;transform:translateX(-1em) skewX(-15deg) scaleX(0);opacity:0;transition:transform 0.6s ease,opacity 0.25s ease}#hd .title-deco .hd-border-gradient{display:block;width:100%;height:100%;position:absolute;top:0;left:0;right:0;margin:0 auto;transform:skew(-15deg, 0deg)}#hd .title-deco .txt-container{display:block;padding-top:0.125em;clip-path:inset(0 100% 0 0);transition:clip-path 1.6s 0.2s ease}#hd .title-deco.is-animated:before{opacity:1;transform:translateX(0) skewX(-15deg) scaleX(1)}#hd .title-deco.is-animated .txt-container{clip-path:inset(0)}#hd .hd-hr{display:block;width:100%;height:1px;background:rgba(255,255,255,0.25);border:none;box-shadow:none;margin:20px auto;overflow:visible}#hd .hd-hr:before{content:'';display:block;width:80px;height:80px;background:#000 url(../img/deco-triangle.svg) center no-repeat;background-size:28%;transform-origin:54% 52%;transform:rotate(-90deg);position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;z-index:2;transition:transform 0.8s ease}#hd .hd-hr.is-animated:before{transform:rotate(12deg)}@media screen and (max-width: 1440px){#hd .title-deco{font-size:3.25em}}@media screen and (max-width: 1280px){#hd .hd-aside p{font-size:1.25em}}@media screen and (max-width: 1024px){#hd .hd-aside .aside-container{right:2%}#hd .hd-aside p{font-size:1em}#hd .hd-aside .hd-triangle{width:1rem}#hd .title-deco{font-size:2.5em;margin-bottom:0.5em}}@media screen and (max-width: 768px){#hd .hd-aside{display:none}#hd .title-deco{max-width:90%}}@media screen and (max-width: 480px){#hd .title-deco{font-size:2.25em}}#hd .tab-container{display:flex;flex-wrap:nowrap;align-items:stretch;margin-bottom:24px;padding-top:0.25em}#hd .tab-container li{display:flex;align-items:center;justify-content:center;font-family:"TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-weight:bold;font-size:1em;letter-spacing:.02em;line-height:1.1;padding:.25em .5em 0;color:white;text-align:center;position:relative;cursor:pointer;transform:scale(.95, .95);transition:transform 0.25s;z-index:2}#hd .tab-container li:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#757575;backface-visibility:hidden;z-index:-1}#hd .tab-container li:after{content:'';display:block;width:1em;height:.775em;background-image:url(../img/deco-arrow-white.svg);background-size:contain;background-position:0 0;background-repeat:no-repeat;margin-top:-0.25em}#hd .tab-container li:first-child{padding-right:1em;transform-origin:left bottom}#hd .tab-container li:first-child:before{clip-path:polygon(0 0, calc(100% - .5em) 0%, 100% 100%, 0% 100%)}#hd .tab-container li:first-child:after{margin-left:0.25em}#hd .tab-container li:first-child[aria-selected="true"]{margin-right:0.25em}#hd .tab-container li:not(:first-child):not(:last-child){padding-left:1em;margin-left:-0.65em;transform-origin:center bottom}#hd .tab-container li:not(:first-child):not(:last-child):before{clip-path:polygon(0 0, calc(100% - .5em) 0, 100% 100%, 0.5em 100%)}#hd .tab-container li:not(:first-child):not(:last-child):after{margin-left:0.25em}#hd .tab-container li:last-child{padding-left:1em;margin-left:-0.4em;transform-origin:10% bottom}#hd .tab-container li:last-child:before{clip-path:polygon(0 0, 100% 0, 100% 100%, 0.5em 100%)}#hd .tab-container li:last-child[aria-selected="true"]:after{margin-left:.25em}#hd .tab-container li[aria-selected="true"]{color:black;pointer-events:none;position:relative;z-index:3;transform:translate(0, -2px)}#hd .tab-container li[aria-selected="true"]:before{background:white}#hd .tab-container li[aria-selected="true"]:after{width:.25em;height:.25em;background-image:url(../img/deco-arrow-black.svg);position:absolute;top:0;left:0;margin:.125em;animation-delay:0s;animation-duration:.25s;animation-name:fadeInLeft;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:both}#hd .tab-container li:hover,#hd .tab-container li:focus-visible{transform:translate(0, -3px) scale(0.95, 0.95)}#hd .tab-container li:focus-visible{outline-offset:-5px}#hd .tab-container li .hd-tag{font-size:0.875rem;padding:.35em .25em 0 1em;background:#049bfe;color:black;position:absolute;top:-.875em;right:-.5em;clip-path:polygon(0 0, 100% 0, 100% 100%, 0.5em 100%)}#hd .tab-container.is-animated li:not([aria-selected="true"]):after{animation-delay:0s;animation-duration:1.5s;animation-name:hintArrow;animation-timing-function:ease;animation-iteration-count:3.3333;animation-fill-mode:both}#hd .subtab-container{display:flex;justify-content:center;align-items:stretch;margin:50px 0}#hd .subtab-container li{min-width:14em;font-family:"TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-weight:bold;font-size:1.3em;letter-spacing:.4em;line-height:1.1;padding:.75em 1em .5em 1.5em;margin:0 .5em;text-align:center;position:relative;z-index:2;cursor:pointer;transition:transform 0.25s}#hd .subtab-container li:before{content:'';position:absolute;inset:0;background:rgba(255,255,255,0.75);clip-path:polygon(0 0, calc(100% - .3em) 0, 100% 0.3em, 100% 100%, 0.3em 100%, 0 calc(100% - .3em), 0 0, 1px 1px, 1px calc(100% - .3em - 0.41px), calc(.3em + 0.41px) calc(100% - 1px), calc(100% - 1px) calc(100% - 1px), calc(100% - 1px) calc(.3em + 0.41px), calc(100% - .3em - 0.41px) 1px, 1px 1px);transform:skew(-15deg, 0deg);z-index:-1}#hd .subtab-container li:after{content:'';width:0.5em;height:100%;background:white;position:absolute;top:0;left:0;transform:skew(-15deg, 0deg);clip-path:polygon(0 0, calc(100% - .3em) 0, calc(100% - .3em) calc(100% - .3em), 100% 100%, 0.3em 100%, 0 calc(100% - .3em));z-index:-1}#hd .subtab-container li[aria-selected="true"]{color:black}#hd .subtab-container li[aria-selected="true"]:before{background:white;clip-path:polygon(0 0, calc(100% - .3em) 0, 100% 0.3em, 100% 100%, 0.3em 100%, 0 calc(100% - .3em))}#hd .subtab-container li[aria-selected="true"]:after{width:0.6em;background:#049bfe}#hd .subtab-container li:hover,#hd .subtab-container li:focus-visible{transform:translate(0, -2px)}#hd .subtab-container li:focus-visible{outline-offset:-5px}#hd .tab-content>div,#hd .subtab-content>div{display:none}#hd .tab-content>div[aria-current="true"],#hd .subtab-content>div[aria-current="true"]{display:block}@media screen and (max-width: 1280px){#hd .tab-container{margin-bottom:20px}#hd .subtab-container{margin:25px 0}#hd .subtab-container li{min-width:12em;font-size:1.25em;letter-spacing:.2em}}@media screen and (max-width: 1024px){#hd .subtab-container li{min-width:10em;letter-spacing:.1em;padding:.5em .75em .25em 1em;margin:0 .25em}}@media screen and (max-width: 768px){#hd .subtab-container li{min-width:4em}}@media screen and (max-width: 620px){#hd .tab-container li{font-size:1.25em}#hd .subtab-container{justify-content:flex-start;overflow-x:auto;width:110%;margin-left:-5%;padding:0 1em}#hd .subtab-container li{flex-shrink:0;min-width:8em;font-size:1em;padding-top:1em;padding-bottom:0.65em}}#hd .hd-nav{height:calc(100% - 100px);position:fixed;top:100px;bottom:0;margin:auto 0;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:center;align-items:flex-end;pointer-events:none;right:0;z-index:10}#hd .hd-nav:before{content:'';display:block;width:110%;height:100%;position:absolute;top:0;right:0;background-color:transparent;background-image:-moz-linear-gradient(90deg, transparent,#000);background-image:-webkit-linear-gradient(90deg, transparent,#000);background-image:linear-gradient(90deg, transparent,#000);pointer-events:none}#hd .hd-nav a{display:block;font-size:.75em;letter-spacing:.018em;text-align:right;color:#707070;padding:.75em 4em .75em 1em;margin-bottom:1.25em;position:relative;pointer-events:auto}#hd .hd-nav a:before{content:'';display:block;width:100%;height:1px;background:rgba(255,255,255,0.5);position:absolute;bottom:0;right:0;transform-origin:right top;transform:scale(.3, 1);transition:transform 0.4s ease}#hd .hd-nav a.is-current{color:white}#hd .hd-nav a.is-current:before{transform:scale(1, 1);background-color:#2871fa;background-image:-moz-linear-gradient(90deg, #2871fa,#edf3ff 47%,#ff4200);background-image:-webkit-linear-gradient(90deg, #2871fa,#edf3ff 47%,#ff4200);background-image:linear-gradient(90deg, #2871fa,#edf3ff 47%,#ff4200)}#hd .hd-nav a.is-current span:before{content:'';animation-delay:0s;animation-duration:.25s;animation-name:fadeInRight;animation-timing-function:ease-in-out;animation-iteration-count:1;animation-fill-mode:both}#hd .hd-nav a span{display:inline-block;position:relative;padding-left:1.6em}#hd .hd-nav a span:before{display:block;width:1.4em;height:1.4em;background:0 0 no-repeat;background-image:url(../img/square-nav.svg);background-size:contain;position:absolute;top:-.125em;left:-1em;z-index:-1}@media screen and (max-width: 1600px){#hd .hd-nav a{padding:.5em 1em .5em .5em;margin-bottom:1em}#hd .hd-nav a span{padding-left:1em}}@media screen and (max-width: 1280px){#hd .hd-nav{display:none}}@media screen and (max-width: 768px){#hd .hd-nav{display:none}#hd .hd-nav ul li .hd-tooltip{display:none}}#hd .hd-lightbox{width:100%;height:100vh;padding:20px;position:fixed;top:0;left:0;display:none;z-index:11}#hd .hd-lightbox.lightbox-vid .hd-box{padding:0}#hd .hd-lightbox .hd-filter{width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;top:0;left:0}#hd .hd-lightbox .hd-box{width:1000px;height:600px;max-width:100%;max-height:100%;background:black;border:1px solid #049bfe;padding-top:4em;padding-right:1em;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;box-sizing:border-box}#hd .hd-lightbox .hd-box .hd-content{height:100%;padding:0 3em 100px;overflow-y:auto}#hd .hd-lightbox .hd-box .hd-content::-webkit-scrollbar{width:4px}#hd .hd-lightbox .hd-box .hd-content::-webkit-scrollbar-track{background:black}#hd .hd-lightbox .hd-box .hd-content::-webkit-scrollbar-thumb{background:#707070}#hd .hd-lightbox .hd-box .hd-content::-webkit-scrollbar-thumb:hover{background:#049bfe}#hd .hd-lightbox .hd-box .hd-content p{font-size:1em}#hd .hd-lightbox .hd-box iframe{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}#hd .hd-lightbox .hd-close{width:4em;height:4em;position:absolute;top:0;right:0;cursor:pointer;z-index:2;opacity:.8}#hd .hd-lightbox .hd-close:hover{opacity:1}#hd .hd-lightbox .hd-close:before,#hd .hd-lightbox .hd-close:after{content:'';display:block;width:2em;height:2px;background:white;-webkit-border-radius:1.5px;-moz-border-radius:1.5px;border-radius:1.5px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}#hd .hd-lightbox .hd-close:before{transform:rotateZ(45deg)}#hd .hd-lightbox .hd-close:after{transform:rotateZ(-45deg)}@media screen and (min-width: 2560px){#hd .hd-lightbox .hd-box{max-width:1400px;height:900px}}@media screen and (min-width: 3000px){#hd .hd-lightbox .hd-box{max-width:1800px;height:1500px}}@media screen and (max-width: 1024px){#hd .hd-lightbox .hd-box .hd-content{padding:2em 1em 100px}#hd .hd-lightbox .hd-close{width:3em;height:3em;top:0;right:0}#hd .hd-lightbox .hd-close>span{width:2.5em;height:2px}}@media screen and (max-width: 480px){#hd .hd-lightbox .hd-box{width:100% !important;height:100% !important}}#hd .list-square>li{font-size:1em;font-weight:400;line-height:1.5;position:relative;padding-left:1em;margin-bottom:.25em}#hd .list-square>li:before{content:'';display:block;width:.25em;height:.25em;background:white;position:absolute;top:.55em;left:0}#hd .list-square sup{display:inline-block;margin-top:-0.25em}@media screen and (max-width: 1023px){#hd .list-square>li{line-height:1.25}}#hd .trigger-video-toggle{position:relative}#hd .vid-container{width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}#hd .vid-container video,#hd .vid-container iframe{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover}#hd .vid-control{width:60px;height:60px;background:none;border:none;box-shadow:none;position:absolute;right:0;bottom:0;transition:all 0.3s ease-out;z-index:3;pointer-events:all;cursor:pointer;position:absolute}#hd .vid-control svg,#hd .vid-control img{width:90%;height:90%;max-width:30px !important;max-height:30px !important;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}#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 (min-width: 2560px){#hd .vid-control svg,#hd .vid-control img{max-width:42 !important;max-height:42 !important}}@media screen and (max-width: 1280px){#hd .vid-control{width:44px;height:44px}}#hd .swiper-pagination-wrapper{display:flex;flex-wrap:nowrap;justify-content:center;margin-top:30px}#hd .swiper-pagination,#hd .swiper-pagination-bullets{width:auto;bottom:0;position:relative}#hd .swiper-pagination-bullets{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;width:100%}#hd .swiper-pagination-bullet{width:100%;height:6px;border-radius:0;margin:0 20px 0 0;background:black;border:1px solid rgba(255,255,255,0.75);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:white;transform-origin:left center;transform:scale(0, 1)}#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-pause-btn{flex-shrink:0;width:44px;height:44px;background:center no-repeat;background-size:contain;cursor:pointer;margin-left:0;position:relative;overflow:hidden;opacity:.7}#hd .swiper-pause-btn img,#hd .swiper-pause-btn svg{width:70%;height:70%;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-pagination-wrapper{margin-top:20px}}@media screen and (max-width: 1024px){#hd .swiper-pagination-bullet{margin:0 10px 0 0}}@media screen and (max-width: 768px){#hd .swiper-pagination-wrapper{margin-top:10px}}@media screen and (max-width: 480px){#hd .swiper-pagination-wrapper{margin-top:10px}}#hd header{width:100%;position:sticky;top:0;left:0;background:black;z-index:9}#hd header .logo-asus{width:130px;margin:10px auto 10px 0}#hd header .logo-asus img{width:100%}#hd header .menu{text-align:center}#hd header .menu a,#hd header .menu span{font-size:1em;font-weight:600;letter-spacing:.018em;color:white;padding:.25em 1em;transition:color 0.25s ease}#hd header .menu a.hd-active,#hd header .menu span.hd-active{color:#1eb7f7}#hd header .menu a:hover,#hd header .menu span:hover{color:#1eb7f7}#hamburger{display:none}@media screen and (max-width: 1023px){#hd header .menu a,#hd header .menu span{padding-left:.5em;padding-right:.5em}}@media screen and (max-width: 768px){#hd header .hd-container{width:100%;padding-left:5%}#hd header .logo-rog{margin-top:8px;margin-bottom:8px}#hd header .menu{display:none;width:100%;background:#303030;position:absolute;top:100%;left:0;z-index:-1}#hd header .menu a,#hd header .menu span{display:block;font-size:1em;padding:1em 0;border-bottom:1px solid #505050}#hamburger span,#hamburger:before,#hamburger:after{content:'';display:block;width:24px;height:3px;background:white;border-radius:2px;position:absolute;top:20px;left:0;right:0;margin:0 auto;transition:all 0.1s ease}#hamburger{order:3;display:block;width:46px;height:46px;background:#049bfe;margin-left:1em;position:relative;cursor:pointer}#hamburger:before{transform:translate(0, -.5em)}#hamburger:after{transform:translate(0, .5em)}#hamburger.hd-active:before{opacity:1;transform:translate(0, 0) rotate(-45deg)}#hamburger.hd-active:after{opacity:1;transform:translate(0, 0) rotate(45deg)}#hamburger.hd-active span{opacity:0}#hamburger.hd-active ~ .menu{display:block;animation-delay:0s;animation-duration:.4s;animation-name:fadeInDown;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards}}#hd .sec-kv{position:relative}#hd .sec-kv .hd-img-container{position:relative;overflow:hidden}#hd .sec-kv .hd-img-container.is-animated h2,#hd .sec-kv .hd-img-container.is-animated p,#hd .sec-kv .hd-img-container.is-animated .hd-pd,#hd .sec-kv .hd-img-container.is-animated .hd-shadow{opacity:1;transform:translate(0, 0)}#hd .sec-kv .hd-img-container.is-animated h2,#hd .sec-kv .hd-img-container.is-animated p{clip-path:inset(0)}#hd .sec-kv .hd-img-container.is-animated h2 strong:before,#hd .sec-kv .hd-img-container.is-animated h2 strong:after{opacity:1;transform:translate(0, 0) scale(1.1, 1)}#hd .sec-kv h2,#hd .sec-kv p{opacity:0;transform:translate(0, -40px);clip-path:inset(0 100% 0 0);transition:opacity 0.25s 0.4s,transform 1.2s 0.4s cubic-bezier(0.41, 0.95, 0.46, 0.98),clip-path 1.6s 0.2s ease;will-change:transform}#hd .sec-kv h2>*{font-family:inherit !important}#hd .sec-kv p{transition:opacity 0.25s 0.4s,transform 1.2s 0.3s cubic-bezier(0.41, 0.95, 0.46, 0.98),clip-path 1.6s 0.2s ease}#hd .sec-kv .hd-shadow{opacity:0;transform-origin:center 80%;transform:scale(.85, .85);transition:opacity 0.8s 0s,transform 0.8s 0s ease-out}#hd .sec-kv .hd-pd{opacity:0;transform:translate(0, -20px);transition:opacity 0.25s 0s,transform 0.8s 0s ease-out}#hd .sec-kv .pd-mb{transform:translate(0, -80px);transition:opacity 0.25s 0s,transform 0.8s 0s ease-out}#hd .sec-kv .pd-vga{transform:translate(0, -60px);transition:opacity 0.25s 0s,transform 0.8s 0s ease-out}#hd .sec-kv .pd-pc{width:96%;right:0;margin-left:auto}#hd .sec-kv .hd-logo{width:10%;min-width:140px;bottom:12%;left:auto;right:3.5%;z-index:2}#hd .sec-kv img{width:100%;position:absolute;bottom:0;left:0}#hd .sec-kv img.hd-bg{position:relative}#hd .sec-kv img.hd-pd,#hd .sec-kv img.hd-shadow{z-index:2}#hd .sec-kv .hd-title{width:95%;padding-left:5.5%;position:absolute;top:15.5%;left:0;right:0;margin:0 auto;z-index:1}#hd .sec-kv h2{font-size:12vw;letter-spacing:-.02em;line-height:1;margin-bottom:-.2em;padding-top:0.02em}#hd .sec-kv h2 strong{position:relative}#hd .sec-kv h2 strong:before,#hd .sec-kv h2 strong:after{font-size:1.04em;content:attr(data-txt);position:absolute;top:0;left:0;mix-blend-mode:lighten;opacity:0;z-index:2;transition:opacity 0.6s 0.8s,transform 0.6s 0.8s ease-out}#hd .sec-kv h2 strong:before{color:#2871fa !important;background-color:rgba(40,113,250,0);background-image:-moz-linear-gradient(-90deg, rgba(40,113,250,0),#2871fa 50%);background-image:-webkit-linear-gradient(-90deg, rgba(40,113,250,0),#2871fa 50%);background-image:linear-gradient(-90deg, rgba(40,113,250,0),#2871fa 50%);background-clip:text;background-size:130% auto;background-position:center;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:-.02em -.08em;transform:translate(0.18em, 0) scale(1, 1)}#hd .sec-kv h2 strong:after{color:#ff4200 !important;background-color:rgba(255,255,255,0.8);background-image:-moz-linear-gradient(90deg, rgba(255,255,255,0.8),#ff4200 80%);background-image:-webkit-linear-gradient(90deg, rgba(255,255,255,0.8),#ff4200 80%);background-image:linear-gradient(90deg, rgba(255,255,255,0.8),#ff4200 80%);background-clip:text;background-size:130% auto;background-position:center;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:.018em .04em;transform:translate(-0.18em, 0) scale(1, 1)}#hd .sec-kv p{display:inline-block;font-family:"TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-weight:bold;font-size:1.65vw;line-height:1;padding:.25em .4em 0;border:1px solid rgba(255,255,255,0.75);margin-left:0.4em}@media screen and (max-width: 1024px){#hd .sec-kv img{width:120%;max-width:none !important;margin-left:-10%;margin-top:-3%}#hd .sec-kv .pd-pc{width:112%;margin-left:-3%}#hd .sec-kv .hd-logo{width:12%;min-width:120px;bottom:5%}#hd .sec-kv p{max-width:40%;font-size:2.25vw;margin-left:0.25em}}@media screen and (max-width: 768px){#hd .sec-kv img{width:150%;margin-left:-25%}#hd .sec-kv .pd-pc{width:145%;margin-left:-20%}#hd .sec-kv .hd-logo{width:100px;min-width:0;bottom:0;right:0;position:relative;margin:20px 5% 0 auto}}@media screen and (max-width: 620px){#hd .sec-kv .hd-title{padding-left:3%}#hd .sec-kv p{font-size:1em;padding:.25em .25em 0}}@media screen and (max-width: 480px){#hd .sec-kv .hd-img-container{padding-top:15%}#hd .sec-kv .hd-img-container:before{content:'';display:block;width:100%;height:0;padding-bottom:20%;position:absolute;top:15%;left:0;background-color:transparent;background-image:-moz-linear-gradient(0deg, transparent,#000);background-image:-webkit-linear-gradient(0deg, transparent,#000);background-image:linear-gradient(0deg, transparent,#000);z-index:1}#hd .sec-kv img{margin-top:0}#hd .sec-kv h2{margin-bottom:0}#hd .sec-kv p{font-size:0.875em;max-width:none}}#hd .sec-intro{position:relative;z-index:2}#hd .sec-intro .hd-bg{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;z-index:-1;opacity:0.2;transition:opacity 1s ease !important;display:none !important}#hd .sec-intro .hd-bg.is-animated{opacity:0.1 !important}#hd .sec-intro .hd-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:50px 0}#hd .sec-intro .hd-deco{position:absolute}#hd .sec-intro .hd-frame{padding:16px;position:relative}#hd .sec-intro .deco-frame{width:11%}#hd .sec-intro .frame-top{top:0;right:0;transform-origin:right top}#hd .sec-intro .frame-bottom{bottom:0;left:0;transform-origin:left bottom}#hd .sec-intro .hd-border-gradient{padding:13% 5% 15%}#hd .sec-intro .hd-content .hd-title-container{display:flex;justify-content:center;align-items:center}#hd .sec-intro .hd-content .hd-logo{width:9em;margin:0 20px 2em}#hd .sec-intro .hd-content h2{font-size:6em;line-height:1;letter-spacing:.06em;margin-bottom:.25em;text-align:left}#hd .sec-intro .hd-content h2 small{display:block;font-size:0.5em;letter-spacing:.018em}#hd .sec-intro .hd-content p{line-height:1.6;max-width:44em;margin:0 auto}#hd .sec-intro .deco-stripe{width:13%;bottom:0;right:0;margin:30px}#hd .sec-intro .deco-bottom{width:17%;bottom:0;left:0;margin:2em 5%;mix-blend-mode:multiply}@media screen and (max-width: 1440px){#hd .sec-intro .hd-content .hd-logo{width:7.5em;margin-bottom:1.75em}#hd .sec-intro .hd-content h2{font-size:5em}}@media screen and (max-width: 1024px){#hd .sec-intro .hd-frame{padding:10px}#hd .sec-intro .deco-stripe{margin:20px}#hd .sec-intro .deco-bottom{width:30%}}@media screen and (max-width: 1023px){#hd .sec-intro .hd-content h2{font-size:4em}}@media screen and (max-width: 768px){#hd .sec-intro .hd-content .hd-logo{width:6em;margin:0 12px 1.5em}#hd .sec-intro .hd-content h2{font-size:3em}}@media screen and (max-width: 620px){#hd .sec-intro .hd-border-gradient{padding:50px 10px 60px}#hd .sec-intro .deco-stripe{width:100px}#hd .sec-intro .deco-bottom{width:280px}}@media screen and (max-width: 480px){#hd .sec-intro .hd-container{width:100%}#hd .sec-intro .hd-content .hd-title-container{flex-direction:column}#hd .sec-intro .hd-content h2{font-size:2.5em;text-align:center;margin-bottom:0.25em}}#hd .sec-btf{padding:160px 0}#hd .sec-btf .hd-content{padding-right:5%}#hd .sec-btf .hd-content p{padding-left:0.25em;max-width:27.5em}#hd .sec-btf .tab-container{font-size:2.5em}#hd .sec-btf .tab-container span{display:block}#hd .sec-btf .tab-container.is-animated li:not([aria-current="true"]) span{animation-delay:0s;animation-duration:1.5s;animation-name:hintText;animation-timing-function:ease;animation-iteration-count:3.3333;animation-fill-mode:both}#hd .sec-btf .tab-content.hd-col50{width:52%;margin-right:-7%;margin-left:-2%}@media screen and (max-width: 1600px){#hd .sec-btf .tab-container{font-size:2.125em}#hd .sec-btf .hd-content p{font-size:1.25em}}@media screen and (max-width: 1440px){#hd .sec-btf{padding:100px 0}}@media screen and (max-width: 1280px){#hd .sec-btf .tab-container{font-size:1.65em}}@media screen and (max-width: 1024px){#hd .sec-btf{padding:60px 0}#hd .sec-btf .hd-content p{font-size:1.125em}}@media screen and (max-width: 1023px){#hd .sec-btf .hd-container{flex-direction:column}#hd .sec-btf .hd-content{width:100%;padding-right:0}#hd .sec-btf .hd-content p{max-width:none;padding-left:0}#hd .sec-btf .tab-content.hd-col50{width:100%;margin:20px 0 0}}@media screen and (max-width: 620px){#hd .sec-btf{padding:40px 0}#hd .sec-btf .tab-container{font-size:1.4em}}@media screen and (max-width: 480px){#hd .sec-btf .tab-container{font-size:.9em}#hd .sec-btf .tab-container li{padding-top:0.75em;padding-bottom:0.5em}#hd .sec-btf .hd-content p{font-size:1em}}#hd .sec-products{padding:80px 0 100px;position:relative;overflow:hidden}#hd .sec-products .bg-txt{font-family:"TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-weight:bold;font-size:12vw;line-height:1;margin-bottom:-.275em;position:absolute;bottom:0;left:11%;background-color:#707070;background-image:-moz-linear-gradient(180deg, #707070,#757575,#fff);background-image:-webkit-linear-gradient(180deg, #707070,#757575,#fff);background-image:linear-gradient(180deg, #707070,#757575,#fff);background-clip:text;background-size:130% auto;background-position:center;-webkit-background-clip:text;-webkit-text-fill-color:transparent;pointer-events:none;opacity:0.2}#hd .sec-products .bg-txt.txt-advanced{font-size:7.5vw;left:12%}#hd .sec-products .tab-container{font-size:2em;border-bottom:1px solid rgba(255,255,255,0.5)}#hd .sec-products .tab-container li{min-width:10em;padding-top:0.3em}#hd .sec-products .tab-container li:not(:first-child):not(:last-child)[aria-selected="true"]{margin-left:-0.9em}#hd .sec-products .tab-container li:not(:first-child):not(:last-child)[aria-selected="true"]:after{margin-left:0.5em}#hd .sec-products .tab-container li:last-child[aria-selected="true"]:after{margin-left:.5em}#hd .sec-products .tab-container li[aria-selected="true"]:after{width:.5em;height:.5em;margin:.2em}#hd .sec-products .subtab-container{width:100%;margin-left:0}#hd .sec-products .swiper-wrapper{align-items:stretch}#hd .sec-products .swiper-slide{height:auto;padding-bottom:1px;position:relative}#hd .sec-products .swiper-slide:before{content:'';width:90%;height:100%;background-color:#707070;background-image:-moz-linear-gradient(90deg, #707070,rgba(112,112,112,0));background-image:-webkit-linear-gradient(90deg, #707070,rgba(112,112,112,0));background-image:linear-gradient(90deg, #707070,rgba(112,112,112,0));background-color:transparent;background-size:130% auto;background-position:right top;clip-path:polygon(0 0, 100% 0, 100% 100%, 5vw 100%, 0 calc(100% - 5vw), 0 0, 1px 1px, 1px calc(100% - 5vw - 0.41px), calc(5vw + 0.41px) calc(100% - 1px), calc(100% - 1px) calc(100% - 1px), calc(100% - 1px) 1px, 1px 1px);position:absolute;top:0;left:-15%;transform:translate(20%, 0);transition:transform 0.1s}#hd .sec-products .swiper-slide:after{content:'';display:block;width:40px;height:40px;background:url(../img/deco-plus.svg) 0 0 no-repeat;background-size:contain;position:absolute;top:0;left:-15%;margin:20px;opacity:0;transform:scale(0, 0);transition:opacity 0.25s 0.25s,transform 0.25s 0.25s}#hd .sec-products .swiper-slide.swiper-slide-active{z-index:2}#hd .sec-products .swiper-slide.swiper-slide-active.frame-tuf:before{background-color:#6a430f;background-image:-moz-linear-gradient(90deg, #6a430f,#ff9e1b);background-image:-webkit-linear-gradient(90deg, #6a430f,#ff9e1b);background-image:linear-gradient(90deg, #6a430f,#ff9e1b)}#hd .sec-products .swiper-slide.swiper-slide-active.frame-tuf .hd-tag:before,#hd .sec-products .swiper-slide.swiper-slide-active.frame-tuf .hd-tag:after{background:#ff9e1b}#hd .sec-products .swiper-slide.swiper-slide-active.frame-rog:before{background-color:#0000A0;background-image:-moz-linear-gradient(90deg, #0000A0,#F51928);background-image:-webkit-linear-gradient(90deg, #0000A0,#F51928);background-image:linear-gradient(90deg, #0000A0,#F51928)}#hd .sec-products .swiper-slide.swiper-slide-active.frame-rog .hd-tag:before,#hd .sec-products .swiper-slide.swiper-slide-active.frame-rog .hd-tag:after{background:#F51928}#hd .sec-products .swiper-slide.swiper-slide-active:before{background-color:#049bfe;background-image:-moz-linear-gradient(90deg, #049bfe,#1eb7f7);background-image:-webkit-linear-gradient(90deg, #049bfe,#1eb7f7);background-image:linear-gradient(90deg, #049bfe,#1eb7f7);transform:translate(0, 0);transition:transform 1s cubic-bezier(0.23, 0.78, 0.49, 0.99)}#hd .sec-products .swiper-slide.swiper-slide-active:after{opacity:1;transform:scale(1, 1)}#hd .sec-products .swiper-slide.swiper-slide-active .hd-tag,#hd .sec-products .swiper-slide.swiper-slide-active h3{animation-delay:.25s;animation-duration:.6s;animation-name:fadeInUp;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:both}#hd .sec-products .swiper-slide.swiper-slide-active .list-square{animation-delay:.35s;animation-duration:.6s;animation-name:fadeInUp;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:both}#hd .sec-products .swiper-slide.swiper-slide-active .hd-btn-container{animation-delay:.4s;animation-duration:.6s;animation-name:fadeInUp;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:both}#hd .sec-products .swiper-slide.swiper-slide-active .hd-img-container{opacity:1;transform:scale(.95, .95)}#hd .sec-products .is-animated .swiper-button-prev,#hd .sec-products .is-animated .swiper-button-next{animation-delay:0s;animation-duration:1s;animation-name:hintArrow;animation-timing-function:ease;animation-iteration-count:5;animation-fill-mode:both}#hd .sec-products .swiper-button-prev,#hd .sec-products .swiper-button-next{width:44px;height:auto}#hd .sec-products .swiper-button-prev:after,#hd .sec-products .swiper-button-next:after{display:none}#hd .sec-products .swiper-button-prev img,#hd .sec-products .swiper-button-next img{width:100%}#hd .sec-products .swiper-button-prev.swiper-button-disabled,#hd .sec-products .swiper-button-next.swiper-button-disabled{opacity:0}#hd .sec-products .swiper-button-prev{left:10%}#hd .sec-products .swiper-button-next{right:10%}#hd .sec-products .hd-content{padding:2em 0;max-width:32em}#hd .sec-products .hd-content>*{opacity:0}#hd .sec-products .hd-content .hd-tag{font-family:"TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;display:inline-block;color:black;padding:.25em .25em 0 .5em;margin-bottom:10px;position:relative;z-index:2}#hd .sec-products .hd-content .hd-tag:before,#hd .sec-products .hd-content .hd-tag:after{content:'';display:block;height:100%;background:#049bfe;position:absolute;top:0;z-index:-1}#hd .sec-products .hd-content .hd-tag:before{width:2em;transform:skewX(-25deg);right:-.5em}#hd .sec-products .hd-content .hd-tag:after{width:100%;left:0}#hd .sec-products .hd-content h3{font-size:3.25em;line-height:1;margin-bottom:0.125em;text-transform:uppercase}#hd .sec-products .hd-content li{font-size:1.125em}#hd .sec-products .hd-btn-container{margin-top:50px}#hd .sec-products .hd-img-container{display:block;position:relative;opacity:0;margin-right:-12%;transform:scale(.9, .9);transition:opacity 0.4s 0.25s ease,transform 0.6s 0.25s ease}#hd .sec-products .hd-img-container img{width:100%}#hd .sec-products .deco-left{width:1%;height:100%;position:absolute;left:5%;top:0%;transform-origin:0 0;transform:scale(0, 1);transition:transform 3s 0.4s ease}#hd .sec-products .deco-left.is-animated{transform:scale(1, 1)}#hd .sec-products .deco-left img{position:sticky;top:20%}@media screen and (max-width: 1600px){#hd .sec-products .hd-img-container{margin-right:-5%}}@media screen and (max-width: 1440px){#hd .sec-products .hd-content{width:50%}#hd .sec-products .hd-content h3{font-size:3em}#hd .sec-products .hd-content li{font-size:1em}#hd .sec-products .hd-img-container{margin-right:-5%}}@media screen and (max-width: 1280px){#hd .sec-products .bg-txt{left:8.5%}#hd .sec-products .bg-txt.txt-advanced{left:9%}#hd .sec-products .tab-container{font-size:1.7em}#hd .sec-products .swiper-button-prev,#hd .sec-products .swiper-button-next{width:44px}#hd .sec-products .swiper-button-prev img,#hd .sec-products .swiper-button-next img{width:80%;margin:0 auto}#hd .sec-products .swiper-button-prev{left:5%}#hd .sec-products .swiper-button-next{right:5%}#hd .sec-products .swiper-slide:before{left:-5%;transform:translate(10%, 0)}#hd .sec-products .swiper-slide:after{width:30px;height:30px;left:-5%}#hd .sec-products .hd-content h3{font-size:2.5em}#hd .sec-products .hd-btn-container{margin-top:30px}#hd .sec-products .hd-img-container{width:50%}}@media screen and (max-width: 1024px){#hd .sec-products{padding:60px 0}#hd .sec-products .swiper-button-prev img,#hd .sec-products .swiper-button-next img{width:50%}#hd .sec-products .hd-content h3{font-size:2.25em}}@media screen and (max-width: 1023px){#hd .sec-products .tab-container li{min-width:12em}#hd .sec-products .hd-content li{font-size:0.875em}}@media screen and (max-width: 768px){#hd .sec-products .bg-txt{font-size:15vw}#hd .sec-products .tab-container{font-size:1.5em}#hd .sec-products .tab-container li{min-width:0}#hd .sec-products .tab-container li:first-child{padding-left:1em}#hd .sec-products .swiper-button-prev{left:0}#hd .sec-products .swiper-button-next{right:0}#hd .sec-products .swiper-slide:after{width:20px;height:20px;margin:10px}#hd .sec-products .hd-content h3{font-size:1.875em}#hd .sec-products .hd-content li{font-size:0.75em}}@media screen and (max-width: 620px){#hd .sec-products .swiper-button-prev,#hd .sec-products .swiper-button-next{top:20%}#hd .sec-products .swiper-slide{height:100%;flex-direction:column-reverse;justify-content:flex-end}#hd .sec-products .swiper-slide:before{width:95%;left:0;transform:translate(0, 40px)}#hd .sec-products .swiper-slide:after{left:0}#hd .sec-products .hd-content{width:90%;padding:10px 5% 20px 0;margin:0 auto;max-width:none}#hd .sec-products .hd-content h3{font-size:1.5em}#hd .sec-products .hd-img-container{width:100%;max-width:400px;padding-right:5%;margin:0 auto}#hd .sec-products .hd-img-container img{width:80%;margin:0 auto}#hd .sec-products .hd-btn-container{margin-top:10px}}@media screen and (max-width: 480px){#hd .sec-products .bg-txt{margin-bottom:-15vw}#hd .sec-products .bg-txt.txt-advanced{margin-bottom:-13vw;font-size:12.5vw}#hd .sec-products .tab-container{font-size:1em}}#hd .sec-alliance{padding:80px 0}#hd .sec-alliance .hd-container>p{max-width:46em;margin:0 auto}#hd .sec-alliance .hd-logo{width:14em;margin:20px auto 0}#hd .sec-alliance .hd-frame{width:85%;border:1px solid rgba(255,255,255,0.6);padding:16px;margin:40px auto 0;position:relative;z-index:2}#hd .sec-alliance .hd-frame:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:black}#hd .sec-alliance .hd-frame.is-animated .deco-stripe{opacity:0.4;transform:translate(0, 0)}#hd .sec-alliance .hd-frame.is-animated .deco-plus{transform:scale(1, 1)}#hd .sec-alliance .hd-frame.is-animated li{animation-delay:0s;animation-duration:.4s;animation-name:fadeInUp;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:both}#hd .sec-alliance .hd-frame.is-animated li:nth-child(1){animation-delay:.5s}#hd .sec-alliance .hd-frame.is-animated li:nth-child(2){animation-delay:.6s}#hd .sec-alliance .hd-frame.is-animated li:nth-child(3){animation-delay:.7s}#hd .sec-alliance .hd-frame.is-animated li:nth-child(4){animation-delay:.8s}#hd .sec-alliance .hd-frame.is-animated li:nth-child(5){animation-delay:.9s}#hd .sec-alliance .hd-frame.is-animated li:nth-child(6){animation-delay:1s}#hd .sec-alliance .hd-logo-container{padding:30px 5% 30px}#hd .sec-alliance .hd-logo-container li{display:flex;align-items:center;justify-content:center;height:0;padding-bottom:15%;position:relative;opacity:0}#hd .sec-alliance .hd-logo-container img{width:88%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;object-fit:contain}#hd .sec-alliance .hd-deco{position:absolute}#hd .sec-alliance .deco-left{width:1%;height:100%;left:5%;top:10%;transform-origin:0 0;transform:scale(0, 1);transition:transform 3s 0.4s ease}#hd .sec-alliance .deco-left.is-animated{transform:scale(1, 1)}#hd .sec-alliance .deco-left img{position:sticky;top:10%}#hd .sec-alliance .deco-plus{width:4%;margin:16px;transform:scale(0, 0);transition:transform 0.25s 0.4s ease}#hd .sec-alliance .plus-top{top:0;left:0}#hd .sec-alliance .plus-bottom{bottom:0;right:0}#hd .sec-alliance .deco-stripe{opacity:0;z-index:-1;transform:translate(-40px, 0)}#hd .sec-alliance .stripe-top{width:25%;top:-8%;right:-10%;transition:opacity 0.4s,transform 0.6s ease}#hd .sec-alliance .stripe-bottom{width:40%;left:-10%;bottom:-13%;transition:opacity 0.4s,transform 0.6s 0.25s ease}@media screen and (max-width: 1440px){#hd .sec-alliance .hd-logo{width:11em}#hd .sec-alliance .hd-frame{margin-top:20px}}@media screen and (max-width: 1024px){#hd .sec-alliance{padding:60px 0}#hd .sec-alliance .deco-left{left:2%;top:5%}#hd .sec-alliance .hd-frame{width:95%}#hd .sec-alliance .stripe-top{right:-8%}#hd .sec-alliance .stripe-bottom{left:-8%}}@media screen and (max-width: 768px){#hd .sec-alliance .hd-logo{width:10em}}@media screen and (max-width: 620px){#hd .sec-alliance{padding:40px 0}#hd .sec-alliance .hd-logo-container{padding:10px}#hd .sec-alliance .hd-logo-container li{width:50%;padding-bottom:25%;margin-bottom:10px}#hd .sec-alliance .hd-logo-container img{width:88%}#hd .sec-alliance .deco-plus{margin:10px}}@media screen and (max-width: 480px){#hd .sec-alliance .deco-plus{width:6%}}#hd .sec-gallery{padding:100px 0 240px}#hd .sec-gallery .swiper-slide{opacity:0.25;transition:opacity 0.4s}#hd .sec-gallery .swiper-slide.swiper-slide-active{opacity:1}#hd .sec-gallery .swiper-nav-container{display:flex;flex-wrap:nowrap;align-items:flex-end;width:40%;margin:0 auto 16px}#hd .sec-gallery .swiper-button-prev,#hd .sec-gallery .swiper-button-next{width:auto;height:auto;font-family:"Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;letter-spacing:.05em;font-weight:300;font-size:1.5em;padding:.5em 0 .25em;margin:0 .5em;color:white;position:relative;top:0;left:0;right:0}#hd .sec-gallery .swiper-button-prev:after,#hd .sec-gallery .swiper-button-next:after{content:'';display:block;width:100%;height:0.25em;border-bottom:1px solid rgba(255,255,255,0.75);position:absolute;bottom:0;left:0;right:0;margin:0;transition:transform 0.25s ease}#hd .sec-gallery .swiper-button-prev{padding-left:1em}#hd .sec-gallery .swiper-button-prev:after{border-left:1px solid rgba(255,255,255,0.75);transform:skew(-45deg, 0deg);margin-left:0.125em}#hd .sec-gallery .swiper-button-prev:hover:after{border-bottom-width:2px;border-bottom-color:white;transform:skewX(-45deg) translateX(-10%)}#hd .sec-gallery .swiper-button-next{padding-right:1em}#hd .sec-gallery .swiper-button-next:after{border-right:1px solid rgba(255,255,255,0.75);transform:skew(45deg, 0deg);margin-left:-0.125em}#hd .sec-gallery .swiper-button-next:hover:after{border-bottom-width:2px;border-bottom-color:white;transform:skewX(45deg) translateX(10%)}#hd .sec-gallery .gallery-container .swiper-slide{opacity:1}#hd .sec-gallery .gallery-container .hd-title-container{width:85%;margin-bottom:40px;margin-top:100px}#hd .sec-gallery .gallery-container .hd-title{width:100%}#hd .sec-gallery .gallery-container .hd-title h2{font-size:3em;letter-spacing:0;margin-bottom:-.45em}#hd .sec-gallery .gallery-container .hd-title .hd-line{display:block;margin-top:auto;width:40%;height:1px;background:white;margin:0 20px;opacity:0.75}#hd .sec-gallery .gallery-container .hd-title img{width:1.2em;margin-right:10px;transform:rotate(90deg);margin-bottom:-2px}#hd .sec-gallery .gallery-container .swiper-wrapper{transition-timing-function:linear !important}#hd .sec-gallery .gallery-container .swiper-nav-container{width:auto;display:flex;flex-wrap:nowrap;flex-shrink:0;align-self:center;margin:0}#hd .sec-gallery .gallery-container .swiper-button-prev,#hd .sec-gallery .gallery-container .swiper-button-next{width:44px;height:44px;border:2px solid white;border-radius:30px;margin:0 4px;position:relative;top:0;left:0;right:0}#hd .sec-gallery .gallery-container .swiper-button-prev:after,#hd .sec-gallery .gallery-container .swiper-button-next:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:url(../img/triple-arrow.svg) center no-repeat;background-size:60%}#hd .sec-gallery .gallery-container .swiper-button-prev:hover,#hd .sec-gallery .gallery-container .swiper-button-prev:focus-visible,#hd .sec-gallery .gallery-container .swiper-button-next:hover,#hd .sec-gallery .gallery-container .swiper-button-next:focus-visible{background:rgba(0,0,0,0.4)}#hd .sec-gallery .gallery-container .swiper-button-prev:after{transform:scale(-1, 1)}#hd .sec-gallery .gallery-container .swiper-slide img{transform:translate3d(0, 0, 0);margin-bottom:-1px}@media screen and (max-width: 1280px){#hd .sec-gallery{padding-bottom:180px}}@media screen and (max-width: 1024px){#hd .sec-gallery .gallery-container .hd-title h2{font-size:2.5em}#hd .sec-gallery .gallery-container .hd-title-container{margin-bottom:20px}}@media screen and (max-width: 1023px){#hd .sec-gallery .swiper-nav-container{width:calc(60% - 10px)}}@media screen and (max-width: 768px){#hd .sec-gallery .swiper-nav-container{width:calc(85% - 4px)}#hd .sec-gallery .gallery-container .hd-title .hd-line{display:none}#hd .sec-gallery .gallery-container .hd-title h2{margin-right:0.5em}#hd .sec-gallery .gallery-container .swiper-button-prev,#hd .sec-gallery .gallery-container .swiper-button-next{width:44px;height:44px}}@media screen and (max-width: 620px){#hd .sec-gallery{padding:40px 0 80px}}@media screen and (max-width: 480px){#hd .sec-gallery .swiper-nav-container{display:none}#hd .sec-gallery .swiper-button-prev,#hd .sec-gallery .swiper-button-next{font-size:1.25em}#hd .sec-gallery .gallery-container .hd-title h2{font-size:1.5em}#hd .sec-gallery .gallery-container .hd-title img{display:none}#hd .sec-gallery .gallery-container .swiper-nav-container{display:none}}html[dir=rtl] #hd .promotionBanner.corner{left:32px;right:initial}html[dir=rtl] #hd .promotionBanner.corner .PB_close{left:16px;right:initial}#hd .promotionBanner.corner{position:fixed;right:32px;bottom:32px;width:320px;background-color:white;border:1px solid rgba(255,255,255,0.25);-webkit-box-shadow:0px 4px 16px rgba(4,155,254,0.25);box-shadow:0px 4px 16px rgba(4,155,254,0.25);-webkit-box-sizing:border-box;box-sizing:border-box;padding:32px 28px 28px;z-index:11800}#hd .promotionBanner.corner h2,#hd .promotionBanner.corner p{color:#111111 !important}#hd .promotionBanner.corner *{-webkit-box-sizing:border-box;box-sizing:border-box}#hd .promotionBanner.corner .PB_close{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDFMMSAxM00xIDFMMTMgMTMiIHN0cm9rZT0iIzY2NjY2NiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=") no-repeat center;width:12px;height:12px;display:inline-block;position:absolute;right:16px;top:16px;cursor:pointer;border:0}#hd .promotionBanner.corner .PB_close:hover,#hd .promotionBanner.corner .PB_close:focus-visible{filter:brightness(50%)}#hd .promotionBanner.corner .PB_title{margin:8px 0;font-weight:500;font-size:20px;line-height:125%;color:#181818;font-family:"TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}#hd .promotionBanner.corner .PB_depiction{font-weight:600;font-size:16px;line-height:130%;font-family:"Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}#hd .promotionBanner.corner .PB_depiction strong.txt-larger{font-size:1.5em}#hd .promotionBanner.corner .PB_picture{display:block;margin:16px 0 0}#hd .promotionBanner.corner .PB_picture iframe,#hd .promotionBanner.corner .PB_picture img{width:100%;aspect-ratio:1/.888;display:block;border:0}#hd .promotionBanner.corner .PB_link{margin:16px 0 0;font-size:16px;background:#2871fa;text-align:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:6px 16px;color:#fff;font-family:"Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;line-height:130%;font-weight:500;height:32px;outline:none;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap}#hd .promotionBanner.corner .PB_link:focus,#hd .promotionBanner.corner .PB_link:hover{background:rgba(40,113,250,0.75)}@media screen and (max-width: 1279px){#hd .promotionBanner.corner{right:20px;bottom:20px}}@media screen and (min-width: 568px) and (max-width: 730px){#hd .promotionBanner.corner{right:0;bottom:0;width:100%;border-radius:0;padding:40px 0 32px}#hd .promotionBanner.corner .PB_body{width:512px;margin:0 auto;display:-ms-grid;display:grid;-ms-grid-columns:216px 16px 1fr;grid-template-columns:216px 1fr;grid-gap:16px}#hd .promotionBanner.corner .PB_content{-ms-grid-column:2;grid-column-start:2;-ms-grid-row:1;grid-row-start:1}#hd .promotionBanner.corner .PB_picture{-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1;-ms-grid-row-span:2;grid-row-end:3}#hd .promotionBanner.corner .PB_title{margin:0 0 8px 0;font-size:18px}#hd .promotionBanner.corner .PB_depiction{font-size:14px;line-height:135%}#hd .promotionBanner.corner .PB_picture{margin:0}#hd .promotionBanner.corner .PB_picture img{max-width:216px}#hd .promotionBanner.corner .PB_link{margin:0;-ms-grid-column:2;grid-column-start:2;-ms-grid-row:2;grid-row-start:2}#hd .promotionBanner.corner .PB_notPicture .PB_content,#hd .promotionBanner.corner .PB_notPicture .PB_link{-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:2;grid-column-end:3}}@media screen and (max-width: 567px){#hd .promotionBanner.corner{right:0;bottom:0;width:100%;border-radius:0;padding:40px 28px 32px}#hd .promotionBanner.corner .PB_title{font-size:18px}#hd .promotionBanner.corner .PB_depiction{font-size:14px;line-height:135%}#hd .promotionBanner.corner .PB_picture img{max-width:unset}}#hd #pageContent-btn-cta{display:flex;flex-direction:column;position:fixed;margin:40px;bottom:0;right:0;overflow:hidden;z-index:5}#hd #pageContent-btn-cta span{display:block;font-size:0.9em;background:rgba(0,0,0,0.5);padding:2px;margin-bottom:10px;text-shadow:0 0 3px black, 0 0 5px black;text-align:center}#hd #pageContent-btn-cta .hd-pd{width:12em;margin-bottom:0.5em;position:relative;z-index:2}#hd #pageContent-btn-cta .hd-deco{width:8em;position:absolute;top:50%;left:0;opacity:0;transform:translate(80px, 0);transition:opacity 0.25s 0.25s,transform 0.8s 0.25s}#hd #pageContent-btn-cta a{display:block;font-family:"TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:1.25em;text-align:center;padding:.5em .75em .15em;color:white;border:1px solid white;z-index:2;opacity:0;transition:opacity 0.25s 0.25s,transform 0.6s 0.25s,background 0.25s}#hd #pageContent-btn-cta .btn-join{background:#2871fa;margin-left:auto;transform:translate(-10px, 0)}#hd #pageContent-btn-cta .btn-wtb{background:#049bfe;margin-right:1.125em;transform:translate(10px, 0)}#hd #pageContent-btn-cta.is-animated .hd-deco{opacity:0.5;transform:translate(0, 0)}#hd #pageContent-btn-cta.is-animated .btn-join,#hd #pageContent-btn-cta.is-animated .btn-wtb{opacity:1;transform:translate(0, 0)}#hd #pageContent-btn-cta:hover .hd-deco,#hd #pageContent-btn-cta:focus-within .hd-deco{transform:translate(20px, 0)}#hd #pageContent-btn-cta:hover .btn-join,#hd #pageContent-btn-cta:hover .btn-wtb,#hd #pageContent-btn-cta:focus-within .btn-join,#hd #pageContent-btn-cta:focus-within .btn-wtb{background:black}#hd #pageContent-btn-cta:hover .btn-join:hover,#hd #pageContent-btn-cta:hover .btn-join:focus-visible,#hd #pageContent-btn-cta:focus-within .btn-join:hover,#hd #pageContent-btn-cta:focus-within .btn-join:focus-visible{background:#2871fa}#hd #pageContent-btn-cta:hover .btn-wtb:hover,#hd #pageContent-btn-cta:hover .btn-wtb:focus-visible,#hd #pageContent-btn-cta:focus-within .btn-wtb:hover,#hd #pageContent-btn-cta:focus-within .btn-wtb:focus-visible{background:#049bfe}@media screen and (max-width: 1600px){#hd #pageContent-btn-cta{margin:20px}#hd #pageContent-btn-cta a{font-size:1.125em}}@media screen and (max-width: 768px){#hd #pageContent-btn-cta{margin:20px}#hd #pageContent-btn-cta a{font-size:1em;padding:.9em .75em .6em}}#hd .sec-media{padding:100px 0;position:relative;overflow:hidden}#hd .sec-media .hd-bg{width:100%;position:absolute;top:0;left:0;pointer-events:none;user-select:none}#hd .sec-media h2{margin-bottom:0.5em}#hd .sec-media ul{position:relative;z-index:2}#hd .sec-media ul:before,#hd .sec-media ul:after{content:'';display:block;width:18%;height:0;padding-bottom:5%;opacity:0;z-index:-1;transform:translate(-40px, 0);position:absolute;background:url(../img/deco-stripe.png) 0 0 no-repeat;background-size:contain}#hd .sec-media ul:before{top:0;right:-8%;margin-top:-1.5%;transition:opacity 0.4s,transform 0.6s ease}#hd .sec-media ul:after{bottom:0;left:-4%;margin-bottom:-1.5%;transition:opacity 0.4s,transform 0.6s 0.25s ease}#hd .sec-media ul.is-animated:before,#hd .sec-media ul.is-animated:after{opacity:0.25;transform:translate(0, 0)}#hd .sec-media li{width:33.3333%;padding:20px 16px}#hd .sec-media .media-item{height:100%;display:flex;flex-direction:column;background:black;border:1px solid rgba(255,255,255,0.75);position:relative}#hd .sec-media .media-item:before,#hd .sec-media .media-item:after{content:'';display:block;width:36px;height:36px;background:url(../img/deco-corner-right.svg) center top no-repeat;background-size:contain;position:absolute;margin:-5px;z-index:2}#hd .sec-media .media-item:before{top:0;right:0}#hd .sec-media .media-item:after{bottom:0;left:0;background-image:url(../img/deco-corner-left.svg)}#hd .sec-media .media-item figure{display:block;position:relative;overflow:hidden;position:relative}#hd .sec-media .media-item figure .hd-tag{font-size:1rem;font-weight:bold;padding:0 1.5em 0 .5em;background:#049bfe;color:white;position:absolute;top:0;left:0;clip-path:polygon(0 0, 100% 0, calc(100% - 1em) 100%, 0% 100%);z-index:2}#hd .sec-media .media-item picture{display:block;transition:transform 0.8s ease}#hd .sec-media .media-item img{width:100%}#hd .sec-media .media-item .hd-play{width:70px;max-width:20% !important;min-width:15%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;z-index:2;pointer-events:none}#hd .sec-media .media-item h3{font-size:1.125em;letter-spacing:0;padding:.75em 10px .75em 36px;margin-bottom:auto;text-align:left}#hd .sec-media .media-item:hover picture,#hd .sec-media .media-item:focus-visible picture{transform:scale(1.05, 1.05)}@media screen and (max-width: 1280px){#hd .sec-media li{padding:12px 8px}}@media screen and (max-width: 1024px){#hd .sec-media{padding:80px 0}#hd .sec-media li{padding:10px 4px}}@media screen and (max-width: 768px){#hd .sec-media li{width:50%;margin-bottom:10px}#hd .sec-media .media-item h3{font-size:1em;padding-left:28px}}@media screen and (max-width: 620px){#hd .sec-media{padding:60px 0}#hd .sec-media ul{width:calc(100% + 20px);margin-left:-10px;margin-right:-10px}#hd .sec-media li{width:50%}#hd .sec-media .media-item:before,#hd .sec-media .media-item:after{display:none}#hd .sec-media .media-item h3{padding:.75em 10px}}@media screen and (max-width: 480px){#hd .sec-media .hd-title-container{font-size:0.75em}#hd .sec-media li{width:100%;margin-bottom:4px}#hd .sec-media .media-item h3{font-size:.875em}}#hd .sec-article{padding:100px 0;position:relative;overflow:hidden}#hd .sec-article .hd-bg{width:100%;position:absolute;top:0;left:0;pointer-events:none;user-select:none}#hd .sec-article h2{margin-bottom:0.5em}#hd .sec-article .main-video .cover-container{width:100%;height:0;padding-bottom:56.25%}#hd .sec-article .main-video .cover-container:hover .icon-play,#hd .sec-article .main-video .cover-container:focus-visible .icon-play{background:#049bfe;border-color:#049bfe;opacity:1;transform:scale(1.25, 1.25)}#hd .sec-article .main-video .cover-container.is-playing img{opacity:0;pointer-events:none}#hd .sec-article .main-video .cover-container.is-playing iframe{opacity:1}#hd .sec-article .main-video .cover-container.is-playing .icon-play{opacity:0}#hd .sec-article .main-video img,#hd .sec-article .main-video iframe{display:block;width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;transition:opacity 0.25s ease}#hd .sec-article .main-video iframe{opacity:0}#hd .sec-article .main-video img{z-index:2;object-fit:contain}#hd .sec-article .main-video .icon-play{z-index:2;pointer-events:none}#hd .sec-article .hd-container.hd-w1200{margin-bottom:40px}#hd .sec-article .list-vid{margin-left:-1em;margin-right:-1em;text-align:center}#hd .sec-article .list-vid.collapse li:nth-child(n+7){display:none}#hd .sec-article .list-vid li{padding:0 1em;margin-bottom:2em}#hd .sec-article .list-vid li.hd-col50 .icon-play{width:80px;height:80px}#hd .sec-article .list-vid li.hd-col50 .icon-play:before{border-width:18px 0 18px 26px}#hd .sec-article .list-vid h3{padding:.75em 0 0}#hd .sec-article .cover-container .icon-play{background:none;border:1px solid white;opacity:1}#hd .sec-article figure{position:relative}#hd .sec-article figure .hd-tag{font-size:1rem;font-weight:bold;padding:0 1.5em 0 .5em;background:#049bfe;color:white;position:absolute;top:0;left:0;clip-path:polygon(0 0, 100% 0, calc(100% - 1em) 100%, 0% 100%);z-index:2}#hd .sec-article .hd-txt{width:100%;height:100%;background-color:#049bfe;background-image:-moz-linear-gradient(180deg, #049bfe,#000);background-image:-webkit-linear-gradient(180deg, #049bfe,#000);background-image:linear-gradient(180deg, #049bfe,#000);position:absolute;top:0;left:0}#hd .sec-article .hd-txt img{width:100%}#hd .sec-article .hd-txt p{font-size:2vw;font-style:italic;color:#a4a4a4;opacity:.7;display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;top:0;left:0}@media screen and (max-width: 1024px){#hd .sec-article .list-vid{margin-left:-.5em;margin-right:-.5em}#hd .sec-article .list-vid li{padding:0 .5em}}@media screen and (max-width: 768px){#hd .sec-article .list-vid li{padding:0 .25em}#hd .sec-article .hd-txt p{font-size:2.5vw}}@media screen and (max-width: 480px){#hd .sec-article{padding:2em 0}#hd .sec-article .list-vid li{width:50%;margin-bottom:1em}#hd .sec-article .list-vid li.hd-col50{width:100%}#hd .sec-article .list-vid h3{font-size:.9em}}
/*# sourceMappingURL=hd-style.css.map */