@charset "UTF-8";

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(./ajax-loader.gif) center center no-repeat
}

@font-face {
    font-family: slick;
    src: url(./fonts/slick.eot);
    src: url(./fonts/slick.eot?#iefix) format("embedded-opentype"), url(./fonts/slick.woff) format("woff"), url(./fonts/slick.ttf) format("truetype"), url(./fonts/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translateY(-50%);
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,
.slick-next:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.col_BGC_black {
    background-color: #000
}

.grayText {
    color: #999
}

.textShadowBlue {
    text-shadow: 0em .05em .2em #0080ff
}

@font-face {
    font-family: Trade-Gothic-LT-Bold;
    src: url(../font/Trade-Gothic-LT-Bold.woff2) format("woff2"), url(../font/Trade-Gothic-LT-Bold.woff) format("woff"), url(../font/Trade-Gothic-LT-Bold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto-Regular;
    src: local(Roboto Regular), local(Roboto-Regular), url(../font/Roboto-Regular.woff2) format("woff2"), url(../font/Roboto-Regular.woff) format("woff"), url(../font/Roboto-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto Condensed;
    src: local(Roboto Condensed), local(Roboto-Condensed), url(../font/robotocondensed-regular_0.eot) format("embedded-opentype"), url(../font/robotocondensed-regular_0.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: rogfonts-regular;
    src: local(rogfonts regular), local(rogfonts-regular), url(../font/rogfonts-regular.woff2) format("woff2"), url(../font/rogfonts-regular.woff) format("woff"), url(../otf/rogfonts-regular.otf?#iefix) format("opentype"), url(../font/rogfonts-regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: GeForce-Bold;
    src: url(../font/GeForce-Bold.woff) format("woff"), url(../otf/GeForce-Bold.otf?#iefix) format("opentype"), url(../font/GeForce-Bold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

html {
    overflow-y: scroll
}

:root {
    overflow-y: auto;
    overflow-x: hidden
}

body {
    width: 100vw
}

html.js-no-scroll,
body.js-no-scroll {
    overflow: hidden
}

sup.sign-tm {
    top: -.7em;
    font-size: 56%;
    line-height: 1.2
}

sup.sign-fnum {
    top: -.25em
}

.lowerCase {
    text-transform: lowercase
}

.infoWord {
    vertical-align: top;
    font-family: Roboto Light, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, "sans-serif";
    font-size: 20px;
    line-height: 1.3;
    color: #fff
}

.numCircle {
    width: 20px;
    height: 20px;
    font-family: Trade-Gothic-LT-Bold, Roboto Light, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, "sans-serif";
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-color: #fff;
    text-align: center;
    color: #000;
    margin-right: 5px;
    display: inline-block;
    line-height: 20px;
    font-size: 18px
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

body {
    background-color: #000;
    font-display: optional
}

.outer-view {
    color: #fff;
    font-size: calc(16px + .1vw);
    line-height: 1.4;
    font-family: Roboto Condensed, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, "sans-serif"
}

@media all and (min-width: 2560px) {
    .outer-view {
        font-size: 20px;
        line-height: 24.576px
    }
}

@media all and (max-width: 736px) {
    .outer-view {
        font-size: calc(16px + .1vw)
    }
}

.outer-view sup {
    font-size: 50%;
    vertical-align: super
}

.outer-view h2,
.outer-view h3,
.outer-view h4 {
    color: #fff;
    font-family: Trade-Gothic-LT-Bold, Microsoft JhengHei, "sans-serif";
    text-decoration: underline;
    text-decoration: none;
    font-weight: 400
}

.outer-view p,
.outer-view a,
.outer-view li,
.outer-view button {
    color: #fff;
    font-size: 1vw;
    line-height: 1.5;
    font-family: Roboto Condensed, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, "sans-serif"
}

@media all and (min-width: 2560px) {

    .outer-view p,
    .outer-view a,
    .outer-view li,
    .outer-view button {
        font-size: 20px;
        line-height: 1.6;
        letter-spacing: .512px
    }
}

@media all and (max-width: 1024px) {

    .outer-view p,
    .outer-view a,
    .outer-view li,
    .outer-view button {
        font-size: calc(16px + .1vw)
    }
}

@media all and (max-width: 736px) {

    .outer-view p,
    .outer-view a,
    .outer-view li,
    .outer-view button {
        font-size: calc(16px + .1vw)
    }
}

.outer-view .note,
.outer-view .content-comment {
    color: #a7a7a7 !important;
    display: block;
    font-size: clamp(12px, .7vw, 16px);
    line-height: 1.5;
    font-family: Roboto Condensed, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, "sans-serif";
    margin-top: .8vw !important
}

.outer-view .note a,
.outer-view .content-comment a {
    color: inherit;
    font-size: inherit
}

@media all and (min-width: 2560px) {

    .outer-view .note,
    .outer-view .content-comment {
        font-size: 20px;
        line-height: 24.576px
    }
}

@media all and (max-width: 1024px) {

    .outer-view .note,
    .outer-view .content-comment {
        font-size: calc(16px + .1vw)
    }
}

@media all and (max-width: 736px) {

    .outer-view .note,
    .outer-view .content-comment {
        font-size: calc(16px + .1vw)
    }
}

.outer-view a {
    color: #fff;
    transition: color ease .4s
}

.outer-view a.link {
    text-decoration: underline
}

.outer-view img {
    width: 100%;
    display: block
}

.outer-view .rog-font {
    font-family: rogfonts-regular, Microsoft JhengHei, "sans-serif" !important
}

.outer-view .geforce-font {
    font-family: GeForce-Bold, Microsoft JhengHei, "sans-serif" !important
}

.outer-view .feature-list {
    padding-left: 5%
}

.outer-view .feature-list .data {
    font-size: clamp(24px, 1.75vw, 36px);
    font-weight: 600;
    line-height: clamp(32px, 2.25vw, 46px)
}

.bold {
    font-weight: 700
}

@property --c-0-0 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-0-1 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-0-2 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-0-3 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-0-4 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-0-5 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-0-6 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-0-7 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-0-8 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-0-9 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-1-0 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-1-1 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-1-2 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-1-3 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-1-4 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-1-5 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-1-6 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-1-7 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-1-8 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-1-9 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-2-0 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-2-1 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-2-2 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-2-3 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-2-4 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-2-5 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-2-6 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-2-7 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-2-8 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-2-9 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-3-0 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-3-1 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-3-2 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-3-3 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-3-4 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-3-5 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-3-6 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-3-7 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-3-8 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-3-9 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-4-0 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-4-1 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-4-2 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-4-3 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-4-4 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-4-5 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-4-6 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-4-7 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-4-8 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-4-9 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-5-0 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-5-1 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-5-2 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-5-3 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-5-4 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-5-5 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-5-6 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-5-7 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-5-8 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-5-9 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-6-0 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-6-1 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-6-2 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-6-3 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-6-4 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-6-5 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-6-6 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-6-7 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-6-8 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-6-9 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-7-0 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-7-1 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-7-2 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-7-3 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-7-4 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-7-5 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-7-6 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-7-7 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-7-8 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-7-9 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-8-0 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-8-1 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-8-2 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-8-3 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-8-4 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-8-5 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-8-6 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-8-7 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-8-8 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-8-9 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-9-0 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-9-1 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-9-2 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-9-3 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-9-4 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-9-5 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-9-6 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-9-7 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-9-8 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

@property --c-9-9 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
}

.outer-view .pixeled {
    opacity: 1;
    transition: --c-0-0 .2985526831s .5089348589s, --c-0-1 .2182822807s .1372509086s, --c-0-2 .7034511133s .3897046397s, --c-0-3 .7000488368s .365689534s, --c-0-4 .1581524495s .1205749481s, --c-0-5 .4527651117s .5232423697s, --c-0-6 .766070098s .1442756602s, --c-0-7 .6596478987s .5908293066s, --c-0-8 .5831165193s .7227593056s, --c-0-9 .189607097s .6966671301s, --c-1-0 .2517387664s .1017875386s, --c-1-1 .012368961s .6298952052s, --c-1-2 .4116732723s .7548335246s, --c-1-3 .7266297469s .1845448939s, --c-1-4 .2156236745s .1284732816s, --c-1-5 .1402106226s .2722532297s, --c-1-6 .7326505912s .7195606208s, --c-1-7 .369251235s .1847622274s, --c-1-8 .5118521864s .62741218s, --c-1-9 .3961219063s .2808141541s, --c-2-0 .3381629773s .2199044094s, --c-2-1 .1592203256s .6132693407s, --c-2-2 .0502562936s .7651193371s, --c-2-3 .1917090709s .5147025915s, --c-2-4 .444582339s .5608715482s, --c-2-5 .7454992786s .5795450821s, --c-2-6 .2484302667s .0536012957s, --c-2-7 .2473141599s .1184533702s, --c-2-8 .6309832724s .3729434774s, --c-2-9 .0969783381s .5384063573s, --c-3-0 .555848496s .176782218s, --c-3-1 .485736745s .5825115513s, --c-3-2 .6629705301s .3414478972s, --c-3-3 .1137380062s .6675708667s, --c-3-4 .6111711712s .141371349s, --c-3-5 .583784667s .4154439695s, --c-3-6 .0488757952s .7736099805s, --c-3-7 .2914003511s .3488120381s, --c-3-8 .4438488405s .4609764642s, --c-3-9 .2225696543s .2467893279s, --c-4-0 .5758569122s .7725946423s, --c-4-1 .0843771645s .6822018879s, --c-4-2 .0686157837s .3520296826s, --c-4-3 .1644497005s .6056693135s, --c-4-4 .0908873784s .3629847164s, --c-4-5 .4303223513s .3341374563s, --c-4-6 .0930855223s .7351719057s, --c-4-7 .5747935402s .3697746228s, --c-4-8 .389366899s .1099889788s, --c-4-9 .0235539674s .1041503975s, --c-5-0 .6002736962s .1101942718s, --c-5-1 .7634465102s .2919195993s, --c-5-2 .3945442015s .3883168223s, --c-5-3 .6701735079s .7323339856s, --c-5-4 .6421052424s .4322244467s, --c-5-5 .1096064597s .6997747665s, --c-5-6 .6183192449s .5056549063s, --c-5-7 .5094189589s .3728365456s, --c-5-8 5.2415281ms .3388770034s, --c-5-9 .7426167408s .5416495554s, --c-6-0 .4358640826s .6428524403s, --c-6-1 .3902643274s .4517233371s, --c-6-2 .5510687042s .0103747542s, --c-6-3 .3671161252s .2108756341s, --c-6-4 .1868402201s .2548853981s, --c-6-5 .4611937916s .0389546849s, --c-6-6 .4623360496s .0903879316s, --c-6-7 .7474691208s .0528260706s, --c-6-8 .0172834629s .3001750837s, --c-6-9 .3553565569s .7505965881s, --c-7-0 .4955920968s .3022547054s, --c-7-1 .6108112359s .484703214s, --c-7-2 .5437407745s .2625210094s, --c-7-3 .4517298908s .7597539785s, --c-7-4 .2160227501s .097787101s, --c-7-5 .5601466339s .0553455317s, --c-7-6 .2324144091s .2635591s, --c-7-7 .0620655913s .644890479s, --c-7-8 .3104704318s .6018539154s, --c-7-9 .4107261822s .7105977777s, --c-8-0 .6745453141s .0707353997s, --c-8-1 .5434895746s .4607583935s, --c-8-2 .5718366665s .0485749777s, --c-8-3 .3735852804s .7508908787s, --c-8-4 .1335022237s .7604236537s, --c-8-5 .6884451799s .5792313555s, --c-8-6 .4733304163s .7125932313s, --c-8-7 .5142163163s .579751519s, --c-8-8 .0811926851s .7202316252s, --c-8-9 .3682341896s .4595650482s, --c-9-0 .4061029304s .7447472989s, --c-9-1 .6465594305s .7028879782s, --c-9-2 .6058752081s .405901115s, --c-9-3 .1320040682s .198749232s, --c-9-4 .5773380549s .7771844578s, --c-9-5 .7480969551s .5122503769s, --c-9-6 .271453972s .7305867903s, --c-9-7 .6919480841s .3418358469s, --c-9-8 .0404143683s .1552380025s, --c-9-9 .555470698s .4139466907s;
    -webkit-mask: linear-gradient(rgba(0, 0, 0, var(--c-0-0)) 0 0) 0% 0%, linear-gradient(rgba(0, 0, 0, var(--c-0-1)) 0 0) 0% calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-2)) 0 0) 0% calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-3)) 0 0) 0% calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-4)) 0 0) 0% calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-5)) 0 0) 0% calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-6)) 0 0) 0% calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-7)) 0 0) 0% calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-8)) 0 0) 0% calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-9)) 0 0) 0% 100%, linear-gradient(rgba(0, 0, 0, var(--c-1-0)) 0 0) calc(1 * 100% / (10 - 1)) 0%, linear-gradient(rgba(0, 0, 0, var(--c-1-1)) 0 0) calc(1 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-2)) 0 0) calc(1 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-3)) 0 0) calc(1 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-4)) 0 0) calc(1 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-5)) 0 0) calc(1 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-6)) 0 0) calc(1 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-7)) 0 0) calc(1 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-8)) 0 0) calc(1 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-9)) 0 0) calc(1 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-2-0)) 0 0) calc(2 * 100% / (10 - 1)) 0%, linear-gradient(rgba(0, 0, 0, var(--c-2-1)) 0 0) calc(2 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-2)) 0 0) calc(2 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-3)) 0 0) calc(2 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-4)) 0 0) calc(2 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-5)) 0 0) calc(2 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-6)) 0 0) calc(2 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-7)) 0 0) calc(2 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-8)) 0 0) calc(2 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-9)) 0 0) calc(2 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-3-0)) 0 0) calc(3 * 100% / (10 - 1)) 0%, linear-gradient(rgba(0, 0, 0, var(--c-3-1)) 0 0) calc(3 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-2)) 0 0) calc(3 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-3)) 0 0) calc(3 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-4)) 0 0) calc(3 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-5)) 0 0) calc(3 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-6)) 0 0) calc(3 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-7)) 0 0) calc(3 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-8)) 0 0) calc(3 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-9)) 0 0) calc(3 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-4-0)) 0 0) calc(4 * 100% / (10 - 1)) 0%, linear-gradient(rgba(0, 0, 0, var(--c-4-1)) 0 0) calc(4 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-2)) 0 0) calc(4 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-3)) 0 0) calc(4 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-4)) 0 0) calc(4 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-5)) 0 0) calc(4 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-6)) 0 0) calc(4 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-7)) 0 0) calc(4 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-8)) 0 0) calc(4 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-9)) 0 0) calc(4 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-5-0)) 0 0) calc(5 * 100% / (10 - 1)) 0%, linear-gradient(rgba(0, 0, 0, var(--c-5-1)) 0 0) calc(5 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-2)) 0 0) calc(5 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-3)) 0 0) calc(5 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-4)) 0 0) calc(5 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-5)) 0 0) calc(5 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-6)) 0 0) calc(5 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-7)) 0 0) calc(5 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-8)) 0 0) calc(5 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-9)) 0 0) calc(5 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-6-0)) 0 0) calc(6 * 100% / (10 - 1)) 0%, linear-gradient(rgba(0, 0, 0, var(--c-6-1)) 0 0) calc(6 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-2)) 0 0) calc(6 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-3)) 0 0) calc(6 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-4)) 0 0) calc(6 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-5)) 0 0) calc(6 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-6)) 0 0) calc(6 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-7)) 0 0) calc(6 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-8)) 0 0) calc(6 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-9)) 0 0) calc(6 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-7-0)) 0 0) calc(7 * 100% / (10 - 1)) 0%, linear-gradient(rgba(0, 0, 0, var(--c-7-1)) 0 0) calc(7 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-2)) 0 0) calc(7 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-3)) 0 0) calc(7 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-4)) 0 0) calc(7 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-5)) 0 0) calc(7 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-6)) 0 0) calc(7 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-7)) 0 0) calc(7 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-8)) 0 0) calc(7 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-9)) 0 0) calc(7 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-8-0)) 0 0) calc(8 * 100% / (10 - 1)) 0%, linear-gradient(rgba(0, 0, 0, var(--c-8-1)) 0 0) calc(8 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-2)) 0 0) calc(8 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-3)) 0 0) calc(8 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-4)) 0 0) calc(8 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-5)) 0 0) calc(8 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-6)) 0 0) calc(8 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-7)) 0 0) calc(8 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-8)) 0 0) calc(8 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-9)) 0 0) calc(8 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-9-0)) 0 0) 100% 0%, linear-gradient(rgba(0, 0, 0, var(--c-9-1)) 0 0) 100% calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-2)) 0 0) 100% calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-3)) 0 0) 100% calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-4)) 0 0) 100% calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-5)) 0 0) 100% calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-6)) 0 0) 100% calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-7)) 0 0) 100% calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-8)) 0 0) 100% calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-9)) 0 0) 100% 100%;
    mask: linear-gradient(rgba(0, 0, 0, var(--c-0-0)) 0 0) 0% 0%, linear-gradient(rgba(0, 0, 0, var(--c-0-1)) 0 0) 0% calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-2)) 0 0) 0% calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-3)) 0 0) 0% calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-4)) 0 0) 0% calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-5)) 0 0) 0% calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-6)) 0 0) 0% calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-7)) 0 0) 0% calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-8)) 0 0) 0% calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-9)) 0 0) 0% 100%, linear-gradient(rgba(0, 0, 0, var(--c-1-0)) 0 0) calc(1 * 100% / (10 - 1)) 0%, linear-gradient(rgba(0, 0, 0, var(--c-1-1)) 0 0) calc(1 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-2)) 0 0) calc(1 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-3)) 0 0) calc(1 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-4)) 0 0) calc(1 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-5)) 0 0) calc(1 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-6)) 0 0) calc(1 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-7)) 0 0) calc(1 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-8)) 0 0) calc(1 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-9)) 0 0) calc(1 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-2-0)) 0 0) calc(2 * 100% / (10 - 1)) 0%, linear-gradient(rgba(0, 0, 0, var(--c-2-1)) 0 0) calc(2 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-2)) 0 0) calc(2 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-3)) 0 0) calc(2 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-4)) 0 0) calc(2 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-5)) 0 0) calc(2 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-6)) 0 0) calc(2 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-7)) 0 0) calc(2 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-8)) 0 0) calc(2 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-9)) 0 0) calc(2 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-3-0)) 0 0) calc(3 * 100% / (10 - 1)) 0%, linear-gradient(rgba(0, 0, 0, var(--c-3-1)) 0 0) calc(3 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-2)) 0 0) calc(3 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-3)) 0 0) calc(3 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-4)) 0 0) calc(3 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-5)) 0 0) calc(3 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-6)) 0 0) calc(3 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-7)) 0 0) calc(3 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-8)) 0 0) calc(3 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-9)) 0 0) calc(3 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-4-0)) 0 0) calc(4 * 100% / (10 - 1)) 0%, linear-gradient(rgba(0, 0, 0, var(--c-4-1)) 0 0) calc(4 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-2)) 0 0) calc(4 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-3)) 0 0) calc(4 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-4)) 0 0) calc(4 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-5)) 0 0) calc(4 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-6)) 0 0) calc(4 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-7)) 0 0) calc(4 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-8)) 0 0) calc(4 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-9)) 0 0) calc(4 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-5-0)) 0 0) calc(5 * 100% / (10 - 1)) 0%, linear-gradient(rgba(0, 0, 0, var(--c-5-1)) 0 0) calc(5 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-2)) 0 0) calc(5 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-3)) 0 0) calc(5 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-4)) 0 0) calc(5 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-5)) 0 0) calc(5 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-6)) 0 0) calc(5 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-7)) 0 0) calc(5 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-8)) 0 0) calc(5 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-9)) 0 0) calc(5 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-6-0)) 0 0) calc(6 * 100% / (10 - 1)) 0%, linear-gradient(rgba(0, 0, 0, var(--c-6-1)) 0 0) calc(6 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-2)) 0 0) calc(6 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-3)) 0 0) calc(6 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-4)) 0 0) calc(6 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-5)) 0 0) calc(6 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-6)) 0 0) calc(6 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-7)) 0 0) calc(6 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-8)) 0 0) calc(6 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-9)) 0 0) calc(6 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-7-0)) 0 0) calc(7 * 100% / (10 - 1)) 0%, linear-gradient(rgba(0, 0, 0, var(--c-7-1)) 0 0) calc(7 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-2)) 0 0) calc(7 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-3)) 0 0) calc(7 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-4)) 0 0) calc(7 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-5)) 0 0) calc(7 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-6)) 0 0) calc(7 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-7)) 0 0) calc(7 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-8)) 0 0) calc(7 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-9)) 0 0) calc(7 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-8-0)) 0 0) calc(8 * 100% / (10 - 1)) 0%, linear-gradient(rgba(0, 0, 0, var(--c-8-1)) 0 0) calc(8 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-2)) 0 0) calc(8 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-3)) 0 0) calc(8 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-4)) 0 0) calc(8 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-5)) 0 0) calc(8 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-6)) 0 0) calc(8 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-7)) 0 0) calc(8 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-8)) 0 0) calc(8 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-9)) 0 0) calc(8 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-9-0)) 0 0) 100% 0%, linear-gradient(rgba(0, 0, 0, var(--c-9-1)) 0 0) 100% calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-2)) 0 0) 100% calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-3)) 0 0) 100% calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-4)) 0 0) 100% calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-5)) 0 0) 100% calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-6)) 0 0) 100% calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-7)) 0 0) 100% calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-8)) 0 0) 100% calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-9)) 0 0) 100% 100%;
    -webkit-mask-size: 10% 10%;
    -webkit-mask-repeat: no-repeat;
    mask-size: 10% 10%;
    mask-repeat: no-repeat
}

.outer-view .pixeled.active {
    --c-0-0: 1;
    --c-0-1: 1;
    --c-0-2: 1;
    --c-0-3: 1;
    --c-0-4: 1;
    --c-0-5: 1;
    --c-0-6: 1;
    --c-0-7: 1;
    --c-0-8: 1;
    --c-0-9: 1;
    --c-1-0: 1;
    --c-1-1: 1;
    --c-1-2: 1;
    --c-1-3: 1;
    --c-1-4: 1;
    --c-1-5: 1;
    --c-1-6: 1;
    --c-1-7: 1;
    --c-1-8: 1;
    --c-1-9: 1;
    --c-2-0: 1;
    --c-2-1: 1;
    --c-2-2: 1;
    --c-2-3: 1;
    --c-2-4: 1;
    --c-2-5: 1;
    --c-2-6: 1;
    --c-2-7: 1;
    --c-2-8: 1;
    --c-2-9: 1;
    --c-3-0: 1;
    --c-3-1: 1;
    --c-3-2: 1;
    --c-3-3: 1;
    --c-3-4: 1;
    --c-3-5: 1;
    --c-3-6: 1;
    --c-3-7: 1;
    --c-3-8: 1;
    --c-3-9: 1;
    --c-4-0: 1;
    --c-4-1: 1;
    --c-4-2: 1;
    --c-4-3: 1;
    --c-4-4: 1;
    --c-4-5: 1;
    --c-4-6: 1;
    --c-4-7: 1;
    --c-4-8: 1;
    --c-4-9: 1;
    --c-5-0: 1;
    --c-5-1: 1;
    --c-5-2: 1;
    --c-5-3: 1;
    --c-5-4: 1;
    --c-5-5: 1;
    --c-5-6: 1;
    --c-5-7: 1;
    --c-5-8: 1;
    --c-5-9: 1;
    --c-6-0: 1;
    --c-6-1: 1;
    --c-6-2: 1;
    --c-6-3: 1;
    --c-6-4: 1;
    --c-6-5: 1;
    --c-6-6: 1;
    --c-6-7: 1;
    --c-6-8: 1;
    --c-6-9: 1;
    --c-7-0: 1;
    --c-7-1: 1;
    --c-7-2: 1;
    --c-7-3: 1;
    --c-7-4: 1;
    --c-7-5: 1;
    --c-7-6: 1;
    --c-7-7: 1;
    --c-7-8: 1;
    --c-7-9: 1;
    --c-8-0: 1;
    --c-8-1: 1;
    --c-8-2: 1;
    --c-8-3: 1;
    --c-8-4: 1;
    --c-8-5: 1;
    --c-8-6: 1;
    --c-8-7: 1;
    --c-8-8: 1;
    --c-8-9: 1;
    --c-9-0: 1;
    --c-9-1: 1;
    --c-9-2: 1;
    --c-9-3: 1;
    --c-9-4: 1;
    --c-9-5: 1;
    --c-9-6: 1;
    --c-9-7: 1;
    --c-9-8: 1;
    --c-9-9: 1
}

.outer-view .deco.bracket {
    position: absolute;
    animation-iteration-count: 3;
    z-index: 3
}

.outer-view .deco.bracket img {
    width: 2vw;
    height: 2vw;
    animation-fill-mode: forwards;
    animation-iteration-count: 3;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(1, 0, 0, 1);
    animation-duration: 1.5s;
    position: relative
}

@media all and (min-width: 2560px) {
    .outer-view .deco.bracket img {
        width: 50px;
        height: 50px
    }
}

.outer-view .deco.bracket img.glow {
    filter: blur(5px);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.outer-view .deco.plus {
    width: 12px;
    height: 12px;
    position: absolute;
    z-index: 10
}

.outer-view .deco.plus:after,
.outer-view .deco.plus:before {
    content: "";
    background-color: #fff;
    color: #fff;
    animation-fill-mode: forwards;
    animation-iteration-count: 3;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(1, 0, 0, 1);
    position: absolute;
    z-index: 3
}

.outer-view .deco.plus:after {
    width: 1px;
    height: 13px;
    left: 6px
}

.outer-view .deco.plus:before {
    width: 13px;
    height: 1px;
    left: 0;
    top: 6px
}

.outer-view .deco.plus.left.top {
    left: 54px;
    top: -6px
}

@media all and (max-width: 735px) {
    .outer-view .deco.plus.left.top {
        left: 24px
    }
}

@media all and (max-width: 480px) {
    .outer-view .deco.plus.left.top {
        left: 9px
    }
}

.outer-view .deco.plus.left.bottom {
    bottom: -6px;
    left: 54px
}

@media all and (max-width: 735px) {
    .outer-view .deco.plus.left.bottom {
        left: 24px
    }
}

@media all and (max-width: 480px) {
    .outer-view .deco.plus.left.bottom {
        left: 9px
    }
}

.outer-view .deco.plus.right.bottom {
    bottom: -6px;
    right: 55px
}

@media all and (max-width: 735px) {
    .outer-view .deco.plus.right.bottom {
        right: 25px
    }
}

@media all and (max-width: 480px) {
    .outer-view .deco.plus.right.bottom {
        right: 10px
    }
}

.outer-view .deco.plus.right.top {
    right: 55px;
    top: -6px
}

@media all and (max-width: 735px) {
    .outer-view .deco.plus.right.top {
        right: 25px
    }
}

@media all and (max-width: 480px) {
    .outer-view .deco.plus.right.top {
        right: 10px
    }
}

.outer-view .deco.cross {
    width: 10px;
    height: 10px;
    position: absolute;
    left: calc(49% - 17px);
    top: -18px
}

.outer-view .deco.cross:after,
.outer-view .deco.cross:before {
    content: "";
    width: 1px;
    height: 10px;
    background-color: #fff;
    display: block
}

.outer-view .deco.cross:before {
    transform: rotate(-50deg);
    position: relative;
    left: 6px
}

.outer-view .deco.cross:after {
    transform: rotate(50deg);
    position: absolute;
    left: 6px;
    top: 0
}

.outer-view .deco.gap-lines {
    background-size: cover;
    position: absolute;
    left: 68px;
    top: -18px
}

.outer-view .deco.gap-lines.horizontal {
    width: 50px;
    height: 12px;
    background-image: linear-gradient(90deg, #fff 1%, transparent 2%, transparent 10%, #fff 11%, transparent 12%, transparent 20%, #fff 21%, transparent 22%, transparent 30%, #fff 31%, transparent 32%, transparent 40%, #fff 41%, transparent 42%, transparent 50%, #fff 51%, transparent 52%, transparent 60%, #fff 61%, transparent 62%, transparent 70%, #fff 71%, transparent 72%, transparent 80%, #fff 81%, transparent 82%, transparent 90%, #fff 91%, transparent 92%, transparent 100%)
}

@media all and (max-width: 735px) {
    .outer-view .deco.gap-lines {
        left: 38px
    }
}

.outer-view .deco.slash-lines {
    background-size: cover;
    position: absolute;
    left: 49%;
    top: -20px
}

.outer-view .deco.slash-lines.horizontal {
    width: 30px;
    height: 13px;
    background-size: 200% 200%;
    background-image: linear-gradient(60deg, #fff 1%, transparent 3%, #fff 5%, transparent 7%, #fff 9%, transparent 11%, #fff 13%, transparent 15%, #fff 17%, transparent 19%, #fff 21%, transparent 23%, #fff 25%, transparent 27%, #fff 29%, transparent 31%, #fff 33%, transparent 35%, #fff 37%, transparent 39%, #fff 41%, transparent 43%, #fff 45%, transparent 47%, #fff 49%, transparent 51%, #fff 53%, transparent 55%, #fff 57%, transparent 59%, #fff 61%, transparent 63%, #fff 65%, transparent 67%, #fff 69%, transparent 71%, #fff 73%, transparent 75%, #fff 77%, transparent 79%, #fff 81%, transparent 83%, #fff 85%, transparent 87%, #fff 89%, transparent 91%, #fff 93%, transparent 95%, #fff 97%, transparent 99%, #fff 101%)
}

.outer-view .deco.slash-lines.vertical {
    width: 13px;
    height: 30px;
    background-image: linear-gradient(105deg, #fff 1%, transparent 3%, #fff 5%, transparent 7%, #fff 9%, transparent 11%, #fff 13%, transparent 15%, #fff 17%, transparent 19%, #fff 21%, transparent 23%, #fff 25%, transparent 27%, #fff 29%, transparent 31%, #fff 33%, transparent 35%, #fff 37%, transparent 39%, #fff 41%, transparent 43%, #fff 45%, transparent 47%, #fff 49%, transparent 51%, #fff 53%, transparent 55%, #fff 57%, transparent 59%, #fff 61%, transparent 63%, #fff 65%, transparent 67%, #fff 69%, transparent 71%, #fff 73%, transparent 75%, #fff 77%, transparent 79%, #fff 81%, transparent 83%, #fff 85%, transparent 87%, #fff 89%, transparent 91%, #fff 93%, transparent 95%, #fff 97%, transparent 99%, #fff 101%)
}

@keyframes plusRightToLeft {
    0% {
        opacity: 0;
        transform-origin: left top;
        transform: scaleX(40) translate(100%);
        will-change: opacity, transform
    }

    to {
        opacity: 1;
        transform-origin: left top;
        transform: scaleX(1) translate(0);
        will-change: opacity, transform
    }
}

@keyframes plusTopToBottom {
    0% {
        opacity: 0;
        transform-origin: left bottom;
        transform: scaleY(40) translateY(-100%);
        will-change: opacity, transform
    }

    to {
        opacity: 1;
        transform-origin: left bottom;
        transform: scaleY(1) translateY(0);
        will-change: opacity, transform
    }
}

@keyframes plusLeftToRight {
    0% {
        opacity: 0;
        transform-origin: right center;
        transform: rotate(0) scaleX(40) translate(-100%);
        will-change: opacity, transform
    }

    to {
        opacity: 1;
        transform-origin: right center;
        transform: rotate(0) scaleX(1) translate(0);
        will-change: opacity, transform
    }
}

@keyframes plusBottomToTop {
    0% {
        opacity: 0;
        transform-origin: left top;
        transform: scaleY(40) translateY(100%);
        will-change: opacity, transform
    }

    to {
        opacity: 1;
        transform-origin: left top;
        transform: scaleY(1) translateY(0);
        will-change: opacity, transform
    }
}

.outer-view .deco-grid {
    display: grid;
    padding: 0 60px
}

@media all and (max-width: 735px) {
    .outer-view .deco-grid {
        padding: 0 30px
    }
}

@media all and (max-width: 480px) {
    .outer-view .deco-grid {
        padding: 0 15px
    }
}

.grid-block {
    display: grid;
    grid-auto-rows: 1fr;
    grid-gap: 0
}

.grid-block.col-2 {
    grid-template-columns: repeat(2, 1fr)
}

.grid-block.col-3 {
    grid-template-columns: repeat(3, 1fr)
}

.grid-block.col-4 {
    grid-template-columns: repeat(4, 1fr)
}

.brief-container {
    opacity: 0;
    transform: translateY(-20%);
    transition: opacity ease 1s, transform ease 1s
}

.brief-container.active {
    opacity: 1;
    transform: translateY(0)
}

.section__base:not(#section-kv) {
    transition: opacity .5s ease-in-out
}

.section__base.navShow {
    opacity: 1;
    display: block;
    transition: transform .2s .3s ease-in-out, opacity .5s ease-in-out
}

.content-slogan {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    color: #5340b2;
    font-size: 2vw;
    line-height: .7;
    text-transform: uppercase;
    font-family: Trade-Gothic-LT-Bold, Microsoft JhengHei, "sans-serif"
}

@media all and (min-width: 2560px) {
    .content-slogan {
        font-size: 33.28px
    }
}

@media all and (max-width: 1440px) {
    .content-slogan {
        font-size: 2.4vw
    }
}

@media all and (max-width: 1024px) {
    .content-slogan {
        font-size: calc(30px + .1vw);
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: calc(9.5px + .1vw);
        margin-bottom: calc(19.5px + .1vw);
        line-height: 1.1
    }
}

@media all and (max-width: 736px) {
    .content-slogan {
        font-size: calc(22.5px + .1vw)
    }
}

.outer-view section {
    position: relative;
    background: #000;
    width: 100%;
    max-width: 2560px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    padding-top: 7.8125vw
}

@media all and (min-width: 2560px) {
    .outer-view section {
        padding-top: 200px
    }
}

@media all and (max-width: 1280px) {
    .outer-view section {
        padding-top: 100px
    }
}

.outer-view section .will-change-transform {
    will-change: transform
}

.outer-view section .container {
    margin: 0
}

.outer-view section .img__ada {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0
}

.outer-view section .img {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.outer-view section .underline {
    text-decoration: underline
}

.outer-view section .flex-block {
    display: flex;
    display: -webkit-flex
}

.outer-view section .flex-block.reverse {
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse
}

.outer-view section button {
    background-color: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block
}

.outer-view section button.btn-pause {
    width: 24px;
    height: 24px;
    background-image: url(../images/svg/icon_pause_w.svg);
    background-size: cover;
    filter: drop-shadow(0px 0px 2px #000);
    opacity: .65;
    text-indent: -9999999px;
    z-index: 50;
    transition: opacity ease .25s
}

.outer-view section button.btn-pause.dark {
    filter: brightness(0)
}

.outer-view section button.btn-pause[data-status=play] {
    background-image: url(../images/svg/icon_play_w.svg)
}

@media (hover: hover) {
    .outer-view section button.btn-pause:hover {
        opacity: 1
    }
}

@media all and (max-width: 735px) {
    .outer-view section button.btn-pause {
        width: 20px;
        height: 20px
    }
}

.outer-view section button.btn-rainbow-border {
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 1vw;
    line-height: 1.5;
    margin-right: 40px;
    padding: 10px 30px;
    position: relative;
    transition: transform ease .2s
}

@media all and (min-width: 2560px) {
    .outer-view section button.btn-rainbow-border {
        font-size: .6vw;
        line-height: 1.6;
        letter-spacing: .512px
    }
}

@media all and (max-width: 735px) {
    .outer-view section button.btn-rainbow-border {
        font-size: 16px;
        line-height: 19px
    }
}

.outer-view section .content-frame {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.outer-view section .cube-particle {
    width: 160px;
    height: 160px;
    display: block;
    margin: 0 auto -20px
}

@media all and (max-width: 735px) {
    .outer-view section .cube-particle {
        width: 120px;
        height: 120px;
        margin-bottom: -30px
    }
}

.outer-view section.section__base.active .content-slogan {
    background-position-y: 0;
    opacity: 1;
    transition: background-position-y ease 2s .4s, opacity cubic-bezier(1, 0, 0, 1) 1s .4s, transform cubic-bezier(1, 0, 0, 1) 1s .4s;
    will-change: background-position-y, opacity, transform
}

.outer-view section .wd-content {
    width: 100%;
    max-width: 1200px;
    padding: 0 1.172vw;
    margin: 0 auto;
    position: relative;
    z-index: 20
}

.outer-view section .wd-content.large-text-center {
    text-align: center
}

.outer-view section .wd-content.large-text-left {
    text-align: left
}

.outer-view section .wd-content.large-text-right {
    text-align: right
}

@media all and (max-width: 1280px) {
    .outer-view section .wd-content {
        padding: 0 30px
    }
}

@media all and (max-width: 1279px) {
    .outer-view section .wd-content.medium-text-center {
        text-align: center
    }

    .outer-view section .wd-content.medium-text-left {
        text-align: left
    }

    .outer-view section .wd-content.medium-text-right {
        text-align: right
    }
}

@media all and (max-width: 735px) {
    .outer-view section .wd-content.small-text-center {
        text-align: center
    }

    .outer-view section .wd-content.small-text-left {
        text-align: left
    }

    .outer-view section .wd-content.small-text-right {
        text-align: right
    }
}

@media all and (max-width: 736px) {
    .outer-view section .wd-content {
        width: 95vw;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        margin-top: calc(14.5px + .1vw);
        margin-bottom: calc(14.5px + .1vw);
        padding: 0 calc(19.5px + .1vw)
    }
}

.outer-view section .wd-content>* {
    color: #fff;
    font-weight: 400;
    font-style: normal
}

.outer-view section .wd-content>* .icon_slogan {
    margin-left: 0;
    margin-right: 0
}

.outer-view section .wd-content>*.icon_title {
    display: none
}

.outer-view section .wd-content>*.content-title {
    font-size: 3.3vw;
    margin-top: 1.3vw;
    margin-left: auto;
    margin-right: auto;
    font-family: Trade-Gothic-LT-Bold, robotocondensed-bold, Microsoft JhengHei, "sans-serif";
    letter-spacing: -1px;
    color: #fff;
    line-height: 1.2;
    text-transform: capitalize
}

@media all and (min-width: 2560px) {
    .outer-view section .wd-content>*.content-title {
        font-size: 53.76px;
        margin-top: 28.16px
    }
}

@media all and (max-width: 1440px) {
    .outer-view section .wd-content>*.content-title {
        font-size: 5vw;
        margin-top: 2vw
    }
}

@media all and (max-width: 1024px) {
    .outer-view section .wd-content>*.content-title {
        font-size: calc(49px + .1vw);
        letter-spacing: .17vw;
        line-height: 1.2;
        margin: 0;
        margin-top: calc(11px + .1vw)
    }
}

@media all and (max-width: 736px) {
    .outer-view section .wd-content>*.content-title {
        width: 100%;
        font-size: calc(34.5px + .1vw);
        letter-spacing: .17vw;
        line-height: 1.2;
        margin: 0;
        margin-top: calc(11px + .1vw)
    }
}

.outer-view section .wd-content>*.content-info {
    width: 100%;
    margin-top: .8vw;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-family: Roboto Condensed, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, "sans-serif";
    font-size: 1vw;
    line-height: 1.5
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .outer-view section .wd-content>*.content-info {
        font-size: 1vw;
        line-height: 1.5
    }
}

@media all and (min-width: 2560px) {
    .outer-view section .wd-content>*.content-info {
        font-size: 20px;
        line-height: 24.576px;
        letter-spacing: .512px;
        margin-top: 15.36px
    }
}

@media all and (max-width: 1440px) {
    .outer-view section .wd-content>*.content-info {
        letter-spacing: .05vw;
        margin-top: 1.1vw;
        font-size: 1.25vw;
        line-height: 1.7
    }
}

@media all and (max-width: 1024px) {
    .outer-view section .wd-content>*.content-info {
        margin-top: calc(10px + .1vw);
        line-height: 1.45;
        font-size: calc(16px + .1vw)
    }
}

@media all and (max-width: 736px) {
    .outer-view section .wd-content>*.content-info {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        font-size: calc(16px + .1vw)
    }
}

.outer-view section .wd-content>*.content-comment {
    margin-left: auto;
    margin-right: auto;
    color: #999;
    margin-top: .8vw;
    font-size: 1vw;
    line-height: 1.5;
    font-family: Roboto Condensed, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, "sans-serif";
    position: relative
}

@media all and (min-width: 2560px) {
    .outer-view section .wd-content>*.content-comment {
        font-size: 20px;
        line-height: 24.576px;
        letter-spacing: .512px;
        margin-top: 15.36px
    }
}

@media all and (max-width: 1440px) {
    .outer-view section .wd-content>*.content-comment {
        font-size: 1.25vw;
        line-height: 1.7
    }
}

@media all and (max-width: 1024px) {
    .outer-view section .wd-content>*.content-comment {
        font-size: calc(16px + .1vw);
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        line-height: 1.45;
        margin-top: calc(13px + .1vw)
    }
}

@media all and (max-width: 480px) {
    .outer-view section .wd-content>*.content-comment {
        max-width: 350px;
        font-size: calc(16px + .1vw)
    }
}

.outer-view section .wd-content>*.content-comment a {
    text-decoration: underline
}

.outer-view section .wd-content>*.content-link {
    margin-left: auto;
    margin-right: auto;
    margin-top: .8vw;
    font-size: 1vw;
    line-height: 1.5;
    color: #fff;
    font-family: Roboto Condensed, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, "sans-serif"
}

@media all and (min-width: 2560px) {
    .outer-view section .wd-content>*.content-link {
        font-size: 20px;
        line-height: 24.576px;
        letter-spacing: .512px;
        margin-top: 15.36px
    }
}

@media all and (max-width: 1440px) {
    .outer-view section .wd-content>*.content-link {
        font-size: 1.25vw;
        line-height: 1.7
    }
}

@media all and (max-width: 1024px) {
    .outer-view section .wd-content>*.content-link {
        font-size: calc(16px + .1vw)
    }
}

@media all and (max-width: 736px) {
    .outer-view section .wd-content>*.content-link {
        font-size: calc(16px + .1vw)
    }
}

.outer-view section>figure.img {
    position: relative
}

.outer-view section .brief-container {
    padding: 0 1.172vw
}

@media all and (max-width: 1280px) {
    .outer-view section .brief-container {
        padding: 0 30px
    }
}

.outer-view section .video-block video {
    width: 100%;
    display: block
}

.outer-view section .text-block {
    font-family: Trade-Gothic-LT-Bold, Microsoft JhengHei, "sans-serif";
    margin-bottom: 20px;
    position: relative
}

.outer-view section .text-block.scrolled {
    mask-image: linear-gradient(0deg, transparent 6%, black 12%, black 90%, transparent 100%);
    -webkit-mask-image: linear-gradient(0deg, transparent 6%, black 12%, black 90%, transparent 100%);
    mask-size: 100%;
    -webkit-mask-size: 100%;
    mask-position-y: 100%;
    -webkit-mask-position-y: 100%;
    overflow-y: scroll;
    margin: 0;
    padding: 20px 30px;
    position: relative
}

@media all and (min-width: 2560px) {
    .outer-view section .text-block.scrolled {
        padding: 30px
    }
}

@media all and (max-width: 735px) {
    .outer-view section .text-block.scrolled {
        padding: 20px
    }
}

.outer-view section .text-block.scrolled::-webkit-scrollbar {
    width: 5px
}

.outer-view section .text-block.scrolled::-webkit-scrollbar-track {
    background-color: transparent
}

.outer-view section .text-block.scrolled::-webkit-scrollbar-thumb {
    background-color: #333
}

.outer-view section .text-block.scrolled::-webkit-scrollbar-thumb:hover {
    background: #444
}

.outer-view section .text-block h2 {
    font-size: 6vw;
    line-height: 6vw;
    margin-bottom: calc(18px + .1vw);
    text-align: center
}

@media all and (min-width: 2560px) {
    .outer-view section .text-block h2 {
        font-size: 155px;
        line-height: 155px
    }
}

@media all and (max-width: 1280px) {
    .outer-view section .text-block h2 {
        font-size: 5vw
    }
}

@media all and (max-width: 1024px) {
    .outer-view section .text-block h2 {
        font-size: calc(49px + .1vw)
    }
}

@media all and (max-width: 735px) {
    .outer-view section .text-block h2 {
        margin-bottom: calc(9.5px + .1vw);
        font-size: calc(34.5px + .1vw)
    }
}

@media all and (max-width: 480px) {
    .outer-view section .text-block h2 {
        font-size: calc(34.5px + .1vw)
    }
}

.outer-view section .text-block h3 {
    font-size: 2.344vw;
    margin-bottom: .5vw;
    line-height: 1.2;
    text-transform: none;
    text-align: center
}

.outer-view section .text-block h3.border {
    background-image: linear-gradient(90deg, #b3b3ff, #fff);
    -webkit-background-clip: text;
    background-clip: text;
    color: #000;
    text-transform: uppercase;
    text-stroke: 1px transparent;
    -webkit-text-stroke: 2px transparent;
    mix-blend-mode: lighten;
    -webkit-mix-blend-mode: lighten
}

@media all and (min-width: 2560px) {
    .outer-view section .text-block h3 {
        font-size: 53.76px
    }
}

@media all and (max-width: 1920px) {
    .outer-view section .text-block h3 {
        font-size: 3.3vw
    }
}

@media all and (max-width: 1280px) {
    .outer-view section .text-block h3 {
        font-size: calc(40px + .1vw)
    }
}

@media all and (max-width: 735px) {
    .outer-view section .text-block h3 {
        font-size: calc(34.5px + .1vw)
    }
}

.outer-view section .text-block h4 {
    font-size: 1.85vw;
    margin-bottom: 15px;
    line-height: 1.2
}

.outer-view section .text-block h4.title {
    text-align: center
}

@media all and (min-width: 2560px) {
    .outer-view section .text-block h4 {
        font-size: 36px
    }
}

@media all and (max-width: 1280px) {
    .outer-view section .text-block h4 {
        font-size: calc(34px + .1vw)
    }
}

@media all and (max-width: 1024px) {
    .outer-view section .text-block h4 {
        margin-bottom: 10px
    }
}

@media all and (max-width: 735px) {
    .outer-view section .text-block h4 {
        font-size: calc(24px + .1vw)
    }
}

@media all and (max-width: 480px) {
    .outer-view section .text-block h4 {
        font-size: calc(20px + .1vw)
    }
}

.outer-view section .text-block.title {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 60px 30px;
    text-align: center
}

.outer-view section .text-block.title.flex {
    display: flex;
    justify-content: flex-start;
    align-items: stretch
}

.outer-view section .text-block.title.flex .inner:first-child {
    display: flex;
    align-items: center
}

.outer-view section .text-block.title .inner {
    padding: 0 30px
}

.outer-view section .text-block.title .inner h3,
.outer-view section .text-block.title .inner p {
    text-align: left
}

.outer-view section .text-block.title .inner:first-child {
    padding: 0 0 0 20px
}

.outer-view section .text-block.title h2 {
    display: inline-block;
    margin: 0;
    opacity: 0;
    position: relative;
    transform: translate(-80%)
}

.outer-view section .text-block.title h2:before {
    content: "";
    width: .85vw;
    height: 6vw;
    background-image: url(../images/svg/z13_deco.svg);
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    left: -1.5vw;
    top: 0;
    z-index: 2;
    opacity: 0;
    background-position-y: -100px
}

@media all and (min-width: 2560px) {
    .outer-view section .text-block.title h2:before {
        width: 23px;
        height: 155px;
        left: -40px
    }
}

@media all and (max-width: 735px) {
    .outer-view section .text-block.title h2:before {
        width: 6px;
        height: 40px;
        left: -10px;
        top: -.5vh
    }
}

.outer-view section .text-block.title h3,
.outer-view section .text-block.title p {
    opacity: 0
}

.outer-view .section__base.title-active .text-block.title h2 {
    opacity: 1;
    transform: translate(0);
    transition: transform cubic-bezier(1, 0, 0, 1) 1s, opacity cubic-bezier(1, 0, 0, 1) 1s;
    will-change: opacity, transform
}

.outer-view .section__base.title-active .text-block.title h2:before {
    background-position-y: 0;
    opacity: 1;
    transition: background-position-y cubic-bezier(1, 0, 0, 1) 1.5s, opacity cubic-bezier(1, 0, 0, 1) 1.5s;
    transition-delay: .15s;
    will-change: background-position-y, opacity
}

.outer-view .section__base.title-active .text-block.title h3,
.outer-view .section__base.title-active .text-block.title p {
    opacity: 1;
    transition: opacity ease .5s;
    will-change: opacity
}

.outer-view .section__base.title-active .text-block.title h3 {
    transition-delay: .4s
}

.outer-view .section__base.title-active .text-block.title p {
    transition-delay: .8s
}

.wd__feature__list {
    width: 100%;
    max-width: 1100px;
    position: relative;
    margin-left: auto;
    margin-top: 40px;
    margin-right: auto;
    z-index: 2;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    text-align: center
}

@media all and (max-width: 1280px) {
    .wd__feature__list {
        margin-top: 2vw
    }
}

.wd__feature__list .wd__feature {
    min-width: 100px;
    display: inline-block;
    margin: 0 20px 30px;
    vertical-align: bottom;
    line-height: 1;
    color: #fff
}

@media all and (max-width: 1280px) {
    .wd__feature__list .wd__feature {
        margin-left: 1.2vw;
        margin-right: 1.2vw;
        margin-bottom: 1.2vw
    }
}

.wd__feature__list .wd__feature .wd__feature__top {
    font-size: 16px;
    letter-spacing: 2px;
    color: #f51928;
    padding-bottom: 6px;
    text-align: center;
    text-transform: none;
    font-family: Roboto Condensed, Segoe UI, Arial, PingFang TC, Microsoft JhengHei, Microsoft YaHei, sans-serif
}

@media all and (max-width: 1280px) {
    .wd__feature__list .wd__feature .wd__feature__top {
        font-size: 15px
    }
}

.wd__feature__list .wd__feature .wd__feature__data {
    text-align: center;
    text-transform: none;
    color: #fff;
    font-family: Trade-Gothic-LT-Bold, Microsoft JhengHei, "sans-serif"
}

@media all and (min-width: 1921px) {
    .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 48px
    }
}

@media all and (max-width: 1920px) {
    .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 38px
    }
}

@media all and (max-width: 1280px) {
    .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 34px
    }
}

@media all and (max-width: 735px) {
    .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 26px
    }
}

@media all and (max-width: 480px) {
    .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 21px
    }
}

.wd__feature__list .wd__feature .wd__feature__data .space-left-m {
    font-size: 29px;
    padding-left: 0
}

.wd__feature__list .wd__feature .wd__feature__data .space-right-m {
    font-size: 29px;
    padding-right: 0
}

.wd__feature__list .wd__feature .wd__feature__data figure.img .img-icon {
    left: 0%;
    margin-bottom: 14px;
    width: 192px;
    height: 104px
}

.wd__feature__list .wd__feature .wd__feature__describe {
    letter-spacing: 2px;
    font-family: Roboto Condensed, Segoe UI, Arial, PingFang TC, Microsoft JhengHei, Microsoft YaHei, sans-serif;
    text-align: center;
    text-transform: none;
    font-size: 16px;
    padding-top: 6px
}

@media all and (max-width: 1280px) {
    .wd__feature__list .wd__feature .wd__feature__describe {
        font-size: 15px
    }
}

.wd__feature__list .wd__feature .wd__feature__describe span.describeText {
    font-family: Roboto Condensed, Segoe UI, Arial, PingFang TC, Microsoft JhengHei, Microsoft YaHei, sans-serif;
    text-transform: none;
    font-size: 16px;
    line-height: 1.2;
    color: #9280ff
}

@media all and (max-width: 1280px) {
    .wd__feature__list .wd__feature .wd__feature__describe span.describeText {
        font-size: 15px
    }
}

@keyframes KeyBreathing1 {
    0% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes KeyTopBottom {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(10px)
    }

    to {
        transform: translateY(0)
    }
}

.lazyLoad {
    background-image: none !important;
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .7s;
    transition: opacity .7s
}

.opacityDefault {
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .7s;
    transition: opacity .7s
}

.fadeIn {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    will-change: opacity;
    -webkit-transition: opacity .7s;
    transition: opacity .7s
}

.fadeIn.animated {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.navigation {
    max-height: 100vh;
    height: 100%;
    display: none;
    padding-right: 20px;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999
}

.navigation:before {
    content: none;
    background-image: linear-gradient(to left, rgba(0, 0, 0, .85), transparent 90%);
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
    z-index: -1
}

.navigation>.inner {
    width: 100%;
    height: 100%;
    display: none;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    position: relative
}

.navigation.active {
    display: flex;
    align-items: center;
    padding-left: 4vw;
    padding-top: 100px
}

.navigation.active>.inner {
    display: flex;
    display: -webkit-flex
}

.navigation.active:before {
    content: ""
}

.navigation ul {
    display: block;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    position: relative;
    list-style: none
}

.navigation ul li {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    margin: 3% 0;
    text-align: left
}

.navigation ul li a {
    width: auto;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-family: Roboto Condensed, Segoe UI, Arial, PingFang TC, Microsoft JhengHei, Microsoft YaHei, sans-serif;
    font-size: 18px;
    padding: 0;
    position: relative;
    white-space: nowrap;
    text-decoration: none;
    text-shadow: 0 0 5px #000;
    transform-origin: right center;
    transition: transform ease .5s
}

.navigation ul li a.active .navDot:before,
.navigation ul li a.active .navDot:after {
    transform: translate(-50%, -50%) scale(1)
}

.navigation ul li a.active .navDot span {
    background-color: #9280ff
}

.navigation ul li a>span {
    display: inline-block;
    padding-right: 5px;
    opacity: 0;
    transform-origin: right center;
    transform: translate(20%) scale(1.2);
    transition: opacity ease .5s, transform ease .5s
}

.navigation ul li a .navDot {
    width: 20px;
    height: 20px;
    overflow: hidden;
    position: relative;
    transition: transform cubic-bezier(.85, 0, 0, .85) .5s
}

.navigation ul li a .navDot:before,
.navigation ul li a .navDot:after {
    content: "";
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #8c8c8c;
    display: block;
    position: absolute;
    transform-origin: center center;
    left: 50%;
    top: 50%;
    transition: transform cubic-bezier(.85, 0, 0, .85) 1s, border-color cubic-bezier(.85, 0, 0, .85) 1s
}

.navigation ul li a .navDot:before {
    width: 80%;
    height: 80%;
    transform: translate(-50%, -50%) scale(2);
    z-index: 2
}

.navigation ul li a .navDot:after {
    width: 33%;
    height: 33%;
    transform: translate(-50%, -50%) scale(3.3);
    z-index: 2
}

.navigation ul li a .navDot span {
    width: 33%;
    height: 33%;
    background-color: #8c8c8c;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    transition: transform cubic-bezier(.85, 0, 0, .85) 1s
}

@media (hover: hover) {
    .navigation ul li a:hover {
        transform: translate(0);
        will-change: transform
    }

    .navigation ul li a:hover>span {
        opacity: 1;
        transform: translate(0) scale(1);
        will-change: opacity, transform
    }

    .navigation ul li a:hover .navDot {
        will-change: transform
    }

    .navigation ul li a:hover .navDot:before,
    .navigation ul li a:hover .navDot:after {
        transform: translate(-50%, -50%) scale(1);
        will-change: transform
    }

    .navigation ul li a:hover .navDot span {
        background-color: #9280ff;
        transform: translate(-50%, -50%) scale(.1);
        will-change: background-color, transform
    }
}

@keyframes ROGnav {
    0% {
        -webkit-mask-size: 100% 270%
    }

    to {
        -webkit-mask-size: 100% 10%
    }
}

@keyframes squareBorderReverse {
    to {
        background-position: -11px 0, 10px -11px, 11px 10px, 0 11px
    }

    75% {
        background-position: 0 0, 10px -11px, 11px 10px, 0 11px
    }

    50% {
        background-position: 0 0, 10px 0, 11px 10px, 0 11px
    }

    25% {
        background-position: 0 0, 10px 0, -1px 10px, 0 11px
    }

    0% {
        background-position: 0 0, 10px 0, 0 10px, 0 0
    }
}

.product-name-bar {
    width: 100px;
    height: 100vh;
    background-image: linear-gradient(to right, rgba(0, 0, 0, .9), transparent 100%);
    display: flex;
    text-align: center;
    align-items: center;
    padding: 100px 30px 0 15px;
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    visibility: hidden;
    z-index: 99
}

.product-name-bar .inner {
    width: 4vh;
    padding-left: 5px;
    position: relative
}

.product-name-bar .title-wrapper {
    width: 20vh;
    height: 2.5vh;
    overflow: hidden;
    transform-origin: left;
    transform: translate(17px, -14px) rotate(90deg)
}

@media all and (min-width: 2560px) {
    .product-name-bar .title-wrapper {
        transform: translate(20px, -15px) rotate(90deg)
    }
}

.product-name-bar .title-block {
    text-align: left;
    transition: transform .3s ease
}

.product-name-bar .title-block.intro {
    transform: translateY(0)
}

.product-name-bar .title-block.performance {
    transform: translateY(-12%)
}

.product-name-bar .title-block.design {
    transform: translateY(-22%)
}

.product-name-bar .title-block.portability {
    transform: translateY(-32%)
}

.product-name-bar .title-block.thermal {
    transform: translateY(-42%)
}

.product-name-bar .title-block.display {
    transform: translateY(-52%)
}

.product-name-bar .title-block.control {
    transform: translateY(-62%)
}

.product-name-bar .title-block.connectivity {
    transform: translateY(-72%)
}

.product-name-bar .title-block.audio {
    transform: translateY(-82%)
}

.product-name-bar .title-block.software {
    transform: translateY(-92%)
}

.product-name-bar h4 {
    font-size: 2.5vh;
    line-height: 1.5;
    transform-origin: center
}

.product-name-bar .namebar_rog_z13 {
    width: 90%;
    margin: 0 auto
}

.product-name-bar .icon_global {
    padding: 1vh 0
}

.product-name-bar.active {
    visibility: visible
}

.subscribeEDM {
    background-color: #000;
    position: fixed;
    width: 19vw;
    height: 7vw;
    bottom: 1vw;
    right: 7vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: space-between;
    padding: 1vw 1.5vw;
    z-index: 1001;
    border: 1px solid #666666;
    visibility: hidden
}

@media screen and (min-width: 2560px) {
    .subscribeEDM {
        width: 430px;
        height: 179.2px;
        bottom: 25.6px;
        padding: 37.6px 37.8px;
        right: 110px
    }
}

@media screen and (max-width: 1440px) {
    .subscribeEDM {
        width: 17vw;
        right: 8.5vw
    }
}

@media screen and (max-width: 1024px) {
    .subscribeEDM {
        width: 36vw;
        height: 14vw;
        right: 12vw;
        padding: 2vw 3vw
    }
}

@media screen and (max-width: 767px) {
    .subscribeEDM {
        width: 73vw;
        height: 28vw;
        left: 1vw;
        right: auto;
        padding: 4vw 6vw
    }
}

.subscribeEDM .inputEmailTitleFrame {
    display: flex;
    flex-direction: row;
    margin-bottom: .3vw
}

@media screen and (max-width: 1024px) {
    .subscribeEDM .inputEmailTitleFrame {
        margin-bottom: .6vw
    }
}

@media screen and (max-width: 767px) {
    .subscribeEDM .inputEmailTitleFrame {
        margin-bottom: 1.2vw
    }
}

.subscribeEDM .inputEmailTitleFrame .inputEmailTitle {
    font-family: Roboto Condensed, Microsoft JhengHei, sans-serif;
    font-size: .8vw;
    color: #b5b5b5;
    text-transform: uppercase
}

@media screen and (min-width: 2560px) {
    .subscribeEDM .inputEmailTitleFrame .inputEmailTitle {
        font-size: 18px
    }
}

@media screen and (max-width: 1024px) {
    .subscribeEDM .inputEmailTitleFrame .inputEmailTitle {
        font-size: 1.6vw
    }
}

@media screen and (max-width: 767px) {
    .subscribeEDM .inputEmailTitleFrame .inputEmailTitle {
        font-size: 3.2vw
    }
}

.subscribeEDM .inputEmailTitleFrame .closeSubscribeBtn {
    border: 0;
    width: 1.5vw;
    height: .85vw;
    justify-content: center;
    align-items: center;
    display: flex;
    color: #b5b5b5;
    background: none;
    line-height: 1;
    padding: 0;
    margin: 0;
    box-shadow: none;
    outline: none;
    font: inherit;
    cursor: pointer;
    fill: #b5b5b5;
    opacity: 1;
    transition: opacity .5s ease-in-out
}

.subscribeEDM .inputEmailTitleFrame .closeSubscribeBtn:hover {
    opacity: .6
}

@media screen and (min-width: 2560px) {
    .subscribeEDM .inputEmailTitleFrame .closeSubscribeBtn {
        width: 38.4px;
        height: 21.76px
    }
}

@media screen and (max-width: 1024px) {
    .subscribeEDM .inputEmailTitleFrame .closeSubscribeBtn {
        width: 3vw;
        height: 1.8vw
    }
}

@media screen and (max-width: 767px) {
    .subscribeEDM .inputEmailTitleFrame .closeSubscribeBtn {
        width: 6vw;
        height: 3.6vw
    }
}

.subscribeEDM .inputEmailTitleFrame .closeSubscribeBtn svg {
    fill: #b5b5b5;
    width: 1.5vw;
    height: .85vw
}

@media screen and (min-width: 2560px) {
    .subscribeEDM .inputEmailTitleFrame .closeSubscribeBtn svg {
        width: 38.4px;
        height: 21.76px
    }
}

@media screen and (max-width: 1024px) {
    .subscribeEDM .inputEmailTitleFrame .closeSubscribeBtn svg {
        width: 3vw;
        height: 1.8vw
    }
}

@media screen and (max-width: 767px) {
    .subscribeEDM .inputEmailTitleFrame .closeSubscribeBtn svg {
        width: 6vw;
        height: 3.6vw
    }
}

.subscribeEDM .inputEmaiFrame {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.subscribeEDM .inputEmaiFrame #inputEmail {
    background-color: #000;
    border: 1px solid #666;
    color: #fff;
    padding: 8px 12px;
    width: 71%;
    height: 2vw
}

@media screen and (min-width: 2560px) {
    .subscribeEDM .inputEmaiFrame #inputEmail {
        font-size: 23.04px;
        width: 310px;
        height: 51.2px
    }
}

@media screen and (max-width: 1024px) {
    .subscribeEDM .inputEmaiFrame #inputEmail {
        height: 4vw
    }
}

@media screen and (max-width: 767px) {
    .subscribeEDM .inputEmaiFrame #inputEmail {
        height: 8vw
    }
}

.subscribeEDM .inputEmaiFrame #inputEmail::placeholder {
    font-size: .9vw
}

@media screen and (min-width: 2560px) {
    .subscribeEDM .inputEmaiFrame #inputEmail::placeholder {
        font-size: 23.04px
    }
}

@media screen and (max-width: 1024px) {
    .subscribeEDM .inputEmaiFrame #inputEmail::placeholder {
        font-size: 1.8vw
    }
}

@media screen and (max-width: 767px) {
    .subscribeEDM .inputEmaiFrame #inputEmail::placeholder {
        font-size: 3.6vw
    }
}

.subscribeEDM .inputEmaiFrame .inputEmailBtn {
    color: #fff;
    cursor: pointer;
    font-size: .9vw;
    background-color: #cc000e;
    width: 5vw;
    height: 2vw;
    border: 0;
    text-transform: uppercase;
    font-family: Roboto Condensed, Microsoft JhengHei, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    transition: background-color .5s ease-in-out
}

.subscribeEDM .inputEmaiFrame .inputEmailBtn:hover {
    background-color: #850007
}

@media screen and (min-width: 2560px) {
    .subscribeEDM .inputEmaiFrame .inputEmailBtn {
        font-size: 23.04px;
        width: 128px;
        height: 51.2px
    }
}

@media screen and (max-width: 1024px) {
    .subscribeEDM .inputEmaiFrame .inputEmailBtn {
        font-size: 1.8vw;
        width: 10vw;
        height: 4vw
    }
}

@media screen and (max-width: 767px) {
    .subscribeEDM .inputEmaiFrame .inputEmailBtn {
        font-size: 3.6vw;
        width: 20vw;
        height: 8vw
    }
}

#ASUS-features .section__base:not(#section-kv) {
    transition: opacity .5s ease-in-out
}

#ASUS-features .section__base.navShow {
    opacity: 1;
    display: block;
    transition: transform .2s .3s ease-in-out, opacity .5s ease-in-out
}

#ASUS-features .section__base .wd-content.large-text-center {
    text-align: center
}

#ASUS-features .section__base .wd-content.large-text-left {
    text-align: left
}

#ASUS-features .section__base .wd-content.large-text-right {
    text-align: right
}

#ASUS-features .section__base .modal-button-container {
    margin-top: 62px;
    height: auto
}

@keyframes slickDurationAnimation {
    0% {
        width: 0%
    }

    to {
        width: 100%
    }
}

#ASUS-features .section__base .slick-arrow {
    width: 40px;
    height: 40px;
    background-color: transparent;
    border: solid 1px #86868b;
    display: block;
    font-family: cursive;
    font-size: 16px;
    font-weight: 100;
    line-height: 40px;
    transition: background-color ease .4s;
    position: absolute;
    z-index: 6;
    display: none
}

@media (hover: hover) {
    #ASUS-features .section__base .slick-arrow:hover {
        background-color: #ffffff26;
        will-change: background-color
    }

    #ASUS-features .section__base .slick-arrow:hover:before {
        color: #9480ff
    }
}

@media all and (max-width: 1280px) {
    #ASUS-features .section__base .slick-arrow {
        width: 32px;
        height: 32px
    }
}

#ASUS-features .section__base .slick-arrow.slick-disabled {
    display: none !important
}

#ASUS-features .section__base .slick-next,
#ASUS-features .section__base .slick-prev {
    left: auto;
    right: auto;
    top: auto;
    bottom: 5px;
    transform: translate(-50%)
}

#ASUS-features .section__base .slick-next:before,
#ASUS-features .section__base .slick-prev:before {
    width: 16px;
    height: 16px;
    background-image: url(../images/svg/icon_arrow.svg);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    display: block;
    filter: grayscale(1);
    position: absolute;
    top: 29%;
    transform-origin: center center
}

@media all and (min-width: 1280px) {

    #ASUS-features .section__base .slick-next:before,
    #ASUS-features .section__base .slick-prev:before {
        top: 30%
    }
}

@media all and (max-width: 480px) {

    #ASUS-features .section__base .slick-next:before,
    #ASUS-features .section__base .slick-prev:before {
        width: 12px;
        height: 12px
    }
}

#ASUS-features .section__base .slick-next {
    left: calc(50% + 140px)
}

#ASUS-features .section__base .slick-next:before {
    content: "";
    left: 20%;
    transform: rotate(135deg)
}

@media all and (min-width: 1280px) {
    #ASUS-features .section__base .slick-next:before {
        left: 20%
    }
}

#ASUS-features .section__base .slick-prev {
    left: calc(50% - 140px)
}

#ASUS-features .section__base .slick-prev:before {
    content: "";
    left: 30%;
    transform: rotate(-45deg)
}

@media all and (min-width: 1280px) {
    #ASUS-features .section__base .slick-prev:before {
        left: 32%
    }
}

#ASUS-features .section__base .slider {
    max-width: 2560px;
    padding-bottom: 60px
}

@media all and (max-width: 1280px) {
    #ASUS-features .section__base .slider {
        padding-bottom: 70px
    }
}

#ASUS-features .section__base .slider.slick-dotted.slick-slider {
    margin: 0 auto
}

#ASUS-features .section__base .slider .slick-list {
    padding: 0 10px;
    z-index: 1
}

#ASUS-features .section__base .slider .slick-dots {
    list-style-type: none;
    position: absolute;
    bottom: 20px;
    z-index: 3
}

#ASUS-features .section__base .slider .slick-dots li:not(.block-pause-play) {
    width: 5px;
    height: 5px;
    margin: 0 10px;
    transition: width ease .25s
}

#ASUS-features .section__base .slider .slick-dots li:not(.block-pause-play) button {
    width: 5px;
    height: 5px;
    background-color: #373737;
    border-radius: 1px;
    padding: 0;
    position: relative;
    bottom: 2px;
    transform: rotate(135deg);
    transform-origin: center
}

#ASUS-features .section__base .slider .slick-dots li:not(.block-pause-play) button:after {
    content: "";
    width: 0;
    height: 100%;
    background-color: transparent;
    border-radius: 1px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    animation-duration: 8s;
    animation-timing-function: linear;
    animation-iteration-count: 3;
    animation-direction: alternate;
    animation-fill-mode: forwards
}

#ASUS-features .section__base .slider .slick-dots li.slick-active {
    width: 70px
}

#ASUS-features .section__base .slider .slick-dots li.slick-active.animate-paused button:after {
    animation-play-state: paused
}

#ASUS-features .section__base .slider .slick-dots li.slick-active.animate-none button:after {
    animation-name: none
}

#ASUS-features .section__base .slider .slick-dots li.slick-active button {
    width: 70px;
    height: 3px;
    transform: rotate(0);
    transition: width ease .4s
}

#ASUS-features .section__base .slider .slick-dots li.slick-active button:after {
    background-color: #c7c7c7;
    animation-name: slickDurationAnimation
}

#ASUS-features .section__base .slider .slick-dots .slide-switcher {
    width: 28px;
    height: 28px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin-left: 0;
    margin-top: 5px;
    overflow: hidden;
    position: relative;
    text-indent: -99999px;
    vertical-align: middle;
    opacity: .5;
    transition: opacity ease .2s
}

#ASUS-features .section__base .slider .slick-dots .slide-switcher[title=play]:before,
#ASUS-features .section__base .slider .slick-dots .slide-switcher[data-status=play]:before {
    width: 0;
    height: 0;
    background-color: transparent;
    border-style: solid;
    border-width: 8px 0 8px 14px;
    border-color: transparent transparent transparent #999
}

#ASUS-features .section__base .slider .slick-dots .slide-switcher[title=play]:after,
#ASUS-features .section__base .slider .slick-dots .slide-switcher[data-status=play]:after {
    transform: translateY(28px)
}

#ASUS-features .section__base .slider .slick-dots .slide-switcher:before,
#ASUS-features .section__base .slider .slick-dots .slide-switcher:after {
    content: "";
    width: 3px;
    height: 16px;
    background-color: #999;
    border-radius: 1px;
    display: block;
    position: absolute;
    top: 6px
}

#ASUS-features .section__base .slider .slick-dots .slide-switcher:before {
    left: 7px
}

#ASUS-features .section__base .slider .slick-dots .slide-switcher:after {
    left: 15px
}

@media (hover: hover) {
    #ASUS-features .section__base .slider .slick-dots .slide-switcher:hover {
        opacity: 1;
        will-change: opacity
    }
}

#ASUS-features .section__base .slider .slick-track {
    display: flex;
    align-items: flex-start;
    justify-content: center
}

#ASUS-features .section__base .slider .slick-slide {
    float: none;
    padding: 0 10px
}

#ASUS-features .section__base .slider .slick-slide .border {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    pointer-events: none
}

#ASUS-features .section__base .slider .slick-slide.slick-active .slide:before {
    opacity: 1;
    will-change: opacity
}

#ASUS-features .section__base .slider .slick-slide.slick-active .slide:after {
    animation-name: rotatePlus
}

#ASUS-features .section__base .slider .slick-slide.slick-active .pic,
#ASUS-features .section__base .slider .slick-slide.slick-active .text-block {
    opacity: 1;
    will-change: opacity
}

#ASUS-features .section__base .slider .slide {
    overflow: hidden;
    padding: 0;
    position: relative
}

#ASUS-features .section__base .slider .slide:before,
#ASUS-features .section__base .slider .slide:after {
    content: ""
}

#ASUS-features .section__base .slider .slide:before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, #313132, #000);
    display: block;
    -webkit-mask-image: url(../images/svg/design_slide_mask.svg);
    mask-image: url(../images/svg/design_slide_mask.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    opacity: .5;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: opacity ease .3s;
    transition-delay: .2s
}

#ASUS-features .section__base .slider .slide:after {
    width: 2.25%;
    height: 2.4%;
    display: block;
    background-image: url(../images/svg/icon_plus.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    animation-duration: 1.5s;
    animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    animation-iteration-count: 3;
    animation-direction: alternate;
    animation-fill-mode: forwards
}

@media all and (max-width: 735px) {
    #ASUS-features .section__base .slider .slide:after {
        width: 3%
    }
}

@media all and (max-width: 480px) {
    #ASUS-features .section__base .slider .slide:after {
        width: 3.1%;
        height: 2.6%;
        right: -1px;
        bottom: -1px
    }
}

#ASUS-features .section__base .slider .slide .pic {
    opacity: .75;
    padding-bottom: 15px;
    transition: opacity ease .3s
}

@media all and (max-width: 1280px) {
    #ASUS-features .section__base .slider .slide .pic {
        padding-bottom: 6px
    }
}

@media all and (max-width: 1024px) {
    #ASUS-features .section__base .slider .slide .pic {
        padding-bottom: 15px
    }
}

#ASUS-features .section__base .slider .slide .pic picture {
    width: 100%;
    display: block
}

#ASUS-features .section__base .slider .slide .text-block {
    opacity: .75;
    transition: opacity ease .3s;
    transition-delay: .1s
}

@media all and (max-width: 1280px) {
    #ASUS-features .section__base .slider .slide .text-block .text-inner h4 {
        font-size: 2.25vw
    }
}

@media all and (max-width: 1024px) {
    #ASUS-features .section__base .slider .slide .text-block .text-inner h4 {
        font-size: 5vw
    }
}

#ASUS-features .section__base .slider .slide .text-block .text-inner p {
    height: 142px;
    overflow-y: scroll;
    padding-right: 10px
}

#ASUS-features .section__base .slider .slide .text-block .text-inner p::-webkit-scrollbar {
    width: 5px
}

#ASUS-features .section__base .slider .slide .text-block .text-inner p::-webkit-scrollbar-track {
    background-color: transparent
}

#ASUS-features .section__base .slider .slide .text-block .text-inner p::-webkit-scrollbar-thumb {
    background-color: #fff3;
    transition: background-color ease .2s
}

@media (hover: hover) {
    #ASUS-features .section__base .slider .slide .text-block .text-inner p::-webkit-scrollbar-thumb:hover {
        background-color: #ffffff40
    }
}

@media all and (max-width: 1920px) {
    #ASUS-features .section__base .slider .slide .text-block .text-inner p {
        height: 6.2vw
    }
}

@media all and (max-width: 1280px) {
    #ASUS-features .section__base .slider .slide .text-block .text-inner p {
        height: 10.2vw
    }
}

#ASUS-features .section__base .slider.horizontal-layout .container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse
}

#ASUS-features .section__base .slider.horizontal-layout .container .content {
    width: 40%
}

#ASUS-features .section__base .slider.horizontal-layout .container .pic {
    width: 60%
}

@keyframes rotatePlus {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

#ASUS-features .section__kv {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    min-height: 107vw;
    opacity: 0
}

@media all and (min-width: 2560px) {
    #ASUS-features .section__kv {
        min-height: 2710px
    }
}

#ASUS-features .section__kv .img__kv {
    width: 100%;
    height: 107vw;
    opacity: 1;
    position: relative;
    z-index: 1
}

@media all and (min-width: 2560px) {
    #ASUS-features .section__kv .img__kv {
        height: 2710px
    }
}

#ASUS-features .section__kv .img__kv {
    background-image: url(../images/large/1x/kv.webp)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    #ASUS-features .section__kv .img__kv {
        background-image: url(../images/large/2x/kv.webp)
    }
}

.noWebp #ASUS-features .section__kv .img__kv {
    background-image: url(../images/large/1x/kv.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .noWebp #ASUS-features .section__kv .img__kv {
        background-image: url(../images/large/2x/kv.jpg)
    }
}

#ASUS-features .section__kv .kv-container {
    width: 100%;
    background-color: #000;
    position: relative;
    z-index: 10
}

#ASUS-features .section__kv .kv-container .kv-wrapper {
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -webkit-perspective-origin: center center;
    perspective-origin: center center;
    perspective: 1000px;
    -webkit-perspective: 1000px;
    position: relative
}

#ASUS-features .section__kv .kv-container .text-block {
    width: 100%;
    margin: 0;
    padding: 0 30px;
    position: relative;
    z-index: 2;
    margin-top: -44vw;
    opacity: 0;
    transform: translateY(20%);
    transition: opacity .5s cubic-bezier(1, 0, .55, .55), transform .5s cubic-bezier(1, 0, .55, .55)
}

@media all and (min-width: 2560px) {
    #ASUS-features .section__kv .kv-container .text-block {
        margin-top: -998px
    }
}

#ASUS-features .section__kv h2 {
    color: #fff;
    font-size: 7.288vw;
    line-height: 1.4;
    margin: 0;
    text-align: center;
    position: relative;
    z-index: 2
}

@media all and (min-width: 2560px) {
    #ASUS-features .section__kv h2 {
        font-size: 169.2px
    }
}

#ASUS-features .section__kv h2 span {
    display: inline-block;
    opacity: 0
}

#ASUS-features .section__kv h3 {
    color: #f51928;
    font-size: 2vw;
    font-weight: 400;
    letter-spacing: 3px;
    line-height: 1.4;
    margin: 0;
    padding-top: 10px;
    text-align: center;
    transition: opacity cubic-bezier(1, 0, 0, 1) .25s, transform cubic-bezier(1, 0, 0, 1) .25s
}

#ASUS-features .section__kv h3 em {
    font-weight: 700
}

@media all and (min-width: 2560px) {
    #ASUS-features .section__kv h3 {
        font-size: 51px
    }
}

#ASUS-features .section__kv p {
    color: #fff;
    text-align: center;
    width: 60%;
    margin: 0 auto;
    font-size: 2vw
}

@media all and (min-width: 2560px) {
    #ASUS-features .section__kv p {
        width: 1312px;
        font-size: 46.5px
    }
}

#ASUS-features .section__kv .kv_pd {
    position: relative;
    margin-top: -17vw;
    margin-left: auto;
    margin-right: auto;
    z-index: 20;
    width: 61%;
    opacity: 0;
    transform: translateY(20%);
    transition: opacity 1s ease-in-out, transform 1s ease-in-out
}

@media all and (min-width: 2560px) {
    #ASUS-features .section__kv .kv_pd {
        margin-top: -435px;
        width: 1420px
    }
}

#ASUS-features .section__kv .event_time {
    position: relative;
    margin-top: -7vw;
    z-index: 20;
    padding-bottom: 2vw
}

@media all and (min-width: 2560px) {
    #ASUS-features .section__kv .event_time {
        padding-bottom: 72px;
        margin-top: -179.2px
    }
}

#ASUS-features .section__kv .intel_badge {
    position: absolute;
    z-index: 5;
    width: 11vw;
    right: 3vw;
    bottom: 3vw
}

@media all and (min-width: 2560px) {
    #ASUS-features .section__kv .intel_badge {
        width: 281.6px;
        right: 76.8px;
        bottom: 76.8px
    }
}

#ASUS-features .section__kv.active {
    opacity: 1;
    will-change: opacity;
    transition: opacity cubic-bezier(1, 0, .55, .55) .5s
}

#ASUS-features .section__kv.active .text-block {
    opacity: 1;
    transform: translate(0);
    transition: opacity .3s cubic-bezier(1, 0, .55, .55) 1s, transform cubic-bezier(1, 0, .55, .55) 1s;
    transition-delay: .3s
}

#ASUS-features .section__kv.active .kv_pd {
    opacity: 1;
    transform: translateY(0)
}

#ASUS-features .section__kv.active h2 span {
    opacity: 1;
    will-change: opacity, transform
}

#ASUS-features .section__kv.active h2 span:nth-child(1) {
    transform: translate(0) translateY(0) skew(0);
    transition-delay: .1s
}

#ASUS-features .section__kv.active h2 span:nth-child(2) {
    transform: translate(0) translateY(0) skew(0);
    transition-delay: .2s
}

#ASUS-features .section__kv.active h2 span:nth-child(3) {
    transform: translate(0) translateY(0) skew(0);
    transition-delay: .3s
}

#ASUS-features .section__kv.active h3 {
    opacity: 1;
    transition-delay: .4s
}

@keyframes flow {
    0% {
        transform: translate(0) translateY(0)
    }

    50% {
        transform: translate(-1%) translateY(-1%)
    }

    to {
        transform: translate(0) translateY(0)
    }
}

#ASUS-features .section__origin {
    padding-top: 0;
    min-height: 40vw
}

#ASUS-features .section__origin .origin-frame {
    position: relative
}

#ASUS-features .section__origin .origin-frame .section__2__bg {
    position: absolute;
    width: 100vw;
    height: 63vw
}

@media all and (min-width: 2560px) {
    #ASUS-features .section__origin .origin-frame .section__2__bg {
        width: 2560px;
        height: 1466px
    }
}

#ASUS-features .section__origin .origin-frame .text-block {
    position: absolute;
    left: 7vw;
    width: 25vw;
    margin-top: 10vw;
    margin-bottom: 0;
    transform: translate(-30vw);
    transition: opacity .5s cubic-bezier(1, 0, .55, 1), transform .5s cubic-bezier(1, 0, .55, 1);
    opacity: 0
}

#ASUS-features .section__origin .origin-frame .text-block h3 {
    margin: 0;
    text-align: left
}

@media all and (min-width: 2560px) {
    #ASUS-features .section__origin .origin-frame .text-block h3 {
        font-size: 82px
    }
}

#ASUS-features .section__origin .origin-frame .text-block p {
    margin-top: 2vw;
    text-align: left
}

@media all and (min-width: 2560px) {
    #ASUS-features .section__origin .origin-frame .text-block p {
        font-size: 24px
    }
}

#ASUS-features .section__origin.active .text-block {
    transform: translate(0);
    opacity: 1
}

#ASUS-features .section__buy {
    padding: 80px 0
}

#ASUS-features .section__buy .text-block {
    text-align: center;
    margin-bottom: 60px;
    transform: translateY(-30vw);
    transition: opacity .8s cubic-bezier(1, 0, .55, 1), transform .8s cubic-bezier(1, 0, .55, 1);
    opacity: 0
}

#ASUS-features .section__buy .text-block h3 {
    color: #fff;
    font-weight: 700
}

@media all and (min-width: 2560px) {
    #ASUS-features .section__buy .text-block h3 {
        font-size: 82px
    }
}

#ASUS-features .section__buy .buy-table-frame {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    transform: translateY(30vw);
    transition: opacity .8s cubic-bezier(1, 0, .55, 1), transform .8s cubic-bezier(1, 0, .55, 1);
    opacity: 0
}

#ASUS-features .section__buy .product-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 40px
}

#ASUS-features .section__buy .product-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

#ASUS-features .section__buy .image-block {
    width: 100%;
    max-width: 360px;
    height: 280px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px
}

#ASUS-features .section__buy .image-block img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

#ASUS-features .section__buy .product-name {
    margin-bottom: 15px
}

#ASUS-features .section__buy .product-name h4.product-title {
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .5px
}

#ASUS-features .section__buy .product-info {
    margin-bottom: 30px
}

#ASUS-features .section__buy .product-info p {
    color: #ddd;
    font-size: 1.125rem
}

#ASUS-features .section__buy .buy-btn a {
    display: inline-block;
    padding: .2vw 2.5vw;
    background: linear-gradient(90deg, #609ef2, #8c34d2, #ff589e);
    color: #fff;
    font-size: 1.5vw;
    font-weight: 700;
    text-decoration: none;
    border-radius: 50px;
    transition: all .3s ease;
    box-shadow: 0 4px 15px #e6569e4d
}

@media all and (min-width: 2560px) {
    #ASUS-features .section__buy .buy-btn a {
        padding: 4px 35px;
        font-size: 24px
    }
}

#ASUS-features .section__buy .buy-btn a:hover {
    opacity: .9;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px #e6569e80
}

#ASUS-features .section__buy.active .text-block,
#ASUS-features .section__buy.active .buy-table-frame {
    transform: translateY(0);
    transition: opacity .8s cubic-bezier(1, 0, .55, 1), transform .8s cubic-bezier(1, 0, .55, 1);
    opacity: 1
}

#ASUS-features .section__offer {
    position: relative;
    padding: 120px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

#ASUS-features .section__offer .offer_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0
}

#ASUS-features .section__offer .offer_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#ASUS-features .section__offer .offer-container {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    color: #fff
}

#ASUS-features .section__offer .text-block {
    text-align: center;
    margin-bottom: 60px
}

#ASUS-features .section__offer .text-block h3 {
    font-size: 3.5rem;
    font-weight: 700;
    margin-bottom: 30px;
    letter-spacing: 1px
}

#ASUS-features .section__offer .text-block p {
    font-size: 1.35rem;
    line-height: 1.6;
    margin-bottom: 25px
}

#ASUS-features .section__offer .text-block .offer-date {
    margin-top: 30px;
    font-size: 1.35rem
}

#ASUS-features .section__offer .offer-steps {
    width: 65%;
    max-width: 860px;
    margin: 0 auto
}

#ASUS-features .section__offer .offer-steps ol {
    list-style: none;
    padding: 0;
    margin: 0
}

#ASUS-features .section__offer .offer-steps ol li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 40px;
    font-size: 1.25rem;
    line-height: 1.5
}

#ASUS-features .section__offer .offer-steps ol li:last-child {
    margin-bottom: 0
}

#ASUS-features .section__offer .offer-steps ol li .step-num {
    flex-shrink: 0;
    width: 22px;
    font-weight: 400
}

#ASUS-features .section__offer .offer-steps ol li .step-text {
    flex-grow: 1
}

#ASUS-features .section__offer .offer-steps ol li .step-text a {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 4px;
    transition: color .3s ease;
    font-size: 1.25rem
}

#ASUS-features .section__offer .offer-steps ol li .step-text a:hover {
    color: #bbb
}

#ASUS-features .section__power {
    background: linear-gradient(180deg, #020617, #1c3570);
    padding: 120px 0 100px;
    color: #fff;
    text-align: center
}

#ASUS-features .section__power .power-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px
}

#ASUS-features .section__power .logos-block {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin-bottom: 2vw
}

#ASUS-features .section__power .logos-block .legoBatman_Logo {
    max-width: 400px;
    width: 380px
}

#ASUS-features .section__power .logos-block .legoBatman_Logo img {
    width: 100%;
    height: auto
}

#ASUS-features .section__power .logos-block .rating_10 {
    max-width: 80px
}

#ASUS-features .section__power .logos-block .rating_10 img {
    width: 100%;
    height: auto
}

#ASUS-features .section__power .legal-text-block {
    max-width: 1030px;
    margin: 0 auto 100px;
    font-size: .95rem;
    line-height: 1.6;
    color: #d0d0d0;
    text-align: center
}

#ASUS-features .section__power .legal-text-block p {
    margin-bottom: 25px
}

#ASUS-features .section__power .legal-text-block p:last-child {
    margin-bottom: 0
}

#ASUS-features .section__power .legal-text-block a {
    color: #d0d0d0;
    text-decoration: underline;
    text-underline-offset: 3px
}

#ASUS-features .section__power .legal-text-block a:hover {
    color: #fff
}

#ASUS-features .section__power .footer-logo {
    display: flex;
    justify-content: center;
    align-items: center
}

#ASUS-features .section__power .footer-logo .intel_gaming_logo {
    width: 350px
}

#ASUS-features .section__power .footer-logo .intel_gaming_logo img {
    width: 100%;
    height: auto
}

#ASUS-features .section__base .animate-player .content-frame2 .draw-line:before,
#ASUS-features .section__base .animate-player .content-frame2 .draw-line:after {
    opacity: 0
}

#ASUS-features .section__base .animate-player .content-frame2 .draw-line:before {
    transition: opacity ease .8s .8s
}

#ASUS-features .section__base .animate-player .content-frame2 .draw-line:after {
    transform: translate(30%);
    transition: opacity ease 1s .4s, transform ease 1s .4s
}

#ASUS-features .section__base .animate-player .content-frame2 .draw-line span {
    opacity: 0;
    transition: opacity ease .6s .4s
}

#ASUS-features .section__base .animate-player .content-frame2 .draw-line span.deco {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity ease .6s, transform ease .8s
}

#ASUS-features .section__base .animate-player .content-frame2 .content-info,
#ASUS-features .section__base .animate-player .content-frame2 .note {
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity ease .8s .6s, transform ease .8s .6s
}

#ASUS-features .section__base .animate-player .content-frame2 .wd__feature__list .feature-1 {
    opacity: 0;
    transition: opacity ease .6s .2s
}

#ASUS-features .section__base .animate-player .content-frame2 .wd__feature__list .feature-2 {
    opacity: 0;
    transition: opacity ease .6s .4s
}

#ASUS-features .section__base .animate-player .content-frame2 .wd__feature__list .feature-3 {
    opacity: 0;
    transition: opacity ease .6s .6s
}

#ASUS-features .section__base .animate-player .content-frame2 .wd__feature__list .feature-4 {
    opacity: 0;
    transition: opacity ease .6s .8s
}

#ASUS-features .section__base .animate-player .content-frame2 .wd__feature__list .feature-5 {
    opacity: 0;
    transition: opacity ease .6s 1s
}

#ASUS-features .section__base .animate-player .content-frame2 .wd__feature__list .feature-6 {
    opacity: 0;
    transition: opacity ease .6s 1.2s
}

#ASUS-features .section__base .animate-player .content-frame2 .wd__feature__list .feature-7 {
    opacity: 0;
    transition: opacity ease .6s 1.4s
}

#ASUS-features .section__base .animate-player .content-frame2 .wd__feature__list .feature-8 {
    opacity: 0;
    transition: opacity ease .6s 1.6s
}

#ASUS-features .section__base .animate-player .content-frame2 .wd__feature__list .feature-9 {
    opacity: 0;
    transition: opacity ease .6s 1.8s
}

#ASUS-features .section__base .animate-player.animated .content-frame2 .content-info,
#ASUS-features .section__base .animate-player.animated .content-frame2 .note {
    opacity: 1;
    transform: translateY(0)
}

#ASUS-features .section__base .animate-player.animated .wd__feature__list .feature-1,
#ASUS-features .section__base .animate-player.animated .wd__feature__list .feature-2,
#ASUS-features .section__base .animate-player.animated .wd__feature__list .feature-3,
#ASUS-features .section__base .animate-player.animated .wd__feature__list .feature-4,
#ASUS-features .section__base .animate-player.animated .wd__feature__list .feature-5,
#ASUS-features .section__base .animate-player.animated .wd__feature__list .feature-6,
#ASUS-features .section__base .animate-player.animated .wd__feature__list .feature-7,
#ASUS-features .section__base .animate-player.animated .wd__feature__list .feature-8,
#ASUS-features .section__base .animate-player.animated .wd__feature__list .feature-9,
#ASUS-features .section__base .animate-player.animated .icon-arrow {
    opacity: 1
}

#ASUS-features .section__base .animate-player.animated .icon-arrow.down {
    transform: translateY(0);
    transition: opacity ease .4s, transform ease .4s
}

#ASUS-features .section__base .animate-player.animated .gradient-text {
    animation-name: gradient_text
}

#ASUS-features .section__base .gradient-text {
    -webkit-mask-image: linear-gradient(to top, transparent 5%, black, transparent 95%);
    mask-image: linear-gradient(to top, transparent 5%, black, transparent 95%);
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease
}

@keyframes gradient_text {
    0% {
        -webkit-mask-position: 0 0;
        mask-position: 0 0
    }

    to {
        -webkit-mask-position: 0 -160px;
        mask-position: 0 -160px
    }
}

@media all and (max-width: 1024px) {
    #ASUS-features .section__base .content-frame2 .wd-content2 {
        max-width: none !important;
        padding: 0
    }

    #ASUS-features .section__base .wd-content {
        max-width: 920px;
        margin: 0 auto;
        padding: 0 15px;
        position: relative;
        z-index: 20
    }

    #ASUS-features .section__base .wd-content.medium-text-center {
        text-align: center
    }

    #ASUS-features .section__base .wd-content.medium-text-left {
        text-align: left
    }

    #ASUS-features .section__base .wd-content.medium-text-right {
        text-align: right
    }

    #ASUS-features .section__base .wd-content>* {
        font-weight: 400;
        font-style: normal
    }

    #ASUS-features .section__base .wd-content>*.content-slogan {
        color: #fff;
        font-size: 36px
    }

    #ASUS-features .section__base .wd-content>*.content-slogan:after {
        content: "";
        display: block;
        background-repeat: no-repeat;
        background-size: contain;
        margin-bottom: -12px;
        margin-left: 0;
        width: 372px;
        height: 9px;
        margin-top: 15px;
        background-position: 3px;
        background-image: url(../images/large/1x/titleLine.webp)
    }
}

@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1024px) and (min-resolution: 1.5dppx),
(max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5),
(max-width: 1024px) and (min-resolution: 144dpi) {
    #ASUS-features .section__base .wd-content>*.content-slogan:after {
        background-image: url(../images/large/2x/titleLine.webp)
    }
}

@media all and (max-width: 1024px) {
    #ASUS-features .section__base .wd-content>*.icon_title {
        display: none
    }

    #ASUS-features .section__base .wd-content.text-center>* {
        text-align: center
    }

    #ASUS-features .section__base .wd-content.text-left>* {
        text-align: left
    }

    #ASUS-features .section__base .wd-content.text-right>* {
        text-align: right
    }

    #ASUS-features .section__base.noWebp .wd-content>*.content-slogan:after {
        background-image: url(../images/large/1x/titleLine.png)
    }
}

@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1024px) and (min-resolution: 1.5dppx),
(max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5),
(max-width: 1024px) and (min-resolution: 144dpi) {
    #ASUS-features .section__base.noWebp .wd-content>*.content-slogan:after {
        background-image: url(../images/large/2x/titleLine.png)
    }
}

@media all and (max-width: 1024px) {
    #ASUS-features .section__base .slider .slide .content {
        max-height: 16.5em;
        padding-left: 22px;
        padding-right: 13px
    }

    #ASUS-features .section__kv .kv-container {
        width: 100%;
        background-color: #000;
        position: relative;
        z-index: 10
    }

    #ASUS-features .section__kv .kv-container .kv-wrapper {
        transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        -webkit-perspective-origin: center center;
        perspective-origin: center center;
        perspective: 1000px;
        -webkit-perspective: 1000px;
        position: relative
    }

    #ASUS-features .section__kv .kv-container .text-block {
        width: 100%;
        margin: 0;
        padding: 0 30px;
        position: relative;
        z-index: 2;
        margin-top: -44vw;
        opacity: 1
    }

    #ASUS-features .section__kv h2 {
        color: #fff;
        font-size: 7.288vw;
        line-height: 1.4;
        margin: 0;
        text-align: center;
        position: relative;
        z-index: 2
    }

    #ASUS-features .section__kv h2 span {
        display: inline-block;
        opacity: 0
    }

    #ASUS-features .section__kv h3 {
        color: #f51928;
        font-size: 2vw;
        font-weight: 400;
        letter-spacing: 3px;
        line-height: 1.4;
        margin: 0;
        padding-top: 10px;
        text-align: center;
        transition: opacity cubic-bezier(1, 0, 0, 1) .25s, transform cubic-bezier(1, 0, 0, 1) .25s
    }

    #ASUS-features .section__kv h3 em {
        font-weight: 700
    }

    #ASUS-features .section__kv p {
        color: #fff;
        text-align: center;
        width: 60%;
        margin: 0 auto;
        font-size: 2vw
    }

    #ASUS-features .section__kv .intel_badge {
        position: absolute;
        z-index: 5;
        width: 15vw;
        right: 3vw;
        bottom: 3vw
    }

    #ASUS-features .section__origin {
        padding-top: 0;
        min-height: 40vw
    }

    #ASUS-features .section__origin .origin-frame .text-block {
        width: 39vw
    }

    #ASUS-features .section__offer .offer-steps {
        width: 80%;
        max-width: 860px;
        margin: 0 auto
    }

    #ASUS-features .section__power .power-container {
        width: 90vw
    }

    #ASUS-features .section__base .wd-content.text-animate.text-showed .img__kv__logo,
    #ASUS-features .section__base .wd-content.text-animate.text-showed .content-slogan {
        transition: transform .3s .1s ease, opacity .3s .1s ease;
        opacity: 1
    }

    #ASUS-features .section__base .wd-content.text-animate.text-showed .content-title {
        transition: transform .3s .25s ease, opacity .3s .25s ease;
        opacity: 1
    }

    #ASUS-features .section__base .wd-content.text-animate.text-showed .content-info {
        transition: transform .3s .35s ease, opacity .3s .35s ease;
        opacity: 1
    }

    #ASUS-features .section__base .wd-content.text-animate.text-showed .content-comment {
        transition: transform .4s .4s ease, opacity .4s .4s ease;
        opacity: 1
    }

    #ASUS-features .section__base .wd-content.text-animate.text-showed .wd__feature__list {
        transition: transform .7s .7s ease, opacity .4s .7s ease;
        opacity: 1
    }

    #ASUS-features .section__base .wd-content.text-animate.text-showed .icon {
        transition: transform .4s .7s ease, opacity .4s .7s ease;
        opacity: 1
    }
}

@media all and (max-width: 735px) {
    #ASUS-features .section__base .content-frame {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    #ASUS-features .section__base .content-frame .wd-content {
        width: 100%;
        text-align: left;
        margin: 15px auto;
        padding: 0 20px
    }

    #ASUS-features .section__base .content-frame .wd-content.small-text-center {
        text-align: center
    }

    #ASUS-features .section__base .content-frame .wd-content.small-text-left {
        text-align: left
    }

    #ASUS-features .section__base .content-frame .wd-content.small-text-right {
        text-align: right
    }

    #ASUS-features .section__base .content-frame .wd-content .content-slogan {
        width: 100%;
        margin: 10px 0 32px;
        font-size: 31px;
        line-height: .8
    }
}

@media all and (max-width: 735px) and (min-width: 0px) and (max-width: 320px) {
    #ASUS-features .section__base .content-frame .wd-content .content-slogan {
        font-size: 28px
    }
}

@media all and (max-width: 735px) {
    #ASUS-features .section__base .content-frame .wd-content .content-slogan.content-slogan__kv {
        width: 90%;
        margin: -39px 0 -8px;
        line-height: 1.2;
        color: #fff;
        text-align: center;
        font-size: 22px
    }

    #ASUS-features .section__base .content-frame .wd-content .content-slogan:after {
        content: "";
        display: block;
        background-repeat: no-repeat;
        background-size: contain;
        margin-bottom: -12px;
        margin-left: -6px;
        width: 278px;
        height: 7px;
        margin-top: 15px;
        background-position: 3px;
        background-image: url(.small/1x/titleLine.png)
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
(max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
(max-width: 735px) and (min-resolution: 144dpi) {
    #ASUS-features .section__base .content-frame .wd-content .content-slogan:after {
        background-image: url(.small/2x/titleLine.png)
    }
}

@media all and (max-width: 735px) {
    #ASUS-features .section__base .content-frame .wd-content .content-title {
        font-size: 34px
    }

    #ASUS-features .section__base .content-frame .wd-content .content-info {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
        margin-right: 0;
        font-size: 16px;
        line-height: 1.45
    }

    #ASUS-features .section__base .content-frame .wd-content .content-comment {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        max-width: 350px;
        line-height: 1.45;
        margin-top: 13px;
        font-size: 16px
    }

    #ASUS-features .section__base .wd__feature__list {
        width: 100%;
        margin: 25px auto 15px
    }

    #ASUS-features .section__base .wd__feature__list .wd__feature {
        min-width: auto;
        text-align: left;
        margin: 10px 20px
    }

    #ASUS-features .section__base .wd__feature__list .wd__feature.small-text-left {
        text-align: left
    }

    #ASUS-features .section__base .wd__feature__list .wd__feature .wd__feature__top {
        font-size: 14px;
        padding-bottom: 4px
    }

    #ASUS-features .section__base .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 26px;
        line-height: 1.2em
    }

    #ASUS-features .section__base .wd__feature__list .wd__feature .wd__feature__data .space-left-m,
    #ASUS-features .section__base .wd__feature__list .wd__feature .wd__feature__data .space-right-m {
        font-size: 14px
    }

    #ASUS-features .section__base .wd__feature__list .wd__feature .wd__feature__describe {
        font-size: 12px;
        font-size: 14px;
        padding-top: 4px
    }

    #ASUS-features .section__base .wd__feature__list .wd__feature .wd__feature__describe span.describeText {
        font-size: 14px;
        line-height: 1.1
    }

    #ASUS-features .section__base .modal-button-container {
        height: 45px
    }

    #ASUS-features .section__base .modal-button-container .modal-button {
        width: 180px;
        height: 37px;
        line-height: 36px
    }

    #ASUS-features .section__base .modal-button-container .modal-button .modal-inner-text {
        font-size: 14px
    }

    #ASUS-features .modal-button-container .modal-btn-close {
        width: 180px;
        height: 37px;
        line-height: 36px
    }

    #ASUS-features .modal-button-container .modal-btn-close .modal-inner-text {
        font-size: 14px
    }

    #ASUS-features .section__kv {
        min-height: 220vw
    }

    #ASUS-features .section__kv .img__kv {
        width: 100%;
        height: 220vw;
        opacity: 1;
        position: relative;
        z-index: 1
    }

    #ASUS-features .section__kv .img__kv {
        background-image: url(../images/small/1x/kv.webp)
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
(max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
(max-width: 735px) and (min-resolution: 144dpi) {
    #ASUS-features .section__kv .img__kv {
        background-image: url(../images/small/2x/kv.webp)
    }
}

@media all and (max-width: 735px) {
    .noWebp #ASUS-features .section__kv .img__kv {
        background-image: url(../images/small/1x/kv.jpg)
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
(max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
(max-width: 735px) and (min-resolution: 144dpi) {
    .noWebp #ASUS-features .section__kv .img__kv {
        background-image: url(../images/small/2x/kv.jpg)
    }
}

@media all and (max-width: 735px) {
    #ASUS-features .section__kv .kv-container {
        width: 100%;
        background-color: #000;
        position: relative;
        z-index: 10
    }

    #ASUS-features .section__kv .kv-container .text-block {
        width: 100%;
        margin: 0;
        padding: 0 30px;
        position: relative;
        z-index: 2;
        margin-top: -103vw;
        opacity: 1
    }

    #ASUS-features .section__kv h2 {
        font-size: 10vw
    }

    #ASUS-features .section__kv h2 span {
        display: inline-block;
        opacity: 0
    }

    #ASUS-features .section__kv h3 {
        color: #f51928;
        font-size: 9vw;
        font-weight: 400;
        letter-spacing: 3px;
        line-height: 1.4;
        margin: 0;
        padding-top: 10px;
        text-align: center;
        transition: opacity cubic-bezier(1, 0, 0, 1) .25s, transform cubic-bezier(1, 0, 0, 1) .25s
    }

    #ASUS-features .section__kv h3 em {
        font-weight: 700
    }

    #ASUS-features .section__kv p {
        color: #fff;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        font-size: 3.5vw
    }

    #ASUS-features .section__kv .kv_pd {
        position: relative;
        margin-top: -27vw;
        margin-left: auto;
        margin-right: auto;
        z-index: 20;
        width: 100%
    }

    #ASUS-features .section__kv .intel_badge {
        position: relative;
        z-index: 5;
        width: 20vw;
        bottom: 11vw;
        right: unset;
        margin-left: auto;
        margin-right: auto
    }

    #ASUS-features .section__origin {
        padding-top: 0;
        min-height: 40vw
    }

    #ASUS-features .section__origin .origin-frame {
        position: relative
    }

    #ASUS-features .section__origin .origin-frame .section__2__bg {
        position: relative;
        width: 100vw;
        height: 175vw
    }

    #ASUS-features .section__origin .origin-frame .text-block {
        position: absolute;
        left: unset;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        text-align: center;
        margin-top: -171vw;
        margin-bottom: 0
    }

    #ASUS-features .section__origin .origin-frame .text-block h3 {
        margin: 0;
        text-align: center
    }

    #ASUS-features .section__origin .origin-frame .text-block p {
        margin-top: 2vw;
        text-align: center;
        width: 88%;
        margin-left: auto;
        margin-right: auto
    }

    #ASUS-features .section__buy {
        padding: 20px 0
    }

    #ASUS-features .section__buy .text-block {
        text-align: center;
        margin-bottom: 60px
    }

    #ASUS-features .section__buy .text-block h3 {
        color: #fff;
        font-weight: 700
    }

    #ASUS-features .section__buy .buy-table-frame {
        width: 80%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px
    }

    #ASUS-features .section__buy .product-row {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 80px 40px
    }

    #ASUS-features .section__buy .product-col {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    #ASUS-features .section__buy .image-block {
        width: 100%;
        max-width: 360px;
        height: 280px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 30px
    }

    #ASUS-features .section__buy .image-block img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain
    }

    #ASUS-features .section__buy .product-name {
        margin-bottom: 15px
    }

    #ASUS-features .section__buy .product-name h4.product-title {
        font-size: 1.75rem;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: .5px
    }

    #ASUS-features .section__buy .product-info {
        margin-bottom: 30px
    }

    #ASUS-features .section__buy .product-info p {
        color: #ddd;
        font-size: 1.125rem
    }

    #ASUS-features .section__buy .buy-btn a {
        display: inline-block;
        padding: .1vw 8.7vw;
        background: linear-gradient(90deg, #609ef2, #8c34d2, #ff589e);
        color: #fff;
        font-size: 5.3vw
    }

    #ASUS-features .section__buy .buy-btn a:hover {
        opacity: .9;
        transform: translateY(-2px);
        box-shadow: 0 6px 20px #e6569e80
    }

    #ASUS-features .section__offer .text-block {
        text-align: center;
        width: 92%;
        margin: 0 auto
    }

    #ASUS-features .section__offer .text-block h3 {
        font-size: calc(34.5px + .1vw);
        font-weight: 700;
        margin-bottom: 60px;
        letter-spacing: 1px
    }

    #ASUS-features .section__offer .text-block p {
        font-size: calc(16px + .1vw);
        line-height: 1.6;
        margin-bottom: 25px
    }

    #ASUS-features .section__offer .text-block .offer-date {
        margin-top: 30px;
        font-size: calc(16px + .1vw)
    }

    #ASUS-features .section__offer .offer-steps {
        width: 90%;
        max-width: 860px;
        margin: 0 auto
    }

    #ASUS-features .section__offer .offer-steps ol li {
        font-size: calc(15px + .1vw);
        display: flex;
        align-items: flex-start;
        margin-bottom: 40px;
        line-height: 1.5
    }

    #ASUS-features .section__offer .offer-steps ol li .step-text a {
        font-size: calc(16px + .1vw)
    }

    #ASUS-features .section__power {
        background: linear-gradient(180deg, #020617, #1c3570);
        padding: 0;
        color: #fff;
        text-align: center
    }

    #ASUS-features .section__power .power-container {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px
    }

    #ASUS-features .section__power .logos-block {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 30px;
        margin-bottom: 2vw
    }

    #ASUS-features .section__power .logos-block .legoBatman_Logo {
        max-width: 200px;
        width: 200px
    }

    #ASUS-features .section__power .logos-block .legoBatman_Logo img {
        width: 100%;
        height: auto
    }

    #ASUS-features .section__power .logos-block .rating_10 {
        max-width: 40px;
        width: 40px
    }

    #ASUS-features .section__power .logos-block .rating_10 img {
        width: 100%;
        height: auto
    }

    #ASUS-features .section__power .legal-text-block {
        max-width: 1000px;
        margin: 0 auto 100px;
        font-size: .95rem;
        line-height: 1.6;
        color: #d0d0d0;
        text-align: center
    }

    #ASUS-features .section__power .legal-text-block p {
        margin-bottom: 25px;
        font-size: calc(14px + .1vw)
    }

    #ASUS-features .section__power .legal-text-block p:last-child {
        margin-bottom: 0
    }

    #ASUS-features .section__power .legal-text-block a {
        color: #d0d0d0;
        text-decoration: underline;
        text-underline-offset: 3px;
        word-break: break-all
    }

    #ASUS-features .section__power .footer-logo {
        display: flex;
        justify-content: center;
        align-items: center
    }

    #ASUS-features .section__power .footer-logo .intel_gaming_logo {
        width: 216px;
        padding-bottom: 33vw
    }

    #ASUS-features .section__base .wd-content.text-animate.text-showed .img__kv__logo,
    #ASUS-features .section__base .wd-content.text-animate.text-showed .content-slogan {
        transition: transform .3s .1s ease, opacity .3s .1s ease;
        opacity: 1
    }

    #ASUS-features .section__base .wd-content.text-animate.text-showed .content-title {
        transition: transform .3s .25s ease, opacity .3s .25s ease;
        opacity: 1
    }

    #ASUS-features .section__base .wd-content.text-animate.text-showed .content-info {
        transition: transform .3s .35s ease, opacity .3s .35s ease;
        opacity: 1
    }

    #ASUS-features .section__base .wd-content.text-animate.text-showed .content-comment {
        transition: transform .4s .4s ease, opacity .4s .4s ease;
        opacity: 1
    }

    #ASUS-features .section__base .wd-content.text-animate.text-showed .wd__feature__list {
        transition: transform .7s .7s ease, opacity .4s .7s ease;
        opacity: 1
    }

    #ASUS-features .section__base .wd-content.text-animate.text-showed .icon {
        transition: transform .4s .7s ease, opacity .4s .7s ease;
        opacity: 1
    }

    #ASUS-features .section__2 .img__02__design1.animated .typingFrame.verticalTyping {
        transform: scale(.3);
        top: 26px;
        left: -101px
    }

    #ASUS-features .section__2 .img__02__design1.animated .typingFrame.verticalTyping .typing.typing2 {
        margin-top: 94px
    }

    #ASUS-features .section__2 .img__02__design1.animated .typingFrame.verticalTyping .typing.typing2 p {
        text-shadow: 0em .05em 1.05em #0080ff
    }

    #ASUS-features .section__2 .img__02__design1.animated .typingFrame.typingFrame2 {
        top: 171px;
        left: 233px
    }

    #ASUS-features .section__2 .img__02__design1.animated .typingFrame.typingFrame2 .typing.typing1 {
        direction: rtl;
        text-align: right
    }

    #ASUS-features .section__2 .img__02__design2.animated .typingFrame.typingFrame1 {
        display: block
    }

    #ASUS-features .section__2 .img__02__design2.animated .typingFrame.typingFrame1 .typing.typing1 {
        top: 179px;
        left: 74px
    }
}

@media all and (max-width: 735px) and (min-width: 0px) and (max-width: 320px) {
    #ASUS-features .section__2 .img__02__design2.animated .typingFrame.typingFrame1 .typing.typing1 {
        top: 263px;
        left: 154px
    }
}

@media all and (max-width: 735px) {
    #ASUS-features .section__2 .img__02__design2.animated .typingFrame.verticalTyping {
        top: 168px;
        left: -62px
    }

    #ASUS-features .section__26 .section__26__videoFrame {
        position: absolute;
        margin-left: 10px;
        margin-top: 11.187px;
        width: 835px;
        height: 565px
    }

    #ASUS-features .section__26 .section__26__videoFrame .AWlogoVideo1 {
        position: absolute;
        visibility: hidden
    }

    #ASUS-features .section__26 .section__26__videoFrame .AWlogoVideo1.videoShow {
        visibility: visible
    }

    #ASUS-features .section__26 .section__26__videoFrame .AWlogoVideo2 {
        position: absolute;
        visibility: hidden
    }

    #ASUS-features .section__26 .section__26__videoFrame .AWlogoVideo2.videoShow {
        visibility: visible
    }

    #ASUS-features .section__26 .section__26__videoFrame .AWlogoVideo3 {
        position: absolute;
        visibility: hidden
    }

    #ASUS-features .section__26 .section__26__videoFrame .AWlogoVideo3.videoShow {
        visibility: visible
    }

    #ASUS-features .section__26 .section__26__videoFrame .AWlogoVideo4 {
        position: absolute;
        visibility: hidden
    }

    #ASUS-features .section__26 .section__26__videoFrame .AWlogoVideo4.videoShow {
        visibility: visible
    }

    #ASUS-features .section__26 .img__personalization .img__nb.lightAnimationFrame {
        position: relative;
        transform: translate3d(-21px, 124px, 0) scale(.35)
    }

    #ASUS-features .section__26 .img__personalization .img__nb.lightAnimationFrame .img__nb__bg {
        position: absolute;
        margin-left: 10px;
        margin-top: 10px;
        width: 835px;
        height: 570px;
        background-color: #000
    }

    #ASUS-features .section__26 .img__personalization .img__nb.lightAnimationFrame .img__nb__mask__point {
        position: absolute;
        width: 855px;
        height: 587px;
        z-index: 1
    }

    #ASUS-features .section__26 .img__personalization .img__nb.lightAnimationFrame .img__nb__mask {
        position: absolute;
        width: 855px;
        height: 587px;
        background-image: url(.small/1x/03_nb_maslk.png)
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
(max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
(max-width: 735px) and (min-resolution: 144dpi) {
    #ASUS-features .section__26 .img__personalization .img__nb.lightAnimationFrame .img__nb__mask {
        background-image: url(.small/2x/03_nb_maslk.png)
    }
}

@media all and (max-width: 735px) {

    #ASUS-features .section__26 .img__personalization .img__nb.lightAnimationFrame.animationFilter .img__nb__mask__point,
    #ASUS-features .section__26 .img__personalization .img__nb.lightAnimationFrame.audioFilter .img__nb__mask__point {
        display: none
    }

    #ASUS-features .section__26 .img__personalization .img__nb.lightAnimationFrame.audioFilter .audioFrame {
        position: relative;
        width: 835px
    }

    #ASUS-features .section__26 .img__personalization .img__nb.lightAnimationFrame.systemFilter .img__nb__mask__point,
    #ASUS-features .section__26 .img__personalization .img__nb.lightAnimationFrame.virtualPetFilter .img__nb__mask__point {
        display: none
    }

    #ASUS-features .section__26 .img__personalization .img__nb .img__nb__bg.animated .typingFrame {
        display: block;
        transform: none
    }

    #ASUS-features .section__26 .img__personalization .img__nb .img__nb__bg.animated .typingFrame .typing {
        transform: scale(.9)
    }

    #ASUS-features .section__26 .img__personalization .img__nb .img__nb__bg.animated .typingFrame .typing.typing1 {
        top: -46px;
        left: -20px
    }

    #ASUS-features .section__26 .img__personalization .img__nb .img__nb__bg.animated .typingFrame .typing.typing2 {
        top: 487px;
        left: 455px
    }

    #ASUS-features .section__26 .img__personalization .img__keybordFrame .typingFrame {
        top: 1390px;
        left: 840px;
        pointer-events: none;
        z-index: 9999;
        display: none
    }

    #ASUS-features .section__26 .img__personalization .img__keybordFrame .typingFrame.typingShow {
        display: block
    }

    #ASUS-features .section__26 .img__personalization .img__keybordFrame .typingFrame.typingShow .typing {
        width: 300px;
        position: relative;
        transform: scale(.8);
        text-align: left
    }

    #ASUS-features .section__26 .img__personalization .img__keybordFrame .typingFrame.typingShow .typing.typing2 {
        top: 226px;
        left: 648px
    }

    #ASUS-features .section__26 .img__personalization .img__speakFrame .img__speak.animated .typingFrame.verticalTyping {
        top: -11px;
        left: -117px
    }

    #ASUS-features .section__26 .img__personalization .img__speakFrame .img__speak.animated .typingFrame.verticalTyping .typing.typing2 {
        margin-top: 94px
    }

    #ASUS-features .section__26 .img__personalization .img__speakFrame .img__speak.animated .typingFrame.verticalTyping .typing.typing2 p {
        text-shadow: 0em .05em 1.05em #0080ff
    }

    #ASUS-features .section__26 .img__personalization .img__speakFrame .img__speak.animated .typingFrame.typingFrame1 {
        display: block
    }

    #ASUS-features .section__26 .img__personalization .img__speakFrame .img__speak.animated .typingFrame.typingFrame1 .typing.typing1 {
        top: 702px;
        left: 587px
    }
}

@media all and (max-width: 735px) and (min-width: 0px) and (max-width: 320px) {
    #ASUS-features .section__26 .img__personalization .img__speakFrame .img__speak.animated .typingFrame.typingFrame1 .typing.typing1 {
        top: 842px;
        left: 789px
    }
}

@media all and (max-width: 735px) {
    #ASUS-features .section__26 .img__personalization .img__designBottomFrame .img__designBottom.animated .typingFrame {
        display: block
    }

    #ASUS-features .section__26 .img__personalization .img__designBottomFrame .img__designBottom.animated .typingFrame .typing.typing1 {
        top: 41px;
        left: 334px;
        transform: scale(1.45)
    }
}

@media all and (max-width: 735px) and (min-width: 0px) and (max-width: 320px) {
    #ASUS-features .section__26 .img__personalization .img__designBottomFrame .img__designBottom.animated .typingFrame .typing.typing1 {
        top: 48px;
        left: 434px
    }
}

@media all and (max-width: 735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-1.typingShow {
        display: block;
        top: -298px;
        left: 204px;
        position: relative;
        z-index: 9999
    }
}

@media all and (max-width: 735px) and (min-width: 0px) and (max-width: 320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-1.typingShow {
        left: 223px
    }
}

@media all and (max-width: 735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-1.typingShow .typing {
        width: 300px
    }

    #ASUS-features .section__17 .typingFrame.typingS17-1.typingShow .typing.typing1 {
        top: 264px;
        left: -189px
    }
}

@media all and (max-width: 735px) and (min-width: 0px) and (max-width: 320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-1.typingShow .typing.typing1 {
        top: 324px;
        left: -269px
    }
}

@media all and (max-width: 735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-1.typingShow .typing.typing2 {
        top: 687px;
        left: -789px
    }
}

@media all and (max-width: 735px) and (min-width: 0px) and (max-width: 320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-1.typingShow .typing.typing2 {
        top: 847px;
        left: -1069px
    }
}

@media all and (max-width: 735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-1.typingShow .typing.typing3 {
        top: 850px;
        left: -504px
    }
}

@media all and (max-width: 735px) and (min-width: 0px) and (max-width: 320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-1.typingShow .typing.typing3 {
        top: 1020px;
        left: -784px
    }
}

@media all and (max-width: 735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-1.typingShow .typing.typing3 p {
        font-size: 33px;
        transform: scale(2.9)
    }

    #ASUS-features .section__17 .typingFrame.typingS17-2.typingShow {
        display: block;
        top: -298px;
        left: 201px;
        position: relative;
        z-index: 9999
    }
}

@media all and (max-width: 735px) and (min-width: 0px) and (max-width: 320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-2.typingShow {
        left: 213px
    }
}

@media all and (max-width: 735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-2.typingShow .typing.typing1 {
        top: 283px;
        left: -117px
    }
}

@media all and (max-width: 735px) and (min-width: 0px) and (max-width: 320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-2.typingShow .typing.typing1 {
        top: 343px;
        left: -206px
    }
}

@media all and (max-width: 735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-2.typingShow .typing.typing2 {
        top: 745px;
        left: -768px
    }
}

@media all and (max-width: 735px) and (min-width: 0px) and (max-width: 320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-2.typingShow .typing.typing2 {
        top: 918px;
        left: -1064px
    }
}

@media all and (max-width: 735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-2.typingShow .typing.typing3 {
        top: 822px;
        left: -856px
    }
}

@media all and (max-width: 735px) and (min-width: 0px) and (max-width: 320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-2.typingShow .typing.typing3 {
        top: 1003px;
        left: -1156px
    }
}

@media all and (max-width: 735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-2.typingShow .typing.typing4 {
        top: 272px;
        left: -452px
    }
}

@media all and (max-width: 735px) and (min-width: 0px) and (max-width: 320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-2.typingShow .typing.typing4 {
        top: 330px;
        left: -712px
    }
}

@media all and (max-width: 735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-2.typingShow .typing.typing4 p {
        font-size: 32px;
        transform: scale(2.9)
    }

    #ASUS-features .section__17 .typingFrame.typingS17-3.typingShow {
        display: block;
        top: -298px;
        left: 205px;
        position: relative;
        z-index: 9999
    }
}

@media all and (max-width: 735px) and (min-width: 0px) and (max-width: 320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-3.typingShow {
        left: 191px
    }
}

@media all and (max-width: 735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-3.typingShow .typing.typing1 {
        top: 249px;
        left: -143px
    }
}

@media all and (max-width: 735px) and (min-width: 0px) and (max-width: 320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-3.typingShow .typing.typing1 {
        top: 249px;
        left: -190px
    }
}

@media all and (max-width: 735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-3.typingShow .typing.typing2 {
        top: 679px;
        left: -791px
    }
}

@media all and (max-width: 735px) and (min-width: 0px) and (max-width: 320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-3.typingShow .typing.typing2 {
        top: 879px;
        left: -971px
    }
}

@media all and (max-width: 735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-3.typingShow .typing.typing3 {
        top: 864px;
        left: -864px
    }
}

@media all and (max-width: 735px) and (min-width: 0px) and (max-width: 320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-3.typingShow .typing.typing3 {
        top: 1071px;
        left: -1024px
    }
}

@media all and (max-width: 735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-3.typingShow .typing.typing4 {
        top: 656px;
        left: -182px
    }
}

@media all and (max-width: 735px) and (min-width: 0px) and (max-width: 320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-3.typingShow .typing.typing4 {
        top: 864px;
        left: -179px
    }
}

@media all and (max-width: 735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-3.typingShow .typing.typing5 {
        top: 865px;
        left: -298px
    }
}

@media all and (max-width: 735px) and (min-width: 0px) and (max-width: 320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-3.typingShow .typing.typing5 {
        top: 1039px;
        left: -346px
    }
}

@media all and (max-width: 735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-3.typingShow .typing.typing5 P {
        font-size: 32px;
        transform: scale(2)
    }
}

@media all and (max-width: 735px) and (min-width: 0px) and (max-width: 320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-3.typingShow .typing.typing5 P {
        transform: scale(2.4)
    }
}

#global-where-to-buy {
    width: 80vw;
    height: 776px;
    max-width: 1300px;
    background-color: #000;
    line-height: 1.4;
    position: relative
}

#global-where-to-buy a {
    text-decoration: none
}

#global-where-to-buy button {
    background-color: transparent;
    border: none;
    display: block;
    cursor: pointer
}

#global-where-to-buy .region-toggler {
    display: none
}

#global-where-to-buy .region-box {
    height: 20%;
    background-color: #fff;
    padding: 2vw
}

#global-where-to-buy .region-box .region-list {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

#global-where-to-buy .region-box .region-list .region {
    color: #000;
    padding: 10px 1vw
}

#global-where-to-buy .region-box .region-list .region button {
    background-color: transparent;
    color: inherit;
    font-size: 30px;
    font-family: Trade-Gothic-LT-Bold, Microsoft JhengHei, "sans-serif";
    padding: 15px;
    opacity: .5;
    position: relative;
    transition: background-color ease .5s, opacity ease .5s
}

#global-where-to-buy .region-box .region-list .region button.btn-back {
    display: none
}

#global-where-to-buy .region-box .region-list .region button:after {
    content: "";
    display: block;
    width: 4px;
    height: 120%;
    background-color: #000;
    margin-left: -2px;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: scaleY(0);
    transform-origin: center top
}

@media (hover: hover) {
    #global-where-to-buy .region-box .region-list .region button:hover {
        background-color: #dfdfdf;
        opacity: .75
    }
}

#global-where-to-buy .region-box .region-list .region button.active {
    background-color: #000;
    color: #fff;
    opacity: 1;
    will-change: background-color, opacity
}

#global-where-to-buy .region-box .region-list .region button.active:after {
    transform: scaleY(1);
    transition: transform ease .5s;
    will-change: transform
}

#global-where-to-buy .country-box {
    height: 80%;
    background-color: #000;
    overflow-y: auto
}

#global-where-to-buy .country-box .country-list-group {
    overflow: hidden;
    position: relative
}

#global-where-to-buy .country-box .country-list {
    width: 100%;
    background-color: #000;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    opacity: 0;
    padding: 1vw;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

#global-where-to-buy .country-box .country-list.active {
    opacity: 1;
    pointer-events: auto;
    position: relative;
    z-index: 2;
    transition: opacity ease .75s;
    will-change: opacity
}

#global-where-to-buy .country-box .country-list .country {
    width: 25%;
    padding: 2% 1vw
}

#global-where-to-buy .country-box .country-list .country .country-name {
    color: #fff;
    font-family: Trade-Gothic-LT-Bold, Microsoft JhengHei, "sans-serif";
    font-size: 27px;
    position: relative
}

#global-where-to-buy .country-box .country-list .country .country-name:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #fff9;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

#global-where-to-buy .country-box .country-list .country .country-name span {
    background-color: #000;
    display: inline-block;
    padding-right: 15px;
    position: relative;
    z-index: 2
}

#global-where-to-buy .country-box .country-list .country .links {
    font-size: 18.6px
}

#global-where-to-buy .country-box .country-list .country .links a {
    color: #b7fffa;
    background-image: linear-gradient(90deg, #ffe2c0, #ffbaf2 20%, #e0c2ff, #c3dbff, #b7fffa 80%, #e3ffbe);
    font-family: Roboto-Regular, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, "sans-serif";
    font-weight: 700;
    -webkit-background-clip: text;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    position: relative
}

#global-where-to-buy .country-box .country-list .country .links a:after {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    color: #b7fffa;
    background-image: linear-gradient(90deg, #ffe2c0, #ffbaf2 20%, #e0c2ff, #c3dbff, #b7fffa 80%, #e3ffbe);
    position: absolute;
    bottom: 0;
    left: 0;
    transform-origin: left center;
    transform: scaleX(0);
    transition: transform cubic-bezier(.86, 0, .13, 1) .3s
}

@media (hover: hover) {
    #global-where-to-buy .country-box .country-list .country .links a:hover:after {
        transform: scaleX(1);
        will-change: transform
    }
}

#global-where-to-buy .country-box .country-list .country .links .coming-soon {
    color: #fff;
    font-size: 16.5px;
    font-family: Roboto-Regular, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, "sans-serif";
    opacity: .5
}

@media all and (max-width: 992px) {
    #global-where-to-buy {
        height: 90vh;
        overflow: hidden
    }

    #global-where-to-buy .region-toggler {
        background-color: #fff;
        color: #000;
        display: block;
        font-size: 30px;
        font-family: Trade-Gothic-LT-Bold, Microsoft JhengHei, "sans-serif";
        padding: 10px 5vw;
        text-transform: uppercase;
        position: relative;
        z-index: 2
    }

    #global-where-to-buy .region-box {
        height: auto;
        padding-left: 0;
        padding-top: 0;
        padding-bottom: 20px;
        position: relative;
        z-index: 1;
        transition: transform cubic-bezier(.86, 0, .13, 1) .5s
    }

    #global-where-to-buy .region-box .region-list {
        display: block
    }

    #global-where-to-buy .region-box .region-list .region {
        padding: 0
    }

    #global-where-to-buy .region-box .region-list .region button:not(.btn-back) {
        display: inline-block;
        font-size: 24px;
        padding: 15px;
        padding-left: 5vw
    }

    #global-where-to-buy .region-box .region-list .region button:after {
        content: none
    }

    #global-where-to-buy .region-box .region-list .region button.active.btn-back {
        background-color: transparent;
        color: #000000a6;
        display: inline-block;
        font-size: 18px
    }

    #global-where-to-buy .country-box {
        height: 85%;
        background-color: #000;
        position: relative;
        transition: transform cubic-bezier(.86, 0, .13, 1) .5s;
        z-index: 2
    }

    #global-where-to-buy .country-box .country-list {
        display: block
    }

    #global-where-to-buy .country-box .country-list .country {
        width: 100%
    }

    #global-where-to-buy .country-box .country-list .country .country-name {
        font-size: 22.5px
    }

    #global-where-to-buy .country-box .country-list .country .links {
        font-size: 16.5px
    }

    #global-where-to-buy .country-box .country-list .country .links a:after {
        transform: scaleX(1)
    }

    #global-where-to-buy .country-box .country-list .country .links .coming-soon {
        font-size: 15px
    }
}

@media all and (max-width: 480px) {
    #global-where-to-buy .region-toggler {
        font-size: 24px
    }

    #global-where-to-buy .region-box .region-list .region button:not(.btn-back) {
        font-size: 19.5px
    }

    #global-where-to-buy .region-box .region-list .region button.active.btn-back,
    #global-where-to-buy .country-box .country-list .country .country-name {
        font-size: 18px
    }

    #global-where-to-buy .country-box .country-list .country .links {
        font-size: 13.5px
    }

    #global-where-to-buy .country-box .country-list .country .links .coming-soon {
        font-size: 12px
    }
}

#main-zone>.container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important
}

.overview-wrapper {
    width: 100%
}

.popImg .twentytwenty-before-label:before {
    display: none
}

.popImg .twentytwenty-after-label:before {
    display: none
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #1f1f1f
}

body::-webkit-scrollbar {
    width: 10px;
    background-color: #555
}

body::-webkit-scrollbar-thumb {
    background-color: #555
}

@media all and (max-width: 1024px) {
    .ProductFooter__productFooterList__J6HzI ul li {
        word-break: break-all
    }
}

#ASUS-features .ProductOverviewAwardsVideoContent__prodcutAwardContainer__1C1rj h2 {
    font-size: 45px !important;
    font-family: Trade-Gothic-LT-Bold, Microsoft JhengHei, "sans-serif"
}

#ASUS-features .ProductOverviewAwardsContent__prodcutAwardContainer__3O-Hy h2,
#ASUS-features .ProductOverviewAwardsContent__prodcutAwardContainer__3O-Hy {
    font-size: 45px !important;
    font-family: Trade-Gothic-LT-Bold, Microsoft JhengHei, "sans-serif";
    display: none
}

[data-dirtype] .ProductOverviewAwardsVideoContent__productAwardContainer__26ZeU h2,
#ASUS-features .ProductOverviewAwardsContent__productAwardContainer__3Eyt8 h2 {
    font-size: 35px !important
}

#ASUS-features .Product__specialOverviewAward__20I-_ {
    border-top: 1px solid #000
}

@media all and (min-width: 2560px) {
    #ASUS-features .section__pd {
        min-height: 2016px
    }
}

@media all and (max-width: 2559px) {
    #ASUS-features .section__pd {
        min-height: 1979px
    }
}

@media all and (max-width: 1375px) {
    #ASUS-features .section__pd {
        min-height: 1983px
    }
}

@media all and (max-width: 1200px) {
    #ASUS-features .section__pd {
        min-height: 1860px
    }
}

@media all and (max-width: 1024px) {
    #ASUS-features .section__pd {
        min-height: 1435px
    }
}

@media all and (max-width: 735px) {
    #ASUS-features .section__pd {
        min-height: 1400px
    }
}

@media all and (max-width: 480px) {
    #ASUS-features .section__pd {
        min-height: 1370px
    }
}

#ASUS-features .beforeAward {
    padding: 0
}

#ASUS-features .ProductOverviewAwardsContent__prodcutAwardWrapper__3fPgJ.ProductOverviewAwardsContent__prodcutMediaContainer__1pDvf {
    padding: 55px 0 26px
}

[data-dirtype=ltr] .ProductOverviewAwardsItem__rewardItem__XdJSB,
[data-dirtype=ltr] .ProductOverviewMediaItem__mediaItem__bpiwv {
    margin-right: 10px;
    margin-left: 10px
}