@import url(../lib/swiper/swiper-bundle.min.css);@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap");.ProductTabBar__productTabBarContainer__1e5nP,.overviewSimpleContent,.overviewAwardsContent,.ProductRecommenedRelated__productRecommendRelatedContainer__3Akgf,.ProductFooter__productFooterContainer__Z6Bel.ProductFooter__productBackgroundBlack__24n1I,.Footer__footerContent__22G1u{position:relative;z-index:2}.ProductTabBar__productTabBarContainer__1e5nP{position:relative;z-index:3}.Product__onFixed__119Rh{display:none}.ProductTabBar__productTabBarContainer__1e5nP.ProductTabBar__isFixed__3fX1Q{position:relative}.width-line-gray{background:none}body.no-scroll{overflow:hidden !important}#hd{clip-path:inset(0);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:white}#hd * ::-moz-selection{background:#1d2124;color:white}#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{background:none;border:none;border-radius:0;box-shadow:none;-webkit-appearance:none;appearance:none}#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 #D12F7B;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 colorrun{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(359deg)}}@keyframes colorrun{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(359deg)}}@-webkit-keyframes breathing{50%{opacity:1}}@keyframes breathing{50%{opacity:1}}@-webkit-keyframes float-txt{0%{-webkit-transform:translate(0, 100%);-ms-transform:translate(0, 100%);transform:translate(0, 100%)}5%,
  75%{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}80%,
  100%{-webkit-transform:translate(0, -100%);-ms-transform:translate(0, -100%);transform:translate(0, -100%)}}@keyframes float-txt{0%{-webkit-transform:translate(0, 100%);-ms-transform:translate(0, 100%);transform:translate(0, 100%)}5%,
  75%{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}80%,
  100%{-webkit-transform:translate(0, -100%);-ms-transform:translate(0, -100%);transform:translate(0, -100%)}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}#hd .fadeIn{-webkit-animation-delay:0s;-webkit-animation-duration:.25s;-webkit-animation-name:fadeIn;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;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;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes hamburger{0%{opacity:0;-webkit-transform:scale(1.5, 1);-ms-transform:scale(1.5, 1);transform:scale(1.5, 1)}100%{opacity:1;-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)}}@keyframes hamburger{0%{opacity:0;-webkit-transform:scale(1.5, 1);-ms-transform:scale(1.5, 1);transform:scale(1.5, 1)}100%{opacity:1;-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)}}@-webkit-keyframes zoomOut{0%{-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)}100%{-webkit-transform:scale(30, 20) translate(-12%, 5%);-ms-transform:scale(30, 20) translate(-12%, 5%);transform:scale(30, 20) translate(-12%, 5%);opacity:0}}@keyframes zoomOut{0%{-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)}100%{-webkit-transform:scale(30, 20) translate(-12%, 5%);-ms-transform:scale(30, 20) translate(-12%, 5%);transform:scale(30, 20) translate(-12%, 5%);opacity:0}}@-webkit-keyframes zoomIn{0%{-webkit-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2)}100%{-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)}}@keyframes zoomIn{0%{-webkit-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2)}100%{-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)}}@-webkit-keyframes kvSlash{0%{-webkit-transform:skewX(-45deg) translate(100%, -100%);-ms-transform:skewX(-45deg) translate(100%, -100%);transform:skewX(-45deg) translate(100%, -100%)}100%{-webkit-transform:skewX(-45deg) translate(-170%, 200%);-ms-transform:skewX(-45deg) translate(-170%, 200%);transform:skewX(-45deg) translate(-170%, 200%)}}@keyframes kvSlash{0%{-webkit-transform:skewX(-45deg) translate(100%, -100%);-ms-transform:skewX(-45deg) translate(100%, -100%);transform:skewX(-45deg) translate(100%, -100%)}100%{-webkit-transform:skewX(-45deg) translate(-170%, 200%);-ms-transform:skewX(-45deg) translate(-170%, 200%);transform:skewX(-45deg) translate(-170%, 200%)}}@-webkit-keyframes hamburgerGlitch{0%,
  to{clip-path:polygon(0% 0%, 0 55%, 100% 55%, 100% 55%, 0 55%, 0 100%, 100% 100%, 100% 0%)}2.5%{-webkit-transform:translate(-2px, 0);-ms-transform:translate(-2px, 0);transform:translate(-2px, 0);clip-path:polygon(0% 0%, 0 65%, 100% 65%, 100% 80%, 0 80%, 0 100%, 100% 100%, 100% 0%)}1%,
  5%{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);clip-path:polygon(0% 0%, 0 55%, 100% 55%, 100% 55%, 0 55%, 0 100%, 100% 100%, 100% 0%)}10%{-webkit-transform:translate(1px, 0);-ms-transform:translate(1px, 0);transform:translate(1px, 0);clip-path:polygon(0% 0%, 0 65%, 100% 65%, 100% 80%, 0 80%, 0 100%, 100% 100%, 100% 0%)}8%,
  12%{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);clip-path:polygon(0% 0%, 0 55%, 100% 55%, 100% 55%, 0 55%, 0 100%, 100% 100%, 100% 0%)}18%{-webkit-transform:translate(2px, 0);-ms-transform:translate(2px, 0);transform:translate(2px, 0);clip-path:polygon(0% 0%, 0 30%, 100% 30%, 100% 45%, 0 45%, 0 100%, 100% 100%, 100% 0%)}20%,
  22%{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);clip-path:polygon(0% 0%, 0 55%, 100% 55%, 100% 55%, 0 55%, 0 100%, 100% 100%, 100% 0%)}22.5%{-webkit-transform:translate(4px, 0);-ms-transform:translate(4px, 0);transform:translate(4px, 0);clip-path:polygon(0% 0%, 0 30%, 100% 30%, 100% 30%, 0 30%, 0 100%, 100% 100%, 100% 0%)}21%,
  25%{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);clip-path:polygon(0% 0%, 0 30%, 100% 30%, 100% 45%, 0 45%, 0 100%, 100% 100%, 100% 0%)}26%{-webkit-transform:translate(-1px, 0);-ms-transform:translate(-1px, 0);transform:translate(-1px, 0);clip-path:polygon(0% 0%, 0 65%, 100% 65%, 100% 80%, 0 80%, 0 100%, 100% 100%, 100% 0%)}27%,
  29%{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);clip-path:polygon(0% 0%, 0 55%, 100% 55%, 100% 55%, 0 55%, 0 100%, 100% 100%, 100% 0%)}}@keyframes hamburgerGlitch{0%,
  to{clip-path:polygon(0% 0%, 0 55%, 100% 55%, 100% 55%, 0 55%, 0 100%, 100% 100%, 100% 0%)}2.5%{-webkit-transform:translate(-2px, 0);-ms-transform:translate(-2px, 0);transform:translate(-2px, 0);clip-path:polygon(0% 0%, 0 65%, 100% 65%, 100% 80%, 0 80%, 0 100%, 100% 100%, 100% 0%)}1%,
  5%{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);clip-path:polygon(0% 0%, 0 55%, 100% 55%, 100% 55%, 0 55%, 0 100%, 100% 100%, 100% 0%)}10%{-webkit-transform:translate(1px, 0);-ms-transform:translate(1px, 0);transform:translate(1px, 0);clip-path:polygon(0% 0%, 0 65%, 100% 65%, 100% 80%, 0 80%, 0 100%, 100% 100%, 100% 0%)}8%,
  12%{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);clip-path:polygon(0% 0%, 0 55%, 100% 55%, 100% 55%, 0 55%, 0 100%, 100% 100%, 100% 0%)}18%{-webkit-transform:translate(2px, 0);-ms-transform:translate(2px, 0);transform:translate(2px, 0);clip-path:polygon(0% 0%, 0 30%, 100% 30%, 100% 45%, 0 45%, 0 100%, 100% 100%, 100% 0%)}20%,
  22%{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);clip-path:polygon(0% 0%, 0 55%, 100% 55%, 100% 55%, 0 55%, 0 100%, 100% 100%, 100% 0%)}22.5%{-webkit-transform:translate(4px, 0);-ms-transform:translate(4px, 0);transform:translate(4px, 0);clip-path:polygon(0% 0%, 0 30%, 100% 30%, 100% 30%, 0 30%, 0 100%, 100% 100%, 100% 0%)}21%,
  25%{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);clip-path:polygon(0% 0%, 0 30%, 100% 30%, 100% 45%, 0 45%, 0 100%, 100% 100%, 100% 0%)}26%{-webkit-transform:translate(-1px, 0);-ms-transform:translate(-1px, 0);transform:translate(-1px, 0);clip-path:polygon(0% 0%, 0 65%, 100% 65%, 100% 80%, 0 80%, 0 100%, 100% 100%, 100% 0%)}27%,
  29%{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);clip-path:polygon(0% 0%, 0 55%, 100% 55%, 100% 55%, 0 55%, 0 100%, 100% 100%, 100% 0%)}}@-webkit-keyframes rogColorGlitch{0%, 19.9%{fill:#D12F7B}20%, 31.9%{fill:#0037FF}32%, 34.9%{fill:white}35%, 100%{fill:#D12F7B}}@keyframes rogColorGlitch{0%, 19.9%{fill:#D12F7B}20%, 31.9%{fill:#0037FF}32%, 34.9%{fill:white}35%, 100%{fill:#D12F7B}}@-webkit-keyframes glitch-anim-1-horizontal{0%{clip-path:polygon(0 1%, 100% 1%, 100% 3%, 0 3%)}5%{clip-path:polygon(0 10%, 100% 10%, 100% 9%, 0 9%)}10%{clip-path:polygon(0 5%, 100% 5%, 100% 6%, 0 6%)}25%{clip-path:polygon(0 20%, 100% 20%, 100% 20%, 0 20%)}27%{clip-path:polygon(0 10%, 100% 10%, 100% 10%, 0 10%)}30%{clip-path:polygon(0 30%, 100% 30%, 100% 25%, 0 25%)}33%{clip-path:polygon(0 15%, 100% 15%, 100% 16%, 0 16%)}37%{clip-path:polygon(0 40%, 100% 40%, 100% 39%, 0 39%)}40%{clip-path:polygon(0 20%, 100% 20%, 100% 21%, 0 21%)}45%{clip-path:polygon(0 60%, 100% 60%, 100% 55%, 0 55%)}50%{clip-path:polygon(0 30%, 100% 30%, 100% 31%, 0 31%)}53%{clip-path:polygon(0 70%, 100% 70%, 100% 69%, 0 69%)}57%{clip-path:polygon(0 40%, 100% 40%, 100% 41%, 0 41%)}60%{clip-path:polygon(0 80%, 100% 80%, 100% 75%, 0 75%)}65%{clip-path:polygon(0 50%, 100% 50%, 100% 51%, 0 51%)}70%{clip-path:polygon(0 90%, 100% 90%, 100% 90%, 0 90%)}73%{clip-path:polygon(0 60%, 100% 60%, 100% 60%, 0 60%)}80%{clip-path:polygon(0 100%, 100% 100%, 100% 99%, 0 99%)}100%{clip-path:polygon(0 70%, 100% 70%, 100% 71%, 0 71%)}}@keyframes glitch-anim-1-horizontal{0%{clip-path:polygon(0 1%, 100% 1%, 100% 3%, 0 3%)}5%{clip-path:polygon(0 10%, 100% 10%, 100% 9%, 0 9%)}10%{clip-path:polygon(0 5%, 100% 5%, 100% 6%, 0 6%)}25%{clip-path:polygon(0 20%, 100% 20%, 100% 20%, 0 20%)}27%{clip-path:polygon(0 10%, 100% 10%, 100% 10%, 0 10%)}30%{clip-path:polygon(0 30%, 100% 30%, 100% 25%, 0 25%)}33%{clip-path:polygon(0 15%, 100% 15%, 100% 16%, 0 16%)}37%{clip-path:polygon(0 40%, 100% 40%, 100% 39%, 0 39%)}40%{clip-path:polygon(0 20%, 100% 20%, 100% 21%, 0 21%)}45%{clip-path:polygon(0 60%, 100% 60%, 100% 55%, 0 55%)}50%{clip-path:polygon(0 30%, 100% 30%, 100% 31%, 0 31%)}53%{clip-path:polygon(0 70%, 100% 70%, 100% 69%, 0 69%)}57%{clip-path:polygon(0 40%, 100% 40%, 100% 41%, 0 41%)}60%{clip-path:polygon(0 80%, 100% 80%, 100% 75%, 0 75%)}65%{clip-path:polygon(0 50%, 100% 50%, 100% 51%, 0 51%)}70%{clip-path:polygon(0 90%, 100% 90%, 100% 90%, 0 90%)}73%{clip-path:polygon(0 60%, 100% 60%, 100% 60%, 0 60%)}80%{clip-path:polygon(0 100%, 100% 100%, 100% 99%, 0 99%)}100%{clip-path:polygon(0 70%, 100% 70%, 100% 71%, 0 71%)}}@-webkit-keyframes glitch-anim-2-horizontal{0%{-webkit-transform:translate(1%, 0);-ms-transform:translate(1%, 0);transform:translate(1%, 0);clip-path:polygon(0 25%, 100% 25%, 100% 30%, 0 30%)}15%{clip-path:polygon(0 3%, 100% 3%, 100% 3%, 0 3%)}22%{clip-path:polygon(0 5%, 100% 5%, 100% 20%, 0 20%)}31%{-webkit-transform:translate(-2%, 0);-ms-transform:translate(-2%, 0);transform:translate(-2%, 0);clip-path:polygon(0 20%, 100% 20%, 100% 20%, 0 20%)}45%{clip-path:polygon(0 40%, 100% 40%, 100% 40%, 0 40%)}51%{clip-path:polygon(0 55%, 100% 55%, 100% 59%, 0 59%)}63%{-webkit-transform:translate(3%, 0);-ms-transform:translate(3%, 0);transform:translate(3%, 0);clip-path:polygon(0 60%, 100% 60%, 100% 60%, 0 60%)}76%{-webkit-transform:translate(-2%, 0);-ms-transform:translate(-2%, 0);transform:translate(-2%, 0);clip-path:polygon(0 75%, 100% 75%, 100% 75%, 0 75%)}81%{clip-path:polygon(0 65%, 100% 65%, 100% 40%, 0 40%)}94%{-webkit-transform:translate(-3%, 0);-ms-transform:translate(-3%, 0);transform:translate(-3%, 0);clip-path:polygon(0 45%, 100% 45%, 100% 50%, 0 50%)}100%{-webkit-transform:translate(1%, 0);-ms-transform:translate(1%, 0);transform:translate(1%, 0);clip-path:polygon(0 14%, 100% 14%, 100% 33%, 0 33%)}}@keyframes glitch-anim-2-horizontal{0%{-webkit-transform:translate(1%, 0);-ms-transform:translate(1%, 0);transform:translate(1%, 0);clip-path:polygon(0 25%, 100% 25%, 100% 30%, 0 30%)}15%{clip-path:polygon(0 3%, 100% 3%, 100% 3%, 0 3%)}22%{clip-path:polygon(0 5%, 100% 5%, 100% 20%, 0 20%)}31%{-webkit-transform:translate(-2%, 0);-ms-transform:translate(-2%, 0);transform:translate(-2%, 0);clip-path:polygon(0 20%, 100% 20%, 100% 20%, 0 20%)}45%{clip-path:polygon(0 40%, 100% 40%, 100% 40%, 0 40%)}51%{clip-path:polygon(0 55%, 100% 55%, 100% 59%, 0 59%)}63%{-webkit-transform:translate(3%, 0);-ms-transform:translate(3%, 0);transform:translate(3%, 0);clip-path:polygon(0 60%, 100% 60%, 100% 60%, 0 60%)}76%{-webkit-transform:translate(-2%, 0);-ms-transform:translate(-2%, 0);transform:translate(-2%, 0);clip-path:polygon(0 75%, 100% 75%, 100% 75%, 0 75%)}81%{clip-path:polygon(0 65%, 100% 65%, 100% 40%, 0 40%)}94%{-webkit-transform:translate(-3%, 0);-ms-transform:translate(-3%, 0);transform:translate(-3%, 0);clip-path:polygon(0 45%, 100% 45%, 100% 50%, 0 50%)}100%{-webkit-transform:translate(1%, 0);-ms-transform:translate(1%, 0);transform:translate(1%, 0);clip-path:polygon(0 14%, 100% 14%, 100% 33%, 0 33%)}}@-webkit-keyframes infinityScroll1{100%{transform:translateX(-103%)}}@keyframes infinityScroll1{100%{transform:translateX(-103%)}}@media screen and (max-width: 768px){@-webkit-keyframes infinityScroll1_768{100%{transform:translateX(-164%)}}@keyframes infinityScroll1_768{100%{transform:translateX(-164%)}}}@media screen and (max-width: 480px){@-webkit-keyframes infinityScroll1_480{100%{transform:translateX(-244%)}}@keyframes infinityScroll1_480{100%{transform:translateX(-244%)}}}@font-face{font-family:'ROGFonts';src:url("../fonts/ROGFonts-Regular.otf") format("embedded-opentype"),url("../fonts/ROGFonts-Regular.ttf") format("opentype"),url("../fonts/ROGFonts-Regular.woff"),url("../fonts/ROGFonts-Regular.woff2");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'TradeGothicLTPro';src:url("../fonts/TradeGothicLTPro-Bold.ttf") format("opentype");font-weight:600;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{font-family:"ROGFonts","TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:3.875em;letter-spacing:0;line-height:1.125;color:#ffffff !important;word-break:normal;word-wrap:normal;margin-bottom:.13em}#hd h2.color-primary{color:#0037FF !important}#hd h2+h3{font-size:1.75em}#hd h3,#hd .h3{font-family:"ROGFonts","TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:2.125em;color:#ffffff !important;letter-spacing:.018em;line-height:1.25;margin-bottom:.25em}#hd h4{font-family:"TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:2.875em;font-weight:bold;letter-spacing:0;line-height:1.2;margin-bottom:0}#hd h5{font-family:"TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:1em;letter-spacing:.08em;font-weight:400;line-height:1.25}#hd h6{font-family:"TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:14px;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:1em;line-height:1.7;letter-spacing:.02em;font-weight:400}#hd b{font-weight:bold}#hd small{font-size:14px;font-weight:400;letter-spacing:0.5px}#hd .align-center{text-align:center}#hd .align-left{text-align:left}#hd .align-italic{font-style:italic}#hd a.txt-link{display:inline-block;text-decoration:underline;font-weight:400;margin-top:.5em}#hd a.txt-link:hover{color:white}#hd .color-primary{color:#0037FF}#hd .color-secondary{color:#D12F7B}#hd .color-grey{color:#c8c8c8 !important}#hd .color-gradient{color:#0037FF !important;background-color:#0037FF;background-image:-moz-linear-gradient(90deg, #0037FF,#D12F7B);background-image:-webkit-linear-gradient(90deg, #0037FF,#D12F7B);background-image:linear-gradient(90deg, #0037FF,#D12F7B);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#hd .font-rog{font-family:"ROGFonts","TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif}#hd .hd-uppercase{text-transform:uppercase}_:-ms-fullscreen,:root #hd .color-gradient{background:transparent !important}@media screen and (min-width: 3000px){#hd{font-size:28px}}@media screen and (min-width: 2560px){#hd{font-size:20px}}@media screen and (max-width: 1440px){#hd h2{font-size:3.25em}#hd h2+h3{font-size:1.5em}#hd h3,#hd .h3{font-size:1.75em}}@media (min-width: 1241px) and (max-width: 1590px) and (-webkit-min-device-pixel-ratio: 1.25){#hd h2{font-size:3.125em}}@media screen and (max-width: 1280px){#hd h2{font-size:2.75em}#hd h2+h3{font-size:1.25em}#hd h3,#hd .h3{font-size:1.5em}}@media screen and (max-width: 1024px){#hd h2{font-size:2.5em}}@media screen and (max-width: 768px){#hd h2{margin-bottom:.5em}#hd p{line-height:1.5}}@media screen and (max-width: 480px){#hd h2{font-size:1.75em;line-height:1}#hd h2+h3{font-size:1.125em}#hd h3,#hd .h3{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-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:1200px}#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:1400px}#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;font-family:"ROGFonts","TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:1.25em;letter-spacing:.026em;padding:.25em .5em .5em;margin:.5em 0;box-shadow:0 0 0 1px white inset;color:white;background:transparent;position:relative;overflow:hidden;transition:transform 0.8s 3s ease;-webkit-transform:translate(0, 200%);-ms-transform:translate(0, 200%);transform:translate(0, 200%)}#hd .hd-btn:after{content:attr(title);display:block;padding:inherit;background:#0037FF;background-color:#0037FF;background-image:-moz-linear-gradient(125deg, #0037FF 25%,#D12F7B 75%);background-image:-webkit-linear-gradient(125deg, #0037FF 25%,#D12F7B 75%);background-image:linear-gradient(125deg, #0037FF 25%,#D12F7B 75%);font:inherit;color:white;position:absolute;top:0;left:0;clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%);box-shadow:0 0 0 2px #0037FF;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);transition:clip-path 0.25s ease}#hd .hd-btn:hover:after{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}#hd .trigger-motionReduced{width:80px;height:80px;background:none;border:none;box-shadow:none;position:absolute;right:18px;bottom:130px;transition:all 0.3s ease-out;z-index:5;pointer-events:all;cursor:pointer;position:fixed}#hd .trigger-motionReduced svg{width:100%;height:100%}#hd .trigger-motionReduced img{width:30%;height:30%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}#hd .trigger-motionReduced .play{display:none}#hd .trigger-motionReduced.hd-active .play{display:block}#hd .trigger-motionReduced.hd-active .pause{display:none}body.is-reduced-motion #hd .trigger-motionReduced .play{display:block}body.is-reduced-motion #hd .trigger-motionReduced .pause{display:none}@media (perfers-reduced-motion: reduce){#hd .trigger-motionReduced .play{display:block}#hd .trigger-motionReduced .pause{display:none}}@media screen and (max-width: 1280px){#hd .hd-btn{font-size:1.125em}#hd .trigger-motionReduced,#hd .vid-control{width:50px;height:50px}#hd .trigger-motionReduced{margin-right:15px}}@media screen and (max-width: 768px){#hd .trigger-motionReduced,#hd .vid-control{width:44px;height:44px}#hd .trigger-motionReduced{margin-right:0}}@media screen and (max-width: 620px){#hd .hd-btn{font-size:1em}}#hd .hd-lightbox{display:none;align-items:center;justify-content:center;width:100%;height:100vh;padding:100px 3em 0;position:fixed;top:0;left:0;z-index:10}#hd .hd-lightbox.hd-active{display:flex;-webkit-animation-delay:0s;-webkit-animation-duration:.4s;-webkit-animation-name:fadeIn;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-delay:0s;animation-duration:.4s;animation-name:fadeIn;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards}#hd .hd-lightbox .hd-filter{width:100%;height:100%;background:rgba(0,0,0,0.8);position:absolute;top:0;left:0}#hd .hd-lightbox .hd-box{width:90%;height:90%;max-width:1400px;position:relative;z-index:2}#hd .hd-lightbox .hd-close{width:3em;height:1.25em;position:absolute;top:0;left:100%;cursor:pointer;z-index:2}#hd .hd-lightbox .hd-close:hover:before,#hd .hd-lightbox .hd-close:hover:after{background:#0037FF}#hd .hd-lightbox .hd-close:before,#hd .hd-lightbox .hd-close:after{content:'';display:block;width:.4em;height:1.25em;background:white;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}#hd .hd-lightbox .hd-close:before{-webkit-transform:skewX(40deg);-ms-transform:skewX(40deg);transform:skewX(40deg)}#hd .hd-lightbox .hd-close:after{-webkit-transform:skewX(-40deg);-ms-transform:skewX(-40deg);transform:skewX(-40deg)}@media screen and (max-width: 1024px){#hd .hd-lightbox{padding-top:50px}}#hd .list-ksp{margin:2.5em 0;padding-right:10%;pointer-events:all}#hd .list-ksp li{font-family:"TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;line-height:1.25;padding-left:1.25em;margin-bottom:.25em;position:relative}#hd .list-ksp li:before,#hd .list-ksp li:after{content:'</';display:block;width:1em;position:absolute;top:0;left:0;font-family:"Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-weight:500;line-height:1}#hd .list-ksp li:after{content:' >';display:inline;position:relative}#hd .cursor-container{display:inline;position:relative}#hd .hd-cursor{display:inline-block}#hd .hd-cursor:after{content:'';display:inline-block;width:1em;height:.125em;margin-left:3px;background-color:#D12F7B;animation-name:blink;animation-duration:0.4s;animation-iteration-count:infinite;position:absolute;bottom:0.125em;left:100%;clip-path:polygon(15% 0%, 85% 0%, 100% 100%, 0% 100%);opacity:0;-webkit-animation-delay:0s;-webkit-animation-duration:.3s;-webkit-animation-name:breathing;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:15;-webkit-animation-fill-mode:forwards;animation-delay:0s;animation-duration:.3s;animation-name:breathing;animation-timing-function:ease;animation-iteration-count:15;animation-fill-mode:forwards}#hd .hd-cursor.stop-animated:after{opacity:1;-webkit-animation-name:none;animation-name:none}#hd .has-glitch{background-size:contain;position:relative;overflow:hidden}#hd .has-glitch img{width:100%}#hd .has-glitch:hover:before,#hd .has-glitch:hover:after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:inherit;z-index:2;margin-right:-1px}#hd .has-glitch:hover:before{mix-blend-mode:color;-webkit-animation-delay:0s;-webkit-animation-duration:2s;-webkit-animation-name:glitch-anim-1-horizontal;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-delay:0s;animation-duration:2s;animation-name:glitch-anim-1-horizontal;animation-timing-function:ease;animation-iteration-count:infinite;animation-fill-mode:both;-webkit-animation-direction:reversed;animation-direction:reversed;background-color:#0037FF;background-image:-moz-linear-gradient(0deg, #0037FF 10%,#D12F7B 10%,#D12F7B 30%,#0037FF 30%,#0037FF 90%,#D12F7B 90%,#D12F7B 94%,#0037FF 94%,#0037FF 95%,transparent 95%,transparent 100%);background-image:-webkit-linear-gradient(0deg, #0037FF 10%,#D12F7B 10%,#D12F7B 30%,#0037FF 30%,#0037FF 90%,#D12F7B 90%,#D12F7B 94%,#0037FF 94%,#0037FF 95%,transparent 95%,transparent 100%);background-image:linear-gradient(0deg, #0037FF 10%,#D12F7B 10%,#D12F7B 30%,#0037FF 30%,#0037FF 90%,#D12F7B 90%,#D12F7B 94%,#0037FF 94%,#0037FF 95%,transparent 95%,transparent 100%)}#hd .has-glitch:hover:after{margin-left:1%;-webkit-animation-delay:0s;-webkit-animation-duration:3s;-webkit-animation-name:glitch-anim-2-horizontal;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-delay:0s;animation-duration:3s;animation-name:glitch-anim-2-horizontal;animation-timing-function:ease;animation-iteration-count:infinite;animation-fill-mode:both;-webkit-animation-direction:reversed;animation-direction:reversed}#hd .has-glitch:hover img{margin-bottom:-1px}#hd .swiper-container{position:relative;overflow:hidden}#hd .swiper-gallery{padding-left:5%;padding-right:5%}#hd .swiper-gallery>.swiper-scrollbar{height:5px;width:100%;max-width:300px;margin:1em auto 0;background-color:#0037FF;border-radius:0;-webkit-transform:skewX(-30deg) translateX(-9%);-ms-transform:skewX(-30deg) translateX(-9%);transform:skewX(-30deg) translateX(-9%);z-index:3;position:relative;overflow:hidden;left:0;right:0;bottom:0}#hd .swiper-gallery .swiper-scrollbar-drag{background-color:#D12F7B;border-radius:0}#hd .swiper-gallery .swiper-button-prev,#hd .swiper-gallery .swiper-button-next{width:2em;height:2em;background:url(../img/arrow-right.svg) center no-repeat;background-size:contain;transition:filter 0.25s ease;outline:none}#hd .swiper-gallery .swiper-button-prev:focus-visible,#hd .swiper-gallery .swiper-button-next:focus-visible{outline:-webkit-focus-ring-color auto 1px}#hd .swiper-gallery .swiper-button-prev:after,#hd .swiper-gallery .swiper-button-next:after{display:none}#hd .swiper-gallery .swiper-button-prev{background-image:url(../img/arrow-left.svg)}#hd .swiper-gallery .swiper-slide{padding:0 .75em}#hd .swiper-gallery .swiper-slide.trigger-lightbox{cursor:pointer}#hd .swiper-gallery .swiper-slide figure.vid-container{background:none !important}#hd .swiper-lightbox{height:100%}#hd .swiper-lightbox .swiper-wrapper{height:100%}#hd .swiper-lightbox figure{display:flex;flex-direction:column;justify-content:center;height:100%;background:center no-repeat}#hd .swiper-lightbox video,#hd .swiper-lightbox img{display:block;width:auto;max-height:100%;user-select:none;margin:0 auto}#hd .swiper-lightbox .swiper-button-prev,#hd .swiper-lightbox .swiper-button-next{width:2em;height:2em;background:url(../img/arrow-right.svg) center no-repeat;background-size:contain;transition:filter 0.25s ease}#hd .swiper-lightbox .swiper-button-prev:after,#hd .swiper-lightbox .swiper-button-next:after{display:none}#hd .swiper-lightbox .swiper-button-prev:hover,#hd .swiper-lightbox .swiper-button-next:hover{filter:none}#hd .swiper-lightbox .swiper-button-prev{filter:brightness(5) grayscale(1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}#hd .swiper-lightbox .swiper-button-next{filter:brightness(20) grayscale(1)}#hd .swiper-more{padding-right:5%}@media screen and (max-width: 1024px){#hd .swiper-gallery .swiper-slide{padding:0 .5em}}@media screen and (max-width: 768px){#hd .swiper-gallery{width:100%;max-width:500px;padding:0 1em;margin:0 auto}#hd .swiper-gallery>.swiper-scrollbar{display:none}#hd .swiper-gallery .swiper-slide{padding:0 1.1em}#hd .swiper-thumbnail{width:calc(100% - 4.4em);max-width:calc(500px - 4.4em);margin:.5em auto}#hd .swiper-thumbnail .swiper-slide figure{width:100%;height:0;padding-bottom:100%}#hd .swiper-thumbnail .swiper-slide figure.vid-container{background-size:cover}#hd .swiper-thumbnail .swiper-slide img,#hd .swiper-thumbnail .swiper-slide video{width:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;object-fit:cover}#hd .swiper-thumbnail .swiper-slide video{display:none}#hd .swiper-thumbnail .swiper-slide.swiper-slide-thumb-active{border:2px solid #D12F7B}#hd .swiper-thumbnail .swiper-button-next,#hd .swiper-thumbnail .swiper-button-prev{display:none !important}#hd .swiper-more{overflow:visible}#hd .swiper-more .swiper-wrapper{display:block}}@media screen and (max-width: 480px){#hd .swiper-thumbnail{margin:.25em auto}}.Header__headerContainer__1hIKH{position:relative !important}#hd{opacity:0}#hd.is-loaded{opacity:1}#hd.is-loaded .hd-loader{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding-bottom:5%;background:black;position:fixed;top:0;left:0;z-index:6}#hd.is-loaded .hd-loader img{margin-right:.25em;opacity:0}#hd.is-loaded .hd-loader img:nth-child(1){-webkit-animation-delay:.08s;-webkit-animation-duration:0s;-webkit-animation-name:fadeIn;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-delay:.08s;animation-duration:0s;animation-name:fadeIn;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards}#hd.is-loaded .hd-loader img:nth-child(2){-webkit-animation-delay:.16s;-webkit-animation-duration:0s;-webkit-animation-name:fadeIn;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-delay:.16s;animation-duration:0s;animation-name:fadeIn;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards}#hd.is-loaded .hd-loader img:nth-child(3){-webkit-animation-delay:.24s;-webkit-animation-duration:0s;-webkit-animation-name:fadeIn;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-delay:.24s;animation-duration:0s;animation-name:fadeIn;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards}#hd.is-loaded .hd-loader img:nth-child(4){-webkit-animation-delay:.32s;-webkit-animation-duration:0s;-webkit-animation-name:fadeIn;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-delay:.32s;animation-duration:0s;animation-name:fadeIn;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards}#hd.is-loaded .hd-loader img:nth-child(5){-webkit-animation-delay:.4s;-webkit-animation-duration:0s;-webkit-animation-name:fadeIn;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-delay:.4s;animation-duration:0s;animation-name:fadeIn;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards}#hd.is-loaded .hd-loader img:nth-child(6){-webkit-animation-delay:.48s;-webkit-animation-duration:0s;-webkit-animation-name:fadeIn;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-delay:.48s;animation-duration:0s;animation-name:fadeIn;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards}#hd.is-loaded .hd-loader img:last-child{-webkit-animation-delay:.56s;-webkit-animation-duration:.3s;-webkit-animation-name:breathing;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;animation-delay:.56s;animation-duration:.3s;animation-name:breathing;animation-timing-function:ease;animation-iteration-count:infinite;animation-fill-mode:forwards}#hd .header-slash{width:100%;padding:1em 0 .5em;position:absolute;top:0;left:0;z-index:5;display:block}#hd .header-slash.is-shown{display:block;-webkit-animation-delay:0s;-webkit-animation-duration:.4s;-webkit-animation-name:fadeIn;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:both;animation-delay:0s;animation-duration:.4s;animation-name:fadeIn;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:both}#hd .header-slash:focus-within{animation:none !important}#hd .header-slash.is-fixed{position:fixed;top:100px}#hd .header-slash.hd-active{padding-bottom:1em}#hd .header-slash.hd-active:before{opacity:1;-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)}#hd .header-slash.hd-active .cate-container{display:flex}#hd .header-slash.hd-active .cate-container a{-webkit-animation-delay:.15s;-webkit-animation-duration:.6s;-webkit-animation-name:fadeInUp;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-delay:.15s;animation-duration:.6s;animation-name:fadeInUp;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards}#hd .header-slash.hd-active .menu-container{display:flex;-webkit-animation-delay:.25s;-webkit-animation-duration:.6s;-webkit-animation-name:fadeInUp;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-delay:.25s;animation-duration:.6s;animation-name:fadeInUp;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards}#hd .header-slash.hd-active .hd-hamburger .hd-close:before{opacity:1;-webkit-transform:skewX(45deg) translateX(0);-ms-transform:skewX(45deg) translateX(0);transform:skewX(45deg) translateX(0)}#hd .header-slash.hd-active .hd-hamburger .hd-close:after{opacity:1;-webkit-transform:skewX(-45deg) translateX(0);-ms-transform:skewX(-45deg) translateX(0);transform:skewX(-45deg) translateX(0)}#hd .header-slash.hd-active .hd-hamburger .hd-code{opacity:0}#hd .header-slash:before{content:'';display:block;width:96%;height:100%;background:black;border:1px solid white;position:absolute;top:0;left:0;right:0;margin:0 auto;z-index:-1;pointer-events:none;opacity:0;transform-origin:center top;-webkit-transform:scale(1, 0);-ms-transform:scale(1, 0);transform:scale(1, 0);transition:opacity 0.25s ease,transform 0.4s ease}#hd .header-slash .hd-container{width:90%;margin:0 auto}#hd .header-slash .logo-slash{max-width:150px;position:relative}#hd .header-slash .logo-slash p{font-size:1.65em;line-height:1;color:white;position:absolute;top:-.2em;left:0;white-space:nowrap;opacity:0;pointer-events:none}#hd .header-slash .logo-slash:hover img{opacity:0}#hd .header-slash .logo-slash:hover p{opacity:1}#hd .header-slash .hd-hamburger{cursor:pointer;max-width:156px;position:relative}#hd .header-slash .hd-hamburger .hd-code{-webkit-animation-delay:0s;-webkit-animation-duration:5s;-webkit-animation-name:hamburgerGlitch;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-delay:0s;animation-duration:5s;animation-name:hamburgerGlitch;animation-timing-function:ease;animation-iteration-count:infinite;animation-fill-mode:both;position:relative}#hd .header-slash .hd-hamburger .hd-code img{width:100%}#hd .header-slash .hd-hamburger .hd-code svg{display:none}#hd .header-slash .hd-hamburger:hover{-webkit-animation-name:none;animation-name:none}#hd .header-slash .hd-hamburger:hover .hd-code img{opacity:0}#hd .header-slash .hd-hamburger:hover .hd-code svg{display:block;width:100%;height:100%;position:absolute;top:0;left:0}#hd .header-slash .hd-hamburger:hover .hd-code path{fill:#D12F7B}#hd .header-slash .hd-hamburger:hover .hd-code path:first-child,#hd .header-slash .hd-hamburger:hover .hd-code path:last-child{fill:#0037FF}#hd .header-slash .hd-hamburger .hd-close{width:4em;height:2em;position:absolute;top:0;right:0}#hd .header-slash .hd-hamburger .hd-close:before,#hd .header-slash .hd-hamburger .hd-close:after{content:'';display:block;width:14%;height:70%;background:white;opacity:0;-webkit-transform:skewX(45deg) translateX(-100%);-ms-transform:skewX(45deg) translateX(-100%);transform:skewX(45deg) translateX(-100%);position:absolute;top:0;left:-20%;transition:transform 0.5s ease,opacity 0s}#hd .header-slash .hd-hamburger .hd-close:after{-webkit-transform:skewX(-45deg) translateX(100%);-ms-transform:skewX(-45deg) translateX(100%);transform:skewX(-45deg) translateX(100%)}#hd .header-slash a{display:block;margin:1px;color:#c4c4c4}#hd .header-slash p{line-height:1.25}#hd .header-slash .cate-container{width:90%;margin:0 auto 4em;position:relative;overflow:hidden;display:none}#hd .header-slash .cate-container a{display:block;padding:.5em 1.5em;opacity:0}#hd .header-slash .cate-container a:hover{color:white}#hd .header-slash .cate-container a.hd-active{font-family:"TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:1.125em;color:white;text-decoration:underline}#hd .header-slash .menu-container{padding-bottom:2em;position:relative;overflow-x:auto;display:none;opacity:0}#hd .header-slash .menu-container::-webkit-scrollbar{height:5px}#hd .header-slash .menu-container::-webkit-scrollbar-track{background:#0037FF}#hd .header-slash .menu-container::-webkit-scrollbar-thumb{background:#D12F7B}#hd .header-slash .menu-container::-webkit-scrollbar-thumb:hover{background:white}#hd .header-slash .menu-container li{width:15.25%;margin:0 1em;min-width:16em}#hd .header-slash .menu-container li:first-child{margin-left:0}#hd .header-slash .menu-container li:last-child{margin-right:0}#hd .header-slash .menu-container figure{position:relative;overflow:hidden}#hd .header-slash .menu-container figure img{transition:transform 0.4s ease}#hd .header-slash .menu-container a:hover{color:white}#hd .header-slash .menu-container a:hover img{-webkit-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}#hd .header-slash .logo-rog{width:60px;position:fixed;bottom:20px;right:28px}body.is-reduced-motion #hd .header-slash .hd-hamburger .hd-code{animation:none}@media (perfers-reduced-motion: reduce){#hd .header-slash .hd-hamburger .hd-code{animation:none}}@media (min-width: 1241px) and (max-width: 1590px) and (-webkit-min-device-pixel-ratio: 1.25){#hd .header-slash .logo-slash{max-width:120px}#hd .header-slash .hd-hamburger{max-width:120px}#hd .header-slash .hd-hamburger .hd-close{right:-20%}#hd .header-slash .hd-hamburger .hd-close:before,#hd .header-slash .hd-hamburger .hd-close:after{width:10%;height:55%}#hd .header-slash .logo-rog{width:70px}}@media screen and (max-width: 1280px){#hd .header-slash .logo-slash{max-width:120px}#hd .header-slash .hd-hamburger{max-width:120px}#hd .header-slash .hd-hamburger .hd-close{right:-20%}#hd .header-slash .hd-hamburger .hd-close:before,#hd .header-slash .hd-hamburger .hd-close:after{width:10%;height:55%}#hd .header-slash .logo-rog{width:50px}}@media screen and (max-width: 1024px){#hd .header-slash.is-fixed{top:50px}#hd .header-slash:before{width:100%}#hd .header-slash.hd-active:before{-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)}#hd .header-slash.hd-active .hd-container.hd-menu{padding:2em 0}#hd .header-slash.hd-active .cate-container:before{-webkit-animation-delay:.4s;-webkit-animation-duration:.6s;-webkit-animation-name:fadeInUp;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-delay:.4s;animation-duration:.6s;animation-name:fadeInUp;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards}#hd .header-slash.hd-active .logo-rog{display:none}#hd .header-slash .hd-container.hd-menu{display:flex;align-items:stretch}#hd .header-slash .hd-hamburger .hd-close{right:-10%}#hd .header-slash .hd-hamburger .hd-close:before,#hd .header-slash .hd-hamburger .hd-close:after{left:50%}#hd .header-slash .cate-container{width:16em;margin:0;flex-direction:column;justify-content:flex-start;text-align:left;position:relative}#hd .header-slash .cate-container:before{content:'';display:block;width:1em;height:6em;background:url(../img/deco-slash.svg) 0 0 no-repeat;background-size:contain;position:absolute;left:0;bottom:10%;opacity:0}#hd .header-slash .cate-container a{padding:.5em 0}#hd .header-slash .menu-container{width:calc(100% - 16em);padding-right:1em;flex-wrap:wrap;max-height:calc(100vh - 55px);overflow-y:auto}#hd .header-slash .menu-container::-webkit-scrollbar{width:2px}#hd .header-slash .menu-container::-webkit-scrollbar-track{background:#4d4e4f;border-radius:50%}#hd .header-slash .menu-container::-webkit-scrollbar-thumb{background:#c4c4c4}#hd .header-slash .menu-container::-webkit-scrollbar-thumb:hover{background:white}#hd .header-slash .menu-container li:nth-child(n){width:45%;min-width:0;margin:.5em}}@media screen and (max-width: 768px){#hd .header-slash .logo-slash{max-width:120px}#hd .header-slash .hd-hamburger{max-width:136px}#hd .header-slash .hd-hamburger .hd-close:before,#hd .header-slash .hd-hamburger .hd-close:after{width:10%;height:55%}#hd .header-slash .cate-container{width:10em}#hd .header-slash .menu-container{width:calc(100% - 10em)}#hd .header-slash .logo-rog{width:50px;right:18px}}@media screen and (max-width: 480px){#hd .header-slash .logo-slash{max-width:100px}#hd .header-slash .hd-hamburger{max-width:116px}#hd .header-slash .cate-container{width:10em}#hd .header-slash .menu-container li:nth-child(n){width:100%;margin-left:0;margin-right:0}#hd .header-slash .menu-container figure img{width:120%;max-width:none !important}}#hd .sec-kv{min-height:100vh;background:black;position:relative;z-index:3;overflow:hidden}#hd .sec-kv .hd-bg{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}#hd .sec-kv .hd-container{font-size:1.125em;width:80%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;z-index:2}#hd .sec-kv .hd-content{max-width:55em}#hd .sec-kv .hd-content .h3,#hd .sec-kv .hd-content h2{opacity:0;transition:opacity 0.1s 1.2s ease}#hd .sec-kv .hd-content .h3 span,#hd .sec-kv .hd-content h2 span{opacity:0}#hd .sec-kv .hd-content .btn-container{position:relative;overflow:hidden}#hd .sec-kv .hd-mask{width:100%;position:absolute;top:-5%;left:0;object-fit:cover}#hd .sec-kv .hd-mask .inside,#hd .sec-kv .hd-mask .bg{transform-origin:center;-webkit-transform:scale(.1, .1);-ms-transform:scale(.1, .1);transform:scale(.1, .1);transition:transform 0.4s ease-in,opacity 0.5s 0.4s ease,fill 0.5s 0.4s ease,stroke 1s 0.4s ease}#hd .sec-kv .hd-mask .bg{fill:black}#hd .sec-kv .hd-bg{opacity:0;transition:opacity 0.5s 0.4s ease}#hd .sec-kv .scroll-down{font-size:1.5em;text-align:center;position:absolute;bottom:1em;left:0;right:0;margin:0 auto;overflow:hidden;opacity:0;transition:opacity 0.4s 2s ease;font-family:"TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-weight:bold;text-transform:uppercase}#hd .sec-kv .scroll-down .split-txt span{display:inline-block;min-width:.3em;-webkit-transform:translate(0, 100%);-ms-transform:translate(0, 100%);transform:translate(0, 100%);-webkit-animation-delay:2s;-webkit-animation-duration:6s;-webkit-animation-name:float-txt;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;animation-delay:2s;animation-duration:6s;animation-name:float-txt;animation-timing-function:ease;animation-iteration-count:infinite;animation-fill-mode:forwards}#hd .sec-kv .scroll-down .split-txt span:nth-child(1){-webkit-animation-delay:2.04s;animation-delay:2.04s}#hd .sec-kv .scroll-down .split-txt span:nth-child(2){-webkit-animation-delay:2.08s;animation-delay:2.08s}#hd .sec-kv .scroll-down .split-txt span:nth-child(3){-webkit-animation-delay:2.12s;animation-delay:2.12s}#hd .sec-kv .scroll-down .split-txt span:nth-child(4){-webkit-animation-delay:2.16s;animation-delay:2.16s}#hd .sec-kv .scroll-down .split-txt span:nth-child(5){-webkit-animation-delay:2.2s;animation-delay:2.2s}#hd .sec-kv .scroll-down .split-txt span:nth-child(6){-webkit-animation-delay:2.24s;animation-delay:2.24s}#hd .sec-kv .scroll-down .split-txt span:nth-child(7){-webkit-animation-delay:2.28s;animation-delay:2.28s}#hd .sec-kv .scroll-down .split-txt span:nth-child(8){-webkit-animation-delay:2.32s;animation-delay:2.32s}#hd .sec-kv .scroll-down .split-txt span:nth-child(9){-webkit-animation-delay:2.36s;animation-delay:2.36s}#hd .sec-kv .scroll-down .split-txt span:nth-child(10){-webkit-animation-delay:2.4s;animation-delay:2.4s}#hd .sec-kv .scroll-down .split-txt span:nth-child(11){-webkit-animation-delay:2.44s;animation-delay:2.44s}#hd .sec-kv .scroll-down .split-txt span:nth-child(12){-webkit-animation-delay:2.48s;animation-delay:2.48s}#hd .sec-kv .scroll-down .split-txt span:nth-child(13){-webkit-animation-delay:2.52s;animation-delay:2.52s}#hd .sec-kv .scroll-down .split-txt span:nth-child(14){-webkit-animation-delay:2.56s;animation-delay:2.56s}#hd .sec-kv .scroll-down .split-txt span:nth-child(15){-webkit-animation-delay:2.6s;animation-delay:2.6s}#hd .sec-kv .scroll-down .split-txt span:nth-child(16){-webkit-animation-delay:2.64s;animation-delay:2.64s}#hd .sec-kv .scroll-down .split-txt span:nth-child(17){-webkit-animation-delay:2.68s;animation-delay:2.68s}#hd .sec-kv .scroll-down .split-txt span:nth-child(18){-webkit-animation-delay:2.72s;animation-delay:2.72s}#hd .sec-kv .scroll-down .split-txt span:nth-child(19){-webkit-animation-delay:2.76s;animation-delay:2.76s}#hd .sec-kv .scroll-down .split-txt span:nth-child(20){-webkit-animation-delay:2.8s;animation-delay:2.8s}#hd .sec-kv.is-animated:after{content:'';display:block;width:15%;height:80%;background:#D12F7B;position:absolute;top:0;left:0;right:0;margin:0 auto;-webkit-transform:skewX(-45deg) translate(100%, -100%);-ms-transform:skewX(-45deg) translate(100%, -100%);transform:skewX(-45deg) translate(100%, -100%);-webkit-animation-delay:.9s;-webkit-animation-duration:1s;-webkit-animation-name:kvSlash;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-delay:.9s;animation-duration:1s;animation-name:kvSlash;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards}#hd .sec-kv.is-animated .hd-mask .inside,#hd .sec-kv.is-animated .hd-mask .bg{-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1);-webkit-animation-delay:1.4s;-webkit-animation-duration:.5s;-webkit-animation-name:zoomOut;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-delay:1.4s;animation-duration:.5s;animation-name:zoomOut;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards}#hd .sec-kv.is-animated .hd-mask .inside{stroke:transparent}#hd .sec-kv.is-animated .hd-mask .bg{fill:#0037FF}#hd .sec-kv.is-animated .hd-bg{opacity:1}#hd .sec-kv.is-animated .h3,#hd .sec-kv.is-animated h2,#hd .sec-kv.is-animated .scroll-down{opacity:1}#hd .sec-kv.is-animated .hd-btn{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}#hd .sec-kv.is-flip .hd-mask{-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}#hd .sec-kv.is-flip.is-animated:after{background:#0037FF}#hd .sec-kv.is-flip.is-animated .hd-mask .bg{fill:#D12F7B}body.is-reduced-motion #hd .hd-glitch:before,body.is-reduced-motion #hd .hd-glitch:after{display:none !important}body.is-reduced-motion #hd .sec-kv .scroll-down .split-txt span{animation:none}@media (perfers-reduced-motion: reduce){#hd .hd-glitch:before,#hd .hd-glitch:after{display:none !important}#hd .sec-kv .scroll-down .split-txt span{animation:none}}@media screen and (max-width: 1280px){#hd .sec-kv .hd-container{width:85%}}@media screen and (max-width: 1024px){#hd .sec-kv .hd-container{width:90%}#hd .sec-kv .hd-content{width:50%}}@media screen and (max-width: 768px){#hd .sec-kv .hd-bg{width:140%;max-width:none !important;margin-left:-20%}#hd .sec-kv .hd-mask{width:240%;top:0;margin-left:-70%}#hd .sec-kv .hd-content{width:55%;margin-top:auto;margin-bottom:3em}#hd .sec-kv .scroll-down{font-size:1.25em}}@media screen and (max-width: 620px){#hd .sec-kv .hd-bg{width:260%;margin-right:-40%;margin-left:-120%}#hd .sec-kv .hd-mask{width:280%;margin-left:-90%}#hd .sec-kv .hd-content{width:100%;margin-bottom:2.5em}#hd .sec-kv .scroll-down{font-size:1em;bottom:.5em}}@media screen and (max-width: 480px){#hd .sec-kv .hd-bg{width:300%;margin-right:-70%;margin-left:-130%}#hd .sec-kv .hd-mask{width:380%;margin-left:-140%}}#hd .introl-scroller{width:100%;height:200vh;position:relative;z-index:3}#hd .sec-intro{width:100% !important;min-height:100vh;background:black;position:relative;position:sticky;top:0;z-index:3;overflow:hidden;top:0 !important;left:0 !important}#hd .sec-intro .bg-front-container{height:100%;clip-path:inset(0 0 0 0)}#hd .sec-intro .bg-front-container .bg-front{width:100%;height:100%;object-fit:cover}#hd .sec-intro .hd-container{width:90%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;z-index:2}#hd .sec-intro .hd-container .btn-container{position:relative;overflow:hidden}#hd .sec-intro .hd-container .hd-btn{font-size:1.25em;background:white;color:#737371;transition:transform 0.8s 3s ease;-webkit-transform:translate(0, 200%);-ms-transform:translate(0, 200%);transform:translate(0, 200%)}#hd .sec-intro .hd-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;padding:0 4em 0 10%;position:relative}#hd .sec-intro .hd-content .deco-left{width:1.5em;height:20em;background:url(../img/deco-join.svg) 0 0 no-repeat;background-size:contain;position:absolute;bottom:10%;left:8%}#hd .sec-intro .hd-content .deco-top{position:absolute;width:18em;height:2em;background:url(../img/deco-code.svg) 0 0 no-repeat;background-size:contain;position:absolute;top:15%;right:0;opacity:.5}#hd .sec-intro .hd-content .deco-top:before{content:'';display:block;width:300%;height:180%;background:url(../img/deco-slash-large.svg) 0 0 no-repeat;background-size:contain;position:absolute;top:-100%;right:-205%;opacity:.6}#hd .sec-intro.is-animated .hd-btn{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}@media screen and (max-width: 1440px){#hd .sec-intro .hd-content{padding-right:0}}@media screen and (max-width: 1024px){#hd .sec-intro .hd-content{padding-left:8%}#hd .sec-intro .hd-content .deco-top{top:5%}#hd .sec-intro .hd-content .deco-left{left:1%;bottom:2.5%}}@media screen and (max-width: 768px){#hd .introl-scroller{height:auto}#hd .sec-intro{min-height:0;position:relative}#hd .sec-intro .bg-front-container{width:100%;clip-path:none;margin:0 auto 2em;position:relative;overflow:hidden}#hd .sec-intro .bg-front-container .bg-front{width:240%;height:auto;max-width:none !important;margin-left:-70%}#hd .sec-intro .hd-container{position:relative}#hd .sec-intro .hd-content{width:100%;padding:2em 0}#hd .sec-intro .hd-content .deco-top{width:15em;height:1.5em;top:0}#hd .sec-intro .hd-content .deco-left{display:none}}@media screen and (max-width: 620px){#hd .sec-intro .hd-content{padding:1.5em 0 3em}}#hd .sec-scenario{display:flex;flex-direction:column;justify-content:center;padding:5% 0;min-height:100vh;background:black;position:relative;z-index:2;overflow:hidden}#hd .sec-scenario .bg-vid{background:transparent;z-index:-1}#hd .sec-scenario .hd-container{width:100%}@media screen and (max-width: 768px){#hd .sec-scenario{padding:2em 0 4em;min-height:0}#hd .sec-scenario .hd-container{width:100%;max-width:500px;padding:0;margin:0 auto}#hd .sec-scenario .deco-left,#hd .sec-scenario .deco-right{display:none}}#hd .sec-ksp{position:relative;z-index:2;overflow:hidden}#hd .sec-ksp .wrapper{width:100%}#hd .sec-ksp .deco-in{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;z-index:2;pointer-events:none}#hd .sec-ksp .deco-in .roller{display:flex;flex-wrap:nowrap;width:100%;height:100%;position:absolute;top:0;left:0}#hd .sec-ksp .deco-in .roller>div{width:100vw;flex-shrink:0}#hd .sec-ksp .deco-in .roller>div.bg-primary{background:#0037FF}#hd .sec-ksp .deco-in .roller>div.bg-secondary{background:#D12F7B}#hd .sec-ksp .hd-container{width:100%;min-height:100vh;pointer-events:none}#hd .sec-ksp .hd-container:nth-child(2n-1){flex-direction:row-reverse}#hd .sec-ksp .hd-container:nth-child(2n-1) .hd-content{background:#0037FF}#hd .sec-ksp .hd-container:nth-child(2n-1) .hd-content:before{background:#D12F7B;top:120%}#hd .sec-ksp .hd-container:nth-child(2n-1) .hd-content .deco-left{width:1.5em;height:20em;background:url(../img/deco-join.svg) 0 0 no-repeat;background-size:contain;position:absolute;top:5%;left:5%}#hd .sec-ksp .hd-container:nth-child(2n-1) .hd-content .deco-bottom{position:absolute;width:15em;height:1.5em;background:url(../img/deco-code.svg) 0 0 no-repeat;background-size:contain;position:absolute;bottom:5%;right:0}#hd .sec-ksp .hd-container:nth-child(2n-1) .hd-content .deco-block{background:#D12F7B}#hd .sec-ksp .hd-container:nth-child(2n-1) figure.hd-main .bg-primary{background:#D12F7B;top:0}#hd .sec-ksp .hd-container:nth-child(2n-1) figure.hd-main .bg-secondary{background:#0037FF;top:100%}#hd .sec-ksp .hd-container:nth-child(2n) .hd-content{background:#D12F7B}#hd .sec-ksp .hd-container:nth-child(2n) .hd-content:before{background:#0037FF;top:30%}#hd .sec-ksp .hd-container:nth-child(2n) .hd-content .deco-bottom{position:absolute;width:17em;height:1.75em;background:url(../img/deco-dare.svg) 0 0 no-repeat;background-size:contain;position:absolute;bottom:5%;right:5%}#hd .sec-ksp .hd-container:nth-child(2n) .hd-content .deco-block{background:#0037FF}#hd .sec-ksp .hd-container:nth-child(2n) .hd-content .hd-cursor:after{background:#0037FF}#hd .sec-ksp .hd-container:nth-child(2n) figure.hd-main .bg-primary{background:#0037FF;top:0}#hd .sec-ksp .hd-container:nth-child(2n) figure.hd-main .bg-secondary{background:#D12F7B;top:100%}#hd .sec-ksp .hd-container figure .bg-primary{transition:all 1s ease}#hd .sec-ksp .hd-container figure .bg-secondary{transition:all 1s ease}#hd .sec-ksp .hd-container .hd-content .deco-block{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);transition:all 0.4s ease}#hd .sec-ksp .hd-container .hd-content .deco-left{opacity:0;-webkit-transform:translateY(-10%);-ms-transform:translateY(-10%);transform:translateY(-10%);transition:all 0.4s 1.8s ease}#hd .sec-ksp .hd-container .hd-content .deco-bottom{opacity:0;-webkit-transform:translateX(20%);-ms-transform:translateX(20%);transform:translateX(20%);transition:all 0.4s 1.8s ease}#hd .sec-ksp .hd-container .hd-content h2{font-family:"TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-weight:bold;text-transform:uppercase}#hd .sec-ksp .hd-container .hd-content h2 span,#hd .sec-ksp .hd-container .hd-content h3 span{opacity:0;transition:opacity 0.25s ease}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(1),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(1){transition-delay:.05s}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(2),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(2){transition-delay:.1s}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(3),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(3){transition-delay:.15s}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(4),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(4){transition-delay:.2s}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(5),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(5){transition-delay:.25s}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(6),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(6){transition-delay:.3s}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(7),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(7){transition-delay:.35s}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(8),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(8){transition-delay:.4s}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(9),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(9){transition-delay:.45s}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(10),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(10){transition-delay:.5s}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(11),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(11){transition-delay:.55s}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(12),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(12){transition-delay:.6s}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(13),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(13){transition-delay:.65s}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(14),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(14){transition-delay:.7s}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(15),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(15){transition-delay:.75s}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(16),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(16){transition-delay:.8s}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(17),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(17){transition-delay:.85s}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(18),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(18){transition-delay:.9s}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(19),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(19){transition-delay:.95s}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(20),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(20){transition-delay:1s}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(21),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(21){transition-delay:1.05s}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(22),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(22){transition-delay:1.1s}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(23),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(23){transition-delay:1.15s}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(24),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(24){transition-delay:1.2s}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(25),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(25){transition-delay:1.25s}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(26),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(26){transition-delay:1.3s}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(27),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(27){transition-delay:1.35s}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(28),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(28){transition-delay:1.4s}#hd .sec-ksp .hd-container .hd-content h2 span:nth-child(29),#hd .sec-ksp .hd-container .hd-content h3 span:nth-child(29){transition-delay:1.45s}#hd .sec-ksp .hd-container .hd-content .hd-cursor:after{-webkit-animation-delay:0s;-webkit-animation-duration:0s;-webkit-animation-name:none;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-delay:0s;animation-duration:0s;animation-name:none;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards}#hd .sec-ksp .hd-container .hd-content li{opacity:0;-webkit-transform:translateY(5%);-ms-transform:translateY(5%);transform:translateY(5%);transition:all 0.4s ease}#hd .sec-ksp .hd-container .hd-content .list-ksp li:nth-child(1){transition-delay:1.125s}#hd .sec-ksp .hd-container .hd-content .list-ksp li:nth-child(2){transition-delay:1.25s}#hd .sec-ksp .hd-container .hd-content .list-ksp li:nth-child(3){transition-delay:1.375s}#hd .sec-ksp .hd-container .hd-content .list-ksp li:nth-child(4){transition-delay:1.5s}#hd .sec-ksp .hd-container .hd-content .list-ksp li:nth-child(5){transition-delay:1.625s}#hd .sec-ksp .hd-container .hd-content .list-ksp li:nth-child(6){transition-delay:1.75s}#hd .sec-ksp .hd-container .hd-content .list-ksp li:nth-child(7){transition-delay:1.875s}#hd .sec-ksp .hd-container .hd-content .list-ksp li:nth-child(8){transition-delay:2s}#hd .sec-ksp .hd-container .hd-content .list-ksp li:nth-child(9){transition-delay:2.125s}#hd .sec-ksp .hd-container .hd-content .list-thumbnail li:nth-child(1){transition-delay:2.125s}#hd .sec-ksp .hd-container .hd-content .list-thumbnail li:nth-child(2){transition-delay:2.25s}#hd .sec-ksp .hd-container .hd-content .list-thumbnail li:nth-child(3){transition-delay:2.375s}#hd .sec-ksp .hd-container .hd-content .list-thumbnail li:nth-child(4){transition-delay:2.5s}#hd .sec-ksp .hd-container .hd-content .list-thumbnail li:nth-child(5){transition-delay:2.625s}#hd .sec-ksp .hd-container .hd-content .list-thumbnail li:nth-child(6){transition-delay:2.75s}#hd .sec-ksp .hd-container .hd-content .list-thumbnail li:nth-child(7){transition-delay:2.875s}#hd .sec-ksp .hd-container .hd-content .list-thumbnail li:nth-child(8){transition-delay:3s}#hd .sec-ksp .hd-container .hd-content .list-thumbnail li:nth-child(9){transition-delay:3.125s}#hd .sec-ksp .hd-container.is-animated figure.hd-main img{-webkit-animation-delay:0s;-webkit-animation-duration:5s;-webkit-animation-name:zoomIn;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:both;animation-delay:0s;animation-duration:5s;animation-name:zoomIn;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:both}#hd .sec-ksp .hd-container.is-animated figure.hd-main .bg-primary{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}#hd .sec-ksp .hd-container.is-animated figure.hd-main .bg-secondary{-webkit-transform:translateY(-100%) scaleY(0);-ms-transform:translateY(-100%) scaleY(0);transform:translateY(-100%) scaleY(0)}#hd .sec-ksp .hd-container.is-animated .hd-content .deco-block{-webkit-transform:translateY(0) scaleY(1);-ms-transform:translateY(0) scaleY(1);transform:translateY(0) scaleY(1)}#hd .sec-ksp .hd-container.is-animated .hd-content h2 span,#hd .sec-ksp .hd-container.is-animated .hd-content h3 span{opacity:1}#hd .sec-ksp .hd-container.is-animated .hd-content .hd-cursor:after{-webkit-animation-delay:1.5s;-webkit-animation-duration:.3s;-webkit-animation-name:breathing;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:15;-webkit-animation-fill-mode:forwards;animation-delay:1.5s;animation-duration:.3s;animation-name:breathing;animation-timing-function:ease;animation-iteration-count:15;animation-fill-mode:forwards}#hd .sec-ksp .hd-container.is-animated .hd-content .deco-left{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}#hd .sec-ksp .hd-container.is-animated .hd-content .deco-bottom{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}#hd .sec-ksp .hd-container.is-animated .hd-content li{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}#hd .sec-ksp figure.hd-main{position:relative;overflow:hidden}#hd .sec-ksp figure.hd-main img{width:100%;height:100%;object-fit:cover}#hd .sec-ksp figure.hd-main .bg-primary,#hd .sec-ksp figure.hd-main .bg-secondary{width:100%;height:100%;position:absolute;left:0}#hd .sec-ksp .hd-content{display:flex;flex-direction:column;justify-content:center;font-size:.8em;padding:2em 4em 2em 10%;position:relative;overflow:hidden}#hd .sec-ksp .hd-content:before{width:100%;height:0;padding-bottom:10%;position:absolute;left:0}#hd .sec-ksp .hd-content h2{line-height:1.125;position:relative;overflow:hidden;pointer-events:all}#hd .sec-ksp .hd-content h2 .hd-cursor:after{bottom:-.01em}#hd .sec-ksp .hd-content .deco-block{width:100%;height:50%;position:absolute;top:0;left:0;pointer-events:none}#hd .sec-ksp .hd-scroller{max-height:100%;position:relative;overflow-y:auto}#hd .sec-ksp .hd-scroller::-webkit-scrollbar{width:0}#hd .sec-ksp .hd-scroller::-webkit-scrollbar-track{background:#0037FF}#hd .sec-ksp .hd-scroller::-webkit-scrollbar-thumb{background:#D12F7B}#hd .sec-ksp .list-ksp{padding-right:10%;pointer-events:all}#hd .sec-ksp .list-ksp li{font-size:2em}#hd .sec-ksp .list-thumbnail{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;width:80%;pointer-events:all}#hd .sec-ksp .list-thumbnail li{padding-right:1em}#hd .sec-ksp .list-thumbnail button{cursor:pointer}#hd .sec-ksp .list-thumbnail button:focus-visible figure{outline:2px solid white;outline-offset:2px}@media screen and (max-width: 1440px){#hd .sec-ksp .hd-container:nth-child(2n-1) .hd-content .deco-left{left:1%}#hd .sec-ksp .hd-content{padding-left:5%}#hd .sec-ksp .hd-content h2{line-height:1.25}#hd .sec-ksp .list-ksp li{font-size:1.5em}}@media screen and (max-width: 1024px){#hd .sec-ksp .hd-container:nth-child(2n-1) .hd-content .deco-left{left:1%}#hd .sec-ksp .hd-content{padding-left:5%;padding-right:2em}#hd .sec-ksp .hd-content h2{line-height:1.125}#hd .sec-ksp .list-ksp{padding-right:0}#hd .sec-ksp .list-ksp li{font-size:1.25em}}@media screen and (max-width: 768px){#hd .sec-ksp .deco-in,#hd .sec-ksp .bg-primary,#hd .sec-ksp .bg-secondary,#hd .sec-ksp .deco-block{display:none}#hd .sec-ksp .hd-container{min-height:0;pointer-events:all}#hd .sec-ksp .hd-container:nth-child(n){flex-direction:column;position:relative}#hd .sec-ksp .hd-container:nth-child(2n-1) .hd-content{overflow:visible}#hd .sec-ksp .hd-container:nth-child(2n-1) .hd-content .deco-left{height:7.5em;background-size:100% auto;top:-2%;left:auto;right:5%}#hd .sec-ksp .hd-container:nth-child(2n) .hd-content .deco-bottom{width:100%;background-size:auto 100%;right:auto;left:0}#hd .sec-ksp .hd-content{width:100%;font-size:1em;padding:1em 5% 4em}#hd .sec-ksp .hd-scroller{display:flex;flex-direction:column;max-height:none}#hd .sec-ksp .list-thumbnail{width:100%;max-width:500px;margin:0 auto 3em;order:0}#hd .sec-ksp h2,#hd .sec-ksp h3,#hd .sec-ksp .list-ksp{order:1}#hd .sec-ksp .list-ksp{min-height:6em}#hd .sec-ksp figure.hd-main{width:100%}}@media screen and (max-width: 620px){#hd .sec-ksp .hd-content{padding:1em 5% 3em}#hd .sec-ksp .list-thumbnail{margin-bottom:1em}#hd .sec-ksp .list-thumbnail li{padding-right:.25em}#hd .sec-ksp .list-ksp li{font-size:1.1em}}#hd .bg-vid{width:100%;height:100%;background:black;position:fixed;top:0;left:0;overflow:hidden;z-index:0}#hd .bg-vid video.hd-bg{width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);opacity:.85;height:100%;width:177.77777778vh;min-width:100%;min-height:100vh;object-fit:cover}#hd .sec-detail{display:flex;flex-direction:column;justify-content:center;padding:5% 0;min-height:100vh;position:relative;overflow:hidden;z-index:2}#hd .sec-detail .hd-container{width:100%}@media screen and (max-width: 768px){#hd .sec-detail{padding:2em 0 4em;min-height:0}#hd .sec-detail .hd-container{width:100%;max-width:500px;padding:0;margin:0 auto}}#hd .sec-more{padding-bottom:8%;position:relative;z-index:2}#hd .sec-more h2{font-family:"TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-weight:bold;text-transform:uppercase}#hd .sec-more h2 span{opacity:0}#hd .sec-more .slider-container{padding-left:4%;clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%)}#hd .sec-more .title-container{width:92%;font-size:1.125em;padding-bottom:1em;margin:0 auto 3.5em;position:relative}#hd .slider-more a{display:block;color:white}#hd .slider-more .item{margin-right:1.4em}#hd .slider-more .item.item-m{width:13.5vw;margin-top:auto}#hd .slider-more .item.item-l{width:23vw}#hd .slider-more .item.item-s{width:10vw}#hd .slider-more .item figure{position:relative;overflow:hidden}#hd .slider-more .item img{transition:transform 0.4s ease}#hd .slider-more .item:hover img,#hd .slider-more .item:focus-visible img{-webkit-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}#hd .slider-more strong{display:block;font-family:"TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-weight:bold;font-size:1.25em;letter-spacing:.025em;text-transform:uppercase;margin:.5em 0}@media screen and (max-width: 1280px){#hd .slider-more .item{margin-right:1em}#hd .slider-more .item.item-m{width:16vw}#hd .slider-more .item.item-l{width:26vw}#hd .slider-more .item.item-s{width:12vw}#hd .slider-more strong{font-size:1.125em}}@media screen and (max-width: 1024px){#hd .slider-more .item.item-m{width:20vw}#hd .slider-more .item.item-l{width:30vw}#hd .slider-more .item.item-s{width:12vw}}@media screen and (max-width: 768px){#hd .sec-more .title-container{opacity:1}#hd .sec-more .slider-container{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}#hd .slider-more{max-width:500px;padding-right:5%;margin:0 auto}#hd .slider-more .item{margin-bottom:1em}#hd .slider-more .item.item-m{width:60%;margin-left:auto}#hd .slider-more .item.item-l{width:100%;margin-left:auto;margin-right:auto}#hd .slider-more .item.item-s{width:45%}}@media screen and (max-width: 480px){#hd .sec-more .title-container{margin-bottom:1em}}.overContent{overflow:unset !important}[data-dirtype] .ProductRecommendRelated__productRecommendRelatedContainer__2Xj3D{position:relative}@media screen and (max-width: 768px){#hd .sec-kv .hd-bg{margin-left:-30%}}@media screen and (max-width: 620px){#hd .sec-kv .hd-bg{margin-left:-100%}}@media screen and (max-width: 480px){#hd .sec-kv .hd-bg{margin-left:-140%}}
/*# sourceMappingURL=hd-style.css.map */