@font-face {
    font-family: 'Archivo Black';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/HTxqL289NzCGg4MzN6KJ7eW6CYKF_i7y.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Archivo Black';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/HTxqL289NzCGg4MzN6KJ7eW6CYyF_g.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.lity {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    background: #0b0b0b;
    background: rgba(0, 0, 0, .9);
    outline: 0!important;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.lity.lity-opened {
    opacity: 1
}

.lity.lity-closed {
    opacity: 0
}

.lity * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lity-wrap {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    outline: 0!important
}

.lity-wrap:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em
}

.lity-loader {
    z-index: 9991;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -.8em;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.lity-loading .lity-loader {
    opacity: 1
}

.lity-container {
    z-index: 9992;
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    white-space: normal;
    max-width: 100%;
    max-height: 100%;
    outline: 0!important
}

.lity-content {
    z-index: 9993;
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease
}

.lity-closed .lity-content,
.lity-loading .lity-content {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

.lity-content:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

.lity-close {
    z-index: 9994;
    width: 35px;
    height: 35px;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-appearance: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 35px;
    font-family: Arial, Baskerville, monospace;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    border: 0;
    background: 0 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.lity-close::-moz-focus-inner {
    border: 0;
    padding: 0
}

.lity-close:active,
.lity-close:focus,
.lity-close:hover,
.lity-close:visited {
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 35px;
    font-family: Arial, Baskerville, monospace;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    border: 0;
    background: 0 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.lity-close:active {
    top: 1px
}

.lity-image img {
    max-width: 100%;
    display: block;
    line-height: 0;
    border: 0
}

.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container,
.lity-iframe .lity-container,
.lity-vimeo .lity-container,
.lity-youtube .lity-container {
    width: 100%;
    max-width: 964px
}

.lity-iframe-container {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: auto;
    pointer-events: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch
}

.lity-iframe-container iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

.lity-hide {
    display: none
}

.slick-slider {
    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,
.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

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

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

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

.slick-track:after,
.slick-track:before {
    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) 50% 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-next,
.slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    padding: 0;
    border: none
}

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

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

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

.slick-next:before,
.slick-prev: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: "\2190"
}

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

.slick-next {
    right: -25px
}

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

.slick-next:before {
    content: "\2192"
}

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

.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;
    margin: 0 5px;
    padding: 0
}

.slick-dots li,
.slick-dots li button {
    height: 20px;
    width: 20px;
    cursor: pointer
}

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

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

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

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\2022";
    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
}

@font-face {
    font-family: "roboto-condensed-bold";
    src: url(fonts/robotocondensed-bold_0.eot);
    src: url(fonts/robotocondensed-bold_0.ttf) format("truetype");
    font-weight: normal;
    font-style: normal
}

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

@font-face {
    font-family: Trade-Gothic-LT-Bold-Condensed-No-20;
    src: url(fonts/Trade-Gothic-LT-Bold-Condensed-No-20.ttf);
    src: url(fonts/Trade-Gothic-LT-Bold-Condensed-No-20.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Trade-Gothic-LT-Condensed-No-18;
    src: url(fonts/Trade-Gothic-LT-Condensed-No-18.ttf);
    src: url(fonts/Trade-Gothic-LT-Condensed-No-18.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

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

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

@font-face {
    font-family: rogfonts-regular;
    src: url(fonts/rogfonts-regular.OTF);
    src: url(fonts/rogfonts-regular.OTF?#iefix) format("opentype");
    font-weight: 400;
    font-style: normal
}

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

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

@font-face {
    font-family: Roboto-Regular;
    src: url(fonts/Roboto-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

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

.font-Xolonium-Regular {
    font-family: Xolonium-Regular, Helvetica, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
    font-weight: 400;
    font-style: normal
}

html {
    overflow-y: scroll
}

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

:root body {
    position: absolute
}

body {
    width: 100vw
}

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

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

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

.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
}

section {
    background: #000;
    width: 100%;
    max-width: 2560px;
    overflow: hidden
} */

section,
section .img {
    position: relative;
    margin-left: auto;
    margin-right: auto
}

section .img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

section .row .col .wd-content {
    width: 1040px;
    margin: 0 auto;
    position: relative;
    z-index: 20
}

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

section .row .col .wd-content>.icon_slogan {
    width: 63px;
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/8FFD844E-9C99-4735-954D-75E459956014/v2/images//large/1x/icon/icon_slogan.png)
}

section .row .col .wd-content>.content-slogan {
    position: relative;
    width: 1040px;
    margin-top: -14px;
    margin-left: auto;
    margin-right: auto;
    font-size: 46px;
    line-height: 50px;
    letter-spacing: -.31px;
    text-transform: uppercase;
    font-family: rogfonts-regular, Microsoft JhengHei, sans-serif;
    color: #d6002d
}

section .row .col .wd-content>.content-title {
    margin-left: auto;
    margin-right: auto;
    font-size: 46px;
    margin-top: 22px;
    font-family: Trade-Gothic-LT-Bold, Microsoft JhengHei, sans-serif;
    letter-spacing: 0;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase
}

section .row .col .wd-content>.content-title span.textColor__GrayAlto {
    color: #d6d6d6
}

section .row .col .wd-content>.content-info {
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-family: Roboto Light, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
    font-size: 15px;
    line-height: 1.867
}

section .row .col .wd-content>.content-comment {
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
    font-size: 12px;
    color: #999;
    line-height: 1.4
}

section .row .col .wd-content.text-center>* {
    text-align: center
}

section .row .col .wd-content.text-left>* {
    text-align: left
}

section .row .col .wd-content.text-right>* {
    text-align: right
}

section .row .col>figure.img {
    position: relative;
    left: 50%
}

.wd__feature__list {
    margin-top: 75px;
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    z-index: 20;
    font-family: Trade-Gothic-LT-Bold, Microsoft JhengHei, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    text-align: center
}

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

.wd__feature__list .wd__feature .wd__feature__top {
    font-size: 12px;
    color: #d6002d;
    letter-spacing: 1.2px;
    padding-bottom: 4px;
    text-transform: uppercase!important;
    font-family: Roboto-bold, Microsoft JhengHei, sans-serif
}

.wd__feature__list .wd__feature .wd__feature__data {
    font-size: 37.5px;
    text-transform: uppercase!important;
    color: #fff
}

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

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

.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 {
    text-transform: uppercase!important;
    font-size: 12px;
    margin-top: 4px;
    letter-spacing: 1.2px;
    font-family: Roboto-bold, Microsoft JhengHei, sans-serif
}

.wd__feature__list .wd__feature .wd__feature__describe span.describeText {
    text-transform: uppercase!important;
    font-size: 11px;
    line-height: 1.2;
    color: #d6002d;
    text-transform: none
}

@keyframes sec1BgAnimation {
    0% {
        opacity: 0
    }
    30% {
        opacity: 1
    }
    70% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes KeyBreathing {
    0% {
        opacity: 0
    }
    30% {
        opacity: 1
    }
    70% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes KeyBreathing {
    0% {
        opacity: 0
    }
    30% {
        opacity: 1
    }
    70% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes KeyBreathing3 {
    0% {
        opacity: .5
    }
    30% {
        opacity: 1
    }
    70% {
        opacity: 1
    }
    to {
        opacity: .5
    }
}

@-webkit-keyframes KeyBreathing2 {
    0% {
        opacity: 0;
        background: #ff0600
    }
    12.5% {
        opacity: 1;
        background: #ff0600
    }
    25% {
        opacity: 1;
        background: #ff0600
    }
    37.5% {
        opacity: 0;
        background: #ff0600
    }
    50% {
        opacity: 0;
        background: #4dabf4
    }
    62.5% {
        opacity: 1;
        background: #4dabf4
    }
    74.5% {
        opacity: 1;
        background: #4dabf4
    }
    to {
        opacity: 0;
        background: #4dabf4
    }
}

@keyframes KeyBreathing2 {
    0% {
        opacity: 0;
        background: #ff0600
    }
    12.5% {
        opacity: 1;
        background: #ff0600
    }
    25% {
        opacity: 1;
        background: #ff0600
    }
    37.5% {
        opacity: 0;
        background: #ff0600
    }
    50% {
        opacity: 0;
        background: #4dabf4
    }
    62.5% {
        opacity: 1;
        background: #4dabf4
    }
    74.5% {
        opacity: 1;
        background: #4dabf4
    }
    to {
        opacity: 0;
        background: #4dabf4
    }
}

@-webkit-keyframes KeyStrobing {
    5% {
        opacity: 0
    }
    10% {
        opacity: 1
    }
    30% {
        opacity: 1
    }
    80% {
        opacity: 0
    }
    90% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@keyframes KeyStrobing {
    5% {
        opacity: 0
    }
    10% {
        opacity: 1
    }
    30% {
        opacity: 1
    }
    80% {
        opacity: 0
    }
    90% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes KeyStrobing2 {
    0% {
        opacity: 0
    }
    25% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    75% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@keyframes KeyStrobing2 {
    0% {
        opacity: 0
    }
    25% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    75% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes KeyStrobingDIV {
    0% {
        background: #fc0613
    }
    8.3% {
        background: #fd118d
    }
    16.6% {
        background: #6a1cfb
    }
    24.9% {
        background: #0023f9
    }
    33.2% {
        background: #007dfb
    }
    41.5% {
        background: #23f6ff
    }
    49.8% {
        background: #2cfea7
    }
    58.1% {
        background: #2ffe3e
    }
    66.4% {
        background: #53fe3d
    }
    74.7% {
        background: #d0f945
    }
    83.0% {
        background: #ffd832
    }
    91.3% {
        background: #fe580e
    }
    to {
        background: #fc0613
    }
}

@keyframes KeyStrobingDIV {
    0% {
        background: #fc0613
    }
    8.3% {
        background: #fd118d
    }
    16.6% {
        background: #6a1cfb
    }
    24.9% {
        background: #0023f9
    }
    33.2% {
        background: #007dfb
    }
    41.5% {
        background: #23f6ff
    }
    49.8% {
        background: #2cfea7
    }
    58.1% {
        background: #2ffe3e
    }
    66.4% {
        background: #53fe3d
    }
    74.7% {
        background: #d0f945
    }
    83.0% {
        background: #ffd832
    }
    91.3% {
        background: #fe580e
    }
    to {
        background: #fc0613
    }
}

@-webkit-keyframes KeyStrobingDIV2 {
    0% {
        background: #2cfea7
    }
    8.3% {
        background: #2ffe3e
    }
    16.6% {
        background: #53fe3d
    }
    24.9% {
        background: #d0f945
    }
    33.2% {
        background: #ffd832
    }
    41.5% {
        background: #fe580e
    }
    49.8% {
        background: #fc0613
    }
    58.1% {
        background: #fd118d
    }
    66.4% {
        background: #6a1cfb
    }
    74.7% {
        background: #0023f9
    }
    83.0% {
        background: #007dfb
    }
    91.3% {
        background: #23f6ff
    }
    to {
        background: #2cfea7
    }
}

@keyframes KeyStrobingDIV2 {
    0% {
        background: #2cfea7
    }
    8.3% {
        background: #2ffe3e
    }
    16.6% {
        background: #53fe3d
    }
    24.9% {
        background: #d0f945
    }
    33.2% {
        background: #ffd832
    }
    41.5% {
        background: #fe580e
    }
    49.8% {
        background: #fc0613
    }
    58.1% {
        background: #fd118d
    }
    66.4% {
        background: #6a1cfb
    }
    74.7% {
        background: #0023f9
    }
    83.0% {
        background: #007dfb
    }
    91.3% {
        background: #23f6ff
    }
    to {
        background: #2cfea7
    }
}

@-webkit-keyframes KeyStrobingSVG {
    0% {
        fill: #fc0613
    }
    8.3% {
        fill: #fd118d
    }
    16.6% {
        fill: #6a1cfb
    }
    24.9% {
        fill: #0023f9
    }
    33.2% {
        fill: #007dfb
    }
    41.5% {
        fill: #23f6ff
    }
    49.8% {
        fill: #2cfea7
    }
    58.1% {
        fill: #2ffe3e
    }
    66.4% {
        fill: #53fe3d
    }
    74.7% {
        fill: #d0f945
    }
    83.0% {
        fill: #ffd832
    }
    91.3% {
        fill: #fe580e
    }
    to {
        fill: #fc0613
    }
}

@keyframes KeyStrobingSVG {
    0% {
        fill: #fc0613
    }
    8.3% {
        fill: #fd118d
    }
    16.6% {
        fill: #6a1cfb
    }
    24.9% {
        fill: #0023f9
    }
    33.2% {
        fill: #007dfb
    }
    41.5% {
        fill: #23f6ff
    }
    49.8% {
        fill: #2cfea7
    }
    58.1% {
        fill: #2ffe3e
    }
    66.4% {
        fill: #53fe3d
    }
    74.7% {
        fill: #d0f945
    }
    83.0% {
        fill: #ffd832
    }
    91.3% {
        fill: #fe580e
    }
    to {
        fill: #fc0613
    }
}

@-webkit-keyframes KeyStrobingSVG2 {
    0% {
        fill: #2cfea7
    }
    8.3% {
        fill: #2ffe3e
    }
    16.6% {
        fill: #53fe3d
    }
    24.9% {
        fill: #d0f945
    }
    33.2% {
        fill: #ffd832
    }
    41.5% {
        fill: #fe580e
    }
    49.8% {
        fill: #fc0613
    }
    58.1% {
        fill: #fd118d
    }
    66.4% {
        fill: #6a1cfb
    }
    74.7% {
        fill: #0023f9
    }
    83.0% {
        fill: #007dfb
    }
    91.3% {
        fill: #23f6ff
    }
    to {
        fill: #2cfea7
    }
}

@keyframes KeyStrobingSVG2 {
    0% {
        fill: #2cfea7
    }
    8.3% {
        fill: #2ffe3e
    }
    16.6% {
        fill: #53fe3d
    }
    24.9% {
        fill: #d0f945
    }
    33.2% {
        fill: #ffd832
    }
    41.5% {
        fill: #fe580e
    }
    49.8% {
        fill: #fc0613
    }
    58.1% {
        fill: #fd118d
    }
    66.4% {
        fill: #6a1cfb
    }
    74.7% {
        fill: #0023f9
    }
    83.0% {
        fill: #007dfb
    }
    91.3% {
        fill: #23f6ff
    }
    to {
        fill: #2cfea7
    }
}

@-webkit-keyframes GA35_kv_KeyCometA1 {
    0% {
        background-position: 0
    }
    to {
        background-position: -134%
    }
}

@keyframes GA35_kv_KeyCometA1 {
    0% {
        background-position: 0
    }
    to {
        background-position: -134%
    }
}

@keyframes GA35_kv_KeyCometA1_2 {
    0% {
        background-position: 0
    }
    to {
        background-position: -100%
    }
}

@-webkit-keyframes GA35_kv_KeyCometA3 {
    0% {
        background-position: -134%
    }
    to {
        background-position: 0
    }
}

@keyframes GA35_kv_KeyCometA3 {
    0% {
        background-position: -134%
    }
    to {
        background-position: 0
    }
}

@-webkit-keyframes GA35_kv_KeyCometB1_2 {
    0% {
        background-position: 0
    }
    to {
        background-position: 20%
    }
}

@keyframes GA35_kv_KeyCometB1_2 {
    0% {
        background-position: 0
    }
    to {
        background-position: 20%
    }
}

@keyframes GA35_kv_KeyCometB3 {
    0% {
        background-position: 20%
    }
    to {
        background-position: 0
    }
}

@keyframes GA35_kv_KeyCometB4 {
    0% {
        background-position: -100%
    }
    to {
        background-position: 0
    }
}

@-webkit-keyframes KeyRainbow {
    0% {
        background-position: 0
    }
    to {
        background-position: -134%
    }
}

@keyframes KeyRainbow {
    0% {
        background-position: 0
    }
    to {
        background-position: -134%
    }
}

@keyframes KeyCometAll {
    0% {
        background-position: 20%
    }
    to {
        background-position: 0
    }
}

@-webkit-keyframes KeyCometSVG {
    0% {
        opacity: 0
    }
    90% {
        opacity: 0
    }
    93% {
        opacity: 1
    }
    95% {
        opacity: 1
    }
    98% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@keyframes KeyCometSVG {
    0% {
        opacity: 0
    }
    90% {
        opacity: 0
    }
    93% {
        opacity: 1
    }
    95% {
        opacity: 1
    }
    98% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes KeyMusic {
    0% {
        opacity: .5
    }
    3% {
        opacity: 1
    }
    6% {
        opacity: .5
    }
    9% {
        opacity: 1
    }
    12% {
        opacity: .5
    }
    25% {
        opacity: .5
    }
    27% {
        opacity: 1
    }
    29% {
        opacity: .5
    }
    32% {
        opacity: 1
    }
    34% {
        opacity: .5
    }
    36% {
        opacity: 1
    }
    39% {
        opacity: .5
    }
    65% {
        opacity: .5
    }
    70% {
        opacity: 1
    }
    75% {
        opacity: .5
    }
    to {
        opacity: .5
    }
}

@keyframes KeyMusic {
    0% {
        opacity: .5
    }
    3% {
        opacity: 1
    }
    6% {
        opacity: .5
    }
    9% {
        opacity: 1
    }
    12% {
        opacity: .5
    }
    25% {
        opacity: .5
    }
    27% {
        opacity: 1
    }
    29% {
        opacity: .5
    }
    32% {
        opacity: 1
    }
    34% {
        opacity: .5
    }
    36% {
        opacity: 1
    }
    39% {
        opacity: .5
    }
    65% {
        opacity: .5
    }
    70% {
        opacity: 1
    }
    75% {
        opacity: .5
    }
    to {
        opacity: .5
    }
}

@keyframes KeyMusic__2 {
    0% {
        opacity: 0
    }
    3% {
        opacity: 1
    }
    6% {
        opacity: 0
    }
    9% {
        opacity: 1
    }
    12% {
        opacity: 0
    }
    25% {
        opacity: 0
    }
    27% {
        opacity: 1
    }
    29% {
        opacity: 0
    }
    32% {
        opacity: 1
    }
    34% {
        opacity: 0
    }
    36% {
        opacity: 1
    }
    39% {
        opacity: 0
    }
    65% {
        opacity: 0
    }
    70% {
        opacity: 1
    }
    75% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes KeySmartDIV {
    0% {
        opacity: .5;
        background: #ffe500
    }
    5% {
        opacity: .5
    }
    45% {
        opacity: 1
    }
    55% {
        opacity: 1
    }
    95% {
        opacity: .5
    }
    to {
        opacity: .5;
        background: #ffe500
    }
}

@keyframes KeySmartDIV {
    0% {
        opacity: .5;
        background: #ffe500
    }
    5% {
        opacity: .5
    }
    45% {
        opacity: 1
    }
    55% {
        opacity: 1
    }
    95% {
        opacity: .5
    }
    to {
        opacity: .5;
        background: #ffe500
    }
}

@-webkit-keyframes KeySmartSVG {
    0% {
        opacity: .5
    }
    5% {
        opacity: .5
    }
    45% {
        opacity: 1
    }
    55% {
        opacity: 1
    }
    95% {
        opacity: .5
    }
    to {
        opacity: .5
    }
}

@keyframes KeySmartSVG {
    0% {
        opacity: .5
    }
    5% {
        opacity: .5
    }
    45% {
        opacity: 1
    }
    55% {
        opacity: 1
    }
    95% {
        opacity: .5
    }
    to {
        opacity: .5
    }
}

@keyframes lightMove_1 {
    0% {
        margin-top: 0
    }
    20% {
        margin-top: 0
    }
    21% {
        margin-top: 79px
    }
    25% {
        margin-top: 0
    }
    35% {
        margin-top: 0
    }
    36% {
        margin-top: 51px
    }
    55% {
        margin-top: 51px
    }
    56% {
        margin-top: 100px
    }
    to {
        margin-top: 100px
    }
}

@keyframes lightMove_2 {
    0% {
        margin-top: 0
    }
    20% {
        margin-top: 0
    }
    21% {
        margin-top: 51px
    }
    25% {
        margin-top: 83px
    }
    35% {
        margin-top: 0
    }
    36% {
        margin-top: 51px
    }
    55% {
        margin-top: 51px
    }
    56% {
        margin-top: 0
    }
    to {
        margin-top: 10px
    }
}

@-webkit-keyframes secDrop2_ani1 {
    0% {
        opacity: 0
    }
    33% {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

@keyframes secDrop2_ani1 {
    0% {
        opacity: 0
    }
    33% {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes secDrop2_ani2 {
    0% {
        opacity: 0
    }
    33% {
        opacity: 0
    }
    66% {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

@keyframes secDrop2_ani2 {
    0% {
        opacity: 0
    }
    33% {
        opacity: 0
    }
    66% {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes secDrop2_ani3 {
    0% {
        opacity: 0
    }
    66% {
        opacity: 0
    }
    99% {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

@keyframes secDrop2_ani3 {
    0% {
        opacity: 0
    }
    66% {
        opacity: 0
    }
    99% {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes secDrop2_ani4 {
    0% {
        opacity: 1
    }
    93% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes secDrop2_ani4 {
    0% {
        opacity: 1
    }
    93% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes secDrop2_ani5 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        top: 200px
    }
    75% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        top: 200px
    }
    to {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        top: 247px
    }
}

@keyframes secDrop2_ani5 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    75% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
}

@-webkit-keyframes secDrop2_ani5_tablet {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        top: 170px
    }
    75% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        top: 170px
    }
    to {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        top: 247px
    }
}

@keyframes secDrop2_ani5_tablet {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        top: 170px
    }
    75% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        top: 170px
    }
    to {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        top: 247px
    }
}

@-webkit-keyframes secDrop2_ani5_mobile {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        top: 34.375vw
    }
    75% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        top: 34.375vw
    }
    to {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        top: 47.8125vw
    }
}

@keyframes secDrop2_ani5_mobile {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        top: 34.375vw
    }
    75% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        top: 34.375vw
    }
    to {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        top: 47.8125vw
    }
}

@-webkit-keyframes secDrop2_ani6 {
    0% {
        opacity: 0
    }
    80% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes secDrop2_ani6 {
    0% {
        opacity: 0
    }
    80% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes upDown {
    0% {
        transform: translate3d(0, 10px, 0)
    }
    50% {
        transform: translateZ(0)
    }
    to {
        transform: translate3d(0, 10px, 0)
    }
}

@keyframes KeyBreathingSmall {
    0% {
        opacity: 1
    }
    30% {
        opacity: .8
    }
    70% {
        opacity: .7
    }
    to {
        opacity: 1
    }
}

@keyframes KeyStrobingsmall {
    0% {
        opacity: .8
    }
    50% {
        opacity: 0
    }
    to {
        opacity: .8
    }
}

@keyframes KeyStrobingsmall2 {
    0% {
        opacity: .5
    }
    70% {
        opacity: 0
    }
    to {
        opacity: .5
    }
}

@keyframes KeyStrobingsmall3 {
    0% {
        opacity: .5
    }
    40% {
        opacity: 0
    }
    to {
        opacity: .5
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(3.2);
        -moz-transform: scale(3.2);
        -o-transform: scale(3.2);
        transform: scale(3.2);
        opacity: .5
    }
    75% {
        -webkit-transform: scale(3.2);
        -moz-transform: scale(3.2);
        -o-transform: scale(3.2);
        transform: scale(3.2);
        opacity: 0
    }
    to {
        -webkit-transform: scale(3.2);
        -moz-transform: scale(3.2);
        -o-transform: scale(3.2);
        transform: scale(3.2);
        opacity: 0
    }
}

@keyframes moveXadd {
    0% {
        opacity: 0;
        transform: translateX(-1500px)
    }
    25% {
        opacity: 1
    }
    75% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translateX(0)
    }
}

@keyframes moveXreduce {
    0% {
        opacity: 0;
        transform: translateX(1500px)
    }
    25% {
        opacity: 1
    }
    75% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translateX(0)
    }
}

@keyframes moveXaddMobile {
    0% {
        opacity: 0;
        transform: translateX(-300px)
    }
    25% {
        opacity: 1
    }
    75% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translateX(0)
    }
}

@keyframes moveXreduceMobile {
    0% {
        opacity: 0;
        transform: translateX(300px)
    }
    25% {
        opacity: 1
    }
    75% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translateX(0)
    }
}

.modal-button-container {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    height: 120px;
    background-color: transparent;
    transition: transform .2s ease
}

.modal-button-container.inner-close-btn {
    z-index: 9999;
    font-weight: 350;
    cursor: pointer;
    position: fixed;
    bottom: -120px;
    left: 50%;
    transform: translateX(-50%) translateY(0)
}

.modal-button-container.inner-close-btn.inner-closs-btn-open {
    transition: transform .22s ease;
    transform: translateX(-50%) translateY(-130px)
}

@media (min-width:0px) and (max-width:731px) {
    .modal-button-container.inner-close-btn.inner-closs-btn-open {
        transform: translateX(-50%) translateY(-60px);
        bottom: -12%
    }
}

.modal-button-container .modal-button {
    width: 160px;
    background-size: contain;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    position: relative;
    display: inline-block;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    pointer-events: all;
    text-align: center;
    z-index: 1;
    margin: 5px 0;
    padding: 0 20px;
    min-width: 50px;
    height: 45px;
    line-height: 45px;
    font-weight: 200;
    background-color: #000;
    border: 1px solid #000;
    border-radius: 25px;
    -webkit-transition: background-color .2s ease-out, border-color .2s ease-out, color .2s ease-out;
    transition: background-color .2s ease-out, border-color .2s ease-out, color .2s ease-out;
    color: #fff;
    background-color: #d6002d;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.modal-button-container .modal-button:hover {
    background-color: #fff;
    color: #d6002d;
    transition: background-color .5s ease-out, border-color .5s ease-out, color .5s ease-out;
    border: 1px solid #aaa
}

.modal-button-container .modal-button .modal-inner-text {
    pointer-events: none;
    border: 0;
    font-family: Roboto, Helvetica, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif!important;
    font-size: 18px;
    font-weight: 350;
    letter-spacing: .5px;
    font-style: normal;
    display: inline-block
}

.wd__performance__graph {
    position: relative;
    text-align: left;
    margin-top: 32px
}

.wd__performance__graph .graph__title {
    font-family: Trade-Gothic-LT-Bold, Microsoft JhengHei, sans-serif;
    display: block;
    padding-bottom: 40px;
    font-size: 25px;
    opacity: 1;
    transition: opacity 1s cubic-bezier(.215, .61, .355, 1) 0s;
    color: #fff
}

.wd__performance__graph .graph__description {
    display: block;
    margin-top: -34px;
    padding-bottom: 34px;
    font-size: 17px
}

.wd__performance__graph .space-left-m {
    padding-left: 3px
}

.wd__performance__graph .space-right-m {
    padding-right: 3px
}

.wd__performance__graph .graph .graph__line {
    margin-bottom: 28px
}

.wd__performance__graph .graph .graph__line.line-1 .bar__value {
    display: none
}

.wd__performance__graph .graph .graph__line.line-1 .graph__bar {
    transition: width 1.2s cubic-bezier(.455, .03, .515, .955) .4s, opacity 1.2s cubic-bezier(.455, .03, .515, .955) .4s
}

.wd__performance__graph .graph .graph__line.line-1 .graph__bar .bar__value {
    transition: opacity 1s cubic-bezier(.215, .61, .355, 1) 1.2s
}

.wd__performance__graph .graph .graph__line.line-1 .graph__caption {
    transition: opacity 1s cubic-bezier(.215, .61, .355, 1) .6s
}

.wd__performance__graph .graph .graph__line.line-2 .graph__bar {
    transition: width 1.2s cubic-bezier(.455, .03, .515, .955) .8s, opacity 1.2s cubic-bezier(.455, .03, .515, .955) .8s
}

.wd__performance__graph .graph .graph__line.line-2 .graph__bar .bar__value {
    transition: opacity 1s cubic-bezier(.215, .61, .355, 1) 1.6s
}

.wd__performance__graph .graph .graph__line.line-2 .graph__caption {
    transition: opacity 1s cubic-bezier(.215, .61, .355, 1) 1s
}

.wd__performance__graph .graph .graph__line.line-3 .graph__bar {
    transition: width 1.2s cubic-bezier(.455, .03, .515, .955) 1.2s, opacity 1.2s cubic-bezier(.455, .03, .515, .955) 1.2s
}

.wd__performance__graph .graph .graph__line.line-3 .graph__bar .bar__value {
    transition: opacity 1s cubic-bezier(.215, .61, .355, 1) 2s
}

.wd__performance__graph .graph .graph__line.line-3 .graph__caption {
    transition: opacity 1s cubic-bezier(.215, .61, .355, 1) 1.4s
}

.wd__performance__graph .graph .graph__line.line-4 .graph__bar {
    transition: width 1.2s cubic-bezier(.455, .03, .515, .955) 1.6s, opacity 1.2s cubic-bezier(.455, .03, .515, .955) 1.6s
}

.wd__performance__graph .graph .graph__line.line-4 .graph__bar .bar__value {
    transition: opacity 1s cubic-bezier(.215, .61, .355, 1) 2.4s
}

.wd__performance__graph .graph .graph__line.line-4 .graph__caption {
    transition: opacity 1s cubic-bezier(.215, .61, .355, 1) 1.8s
}

.wd__performance__graph .graph .graph__line.line-5 .graph__bar {
    transition: width 1.2s cubic-bezier(.455, .03, .515, .955) 2s, opacity 1.2s cubic-bezier(.455, .03, .515, .955) 2s
}

.wd__performance__graph .graph .graph__line.line-5 .graph__bar .bar__value {
    transition: opacity 1s cubic-bezier(.215, .61, .355, 1) 2.8s
}

.wd__performance__graph .graph .graph__line.line-5 .graph__caption {
    transition: opacity 1s cubic-bezier(.215, .61, .355, 1) 2.2s
}

.wd__performance__graph .graph .graph__line.line-6 .graph__bar {
    transition: width 1.2s cubic-bezier(.455, .03, .515, .955) 2.4s, opacity 1.2s cubic-bezier(.455, .03, .515, .955) 2.4s
}

.wd__performance__graph .graph .graph__line.line-6 .graph__bar .bar__value {
    transition: opacity 1s cubic-bezier(.215, .61, .355, 1) 3.2s
}

.wd__performance__graph .graph .graph__line.line-6 .graph__caption {
    transition: opacity 1s cubic-bezier(.215, .61, .355, 1) 2.6s
}

.wd__performance__graph .graph .graph__line .graph__bar {
    position: relative;
    margin-bottom: 10px;
    height: 12px
}

.wd__performance__graph .graph .graph__line .graph__bar .bar__value {
    position: absolute;
    opacity: 1;
    left: 100%;
    margin-top: -8px;
    margin-left: 19px;
    font-size: 22px;
    letter-spacing: .05em
}

.wd__performance__graph .graph .graph__line .graph__bar .bar__value .value__unit {
    font-size: .4em
}

.wd__performance__graph .graph .graph__line .graph__caption {
    opacity: 1;
    font-size: 17px;
    letter-spacing: .05em
}

.wd__performance__graph .graph-badge {
    margin-left: -10px;
    margin-top: -41px;
    transform: translateZ(0);
    transition: transform .9s cubic-bezier(.215, .61, .355, 1) 1.1s, opacity .7s cubic-bezier(.215, .61, .355, 1) 1.1s
}

.wd__performance__graph .graph-badge .badge__caption-bottom,
.wd__performance__graph .graph-badge .badge__caption-top {
    display: block;
    font-size: 16px;
    letter-spacing: .4px;
    line-height: 1
}

.wd__performance__graph .graph-badge .badge__value {
    display: block;
    font-size: 65px;
    line-height: 1
}

.wd__performance__graph .graph-badge .badge__value .value__unit {
    font-size: .4em
}

.wd__performance__graph .graph-badge .badge__caption-bottom {
    margin-top: -3px
}

.wd__performance__graph.reset .graph__title {
    opacity: 0!important
}

.wd__performance__graph.reset .graph .graph__line .graph__bar {
    width: 0!important
}

.wd__performance__graph.reset .graph .graph__line .graph__bar .bar__value,
.wd__performance__graph.reset .graph .graph__line .graph__caption {
    opacity: 0!important
}

.wd__performance__graph.reset .graph-badge {
    transform: translate3d(-40px, 0, 0)!important;
    opacity: 0!important
}

@media (min-width:0px) and (max-width:731px) {
    .wd__performance__graph {
        transform: scale(.5)
    }
}

.wd__performance__graph.theme-black .graph__description,
.wd__performance__graph.theme-black .graph__title {
    color: #fff
}

.wd__performance__graph.theme-black .bar__value,
.wd__performance__graph.theme-black .graph__caption {
    color: #eee
}

.wd__performance__graph.theme-black .line-1 .bar__value {
    color: #00c6ff
}

.wd__performance__graph.theme-black .graph-badges .graph-badge .badge__caption-bottom,
.wd__performance__graph.theme-black .graph-badges .graph-badge .badge__caption-top {
    color: #fff
}

.wd__performance__graph.theme-black .graph-badges .graph-badge .badge__value {
    color: #00c6ff
}

.wd__performance__graph.theme-white .graph__description,
.wd__performance__graph.theme-white .graph__title {
    color: #333
}

.wd__performance__graph.theme-white .bar__value,
.wd__performance__graph.theme-white .graph__caption {
    color: #555
}

.wd__performance__graph.theme-white .line-1 .bar__value {
    color: #00c6ff
}

.wd__performance__graph.theme-white .graph-badges .graph-badge .badge__caption-bottom,
.wd__performance__graph.theme-white .graph-badges .graph-badge .badge__caption-top {
    color: #333
}

.wd__performance__graph.theme-white .graph-badges .graph-badge .badge__value {
    color: #00c6ff
}

.wd__performance__graph {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none
}

.wd__performance__graph.theme-rog .graph__title {
    padding-bottom: 31px;
    text-transform: uppercase;
    font-size: 23px
}

.wd__performance__graph.theme-rog .graph .graph__line.line-head .graph__bar .bar__value {
    font-size: 43px;
    margin-top: 0
}

.wd__performance__graph.theme-rog .graph .graph__line.line-head .graph__bar .bar__value .value__unit {
    font-size: .55em
}

.wd__performance__graph.theme-rog .graph .graph__line.line-1 .bar__value {
    display: block
}

.wd__performance__graph.theme-rog .graph .graph__line .graph__caption {
    min-width: 300px;
    position: relative;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: .07em;
    padding-bottom: 9px
}

.wd__performance__graph.theme-rog .graph .graph__line .graph__bar {
    height: 24px
}

.wd__performance__graph.theme-rog .graph .graph__line .graph__bar .bar__value {
    margin-top: -7px;
    margin-left: 19px;
    font-size: 28px;
    width: auto
}

.wd__performance__graph.theme-rog .graph-badges {
    display: none
}

.wd__performance__graph.theme-rog .bar__value,
.wd__performance__graph.theme-rog .graph .graph__line.line-head .bar__value,
.wd__performance__graph.theme-rog .graph__caption,
.wd__performance__graph.theme-rog .graph__description,
.wd__performance__graph.theme-rog .graph__title {
    color: #fff
}

.wd__performance__graph.theme-rog.reset .graph__line .graph__bar {
    opacity: 0
}

.wd__performance__graph .graph .graph__line.line-head .graph__bar {
    border: 1px solid #fff;
    background: #fff;
    -webkit-box-shadow: 0 0 14px 2px hsla(0, 0%, 58%, .7);
    -moz-box-shadow: 0 0 14px 2px hsla(0, 0%, 58%, .7);
    box-shadow: 0 0 14px 2px hsla(0, 0%, 58%, .7)
}

.wd__performance__graph .graph .graph__line.line-1 .graph__bar {
    width: 100%;
    transition: width .75s cubic-bezier(.455, .03, .515, .955) .2s, opacity .3s cubic-bezier(.455, .03, .515, .955) .2s
}

.wd__performance__graph .graph .graph__line.line-1 .graph__bar .bar__value {
    transition: opacity .55s cubic-bezier(.215, .61, .355, 1) .2s
}

.wd__performance__graph .graph .graph__line.line-1 .graph__caption {
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1) .2s
}

.wd__performance__graph .graph .graph__line.line-2 .graph__bar {
    width: 100%;
    transition: width .75s cubic-bezier(.455, .03, .515, .955) .4s, opacity .3s cubic-bezier(.455, .03, .515, .955) .4s
}

.wd__performance__graph .graph .graph__line.line-2 .graph__bar .bar__value {
    transition: opacity .55s cubic-bezier(.215, .61, .355, 1) .4s
}

.wd__performance__graph .graph .graph__line.line-2 .graph__caption {
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1) .4s
}

.wd__performance__graph .graph .graph__line.line-3 .graph__bar {
    width: 100%;
    transition: width .75s cubic-bezier(.455, .03, .515, .955) .6s, opacity .3s cubic-bezier(.455, .03, .515, .955) .6s
}

.wd__performance__graph .graph .graph__line.line-3 .graph__bar .bar__value {
    transition: opacity .55s cubic-bezier(.215, .61, .355, 1) .6s
}

.wd__performance__graph .graph .graph__line.line-3 .graph__caption {
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1) .6s
}

.wd__performance__graph .graph .graph__line.line-4 .graph__bar {
    width: 100%;
    transition: width .75s cubic-bezier(.455, .03, .515, .955) .8s, opacity .3s cubic-bezier(.455, .03, .515, .955) .8s
}

.wd__performance__graph .graph .graph__line.line-4 .graph__bar .bar__value {
    transition: opacity .55s cubic-bezier(.215, .61, .355, 1) .8s
}

.wd__performance__graph .graph .graph__line.line-4 .graph__caption {
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1) .8s
}

.wd__performance__graph .graph .graph__line.line-5 .graph__bar {
    width: 100%;
    transition: width .75s cubic-bezier(.455, .03, .515, .955) 1s, opacity .3s cubic-bezier(.455, .03, .515, .955) 1s
}

.wd__performance__graph .graph .graph__line.line-5 .graph__bar .bar__value {
    transition: opacity .55s cubic-bezier(.215, .61, .355, 1) 1s
}

.wd__performance__graph .graph .graph__line.line-5 .graph__caption {
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1) 1s
}

.wd__performance__graph .graph .graph__line.line-6 .graph__bar {
    width: 100%;
    transition: width .75s cubic-bezier(.455, .03, .515, .955) 1.2s, opacity .3s cubic-bezier(.455, .03, .515, .955) 1.2s
}

.wd__performance__graph .graph .graph__line.line-6 .graph__bar .bar__value {
    transition: opacity .55s cubic-bezier(.215, .61, .355, 1) 1.2s
}

.wd__performance__graph .graph .graph__line.line-6 .graph__caption {
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1) 1.2s
}

.wd__performance__graph .graph .graph__line .graph__bar {
    border: 1px solid #949494;
    background: #3b3b3b
}

.wd__performance__graph .graph .graph__line .graph__bar:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%
}

.wd__performance__graph.theme-rog-v .graph__line.line-head .graph__bar {
    border: 1px solid #fff;
    background: #fff;
    -webkit-box-shadow: 0 0 14px 2px hsla(0, 0%, 58%, .7);
    -moz-box-shadow: 0 0 14px 2px hsla(0, 0%, 58%, .7);
    box-shadow: 0 0 14px 2px hsla(0, 0%, 58%, .7)
}

.wd__performance__graph.theme-rog-v .graph__line.line-1 .graph__bar,
.wd__performance__graph.theme-rog-v .graph__line.line-2 .graph__bar,
.wd__performance__graph.theme-rog-v .graph__line.line-3 .graph__bar {
    height: 300px
}

.wd__performance__graph.theme-rog-v .graph__line .graph__bar {
    border: 1px solid #949494;
    background: #3b3b3b
}

.wd__performance__graph.theme-rog-v .graph__line .graph__bar:after {
    content: " ";
    display: block;
    position: absolute;
    right: 0;
    height: 100%;
    width: 100%
}

.wd__performance__graph.theme-rog-v .graph__line .graph__bar .bar__value {
    width: 150px
}

.lazyLoad {
    background-image: none!important
}

.lazyLoad,
.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)"
}

.fadeIn,
.lazyLoad,
.opacityDefault {
    -webkit-transition: opacity .7s;
    transition: opacity .7s
}

.fadeIn {
    -webkit-transform: translateZ(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
}

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

.navigation {
    position: fixed;
    z-index: 99999;
    top: 50%;
    transform: translateY(-50%);
    right: -10px;
    opacity: 0;
    transition: .3s ease-in
}

.navigation.show {
    opacity: 1;
    right: 20px
}

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

.navigation li {
    position: relative;
    width: 8px;
    height: 8px;
    margin: 18px 0
}

.navigation li a {
    background-color: #aaa;
    border-radius: 100%;
    height: 100%;
    width: 100%;
    display: block;
    transition: .2s ease
}

.navigation li a .navTextFrame {
    text-align: right;
    position: relative;
    transform: translate3d(-97px, -2px, 0)
}

.navigation li a .navTextFrame .sectionName {
    position: absolute;
    white-space: nowrap;
    color: #777;
    text-align: right;
    right: -85px;
    top: -3px;
    font-size: 14px;
    letter-spacing: .5px;
    opacity: 0;
    font-family: roboto-light_0, Xolonium-Regular, sans-serif, Microsoft JhengHei
}

.navigation li a:hover {
    background-color: #d6002d
}

.navigation li a:hover .sectionName {
    font-size: 14px;
    opacity: 1;
    color: #ccc
}

.navigation li a.active {
    background-color: #d6002d;
    transition: .3s;
    transform: scale(1.1)
}

.navigation li a.active .sectionName {
    opacity: 1;
    font-size: 16px;
    color: #ccc
}

.navigation li a.active .sectionName.blackText {
    color: #333
}

#ASUS-features .outer-view {
    opacity: 1
}

#ASUS-features .outer-view.outerHide {
    opacity: 0;
    transition: opacity .3s ease-in
}

#ASUS-features .section__base {
    margin-top: 220px
}

#ASUS-features .section__base .wd-content {
    width: 100%
}

#ASUS-features .section__base .wd-content .content-slogan,
#ASUS-features .section__base .wd-content .content-title {
    width: 80%;
    max-width: 800px
}

#ASUS-features .section__base .wd-content .content-title span.textColor__GrayAlt {
    color: #6d6d6d
}

#ASUS-features .section__base .wd-content .content-comment,
#ASUS-features .section__base .wd-content .content-info {
    width: 80%;
    max-width: 800px
}

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

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

#ASUS-features .inner-view {
    transition: transform .5s ease;
    transform: translate3d(0, 104vh, 0);
    background-color: #111;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0
}

#ASUS-features .inner-view.fadeShow {
    opacity: 1
}

#ASUS-features .inner-view.fadeOut {
    opacity: 0;
    transition: opacity .5s ease
}

#ASUS-features .inner-view.inner-scroll {
    overflow-y: scroll;
    transition: all .5s ease-in-out
}

#ASUS-features .inner-view.js-opened {
    transform: translateZ(0);
    transition: transform .5s ease-in-out
}

#ASUS-features .inner-view .inner-view-container {
    width: 100%;
    max-width: 2560px;
    margin: 0 auto;
    background-size: contain
}

#ASUS-features .inner-view .inner-view-container .inner-modal {
    width: 100%;
    display: none;
    opacity: 0
}

#ASUS-features .inner-view .inner-view-container .inner-modal .section__base {
    background: 0 0;
    margin-top: 0
}

#ASUS-features .inner-view .inner-view-container .inner-modal.show {
    display: block;
    opacity: 1;
    transition: opacity .5s ease-in-out
}

#ASUS-features .inner-view .inner-view-container .inner-modal.inner-modal-hidden {
    opacity: 0;
    transition: opacity .3s ease-out
}

#ASUS-features .inner-view .inner-view-container .inner-modal .section__base {
    padding-top: 40px
}

#ASUS-features .inner-view .inner-view-container .innerHide {
    display: none
}

#ASUS-features .inner-view .inner-view-container .innerShow {
    display: block
}

#ASUS-features .inner-view .wd-content.fadeShow {
    transition: all .3s ease-in-out
}

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

#ASUS-features .inner-view .wd-content .content-title {
    font-size: 30px;
    color: #fff;
    text-transform: uppercase
}

#ASUS-features .inner-view .wd-content .content-info {
    font-size: 16px;
    color: #fff
}

#ASUS-features .inner-view .wd-content .content-comment {
    margin-top: 12px;
    font-size: 16px;
    color: #999;
    line-height: 1.4
}

#ASUS-features .inner-view .wd-content .wd__feature__list .wd__feature {
    text-transform: uppercase;
    margin-right: 13px
}

#ASUS-features .inner-view .wd-content .wd__feature__list .wd__feature .wd__feature__data,
#ASUS-features .inner-view .wd-content .wd__feature__list .wd__feature .wd__feature__describe,
#ASUS-features .inner-view .wd-content .wd__feature__list .wd__feature .wd__feature__top {
    text-transform: uppercase
}

#ASUS-features .section__kv {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0
}


/* Slider */

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

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    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: translate3d(0, 0, 0);
}

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

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

.slick-track:after {
    clear: both;
}

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

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

[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;
}