.kv__badge .badge__container img {
    display: inline-block !important;
    position: relative;
    margin: 0 25px;
    background-size: contain;
    vertical-align: middle
}

#CMD .row {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#CMD .row .col.l12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
}

#CMD .row .col {
    float: left;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

sup {
    position: relative;
    top: 0;
    font-size: .6em !important;
    vertical-align: super;
    line-height: 0 !important;
    background-color: rgba(0, 0, 0, 0) !important
}

sup.footnote-num,
sup.footnote-num * {
    top: 0;
    font-size: .8em !important
}

sup a {
    color: inherit !important
}

sup.sign-deg {
    top: 0;
    font-size: 16px !important;
    vertical-align: baseline !important
}

sup.sign-cr {
    font-size: 16px !important;
    vertical-align: baseline !important
}

sup.sign-tm {
    font-size: 16px !important;
    vertical-align: baseline !important
}

.odin ol li,
.odin ul li {
    margin: 0
}

@media all and (min-width:1280px) {
    .wd__section .large__text-center {
        text-align: center
    }

    .wd__section .large__text-center.wd__content {
        margin-right: auto;
        margin-left: auto
    }

    .wd__section .large__text-center.wd__content .content__comment,
    .wd__section .large__text-center.wd__content .content__info,
    .wd__section .large__text-center.wd__content .content__link,
    .wd__section .large__text-center.wd__content .content__slogan,
    .wd__section .large__text-center.wd__content .content__title {
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .wd__section .large__text-center.wd__content .content__slogan::after {
        margin-right: auto;
        margin-left: auto
    }

    .wd__section .large__text-center.wd__content .content__title::after {
        margin: 0 auto;
        text-align: center
    }

    .wd__section .large__text-left.wd__content {
        text-align: left
    }

    .wd__section .large__text-left.wd__content .content__comment,
    .wd__section .large__text-left.wd__content .content__info,
    .wd__section .large__text-left.wd__content .content__link,
    .wd__section .large__text-left.wd__content .content__slogan,
    .wd__section .large__text-left.wd__content .content__title {
        margin-left: 0;
        text-align: left
    }

    .wd__section .large__text-left.wd__content .content__slogan::after {
        left: 0;
        margin-left: 0
    }

    .wd__section .large__text-left.wd__content .content__title::after {
        margin-left: 0;
        text-align: left
    }

    .wd__section .large__text-left.wd__feature__list {
        text-align: left
    }

    .wd__section .large__text-left.wd__feature__list .wd__feature {
        margin-right: 58px;
        margin-left: 0;
        text-align: left
    }

    .wd__section .large__text-right.wd__content {
        text-align: right
    }

    .wd__section .large__text-right.wd__content .content__slogan::after {
        right: 0;
        margin-right: 0
    }

    .wd__section .large__text-right.wd__feature__list {
        text-align: right
    }

    .wd__section .large__text-right.wd__feature__list .wd__feature {
        margin-right: 0;
        margin-left: 58px;
        text-align: right
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__section .medium__text-left.wd__content {
        left: 0;
        text-align: left
    }

    .wd__section .medium__text-left.wd__content .content__comment,
    .wd__section .medium__text-left.wd__content .content__info,
    .wd__section .medium__text-left.wd__content .content__link,
    .wd__section .medium__text-left.wd__content .content__slogan,
    .wd__section .medium__text-left.wd__content .content__title {
        margin-left: 0;
        text-align: left
    }

    .wd__section .medium__text-left.wd__content .content__slogan::after {
        margin-left: 0
    }

    .wd__section .medium__text-left.wd__feature__list {
        text-align: left
    }

    .wd__section .medium__text-left.wd__feature__list .wd__feature {
        margin-right: 50px;
        margin-left: 0
    }

    .wd__section .medium__text-center.wd__content {
        left: 0;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .wd__section .medium__text-center.wd__content .content__comment,
    .wd__section .medium__text-center.wd__content .content__info,
    .wd__section .medium__text-center.wd__content .content__link,
    .wd__section .medium__text-center.wd__content .content__slogan,
    .wd__section .medium__text-center.wd__content .content__title {
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .wd__section .medium__text-center.wd__content .content__slogan::after {
        margin-right: auto;
        margin-left: auto
    }

    .wd__section .medium__text-center.wd__feature__list {
        text-align: center
    }

    .wd__section .medium__text-center.wd__feature__list .wd__feature {
        margin-right: 30px;
        margin-left: 30px
    }

    .wd__section .medium__text-center.wd__feature__list .wd__feature .wd__feature__data,
    .wd__section .medium__text-center.wd__feature__list .wd__feature .wd__feature__describe,
    .wd__section .medium__text-center.wd__feature__list .wd__feature .wd__feature__describe__top {
        text-align: center
    }
}

@media all and (max-width:730.5px) {
    .wd__section .small__text-left.wd__content {
        left: 0;
        text-align: left
    }

    .wd__section .small__text-left.wd__content .content__comment,
    .wd__section .small__text-left.wd__content .content__info,
    .wd__section .small__text-left.wd__content .content__link,
    .wd__section .small__text-left.wd__content .content__slogan,
    .wd__section .small__text-left.wd__content .content__title {
        margin-left: 0;
        text-align: left
    }

    .wd__section .small__text-left.wd__content .content__slogan::after {
        margin-left: 0
    }

    .wd__section .small__text-left.wd__feature__list {
        text-align: center
    }

    .wd__section .small__text-left.wd__feature__list .wd__feature__list .wd__feature {
        margin-right: 20px;
        margin-left: 0
    }

    .wd__section .small__text-center {
        text-align: center
    }

    .wd__section .small__text-center.wd__content {
        left: 0;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .wd__section .small__text-center.wd__content .content__comment,
    .wd__section .small__text-center.wd__content .content__info,
    .wd__section .small__text-center.wd__content .content__link,
    .wd__section .small__text-center.wd__content .content__slogan,
    .wd__section .small__text-center.wd__content .content__title {
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .wd__section .small__text-center.wd__content .content__slogan::after {
        margin-right: auto;
        margin-left: auto
    }

    .wd__section .small__text-center.wd__feature__list {
        text-align: center
    }

    .wd__section .small__text-center.wd__feature__list .wd__feature {
        margin-right: 14px;
        margin-left: 14px
    }
}

#CMD .wd__section.text-black {
    background-color: #fff
}

#CMD .wd__section.text-black .wd__content .content__comment,
#CMD .wd__section.text-black .wd__content .content__info,
#CMD .wd__section.text-black .wd__content .content__title {
    color: #000
}

#CMD .wd__section.text-black .wd__feature__list .wd__feature .wd__feature__data,
#CMD .wd__section.text-black .wd__feature__list .wd__feature .wd__feature__data *,
#CMD .wd__section.text-black .wd__feature__list .wd__feature .wd__feature__describe,
#CMD .wd__section.text-black .wd__feature__list .wd__feature .wd__feature__describe *,
#CMD .wd__section.text-black .wd__feature__list .wd__feature .wd__feature__describe__top,
#CMD .wd__section.text-black .wd__feature__list .wd__feature .wd__feature__describe__top * {
    color: #000
}

#CMD .wd__section .section_content .wd__content.theme-dark .content__comment {
    color: #999
}

#CMD .wd__section .section_content .wd__content.theme-dark .content__info,
#CMD .wd__section .section_content .wd__content.theme-dark .content__title {
    color: #fff
}

#CMD .wd__section .section_content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe,
#CMD .wd__section .section_content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe span,
#CMD .wd__section .section_content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe__top,
#CMD .wd__section .section_content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe__top span {
    color: #fff
}

#CMD .wd__section .section_content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe,
#CMD .wd__section .section_content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe span,
#CMD .wd__section .section_content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe__top,
#CMD .wd__section .section_content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe__top span {
    color: #fff
}

.modal-button-container.bg-gray .modal-button-text {
    color: #6f6f6f
}

.modal-button-container.bg-gray .modal-button .modal-button-end-cap,
.modal-button-container.bg-gray .modal-button .modal-button-scaler,
.modal-button-container.bg-gray .modal-button .modal-button-start-cap {
    background: #6f6f6f
}

.modal-button-container.bg-white .modal-button.old__browser .modal-button-copy,
.modal-button-container.bg-white .modal-button.old__browser .modal-button-end-cap,
.modal-button-container.bg-white .modal-button.old__browser .modal-button-start-cap {
    background: #fff
}

.modal-button-container.bg-white .modal-button.old__browser .modal-button-copy {
    color: #333
}

.modal-button-container.bg-white .modal-button.old__browser .pluscircle-icon {
    background-image: url(../images/image/icon_modalbtn_gray.png) !important
}

.modal-button-container.bg-white .modal-button .modal-button-copy {
    color: #333
}

.modal-button-container.bg-white .modal-button .modal-button-end-cap,
.modal-button-container.bg-white .modal-button .modal-button-scaler,
.modal-button-container.bg-white .modal-button .modal-button-start-cap {
    background: #fff
}

.modal-button-container.bg-white .modal-button .pluscircle-icon svg path {
    fill: #333
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.d-none {
    display: none;
    position: absolute !important;
    overflow: hidden;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.screen-reader-only {
    position: absolute;
    overflow: hidden;
    width: 1px;
    white-space: nowrap;
    clip: rect(0 0 0 0)
}

.visuallyhidden {
    position: absolute;
    overflow: hidden;
    top: 50%;
    padding: 0;
    width: 1px;
    height: 1px;
    font-size: unset;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0 0 99.9% 99.9%);
    clip-path: inset(0 0 99.9% 99.9%)
}

#CMD button,
#CMD input,
#CMD select,
#CMD textarea {
    -webkit-appearance: normal;
    -moz-appearance: normal;
    appearance: normal;
    outline: initial;
    outline-color: initial;
    outline-style: initial;
    outline-width: initial
}

.js-focus-visible #CMD :focus:not(.focus-visible) {
    outline: 0
}

#overviewContentInsertWrapper a:focus-visible,
#overviewContentInsertWrapper button:focus-visible,
#overviewContentInsertWrapper div:focus-visible,
#overviewContentInsertWrapper h1:focus-visible,
#overviewContentInsertWrapper h2:focus-visible,
#overviewContentInsertWrapper h3:focus-visible,
#overviewContentInsertWrapper h4:focus-visible,
#overviewContentInsertWrapper image:focus-visible,
#overviewContentInsertWrapper input:focus-visible,
#overviewContentInsertWrapper li:focus-visible,
#overviewContentInsertWrapper nav:focus-visible,
#overviewContentInsertWrapper ol:focus-visible,
#overviewContentInsertWrapper p:focus-visible,
#overviewContentInsertWrapper select:focus-visible,
#overviewContentInsertWrapper span:focus-visible,
#overviewContentInsertWrapper svg:focus-visible,
#overviewContentInsertWrapper textarea:focus-visible,
#overviewContentInsertWrapper ul:focus-visible {
    outline: 2px solid #248dff
}


html.stop-scrolling {
    overflow-y: hidden
}

.inline__block {
    display: inline-block
}

html.event-official body,
html.event-simple body {
    margin: 0
}

body {
    background-attachment: scroll !important;
    -moz-osx-font-smoothing: grayscale
}

#CMD {
    -webkit-transition-duration: .7s;
    -khtml-transition-duration: .7s;
    -moz-transition-duration: .7s;
    -ms-transition-duration: .7s;
    -o-transition-duration: .7s;
    transition-duration: .7s;
    -webkit-transition-property: opacity;
    -khtml-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .33, .98);
    -khtml-transition-timing-function: cubic-bezier(.25, .46, .33, .98);
    -moz-transition-timing-function: cubic-bezier(.25, .46, .33, .98);
    -ms-transition-timing-function: cubic-bezier(.25, .46, .33, .98);
    -o-transition-timing-function: cubic-bezier(.25, .46, .33, .98);
    transition-timing-function: cubic-bezier(.25, .46, .33, .98);
    position: relative;
    overflow-x: hidden;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

#CMD * {
    box-sizing: border-box
}

#CMD section {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 100%
}

#CMD section .img {
    display: block;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

#CMD section .wd__feature .img__icon {
    background-size: contain
}

.section__pdc,
.section__wdvideos,
.wd__section {
    max-width: 2560px
}

.section__content {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    height: 100%
}

.progressive-image {
    background-image: none !important;
    mask: none !important;
    -webkit-mask-image: none !important
}

.section__pdc,
.section__wdvideos {
    font-size: 0
}

@media all and (min-width:1px) {
    .grace-show {
        -webkit-opacity: 0;
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
        transition: opacity .8s linear
    }

    .grace-show.show {
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
        transform: translate3d(0, 0, 0);
        will-change: opacity
    }

    .grace-show.animated {
        transform: none;
        transition: none
    }
}

.in.moving__element {
    will-change: transform, opacity
}

.wd__animation__easeout {
    -webkit-transition-duration: .5s, .5s;
    -khtml-transition-duration: .5s, .5s;
    -moz-transition-duration: .5s, .5s;
    -ms-transition-duration: .5s, .5s;
    -o-transition-duration: .5s, .5s;
    transition-duration: .5s, .5s;
    -webkit-transition-property: opacity, -webkit-transform;
    -khtml-transition-property: opacity, -webkit-transform;
    -moz-transition-property: opacity, -webkit-transform;
    -ms-transition-property: opacity, -webkit-transform;
    -o-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0, 0, .58, 1);
    -khtml-transition-timing-function: cubic-bezier(0, 0, .58, 1);
    -moz-transition-timing-function: cubic-bezier(0, 0, .58, 1);
    -ms-transition-timing-function: cubic-bezier(0, 0, .58, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, .58, 1);
    transition-timing-function: cubic-bezier(0, 0, .58, 1);
    -moz-transition-duration: .5s;
    -moz-transition-property: all
}

@keyframes ripple {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.text__animation>a,
.text__animation>div,
.text__animation>figure,
.text__animation>h1,
.text__animation>h2,
.text__animation>h3,
.text__animation>h4,
.text__animation>img,
.text__animation>span {
    opacity: 0;
    transform: translateZ(0) translateY(30px);
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1), transform .4s cubic-bezier(.4, 0, .2, 1)
}

.wd__content.text__animation>a,
.wd__content.text__animation>div,
.wd__content.text__animation>figure,
.wd__content.text__animation>h1,
.wd__content.text__animation>h2,
.wd__content.text__animation>h3,
.wd__content.text__animation>h4,
.wd__content.text__animation>img,
.wd__content.text__animation>span {
    opacity: 0;
    transform: translateZ(0) translateY(30px);
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1), transform .4s cubic-bezier(.4, 0, .2, 1)
}

.wd__content.text__animation.text-showed .content__comment,
.wd__content.text__animation.text-showed .content__info,
.wd__content.text__animation.text-showed .content__link,
.wd__content.text__animation.text-showed .content__slogan,
.wd__content.text__animation.text-showed .content__title,
.wd__content.text__animation.text-showed .wd__feature__list {
    transform: none
}

.wd__content.wd__content-horz.text__animation {
    opacity: 0;
    transform: translateZ(0) translateY(30px);
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1), transform .4s cubic-bezier(.4, 0, .2, 1)
}

.wd__content.wd__content-horz.text__animation>a,
.wd__content.wd__content-horz.text__animation>div,
.wd__content.wd__content-horz.text__animation>figure,
.wd__content.wd__content-horz.text__animation>h1,
.wd__content.wd__content-horz.text__animation>h2,
.wd__content.wd__content-horz.text__animation>h3,
.wd__content.wd__content-horz.text__animation>h4,
.wd__content.wd__content-horz.text__animation>img,
.wd__content.wd__content-horz.text__animation>span {
    opacity: 1;
    transform: unset;
    transition: unset
}

.outer-view {
    opacity: 1;
    transition: opacity 0 linear
}

.outer-view.is-hide {
    opacity: 0
}

.block__scroll .block__scroll-item {
    opacity: 0;
    transform: translateY(100px)
}

@media all and (max-width:730.5px) {
    .block__scroll .block__scroll-item {
        transform: translateY(60px);
        transform-origin: top
    }
}

.block__scroll .scroll-trigger-end {
    position: absolute;
    bottom: 0
}

@media all and (max-width:730.5px) {
    .block__scroll.block__scroll__small-noscroll .block__scroll-item {
        opacity: 1 !important;
        transform: none !important
    }

    .block__scroll.block__scroll__small-noscroll .scroll-trigger-end {
        position: relative !important;
        bottom: 0
    }
}

.wd__section .slick-dots {
    margin-right: auto;
    margin-left: auto
}

#main-zone #overview-top-nav .inner {
    padding: 0
}

#product-footer-zone {
    margin-top: 0 !important
}

#main-zone>.container {
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important
}

#main-zone>.container .overview-wrapper {
    width: 100% !important
}

#ctl00_ContentPlaceHolder1_ctl00_span_model_name img {
    max-width: 100%
}

#special-sectionOverview {
    margin-top: 0
}

@media all and (min-width:769px) {
    #CMD .outer-view {
        margin-top: 0
    }
}

@media (max-width:959px) and (min-width:731px) {

    #af-header,
    #af-header .af-inner,
    body #asus-api-footer {
        min-width: 100%;
        width: 100%
    }

    #main-zone>.container {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important
    }
}

@media all and (max-width:730.5px) {
    #special-sectionOverview {
        margin-top: 0
    }

    #CMD {
        margin-top: 0 !important
    }

    #main-zone,
    #main-zone-3,
    #main-zone-4,
    #main-zone-5,
    #main-zone-6 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

#overview-top-nav .inner .nav>li.has-submenu>a {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFIGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTktMDUtMjFUMTQ6MTk6MzgrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTA1LTIxVDE0OjIyOjAyKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTA1LTIxVDE0OjIyOjAyKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmU2ZmNmNTc0LWE0YWUtNDZkMC05MzUyLTZiMjViMjdlYmQyMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDplNmZjZjU3NC1hNGFlLTQ2ZDAtOTM1Mi02YjI1YjI3ZWJkMjMiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplNmZjZjU3NC1hNGFlLTQ2ZDAtOTM1Mi02YjI1YjI3ZWJkMjMiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmU2ZmNmNTc0LWE0YWUtNDZkMC05MzUyLTZiMjViMjdlYmQyMyIgc3RFdnQ6d2hlbj0iMjAxOS0wNS0yMVQxNDoxOTozOCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+moGVIwAAAJVJREFUGJVtkCELAkEQRt95cF3kmpisZn+Zf8FusVttJi1mu2CziFgMolguCM8yh8t6AwvLvvcNO1OodNQAeAGfHPQ65ClwAXZA9UfV9EzUp7/aqGXqpPJQvYY4V49xX6lFHqjVUwjLpME53hZpoFQPAdbZF8bqLdisDfTVRt2rVTZTO9dD3aoUsdYRcAearh0DdbD3FwUC138WqUD3AAAAAElFTkSuQmCC)
}

#overview-top-nav.to-submenu .inner .features-menu .close-btn {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0MzYwLCAyMDIwLzAyLzEzLTAxOjA3OjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDYtMTdUMTQ6MzQ6MzQrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTA2LTE3VDE0OjM0OjUzKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTA2LTE3VDE0OjM0OjUzKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMwNWI5NTg0LTQyZjAtNDVlYy1iMjIxLWY4ODAxZjQxODcwNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMDViOTU4NC00MmYwLTQ1ZWMtYjIyMS1mODgwMWY0MTg3MDQiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozMDViOTU4NC00MmYwLTQ1ZWMtYjIyMS1mODgwMWY0MTg3MDQiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjMwNWI5NTg0LTQyZjAtNDVlYy1iMjIxLWY4ODAxZjQxODcwNCIgc3RFdnQ6d2hlbj0iMjAyMC0wNi0xN1QxNDozNDozNCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Lv/Y4AAAAJJJREFUKJF1kcENhEAIRR9TgSVYgi1YCIlW5iYUoiXYwbZgCXthNkgYToT/PhAQM/sCM7Cr6ocizGwDDuBuwOT1w4URDDA3YAWeypTgB1jFhQU4w7S9N4iwqt4SumUTGQaQqBSmFwzQUrclTZi89o+40pZ27gYIJ5cBvHp+ZpNUcN+5ul4bwQCev/7UgKuCB6brB24YT+NnPIKZAAAAAElFTkSuQmCC)
}

@media (max-width:768px) and (min-width:720px) {
    #rog_black_style .page-title {
        background: #222 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABWCAYAAAAjbNN8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAF52lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTA1LTExVDE1OjI5OjUyKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0wNS0xMVQxNTozMToxNCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0wNS0xMVQxNTozMToxNCswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphYmYzM2VmNi05ODYwLTQ2ZGItODU2NC1kMzU1ODE4Y2FkMTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NThERTEwNzlFRTZCMTFFNjkzNkNFQjU4RTUwM0REQzkiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1OERFMTA3OUVFNkIxMUU2OTM2Q0VCNThFNTAzRERDOSIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4REUxMDc2RUU2QjExRTY5MzZDRUI1OEU1MDNEREM5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU4REUxMDc3RUU2QjExRTY5MzZDRUI1OEU1MDNEREM5Ii8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmFiZjMzZWY2LTk4NjAtNDZkYi04NTY0LWQzNTU4MThjYWQxOCIgc3RFdnQ6d2hlbj0iMjAxOC0wNS0xMVQxNTozMToxNCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkzXgSYAAAJqSURBVHic7dzRbdNQGIbhN4gBvAEdwUzQdAPYIEwATEA2KJ2AjJANajYwG3gEbxAuTi5ycWpO8UnPl1/fI1WqHFv6pVc+SWPXm9PptAUGTNK71gPYMgcS50DiHEicA4lzIHEOJM6BxDmQOAcS50DiHEicA4lzIHEOJM6BxDmQuGiBtsCp4GffZrzXixioxP01h6jpfesBrughs+0R6N94jlUiBxoy2+bCYz8Bv4Cuzij/ZQQeoi1xtXylbRxIZ/rOgfKm1gOcjZGXuDW+A39ov8QNkQM9Z7b1hcfOwM9ag6wRLdB88fu2cD9p0QIdgA8snykT8PQGs1QRLdBMev8Iw5/ixDmQOAcS50DiHEicA4lzIHEOJC7aH6qQruX0C69PwJEb+bonWqAd6ULbv9wDX647Sh3Rlri7yvs1F+0MurTJbHum/MaSnrbXgyZgihxojT3wo/EMM/Ax2hJXi8JtWR2+J+FFv1sPQDqDDl7i8vakj+Jdwxkmgr8HnVYeP9YYYq1oS9xUeb/mop1BB9La3S/sM5GWr5uw8fPitEVb4sJxIHEOJM6BxDmQOAcS50DiHEhctG8SOtJ1nH5hn4n03w3j1aepIFqgHfCtYL8O+HzNQWqJFqi7+H3IvN6f9+kyr0mKFuhS7jkJpfckdKSzsas2zeuNwDFyoDUeSYFa83MSXnDXeoCz3oHynmh/5+lI8HsStpltXeGxR0Qu6kUOlHtOws2JtsQNhfsp3FZVJNoZNJC/5fdmRTuDwnEgcQ4kzoHEOZA4BxLnQOIcSJwDiXMgcQ4kzoHEOZA4BxLnQOIcSJwDiXMgcX8BVn1OSUK1/rIAAAAASUVORK5CYII=) 96% center no-repeat;
        background-size: 48px
    }
}

@media (max-width:719px) {
    #overview-top-nav .page-title {
        background: #222 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABWCAYAAAAjbNN8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAF52lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTA1LTExVDE1OjI5OjUyKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0wNS0xMVQxNTozMToxNCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0wNS0xMVQxNTozMToxNCswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphYmYzM2VmNi05ODYwLTQ2ZGItODU2NC1kMzU1ODE4Y2FkMTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NThERTEwNzlFRTZCMTFFNjkzNkNFQjU4RTUwM0REQzkiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1OERFMTA3OUVFNkIxMUU2OTM2Q0VCNThFNTAzRERDOSIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4REUxMDc2RUU2QjExRTY5MzZDRUI1OEU1MDNEREM5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU4REUxMDc3RUU2QjExRTY5MzZDRUI1OEU1MDNEREM5Ii8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmFiZjMzZWY2LTk4NjAtNDZkYi04NTY0LWQzNTU4MThjYWQxOCIgc3RFdnQ6d2hlbj0iMjAxOC0wNS0xMVQxNTozMToxNCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkzXgSYAAAJqSURBVHic7dzRbdNQGIbhN4gBvAEdwUzQdAPYIEwATEA2KJ2AjJANajYwG3gEbxAuTi5ycWpO8UnPl1/fI1WqHFv6pVc+SWPXm9PptAUGTNK71gPYMgcS50DiHEicA4lzIHEOJM6BxDmQOAcS50DiHEicA4lzIHEOJM6BxDmQuGiBtsCp4GffZrzXixioxP01h6jpfesBrughs+0R6N94jlUiBxoy2+bCYz8Bv4Cuzij/ZQQeoi1xtXylbRxIZ/rOgfKm1gOcjZGXuDW+A39ov8QNkQM9Z7b1hcfOwM9ag6wRLdB88fu2cD9p0QIdgA8snykT8PQGs1QRLdBMev8Iw5/ixDmQOAcS50DiHEicA4lzIHEOJC7aH6qQruX0C69PwJEb+bonWqAd6ULbv9wDX647Sh3Rlri7yvs1F+0MurTJbHum/MaSnrbXgyZgihxojT3wo/EMM/Ax2hJXi8JtWR2+J+FFv1sPQDqDDl7i8vakj+Jdwxkmgr8HnVYeP9YYYq1oS9xUeb/mop1BB9La3S/sM5GWr5uw8fPitEVb4sJxIHEOJM6BxDmQOAcS50DiHEhctG8SOtJ1nH5hn4n03w3j1aepIFqgHfCtYL8O+HzNQWqJFqi7+H3IvN6f9+kyr0mKFuhS7jkJpfckdKSzsas2zeuNwDFyoDUeSYFa83MSXnDXeoCz3oHynmh/5+lI8HsStpltXeGxR0Qu6kUOlHtOws2JtsQNhfsp3FZVJNoZNJC/5fdmRTuDwnEgcQ4kzoHEOZA4BxLnQOIcSJwDiXMgcQ4kzoHEOZA4BxLnQOIcSJwDiXMgcX8BVn1OSUK1/rIAAAAASUVORK5CYII=) 96% center no-repeat;
        background-size: 48px
    }
}

@media (max-width:768px) and (min-width:0) {
    body#rog_black_style #overview-top-nav .nav-tabs>.active {
        background-color: #222 !important
    }

    body #overview-top-nav .inner .features-menu .nav-sub>li.active {
        background: #222 !important
    }
}

.odin ol li,
.odin ul li {
    margin: 0
}

@media all and (min-width:1280px) {
    .wd__section .large__text-center {
        text-align: center
    }

    .wd__section .large__text-center.wd__content {
        margin-right: auto;
        margin-left: auto
    }

    .wd__section .large__text-center.wd__content .content__comment,
    .wd__section .large__text-center.wd__content .content__info,
    .wd__section .large__text-center.wd__content .content__link,
    .wd__section .large__text-center.wd__content .content__slogan,
    .wd__section .large__text-center.wd__content .content__title {
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .wd__section .large__text-center.wd__content .content__slogan::after {
        margin-right: auto;
        margin-left: auto
    }

    .wd__section .large__text-center.wd__content .content__title::after {
        margin: 0 auto;
        text-align: center
    }

    .wd__section .large__text-left.wd__content {
        text-align: left
    }

    .wd__section .large__text-left.wd__content .content__comment,
    .wd__section .large__text-left.wd__content .content__info,
    .wd__section .large__text-left.wd__content .content__link,
    .wd__section .large__text-left.wd__content .content__slogan,
    .wd__section .large__text-left.wd__content .content__title {
        margin-left: 0;
        text-align: left
    }

    .wd__section .large__text-left.wd__content .content__slogan::after {
        left: 0;
        margin-left: 0
    }

    .wd__section .large__text-left.wd__content .content__title::after {
        margin-left: 0;
        text-align: left
    }

    .wd__section .large__text-left.wd__feature__list {
        text-align: left
    }

    .wd__section .large__text-left.wd__feature__list .wd__feature {
        margin-right: 58px;
        margin-left: 0;
        text-align: left
    }

    .wd__section .large__text-right.wd__content {
        text-align: right
    }

    .wd__section .large__text-right.wd__content .content__slogan::after {
        right: 0;
        margin-right: 0
    }

    .wd__section .large__text-right.wd__feature__list {
        text-align: right
    }

    .wd__section .large__text-right.wd__feature__list .wd__feature {
        margin-right: 0;
        margin-left: 58px;
        text-align: right
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__section .medium__text-left.wd__content {
        left: 0;
        text-align: left
    }

    .wd__section .medium__text-left.wd__content .content__comment,
    .wd__section .medium__text-left.wd__content .content__info,
    .wd__section .medium__text-left.wd__content .content__link,
    .wd__section .medium__text-left.wd__content .content__slogan,
    .wd__section .medium__text-left.wd__content .content__title {
        margin-left: 0;
        text-align: left
    }

    .wd__section .medium__text-left.wd__content .content__slogan::after {
        margin-left: 0
    }

    .wd__section .medium__text-left.wd__feature__list {
        text-align: left
    }

    .wd__section .medium__text-left.wd__feature__list .wd__feature {
        margin-right: 50px;
        margin-left: 0
    }

    .wd__section .medium__text-center.wd__content {
        left: 0;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .wd__section .medium__text-center.wd__content .content__comment,
    .wd__section .medium__text-center.wd__content .content__info,
    .wd__section .medium__text-center.wd__content .content__link,
    .wd__section .medium__text-center.wd__content .content__slogan,
    .wd__section .medium__text-center.wd__content .content__title {
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .wd__section .medium__text-center.wd__content .content__slogan::after {
        margin-right: auto;
        margin-left: auto
    }

    .wd__section .medium__text-center.wd__feature__list {
        text-align: center
    }

    .wd__section .medium__text-center.wd__feature__list .wd__feature {
        margin-right: 30px;
        margin-left: 30px
    }

    .wd__section .medium__text-center.wd__feature__list .wd__feature .wd__feature__data,
    .wd__section .medium__text-center.wd__feature__list .wd__feature .wd__feature__describe,
    .wd__section .medium__text-center.wd__feature__list .wd__feature .wd__feature__describe__top {
        text-align: center
    }
}

@media all and (max-width:730.5px) {
    .wd__section .small__text-left.wd__content {
        left: 0;
        text-align: left
    }

    .wd__section .small__text-left.wd__content .content__comment,
    .wd__section .small__text-left.wd__content .content__info,
    .wd__section .small__text-left.wd__content .content__link,
    .wd__section .small__text-left.wd__content .content__slogan,
    .wd__section .small__text-left.wd__content .content__title {
        margin-left: 0;
        text-align: left
    }

    .wd__section .small__text-left.wd__content .content__slogan::after {
        margin-left: 0
    }

    .wd__section .small__text-left.wd__feature__list {
        text-align: center
    }

    .wd__section .small__text-left.wd__feature__list .wd__feature__list .wd__feature {
        margin-right: 20px;
        margin-left: 0
    }

    .wd__section .small__text-center {
        text-align: center
    }

    .wd__section .small__text-center.wd__content {
        left: 0;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .wd__section .small__text-center.wd__content .content__comment,
    .wd__section .small__text-center.wd__content .content__info,
    .wd__section .small__text-center.wd__content .content__link,
    .wd__section .small__text-center.wd__content .content__slogan,
    .wd__section .small__text-center.wd__content .content__title {
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .wd__section .small__text-center.wd__content .content__slogan::after {
        margin-right: auto;
        margin-left: auto
    }

    .wd__section .small__text-center.wd__feature__list {
        text-align: center
    }

    .wd__section .small__text-center.wd__feature__list .wd__feature {
        margin-right: 14px;
        margin-left: 14px
    }
}

#CMD .wd__section.text-black {
    background-color: #fff
}

#CMD .wd__section.text-black .wd__content .content__comment,
#CMD .wd__section.text-black .wd__content .content__info,
#CMD .wd__section.text-black .wd__content .content__title {
    color: #000
}

#CMD .wd__section.text-black .wd__feature__list .wd__feature .wd__feature__data,
#CMD .wd__section.text-black .wd__feature__list .wd__feature .wd__feature__data *,
#CMD .wd__section.text-black .wd__feature__list .wd__feature .wd__feature__describe,
#CMD .wd__section.text-black .wd__feature__list .wd__feature .wd__feature__describe *,
#CMD .wd__section.text-black .wd__feature__list .wd__feature .wd__feature__describe__top,
#CMD .wd__section.text-black .wd__feature__list .wd__feature .wd__feature__describe__top * {
    color: #000
}

#CMD .wd__section .section_content .wd__content.theme-dark .content__comment {
    color: #999
}

#CMD .wd__section .section_content .wd__content.theme-dark .content__info,
#CMD .wd__section .section_content .wd__content.theme-dark .content__title {
    color: #fff
}

#CMD .wd__section .section_content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe,
#CMD .wd__section .section_content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe span,
#CMD .wd__section .section_content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe__top,
#CMD .wd__section .section_content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe__top span {
    color: #fff
}

#CMD .wd__section .section_content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe,
#CMD .wd__section .section_content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe span,
#CMD .wd__section .section_content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe__top,
#CMD .wd__section .section_content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe__top span {
    color: #fff
}

.modal-button-container.bg-gray .modal-button-text {
    color: #6f6f6f
}

.modal-button-container.bg-gray .modal-button .modal-button-end-cap,
.modal-button-container.bg-gray .modal-button .modal-button-scaler,
.modal-button-container.bg-gray .modal-button .modal-button-start-cap {
    background: #6f6f6f
}

.modal-button-container.bg-white .modal-button.old__browser .modal-button-copy,
.modal-button-container.bg-white .modal-button.old__browser .modal-button-end-cap,
.modal-button-container.bg-white .modal-button.old__browser .modal-button-start-cap {
    background: #fff
}

.modal-button-container.bg-white .modal-button.old__browser .modal-button-copy {
    color: #333
}

.modal-button-container.bg-white .modal-button.old__browser .pluscircle-icon {
    background-image: url(../images/image/icon_modalbtn_gray.png) !important
}

.modal-button-container.bg-white .modal-button .modal-button-copy {
    color: #333
}

.modal-button-container.bg-white .modal-button .modal-button-end-cap,
.modal-button-container.bg-white .modal-button .modal-button-scaler,
.modal-button-container.bg-white .modal-button .modal-button-start-cap {
    background: #fff
}

.modal-button-container.bg-white .modal-button .pluscircle-icon svg path {
    fill: #333
}

/*! Lity - v2.4.1 - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */
.lity {
    position: fixed;
    z-index: 1000000000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    white-space: nowrap;
    outline: auto;
    background: #0b0b0b;
    background: rgba(0, 0, 0, .9);
    -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 {
    position: fixed;
    z-index: 9990;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    outline: 0 !important
}

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

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

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

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

.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;
    -o-transition: -o-transform .3s ease;
    transition: -webkit-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 {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    content: "";
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

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

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

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

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

.lity-image img {
    display: block;
    max-width: 100%;
    border: 0;
    line-height: 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 {
    overflow: auto;
    padding-top: 56.25%;
    width: 100%;
    height: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    pointer-events: auto;
    -webkit-overflow-scrolling: touch
}

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

.lity-hide {
    display: none
}

.beer-slider {
    display: inline-block;
    position: relative;
    overflow: hidden
}

.beer-slider *,
.beer-slider ::after,
.beer-slider ::before,
.beer-slider::after,
.beer-slider::before {
    box-sizing: border-box
}

.beer-slider img,
.beer-slider svg {
    vertical-align: bottom
}

.beer-slider>* {
    height: 100%
}

.beer-slider>img {
    max-width: 100%;
    height: auto
}

.beer-reveal {
    position: absolute;
    overflow: hidden;
    z-index: 1;
    top: 0;
    right: 50%;
    left: 0;
    opacity: 0;
    transition: opacity .35s
}

.beer-reveal>:first-child {
    width: 200%;
    max-width: none;
    height: 100%
}

.beer-reveal>img:first-child {
    height: auto
}

.beer-range {
    position: absolute;
    z-index: 5;
    cursor: pointer;
    top: 0;
    bottom: 0;
    left: -1px;
    opacity: 0;
    margin: 0;
    width: calc(100% + 2px);
    height: 100%;
    -webkit-appearance: slider-horizontal !important;
    -moz-appearance: none;
    -ms-touch-action: auto;
    touch-action: auto
}

.beer-range::-webkit-slider-thumb {
    cursor: pointer;
    width: 36px;
    height: 100%;
    min-height: 36px;
    background: #fff;
    -webkit-appearance: none
}

.beer-range::-moz-range-thumb {
    cursor: pointer;
    width: 36px;
    height: 100%;
    min-height: 36px;
    background: fff
}

.beer-range::-ms-tooltip {
    cursor: pointer;
    width: 36px;
    height: 100%;
    min-height: 36px;
    background: #fff
}

.beer-handle {
    position: absolute;
    z-index: 2;
    top: calc(50% - 30px);
    opacity: 0;
    width: 60px;
    height: 60px;
    transform: translateX(-15px)
}

.beer-handle::before {
    position: absolute;
    top: -273px;
    left: 50%;
    width: 1px;
    height: 606px;
    background-color: #fff;
    content: ""
}

.beer-handle::after {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    content: ""
}

.beer-range:focus~.beer-handle::after {
    outline: 5px auto -webkit-focus-ring-color
}

.beer-ready .beer-handle,
.beer-ready .beer-reveal {
    opacity: 1
}

#CMD::before {
    display: block;
    position: absolute;
    visibility: hidden;
    width: 0;
    height: 0
}

@media all and (min-width:1280px) {
    #CMD::before {
        content: "desktop"
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    #CMD::before {
        content: "tablet"
    }
}

@media all and (max-width:730.5px) {
    #CMD::before {
        content: "mobile"
    }
}

.wd__content {
    position: relative;
    color: #fff
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__content {
        left: 0;
        margin-right: auto;
        margin-left: auto;
        padding-left: 0;
        width: 88%
    }
}

@media all and (max-width:730.5px) {
    .wd__content {
        left: 0;
        margin-right: auto;
        margin-left: auto;
        padding-left: 0;
        width: 89.2%;
        text-align: left
    }
}

.wd__content .content__slogan {
    position: relative;
    color: #cdab82;
    font-size: 1.5625rem;
    letter-spacing: .5px
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__content .content__slogan {
        font-size: 1.75rem
    }
}

@media all and (max-width:730.5px) {
    .wd__content .content__slogan {
        padding-top: 0;
        padding-left: 0;
        font-size: 18px
    }
}

.wd__content .content__title {
    display: inline-block;
    position: relative;
    margin-top: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 40px;
    -webkit-background-clip: text;
    line-height: 1.2
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__content .content__title {
        margin-top: 5px;
        font-size: 40px;
        line-height: 1.25
    }
}

@media all and (max-width:730.5px) {
    .wd__content .content__title {
        margin-top: 1px;
        width: 100%;
        font-size: 2.125rem
    }
}

.wd__content .content__title,
.wd__content .content__title * {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.wd__content .content__title a,
.wd__content .content__title div,
.wd__content .content__title span,
.wd__content .content__title sup {
    background-image: inherit
}

.wd__content .content__title.no-top-space {
    margin-top: -5px
}

.wd__content .content__title span {
    display: inline-block
}

.wd__content .content__info {
    position: relative;
    margin-top: 11px;
    font-size: 20px;
    line-height: 1.5
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__content .content__info {
        margin-top: 9px;
        font-size: 20px;
        line-height: 1.4
    }
}

@media all and (max-width:730.5px) {
    .wd__content .content__info {
        margin-top: 6px;
        width: 100%;
        font-size: 18px;
        line-height: 1.45
    }
}

.wd__content .content__comment {
    margin-top: 11px;
    color: #717171;
    font-size: 20px;
    line-height: 1.5
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__content .content__comment {
        margin-top: 12px;
        font-size: 20px;
        line-height: 1.4
    }
}

@media all and (max-width:730.5px) {
    .wd__content .content__comment {
        margin-top: 12px;
        font-size: 18px;
        line-height: 1.45
    }
}

.wd__content .content__link {
    display: block;
    margin-top: 3px;
    padding: 5px 0;
    font-size: 20px;
    -webkit-background-clip: text;
    line-height: 27px;
    -webkit-text-fill-color: transparent
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__content .content__link {
        margin-top: 8px;
        font-size: 20px;
        line-height: 1.4
    }
}

@media all and (max-width:730.5px) {
    .wd__content .content__link {
        margin-top: 7px;
        font-size: 18px;
        line-height: 1.47
    }
}

.wd__content .content__link span {
    display: inline;
    color: #cdab82;
    border-bottom: 1px solid transparent
}

.wd__content .content__link *,
.wd__content .content__link:active span,
.wd__content .content__link:link span,
.wd__content .content__link:visited span {
    border-bottom: 1px solid transparent
}

.wd__content .content__link:hover span {
    border-bottom: 1px solid #cdab82
}

.wd__content .content__link.link-gradient {
    display: block;
    margin-top: 3px;
    padding: 5px 0;
    font-size: 20px;
    line-height: 27px;
    -webkit-text-fill-color: initial;
    background-image: initial
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__content .content__link.link-gradient {
        margin-top: 8px;
        font-size: 20px;
        line-height: 1.4
    }
}

.wd__content .content__link.link-gradient span {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #fefefe, #fefefe 100%)
}

.wd__content .content__link.link-gradient:hover span {
    border-image: linear-gradient(to right, #fefefe, #fefefe 100%);
    border-image-slice: 1
}

.wd__content .content__link.link-gradient::after {
    color: #9846f4
}

@media all and (max-width:730.5px) {
    .wd__content .content__link.link-gradient {
        margin-top: 7px;
        font-size: 18px;
        line-height: 1.47;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient(to right, #fefefe, #fefefe 100%)
    }

    .wd__content .content__link.link-gradient span {
        -webkit-background-clip: unset;
        -webkit-text-fill-color: unset;
        background-image: unset
    }

    .wd__content .content__link.link-gradient:hover span {
        border-image: unset;
        border-image-slice: 1
    }

    .wd__content .content__link.link-gradient::after {
        color: #9846f4
    }
}

.wd__link__arrow::after {
    content: ">";
    padding-left: 7px;
    color: #cdab82
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__link__arrow::after {
        padding-left: 3px
    }
}

@media all and (max-width:730.5px) {
    .wd__link__arrow::after {
        padding-left: 4px
    }
}

.wd__content.sections-wdcontent .content__title {
    font-size: 35px;
    line-height: 1.2
}

.wd__content.sections-wdcontent .content__info {
    margin-top: -3px;
    font-size: 20px;
    line-height: 1.5
}

.wd__content.sections-wdcontent .modal-button-container {
    z-index: 1;
    text-align: left;
    transition: opacity .3s
}

.wd__content.sections-wdcontent .modal-button-container:hover {
    opacity: .8
}

.wd__content.sections-wdcontent .modal-button-container .modal-button {
    margin-top: 32px
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__content.sections-wdcontent .content__title {
        font-size: 1.625rem
    }

    .wd__content.sections-wdcontent .content__info {
        margin-top: 10px
    }

    .wd__content.sections-wdcontent .content__info,
    .wd__content.sections-wdcontent .content__info * {
        font-size: 20px;
        line-height: 1.5
    }

    .wd__content.sections-wdcontent .modal-button-container {
        margin-top: 23px
    }

    .wd__content.sections-wdcontent .modal-button-container .modal-button {
        margin-top: 0
    }
}

@media all and (max-width:730.5px) {
    .wd__content.sections-wdcontent .content__title {
        font-size: 1.75rem
    }

    .wd__content.sections-wdcontent .content__info {
        margin-top: 5px
    }

    .wd__content.sections-wdcontent .content__info,
    .wd__content.sections-wdcontent .content__info * {
        font-size: 18px;
        line-height: 1.3
    }

    .wd__content.sections-wdcontent .modal-button-container {
        text-align: center
    }

    .wd__content.sections-wdcontent .modal-button-container .modal-button {
        margin-top: 14px
    }
}

@media all and (min-width:1280px) {
    .wd__content.wd__content-horz {
        display: flex;
        margin-right: auto;
        margin-left: auto;
        max-width: 1080px
    }

    .wd__content.wd__content-horz .content-col .content__slogan {
        margin-top: 0 !important
    }

    .wd__content.wd__content-horz .content-col .content__info:first-child {
        margin-top: 0 !important
    }

    .wd__content.wd__content-horz .content-col-1 {
        width: 38%
    }

    .wd__content.wd__content-horz .content-col-2 {
        padding-left: 60px;
        box-sizing: border-box;
        width: 62%;
        padding-bottom: 35px;
    }

    .wd__content.wd__content-horz.type-tight {
        padding-left: 55px;
        max-width: 960px
    }

    .wd__content.wd__content-horz.type-tight .content-col-2 {
        padding-left: 80px
    }
}

.wd__feature__list {
    position: relative;
    margin: 71px auto 0;
    width: 100%
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__feature__list {
        margin-top: 54px
    }
}

@media all and (max-width:730.5px) {
    .wd__feature__list {
        margin-top: 54px;
        width: 100%
    }
}

.wd__feature__list .wd__feature {
    display: inline-block;
    position: relative;
    margin: 0 21px 40px;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    vertical-align: top
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__feature__list .wd__feature {
        margin: 0 33px 36px
    }
}

@media all and (max-width:730.5px) {
    .wd__feature__list .wd__feature {
        margin: 0 17px 36px
    }
}

.wd__feature__list .wd__feature .wd__feature__describe__top {
    position: relative;
    margin-bottom: 6px;
    line-height: 1.2
}

.wd__feature__list .wd__feature .wd__feature__describe__top,
.wd__feature__list .wd__feature .wd__feature__describe__top * {
    font-size: 17px;
    line-height: 1.2
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__feature__list .wd__feature .wd__feature__describe__top {
        margin-bottom: 8px
    }

    .wd__feature__list .wd__feature .wd__feature__describe__top,
    .wd__feature__list .wd__feature .wd__feature__describe__top * {
        font-size: 17px;
        line-height: 1.3
    }
}

@media all and (max-width:730.5px) {
    .wd__feature__list .wd__feature .wd__feature__describe__top {
        margin-bottom: 8px
    }

    .wd__feature__list .wd__feature .wd__feature__describe__top,
    .wd__feature__list .wd__feature .wd__feature__describe__top * {
        font-size: 16px
    }
}

.wd__feature__list .wd__feature .wd__feature__data {
    color: #fff
}

.wd__feature__list .wd__feature .wd__feature__data,
.wd__feature__list .wd__feature .wd__feature__data * {
    font-size: 48px;
    line-height: 1
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__feature__list .wd__feature .wd__feature__data {
        margin-bottom: 0
    }

    .wd__feature__list .wd__feature .wd__feature__data,
    .wd__feature__list .wd__feature .wd__feature__data * {
        font-size: 48px;
        line-height: 1
    }
}

@media all and (max-width:730.5px) {
    .wd__feature__list .wd__feature .wd__feature__data {
        margin-bottom: 0
    }

    .wd__feature__list .wd__feature .wd__feature__data,
    .wd__feature__list .wd__feature .wd__feature__data * {
        font-size: 40px;
        line-height: 1
    }
}

.wd__feature__list .wd__feature .wd__feature__describe {
    position: relative;
    margin-top: 4px;
    line-height: 1.2
}

.wd__feature__list .wd__feature .wd__feature__describe,
.wd__feature__list .wd__feature .wd__feature__describe * {
    font-size: 17px
}

.wd__feature__list .wd__feature .wd__feature__describe .comment {
    display: block;
    position: relative;
    margin-top: 4px;
    font-size: 17px;
    line-height: 1.2
}

@media all and (min-width:731px) and (max-width:1279.5px) {

    .wd__feature__list .wd__feature .wd__feature__describe .comment,
    .wd__feature__list .wd__feature .wd__feature__describe .comment * {
        line-height: 1.2;
        font-size: 17px
    }
}

@media all and (max-width:730.5px) {
    .wd__feature__list .wd__feature .wd__feature__describe .comment {
        display: block
    }

    .wd__feature__list .wd__feature .wd__feature__describe .comment,
    .wd__feature__list .wd__feature .wd__feature__describe .comment * {
        line-height: 1.4;
        font-size: 16px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__feature__list .wd__feature .wd__feature__describe {
        margin-top: 3px
    }

    .wd__feature__list .wd__feature .wd__feature__describe,
    .wd__feature__list .wd__feature .wd__feature__describe * {
        font-size: 17px;
        line-height: 1.2
    }
}

@media all and (max-width:730.5px) {
    .wd__feature__list .wd__feature .wd__feature__describe {
        margin-top: 1px
    }

    .wd__feature__list .wd__feature .wd__feature__describe,
    .wd__feature__list .wd__feature .wd__feature__describe * {
        line-height: 1.2;
        font-size: 16px
    }
}

.wd__feature__list .wd__feature .wd__feature__data span.space-left-l {
    padding-left: 7px
}

.wd__feature__list .wd__feature .wd__feature__data span.space-left-m {
    padding-left: 5px
}

.wd__feature__list .wd__feature .wd__feature__data span.space-left-s {
    padding-left: 3px
}

.wd__feature__list .wd__feature .wd__feature__data span.space-right-l {
    padding-right: 7px
}

.wd__feature__list .wd__feature .wd__feature__data span.space-right-m {
    padding-right: 5px
}

.wd__feature__list .wd__feature .wd__feature__data span.space-right-s {
    padding-right: 3px
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__feature__list .wd__feature .wd__feature__data span.space-left-l {
        padding-left: 7px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-left-m {
        padding-left: 5px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-left-s {
        padding-left: 3px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-right-l {
        padding-right: 7px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-right-m {
        padding-right: 5px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-right-s {
        padding-right: 3px
    }
}

@media all and (max-width:730.5px) {
    .wd__feature__list .wd__feature .wd__feature__data span.space-left-l {
        padding-left: 3px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-left-m {
        padding-left: 2px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-left-s {
        padding-left: 1px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-right-l {
        padding-right: 3px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-right-m {
        padding-right: 2px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-right-s {
        padding-right: 1px
    }
}

.wd__feature__list .wd__feature .wd__feature__data.text__long-en {
    position: relative;
    bottom: -4px;
    font-size: 3.375rem;
    line-height: 66px
}

.wd__feature__list .wd__feature .wd__feature__data.text__long-en * {
    line-height: 1
}

.wd__feature__list .wd__feature .wd__feature__data.text__long-tw {
    margin-top: 8px;
    font-size: 2.875rem;
    line-height: 58px
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__feature__list .wd__feature .wd__feature__data.text__long-en {
        font-size: 3.375rem;
        line-height: 65px
    }

    .wd__feature__list .wd__feature .wd__feature__data.text__long-tw {
        margin-top: 10px;
        font-size: 2.875rem;
        line-height: 56px
    }
}

@media all and (max-width:730.5px) {
    .wd__feature__list .wd__feature .wd__feature__data.text__long-en {
        margin-bottom: -1px;
        padding-top: 0;
        font-size: 2.3625rem;
        line-height: 49px
    }

    .wd__feature__list .wd__feature .wd__feature__data.text__long-tw {
        padding-top: 5px;
        font-size: 2rem;
        line-height: 36px
    }
}

.wd__feature__list .wd__feature .wd__feature__data.plus {
    position: relative;
    margin-right: 32px
}

.wd__feature__list .wd__feature .wd__feature__data.plus span {
    position: absolute;
    top: 4px;
    right: -33px;
    font-size: 3.1875rem
}

@font-face {
    font-family: slick;
    src: url(/font/slick.eot);
    src: url(/font/slick.eot?#iefix) format("embedded-opentype"), url(/font/slick.woff) format("woff"), url(/font/slick.ttf) format("truetype"), url(/font/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;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: 0
}

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

.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-prev {
    left: -25px
}

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

.slick-next {
    right: -25px
}

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

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

.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 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: 0 0;
    display: block;
    height: 20px;
    width: 20px;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.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: "•";
    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
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-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: 0
}

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

.slick-slider .slick-list,
.slick-slider .slick-track {
    -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;
    left: 0;
    top: 0;
    display: block
}

.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__nav {
    margin-bottom: 40px;
    color: #636360;
    font-size: 1.5em;
    text-align: center;
    line-height: 1.6
}

.slick__nav a {
    color: #636360
}

.slick-slide {
    display: block;
    -moz-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-next {
    right: 25px
}

.slick-prev {
    left: 25px
}

.slick__next,
.slick__prev {
    z-index: 9999;
    content: ""
}

.slick__next::before,
.slick__prev::before {
    content: "";
    display: none
}

[dir=rtl] .slick__prev::before {
    content: "";
    display: none
}

[dir=rtl] .slick__next::before {
    content: "";
    display: none
}

.wd__slick .container {
    margin: auto;
    padding-right: 20px;
    padding-left: 20px;
    max-width: 900px
}

.wd__slick .container.e1 .slick__info {
    margin-top: 15em
}

.wd__slick .container .slick__half {
    width: 45%
}

.wd__slick .container .slick__left {
    float: left
}

.wd__slick .container .slick__right {
    float: right
}

.wd__slick .container .slick__img,
.wd__slick .container .slick__info {
    width: 100%
}

.sprite__arrow__right {
    z-index: 1000;
    width: 49px;
    height: 96px;
    background-position: -214px -5px
}

.sprite__arrow__left {
    z-index: 1000;
    width: 49px;
    height: 96px;
    background-position: -80px -5px
}

.sprite-arrow_r {
    width: 65px;
    height: 130px
}

.sprite-arrow_l {
    width: 65px;
    height: 130px
}

.slick-next,
.slick-prev {
    z-index: 1;
    margin-top: -19px;
    width: 50px;
    height: 118px;
    border-radius: 0 10px 10px 0;
    background-color: transparent;
    background-color: rgba(0, 0, 0, .3)
}

.slick-next::before,
.slick-prev::before {
    display: block;
    position: absolute;
    z-index: 1000;
    top: 57px;
    color: #fff;
    font-size: 34px
}

.slick-prev {
    left: 0;
    border-radius: 0 10px 10px 0
}

.slick-prev::before {
    content: "<";
    right: 18px
}

.slick-next {
    right: 0;
    border-radius: 10px 0 0 10px
}

.slick-next::before {
    content: ">";
    left: 18px
}

@media all and (min-width:731px) and (max-width:1279.5px) {

    .slick-next,
    .slick-prev {
        margin-top: -19px;
        width: 35px;
        height: 88px
    }

    .slick-next::before,
    .slick-prev::before {
        display: block;
        position: absolute;
        z-index: 1000;
        top: 43px;
        color: #fff;
        font-size: 26px
    }

    .slick-prev::before {
        right: 10px
    }

    .slick-next::before {
        left: 10px
    }
}

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

    .slick-next,
    .slick-prev {
        display: none !important
    }
}

.section__comment {
    margin-top: 25px;
    padding-top: 0
}

.footnotes {
    margin: 0 auto;
    padding-right: 16px;
    padding-left: 16px;
    box-sizing: border-box;
    width: 100%;
    max-width: 1221px
}

.footnotes .is-hidden {
    overflow: hidden;
    opacity: 0;
    margin: 0 !important;
    padding: 0 !important;
    height: 0
}

.footnotes:first-child {
    margin-top: 25px
}

.footnotes .footnote {
    font-size: 18px;
    line-height: 1.4
}

.footnotes .footnote li {
    list-style-type: decimal;
    margin-bottom: 10px
}

#CMD .footnotes .footnote li,
#CMD .footnotes .footnote li * {
    color: #999;
    font-size: 14px;
    text-align: left;
    line-height: 1.5
}

.footnotes.footnote-item-star .footnote li {
    position: relative;
    list-style-type: none;
    color: #999
}

.footnotes.footnote-item-star .footnote li::before {
    display: block;
    position: absolute;
    top: 9px;
    left: -14px;
    content: "*";
    line-height: 0;
    color: #999
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__comment {
        margin-top: -58px;
        padding-top: 0
    }

    .footnotes {
        padding: 32px 28px 32px 40px;
        width: 100%;
        max-width: 1280px
    }

    .footnotes .footnote li {
        margin-bottom: 10px
    }

    .footnotes .footnote li,
    .footnotes .footnote li * {
        font-size: .8125rem;
        line-height: 1.5
    }

    .footnotes.footnote-item-star .footnote li::before {
        top: 9px;
        left: -14px
    }
}

@media all and (max-width:730.5px) {
    .section__comment {
        display: inline-block;
        margin-top: -38px;
        padding-top: 0
    }

    .footnotes {
        padding: 32px 28px 32px 22px;
        box-sizing: border-box;
        width: 100%;
        max-width: 730px
    }

    .footnotes .footnote {
        margin-left: 14px;
        font-size: .83125rem;
        line-height: 1.4
    }

    .footnotes .footnote li {
        margin-bottom: 12px
    }

    .footnotes .footnote li,
    .footnotes .footnote li * {
        font-size: .83125rem
    }

    .footnotes.footnote-item-star .footnote li::before {
        top: 10px;
        left: -11px
    }
}

#CMD.test .footnote-item:target {
    background: #ff0 !important
}

#CMD.test .footnote-item:focus {
    background: red !important
}

.stopScrollbar {
    overflow: hidden
}

#af-header.popHide,
#asus-api-footer.popHide,
#main-zone #product-footer-zone.popHide,
#overview-top-nav.popHide,
.cmd-sidenav.popHide,
.section__comment.popHide {
    display: none !important
}

.modal-button-container {
    z-index: 2147483647
}

.modal-button-container.inner {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translate3d(-50%, 0, 0)
}

.modal-button-container.text-white .modal-button {
    color: #fff
}

.modal-button-container.text-dark .modal-button {
    color: #000
}

.modal-button-container.outer {
    position: relative;
    text-align: center
}

.modal-button-container.outer .modal-button-target {
    top: 50px
}

@media (max-width:720px) {
    .modal-button-container.outer .modal-button-target {
        top: 42px
    }
}

.modal-button-container .modal-button-text,
.modal-button-container .modal-inner-text {
    display: block;
    position: relative;
    font-size: 20px;
    line-height: 1;
    pointer-events: none
}

@media (min-width:731px) and (max-width:1279.5px) {

    .modal-button-container .modal-button-text,
    .modal-button-container .modal-inner-text {
        font-size: 20px
    }
}

@media (max-width:730.5px) {

    .modal-button-container .modal-button-text,
    .modal-button-container .modal-inner-text {
        font-size: 18px
    }
}

.modal-button-container .modal-button {
    display: inline-block;
    position: relative;
    z-index: 1;
    cursor: pointer;
    margin: 10px 0 0;
    padding: 12px 20px;
    font-weight: 200;
    text-align: center;
    border: 0;
    border-style: solid;
    border-width: 3px;
    border-radius: 34px;
    background-color: #000;
    transition: background-color .4s ease-out, border-color .4s ease-out, color .4s ease-out;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    pointer-events: all;
    min-width: 50px;
    line-height: 46px
}

.outer-view {
    z-index: 0;
    transform-origin: 50vw 50vh
}

.outer-view.animate-scale {
    transform: translateZ(0) translateY(200px) scale(.96)
}

.outer-view .modal-button-container.ready .modal-button {
    transform: translate(0, 0) !important
}

.inner-view {
    display: block;
    position: fixed;
    overflow: hidden;
    z-index: 1000000000;
    top: 0;
    left: 50%;
    margin-left: -50%;
    width: 100%;
    text-align: center;
    background-color: #fff;
    transform: translateY(110vh)
}

.inner-view.killFixed {
    position: relative !important
}

.inner-view .inner-view-container {
    height: 100%
}

.inner-view .inner-modal {
    display: none;
    position: relative;
    visibility: hidden;
    padding-bottom: 50px;
    width: 100%;
    min-height: 100vh;
    min-height: var(--safarivh)
}

.inner-view .inner-modal.showed {
    display: block;
    visibility: visible
}

.inner-view .modal-button-container {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-overflow-scrolling: touch
}

.inner-view .modal-button-container {
    position: fixed;
    bottom: -80px;
    left: 0;
    opacity: 0;
    width: 100%;
    transform: translate3d(0, 0, 0)
}

.inner-view .modal-button-close {
    display: none
}

.inner-view.show-inner {
    transform: none !important
}

.inner-view.show-inner .modal-button-close {
    display: inline-block
}

.inner-view.show-inner .modal-active {
    display: block;
    visibility: visible
}

.inner-view.show-inner .modal-button-container {
    bottom: 50px;
    opacity: 1;
    transform: none;
    transition: opacity .3s 1s
}

@media (max-width:730.5px) {
    .inner-view.show-inner .modal-button-container {
        bottom: 40px
    }
}

@media (min-width:731px) and (max-width:1279.5px) {
    .modal-button-container .modal-button {
        padding: 10px 25px
    }

    .modal-button-container.inner {
        bottom: 20px
    }
}

@media (max-width:730.5px) {
    .modal-button-container .modal-button {
        padding: 8px 16px;
        text-align: center
    }

    .modal-button-container .modal-inner-text {
        font-size: 18px
    }

    .modal-button-container.inner {
        bottom: 9px
    }
}

.wd__play__btn {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: 497px;
    padding: 0;
    width: 36px;
    height: 36px
}

.wd__play__btn button {
    position: relative;
    cursor: pointer;
    padding: 0;
    width: 36px;
    height: 36px;
    border-width: 0;
    background-color: transparent
}

.wd__play__btn button .svg_button_play .svg-rect {
    fill: none
}

.wd__play__btn button .svg_button_play .svg-circle,
.wd__play__btn button .svg_button_play .svg-line {
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4px;
    fill-rule: evenodd
}

.wd__play__btn button .svg_button_play .svg-triangle {
    clip-path: url(#clip-path)
}

.wd__play__btn button .svg_button_play .svg-line,
.wd__play__btn button .svg_button_play .svg-triangle {
    transition: opacity .6s
}

.wd__play__btn button .svg_button_play .svg-triangle {
    opacity: 0
}

.wd__play__btn button .svg_button_play .svg-line {
    opacity: 1
}

.wd__play__btn button.show-play .svg_button_play .svg-triangle {
    opacity: 1
}

.wd__play__btn button.show-play .svg_button_play .svg-line {
    opacity: 0
}

.wd__play__btn .svg_button_play .svg-circle {
    stroke: #fff
}

.wd__play__btn .svg_button_play .svg-line {
    fill: #fff;
    stroke: transparent
}

.wd__play__btn .svg_button_play .svg-triangle .triangle {
    fill: #fff
}

.wd__section .slick-tab-content {
    margin: 63px auto 0;
    width: 100%;
    max-width: 1128px
}

.wd__section .slick-tab-content .title-nav .scrollPos {
    display: none
}

.wd__section .slick-tab-content .slick-title {
    position: relative;
    color: #cdab82;
    text-align: center
}

.wd__section .slick-tab-content .slick-title .title-nav-count-0 .slick-nav-btn {
    width: Infinity%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-1 .slick-nav-btn {
    width: 100%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-2 .slick-nav-btn {
    width: 50%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-3 .slick-nav-btn {
    width: 33.3333333333%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-4 .slick-nav-btn {
    width: 25%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-5 .slick-nav-btn {
    width: 20%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-6 .slick-nav-btn {
    width: 16.6666666667%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-7 .slick-nav-btn {
    width: 14.2857142857%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-8 .slick-nav-btn {
    width: 12.5%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-9 .slick-nav-btn {
    width: 11.1111111111%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-10 .slick-nav-btn {
    width: 10%
}

.wd__section .slick-tab-content .slick-title .title-nav {
    display: block;
    position: relative;
    margin: 0;
    font-size: 0;
    border-bottom: 1px solid #6f6f6f
}

.wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn {
    display: inline-block;
    position: relative;
    cursor: pointer;
    bottom: -1px;
    padding: 6px 0;
    font-size: 20px;
    text-align: center;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    transition: opacity .4s;
    text-transform: uppercase;
    vertical-align: bottom;
    line-height: 1.2;
    border-bottom: 4px solid rgba(255, 255, 255, 0)
}

.wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn * {
    pointer-events: none !important
}

.wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn .sign-fnum {
    top: -.7em
}

.wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn.active,
.wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn:focus {
    color: #cdab82;
    border-bottom: 4px solid #cdab82
}

.wd__section .slick-tab-content .slick-info-container {
    position: relative;
    overflow: hidden;
    transition: height .5s ease 0s
}

.wd__section .slick-tab-content .slick-info-item {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    padding-top: 48px;
    width: 100%
}

.wd__section .slick-tab-content .slick-info-item.active {
    display: block;
    position: relative;
    z-index: 9;
    opacity: 1;
    transition: opacity 1s ease 0s
}

.wd__section .slick-tab-content .slick-info-item[hidden=hidden] {
    display: none
}

.wd__section .slick-tab-content .slick-info {
    position: relative;
    margin: 0 auto;
    max-width: 772px;
    height: auto;
    text-align: left
}

.wd__section .slick-tab-content .slick-info .slick-info-text {
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 1.5
}

.wd__section .slick-tab-content .slick-info .slick-info-text .info__comment {
    display: inline-block;
    margin-top: 8px;
    font-size: 18px;
    line-height: 1.4
}

.wd__section .slick-tab-content .slick-info+.slick-image {
    margin-top: 50px
}

.wd__section .slick-tab-content .slick-image {
    position: relative;
    z-index: -1;
    left: 50%;
    margin: 0;
    transform: translateX(-50%)
}

.wd__section .slick-tab-content .slick-image .img-slick {
    position: absolute;
    top: 0;
    left: 0;
    width: 1128px;
    height: 628px;
    border-radius: 10px;
    background-size: contain
}

.wd__section .vidInterface {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 460px;
    height: 170px
}

.wd__section .vidInterface video {
    filter: brightness(90%)
}

.wd__section .vidInterface .playBtn {
    background-image: url(../images/image/playBtn.png);
    display: block;
    margin: 0 auto;
    width: 90px;
    height: 90px;
    background-size: cover;
    transform: rotate(0);
    transition: transform .4s ease
}


.wd__section .vidInterface .playBtn:hover {
    transform: rotate(120deg)
}

.wd__section .vidInterface span {
    display: block;
    margin-top: 20px;
    color: #fff;
    font-size: 1.75rem;
    line-height: 2.0625rem
}

@media all and (min-width:1280px) {
    .wd__section .slick-tab-content .slick-title .title-nav {
        display: flex;
        align-content: stretch;
        flex-direction: row;
        align-items: stretch
    }

    .wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn {
        display: block;
        flex-shrink: 1;
        flex-grow: 1;
        flex-wrap: nowrap
    }

    .wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn .nav__title-text {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        height: 100%
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__section .slick-tab-content .scroll_container {
        overflow-x: scroll;
        overflow-y: hidden;
        width: 100%;
        scroll-behavior: smooth
    }

    .wd__section .slick-tab-content .scroll_container::-webkit-scrollbar {
        display: none
    }

    .wd__section .slick-tab-content .scroll_container .scrollPos {
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 100px;
        background-color: red
    }

    .wd__section .slick-tab-content {
        margin-top: 62px;
        max-width: 100%
    }

    .wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn {
        padding: 8px 25px;
        font-size: 20px;
        line-height: 1.2
    }

    .wd__section .slick-tab-content .slick-info-item {
        padding-top: 33px
    }

    .wd__section .slick-tab-content .slick-info {
        margin-top: 0;
        padding-top: 0;
        width: 708px
    }

    .wd__section .slick-tab-content .slick-image {
        margin: 10px 0
    }

    .wd__section .slick-tab-content .slick-image .img-slick {
        margin-right: auto;
        margin-left: auto;
        width: 731px;
        height: 407px;
        border-radius: 5px
    }

    .wd__section .slick-tab-content .slick-info+.slick-image {
        margin-top: 33px
    }
}

@media all and (max-width:730.5px) {
    .wd__section .slick-tab-content .scroll_container {
        overflow-x: scroll;
        overflow-y: hidden;
        width: 100%;
        scroll-behavior: smooth
    }

    .wd__section .slick-tab-content .scroll_container::-webkit-scrollbar {
        display: none
    }

    .wd__section .slick-tab-content .scroll_container .scrollPos {
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 100px;
        background-color: red
    }

    .wd__section .slick-tab-content {
        margin: 45px auto 0;
        width: 100%;
        max-width: 720px
    }

    .wd__section .slick-tab-content .slick-title {
        position: relative;
        text-align: center
    }

    .wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn {
        padding: 5px 23px;
        font-size: 16px;
        line-height: 1.2
    }

    .wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn.active,
    .wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn:focus {
        border-bottom: 2px solid #cdab82
    }

    .wd__section .slick-tab-content .slick-title .title-nav .sign-fnum {
        top: -.6em
    }

    .wd__section .slick-tab-content .slick-info-item {
        padding-top: 25px
    }

    .wd__section .slick-tab-content .slick-info {
        margin: 0 auto;
        padding-top: 0;
        width: 90%;
        max-width: 350px
    }

    .wd__section .slick-tab-content .slick-info .slick-info-text {
        font-size: .9375rem;
        line-height: 1.35
    }

    .wd__section .slick-tab-content .slick-info .slick-info-text .info__comment {
        display: inline-block;
        margin-top: 7px;
        color: #6f6f6f;
        font-size: .9375rem;
        line-height: 1.2
    }

    .wd__section .slick-tab-content .slick-image {
        position: relative;
        left: 50%;
        margin: 10px 0 0
    }

    .wd__section .slick-tab-content .slick-image .img-slick {
        left: 50%;
        width: 414px;
        height: 228px;
        border-radius: 5px;
        transform: translateX(-50%)
    }

    .wd__section .slick-tab-content .slick-info+.slick-image {
        margin-top: 25px
    }
}

.wd__section .ksp__layout {
    padding-right: 16px;
    padding-left: 16px;
    box-sizing: border-box;
    max-width: 1268px;
    min-width: 1024px
}

.wd__section .ksp__layout .item__leftdesc {
    z-index: 10
}

.wd__section .ksp__layout .item_image {
    position: relative;
    z-index: -1;
    box-sizing: border-box
}

.wd__section .ksp__layout .item_image .img__block {
    display: block
}

.wd__section .ksp__layout .grid-item-ie {
    height: 100%
}

.wd__section .ksp__layout .grid-item-wdContent {
    display: flex;
    align-content: flex-end;
    flex-direction: row;
    min-height: 304px
}

.wd__section .ksp__layout .grid-item-wdContent .item_block {
    display: flex;
    width: 100%
}

.wd__section .ksp__layout .grid-item-wdContent .item_content {
    position: relative;
    box-sizing: border-box;
    height: 100%
}

.wd__section .ksp__layout .wd__content {
    display: flex;
    position: relative;
    justify-content: center;
    margin: 0;
    height: 100%;
    flex-direction: column
}

.wd__section .ksp__layout .wd__content .content__slogan {
    margin-bottom: 13px;
    color: #000;
    font-size: 1.625rem;
    line-height: 1.14
}

.wd__section .ksp__layout .wd__content .content__title {
    margin: 0;
    color: #000;
    font-size: 3.09375rem;
    line-height: 1.14
}

.wd__section .ksp__layout .wd__content .content__info {
    margin-top: 13px;
    color: #000;
    line-height: 1.2;
    font-size: 1.625rem
}

.wd__section .ksp__layout .wd__content span.space-left-m {
    padding-left: 5px
}

.wd__section .ksp__layout .wd__content span.space-right-m {
    padding-right: 5px
}

.wd__section .ksp__layout .grid-item-wdFeature .grid-item-ie {
    padding: 37px 24px
}

.wd__section .ksp__layout .wd__feature__list {
    display: flex;
    justify-content: center;
    margin: 0;
    margin-top: 0;
    height: 100%;
    flex-direction: column
}

.wd__section .ksp__layout .wd__feature__list .wd__feature {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}

.wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe {
    margin-top: 11px
}

.wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe__top {
    margin-bottom: 6px
}

.wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe,
.wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe span,
.wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe__top,
.wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe__top span {
    line-height: 1.4;
    font-size: 1.625rem
}

.wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__data {
    font-size: 48px;
    line-height: 1.2
}

.wd__section .ksp__layout .grid-item-wdFeatureTopIcon .grid-item-ie {
    padding: 37px 20px
}

.wd__section .ksp__layout .wd__feature__list.top-icon {
    display: flex;
    justify-content: flex-start;
    padding-top: 0;
    padding-bottom: 0
}

.wd__section .ksp__layout .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top .img__icon {
    margin-right: auto;
    margin-left: auto;
    background-size: contain
}

.wd__section .ksp__layout .wd__feature__list.top-icon .wd__feature .wd__feature__data {
    font-size: 2.125rem
}

.wd__section .ksp__layout .grid-item-ie.showbevel {
    margin: 0 8px;
    border: 0;
    border-radius: 0;
    background-color: transparent
}

.wd__section .ksp__layout .grid-item-ie.showbevel::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    background: #000;
    background-repeat: repeat;
    background-size: 400px 400px;
    content: "";
    background-image: url(../images/image/line-grid-png.png)
}

.wd__section .ksp__layout .grid-item-ie.showbevel .grid-item-border {
    position: absolute;
    z-index: 19;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #fff
}

.wd__section .ksp__layout .grid-item-ie.showbevel .corItem {
    position: absolute;
    z-index: 13;
    width: 30px;
    height: 30px;
    border-style: solid;
    border-width: 2px 0 0;
    border-color: #fff transparent transparent transparent;
    background-color: #000;
    transform-origin: center
}

.wd__section .ksp__layout .grid-item-ie.showbevel .corItem[class*=-top] {
    top: -15px
}

.wd__section .ksp__layout .grid-item-ie.showbevel .corItem[class*=-bottom] {
    bottom: -15px
}

.wd__section .ksp__layout .grid-item-ie.showbevel .corItem[class*=-left-] {
    left: -15px
}

.wd__section .ksp__layout .grid-item-ie.showbevel .corItem[class*=-right-] {
    right: -15px
}

.wd__section .ksp__layout .grid-item-ie.showbevel .cor-left-top {
    transform: rotate(135deg) scale(.8)
}

.wd__section .ksp__layout .grid-item-ie.showbevel .cor-left-bottom {
    transform: rotate(45deg) scale(.8)
}

.wd__section .ksp__layout .grid-item-ie.showbevel .cor-right-top {
    transform: rotate(225deg) scale(.8)
}

.wd__section .ksp__layout .grid-item-ie.showbevel .cor-right-bottom {
    transform: rotate(315deg) scale(.8)
}

.wd__section .ksp__layout .wd__feature__data .sign-cr {
    top: -.7em;
    font-size: .5em;
    line-height: 1
}

.wd__section .ksp__layout .item__jumpto-button-container {
    position: absolute;
    z-index: 9;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0
}

.wd__section .ksp__layout .item__jumpto-button {
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 10px 0 0
}

.wd__section .ksp__layout .item__jumpto-button * {
    pointer-events: none !important
}

.wd__section .ksp__layout .item__jumpto-button::before {
    display: block;
    position: absolute;
    top: 50%;
    bottom: unset;
    left: 50%;
    margin-top: -5px;
    margin-left: -10px;
    width: 20px;
    height: 10px;
    content: "";
    -webkit-mask-image: url(../images/image/jumparrowMask.png);
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    background-color: #000
}

@media all and (min-width:1280px) {
    .wd__section .ksp__layout .grid-item-wdContent .grid-item-ie {
        width: 100%
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block {
        justify-content: center;
        padding: 62px 70px;
        box-sizing: border-box
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right {
        flex-flow: row-reverse
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right .img__block {
        right: 0;
        left: auto
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 50px 45px 33px;
        height: 100%;
        flex-direction: column
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content {
        width: 100%;
        height: auto
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content .content__info,
    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content .content__title {
        text-align: center
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_image {
        width: 100%;
        height: 103px
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-leftCenter {
        height: 100%
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_content {
        width: 50.9%
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_image {
        width: 49%
    }

    .wd__section .ksp__layout .grid-item-wdContent .img__block {
        position: absolute
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__section .ksp__layout {
        padding-right: 16px;
        padding-left: 16px;
        box-sizing: border-box;
        width: 100%;
        max-width: 1023px;
        min-width: 1px
    }

    .wd__section .ksp__layout .grid-item-wdContent .grid-item-ie {
        width: 100%
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block {
        justify-content: center;
        padding: 0
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right {
        flex-flow: row-reverse
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right .item_content {
        padding: 29px 40px 35px 0
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right .img__block {
        right: 0;
        left: auto
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center {
        flex-direction: column;
        height: 100%
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content {
        padding: 40px 24px;
        width: 100%
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content .content__info,
    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content .content__title {
        text-align: center
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_image {
        width: 100%;
        height: 100%
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_image .img__block {
        left: 50%;
        transform: translateX(-50%)
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_content {
        padding: 29px 0 35px 40px;
        width: 54%
    }

    .wd__section .ksp__layout .grid-item-wdContent .wd__content {
        left: 0;
        padding-bottom: 5px;
        width: 99%
    }

    .wd__section .ksp__layout .grid-item-wdContent .wd__content .content__title {
        width: 100%;
        font-size: 48px;
        line-height: 1.2
    }

    .wd__section .ksp__layout .grid-item-wdContent .wd__content .content__info {
        margin-top: 6px;
        width: 100%;
        font-size: 1.625rem
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_image {
        width: 46%
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_image .img__block {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .wd__section .ksp__layout .grid-item.grid-item-wdFeature {
        min-height: 175px
    }

    .wd__section .ksp__layout .grid-item.grid-item-wdFeature .grid-item-ie {
        padding: 37px 24px
    }

    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe {
        margin-top: 6px;
        margin-right: auto;
        margin-left: auto;
        width: 86%
    }

    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top {
        margin-bottom: 12px
    }

    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe,
    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe span,
    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top,
    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top span {
        font-size: 1.625rem
    }

    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 48px;
        line-height: 1.2
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .grid-item-ie {
        padding: 37px 20px
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon {
        margin-top: 6px;
        margin-right: auto;
        margin-left: auto;
        width: 86%
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top {
        margin-bottom: 17px
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top .img__icon {
        width: 100%;
        height: 100px
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__data {
        font-size: 2.125rem
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe {
        margin-top: 14px
    }
}

@media all and (max-width:730.5px) {
    .wd__section .ksp__layout {
        position: relative;
        left: 50%;
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0;
        box-sizing: border-box;
        width: 100%;
        max-width: 391px;
        transform: translateX(-50%);
        min-width: 336px
    }

    .wd__section .ksp__layout .grid-item {
        min-width: 320px;
        justify-content: center
    }

    .wd__section .ksp__layout .grid-item-wdContent {
        flex-direction: column
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block {
        flex-direction: column
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right {
        flex-direction: column
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_content {
        padding: 27px 24px;
        height: auto
    }

    .wd__section .ksp__layout .grid-item-wdContent .wd__content {
        left: 0;
        padding-bottom: 5px;
        width: 100%
    }

    .wd__section .ksp__layout .grid-item-wdContent .wd__content .content__title {
        width: 100%;
        font-size: 2.3625rem;
        line-height: 1.2
    }

    .wd__section .ksp__layout .grid-item-wdContent .wd__content .content__info {
        margin-top: 8px;
        width: 100%;
        font-size: 20px
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_image {
        margin-top: -5px;
        width: 100%;
        height: 202px
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_image .img__block {
        position: relative
    }

    .wd__section .ksp__layout .grid-item.grid-item-wdFeature .grid-item-ie {
        padding: 32px 24px;
        min-height: 1px
    }

    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top {
        margin-bottom: 4px
    }

    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe {
        margin-top: 6px;
        margin-right: auto;
        margin-left: auto;
        width: 86%
    }

    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe,
    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe span,
    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top,
    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top span {
        font-size: 20px
    }

    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 2.3625rem;
        line-height: 1.2;
        letter-spacing: 1.4px
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .grid-item-ie {
        padding: 32px 24px
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon {
        margin-top: 6px;
        margin-right: auto;
        margin-left: auto;
        width: 86%
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe,
    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe span,
    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top,
    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top span {
        font-size: 20px
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top {
        margin-bottom: 13px
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top .img__icon {
        width: 100%;
        height: 72px
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__data {
        font-size: 1.5625rem
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe {
        margin-top: 11px
    }
}

.section__kv .wd__content {
    position: relative;
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto
}

.section__kv .wd__content .content__slogan {
    margin-top: 0;
    margin-left: 0;
    color: #000;
    font-size: 63px;
    text-transform: none
}

.section__kv .wd__content .content__title {
    margin-top: 26px;
    font-size: 65px
}

.section__kv .wd__content .content__info {
    margin-top: 40px;
    width: 100%;
    font-size: 26px
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__kv .wd__content .content__slogan {
        margin-top: -2px;
        font-size: 48px
    }

    .section__kv .wd__content .content__info {
        margin-top: 15px;
        width: 90%;
        max-width: 793px;
        font-size: 26px;
        line-height: 1.55
    }
}

@media all and (max-width:730.5px) {
    .section__kv .wd__content {
        margin-top: 55px
    }

    .section__kv .wd__content .content__slogan {
        display: block;
        margin-top: 7px;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        text-align: center;
        font-size: 32px
    }

    .section__kv .wd__content .content__title {
        max-width: 450px
    }

    .section__kv .wd__content .content__info {
        text-align: center;
        margin-top: 16px;
        margin-left: auto;
        margin-right: auto;
        width: 84%;
        max-width: 460px;
        font-size: 22px;
        line-height: 1.43
    }
}

.kv__badge {
    display: block;
    position: relative;
    margin-top: 64px;
    margin-right: auto;
    margin-left: auto;
    width: 94%;
    max-width: 950px
}

.kv__badge .badge__container {
    position: relative;
    text-align: center
}



.kv__badge .badge__container img.icon__badge-creator {
    width: 98px;
    height: 130px
}

#CMD .kv__badge .icon__badge-creator {
    background-image: url(../images/image/kv_badge_creator.jpg)
}

.kv__badge .badge__container img.icon__badge-oled {
    width: 98px;
    height: 130px
}

/* #CMD .kv__badge .icon__badge-oled {
    background-image: url(../images/image/kv_badge_oled.jpg)
} */

.kv__badge .badge__container img.icon__badge-nvidia {
    left: -6px;
    margin-right: 7px;
    width: 192px;
    height: 90px
}

/* #CMD .kv__badge .icon__badge-nvidia {
    background-image: url(../images/image/kv_badge_nvidia.png)
} */


.kv__badge .badge__container img.icon__badge-nvidiartx {
    width: 204px;
    height: 62px
}

/* #CMD .kv__badge .icon__badge-nvidiartx {
    background-image: url(../images/image/kv_badge_nvidiartx.png)
} */


.kv__badge .badge__content {
    position: relative;
    margin-top: 24px;
    text-align: center
}

.kv__badge .badge__content .content-text {
    display: block;
    position: relative;
    margin-bottom: 5px;
    color: #999;
    font-size: 14px;
    text-align: center;
    line-height: 1.2
}

.kv__badge .badge__content .content-text:last-child {
    margin-bottom: 0
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .kv__badge {
        margin-top: 52px;
        width: 100%;
        max-width: 720px
    }

    .kv__badge .badge__container img {
        margin: 0 25px
    }

    .kv__badge .badge__container img.icon__badge-creator {
        width: 98px;
        height: 130px
    }

    .kv__badge .badge__container img.icon__badge-oled {
        width: 98px;
        height: 130px
    }

    .kv__badge .badge__container img.icon__badge-nvidia {
        left: -7px;
        margin-right: 5px;
        width: 192px;
        height: 90px
    }

    .kv__badge .badge__container img.icon__badge-nvidiartx {
        width: 218px;
        height: 66px
    }

    .kv__badge .badge__content {
        margin-top: 25px
    }

    .kv__badge .badge__content .content-text {
        font-size: 14px;
        line-height: 1.2
    }
}

@media all and (max-width:730.5px) {
    .kv__badge {
        margin-top: 52px;
        width: 90%;
        max-width: 430px
    }

    .kv__badge .badge__container img {
        margin: 0 21px 38px
    }

    .kv__badge .badge__container img.icon__badge-creator {
        width: 80px;
        height: 106px
    }

    .kv__badge .badge__container img.icon__badge-oled {
        width: 80px;
        height: 106px
    }

    .kv__badge .badge__container img.icon__badge-nvidia {
        left: -4px;
        margin-right: 3px;
        width: 150px;
        height: 70px
    }

    .kv__badge .badge__container img.icon__badge-nvidiartx {
        width: 203px;
        height: 63px
    }

    .kv__badge .badge__content {
        margin-top: -3px
    }

    .kv__badge .badge__content .content-text {
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 1.2
    }
}

@keyframes hoverAnimation {
    0% {
        transform: scale(1, 1) translateY(0)
    }

    35% {
        transform: scale(1, .2) translateY(130px)
    }

    85% {
        transform: scale(1, 1) translateY(0)
    }
}

.vr__screen {
    display: block;
    position: relative;
    left: 50%;
    margin-top: 110px;
    margin-bottom: -30px;
    margin-left: -38px;
    width: 76px;
    height: 48px
}

.vr__screen #vr__screen__icon {
    fill: #333;
    width: 76px;
    height: 48px
}

.vr__screen #vr__screen__icon .vr__border {
    transform: scale(1, 1);
    animation: none
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .vr__screen {
        margin-top: 74px;
        margin-bottom: -29px
    }
}

@media all and (max-width:730.5px) {
    .vr__screen {
        margin-top: 56px;
        margin-bottom: -22px;
        margin-left: -35px;
        width: 70px;
        height: 44px
    }

    .vr__screen #vr__screen__icon {
        width: 70px;
        height: 44px
    }
}

@media all and (max-width:1279.5px) {
    .vr__screen #vr__screen__icon .vr__border {
        transform: scale(1, 1)
    }
}

.cmd-sidenav {
    z-index: 1000
}

.cmd-sidenav .container-bg {
    position: absolute;
    right: 20px;
    width: 24px;
    height: 100%;
    border-radius: 18px;
    background: rgba(0, 0, 0, .4)
}

.cmd-sidenav .container-collapse {
    display: none
}

.cmd-sidenav .container-collapse .img__main {
    margin: 0;
    width: auto;
    height: auto
}

.cmd-sidenav .sidenav-container .item-container::marker {
    font-size: 0
}

@media all and (min-width:1280px) {
    .wd__section .sectionnNavPosition {
        top: -140px
    }

    .cmd-sidenav {
        position: fixed;
        top: 180px;
        right: 0
    }

    .cmd-sidenav .sidenav-container {
        position: relative
    }

    .cmd-sidenav .sidenav-container .container-items {
        position: relative
    }

    .cmd-sidenav .sidenav-container .container-items .item {
        display: block;
        position: relative;
        width: 57px;
        height: 43px;
        font-size: 0;
        -webkit-tap-highlight-color: transparent
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-dot {
        position: absolute;
        cursor: pointer;
        top: 0;
        right: 0;
        width: 54px;
        height: 43px
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-dot::after {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #9f9f9f;
        transform: translate3d(-50%, -50%, 0);
        user-select: none;
        pointer-events: none;
        content: ""
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-label {
        position: absolute;
        overflow-y: hidden;
        right: 0;
        width: 400px;
        height: 100%;
        color: #fff;
        font-size: 0;
        text-align: right;
        user-select: none;
        pointer-events: none
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-label .label-name,
    .cmd-sidenav .sidenav-container .container-items .item .item-label .label-triangle {
        display: inline-block;
        position: relative;
        vertical-align: top
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-label .label-triangle {
        top: 0;
        left: 1px;
        width: 40px;
        height: 100%;
        border-radius: 54px 0 0 54px;
        background: #fff
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-label .label-name {
        padding: 0 23px 0 0;
        height: 100%;
        color: #fff;
        font-size: 20px;
        background: #fff
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-label .label-name span {
        display: inline-block;
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-dot {
        opacity: 1;
        transition: opacity .2s 150ms linear
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-dot::after {
        transition: transform .3s linear
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-label {
        transform: translate3d(100%, 0, 0);
        transition: transform .3s linear
    }

    .cmd-sidenav .sidenav-container .container-items .item.hover .item-dot {
        opacity: 0;
        transition: opacity 150ms linear
    }

    .cmd-sidenav .sidenav-container .container-items .item.hover .item-label {
        transform: translate3d(0, 0, 0);
        transition: transform .3s 75ms linear
    }

    .cmd-sidenav .sidenav-container .container-items .item.enter .item-label .label-name {
        color: #fff
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-dot.enter::after {
        background: #fff;
        transform: translate3d(-50%, -50%, 0) scale(1.5)
    }

    .cmd-sidenav .container-bg {
        right: 15px
    }

    .cmd-sidenav .sidenav-container .container-items .item {
        margin-top: -3px;
        width: 94px
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-dot {
        width: 94px
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-dot::after {
        margin-left: 20px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__section .sectionnNavPosition {
        top: -140px
    }

    .cmd-sidenav {
        position: fixed;
        top: 123px;
        right: 20px;
        background-color: transparent
    }

    .cmd-sidenav .container-bg {
        display: none
    }

    .cmd-sidenav .item-label .label-triangle {
        display: none
    }

    .cmd-sidenav .item-label .label-name {
        padding-right: 15px;
        padding-left: 15px
    }

    .cmd-sidenav .item-dot {
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .cmd-sidenav .container-collapse {
        display: block;
        position: absolute;
        z-index: 1;
        top: -26px;
        right: 0;
        width: auto;
        height: auto
    }

    .cmd-sidenav .container-collapse .collapse-open::before {
        background: rgba(66, 66, 66, .8)
    }

    .cmd-sidenav .container-collapse .collapse-close::before {
        background: #424242
    }

    .cmd-sidenav .container-collapse .collapse-close,
    .cmd-sidenav .container-collapse .collapse-open {
        position: absolute;
        top: 50%;
        right: 13px;
        width: 22px;
        height: 22px;
        transform: translate3d(0, -50%, 0);
        transition: opacity .3s
    }

    .cmd-sidenav .container-collapse .collapse-close::before,
    .cmd-sidenav .container-collapse .collapse-open::before {
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        width: 48px;
        height: 48px;
        transform: translate(-50%, -50%)
    }

    .cmd-sidenav .container-collapse .collapse-close img,
    .cmd-sidenav .container-collapse .collapse-open img {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -11px;
        margin-left: -11px;
        width: 22px;
        height: 22px;
        background-position: no-repeat;
        background-size: contain
    }

    .cmd-sidenav .container-collapse .collapse-open .img {
        background-image: url(../images/image/open.svg)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .cmd-sidenav .container-collapse .collapse-close {
        display: none;
        user-select: none;
        pointer-events: none
    }

    .cmd-sidenav .container-collapse .collapse-close .img {
        background-image: url(../images/image/close.svg)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .cmd-sidenav .container-items {
        overflow: hidden;
        height: 100%;
        max-height: 0;
        transition: all .4s
    }

    .cmd-sidenav .container-items .item {
        display: block;
        position: relative;
        opacity: 0;
        transition: opacity
    }

    .cmd-sidenav .container-items .item .item-label {
        padding: 10px 14px;
        font-size: 1.1875rem;
        text-align: center
    }

    .cmd-sidenav .container-items .item .item-label .label-name {
        color: #fff;
        font-size: 1.1875rem;
        line-height: 1.2
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .cmd-sidenav.show {
        padding-bottom: 17px;
        background-color: #333
    }

    .cmd-sidenav.show .container-items {
        max-height: 2000px;
        transition: all .4s
    }

    .cmd-sidenav.show .container-items::before {
        position: absolute;
        content: "";
        top: -50px;
        left: 0;
        width: 100%;
        height: 50px;
        background-color: #333
    }

    .cmd-sidenav.show .container-items .item {
        opacity: 1;
        transition: opacity .3s .4s
    }

    .cmd-sidenav.show .container-collapse .collapse-open {
        display: none;
        user-select: none;
        pointer-events: none
    }

    .cmd-sidenav.show .container-collapse .collapse-close {
        display: block;
        pointer-events: all
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .cmd-sidenav {
        right: 20px;
        left: unset;
        opacity: 0;
        transition: opacity .3s
    }

    .cmd-sidenav.mobile-show {
        left: unset;
        opacity: 1
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .cmd-sidenav .item-dot.enter {
        z-index: -1;
        background: #e42657
    }
}

@media all and (max-width:730.5px) {
    .wd__section .sectionnNavPosition {
        top: -102px
    }

    .cmd-sidenav {
        position: fixed;
        top: 123px;
        right: 20px;
        width: calc(100% - 32px);
        background-color: transparent
    }

    .cmd-sidenav .container-bg {
        display: none
    }

    .cmd-sidenav .item-label .label-triangle {
        display: none
    }

    .cmd-sidenav .item-dot {
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .cmd-sidenav .container-collapse {
        display: block;
        position: absolute;
        z-index: 1;
        top: -26px;
        right: 0;
        width: auto;
        height: auto
    }

    .cmd-sidenav .container-collapse .collapse-open::before {
        background: rgba(66, 66, 66, .8)
    }

    .cmd-sidenav .container-collapse .collapse-close::before {
        background: #424242
    }

    .cmd-sidenav .container-collapse .collapse-close,
    .cmd-sidenav .container-collapse .collapse-open {
        position: absolute;
        top: 50%;
        right: 13px;
        width: 22px;
        height: 22px;
        transform: translate3d(0, -50%, 0);
        transition: opacity .3s
    }

    .cmd-sidenav .container-collapse .collapse-close::before,
    .cmd-sidenav .container-collapse .collapse-open::before {
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        width: 48px;
        height: 48px;
        transform: translate(-50%, -50%)
    }

    .cmd-sidenav .container-collapse .collapse-close img,
    .cmd-sidenav .container-collapse .collapse-open img {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -11px;
        margin-left: -11px;
        width: 22px;
        height: 22px;
        background-position: no-repeat;
        background-size: contain
    }

    .cmd-sidenav .container-collapse .collapse-open .img {
        background-image: url(../images/image/open.svg)
    }
}


@media all and (max-width:730.5px) {
    .cmd-sidenav .container-collapse .collapse-close {
        display: none;
        user-select: none;
        pointer-events: none
    }

    .cmd-sidenav .container-collapse .collapse-close .img {
        background-image: url(../images/image/close.svg)
    }
}

@media all and (max-width:730.5px) {
    .cmd-sidenav .container-items {
        overflow: hidden;
        height: 100%;
        max-height: 0;
        transition: all .4s
    }

    .cmd-sidenav .container-items .item {
        display: block;
        position: relative;
        opacity: 0;
        transition: opacity
    }

    .cmd-sidenav .container-items .item .item-label {
        padding: 10px 14px;
        font-size: 18px;
        text-align: center
    }

    .cmd-sidenav .container-items .item .item-label .label-name {
        color: #fff;
        font-size: 18px;
        line-height: 1.2
    }
}

@media all and (max-width:730.5px) {
    .cmd-sidenav.show {
        padding-bottom: 17px;
        background-color: #333
    }

    .cmd-sidenav.show .container-items {
        max-height: 2000px;
        transition: all .4s
    }

    .cmd-sidenav.show .container-items::before {
        position: absolute;
        content: "";
        top: -50px;
        left: 0;
        width: 100%;
        height: 50px;
        background-color: #333
    }

    .cmd-sidenav.show .container-items .item {
        opacity: 1;
        transition: opacity .3s .4s
    }

    .cmd-sidenav.show .container-collapse .collapse-open {
        display: none;
        user-select: none;
        pointer-events: none
    }

    .cmd-sidenav.show .container-collapse .collapse-close {
        display: block;
        pointer-events: all
    }
}

@media all and (max-width:730.5px) {
    .cmd-sidenav {
        left: 100%;
        opacity: 0;
        transition: opacity .3s
    }

    .cmd-sidenav.mobile-show {
        left: unset;
        opacity: 1
    }
}

@media all and (max-width:730.5px) {
    .cmd-sidenav .item-dot.enter {
        z-index: -1;
        background: #e42657
    }
}

.wd__section .wd__feature__list {
    margin-right: auto;
    margin-left: auto
}

.wd__section .wd__feature__list.list-icon {
    margin-top: 22px
}

.wd__section .wd__feature__list.list-icon .wd__feature {
    top: 42px
}

.wd__section .wd__feature__list.list-icon .wd__feature.feature-icon {
    top: 0
}

.wd__section .wd__feature__list .wd__feature.feature-icon .wd__feature__describe__top {
    display: none
}

.wd__section .wd__feature__list .wd__feature.feature-icon .wd__feature__data {
    position: relative;
    margin-right: auto;
    margin-left: auto
}

.wd__section .wd__feature__list .wd__feature.feature-icon .wd__feature__data .img__icon {
    width: 100%;
    height: 100%
}

.wd__section .wd__feature__list .wd__feature.feature-icon .wd__feature__describe {
    margin-right: auto;
    margin-left: auto;
    max-width: 168px
}

.wd__feature.icon-asusoled .img__icon {
    background-image: url(../images/image/icon_asusoled.png)
}


.wd__section .wd__feature__list .wd__feature.icon-asusoled .wd__feature__data {
    top: 19px;
    margin-bottom: 3px;
    width: 112px;
    height: 116px
}

/* .wd__feature.icon-asusoled120hz .img__icon {
    background-image: url(../images/image/icon_asusoled120hz.png)
} */


.wd__section .wd__feature__list .wd__feature.icon-asusoled120hz .wd__feature__data {
    top: 29px;
    margin-bottom: 3px;
    width: 108px;
    height: 108px
}

/* .wd__feature.icon-blackdolbyvision .img__icon {
    background-image: url(../images/image/icon_blackdolbyvision.png)
} */


.wd__section .wd__feature__list .wd__feature.icon-blackdolbyvision .wd__feature__data {
    top: 23px;
    margin-bottom: 3px;
    width: 168px;
    height: 116px
}

.wd__feature.icon-dolbyvision .img__icon {
    background-image: url(../images/image/icon_dolbyvision.png)
}

.wd__section .wd__feature__list .wd__feature.icon-dolbyvision .wd__feature__data {
    top: 23px;
    margin-bottom: 3px;
    width: 168px;
    height: 116px
}

/* .wd__feature.icon-flickfree .img__icon {
    background-image: url(../images/image/icon_flickfree.png)
} */


.wd__section .wd__feature__list .wd__feature.icon-flickfree .wd__feature__data {
    width: 92px;
    height: 116px
}

/* .wd__feature.icon-lowbluelighthardware .img__icon {
    background-image: url(../images/image/icon_lowbluelighthardware.png)
} */


.wd__section .wd__feature__list .wd__feature.icon-lowbluelighthardware .wd__feature__data {
    width: 92px;
    height: 116px
}

/* .wd__feature.icon-certifieddisplay .img__icon {
    background-image: url(../images/image/icon_certifieddisplay.png)
} */


.wd__section .wd__feature__list .wd__feature.icon-certifieddisplay .wd__feature__data {
    top: 8px;
    width: 92px;
    height: 116px
}

.wd__feature.icon-certifieddisplay500 .img__icon {
    background-image: url(../images/image/icon_certifieddisplay500.png)
}


.wd__section .wd__feature__list .wd__feature.icon-certifieddisplay500 .wd__feature__data {
    top: 8px;
    width: 92px;
    height: 116px
}

.wd__feature.icon-certifieddisplay600 .img__icon {
    background-image: url(../images/image/icon_certifieddisplay600.png)
}


.wd__section .wd__feature__list .wd__feature.icon-certifieddisplay600 .wd__feature__data {
    top: 8px;
    width: 92px;
    height: 116px
}

/* .wd__feature.icon-dolbyatmos .img__icon {
    background-image: url(../images/image/icon_dolbyatmos.png)
} */


.wd__section .wd__feature__list .wd__feature.icon-dolbyatmos .wd__feature__data {
    top: 53px;
    margin-bottom: 56px;
    width: 187px;
    height: 64px
}

.wd__feature.icon-harmankardon .img__icon {
    background-image: url(../images/image/icon_harmankardon.png)
}

.wd__section .wd__feature__list .wd__feature.icon-harmankardon .wd__feature__data {
    top: 63px;
    margin-bottom: 73px;
    width: 256px;
    height: 47px
}

/* .wd__feature.icon-smartamplifier .img__icon {
    background-image: url(../images/image/icon_smartamplifier.png)
} */


.wd__section .wd__feature__list .wd__feature.icon-smartamplifier .wd__feature__data {
    top: 34px;
    margin-bottom: 39px;
    width: 92px;
    height: 80px
}

/* .wd__feature.icon-audiobooster .img__icon {
    background-image: url(../images/image/icon_audiobooster.png)
} */


.wd__section .wd__feature__list .wd__feature.icon-audiobooster .wd__feature__data {
    top: 32px;
    margin-bottom: 40px;
    width: 92px;
    height: 80px
}

.wd__feature.icon-dirac .img__icon {
    background-image: url(../images/image/icon_dirac.png)
}

.wd__section .wd__feature__list .wd__feature.icon-dirac .wd__feature__data {
    top: 54px;
    margin-bottom: 58px;
    width: 190px;
    height: 62px
}

/* .wd__feature.icon-blackcalmanverified .img__icon {
    background-image: url(../images/image/icon_blackcalmanverified.png)
} */

.wd__feature.icon-calmanverified .img__icon {
    background-image: url(../images/image/icon_calmanverified.png)
}

.wd__section .wd__feature__list .wd__feature.icon-blackcalmanverified .wd__feature__data,
.wd__section .wd__feature__list .wd__feature.icon-calmanverified .wd__feature__data {
    top: -4px;
    margin-top: 42px;
    width: 230px;
    height: 74px
}

/* .wd__feature.icon-sgsperformance .img__icon {
    background-image: url(../images/image/icon_sgsperformance.png)
} */

.wd__section .wd__feature__list .wd__feature.icon-sgsperformance .wd__feature__data {
    top: -11px;
    margin-top: 28px;
    width: 150px;
    height: 88px
}

.wd__feature.icon-validateddisplay .img__icon {
    background-image: url(../images/image/icon_validateddisplay.png)
}

.wd__section .wd__feature__list .wd__feature.icon-validateddisplay .wd__feature__data {
    top: 8px;
    width: 92px;
    height: 116px
}

.wd__feature.icon-lowbluelight .img__icon {
    background-image: url(../images/image/icon_lowbluelight.png)
}

.wd__section .wd__feature__list .wd__feature.icon-lowbluelight .wd__feature__data {
    width: 180px;
    height: 116px
}

.wd__section .wd__feature__list .wd__feature.icon-lowbluelight .wd__feature__data .img__icon {
    top: 3px
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__section .wd__feature__list.list-icon {
        margin-top: -7px
    }

    .wd__section .wd__feature__list.list-icon .wd__feature {
        top: 29px
    }

    .wd__section .wd__feature__list.list-icon .wd__feature.feature-icon {
        top: 0
    }

    .wd__section .wd__feature__list.list-icon .wd__feature .feature-icon {
        margin-bottom: -9px
    }

    .wd__section .wd__feature__list.list-icon .wd__feature .feature-icon .wd__feature__data {
        height: 116px
    }

    .wd__section .wd__feature__list .wd__feature.icon-asusoled .wd__feature__data {
        top: 14px
    }

    .wd__section .wd__feature__list .wd__feature.icon-asusoled120hz .wd__feature__data {
        top: 22px
    }

    .wd__section .wd__feature__list .wd__feature.icon-certifieddisplay .wd__feature__data,
    .wd__section .wd__feature__list .wd__feature.icon-certifieddisplay500 .wd__feature__data,
    .wd__section .wd__feature__list .wd__feature.icon-certifieddisplay600 .wd__feature__data {
        top: 3px
    }

    .wd__section .wd__feature__list .wd__feature.icon-dolbyvision .wd__feature__data {
        top: 24px
    }

    .wd__section .wd__feature__list .wd__feature.icon-blackdolbyvision .wd__feature__data {
        top: 24px
    }

    .wd__section .wd__feature__list .wd__feature.icon-dolbyatmos .wd__feature__data {
        top: 51px;
        margin-bottom: 19px
    }

    .wd__section .wd__feature__list .wd__feature.icon-harmankardon .wd__feature__data {
        top: 58px;
        margin-bottom: 19px
    }

    .wd__section .wd__feature__list .wd__feature.icon-smartamplifier .wd__feature__data {
        top: 21px;
        margin-bottom: 28px
    }

    .wd__section .wd__feature__list .wd__feature.icon-audiobooster .wd__feature__data {
        top: 20px;
        margin-bottom: 28px
    }

    .wd__section .wd__feature__list .wd__feature.icon-dirac .wd__feature__data {
        top: 54px;
        margin-bottom: 46px
    }

    .wd__section .wd__feature__list .wd__feature.icon-validateddisplay .wd__feature__data {
        top: 3px
    }

    .wd__section .wd__feature__list .wd__feature.icon-lowbluelighthardware .wd__feature__data {
        top: -3px
    }

    .wd__section .wd__feature__list .wd__feature.icon-flickfree .wd__feature__data {
        top: -3px
    }

    .wd__section .wd__feature__list .wd__feature.icon-lowbluelight .wd__feature__data {
        top: -1px
    }

    .wd__section .wd__feature__list .wd__feature.icon-blackcalmanverified .wd__feature__data,
    .wd__section .wd__feature__list .wd__feature.icon-calmanverified .wd__feature__data {
        top: -12px
    }

    .wd__section .wd__feature__list .wd__feature.icon-sgsperformance .wd__feature__data {
        top: -14px
    }
}

@media all and (max-width:730.5px) {
    .wd__section .wd__feature__list.list-icon {
        margin-top: 9px
    }

    .wd__section .wd__feature__list.list-icon .wd__feature {
        top: 36px
    }

    .wd__section .wd__feature__list.list-icon .wd__feature.feature-icon {
        top: 0
    }

    .wd__section .wd__feature__list .wd__feature.feature-icon .wd__feature__describe {
        margin-top: 0
    }

    .wd__section .wd__feature__list .wd__feature.icon-asusoled .wd__feature__data {
        position: relative;
        top: 12px;
        margin-bottom: -31px;
        width: 100px;
        height: 104px
    }

    .wd__section .wd__feature__list .wd__feature.icon-asusoled120hz .wd__feature__data {
        position: relative;
        top: 16px;
        margin-bottom: -31px;
        width: 100px;
        height: 104px
    }

    .wd__section .wd__feature__list .wd__feature.icon-dolbyvision .wd__feature__data {
        top: 20px;
        margin-bottom: -20px;
        width: 141px;
        height: 97px
    }

    .wd__section .wd__feature__list .wd__feature.icon-blackdolbyvision .wd__feature__data {
        top: 20px;
        margin-bottom: -20px;
        width: 141px;
        height: 97px
    }

    .wd__section .wd__feature__list .wd__feature.icon-flickfree .wd__feature__data {
        width: 84px;
        height: 104px
    }

    .wd__section .wd__feature__list .wd__feature.icon-lowbluelighthardware .wd__feature__data {
        width: 84px;
        height: 104px
    }

    .wd__section .wd__feature__list .wd__feature.icon-certifieddisplay .wd__feature__data,
    .wd__section .wd__feature__list .wd__feature.icon-certifieddisplay500 .wd__feature__data,
    .wd__section .wd__feature__list .wd__feature.icon-certifieddisplay600 .wd__feature__data {
        width: 84px;
        height: 104px
    }

    .wd__section .wd__feature__list .wd__feature.icon-dolbyatmos .wd__feature__data {
        top: 55px;
        margin-bottom: -5px;
        width: 139px;
        height: 51px
    }

    .wd__section .wd__feature__list .wd__feature.icon-harmankardon .wd__feature__data {
        top: 61px;
        margin-bottom: 16px;
        width: 193px;
        height: 36px
    }

    .wd__section .wd__feature__list .wd__feature.icon-smartamplifier .wd__feature__data {
        top: 40px;
        margin-bottom: 11px;
        width: 71px;
        height: 62px
    }

    .wd__section .wd__feature__list .wd__feature.icon-smartamplifier .wd__feature__describe {
        top: 32px
    }

    .wd__section .wd__feature__list .wd__feature.icon-audiobooster .wd__feature__data {
        top: 38px;
        margin-bottom: 0;
        width: 72px;
        height: 63px
    }

    .wd__section .wd__feature__list .wd__feature.icon-audiobooster .wd__feature__describe {
        top: 42px
    }

    .wd__section .wd__feature__list .wd__feature.icon-dirac .wd__feature__data {
        top: 55px;
        margin-bottom: 7px;
        width: 141px;
        height: 46px
    }

    .wd__section .wd__feature__list .wd__feature.icon-validateddisplay .wd__feature__data {
        top: 8px;
        width: 84px;
        height: 104px
    }

    .wd__section .wd__feature__list .wd__feature.icon-validateddisplay .wd__feature__data .img__icon {
        top: 0
    }

    .wd__section .wd__feature__list .wd__feature.icon-certifieddisplay600 .wd__feature__data {
        top: 5px
    }

    .wd__section .wd__feature__list .wd__feature.icon-lowbluelight .wd__feature__data {
        width: 153px;
        height: 104px
    }

    .wd__section .wd__feature__list .wd__feature.icon-lowbluelight .wd__feature__data .img__icon {
        top: 3px
    }

    .wd__section .wd__feature__list .wd__feature.icon-blackcalmanverified .wd__feature__data,
    .wd__section .wd__feature__list .wd__feature.icon-calmanverified .wd__feature__data {
        top: -9px;
        margin-top: 39px;
        width: 202px;
        height: 65px
    }

    .wd__section .wd__feature__list .wd__feature.icon-sgsperformance .wd__feature__data {
        top: -10px;
        margin-top: 28px;
        width: 128px;
        height: 75px
    }
}

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

.wd__performance__graph .graph__heading {
    display: block;
    padding-bottom: 40px;
    font-size: 25px
}

.wd__performance__graph .graph__description {
    display: block;
    margin-top: -34px;
    padding-bottom: 40px;
    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) 0s
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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;
    left: 100%;
    opacity: 1;
    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: 13px
}

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

.wd__performance__graph .graph-badge {
    margin-top: -41px;
    margin-left: -26px;
    transform: translate3d(0, 0, 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 .graph__line .graph__bar {
    width: 0% !important
}

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

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

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

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__performance__graph .graph .graph__line .graph__bar .bar__value {
        margin-top: -4px;
        font-size: 17px
    }

    .wd__performance__graph .graph-badge {
        margin-top: -36px
    }

    .wd__performance__graph .graph-badge .badge__value {
        font-size: 58px
    }
}

@media all and (min-width:1px) and (max-width:730.5px) {
    .wd__performance__graph .graph__heading {
        padding-bottom: 24px;
        font-size: 19px
    }

    .wd__performance__graph .graph__description {
        margin-top: -26px;
        padding-bottom: 24px
    }

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

    .wd__performance__graph .graph .graph__line.line-1 {
        position: relative
    }

    .wd__performance__graph .graph .graph__line.line-1 .graph__bar .bar__value {
        display: block;
        position: absolute;
        right: 0;
        margin-top: 16px;
        margin-left: -150px;
        font-size: 32px;
        text-align: right
    }

    .wd__performance__graph .graph .graph__line .graph__bar .bar__value {
        margin-left: 12px
    }

    .wd__performance__graph .graph .graph__line .graph__bar .bar__value .value__unit {
        font-size: 22px
    }

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

    .wd__performance__graph .graph-badge {
        display: none
    }
}

.wd__performance__graph.theme-black .graph__description,
.wd__performance__graph.theme-black .graph__heading {
    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__heading {
    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
}

.inner__nav {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    width: 1000px;
    text-align: center
}

.inner__nav .nav__heading {
    color: #ffe092;
    font-size: 21px;
    transition: opacity .6s ease-out
}

.inner__nav .nav__heading.clicked {
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0
}

.inner__nav .nav__switch__btn {
    position: absolute;
    cursor: pointer;
    bottom: -62px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    transition: all .6s ease-out, top 1s ease-out
}

.inner__nav .nav__switch__btn .icon__switch {
    background-image: url(../images/image/icon_open.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .5s ease-out
}

.inner__nav .nav__switch__btn.clicked {
    transform: translate3d(0, 210px, 0)
}

.inner__nav .nav__switch__btn.clicked .icon__switch {
    transform: rotate(405deg) translate3d(0, 0, 0);
    transform-origin: center
}

.inner__nav .nav__switch__btn.fixed {
    position: fixed;
    top: -30px;
    left: 50%;
    margin-left: -20px
}

.inner__nav .nav__switch__btn.disable {
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    top: -300px !important
}

.inner__page {
    margin-top: 0;
    padding-top: 0;
    background-color: #f5f5f5
}

.inner__page .wd__content .content__title {
    font-size: 27px;
    line-height: 1.2
}

.inner__page .inner__mask {
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    transition: opacity .5s ease-out
}

.inner__page.darknight .inner__mask {
    -webkit-opacity: .6;
    -khtml-opacity: .6;
    -moz-opacity: .6;
    -ms-opacity: .6;
    -o-opacity: .6;
    opacity: .6;
    z-index: 1000000;
    transition: opacity .5s ease-out
}

.inner__page .section__content {
    z-index: 0;
    max-width: 2560px;
    background-color: #fff
}

.inner__page .section__content.theme-gray {
    margin-bottom: 4px;
    padding-bottom: 0;
    max-width: 1366px;
    background-color: #e7e7e7
}

.inner__page .section__content.theme-gray .wd__content {
    padding-top: 39px
}

.inner__page .icon {
    position: relative;
    margin-right: auto;
    margin-bottom: 11px;
    margin-left: auto;
    width: 120px;
    height: 120px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

/* .inner__page .icon.icon-allSmiles {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/features/images/large/1x/inner/icon/icon_all_smiles.png)
}

.inner__page .icon.icon-auto {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/features/images/large/1x/inner/icon/icon_auto.png)
}

.inner__page .icon.icon-beautification {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/features/images/large/1x/inner/icon/icon_beautification.png)
}

.inner__page .icon.icon-depthOfField {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/features/images/large/1x/inner/icon/icon_depth_of_field.png)
}

.inner__page .icon.icon-effect {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/features/images/large/1x/inner/icon/icon_effect.png)
}

.inner__page .icon.icon-gif {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/features/images/large/1x/inner/icon/icon_gif.png)
}

.inner__page .icon.icon-hdrPro {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/features/images/large/1x/inner/icon/icon_hdr_pro.png)
}

.inner__page .icon.icon-kids {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/features/images/large/1x/inner/icon/icon_kids.png)
}

.inner__page .icon.icon-lowlight {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/features/images/large/1x/inner/icon/icon_lowlight.png)
}

.inner__page .icon.icon-miniature {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/features/images/large/1x/inner/icon/icon_miniature.png)
}

.inner__page .icon.icon-night {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/features/images/large/1x/inner/icon/icon_night.png)
}

.inner__page .icon.icon-qrCode {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/features/images/large/1x/inner/icon/icon_qr_code.png)
}

.inner__page .icon.icon-selfiePanorama {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/features/images/large/1x/inner/icon/icon_selfie_panorama.png)
}

.inner__page .icon.icon-selfie {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/features/images/large/1x/inner/icon/icon_selfie.png)
}

.inner__page .icon.icon-slowMotion {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/features/images/large/1x/inner/icon/icon_slow_motion.png)
}  .inner__page .icon.icon-smartRemove {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/features/images/large/1x/inner/icon/icon_smart_remove.png)
}

.inner__page .icon.icon-superResolution {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/features/images/large/1x/inner/icon/icon_super_resolution.png)
}

.inner__page .icon.icon-manual {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/features/images/large/1x/inner/icon/icon_manual.png)
}

.inner__page .icon.icon-timeLapse {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/features/images/large/1x/inner/icon/icon_time_lapse.png)
}

.inner__page .icon.icon-timeRewind {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/features/images/large/1x/inner/icon/icon_time_rewind.png)
}

.inner__page .icon.icon-youtube {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/features/images/large/1x/inner/icon/icon_youtube.png)
}

.inner__page .icon.icon-panaroma {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/features/images/large/1x/inner/icon/icon_panaroma.png)
}

.inner__page .icon.icon-pro {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/features/images/large/1x/inner/icon/icon_pro.png)
}

.inner__page .icon.icon-portrait {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/features/images/large/1x/inner/icon/icon_portrait.png)
} */


@media all and (min-width:731px) and (max-width:1279.5px) {
    .inner__nav {
        margin: 0 auto;
        width: 100%
    }

    .inner__nav .nav__heading {
        font-size: 21px
    }

    .inner__nav .nav__switch__btn {
        bottom: -63px;
        left: 50%;
        margin-left: -20px;
        width: 40px;
        height: 40px
    }

    .inner__nav .nav__switch__btn .icon__switch {
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
        height: 40px
    }

    .inner__nav .nav__switch__btn.clicked {
        transform: translate3d(0, 210px, 0)
    }

    .inner__nav .nav__switch__btn.clicked .icon__switch {
        transform-origin: center;
        transform: rotate(405deg) translate3d(0, 0, 0)
    }

    .inner__nav .nav__switch__btn.fixed {
        top: -30px;
        left: 50%;
        margin-left: -20px
    }

    .inner__page .wd__content .content__title {
        font-size: 27px;
        line-height: 1.2
    }

    .inner__page .section__content {
        padding-bottom: 205px
    }

    .inner__page .section__content.theme-gray {
        max-width: 1300px;
        max-width: 722px
    }

    .inner__page .section__content.theme-gray .wd__content {
        padding-top: 39px
    }

    .inner__page .section__content.theme-gray .col.always__on__top {
        background-color: #fff
    }

    .inner__page .icon {
        margin-bottom: 11px;
        width: 120px;
        height: 120px
    }
}

@media all and (max-width:730.5px) {
    .inner__nav {
        margin: 0 auto;
        width: 100%
    }

    .inner__nav .nav__heading {
        font-size: 15px;
        letter-spacing: .2px
    }

    .inner__nav .nav__switch__btn {
        bottom: -55px;
        left: 50%;
        margin-left: -19px;
        width: 38px;
        height: 38px
    }

    .inner__nav .nav__switch__btn .icon__switch {
        position: absolute;
        top: 0;
        left: 0;
        width: 38px;
        height: 38px
    }

    .inner__nav .nav__switch__btn.clicked {
        transform: translate3d(0, 210px, 0)
    }

    .inner__nav .nav__switch__btn.clicked .icon__switch {
        transform-origin: center;
        transform: rotate(405deg) translate3d(0, 0, 0)
    }

    .inner__nav .nav__switch__btn.fixed {
        top: -30px;
        left: 50%;
        margin-left: -19px
    }

    .inner__page .wd__content .content__title {
        font-size: 20px;
        line-height: 1.1
    }

    .inner__page .section__content {
        padding-bottom: 205px
    }

    .inner__page .section__content.theme-gray {
        max-width: 414px
    }

    .inner__page .section__content.theme-gray .col.always__on__top {
        background-color: #fff
    }

    .inner__page .icon {
        margin-bottom: 11px;
        width: 120px;
        height: 120px
    }
}

.wd__innerbtn {
    position: relative;
    z-index: 2;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    max-width: 2560px
}

.wd__innerbtn.blackTheme {
    margin-top: -2px;
    background: #0f0d10
}

.wd__innerbtn .inner__btn {
    position: absolute;
    margin: 0 auto;
    width: 100%;
    height: 80px
}

.wd__innerbtn .inner__btn span {
    display: block;
    opacity: 1;
    margin-bottom: 22px;
    font-size: 21px;
    text-align: center;
    transition: opacity .4s
}

.wd__innerbtn .inner__btn .toggleSlide {
    position: absolute;
    cursor: pointer;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: translateY(0) translateZ(0) rotate(0);
    transition: transform .8s 50ms, background-image .3s ease-out;
    transform-origin: center center
}

.wd__innerbtn .inner__btn .toggleSlide.fixed {
    position: fixed;
    top: -100px
}

.wd__innerbtn .inner__btn.active .toggleSlide {
    transform: translateY(180px) translateZ(0) rotate(0)
}

.wd__innerbtn .inner__btn.active span {
    opacity: 0
}

.wd__innerbtn.theme-black .inner__btn span {
    color: #333
}

/* .wd__innerbtn.theme-black .inner__btn .toggleSlide {
    background-image: url(../images/image/icon_open_black.png)
}

.wd__innerbtn.theme-black .inner__btn.active .toggleSlide {
    background-image: url(../images/image/icon_close_black.png)
} */

.wd__innerbtn.theme-white .inner__btn span {
    color: #fff
}

/* .wd__innerbtn.theme-white .inner__btn .toggleSlide {
    background-image: url(../images/image/icon_open_white.png)
}

.wd__innerbtn.theme-white .inner__btn.active .toggleSlide {
    background-image: url(../images/image/icon_close_white.png)
} */

.inner__page {
    display: block;
    overflow: hidden;
    z-index: 1;
    margin-right: auto;
    margin-left: auto;
    max-width: 2560px
}

.inner__page .section__content {
    max-width: 1366px
}

.inner__page .section__content .wd__content .content__title {
    color: #333 !important;
    font-size: 24px;
    font-weight: 200 !important
}

.inner__page .section__content .wd__content .content__title * {
    font-weight: 200 !important
}

.inner__page .section__content .wd__content .content__info {
    color: #333 !important
}

.inner__page .row {
    opacity: 0;
    transition: opacity .4s
}

.inner__page.active .row {
    opacity: 1
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__innerbtn {
        padding: 20px 0
    }

    .wd__innerbtn.blackTheme {
        margin-top: -2px
    }

    .wd__innerbtn .inner__btn {
        margin: 0 auto;
        width: 100%;
        height: 80px
    }

    .wd__innerbtn .inner__btn span {
        margin-bottom: 11px;
        font-size: 21px
    }

    .wd__innerbtn .inner__btn .toggleSlide {
        position: absolute;
        z-index: 999;
        cursor: pointer;
        left: 50%;
        margin-left: -20px;
        width: 40px;
        height: 40px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        transform: translateY(0) translateZ(0) rotate(0);
        transition: transform .8s 50ms, background-image .3s ease-out;
        transform-origin: center center
    }

    .wd__innerbtn .inner__btn.active span {
        opacity: 0
    }

    .wd__innerbtn .inner__btn.active .toggleSlide {
        transform: translateY(120px) translateZ(0) rotate(0)
    }

    .wd__innerbtn .inner__btn.active .toggleSlide.fixed {
        top: -38px
    }
}

@media all and (max-width:730.5px) {
    .wd__innerbtn {
        padding: 20px 0
    }

    .wd__innerbtn.blackTheme {
        margin-top: -2px;
        background: #0f0d10
    }

    .wd__innerbtn .inner__btn {
        left: 0;
        margin: 0 2%;
        width: 96%;
        height: 80px
    }

    .wd__innerbtn .inner__btn span {
        margin-bottom: 19px;
        font-size: 15.5px
    }

    .wd__innerbtn .inner__btn .toggleSlide {
        position: absolute;
        cursor: pointer;
        left: 50%;
        margin-top: -5px;
        margin-left: -19px;
        width: 38px;
        height: 38px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        transform: translateY(0) translateZ(0) rotate(0);
        transition: transform .8s 50ms, background-image .3s ease-out;
        transform-origin: center center
    }

    .wd__innerbtn .inner__btn .toggleSlide.fixed {
        top: -25px
    }

    .wd__innerbtn .inner__btn.active span {
        opacity: 0
    }

    .wd__innerbtn .inner__btn.active .toggleSlide {
        transform: translateY(103px) translateZ(0) rotate(0)
    }

    .inner__page .section__content .wd__content {
        max-width: 414px !important
    }
}

.wdtab .wdtab__nav {
    background-color: #fff
}

.wdtab .wdtab__nav::before {
    background-color: #7d7d7d
}

.wdtab .wdtab__nav-btn {
    color: #666;
    font-size: 20px
}

.wdtab .wdtab__nav-btn.active,
.wdtab .wdtab__nav-btn.focus-visible,
.wdtab .wdtab__nav-btn:focus {
    color: #0069b9
}

.wdtab .wdtab__nav-btn.active::before,
.wdtab .wdtab__nav-btn.focus-visible::before,
.wdtab .wdtab__nav-btn:focus::before {
    background-color: #0069b9
}

.wdtab .wdtab__nav-btn * {
    pointer-events: none !important
}

.wdtab .wdtab__panel__item-info__text {
    color: #666;
    font-size: 20px
}

.wdtab .wdtab__autoplay__enterdetect {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 100%
}

.wdtab .wd__play__btn.wdtab__autoPlay {
    opacity: .6
}

.wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-circle {
    stroke: #000;
    fill: #fff;
    stroke-width: 4px
}

.wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-line {
    fill: #000;
    stroke: transparent
}

.wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-triangle .triangle {
    fill: #000
}

.wdtab .wd__play__btn.wdtab__autoPlay:hover {
    opacity: 1
}

.wdtab.isFakeImg .wdtab__panel__item-image .img__main {
    margin: 0 auto;
    width: 956px;
    height: 538px
}

#CMD .wdtab.isFakeImg .wdtab__panel__item-image .img__main {
    background-image: url(https://fakeimg.pl/956x538/)
}

.wdtab {
    position: relative
}

.wdtab .wdtab__autoPlay {
    margin-left: 482px
}

.wdtab .wdtab__autoPlay .wd__play__btn-button {
    position: absolute;
    top: 20px;
    right: 0
}

.wdtab .wdtab__nav {
    position: relative
}

.wdtab .wdtab__nav::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 1px;
    transform: translateX(-50%);
    content: "";
    transition: width .4s ease
}

.wdtab .wdtab__nav-container {
    display: flex;
    position: relative;
    width: 100%
}

.wdtab .wdtab__nav-btn {
    position: relative;
    cursor: pointer;
    padding-top: 20px;
    padding-bottom: 18px;
    color: #666;
    border: none;
    background-color: transparent;
    flex: 1
}

.wdtab .wdtab__nav-btn.active::before,
.wdtab .wdtab__nav-btn.focus-visible::before,
.wdtab .wdtab__nav-btn:hover::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 4px;
    transform: translateX(-50%);
    content: ""
}

.wdtab .wdtab__nav-btn.active {
    cursor: initial
}

.wdtab .wdtab__nav-scrollouter {
    position: relative
}

.wdtab .wdtab__nav.isSticky {
    position: sticky;
    z-index: 19;
    top: -1px;
    padding-top: 1px
}

.wdtab .wdtab__nav.isSticky::before {
    width: 100vw !important
}

.wdtab .wdtab__panel__item {
    z-index: 1;
    opacity: 0;
    transition: opacity .5s ease .1s
}

.wdtab .wdtab__panel__item.active {
    display: block !important;
    z-index: 9 !important;
    opacity: 1;
    transition: opacity 1s ease-in-out 0s
}

.wdtab.scrollActive .wdtab__nav-scrollouter {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory
}

.wdtab.scrollActive .wdtab__nav-scrollouter::-webkit-scrollbar {
    display: none
}

.wdtab.scrollActive .wdtab__nav-container {
    display: block;
    text-align: center
}

.wdtab.scrollActive .wdtab__nav-btn {
    display: inline-block;
    scroll-snap-align: center
}

.wdtable table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    border-collapse: collapse;
    border-spacing: 0
}

.wdtable colgroup {
    display: table-column-group
}

.wdtable col {
    display: table-column
}

.wdtable tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit
}

.wdtable tbody tr {
    display: table-row;
    color: #181818;
    font-size: 20px;
    border-color: inherit;
    vertical-align: middle
}

.wdtable tbody td {
    display: table-cell;
    vertical-align: middle;
    color: #181818;
    font-size: 20px
}

.wdtable tbody th {
    display: table-cell;
    vertical-align: middle;
    text-align: -internal-center
}

.wdtable tbody th,
.wdtable tbody th span {
    font-weight: unset
}

.wdtable tbody .tr-8 td,
.wdtable tbody .tr-8 th {
    vertical-align: top
}

.wdtable tbody td,
.wdtable tbody th {
    border-bottom: 1px solid #c9c9c9
}

.wdtable tbody td.no-bottom-line,
.wdtable tbody th.no-bottom-line {
    border-bottom: 1px solid transparent
}

.wdtable tbody td .text__val,
.wdtable tbody th .text__val {
    display: block
}

.wdtable .qr_container {
    position: relative;
    margin-top: 52px
}

.wdtable .qr_container .img__qrcode {
    left: 50%;
    margin-left: -60px;
    width: 120px;
    height: 120px
}

#CMD .wdtable .img__qrcode {
    /* background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/features/images/large/1x/qrcode.png) */
}

.wdtable .qr-text {
    display: block;
    position: relative;
    margin-top: 16px;
    color: #181818;
    font-size: 20px;
    line-height: 1.5
}

.wdtable table .tr-0 td {
    font-size: 0 !important
}

.wdtable table .tr-1 td span {
    display: inline-block;
    padding: 0 17px 1px
}

.wdtable table .tr-1 .td-1 span {
    border-radius: 15px
}

.wdtable table .tr-1 .td-2 span {
    border-radius: 15px
}

.wdtable table .tr-1 .td-3 span {
    color: #fff;
    border: 1px solid #0080ff;
    border-radius: 15px;
    background-color: #0080ff
}

.wdtable table .tr-1 .td-4 span {
    color: #000;
    border: 1px solid #ffd633;
    border-radius: 15px;
    background-color: #ffd633
}

.wdtile__container {
    --tile-gap: 15px;
    --column-count: 3;
    display: grid;
    width: 100%;
    grid-gap: var(--tile-gap);
    gap: var(--tile-gap);
    grid-template-columns: repeat(var(--column-count), 1fr)
}

@media all and (min-width:1280px) {
    .wdtile__container[data-largecolum="1"] {
        --column-count: 1
    }

    .wdtile__container[data-largecolum="2"] {
        --column-count: 2
    }

    .wdtile__container[data-largecolum="3"] {
        --column-count: 3
    }

    .wdtile__container[data-largecolum="4"] {
        --column-count: 4
    }

    .wdtile__container[data-largecolum="5"] {
        --column-count: 5
    }

    .wdtile__container[data-largecolum="6"] {
        --column-count: 6
    }

    .wdtile__container[data-largecolum="7"] {
        --column-count: 7
    }

    .wdtile__container[data-largecolum="8"] {
        --column-count: 8
    }

    .wdtile__container[data-largecolum="9"] {
        --column-count: 9
    }

    .wdtile__container[data-largecolum="10"] {
        --column-count: 10
    }

    .wdtile__container[data-largecolum="11"] {
        --column-count: 11
    }

    .wdtile__container[data-largecolum="12"] {
        --column-count: 12
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wdtile__container[data-mediumcolum="1"] {
        --column-count: 1
    }

    .wdtile__container[data-mediumcolum="2"] {
        --column-count: 2
    }

    .wdtile__container[data-mediumcolum="3"] {
        --column-count: 3
    }

    .wdtile__container[data-mediumcolum="4"] {
        --column-count: 4
    }

    .wdtile__container[data-mediumcolum="5"] {
        --column-count: 5
    }

    .wdtile__container[data-mediumcolum="6"] {
        --column-count: 6
    }

    .wdtile__container[data-mediumcolum="7"] {
        --column-count: 7
    }

    .wdtile__container[data-mediumcolum="8"] {
        --column-count: 8
    }

    .wdtile__container[data-mediumcolum="9"] {
        --column-count: 9
    }

    .wdtile__container[data-mediumcolum="10"] {
        --column-count: 10
    }

    .wdtile__container[data-mediumcolum="11"] {
        --column-count: 11
    }

    .wdtile__container[data-mediumcolum="12"] {
        --column-count: 12
    }
}

@media all and (max-width:730.5px) {
    .wdtile__container[data-smallcolum="1"] {
        --column-count: 1
    }

    .wdtile__container[data-smallcolum="2"] {
        --column-count: 2
    }

    .wdtile__container[data-smallcolum="3"] {
        --column-count: 3
    }

    .wdtile__container[data-smallcolum="4"] {
        --column-count: 4
    }

    .wdtile__container[data-smallcolum="5"] {
        --column-count: 5
    }

    .wdtile__container[data-smallcolum="6"] {
        --column-count: 6
    }

    .wdtile__container[data-smallcolum="7"] {
        --column-count: 7
    }

    .wdtile__container[data-smallcolum="8"] {
        --column-count: 8
    }

    .wdtile__container[data-smallcolum="9"] {
        --column-count: 9
    }

    .wdtile__container[data-smallcolum="10"] {
        --column-count: 10
    }

    .wdtile__container[data-smallcolum="11"] {
        --column-count: 11
    }

    .wdtile__container[data-smallcolum="12"] {
        --column-count: 12
    }
}

@media all and (min-width:1280px) {
    .wdtile__container {
        --tile-gap: 24px
    }
}

@media all and (min-width:1280px) {
    .wdtile__container[data-largegap="10"] {
        --tile-gap: 10px
    }

    .wdtile__container[data-largegap="11"] {
        --tile-gap: 11px
    }

    .wdtile__container[data-largegap="12"] {
        --tile-gap: 12px
    }

    .wdtile__container[data-largegap="13"] {
        --tile-gap: 13px
    }

    .wdtile__container[data-largegap="14"] {
        --tile-gap: 14px
    }

    .wdtile__container[data-largegap="15"] {
        --tile-gap: 15px
    }

    .wdtile__container[data-largegap="16"] {
        --tile-gap: 16px
    }

    .wdtile__container[data-largegap="17"] {
        --tile-gap: 17px
    }

    .wdtile__container[data-largegap="18"] {
        --tile-gap: 18px
    }

    .wdtile__container[data-largegap="19"] {
        --tile-gap: 19px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wdtile__container {
        --tile-gap: 24px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wdtile__container[data-mediumgap="5"] {
        --tile-gap: 5px
    }

    .wdtile__container[data-mediumgap="6"] {
        --tile-gap: 6px
    }

    .wdtile__container[data-mediumgap="7"] {
        --tile-gap: 7px
    }

    .wdtile__container[data-mediumgap="8"] {
        --tile-gap: 8px
    }

    .wdtile__container[data-mediumgap="9"] {
        --tile-gap: 9px
    }

    .wdtile__container[data-mediumgap="10"] {
        --tile-gap: 10px
    }

    .wdtile__container[data-mediumgap="11"] {
        --tile-gap: 11px
    }

    .wdtile__container[data-mediumgap="12"] {
        --tile-gap: 12px
    }

    .wdtile__container[data-mediumgap="13"] {
        --tile-gap: 13px
    }

    .wdtile__container[data-mediumgap="14"] {
        --tile-gap: 14px
    }

    .wdtile__container[data-mediumgap="15"] {
        --tile-gap: 15px
    }

    .wdtile__container[data-mediumgap="16"] {
        --tile-gap: 16px
    }

    .wdtile__container[data-mediumgap="17"] {
        --tile-gap: 17px
    }

    .wdtile__container[data-mediumgap="18"] {
        --tile-gap: 18px
    }

    .wdtile__container[data-mediumgap="19"] {
        --tile-gap: 19px
    }
}

@media all and (max-width:730.5px) {
    .wdtile__container {
        --tile-gap: 24px
    }
}

@media all and (max-width:730.5px) {
    .wdtile__container[data-smallgap="1"] {
        --tile-gap: 1px
    }

    .wdtile__container[data-smallgap="2"] {
        --tile-gap: 2px
    }

    .wdtile__container[data-smallgap="3"] {
        --tile-gap: 3px
    }

    .wdtile__container[data-smallgap="4"] {
        --tile-gap: 4px
    }

    .wdtile__container[data-smallgap="5"] {
        --tile-gap: 5px
    }

    .wdtile__container[data-smallgap="6"] {
        --tile-gap: 6px
    }

    .wdtile__container[data-smallgap="7"] {
        --tile-gap: 7px
    }

    .wdtile__container[data-smallgap="8"] {
        --tile-gap: 8px
    }

    .wdtile__container[data-smallgap="9"] {
        --tile-gap: 9px
    }

    .wdtile__container[data-smallgap="10"] {
        --tile-gap: 10px
    }

    .wdtile__container[data-smallgap="11"] {
        --tile-gap: 11px
    }

    .wdtile__container[data-smallgap="12"] {
        --tile-gap: 12px
    }

    .wdtile__container[data-smallgap="13"] {
        --tile-gap: 13px
    }

    .wdtile__container[data-smallgap="14"] {
        --tile-gap: 14px
    }
}

.wdtile__item {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    min-height: 200px
}

.wdtile .item__leftdesc {
    z-index: 10
}

.wdtile .wdtile__item-0 {
    order: 1
}

.wdtile .wdtile__item-1 {
    order: 2
}

.wdtile .wdtile__item-2 {
    order: 3
}

.wdtile .wdtile__item-3 {
    order: 4
}

.wdtile .wdtile__item-4 {
    order: 5
}

.wdtile .wdtile__item-5 {
    order: 6
}

.wdtile .wdtile__item-6 {
    order: 7
}

.wdtile .wdtile__item-7 {
    order: 8
}

.wdtile .wdtile__item-8 {
    order: 9
}

.wdtile .wdtile__item-9 {
    order: 10
}

.wdtile .wdtile__item-10 {
    order: 11
}

.wdtile .wdtile__item-11 {
    order: 12
}

.wdtile .wdtile__item-12 {
    order: 13
}

.wdtile .wdtile__item-13 {
    order: 14
}

.wdtile .wdtile__item-14 {
    order: 15
}

.wdtile .wdtile__item-15 {
    order: 16
}

.wdtile .wdtile__item-16 {
    order: 17
}

.wdtile .wdtile__item-17 {
    order: 18
}

.wdtile .wdtile__item-18 {
    order: 19
}

.wdtile .wdtile__item-19 {
    order: 20
}

.wdtile .wdtile__item-20 {
    order: 21
}

.wdtile .wdtile__item-21 {
    order: 22
}

.wdtile .wdtile__item-22 {
    order: 23
}

.wdtile .wdtile__item-23 {
    order: 24
}

.wdtile .wdtile__item-24 {
    order: 25
}

.wdtile .wdtile__item-25 {
    order: 26
}

.wdtile .wdtile__item-26 {
    order: 27
}

.wdtile .wdtile__item-27 {
    order: 28
}

.wdtile .wdtile__item-28 {
    order: 29
}

.wdtile .wdtile__item-29 {
    order: 30
}

.wdtile .wdtile__item-30 {
    order: 31
}

.wdtile .wdtile__item-31 {
    order: 32
}

.wdtile .wdtile__item-32 {
    order: 33
}

.wdtile .wdtile__item-33 {
    order: 34
}

.wdtile .wdtile__item-34 {
    order: 35
}

.wdtile .wdtile__item-35 {
    order: 36
}

.wdtile .wdtile__item-36 {
    order: 37
}

.wdtile .wdtile__item-37 {
    order: 38
}

.wdtile .wdtile__item-38 {
    order: 39
}

.wdtile .wdtile__item-39 {
    order: 40
}

.wdtile .wdtile__item-40 {
    order: 41
}

.wdtile .wdtile__item-41 {
    order: 42
}

.wdtile .wdtile__item-42 {
    order: 43
}

.wdtile .wdtile__item-43 {
    order: 44
}

.wdtile .wdtile__item-44 {
    order: 45
}

.wdtile .wdtile__item-45 {
    order: 46
}

.wdtile .wdtile__item-46 {
    order: 47
}

.wdtile .wdtile__item-47 {
    order: 48
}

.wdtile .wdtile__item-48 {
    order: 49
}

.wdtile .wdtile__item-49 {
    order: 50
}

.wdtile .wdtile__item-50 {
    order: 51
}

.wdtile .wdtile__item-51 {
    order: 52
}

.wdtile .wdtile__item-52 {
    order: 53
}

.wdtile .wdtile__item-53 {
    order: 54
}

.wdtile .wdtile__item-54 {
    order: 55
}

.wdtile .wdtile__item-55 {
    order: 56
}

.wdtile .wdtile__item-56 {
    order: 57
}

.wdtile .wdtile__item-57 {
    order: 58
}

.wdtile .wdtile__item-58 {
    order: 59
}

.wdtile .wdtile__item-59 {
    order: 60
}

.wdtile .wdtile__item-60 {
    order: 61
}

.wdtile .wdtile__item-61 {
    order: 62
}

.wdtile .wdtile__item-62 {
    order: 63
}

.wdtile .wdtile__item-63 {
    order: 64
}

.wdtile .wdtile__item-64 {
    order: 65
}

.wdtile .wdtile__item-65 {
    order: 66
}

.wdtile .wdtile__item-66 {
    order: 67
}

.wdtile .wdtile__item-67 {
    order: 68
}

.wdtile .wdtile__item-68 {
    order: 69
}

.wdtile .wdtile__item-69 {
    order: 70
}

.wdtile .wdtile__item-70 {
    order: 71
}

.wdtile .wdtile__item-71 {
    order: 72
}

.wdtile .wdtile__item-72 {
    order: 73
}

.wdtile .wdtile__item-73 {
    order: 74
}

.wdtile .wdtile__item-74 {
    order: 75
}

.wdtile .wdtile__item-75 {
    order: 76
}

.wdtile .wdtile__item-76 {
    order: 77
}

.wdtile .wdtile__item-77 {
    order: 78
}

.wdtile .wdtile__item-78 {
    order: 79
}

.wdtile .wdtile__item-79 {
    order: 80
}

.wdtile .wdtile__item-80 {
    order: 81
}

.wdtile .wdtile__item-81 {
    order: 82
}

.wdtile .wdtile__item-82 {
    order: 83
}

.wdtile .wdtile__item-83 {
    order: 84
}

.wdtile .wdtile__item-84 {
    order: 85
}

.wdtile .wdtile__item-85 {
    order: 86
}

.wdtile .wdtile__item-86 {
    order: 87
}

.wdtile .wdtile__item-87 {
    order: 88
}

.wdtile .wdtile__item-88 {
    order: 89
}

.wdtile .wdtile__item-89 {
    order: 90
}

.wdtile .wdtile__item-90 {
    order: 91
}

.wdtile .wdtile__item-91 {
    order: 92
}

.wdtile .wdtile__item-92 {
    order: 93
}

.wdtile .wdtile__item-93 {
    order: 94
}

.wdtile .wdtile__item-94 {
    order: 95
}

.wdtile .wdtile__item-95 {
    order: 96
}

.wdtile .wdtile__item-96 {
    order: 97
}

.wdtile .wdtile__item-97 {
    order: 98
}

.wdtile .wdtile__item-98 {
    order: 99
}

.wdtile .wdtile__item-99 {
    order: 100
}

.wdtile.devTest .wdtile__item::before {
    display: block;
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
    color: #fc0;
    font-size: 25em;
    line-height: .6em
}

.wdtile.devTest .wdtile__item-0::before {
    content: "0"
}

.wdtile.devTest .wdtile__item-1::before {
    content: "1"
}

.wdtile.devTest .wdtile__item-2::before {
    content: "2"
}

.wdtile.devTest .wdtile__item-3::before {
    content: "3"
}

.wdtile.devTest .wdtile__item-4::before {
    content: "4"
}

.wdtile.devTest .wdtile__item-5::before {
    content: "5"
}

.wdtile.devTest .wdtile__item-6::before {
    content: "6"
}

.wdtile.devTest .wdtile__item-7::before {
    content: "7"
}

.wdtile.devTest .wdtile__item-8::before {
    content: "8"
}

.wdtile.devTest .wdtile__item-9::before {
    content: "9"
}

.wdtile.devTest .wdtile__item-10::before {
    content: "10"
}

.wdtile.devTest .wdtile__item-11::before {
    content: "11"
}

.wdtile.devTest .wdtile__item-12::before {
    content: "12"
}

.wdtile.devTest .wdtile__item-13::before {
    content: "13"
}

.wdtile.devTest .wdtile__item-14::before {
    content: "14"
}

.wdtile.devTest .wdtile__item-15::before {
    content: "15"
}

.wdtile.devTest .wdtile__item-16::before {
    content: "16"
}

.wdtile.devTest .wdtile__item-17::before {
    content: "17"
}

.wdtile.devTest .wdtile__item-18::before {
    content: "18"
}

.wdtile.devTest .wdtile__item-19::before {
    content: "19"
}

.wdtile.devTest .wdtile__item-20::before {
    content: "20"
}

.wdtile.devTest .wdtile__item-21::before {
    content: "21"
}

.wdtile.devTest .wdtile__item-22::before {
    content: "22"
}

.wdtile.devTest .wdtile__item-23::before {
    content: "23"
}

.wdtile.devTest .wdtile__item-24::before {
    content: "24"
}

.wdtile.devTest .wdtile__item-25::before {
    content: "25"
}

.wdtile.devTest .wdtile__item-26::before {
    content: "26"
}

.wdtile.devTest .wdtile__item-27::before {
    content: "27"
}

.wdtile.devTest .wdtile__item-28::before {
    content: "28"
}

.wdtile.devTest .wdtile__item-29::before {
    content: "29"
}

.wdtile.devTest .wdtile__item-30::before {
    content: "30"
}

.wdtile.devTest .wdtile__item-31::before {
    content: "31"
}

.wdtile.devTest .wdtile__item-32::before {
    content: "32"
}

.wdtile.devTest .wdtile__item-33::before {
    content: "33"
}

.wdtile.devTest .wdtile__item-34::before {
    content: "34"
}

.wdtile.devTest .wdtile__item-35::before {
    content: "35"
}

.wdtile.devTest .wdtile__item-36::before {
    content: "36"
}

.wdtile.devTest .wdtile__item-37::before {
    content: "37"
}

.wdtile.devTest .wdtile__item-38::before {
    content: "38"
}

.wdtile.devTest .wdtile__item-39::before {
    content: "39"
}

.wdtile.devTest .wdtile__item-40::before {
    content: "40"
}

.wdtile.devTest .wdtile__item-41::before {
    content: "41"
}

.wdtile.devTest .wdtile__item-42::before {
    content: "42"
}

.wdtile.devTest .wdtile__item-43::before {
    content: "43"
}

.wdtile.devTest .wdtile__item-44::before {
    content: "44"
}

.wdtile.devTest .wdtile__item-45::before {
    content: "45"
}

.wdtile.devTest .wdtile__item-46::before {
    content: "46"
}

.wdtile.devTest .wdtile__item-47::before {
    content: "47"
}

.wdtile.devTest .wdtile__item-48::before {
    content: "48"
}

.wdtile.devTest .wdtile__item-49::before {
    content: "49"
}

@media all and (min-width:1280px) {
    .wdtile .large-order-0 {
        order: 0
    }

    .wdtile .large-order-1 {
        order: 1
    }

    .wdtile .large-order-2 {
        order: 2
    }

    .wdtile .large-order-3 {
        order: 3
    }

    .wdtile .large-order-4 {
        order: 4
    }

    .wdtile .large-order-5 {
        order: 5
    }

    .wdtile .large-order-6 {
        order: 6
    }

    .wdtile .large-order-7 {
        order: 7
    }

    .wdtile .large-order-8 {
        order: 8
    }

    .wdtile .large-order-9 {
        order: 9
    }

    .wdtile .large-order-10 {
        order: 10
    }

    .wdtile .large-order-11 {
        order: 11
    }

    .wdtile .large-order-12 {
        order: 12
    }

    .wdtile .large-order-13 {
        order: 13
    }

    .wdtile .large-order-14 {
        order: 14
    }

    .wdtile .large-order-15 {
        order: 15
    }

    .wdtile .large-order-16 {
        order: 16
    }

    .wdtile .large-order-17 {
        order: 17
    }

    .wdtile .large-order-18 {
        order: 18
    }

    .wdtile .large-order-19 {
        order: 19
    }

    .wdtile .large-order-20 {
        order: 20
    }

    .wdtile .large-order-21 {
        order: 21
    }

    .wdtile .large-order-22 {
        order: 22
    }

    .wdtile .large-order-23 {
        order: 23
    }

    .wdtile .large-order-24 {
        order: 24
    }

    .wdtile .large-order-25 {
        order: 25
    }

    .wdtile .large-order-26 {
        order: 26
    }

    .wdtile .large-order-27 {
        order: 27
    }

    .wdtile .large-order-28 {
        order: 28
    }

    .wdtile .large-order-29 {
        order: 29
    }

    .wdtile .large-order-30 {
        order: 30
    }

    .wdtile .large-order-31 {
        order: 31
    }

    .wdtile .large-order-32 {
        order: 32
    }

    .wdtile .large-order-33 {
        order: 33
    }

    .wdtile .large-order-34 {
        order: 34
    }

    .wdtile .large-order-35 {
        order: 35
    }

    .wdtile .large-order-36 {
        order: 36
    }

    .wdtile .large-order-37 {
        order: 37
    }

    .wdtile .large-order-38 {
        order: 38
    }

    .wdtile .large-order-39 {
        order: 39
    }

    .wdtile .large-order-40 {
        order: 40
    }

    .wdtile .large-order-41 {
        order: 41
    }

    .wdtile .large-order-42 {
        order: 42
    }

    .wdtile .large-order-43 {
        order: 43
    }

    .wdtile .large-order-44 {
        order: 44
    }

    .wdtile .large-order-45 {
        order: 45
    }

    .wdtile .large-order-46 {
        order: 46
    }

    .wdtile .large-order-47 {
        order: 47
    }

    .wdtile .large-order-48 {
        order: 48
    }

    .wdtile .large-order-49 {
        order: 49
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wdtile .medium-order-0 {
        order: 0
    }

    .wdtile .medium-order-1 {
        order: 1
    }

    .wdtile .medium-order-2 {
        order: 2
    }

    .wdtile .medium-order-3 {
        order: 3
    }

    .wdtile .medium-order-4 {
        order: 4
    }

    .wdtile .medium-order-5 {
        order: 5
    }

    .wdtile .medium-order-6 {
        order: 6
    }

    .wdtile .medium-order-7 {
        order: 7
    }

    .wdtile .medium-order-8 {
        order: 8
    }

    .wdtile .medium-order-9 {
        order: 9
    }

    .wdtile .medium-order-10 {
        order: 10
    }

    .wdtile .medium-order-11 {
        order: 11
    }

    .wdtile .medium-order-12 {
        order: 12
    }

    .wdtile .medium-order-13 {
        order: 13
    }

    .wdtile .medium-order-14 {
        order: 14
    }

    .wdtile .medium-order-15 {
        order: 15
    }

    .wdtile .medium-order-16 {
        order: 16
    }

    .wdtile .medium-order-17 {
        order: 17
    }

    .wdtile .medium-order-18 {
        order: 18
    }

    .wdtile .medium-order-19 {
        order: 19
    }

    .wdtile .medium-order-20 {
        order: 20
    }

    .wdtile .medium-order-21 {
        order: 21
    }

    .wdtile .medium-order-22 {
        order: 22
    }

    .wdtile .medium-order-23 {
        order: 23
    }

    .wdtile .medium-order-24 {
        order: 24
    }

    .wdtile .medium-order-25 {
        order: 25
    }

    .wdtile .medium-order-26 {
        order: 26
    }

    .wdtile .medium-order-27 {
        order: 27
    }

    .wdtile .medium-order-28 {
        order: 28
    }

    .wdtile .medium-order-29 {
        order: 29
    }

    .wdtile .medium-order-30 {
        order: 30
    }

    .wdtile .medium-order-31 {
        order: 31
    }

    .wdtile .medium-order-32 {
        order: 32
    }

    .wdtile .medium-order-33 {
        order: 33
    }

    .wdtile .medium-order-34 {
        order: 34
    }

    .wdtile .medium-order-35 {
        order: 35
    }

    .wdtile .medium-order-36 {
        order: 36
    }

    .wdtile .medium-order-37 {
        order: 37
    }

    .wdtile .medium-order-38 {
        order: 38
    }

    .wdtile .medium-order-39 {
        order: 39
    }

    .wdtile .medium-order-40 {
        order: 40
    }

    .wdtile .medium-order-41 {
        order: 41
    }

    .wdtile .medium-order-42 {
        order: 42
    }

    .wdtile .medium-order-43 {
        order: 43
    }

    .wdtile .medium-order-44 {
        order: 44
    }

    .wdtile .medium-order-45 {
        order: 45
    }

    .wdtile .medium-order-46 {
        order: 46
    }

    .wdtile .medium-order-47 {
        order: 47
    }

    .wdtile .medium-order-48 {
        order: 48
    }

    .wdtile .medium-order-49 {
        order: 49
    }
}

@media all and (max-width:730.5px) {
    .wdtile .small-order-0 {
        order: 0
    }

    .wdtile .small-order-1 {
        order: 1
    }

    .wdtile .small-order-2 {
        order: 2
    }

    .wdtile .small-order-3 {
        order: 3
    }

    .wdtile .small-order-4 {
        order: 4
    }

    .wdtile .small-order-5 {
        order: 5
    }

    .wdtile .small-order-6 {
        order: 6
    }

    .wdtile .small-order-7 {
        order: 7
    }

    .wdtile .small-order-8 {
        order: 8
    }

    .wdtile .small-order-9 {
        order: 9
    }

    .wdtile .small-order-10 {
        order: 10
    }

    .wdtile .small-order-11 {
        order: 11
    }

    .wdtile .small-order-12 {
        order: 12
    }

    .wdtile .small-order-13 {
        order: 13
    }

    .wdtile .small-order-14 {
        order: 14
    }

    .wdtile .small-order-15 {
        order: 15
    }

    .wdtile .small-order-16 {
        order: 16
    }

    .wdtile .small-order-17 {
        order: 17
    }

    .wdtile .small-order-18 {
        order: 18
    }

    .wdtile .small-order-19 {
        order: 19
    }

    .wdtile .small-order-20 {
        order: 20
    }

    .wdtile .small-order-21 {
        order: 21
    }

    .wdtile .small-order-22 {
        order: 22
    }

    .wdtile .small-order-23 {
        order: 23
    }

    .wdtile .small-order-24 {
        order: 24
    }

    .wdtile .small-order-25 {
        order: 25
    }

    .wdtile .small-order-26 {
        order: 26
    }

    .wdtile .small-order-27 {
        order: 27
    }

    .wdtile .small-order-28 {
        order: 28
    }

    .wdtile .small-order-29 {
        order: 29
    }

    .wdtile .small-order-30 {
        order: 30
    }

    .wdtile .small-order-31 {
        order: 31
    }

    .wdtile .small-order-32 {
        order: 32
    }

    .wdtile .small-order-33 {
        order: 33
    }

    .wdtile .small-order-34 {
        order: 34
    }

    .wdtile .small-order-35 {
        order: 35
    }

    .wdtile .small-order-36 {
        order: 36
    }

    .wdtile .small-order-37 {
        order: 37
    }

    .wdtile .small-order-38 {
        order: 38
    }

    .wdtile .small-order-39 {
        order: 39
    }

    .wdtile .small-order-40 {
        order: 40
    }

    .wdtile .small-order-41 {
        order: 41
    }

    .wdtile .small-order-42 {
        order: 42
    }

    .wdtile .small-order-43 {
        order: 43
    }

    .wdtile .small-order-44 {
        order: 44
    }

    .wdtile .small-order-45 {
        order: 45
    }

    .wdtile .small-order-46 {
        order: 46
    }

    .wdtile .small-order-47 {
        order: 47
    }

    .wdtile .small-order-48 {
        order: 48
    }

    .wdtile .small-order-49 {
        order: 49
    }
}

@media all and (min-width:1280px) {
    .wdtile .large-grid-row-0 {
        grid-row-end: span 0
    }

    .wdtile .large-grid-row-1 {
        grid-row-end: span 1
    }

    .wdtile .large-grid-row-2 {
        grid-row-end: span 2
    }

    .wdtile .large-grid-row-3 {
        grid-row-end: span 3
    }

    .wdtile .large-grid-row-4 {
        grid-row-end: span 4
    }

    .wdtile .large-grid-row-5 {
        grid-row-end: span 5
    }

    .wdtile .large-grid-row-6 {
        grid-row-end: span 6
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wdtile .medium-grid-row-0 {
        grid-row-end: span 0
    }

    .wdtile .medium-grid-row-1 {
        grid-row-end: span 1
    }

    .wdtile .medium-grid-row-2 {
        grid-row-end: span 2
    }

    .wdtile .medium-grid-row-3 {
        grid-row-end: span 3
    }

    .wdtile .medium-grid-row-4 {
        grid-row-end: span 4
    }

    .wdtile .medium-grid-row-5 {
        grid-row-end: span 5
    }

    .wdtile .medium-grid-row-6 {
        grid-row-end: span 6
    }
}

@media all and (max-width:730.5px) {
    .wdtile .small-grid-row-0 {
        grid-row-end: span 0
    }

    .wdtile .small-grid-row-1 {
        grid-row-end: span 1
    }

    .wdtile .small-grid-row-2 {
        grid-row-end: span 2
    }

    .wdtile .small-grid-row-3 {
        grid-row-end: span 3
    }

    .wdtile .small-grid-row-4 {
        grid-row-end: span 4
    }

    .wdtile .small-grid-row-5 {
        grid-row-end: span 5
    }

    .wdtile .small-grid-row-6 {
        grid-row-end: span 6
    }
}

@media all and (min-width:1280px) {
    .wdtile .large-grid-col-0 {
        grid-column-end: span 0
    }

    .wdtile .large-grid-col-1 {
        grid-column-end: span 1
    }

    .wdtile .large-grid-col-2 {
        grid-column-end: span 2
    }

    .wdtile .large-grid-col-3 {
        grid-column-end: span 3
    }

    .wdtile .large-grid-col-4 {
        grid-column-end: span 4
    }

    .wdtile .large-grid-col-5 {
        grid-column-end: span 5
    }

    .wdtile .large-grid-col-6 {
        grid-column-end: span 6
    }

    .wdtile .large-grid-col-7 {
        grid-column-end: span 7
    }

    .wdtile .large-grid-col-8 {
        grid-column-end: span 8
    }

    .wdtile .large-grid-col-9 {
        grid-column-end: span 9
    }

    .wdtile .large-grid-col-10 {
        grid-column-end: span 10
    }

    .wdtile .large-grid-col-11 {
        grid-column-end: span 11
    }

    .wdtile .large-grid-col-12 {
        grid-column-end: span 12
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wdtile .medium-grid-col-0 {
        grid-column-end: span 0
    }

    .wdtile .medium-grid-col-1 {
        grid-column-end: span 1
    }

    .wdtile .medium-grid-col-2 {
        grid-column-end: span 2
    }

    .wdtile .medium-grid-col-3 {
        grid-column-end: span 3
    }

    .wdtile .medium-grid-col-4 {
        grid-column-end: span 4
    }

    .wdtile .medium-grid-col-5 {
        grid-column-end: span 5
    }

    .wdtile .medium-grid-col-6 {
        grid-column-end: span 6
    }

    .wdtile .medium-grid-col-7 {
        grid-column-end: span 7
    }

    .wdtile .medium-grid-col-8 {
        grid-column-end: span 8
    }

    .wdtile .medium-grid-col-9 {
        grid-column-end: span 9
    }

    .wdtile .medium-grid-col-10 {
        grid-column-end: span 10
    }

    .wdtile .medium-grid-col-11 {
        grid-column-end: span 11
    }

    .wdtile .medium-grid-col-12 {
        grid-column-end: span 12
    }
}

@media all and (max-width:730.5px) {
    .wdtile .small-grid-col-0 {
        grid-column-end: span 0
    }

    .wdtile .small-grid-col-1 {
        grid-column-end: span 1
    }

    .wdtile .small-grid-col-2 {
        grid-column-end: span 2
    }

    .wdtile .small-grid-col-3 {
        grid-column-end: span 3
    }

    .wdtile .small-grid-col-4 {
        grid-column-end: span 4
    }

    .wdtile .small-grid-col-5 {
        grid-column-end: span 5
    }

    .wdtile .small-grid-col-6 {
        grid-column-end: span 6
    }

    .wdtile .small-grid-col-7 {
        grid-column-end: span 7
    }

    .wdtile .small-grid-col-8 {
        grid-column-end: span 8
    }

    .wdtile .small-grid-col-9 {
        grid-column-end: span 9
    }

    .wdtile .small-grid-col-10 {
        grid-column-end: span 10
    }

    .wdtile .small-grid-col-11 {
        grid-column-end: span 11
    }

    .wdtile .small-grid-col-12 {
        grid-column-end: span 12
    }
}

.wdblockimg {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1144px
}

.wdblockimg .wdblockimg__container {
    display: grid;
    position: relative;
    grid-gap: 24px;
    gap: 24px
}

.wdblockimg .wdblockimg__container .block {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background-color: transparent
}

.wdblockimg .wdblockimg__container .block .block-content {
    position: relative;
    z-index: 1;
    padding: 40px 50px
}

.wdblockimg .wdblockimg__container .block .block-content .wd__content .content__info {
    margin-top: 5px
}

.wdblockimg .wdblockimg__container .block .block-img {
    position: relative;
    z-index: 0;
    width: 100%
}

.wdblockimg .wdblockimg__container .block .block-img .img__bg {
    position: relative
}

.wdblockimg .wdblockimg__container .block .modal-button-container {
    margin-top: 32px
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wdblockimg .wdblockimg__container .block .modal-button-container {
        margin-top: 24px
    }
}

@media all and (max-width:730.5px) {
    .wdblockimg .wdblockimg__container .block .modal-button-container {
        margin-top: 24px
    }
}

.wdblockimg .wdblockimg__container .block .modal-button-container .modal-button {
    margin-top: 0
}

.wdblockimg .wdblockimg__container {
    display: grid;
    grid-template-columns: repeat(6, 1fr)
}
/*@media all and (min-width:730.5px) {
    .wdblockimg .wdblockimg__container {
    display: block;
}
}*/

.wdblockimg .wdblockimg__container .block.column-span-2 {
    grid-column-end: span 2
}

.wdblockimg .wdblockimg__container .block.column-span-3 {
    grid-column-end: span 3
}

.wdblockimg .wdblockimg__container .block.column-span-6 {
    grid-column-end: span 6
}

.wdblockimg .block.theme-black {
    background-color: #000
}

.wdblockimg .block.theme-black .block-content .content__title {
    background-image: linear-gradient(to right, #fff, #fff 80%, #fff 100%)
}

.wdblockimg .block.theme-black .block-content .content__info,
.wdblockimg .block.theme-black .block-content .content__info * {
    color: #fff
}

.wdblockimg .block.theme-black .modal-button-container .modal-button .modal-inner-text,
.wdblockimg .block.theme-black .modal-button-container .modal-button .modal-inner-text * {
    color: #fff
}

.wdblockimg .block.theme-white {
    background-color: #fff
}

.wdblockimg .block.theme-white .block-content .content__title {
    background-image: linear-gradient(to right, #424242, #424242 80%, #424242 100%)
}

.wdblockimg .block.theme-white .block-content .content__info,
.wdblockimg .block.theme-white .block-content .content__info * {
    color: #424242
}

.wdblockimg .block.theme-white .modal-button-container .modal-button .modal-inner-text,
.wdblockimg .block.theme-white .modal-button-container .modal-button .modal-inner-text * {
    color: #000
}

.wdblockimg .block.imageTop .block-img {
    top: 0
}

.section__wdvideos {
    position: relative;
    font-size: 0
}

.section__wdvideos .wdVideos {
    position: relative
}

.section__wdvideos .item-productvideo .detect-point-out {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px
}

.section__wdvideos .item-productvideo .detect-point-enter {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 1px
}

.section__wdvideos .item-productvideo .video__group {
    position: relative
}

.section__wdvideos .item-productvideo .btn__youtube {
    display: inline-block;
    position: absolute;
    cursor: pointer;
    left: 50%;
    padding: 16px 50px 16px 20px;
    border-radius: 28px;
    background-color: #161616;
    transform: translateX(-50%);
    min-width: 124px;
    line-height: 1.2
}

.section__wdvideos .item-productvideo .btn__youtube span {
    color: #fff;
    font-size: 20px;
    line-height: 1.2
}

.section__wdvideos .item-productvideo .btn__youtube::after {
    position: absolute;
    top: calc(50% - 11.5px);
    right: 20px;
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    background-image: url(../images/image/play.svg)
}

.section__wdvideos * {
    box-sizing: border-box
}

.section__wdvideos .sales__item {
    position: relative
}

.section__wdvideos .sales__item_preview {
    position: relative;
    width: 100%;
    height: 100%
}

.section__wdvideos .sales__containter {
    display: flex;
    margin: 0 auto;
    width: 1156px;
    flex-wrap: wrap
}

.section__wdvideos .sales__containter .slick_page {
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

.section__wdvideos .sales__containter.desktop.type_1 .sales__item {
    padding: 0;
    width: 100%
}

.section__wdvideos .sales__containter.desktop.type_2 .sales__item,
.section__wdvideos .sales__containter.desktop.type_4 .sales__item {
    width: 50%
}

.section__wdvideos .sales__containter.desktop.type_3 .sales__item,
.section__wdvideos .sales__containter.desktop.type_6 .sales__item {
    width: 33.33%
}

.section__wdvideos .sales__containter.desktop.type_5 .sales__item {
    width: 33.33%
}

.section__wdvideos .sales__containter.desktop.type_5 .sales__item_1,
.section__wdvideos .sales__containter.desktop.type_5 .sales__item_2 {
    width: 50%
}

.section__wdvideos .sales__containter.tablet .sales__item {
    width: 100%
}

.section__wdvideos .sales__containter.tablet.type_1 .sales__item {
    flex: unset;
    width: 100%
}

.section__wdvideos .sales__containter.tablet.type_2 .sales__item,
.section__wdvideos .sales__containter.tablet.type_3 .sales__item,
.section__wdvideos .sales__containter.tablet.type_4 .sales__item,
.section__wdvideos .sales__containter.tablet.type_5 .sales__item,
.section__wdvideos .sales__containter.tablet.type_6 .sales__item {
    width: 50%
}

.section__wdvideos .sales_button {
    position: relative;
    cursor: pointer;
    margin: 0 auto;
    padding: 20px 30px;
    text-align: center;
    outline: 0;
    border-color: transparent;
    background-color: transparent;
    box-shadow: none
}

.section__wdvideos .sales_button span {
    position: relative;
    color: #fff;
    font-size: 17px
}

.section__wdvideos .sales_button span::before {
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 1.5px;
    background: #fff;
    transition: width .3s;
    content: ""
}

.section__wdvideos .sales_button:hover span {
    color: #fff
}

.section__wdvideos .sales_button:hover span::before {
    width: 100%
}

.section__wdvideos .sales_button:hover .seeall_arrow-svg {
    stroke: #fff
}

.section__wdvideos .sales_button>.seeall_arrow {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: 1.5px;
    margin-left: 4px;
    width: 10px;
    height: 10px;
    transform: translateY(-50%) rotate(90deg)
}

.section__wdvideos .sales_button>.seeall_arrow .seeall_arrow-svg {
    position: absolute;
    left: 0;
    width: 10px;
    height: 10px;
    stroke: #fff;
    stroke-width: 3px
}

.section__wdvideos .video_btn {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.section__wdvideos .youtube_btn {
    position: absolute;
    z-index: 9;
    cursor: pointer;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    border-width: 0;
    background-image: url(../images/image/play.svg);
    background-repeat: no-repeat
}

.section__wdvideos .video_info {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 1;
    padding: 13px 20px;
    width: 100%;
    color: #fff;
    font-size: .9375rem;
    background-color: rgba(0, 0, 0, .6);
    transition: opacity .7s cubic-bezier(.4, 0, .2, 1);
    line-height: 1.5;
    min-height: auto
}

.section__wdvideos .video_info span {
    display: -webkit-box;
    overflow: hidden;
    margin: 0 20px;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media all and (min-width:1280px) {
    .section__wdvideos .wdVideos.active {
        margin-right: auto;
        margin-left: auto;
        padding-top: 128px;
        max-width: 2560px
    }

    .section__wdvideos .wdVideos.active .sales__containter {
        padding-bottom: 0 !important
    }

    .section__wdvideos .wdVideos.active .item-productvideo {
        padding-bottom: 0
    }

    .section__wdvideos .wdVideos.active .item-productvideo+.item-salesvideo {
        padding-top: 82px
    }

    .section__wdvideos .wdVideos.active .item-salesvideo {
        margin-bottom: -15px;
        padding-bottom: 0
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__wdvideos .wdVideos.active {
        padding-top: 109px
    }

    .section__wdvideos .wdVideos.active .sales__containter {
        margin-bottom: 0
    }

    .section__wdvideos .wdVideos.active .item-productvideo {
        padding-bottom: 0
    }

    .section__wdvideos .wdVideos.active .item-productvideo+.item-salesvideo {
        padding-top: 66px
    }

    .section__wdvideos .wdVideos.active .item-salesvideo {
        margin-bottom: 0;
        padding-bottom: 0
    }
}

@media all and (max-width:730.5px) {
    .section__wdvideos .wdVideos.active {
        padding-top: 58px
    }

    .section__wdvideos .wdVideos.active .sales__containter {
        margin-bottom: 0
    }

    .section__wdvideos .wdVideos.active .item-productvideo {
        padding-bottom: 0
    }

    .section__wdvideos .wdVideos.active .item-productvideo+.item-salesvideo {
        padding-top: 60px
    }

    .section__wdvideos .wdVideos.active .item-salesvideo {
        margin-bottom: 0;
        padding-bottom: 0
    }
}

.performance_chart_container {
    position: relative
}

.performance_chart sup.sign-cr {
    top: 0;
    font-size: .4em
}

.performance_chart sup.sign-tm {
    top: 0;
    font-size: 16px;
    vertical-align: baseline
}

.performance_chart {
    position: relative;
    margin-top: 66px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0
}

.performance_chart .item_contents {
    flex-grow: 1;
    padding-right: 48px
}

.performance_chart .item {
    display: block;
    position: relative;
    margin-bottom: 80px
}

.performance_chart .item::after {
    position: absolute;
    bottom: -40px;
    left: 73px;
    width: 100%;
    height: 2px;
    background-color: #2a2a2a;
    content: ""
}

.performance_chart .item:last-child {
    margin-bottom: 0
}

.performance_chart .item:last-child::after {
    display: none
}

.performance_chart .item .item_chart {
    display: flex
}

.performance_chart .item__content {
    display: flex;
    position: relative;
    margin-bottom: 14px
}

.performance_chart .item__content .title {
    padding-right: 44px;
    box-sizing: border-box;
    width: calc(30% + 44px);
    color: #fff;
    font-size: 22px;
    text-align: right
}

.performance_chart .item__content .bar {
    display: flex;
    overflow: hidden;
    align-items: center;
    width: auto;
    flex-grow: 1
}

.performance_chart .item__content .bar__content,
.performance_chart .item__content .bar__line {
    position: relative;
    overflow: hidden;
    height: 26px;
    border-radius: 0 6px 6px 0
}

.performance_chart .item__content .bar__score {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: right
}

.performance_chart .item__content .bar__score__txt {
    position: relative;
    padding-right: 15px;
    color: #fff;
    transition: opacity .3s delay .3s;
    flex-grow: 1;
    line-height: 1
}

.performance_chart .item__highline {
    display: flex;
    position: relative;
    top: 13px;
    right: 80px;
    width: auto
}

.performance_chart .item__highline .img__highline {
    position: relative;
    overflow: hidden;
    width: 88px;
    height: 100%;
    mask: linear-gradient(30deg, rgba(0, 0, 0, 0) 16%, #000 59%, #000 100%);
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: linear-gradient(30deg, rgba(0, 0, 0, 0) 16%, #000 59%, #000 100%);
    -webkit-mask-position: center;
    -webkit-mask-size: contain
}

.performance_chart .item__highline .img__highline_arrow {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background-color: #cdab82;
    background-position: top;
    background-size: contain;
    mask: url(../images/image/arrow.png);
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url(../images/image/arrow.png);
    -webkit-mask-position: top;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    content: ""
}

.performance_chart .item__highline .highline_text {
    position: relative;
    margin-left: 29px;
    color: #cdab82
}

.performance_chart .item__highline .highline_text .text1 {
    font-size: 3.5rem;
    line-height: 1.1
}

.performance_chart .item__highline .highline_text .text2 {
    margin-top: -6px;
    font-size: 1.625rem
}

.performance_chart .item__0 .item__highline {
    right: 0
}

.performance_chart .orange {
    background-image: linear-gradient(90deg, #fecc69 25%, #e9702b 100%)
}

.performance_chart .gray {
    background-image: linear-gradient(90deg, #707070 25%, #555 100%)
}

.text_comment {
    margin-top: 0;
    padding-left: 11px;
    color: #999;
    font-size: 16px;
    text-align: left;
    line-height: 1.4
}

.performance_chart_container.aniInit .item__highline {
    opacity: 0;
    transform: translateY(20px);
    transition: transform .7s ease .3s, opacity .6s ease
}

.performance_chart_container.aniInit .bar {
    overflow: hidden
}

.performance_chart_container.aniInit .bar .bar__content {
    transform: translateX(-102%);
    transform-origin: left center;
    transition: transform 1s ease
}

.performance_chart_container.aniInit .bar .bar__score__txt {
    opacity: 0;
    font-size: 16px;
    transition: opacity .4s ease .4s
}

.performance_chart_container.aniPlay .item__highline {
    opacity: 1;
    transform: translateY(0)
}

.performance_chart_container.aniPlay .bar .bar__content {
    transform: translateX(0)
}

.performance_chart_container.aniPlay .bar .bar__score__txt {
    opacity: 1
}

.section__audiodolby-outer-s1 {
    overflow: hidden;
    padding-top: 80px;
    padding-bottom: 90px;
    background-color: #12101b
}

.section__audiodolby-outer-s1 .wd__content .content__info {
    color: #fff
}

.section__audiodolby-outer-s1 .wd__content .content__link {
    color: #fff
}

.section__audiodolby-outer-s1 .img__main {
    display: block;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 100%
}

.section__audiodolby-outer-s1 .wd__feature__list .wd__feature .wd__feature__data,
.section__audiodolby-outer-s1 .wd__feature__list .wd__feature .wd__feature__data *,
.section__audiodolby-outer-s1 .wd__feature__list .wd__feature .wd__feature__describe,
.section__audiodolby-outer-s1 .wd__feature__list .wd__feature .wd__feature__describe *,
.section__audiodolby-outer-s1 .wd__feature__list .wd__feature .wd__feature__describe__top,
.section__audiodolby-outer-s1 .wd__feature__list .wd__feature .wd__feature__describe__top * {
    color: #fff
}

.section__audiodolby-outer-s1 .wd__feature__list .wd__feature.feature-icon .wd__feature__data {
    background-size: contain
}

.section__audiodolby-outer-s1 .wdblockimg .block-1 .img__bg {
    background-image: url(../images/image/blockimg_1.jpg)
}

.section__audiodolby-outer-s1 .wdblockimg .block-2 .img__bg {
    background-image: url(../images/image/blockimg_2.jpg)
}

.section__audiodolby-outer-s1 .wdblockimg .block-1 .modal-button-container .modal-button {
    border-color: #000;
    background-color: rgba(195, 180, 239, .6)
}

.section__audiodolby-outer-s1 .wdblockimg .block-2 .modal-button-container .modal-button {
    border-color: #fff;
    background-color: rgba(193, 177, 235, .6)
}

.section__audiodolby-outer-s2 {
    overflow: hidden;
    padding-top: 80px;
    padding-bottom: 90px;
    background-color: #12101b
}

.section__audiodolby-outer-s2 .wd__content .content__info {
    color: #fff
}

.section__audiodolby-outer-s2 .wd__content .content__link {
    color: #fff
}

.section__audiodolby-outer-s2 .wdblockimg .block-1 .img__bg {
    background-image: url(../images/image/blockimg_1.jpg)
}

.section__audiodolby-outer-s2 .wdblockimg .block-2 .img__bg {
    background-image: url(../images/image/blockimg_2.jpg)
}

.section__audiodolby-outer-s2 .wdblockimg .block-1 .modal-button-container .modal-button {
    border-color: #000;
    background-color: rgba(195, 180, 239, .6)
}

.section__audiodolby-outer-s2 .wdblockimg .block-2 .modal-button-container .modal-button {
    border-color: #fff;
    background-color: rgba(193, 177, 235, .6)
}

.modal-inner__sectionsAudioDolby {
    background-color: #0d0d0d
}

.modal-inner__sectionsAudioDolby .wd__content .content__info {
    color: #fff
}

.modal-inner__sectionsAudioDolby .wd__content .content__link {
    color: #fff
}

.section__audioDolby-inner-s1 .wd__content {
    z-index: 3
}

.section__audioDolby-inner-s2 .compare_text {
    width: 100%;
    color: #bababa;
    text-align: center
}

.section__audioDolby-inner-s2 .compare_pic {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.section__audioDolby-inner-s2 .ainoise_compare__with,
.section__audioDolby-inner-s2 .ainoise_compare__without {
    position: relative;
    overflow: hidden
}

.section__audioDolby-inner-s2 .ainoise_compare__with .compare_text {
    color: #44b2ff
}

.section__audioDolby-inner-s3 .audio__chart_containter {
    margin: 0 auto
}

.section__audioDolby-inner-s3 .audio__chart_0 {
    position: relative;
    margin: 0 auto;
    margin-top: 80px;
    width: 1144px;
    height: 617px
}

.section__audioDolby-inner-s3 .audio__chart_0 .img-slick {
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 20px
}

.section__audioDolby-inner-s3 .audio__chart_0 .top .topLeft {
    position: absolute;
    top: 45px;
    left: 80px;
    width: 40%;
    color: #bababa;
    font-size: 24px;
    text-align: center
}

.section__audioDolby-inner-s3 .audio__chart_0 .top .topRight {
    position: absolute;
    top: 45px;
    right: 157px;
    width: 40%;
    color: #44b2ff;
    font-size: 24px;
    text-align: center
}

.section__audioDolby-inner-s3 .audio__chart_0 .left {
    position: absolute;
    top: 186px;
    left: -40px;
    width: 200px;
    color: #bababa;
    font-size: 18px;
    text-align: right;
    transform: rotateZ(270deg)
}

.section__audioDolby-inner-s3 .audio__chart_0 .right {
    position: absolute;
    right: 160px;
    bottom: 45px;
    width: 200px;
    color: #bababa;
    font-size: 18px;
    text-align: right
}

.section__audioDolby-inner-s3 .audio__chart_0 .num {
    position: absolute;
    top: 300px;
    right: -10px;
    width: 200px;
    color: #44b2ff;
    font-size: 42px;
    font-weight: 700;
    text-align: center;
    transform: rotate(270deg)
}

.section__audioDolby-inner-s4 .wdtab .wdtab__nav {
    background-color: transparent
}

.section__audioDolby-inner-s4 .wdtab .wdtab__nav-btn {
    color: #bababa;
    font-size: 1.5rem
}

.section__audioDolby-inner-s4 .wdtab .wdtab__nav-btn:hover {
    color: #fff
}

.section__audioDolby-inner-s4 .wdtab .wdtab__autoPlay {
    margin-left: 536px
}

.section__audioDolby-inner-s4 .wdtab .wdtab__panel__item-info__text {
    padding-bottom: 27px !important;
    color: #fff;
    line-height: 1.5
}

.section__audioDolby-inner-s4 .wdtab__panel__item-info {
    margin: 0 auto;
    width: 90%;
    max-width: 880px
}

.section__audioDolby-inner-s4 .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-circle {
    stroke: #fff;
    fill: #000
}

.section__audioDolby-inner-s4 .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-line {
    stroke: #fff
}

.section__audioDolby-inner-s4 .wdtab .wd__play__btn.wdtab__autoPlay .svg-play .triangle {
    fill: #fff
}

.section__audioDolby-inner-s4 .wdtab .wdtab__nav-btn.active,
.section__audioDolby-inner-s4 .wdtab .wdtab__nav-btn.focus-visible,
.section__audioDolby-inner-s4 .wdtab .wdtab__nav-btn:focus {
    color: #fff
}

.section__audioDolby-inner-s4 .wdtab .wdtab__nav-btn.active::before,
.section__audioDolby-inner-s4 .wdtab .wdtab__nav-btn.focus-visible::before,
.section__audioDolby-inner-s4 .wdtab .wdtab__nav-btn:focus::before {
    background-image: linear-gradient(to right, #43b1fe, #00518b 100%)
}

.section__audioDolby-inner-s4 .audio__chart_containter {
    margin: 0 auto
}

.section__audioDolby-inner-s4 .audio__chart {
    margin: 0 auto;
    width: 1146px
}

.section__audioDolby-inner-s4 .audio__chart .slick-image {
    width: 100%;
    height: 100%
}

.section__audioDolby-inner-s4 .audio__chart .slick-image>.img-slick {
    width: 100%;
    height: 100%;
    border-radius: 20px
}

.section__audioDolby-inner-s4 .audio__chart.audio__chart_1 {
    position: relative;
    height: 696px
}

.section__audioDolby-inner-s4 .audio__chart.audio__chart_1 .title {
    position: absolute;
    top: 40px;
    width: 100%;
    color: #fff;
    font-size: 24px;
    text-align: center
}

.section__audioDolby-inner-s4 .audio__chart.audio__chart_1 .y {
    position: absolute;
    top: 198px;
    left: 0;
    width: 200px;
    color: #bababa;
    font-size: 18px;
    text-align: right;
    transform: rotate(270deg)
}

.section__audioDolby-inner-s4 .audio__chart.audio__chart_1 .x {
    position: absolute;
    right: 110px;
    bottom: 60px;
    width: 200px;
    color: #bababa;
    font-size: 18px;
    text-align: right
}

.section__audioDolby-inner-s4 .audio__chart.audio__chart_1 .nav {
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%
}

.section__audioDolby-inner-s4 .audio__chart.audio__chart_1 .nav .nav-item {
    position: relative;
    margin: 0 10px;
    padding-left: 50px;
    color: #bababa;
    font-size: 18px
}

.section__audioDolby-inner-s4 .audio__chart.audio__chart_1 .nav .nav-item::after {
    position: absolute;
    bottom: calc(50% - 2px);
    left: 0;
    width: 40px;
    border-bottom: 3px solid #fff;
    content: ""
}

.section__audioDolby-inner-s4 .audio__chart.audio__chart_1 .nav .nav-item--0::after {
    border-color: #628bff
}

.section__audioDolby-inner-s4 .audio__chart.audio__chart_1 .nav .nav-item--1::after {
    border-color: #a4e4ff
}

.section__audioDolby-inner-s4 .audio__chart.audio__chart_2 {
    position: relative;
    height: 678px
}

.section__audioDolby-inner-s4 .audio__chart.audio__chart_2 .title {
    position: absolute;
    top: 40px;
    width: 100%;
    color: #fff;
    font-size: 24px;
    text-align: center
}

.section__audioDolby-inner-s4 .audio__chart.audio__chart_2 .y {
    position: absolute;
    top: 206px;
    left: 38px;
    width: 200px;
    color: #bababa;
    font-size: 18px;
    text-align: right;
    transform: rotate(270deg)
}

.section__audioDolby-inner-s4 .audio__chart.audio__chart_2 .x {
    position: absolute;
    right: 128px;
    bottom: 100px;
    width: 200px;
    color: #bababa;
    font-size: 18px;
    text-align: right
}

.section__audioDolby-inner-s4 .audio__chart.audio__chart_2 .red {
    position: absolute;
    top: 113px;
    left: 302px;
    width: 200px;
    color: #ff3860;
    font-size: 18px
}

.section__audioDolby-inner-s4 .audio__chart.audio__chart_2 .nav {
    position: absolute;
    bottom: 44px;
    left: 0;
    width: 100%
}

.section__audioDolby-inner-s4 .audio__chart.audio__chart_2 .nav .nav-item {
    position: relative;
    margin: 0 10px;
    padding-left: 50px;
    color: #bababa;
    font-size: 18px
}

.section__audioDolby-inner-s4 .audio__chart.audio__chart_2 .nav .nav-item::after {
    position: absolute;
    bottom: calc(50% - 2px);
    left: 0;
    width: 40px;
    content: ""
}

.section__audioDolby-inner-s4 .audio__chart.audio__chart_2 .nav .nav-item--0::after {
    border-bottom: 2px solid #00728a
}

.section__audioDolby-inner-s4 .audio__chart.audio__chart_2 .nav .nav-item--1::after {
    left: -1px;
    height: 2px;
    background-position: top;
    background-repeat: repeat-x;
    background-size: 10px 2px;
    background-image: linear-gradient(to right, #ff3860 40%, rgba(255, 255, 255, 0) 0)
}

.section__audioDolby-inner-s4 .audio__chart.audio__chart_2 .nav .nav-item--2::after {
    border-bottom: 2px solid #00f2fe
}

.section__audioDolby-inner-s4 .audio__chart.audio__chart_2 .nav .nav-item--3::after {
    left: 4px;
    height: 2px;
    background-position: top;
    background-repeat: repeat-x;
    background-size: 8px 2px;
    background-image: linear-gradient(to right, #bababa 26%, rgba(255, 255, 255, 0) 0)
}

.section__display-outer-s1 {
    overflow: hidden;
    background-color: #000
}

.section__display-outer-s1 .wd__content .content__info {
    color: #fff
}

.section__display-outer-s1 .wd__content .content__link {
    color: #fff
}

.section__display-outer-s1 .img__main {
    display: block;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 100%
}

.section__display-outer-s1 .wd__feature__list .wd__feature .wd__feature__data,
.section__display-outer-s1 .wd__feature__list .wd__feature .wd__feature__data *,
.section__display-outer-s1 .wd__feature__list .wd__feature .wd__feature__describe,
.section__display-outer-s1 .wd__feature__list .wd__feature .wd__feature__describe *,
.section__display-outer-s1 .wd__feature__list .wd__feature .wd__feature__describe__top,
.section__display-outer-s1 .wd__feature__list .wd__feature .wd__feature__describe__top * {
    color: #fff
}

.section__display-outer-s1 .wd__feature__list .wd__feature.feature-icon .wd__feature__data {
    background-size: contain
}

.section__display-outer-s1 .wdblockimg .block-1 .img__bg {
    background-image: url(../images/image/blockimg_1-1.jpg)
}

.section__display-outer-s1 .wdblockimg .block-2 .img__bg {
    background-image: url(../images/image/blockimg_2-1.jpg)
}

.section__display-outer-s1 .wdblockimg .block-3 .img__bg {
    background-image: url(../images/image/blockimg_3-1.jpg)
}

.section__display-outer-s1 .wdblockimg .block-4 .img__bg {
    background-image: url(../images/image/blockimg_4-1.jpg)
}

.section__display-outer-s1 .wdblockimg .block-5 .img__bg {
    background-image: url(../images/image/blockimg_5-1.jpg)
}

/* .section__display-outer-s1 .wdblockimg .block-6 .img__bg {
    background-image: url(../images/image/blockimg_6.jpg)
}

.section__display-outer-s1 .wdblockimg .block-7 .img__bg {
    background-image: url(../images/image/blockimg_7.jpg)
}

.section__display-outer-s1 .wdblockimg .block-8 .img__bg {
    background-image: url(../images/image/blockimg_8.jpg)
} */

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__display-outer-s1 .wdblockimg .block-8 .img__bg {
        background-image: url(../images/image/blockimg_8-1.jpg)
    }
}

@media all and (min-width:0) and (max-width:730.5px) {
    .section__display-outer-s1 .wdblockimg .block-8 .img__bg {
        background-image: url(../images/image/blockimg_8.jpg)
    }
}

.section__display-outer-s1 .wdblockimg .block-1 {
    background-color: #12101b
}

.section__display-outer-s1 .wdblockimg .block-1 .modal-button-container .modal-button {
    border-color: #000;
    background-color: rgba(195, 180, 239, .6)
}

.section__display-outer-s1 .wdblockimg .block-2 {
    background-color: #fefefe
}

.section__display-outer-s1 .wdblockimg .block-2 .modal-button-container .modal-button {
    border-color: #fff;
    background-color: rgba(193, 177, 235, .6)
}

.section__display-outer-s1 .wdblockimg .block-3 .modal-button-container .modal-button {
    border-color: #fff;
    background-color: rgba(200, 161, 223, .6)
}

.section__display-outer-s1 .wdblockimg .block-4 {
    background-color: #12101b
}

.section__display-outer-s1 .wdblockimg .block-4 .modal-button-container .modal-button {
    border-color: #000;
    background-color: rgba(88, 44, 128, .6)
}

.section__display-outer-s1 .wdblockimg .block-5 .modal-button-container .modal-button {
    border-color: #fff;
    background-color: rgba(200, 161, 223, .6)
}

.section__display-outer-s1 .wdblockimg .block-6 .modal-button-container .modal-button {
    border-color: #fff;
    background-color: rgba(200, 161, 223, .6)
}

.section__display-outer-s1 .wdblockimg .block-7 {
    background-color: #12101b
}

.section__display-outer-s1 .wdblockimg .block-7 .modal-button-container .modal-button {
    border-color: #000;
    background-color: rgba(88, 44, 128, .6)
}

.section__display-outer-s1 .wdblockimg .block-8 .modal-button-container .modal-button {
    border-color: #fff;
    background-color: rgba(200, 161, 223, .6)
}

.section__display-inner-s1 {
    margin-top: 0;
    padding-top: 0
}

.section__display-inner-s1 .product_list {
    position: relative;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1280px;
    font-size: 0
}

.section__display-inner-s1 .product_list .product {
    display: inline-block;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    width: 20%;
    height: 350px;
    vertical-align: top
}

.section__display-inner-s1 .product_list .product .product-img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -128px;
    width: 256px;
    height: 350px
}

.section__display-inner-s1 .product_list .product .product-img .img {
    width: 256px;
    height: 350px
}

.section__display-inner-s1 .product_list .product .content-link {
    display: block;
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    margin-top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 1.1875rem
}

.section__display-inner-s1 .product_list .product .content-link .link-text {
    display: inline-block
}

.section__display-inner-s1 .product_list .product .product-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7)
}

.section__display-inner-s1 .product_list .product .product-content {
    position: absolute;
    z-index: 9;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%)
}

.section__display-inner-s1 .product_list .product .product-content .content-title {
    position: relative;
    padding: 0 30px;
    color: #fff;
    font-size: 1.875rem;
    letter-spacing: .1px;
    line-height: 1.2;
    text-shadow: 0 0 9px #000
}

.section__display-inner-s1 .product_list .product .product-content .content-hidden {
    position: relative;
    overflow: hidden;
    height: 100%
}

.section__display-inner-s1 .product_list .product .product-content .content-hidden .content-info {
    display: block;
    position: relative;
    margin-top: 19px;
    margin-right: auto;
    margin-left: auto;
    width: 90%;
    color: #fff;
    font-size: 20px;
    line-height: 1.6
}

.section__display-inner-s1 .product_list .product .product-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.section__display-inner-s1 .product_list .product .product-frame>div {
    position: absolute
}

.section__display-inner-s1 .product_list .product .product-frame .frame-top {
    top: 0;
    left: 0;
    height: 2px;
    background: linear-gradient(to right, #f6f61c, #3ffb5e)
}

.section__display-inner-s1 .product_list .product .product-frame .frame-right {
    top: 0;
    right: 0;
    width: 2px;
    background: linear-gradient(to bottom, #3ffb5e, #3627fe)
}

.section__display-inner-s1 .product_list .product .product-frame .frame-bottom {
    right: 0;
    bottom: 0;
    height: 2px;
    background: linear-gradient(to left, #3627fe, #f40e2b)
}

.section__display-inner-s1 .product_list .product .product-frame .frame-left {
    bottom: 0;
    left: 0;
    width: 2px;
    background: linear-gradient(to top, #f40e2b, #f6f61c)
}

.section__display-inner-s1 .product_list .product .product-mask {
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .4s
}

.section__display-inner-s1 .product_list .product .product-content .content-hidden {
    opacity: 0;
    max-height: 0
}

.section__display-inner-s1 .product_list .product .product-frame .frame-top {
    width: 0%;
    transition: width .4s .4s
}

.section__display-inner-s1 .product_list .product .product-frame .frame-right {
    height: 0%;
    transition: height .4s
}

.section__display-inner-s1 .product_list .product .product-frame .frame-bottom {
    width: 0%;
    transition: width .4s .4s
}

.section__display-inner-s1 .product_list .product .product-frame .frame-left {
    height: 0%;
    transition: height .4s
}

@keyframes hideToShow {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes hideTo0 {
    0% {
        opacity: 1
    }

    30% {
        opacity: 0
    }

    30.1% {
        opacity: 0
    }

    100% {
        display: none;
        opacity: 0;
        height: 0
    }
}

.section__display-inner-s1 .product_list .product.focus .product-mask,
.section__display-inner-s1 .product_list .product.hover .product-mask,
.section__display-inner-s1 .product_list .product:focus-visible .product-mask {
    z-index: 9;
    opacity: 1
}

.section__display-inner-s1 .product_list .product.focus .product-content .content-title,
.section__display-inner-s1 .product_list .product.hover .product-content .content-title,
.section__display-inner-s1 .product_list .product:focus-visible .product-content .content-title {
    overflow: hidden;
    transition: transform 0s .2s;
    animation: hideTo0 1s;
    animation-fill-mode: both
}

.section__display-inner-s1 .product_list .product.focus .product-content .content-hidden,
.section__display-inner-s1 .product_list .product.hover .product-content .content-hidden,
.section__display-inner-s1 .product_list .product:focus-visible .product-content .content-hidden {
    opacity: 1;
    max-height: 1000px;
    transition: opacity .5s linear .5s, max-height .5s linear 450ms
}

@media (min-width:1280px) {

    .section__display-inner-s1 .product_list .product.focus .product-frame,
    .section__display-inner-s1 .product_list .product.hover .product-frame,
    .section__display-inner-s1 .product_list .product:focus-visible .product-frame,
    .section__display-inner-s1 .product_list .product:hover .product-frame {
        z-index: 12
    }

    .section__display-inner-s1 .product_list .product.focus .product-frame .frame-top,
    .section__display-inner-s1 .product_list .product.hover .product-frame .frame-top,
    .section__display-inner-s1 .product_list .product:focus-visible .product-frame .frame-top,
    .section__display-inner-s1 .product_list .product:hover .product-frame .frame-top {
        width: 100%;
        transition: width .4s .4s
    }

    .section__display-inner-s1 .product_list .product.focus .product-frame .frame-right,
    .section__display-inner-s1 .product_list .product.hover .product-frame .frame-right,
    .section__display-inner-s1 .product_list .product:focus-visible .product-frame .frame-right,
    .section__display-inner-s1 .product_list .product:hover .product-frame .frame-right {
        height: 100%;
        transition: height .4s .8s
    }

    .section__display-inner-s1 .product_list .product.focus .product-frame .frame-bottom,
    .section__display-inner-s1 .product_list .product.hover .product-frame .frame-bottom,
    .section__display-inner-s1 .product_list .product:focus-visible .product-frame .frame-bottom,
    .section__display-inner-s1 .product_list .product:hover .product-frame .frame-bottom {
        width: 100%;
        transition: width .4s .4s
    }

    .section__display-inner-s1 .product_list .product.focus .product-frame .frame-left,
    .section__display-inner-s1 .product_list .product.hover .product-frame .frame-left,
    .section__display-inner-s1 .product_list .product:focus-visible .product-frame .frame-left,
    .section__display-inner-s1 .product_list .product:hover .product-frame .frame-left {
        height: 100%;
        transition: height .4s .8s
    }

    .section__display-inner-s1 .product_list .product.focus .product-mask,
    .section__display-inner-s1 .product_list .product.hover .product-mask,
    .section__display-inner-s1 .product_list .product:focus-visible .product-mask,
    .section__display-inner-s1 .product_list .product:hover .product-mask {
        z-index: 9;
        opacity: 1
    }

    .section__display-inner-s1 .product_list .product.focus .product-content .content-title,
    .section__display-inner-s1 .product_list .product.hover .product-content .content-title,
    .section__display-inner-s1 .product_list .product:focus-visible .product-content .content-title,
    .section__display-inner-s1 .product_list .product:hover .product-content .content-title {
        transition: all 0s .2s;
        animation: hideTo0 1s;
        animation-fill-mode: both
    }

    .section__display-inner-s1 .product_list .product.focus .product-content .content-hidden,
    .section__display-inner-s1 .product_list .product.hover .product-content .content-hidden,
    .section__display-inner-s1 .product_list .product:focus-visible .product-content .content-hidden,
    .section__display-inner-s1 .product_list .product:hover .product-content .content-hidden {
        opacity: 1;
        max-height: 1000px;
        transition: opacity .5s linear .5s, max-height .5s linear 450ms
    }
}

@media all and (max-width:1279.5px) and (min-width:731px) {
    .section__display-inner-s1 .product_list {
        text-align: center
    }

    .section__display-inner-s1 .product_list .product .product-content .content-title {
        margin-bottom: -10px;
        padding: 0 55px;
        font-size: 2rem
    }

    .section__display-inner-s1 .product_list .product {
        display: inline-block;
        padding: 1px;
        box-sizing: border-box;
        width: 365px;
        height: 250px
    }

    .section__display-inner-s1 .product_list .product .product-content .content-hidden .content-info {
        line-height: 1.3;
        margin-top: 26px;
        font-size: 20px
    }

    .section__display-inner-s1 .product_list .product .product-img {
        top: 50%;
        left: 50%;
        margin-left: unset;
        transform: translate(-50%, -50%)
    }

    .section__display-inner-s1 .product_list {
        padding-top: 47px
    }

    .section__display-inner-s1 .product_list .product .product-img,
    .section__display-inner-s1 .product_list .product .product-img .img {
        width: 365px;
        height: 250px
    }

    .section__display-inner-s1 .product_list .product-5 {
        width: 730px
    }

    .section__display-inner-s1 .product_list .product-5 .product-img,
    .section__display-inner-s1 .product_list .product-5 .product-img .img {
        width: 730px
    }
}

@media all and (max-width:730.5px) {
    .section__display-inner-s1 .product_list {
        text-align: center
    }

    .section__display-inner-s1 .product_list .product {
        display: inline-block;
        padding: 1px;
        box-sizing: border-box;
        width: 100%;
        max-width: 320px;
        height: 300px
    }

    .section__display-inner-s1 .product_list .product .product-content .content-title {
        margin-bottom: -10px;
        font-size: 2.125rem
    }

    .section__display-inner-s1 .product_list .product .product-content .content-hidden .content-info {
        margin-top: 26px;
        font-size: 18px;
        line-height: 1.3
    }

    .section__display-inner-s1 .product_list .product .product-img {
        top: 50%;
        left: 50%;
        margin-left: unset;
        width: 320px;
        height: 300px;
        transform: translate(-50%, -50%)
    }

    .section__display-inner-s1 .product_list .product .product-img .img {
        width: 320px;
        height: 300px
    }
}

.section__display-inner-s1 .wdtable.oledTable .table_cotainer {
    text-align: left
}

.section__display-inner-s1 .wdtable.oledTable .table_cotainer .text__val {
    display: block;
    line-height: 1.2
}

.section__display-inner-s1 .wdtable.oledTable .table_cotainer td .text__val {
    line-height: 1.3
}

.section__display-inner-s1 .wdtable.oledTable .table_cotainer sup.sign-cr,
.section__display-inner-s1 .wdtable.oledTable .table_cotainer sup.sign-tm {
    top: 0;
    font-size: .6em;
    vertical-align: super
}

.section__display-inner-s1 .wdtable.oledTable .table_cotainer {
    position: relative
}

.section__display-inner-s1 .wdtable.oledTable .table_cotainer table {
    border-collapse: collapse
}

.section__display-inner-s1 .wdtable.oledTable .table_cotainer caption {
    opacity: 0;
    font-size: 0
}

.section__display-inner-s1 .wdtable.oledTable .table_cotainer td,
.section__display-inner-s1 .wdtable.oledTable .table_cotainer tr {
    color: #aaa;
    font-size: 16px
}

.section__display-inner-s1 .wdtable.oledTable .table_cotainer .tr-0 td {
    font-size: 0 !important
}

.section__display-inner-s1 .wdtable.oledTable .table_cotainer .h-col-1 {
    background: linear-gradient(to right, #f29759, #ffeb7c, #80c47d, #56beb8, #319fc5, #668cc8, #8e66a9, #b971ac, #d96b9a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.section__display-inner-s1 .wdtable.oledTable .table_cotainer .h-col-2 {
    background: linear-gradient(to right, #aaa, #aaa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.section__display-inner-s1 .wdtable.oledTable .table_cotainer .td-1 {
    color: #fff
}

.section__display-inner-s1 .wdtable.oledTable .table_cotainer tr td,
.section__display-inner-s1 .wdtable.oledTable .table_cotainer tr th {
    border-top: 1px solid #444;
    border-bottom: 0 solid transparent
}

.section__display-inner-s1 .wdtable.oledTable .table_cotainer tr:first-child td,
.section__display-inner-s1 .wdtable.oledTable .table_cotainer tr:first-child th {
    border-top: 1px solid transparent
}

.section__display-inner-s1 .wdtable table .tr-1 td span {
    padding: 0
}

.section__display-inner-s2 {
    margin-top: 0;
    padding-top: 0
}

.section__display-inner-s2 .image__container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.section__display-inner-s2 .image__container .imgItem {
    position: relative;
    overflow: hidden;
    border-radius: 20px
}

.section__display-inner-s2 .image__container .imgItem-title {
    position: absolute;
    z-index: 9;
    top: 0;
    width: 100%;
    color: #0f0f10;
    text-align: left
}

.section__display-inner-s3 .image__container {
    display: flex;
    justify-content: space-between;
    margin-right: auto;
    margin-left: auto
}

.section__display-inner-s3 .image__container .imgItem-img-outer {
    position: relative;
    overflow: hidden;
    border-radius: 20px
}

.section__display-inner-s3 .image__container .imgItem-title {
    box-sizing: border-box;
    color: #adadad;
    text-align: center
}

.section__display-inner-s3 .image__container .imgItem-info {
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    line-height: 1.4
}

.section__display-inner-s4 .campare_containter .imgItem-img-outer {
    overflow: hidden;
    border-radius: 20px
}

.section__display-inner-s4 .campare_containter .item {
    text-align: center
}

.section__display-inner-s4 .campare_containter .item .img {
    margin: 0 auto
}

.section__display-inner-s4 .campare_containter .item .title {
    color: #fff
}

.section__display-inner-s4 .campare_containter .item .info {
    color: #888
}

.display-inner {
    background-color: #000
}

.display-inner .wd__content .content__title {
    background-image: linear-gradient(to right, #fefefe, #fefefe 100%)
}

.display-inner .wd__content .content__info {
    color: #fff
}

.display-inner .wd__content .content__link {
    color: #fff
}

.wd__feature__list .wd__feature .wd__feature__data,
.wd__feature__list .wd__feature .wd__feature__data *,
.wd__feature__list .wd__feature .wd__feature__describe,
.wd__feature__list .wd__feature .wd__feature__describe *,
.wd__feature__list .wd__feature .wd__feature__describe__top,
.wd__feature__list .wd__feature .wd__feature__describe__top * {
    color: #fff
}

.modal-inner__sectionsDisplay {
    background-color: #000
}

.environment-outer .wd__feature__list {
    margin-right: auto;
    margin-left: auto
}

.environment-outer .wd__feature__list.list-icon {
    margin-top: 22px
}

.environment-outer .wd__feature__list.list-icon .wd__feature__describe__top {
    display: none
}

.environment-outer .wd__feature__list .wd__feature.feature-icon .wd__feature__data {
    margin-right: auto;
    margin-left: auto;
    height: 116px
}

.environment-outer .wd__feature__list .wd__feature.feature-icon .wd__feature__data .img__icon {
    width: 100%;
    height: 100%
}

.environment-outer .wd__feature__list .wd__feature.feature-icon .wd__feature__describe {
    max-width: 168px
}

.environment-outer .wd__feature.icon-asusoled .img__icon {
    /* background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/common/sections/display/images/common/icon/1x/icon_asusoled.png) */
}

.environment-outer .wd__feature__list .wd__feature.icon-asusoled .wd__feature__data {
    width: 112px;
    height: 116px
}

.environment-outer .wd__feature.icon-dolbyvision .img__icon {
    /* background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/common/sections/display/images/common/icon/1x/icon_dolbyvision.png) */
}

.environment-outer .wd__feature__list .wd__feature.icon-dolbyvision .wd__feature__data {
    width: 168px;
    height: 116px
}

.environment-outer .wd__feature.icon-flickfree .img__icon {
    /* background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/common/sections/display/images/common/icon/1x/icon_flickfree.png) */
}

.environment-outer .wd__feature__list .wd__feature.icon-flickfree .wd__feature__data {
    width: 92px;
    height: 116px
}

.environment-outer .wd__feature.icon-lowbluelighthardware .img__icon {
    /* background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/common/sections/display/images/common/icon/1x/icon_lowbluelighthardware.png) */
}

.environment-outer .wd__feature__list .wd__feature.icon-lowbluelighthardware .wd__feature__data {
    width: 92px;
    height: 116px
}

.environment-outer .wd__feature.icon-certifieddisplay .img__icon {
    /* background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/common/sections/display/images/common/icon/1x/icon_certifieddisplay.png) */
}

.environment-outer .wd__feature__list .wd__feature.icon-certifieddisplay .wd__feature__data {
    width: 92px;
    height: 116px
}

.environment-outer .wd__feature.icon-validateddisplay .img__icon {
    /* background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/common/sections/display/images/common/icon/1x/icon_validateddisplay.png) */
}

.environment-outer .wd__feature__list .wd__feature.icon-validateddisplay .wd__feature__data {
    width: 68px
}

.environment-outer .wd__feature__list .wd__feature.icon-validateddisplay .wd__feature__data .img__icon {
    top: 3px
}

.environment-outer .wd__feature.icon-lowbluelight .img__icon {
    /* background-image: url(https://dlcdnwebimgs.asus.com/files/media/a3a50cfb-f28c-486c-ab85-7047b3151fa3/v1/common/sections/display/images/common/icon/1x/icon_lowbluelight.png) */
}

.environment-outer .wd__feature__list .wd__feature.icon-lowbluelight .wd__feature__data {
    width: 180px
}

.environment-outer .wd__feature__list .wd__feature.icon-lowbluelight .wd__feature__data .img__icon {
    top: 3px
}

.environment-outer .wd__feature.icon-epeat .img__icon {
    background-image: url(../images/image/icon_epeat.png)
}

.environment-outer .wd__feature__list .wd__feature.icon-epeat .wd__feature__data {
    width: 146px;
    height: 102px
}

.environment-outer .wd__feature.icon-energystar .img__icon {
    background-image: url(../images/image/icon_energystar.png)
}

.environment-outer .wd__feature__list .wd__feature.icon-energystar .wd__feature__data {
    width: 102px;
    height: 102px
}

.environment-outer .wd__feature.icon-rohs .img__icon {
    background-image: url(../images/image/icon_rohs.png)
}

.environment-outer .wd__feature__list .wd__feature.icon-rohs .wd__feature__data {
    width: 146px;
    height: 102px
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .environment-outer .wd__feature__list.list-icon {
        margin-top: -7px
    }

    .environment-outer .wd__feature__list.list-icon .wd__feature .feature-icon {
        margin-bottom: -9px
    }

    .environment-outer .wd__feature__list.list-icon .wd__feature .feature-icon .wd__feature__data {
        height: 116px
    }
}

@media all and (max-width:730.5px) {
    .environment-outer .wd__feature__list.list-icon {
        margin-top: 9px
    }

    .environment-outer .wd__feature__list .wd__feature.feature-icon .wd__feature__describe {
        margin-top: 0
    }

    .environment-outer .wd__feature__list .wd__feature.icon-asusoled .wd__feature__data {
        position: relative;
        top: 12px;
        width: 100px;
        height: 104px
    }

    .environment-outer .wd__feature__list .wd__feature.icon-dolbyvision .wd__feature__data {
        width: 151px;
        height: 104px
    }

    .environment-outer .wd__feature__list .wd__feature.icon-flickfree .wd__feature__data {
        width: 84px;
        height: 104px
    }

    .environment-outer .wd__feature__list .wd__feature.icon-lowbluelighthardware .wd__feature__data {
        width: 84px;
        height: 104px
    }

    .environment-outer .wd__feature__list .wd__feature.icon-certifieddisplay .wd__feature__data {
        width: 84px;
        height: 104px
    }

    .environment-outer .wd__feature__list .wd__feature.icon-validateddisplay .wd__feature__data {
        width: 61px;
        height: 104px
    }

    .environment-outer .wd__feature__list .wd__feature.icon-validateddisplay .wd__feature__data .img__icon {
        top: 3px
    }

    .environment-outer .wd__feature__list .wd__feature.icon-lowbluelight .wd__feature__data {
        width: 153px;
        height: 104px
    }

    .environment-outer .wd__feature__list .wd__feature.icon-lowbluelight .wd__feature__data .img__icon {
        top: 3px
    }

    .environment-outer .wd__feature__list .wd__feature.icon-epeat .wd__feature__data {
        width: 109px;
        height: 76px
    }

    .environment-outer .wd__feature__list .wd__feature.icon-energystar .wd__feature__data {
        width: 76px;
        height: 76px
    }

    .environment-outer .wd__feature__list .wd__feature.icon-rohs .wd__feature__data {
        width: 109px;
        height: 76px
    }
}

.section__environment-outer-s1 {
    overflow: hidden;
    background-image: #fff
}

.section__environment-outer-s1 .wd__content .content__slogan {
    color: #0f0f10
}

.section__environment-outer-s1 .wd__content .content__title {
    background-image: linear-gradient(to right, #fefefe, #fefefe 100%)
}

.section__environment-outer-s1 .wd__content .content__info {
    color: #0f0f10
}

.section__environment-outer-s1 .wd__content .content__link {
    background-image: linear-gradient(to right, #fefefe, #fefefe 100%);
    linkColor: #0f0f10
}

.section__environment-outer-s1 .wd__content .content__link {
    color: #0f0f10
}

.section__environment-outer-s1 .wd__content .content__link *,
.section__environment-outer-s1 .wd__content .content__link span {
    color: #0f0f10
}

.section__environment-outer-s1 .wd__content .content__link::after {
    color: #0f0f10
}

.section__environment-outer-s1 .wd__content .content__link:link {
    color: #0f0f10
}

.section__environment-outer-s1 .wd__content .content__link:hover span {
    border-bottom: 1px solid #0f0f10
}

.section__environment-outer-s1::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10%;
    background-color: #f4fdeb;
    content: ""
}

.section__environment-outer-s1 .img__main {
    display: block;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 100%
}

.section__environment-outer-s1 .wd__feature__list .wd__feature .wd__feature__data,
.section__environment-outer-s1 .wd__feature__list .wd__feature .wd__feature__data *,
.section__environment-outer-s1 .wd__feature__list .wd__feature .wd__feature__describe,
.section__environment-outer-s1 .wd__feature__list .wd__feature .wd__feature__describe *,
.section__environment-outer-s1 .wd__feature__list .wd__feature .wd__feature__describe__top,
.section__environment-outer-s1 .wd__feature__list .wd__feature .wd__feature__describe__top * {
    color: #fff
}

.section__environment-outer-s1 .wd__feature__list .wd__feature.feature-icon .wd__feature__data {
    background-size: contain
}

.section__environment-outer-s1 .wdblockimg .block-1 .img__bg {
    background-image: url(../images/image/blockimg_1-2.jpg)
}

.section__environment-outer-s1 .wdblockimg .block-2 .img__bg {
    background-image: url(../images/image/blockimg_2-2.jpg)
}

.section__environment-outer-s1 .wdblockimg .block-3 .img__bg {
    background-image: url(../images/image/blockimg_3-2.jpg)
}

.section__environment-outer-s1 .wdblockimg .block-4 .img__bg {
    background-image: url(../images/image/blockimg_4-2.jpg)
}

.section__environment-outer-s1 .wdblockimg .block-5 .img__bg {
    background-image: url(../images/image/blockimg_5-2.jpg)
}

.section__environment-outer-s1 .wdblockimg .block-1 {
    background-color: #f7f7f7
}

.section__environment-outer-s1 .wdblockimg .block-1 .modal-button-container .modal-button {
    border-color: #000;
    background-color: rgba(195, 180, 239, .6)
}

.section__environment-outer-s1 .wdblockimg .block-1 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.section__environment-outer-s1 .wdblockimg .block-2 {
    background-color: #f7f7f7
}

.section__environment-outer-s1 .wdblockimg .block-2 .modal-button-container .modal-button {
    border-color: #fff;
    background-color: rgba(193, 177, 235, .6)
}

.section__environment-outer-s1 .wdblockimg .block-2 .modal-button-container .modal-button .modal-inner-text {
    color: #181818
}

.section__environment-outer-s1 .wdblockimg .block-3 {
    background-color: #f7f7f7
}

.section__environment-outer-s1 .wdblockimg .block-3 .modal-button-container .modal-button {
    border-color: #fff;
    background-color: rgba(200, 161, 223, .6)
}

.section__environment-outer-s1 .wdblockimg .block-3 .modal-button-container .modal-button .modal-inner-text {
    color: #181818
}

.section__environment-outer-s1 .wdblockimg .block-4 {
    background-color: #f7f7f7
}

.section__environment-outer-s1 .wdblockimg .block-4 .modal-button-container .modal-button {
    border-color: #000;
    background-color: rgba(88, 44, 128, .6)
}

.section__environment-outer-s1 .wdblockimg .block-4 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.section__environment-outer-s1 .wdblockimg .block-5 {
    background-color: #f7f7f7
}

.section__environment-outer-s1 .wdblockimg .block-5 .modal-button-container .modal-button {
    border-color: #fff;
    background-color: rgba(200, 161, 223, .6)
}

.section__environment-outer-s1 .wdblockimg .block-5 .modal-button-container .modal-button .modal-inner-text {
    color: #181818
}

.section__environment-outer-s1 .wdblockimg .block-6 {
    background-color: #fff
}

.section__environment-outer-s1 .wdblockimg .block-6 .modal-button-container .modal-button {
    border-color: #fff;
    background-color: rgba(200, 161, 223, .6)
}

.section__environment-outer-s1 .wdblockimg .block-6 .modal-button-container .modal-button .modal-inner-text {
    color: #181818
}

.section__environment-outer-s1 .wdblockimg .block-7 {
    background-color: #12101b
}

.section__environment-outer-s1 .wdblockimg .block-7 .modal-button-container .modal-button {
    border-color: #000;
    background-color: rgba(88, 44, 128, .6)
}

.section__environment-outer-s1 .wdblockimg .block-7 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.section__environment-outer-s1 .wdblockimg .block-8 {
    background-color: #fff
}

.section__environment-outer-s1 .wdblockimg .block-8 .modal-button-container .modal-button {
    border-color: #fff;
    background-color: rgba(200, 161, 223, .6)
}

.section__environment-outer-s1 .wdblockimg .block-8 .modal-button-container .modal-button .modal-inner-text {
    color: #181818
}

.section__ksp {
    margin-top: 0;
    padding-top: 0
}

.section__ksp .wdtile.wdtile-ksp .wdtile__item {
    color: #000;
    background-color: #fff
}

.section__ksp .wdtile.wdtile-ksp .item__content .wd__content .content__slogan {
    color: #181818
}

.section__ksp .wdtile.wdtile-ksp .item__content .wd__content .content__title {
    color: #181818;
    background-image: linear-gradient(150deg, rgba(0, 30, 255, .99608) 0, #cd13be 34%, #d1004e 66%, #c76a00 100%)
}

.section__ksp .wdtile.wdtile-ksp .item__content .wd__content .content__info {
    color: #717171
}

.section__ksp .wdtile.wdtile-ksp .item__jumpto-button {
    background-color: #eaeaea
}

.section__ksp .wdtile.wdtile-ksp .item__jumpto-button::before {
    background-color: red
}

.section__ksp .wdtile.wdtile-ksp .wdtile__container[data-largecolum="4"] {
    --tile-gap: 16px
}

.section__ksp .wdtile__item {
    display: flex
}

.section__ksp .wdtile__item,
.section__ksp .wdtile__item * {
    font-size: 16px
}

.section__ksp .wdtile__item .item__block {
    display: flex;
    overflow: hidden;
    align-items: center;
    width: 100%
}

.section__ksp .wdtile__item .item__content {
    z-index: 9;
    width: 100%
}

.section__ksp .item__image {
    display: flex;
    position: relative;
    z-index: 1;
    align-items: center;
    justify-content: center;
    width: 100%
}

.section__ksp .item__image .img__item {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background-size: contain;
    transform: translate(-50%, -50%);
    transform-origin: center
}

.section__ksp .item__block--content {
    display: flex
}

.section__ksp .item__block--content .item__content {
    width: auto;
    flex-basis: auto;
    flex-grow: 1
}

.section__ksp .item__block--content .item__content+.item__image {
    width: 50%;
    flex-grow: 1;
    flex-basis: 50%
}

.section__ksp .item__block--content .wd__content .content__info {
    line-height: 1.4
}

.section__ksp .item__block,
.section__ksp .item__block * {
    text-align: center
}

.section__ksp .item__block .item__leftdesc.item__leftdesc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: left;
    line-height: 1.4
}

.section__ksp .item__block .item__content--descBottom {
    line-height: 1.4
}

.section__ksp .item__block .item__content--descBottom span[class*=item__content--descBottom-] {
    display: block
}

.section__ksp .wdtile.wdtile-ksp .item__jumpto-button-container {
    position: absolute;
    z-index: 9;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0
}

.section__ksp .wdtile.wdtile-ksp .item__jumpto-button {
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 10px 0 0
}

.section__ksp .wdtile.wdtile-ksp .item__jumpto-button * {
    pointer-events: none !important
}

.section__ksp .wdtile.wdtile-ksp .item__jumpto-button::before {
    display: block;
    position: absolute;
    top: 50%;
    bottom: unset;
    left: 50%;
    margin-top: -5px;
    margin-left: -10px;
    width: 20px;
    height: 10px;
    content: "";
    -webkit-mask-image: url(../images/image/jumparrowMask.png);
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat
}

.section__ksp.test .item__image {
    background-color: #ccc
}

.section__ksp.test .img__item {
    background-color: #fc0
}

.gallery__tile__container {
    --tile-gap: 15px;
    --column-count: 3;
    display: grid;
    width: 100%;
    grid-gap: var(--tile-gap);
    gap: var(--tile-gap);
    grid-template-columns: repeat(var(--column-count), 1fr)
}

@media all and (min-width:1280px) {
    .gallery__tile__container[data-largecolum="1"] {
        --column-count: 1
    }

    .gallery__tile__container[data-largecolum="2"] {
        --column-count: 2
    }

    .gallery__tile__container[data-largecolum="3"] {
        --column-count: 3
    }

    .gallery__tile__container[data-largecolum="4"] {
        --column-count: 4
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .gallery__tile__container[data-mediumcolum="2"] {
        --column-count: 2
    }

    .gallery__tile__container[data-mediumcolum="3"] {
        --column-count: 3
    }

    .gallery__tile__container[data-mediumcolum="4"] {
        --column-count: 4
    }
}

@media all and (max-width:730.5px) {
    .gallery__tile__container[data-smallcolum="1"] {
        --column-count: 1
    }

    .gallery__tile__container[data-smallcolum="2"] {
        --column-count: 2
    }

    .gallery__tile__container[data-smallcolum="3"] {
        --column-count: 3
    }

    .gallery__tile__container[data-smallcolum="4"] {
        --column-count: 4
    }
}

@media all and (min-width:1280px) {
    .gallery__tile__container {
        --tile-gap: 24px
    }
}

@media all and (min-width:1280px) {
    .gallery__tile__container[data-largegap="10"] {
        --tile-gap: 10px
    }

    .gallery__tile__container[data-largegap="11"] {
        --tile-gap: 11px
    }

    .gallery__tile__container[data-largegap="12"] {
        --tile-gap: 12px
    }

    .gallery__tile__container[data-largegap="13"] {
        --tile-gap: 13px
    }

    .gallery__tile__container[data-largegap="14"] {
        --tile-gap: 14px
    }

    .gallery__tile__container[data-largegap="15"] {
        --tile-gap: 15px
    }

    .gallery__tile__container[data-largegap="16"] {
        --tile-gap: 16px
    }

    .gallery__tile__container[data-largegap="17"] {
        --tile-gap: 17px
    }

    .gallery__tile__container[data-largegap="18"] {
        --tile-gap: 18px
    }

    .gallery__tile__container[data-largegap="19"] {
        --tile-gap: 19px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .gallery__tile__container {
        --tile-gap: 24px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .gallery__tile__container[data-mediumgap="5"] {
        --tile-gap: 5px
    }

    .gallery__tile__container[data-mediumgap="6"] {
        --tile-gap: 6px
    }

    .gallery__tile__container[data-mediumgap="7"] {
        --tile-gap: 7px
    }

    .gallery__tile__container[data-mediumgap="8"] {
        --tile-gap: 8px
    }

    .gallery__tile__container[data-mediumgap="9"] {
        --tile-gap: 9px
    }

    .gallery__tile__container[data-mediumgap="10"] {
        --tile-gap: 10px
    }

    .gallery__tile__container[data-mediumgap="11"] {
        --tile-gap: 11px
    }

    .gallery__tile__container[data-mediumgap="12"] {
        --tile-gap: 12px
    }

    .gallery__tile__container[data-mediumgap="13"] {
        --tile-gap: 13px
    }

    .gallery__tile__container[data-mediumgap="14"] {
        --tile-gap: 14px
    }

    .gallery__tile__container[data-mediumgap="15"] {
        --tile-gap: 15px
    }

    .gallery__tile__container[data-mediumgap="16"] {
        --tile-gap: 16px
    }

    .gallery__tile__container[data-mediumgap="17"] {
        --tile-gap: 17px
    }

    .gallery__tile__container[data-mediumgap="18"] {
        --tile-gap: 18px
    }

    .gallery__tile__container[data-mediumgap="19"] {
        --tile-gap: 19px
    }
}

@media all and (max-width:730.5px) {
    .gallery__tile__container {
        --tile-gap: 9px
    }
}

@media all and (max-width:730.5px) {
    .gallery__tile__container[data-smallgap="1"] {
        --tile-gap: 1px
    }

    .gallery__tile__container[data-smallgap="2"] {
        --tile-gap: 2px
    }

    .gallery__tile__container[data-smallgap="3"] {
        --tile-gap: 3px
    }

    .gallery__tile__container[data-smallgap="4"] {
        --tile-gap: 4px
    }

    .gallery__tile__container[data-smallgap="5"] {
        --tile-gap: 5px
    }

    .gallery__tile__container[data-smallgap="6"] {
        --tile-gap: 6px
    }

    .gallery__tile__container[data-smallgap="7"] {
        --tile-gap: 7px
    }

    .gallery__tile__container[data-smallgap="8"] {
        --tile-gap: 8px
    }

    .gallery__tile__container[data-smallgap="9"] {
        --tile-gap: 9px
    }

    .gallery__tile__container[data-smallgap="10"] {
        --tile-gap: 10px
    }

    .gallery__tile__container[data-smallgap="11"] {
        --tile-gap: 11px
    }

    .gallery__tile__container[data-smallgap="12"] {
        --tile-gap: 12px
    }

    .gallery__tile__container[data-smallgap="13"] {
        --tile-gap: 13px
    }

    .gallery__tile__container[data-smallgap="14"] {
        --tile-gap: 14px
    }
}

.gallery__tile__item {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    min-height: 200px
}

.gallery__tile .gallery__tile__item-0 {
    order: 1
}

.gallery__tile .gallery__tile__item-1 {
    order: 2
}

.gallery__tile .gallery__tile__item-2 {
    order: 3
}

.gallery__tile .gallery__tile__item-3 {
    order: 4
}

.gallery__tile .gallery__tile__item-4 {
    order: 5
}

.gallery__tile .gallery__tile__item-5 {
    order: 6
}

.gallery__tile .gallery__tile__item-6 {
    order: 7
}

.gallery__tile .gallery__tile__item-7 {
    order: 8
}

.gallery__tile .gallery__tile__item-8 {
    order: 9
}

.gallery__tile .gallery__tile__item-9 {
    order: 10
}

.gallery__tile .gallery__tile__item-10 {
    order: 11
}

.gallery__tile .gallery__tile__item-11 {
    order: 12
}

.gallery__tile .gallery__tile__item-12 {
    order: 13
}

.gallery__tile .gallery__tile__item-13 {
    order: 14
}

.gallery__tile .gallery__tile__item-14 {
    order: 15
}

.gallery__tile .gallery__tile__item-15 {
    order: 16
}

.gallery__tile .gallery__tile__item-16 {
    order: 17
}

.gallery__tile .gallery__tile__item-17 {
    order: 18
}

.gallery__tile .gallery__tile__item-18 {
    order: 19
}

.gallery__tile .gallery__tile__item-19 {
    order: 20
}

.gallery__tile .gallery__tile__item-20 {
    order: 21
}

.gallery__tile .gallery__tile__item-21 {
    order: 22
}

.gallery__tile .gallery__tile__item-22 {
    order: 23
}

.gallery__tile .gallery__tile__item-23 {
    order: 24
}

.gallery__tile .gallery__tile__item-24 {
    order: 25
}

.gallery__tile .gallery__tile__item-25 {
    order: 26
}

.gallery__tile .gallery__tile__item-26 {
    order: 27
}

.gallery__tile .gallery__tile__item-27 {
    order: 28
}

.gallery__tile .gallery__tile__item-28 {
    order: 29
}

.gallery__tile .gallery__tile__item-29 {
    order: 30
}

.gallery__tile .gallery__tile__item-30 {
    order: 31
}

.gallery__tile .gallery__tile__item-31 {
    order: 32
}

.gallery__tile .gallery__tile__item-32 {
    order: 33
}

.gallery__tile .gallery__tile__item-33 {
    order: 34
}

.gallery__tile .gallery__tile__item-34 {
    order: 35
}

.gallery__tile .gallery__tile__item-35 {
    order: 36
}

.gallery__tile .gallery__tile__item-36 {
    order: 37
}

.gallery__tile .gallery__tile__item-37 {
    order: 38
}

.gallery__tile .gallery__tile__item-38 {
    order: 39
}

.gallery__tile .gallery__tile__item-39 {
    order: 40
}

.gallery__tile .gallery__tile__item-40 {
    order: 41
}

.gallery__tile .gallery__tile__item-41 {
    order: 42
}

.gallery__tile .gallery__tile__item-42 {
    order: 43
}

.gallery__tile .gallery__tile__item-43 {
    order: 44
}

.gallery__tile .gallery__tile__item-44 {
    order: 45
}

.gallery__tile .gallery__tile__item-45 {
    order: 46
}

.gallery__tile .gallery__tile__item-46 {
    order: 47
}

.gallery__tile .gallery__tile__item-47 {
    order: 48
}

.gallery__tile .gallery__tile__item-48 {
    order: 49
}

.gallery__tile .gallery__tile__item-49 {
    order: 50
}

.gallery__tile .gallery__tile__item-50 {
    order: 51
}

.gallery__tile .gallery__tile__item-51 {
    order: 52
}

.gallery__tile .gallery__tile__item-52 {
    order: 53
}

.gallery__tile .gallery__tile__item-53 {
    order: 54
}

.gallery__tile .gallery__tile__item-54 {
    order: 55
}

.gallery__tile .gallery__tile__item-55 {
    order: 56
}

.gallery__tile .gallery__tile__item-56 {
    order: 57
}

.gallery__tile .gallery__tile__item-57 {
    order: 58
}

.gallery__tile .gallery__tile__item-58 {
    order: 59
}

.gallery__tile .gallery__tile__item-59 {
    order: 60
}

.gallery__tile .gallery__tile__item-60 {
    order: 61
}

.gallery__tile .gallery__tile__item-61 {
    order: 62
}

.gallery__tile .gallery__tile__item-62 {
    order: 63
}

.gallery__tile .gallery__tile__item-63 {
    order: 64
}

.gallery__tile .gallery__tile__item-64 {
    order: 65
}

.gallery__tile .gallery__tile__item-65 {
    order: 66
}

.gallery__tile .gallery__tile__item-66 {
    order: 67
}

.gallery__tile .gallery__tile__item-67 {
    order: 68
}

.gallery__tile .gallery__tile__item-68 {
    order: 69
}

.gallery__tile .gallery__tile__item-69 {
    order: 70
}

.gallery__tile .gallery__tile__item-70 {
    order: 71
}

.gallery__tile .gallery__tile__item-71 {
    order: 72
}

.gallery__tile .gallery__tile__item-72 {
    order: 73
}

.gallery__tile .gallery__tile__item-73 {
    order: 74
}

.gallery__tile .gallery__tile__item-74 {
    order: 75
}

.gallery__tile .gallery__tile__item-75 {
    order: 76
}

.gallery__tile .gallery__tile__item-76 {
    order: 77
}

.gallery__tile .gallery__tile__item-77 {
    order: 78
}

.gallery__tile .gallery__tile__item-78 {
    order: 79
}

.gallery__tile .gallery__tile__item-79 {
    order: 80
}

.gallery__tile .gallery__tile__item-80 {
    order: 81
}

.gallery__tile .gallery__tile__item-81 {
    order: 82
}

.gallery__tile .gallery__tile__item-82 {
    order: 83
}

.gallery__tile .gallery__tile__item-83 {
    order: 84
}

.gallery__tile .gallery__tile__item-84 {
    order: 85
}

.gallery__tile .gallery__tile__item-85 {
    order: 86
}

.gallery__tile .gallery__tile__item-86 {
    order: 87
}

.gallery__tile .gallery__tile__item-87 {
    order: 88
}

.gallery__tile .gallery__tile__item-88 {
    order: 89
}

.gallery__tile .gallery__tile__item-89 {
    order: 90
}

.gallery__tile .gallery__tile__item-90 {
    order: 91
}

.gallery__tile .gallery__tile__item-91 {
    order: 92
}

.gallery__tile .gallery__tile__item-92 {
    order: 93
}

.gallery__tile .gallery__tile__item-93 {
    order: 94
}

.gallery__tile .gallery__tile__item-94 {
    order: 95
}

.gallery__tile .gallery__tile__item-95 {
    order: 96
}

.gallery__tile .gallery__tile__item-96 {
    order: 97
}

.gallery__tile .gallery__tile__item-97 {
    order: 98
}

.gallery__tile .gallery__tile__item-98 {
    order: 99
}

.gallery__tile .gallery__tile__item-99 {
    order: 100
}

.gallery__tile.devTest .gallery__tile__item::before {
    display: block;
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
    color: #fc0;
    font-size: 25em;
    line-height: .6em
}

.gallery__tile.devTest .gallery__tile__item-0::before {
    content: "0"
}

.gallery__tile.devTest .gallery__tile__item-1::before {
    content: "1"
}

.gallery__tile.devTest .gallery__tile__item-2::before {
    content: "2"
}

.gallery__tile.devTest .gallery__tile__item-3::before {
    content: "3"
}

.gallery__tile.devTest .gallery__tile__item-4::before {
    content: "4"
}

.gallery__tile.devTest .gallery__tile__item-5::before {
    content: "5"
}

.gallery__tile.devTest .gallery__tile__item-6::before {
    content: "6"
}

.gallery__tile.devTest .gallery__tile__item-7::before {
    content: "7"
}

.gallery__tile.devTest .gallery__tile__item-8::before {
    content: "8"
}

.gallery__tile.devTest .gallery__tile__item-9::before {
    content: "9"
}

.gallery__tile.devTest .gallery__tile__item-10::before {
    content: "10"
}

.gallery__tile.devTest .gallery__tile__item-11::before {
    content: "11"
}

.gallery__tile.devTest .gallery__tile__item-12::before {
    content: "12"
}

.gallery__tile.devTest .gallery__tile__item-13::before {
    content: "13"
}

.gallery__tile.devTest .gallery__tile__item-14::before {
    content: "14"
}

.gallery__tile.devTest .gallery__tile__item-15::before {
    content: "15"
}

.gallery__tile.devTest .gallery__tile__item-16::before {
    content: "16"
}

.gallery__tile.devTest .gallery__tile__item-17::before {
    content: "17"
}

.gallery__tile.devTest .gallery__tile__item-18::before {
    content: "18"
}

.gallery__tile.devTest .gallery__tile__item-19::before {
    content: "19"
}

.gallery__tile.devTest .gallery__tile__item-20::before {
    content: "20"
}

.gallery__tile.devTest .gallery__tile__item-21::before {
    content: "21"
}

.gallery__tile.devTest .gallery__tile__item-22::before {
    content: "22"
}

.gallery__tile.devTest .gallery__tile__item-23::before {
    content: "23"
}

.gallery__tile.devTest .gallery__tile__item-24::before {
    content: "24"
}

.gallery__tile.devTest .gallery__tile__item-25::before {
    content: "25"
}

.gallery__tile.devTest .gallery__tile__item-26::before {
    content: "26"
}

.gallery__tile.devTest .gallery__tile__item-27::before {
    content: "27"
}

.gallery__tile.devTest .gallery__tile__item-28::before {
    content: "28"
}

.gallery__tile.devTest .gallery__tile__item-29::before {
    content: "29"
}

.gallery__tile.devTest .gallery__tile__item-30::before {
    content: "30"
}

.gallery__tile.devTest .gallery__tile__item-31::before {
    content: "31"
}

.gallery__tile.devTest .gallery__tile__item-32::before {
    content: "32"
}

.gallery__tile.devTest .gallery__tile__item-33::before {
    content: "33"
}

.gallery__tile.devTest .gallery__tile__item-34::before {
    content: "34"
}

.gallery__tile.devTest .gallery__tile__item-35::before {
    content: "35"
}

.gallery__tile.devTest .gallery__tile__item-36::before {
    content: "36"
}

.gallery__tile.devTest .gallery__tile__item-37::before {
    content: "37"
}

.gallery__tile.devTest .gallery__tile__item-38::before {
    content: "38"
}

.gallery__tile.devTest .gallery__tile__item-39::before {
    content: "39"
}

.gallery__tile.devTest .gallery__tile__item-40::before {
    content: "40"
}

.gallery__tile.devTest .gallery__tile__item-41::before {
    content: "41"
}

.gallery__tile.devTest .gallery__tile__item-42::before {
    content: "42"
}

.gallery__tile.devTest .gallery__tile__item-43::before {
    content: "43"
}

.gallery__tile.devTest .gallery__tile__item-44::before {
    content: "44"
}

.gallery__tile.devTest .gallery__tile__item-45::before {
    content: "45"
}

.gallery__tile.devTest .gallery__tile__item-46::before {
    content: "46"
}

.gallery__tile.devTest .gallery__tile__item-47::before {
    content: "47"
}

.gallery__tile.devTest .gallery__tile__item-48::before {
    content: "48"
}

.gallery__tile.devTest .gallery__tile__item-49::before {
    content: "49"
}

@media all and (min-width:1280px) {
    .gallery__tile .large-order-0 {
        order: 0
    }

    .gallery__tile .large-order-1 {
        order: 1
    }

    .gallery__tile .large-order-2 {
        order: 2
    }

    .gallery__tile .large-order-3 {
        order: 3
    }

    .gallery__tile .large-order-4 {
        order: 4
    }

    .gallery__tile .large-order-5 {
        order: 5
    }

    .gallery__tile .large-order-6 {
        order: 6
    }

    .gallery__tile .large-order-7 {
        order: 7
    }

    .gallery__tile .large-order-8 {
        order: 8
    }

    .gallery__tile .large-order-9 {
        order: 9
    }

    .gallery__tile .large-order-10 {
        order: 10
    }

    .gallery__tile .large-order-11 {
        order: 11
    }

    .gallery__tile .large-order-12 {
        order: 12
    }

    .gallery__tile .large-order-13 {
        order: 13
    }

    .gallery__tile .large-order-14 {
        order: 14
    }

    .gallery__tile .large-order-15 {
        order: 15
    }

    .gallery__tile .large-order-16 {
        order: 16
    }

    .gallery__tile .large-order-17 {
        order: 17
    }

    .gallery__tile .large-order-18 {
        order: 18
    }

    .gallery__tile .large-order-19 {
        order: 19
    }

    .gallery__tile .large-order-20 {
        order: 20
    }

    .gallery__tile .large-order-21 {
        order: 21
    }

    .gallery__tile .large-order-22 {
        order: 22
    }

    .gallery__tile .large-order-23 {
        order: 23
    }

    .gallery__tile .large-order-24 {
        order: 24
    }

    .gallery__tile .large-order-25 {
        order: 25
    }

    .gallery__tile .large-order-26 {
        order: 26
    }

    .gallery__tile .large-order-27 {
        order: 27
    }

    .gallery__tile .large-order-28 {
        order: 28
    }

    .gallery__tile .large-order-29 {
        order: 29
    }

    .gallery__tile .large-order-30 {
        order: 30
    }

    .gallery__tile .large-order-31 {
        order: 31
    }

    .gallery__tile .large-order-32 {
        order: 32
    }

    .gallery__tile .large-order-33 {
        order: 33
    }

    .gallery__tile .large-order-34 {
        order: 34
    }

    .gallery__tile .large-order-35 {
        order: 35
    }

    .gallery__tile .large-order-36 {
        order: 36
    }

    .gallery__tile .large-order-37 {
        order: 37
    }

    .gallery__tile .large-order-38 {
        order: 38
    }

    .gallery__tile .large-order-39 {
        order: 39
    }

    .gallery__tile .large-order-40 {
        order: 40
    }

    .gallery__tile .large-order-41 {
        order: 41
    }

    .gallery__tile .large-order-42 {
        order: 42
    }

    .gallery__tile .large-order-43 {
        order: 43
    }

    .gallery__tile .large-order-44 {
        order: 44
    }

    .gallery__tile .large-order-45 {
        order: 45
    }

    .gallery__tile .large-order-46 {
        order: 46
    }

    .gallery__tile .large-order-47 {
        order: 47
    }

    .gallery__tile .large-order-48 {
        order: 48
    }

    .gallery__tile .large-order-49 {
        order: 49
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .gallery__tile .medium-order-0 {
        order: 0
    }

    .gallery__tile .medium-order-1 {
        order: 1
    }

    .gallery__tile .medium-order-2 {
        order: 2
    }

    .gallery__tile .medium-order-3 {
        order: 3
    }

    .gallery__tile .medium-order-4 {
        order: 4
    }

    .gallery__tile .medium-order-5 {
        order: 5
    }

    .gallery__tile .medium-order-6 {
        order: 6
    }

    .gallery__tile .medium-order-7 {
        order: 7
    }

    .gallery__tile .medium-order-8 {
        order: 8
    }

    .gallery__tile .medium-order-9 {
        order: 9
    }

    .gallery__tile .medium-order-10 {
        order: 10
    }

    .gallery__tile .medium-order-11 {
        order: 11
    }

    .gallery__tile .medium-order-12 {
        order: 12
    }

    .gallery__tile .medium-order-13 {
        order: 13
    }

    .gallery__tile .medium-order-14 {
        order: 14
    }

    .gallery__tile .medium-order-15 {
        order: 15
    }

    .gallery__tile .medium-order-16 {
        order: 16
    }

    .gallery__tile .medium-order-17 {
        order: 17
    }

    .gallery__tile .medium-order-18 {
        order: 18
    }

    .gallery__tile .medium-order-19 {
        order: 19
    }

    .gallery__tile .medium-order-20 {
        order: 20
    }

    .gallery__tile .medium-order-21 {
        order: 21
    }

    .gallery__tile .medium-order-22 {
        order: 22
    }

    .gallery__tile .medium-order-23 {
        order: 23
    }

    .gallery__tile .medium-order-24 {
        order: 24
    }

    .gallery__tile .medium-order-25 {
        order: 25
    }

    .gallery__tile .medium-order-26 {
        order: 26
    }

    .gallery__tile .medium-order-27 {
        order: 27
    }

    .gallery__tile .medium-order-28 {
        order: 28
    }

    .gallery__tile .medium-order-29 {
        order: 29
    }

    .gallery__tile .medium-order-30 {
        order: 30
    }

    .gallery__tile .medium-order-31 {
        order: 31
    }

    .gallery__tile .medium-order-32 {
        order: 32
    }

    .gallery__tile .medium-order-33 {
        order: 33
    }

    .gallery__tile .medium-order-34 {
        order: 34
    }

    .gallery__tile .medium-order-35 {
        order: 35
    }

    .gallery__tile .medium-order-36 {
        order: 36
    }

    .gallery__tile .medium-order-37 {
        order: 37
    }

    .gallery__tile .medium-order-38 {
        order: 38
    }

    .gallery__tile .medium-order-39 {
        order: 39
    }

    .gallery__tile .medium-order-40 {
        order: 40
    }

    .gallery__tile .medium-order-41 {
        order: 41
    }

    .gallery__tile .medium-order-42 {
        order: 42
    }

    .gallery__tile .medium-order-43 {
        order: 43
    }

    .gallery__tile .medium-order-44 {
        order: 44
    }

    .gallery__tile .medium-order-45 {
        order: 45
    }

    .gallery__tile .medium-order-46 {
        order: 46
    }

    .gallery__tile .medium-order-47 {
        order: 47
    }

    .gallery__tile .medium-order-48 {
        order: 48
    }

    .gallery__tile .medium-order-49 {
        order: 49
    }
}

@media all and (max-width:730.5px) {
    .gallery__tile .small-order-0 {
        order: 0
    }

    .gallery__tile .small-order-1 {
        order: 1
    }

    .gallery__tile .small-order-2 {
        order: 2
    }

    .gallery__tile .small-order-3 {
        order: 3
    }

    .gallery__tile .small-order-4 {
        order: 4
    }

    .gallery__tile .small-order-5 {
        order: 5
    }

    .gallery__tile .small-order-6 {
        order: 6
    }

    .gallery__tile .small-order-7 {
        order: 7
    }

    .gallery__tile .small-order-8 {
        order: 8
    }

    .gallery__tile .small-order-9 {
        order: 9
    }

    .gallery__tile .small-order-10 {
        order: 10
    }

    .gallery__tile .small-order-11 {
        order: 11
    }

    .gallery__tile .small-order-12 {
        order: 12
    }

    .gallery__tile .small-order-13 {
        order: 13
    }

    .gallery__tile .small-order-14 {
        order: 14
    }

    .gallery__tile .small-order-15 {
        order: 15
    }

    .gallery__tile .small-order-16 {
        order: 16
    }

    .gallery__tile .small-order-17 {
        order: 17
    }

    .gallery__tile .small-order-18 {
        order: 18
    }

    .gallery__tile .small-order-19 {
        order: 19
    }

    .gallery__tile .small-order-20 {
        order: 20
    }

    .gallery__tile .small-order-21 {
        order: 21
    }

    .gallery__tile .small-order-22 {
        order: 22
    }

    .gallery__tile .small-order-23 {
        order: 23
    }

    .gallery__tile .small-order-24 {
        order: 24
    }

    .gallery__tile .small-order-25 {
        order: 25
    }

    .gallery__tile .small-order-26 {
        order: 26
    }

    .gallery__tile .small-order-27 {
        order: 27
    }

    .gallery__tile .small-order-28 {
        order: 28
    }

    .gallery__tile .small-order-29 {
        order: 29
    }

    .gallery__tile .small-order-30 {
        order: 30
    }

    .gallery__tile .small-order-31 {
        order: 31
    }

    .gallery__tile .small-order-32 {
        order: 32
    }

    .gallery__tile .small-order-33 {
        order: 33
    }

    .gallery__tile .small-order-34 {
        order: 34
    }

    .gallery__tile .small-order-35 {
        order: 35
    }

    .gallery__tile .small-order-36 {
        order: 36
    }

    .gallery__tile .small-order-37 {
        order: 37
    }

    .gallery__tile .small-order-38 {
        order: 38
    }

    .gallery__tile .small-order-39 {
        order: 39
    }

    .gallery__tile .small-order-40 {
        order: 40
    }

    .gallery__tile .small-order-41 {
        order: 41
    }

    .gallery__tile .small-order-42 {
        order: 42
    }

    .gallery__tile .small-order-43 {
        order: 43
    }

    .gallery__tile .small-order-44 {
        order: 44
    }

    .gallery__tile .small-order-45 {
        order: 45
    }

    .gallery__tile .small-order-46 {
        order: 46
    }

    .gallery__tile .small-order-47 {
        order: 47
    }

    .gallery__tile .small-order-48 {
        order: 48
    }

    .gallery__tile .small-order-49 {
        order: 49
    }
}

@media all and (min-width:1280px) {
    .gallery__tile .large-grid-row-0 {
        grid-row-end: span 0
    }

    .gallery__tile .large-grid-row-1 {
        grid-row-end: span 1
    }

    .gallery__tile .large-grid-row-2 {
        grid-row-end: span 2
    }

    .gallery__tile .large-grid-row-3 {
        grid-row-end: span 3
    }

    .gallery__tile .large-grid-row-4 {
        grid-row-end: span 4
    }

    .gallery__tile .large-grid-row-5 {
        grid-row-end: span 5
    }

    .gallery__tile .large-grid-row-6 {
        grid-row-end: span 6
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .gallery__tile .medium-grid-row-0 {
        grid-row-end: span 0
    }

    .gallery__tile .medium-grid-row-1 {
        grid-row-end: span 1
    }

    .gallery__tile .medium-grid-row-2 {
        grid-row-end: span 2
    }

    .gallery__tile .medium-grid-row-3 {
        grid-row-end: span 3
    }

    .gallery__tile .medium-grid-row-4 {
        grid-row-end: span 4
    }

    .gallery__tile .medium-grid-row-5 {
        grid-row-end: span 5
    }

    .gallery__tile .medium-grid-row-6 {
        grid-row-end: span 6
    }
}

@media all and (max-width:730.5px) {
    .gallery__tile .small-grid-row-0 {
        grid-row-end: span 0
    }

    .gallery__tile .small-grid-row-1 {
        grid-row-end: span 1
    }

    .gallery__tile .small-grid-row-2 {
        grid-row-end: span 2
    }

    .gallery__tile .small-grid-row-3 {
        grid-row-end: span 3
    }

    .gallery__tile .small-grid-row-4 {
        grid-row-end: span 4
    }

    .gallery__tile .small-grid-row-5 {
        grid-row-end: span 5
    }

    .gallery__tile .small-grid-row-6 {
        grid-row-end: span 6
    }
}

@media all and (min-width:1280px) {
    .gallery__tile .large-grid-col-0 {
        grid-column-end: span 0
    }

    .gallery__tile .large-grid-col-1 {
        grid-column-end: span 1
    }

    .gallery__tile .large-grid-col-2 {
        grid-column-end: span 2
    }

    .gallery__tile .large-grid-col-3 {
        grid-column-end: span 3
    }

    .gallery__tile .large-grid-col-4 {
        grid-column-end: span 4
    }

    .gallery__tile .large-grid-col-5 {
        grid-column-end: span 5
    }

    .gallery__tile .large-grid-col-6 {
        grid-column-end: span 6
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .gallery__tile .medium-grid-col-0 {
        grid-column-end: span 0
    }

    .gallery__tile .medium-grid-col-1 {
        grid-column-end: span 1
    }

    .gallery__tile .medium-grid-col-2 {
        grid-column-end: span 2
    }

    .gallery__tile .medium-grid-col-3 {
        grid-column-end: span 3
    }

    .gallery__tile .medium-grid-col-4 {
        grid-column-end: span 4
    }

    .gallery__tile .medium-grid-col-5 {
        grid-column-end: span 5
    }

    .gallery__tile .medium-grid-col-6 {
        grid-column-end: span 6
    }
}

@media all and (max-width:730.5px) {
    .gallery__tile .small-grid-col-0 {
        grid-column-end: span 0
    }

    .gallery__tile .small-grid-col-1 {
        grid-column-end: span 1
    }

    .gallery__tile .small-grid-col-2 {
        grid-column-end: span 2
    }

    .gallery__tile .small-grid-col-3 {
        grid-column-end: span 3
    }

    .gallery__tile .small-grid-col-4 {
        grid-column-end: span 4
    }

    .gallery__tile .small-grid-col-5 {
        grid-column-end: span 5
    }

    .gallery__tile .small-grid-col-6 {
        grid-column-end: span 6
    }
}

.section__military__grade .wd__content .content__slogan {
    color: #000
}

.section__military__grade .wd__content .content__title {
    color: #333
}

.section__military__grade .wd__content .content__info {
    color: #333
}

.section__military__grade .wd__feature__list .wd__feature__data,
.section__military__grade .wd__feature__list .wd__feature__data *,
.section__military__grade .wd__feature__list .wd__feature__describe,
.section__military__grade .wd__feature__list .wd__feature__describe *,
.section__military__grade .wd__feature__list .wd__feature__describe__top,
.section__military__grade .wd__feature__list .wd__feature__describe__top * {
    color: #333
}

.section__military__grade .gallery__tile__item {
    background-color: #ccc
}

.section__military__grade .gallery__tile .item__head__slogan-text {
    color: #000
}

.section__military__grade .gallery__tile .item__content-main {
    color: #181818
}

.section__military__grade .gallery__tile .item__content-sub {
    color: #afafaf
}

.section__military__grade.theme-black {
    background-color: #000
}

.section__military__grade.theme-black .gallery__tile__item {
    background-color: #171717
}

.section__military__grade.theme-black .gallery__tile .item__head__slogan-text span {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -moz-linear-gradient(90deg, #f2c370 0, #fff7e2 44%, #f3b35d 100%);
    background-image: -webkit-linear-gradient(90deg, #f2c370 0, #fff7e2 44%, #f3b35d 100%);
    background-image: -ms-linear-gradient(90deg, #f2c370 0, #fff7e2 44%, #f3b35d 100%);
    background-image: linear-gradient(90deg, #f2c370 0, #fff7e2 44%, #f3b35d 100%);
    display: block
}

.section__military__grade.theme-black .gallery__tile .item__content-main {
    color: #fff
}

.section__military__grade.theme-black .gallery__tile .item__content-sub {
    color: #afafaf
}

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

    .section__military__grade .item__content-main,
    .section__military__grade .item__content-main * {
        color: #afafaf
    }
}

.section__military__grade {
    margin-top: 0;
    padding-top: 0
}

.section__military__grade .wd__content {
    position: relative;
    z-index: 5
}

.section__military__grade .wd__content .content__info {
    color: #fff
}

.section__military__grade .wd__feature__list {
    z-index: 4
}

.section__military__grade .gallery__tile .item__head {
    display: flex;
    align-items: center
}

.section__military__grade .gallery__tile .item__head__slogan-text {
    padding-left: 20px;
    text-align: left;
    line-height: 1.4
}

.section__military__grade .gallery__tile .img__slogan {
    width: 84px;
    height: 76px
}

.section__military__grade .gallery__tile .item__content {
    text-align: left;
    line-height: 1.4
}

.section__military__grade .gallery__tile .item__content-main {
    margin-bottom: 5px
}

.section__military__grade .gallery__tile .item__content-sub {
    margin-bottom: 15px;
    color: #afafaf
}

.section__military__grade .gallery__tile .item__content-sub .item__content-text {
    margin-bottom: 5px
}

.section__military__grade .image__container {
    position: relative;
    overflow: hidden;
    z-index: 1
}

.section__military__grade .img__main {
    z-index: 1
}

/* 
.section__military__grade .gallery__tile__item-0 .gallery__tile__item {
    background-image: url(../images/image/icon_0.png)
}

.section__military__grade .gallery__tile__item-1 .gallery__tile__item {
    background-image: url(../images/image/icon_1.png)
}

.section__military__grade .gallery__tile__item-2 .gallery__tile__item {
    background-image: url(../images/image/icon_2.png)
}

.section__military__grade .gallery__tile__item-3 .gallery__tile__item {
    background-image: url(../images/image/icon_3.png)
}

.section__military__grade .gallery__tile__item-4 .gallery__tile__item {
    background-image: url(../images/image/icon_4.png)
}

.section__military__grade .gallery__tile__item-5 .gallery__tile__item {
    background-image: url(../images/image/icon_5.png)
}

.section__military__grade .gallery__tile__item-6 .gallery__tile__item {
    background-image: url(../images/image/icon_6.png)
}

.section__military__grade .gallery__tile__item-7 .gallery__tile__item {
    background-image: url(../images/image/icon_7.png)
}

.section__military__grade .gallery__tile__item-8 .gallery__tile__item {
    background-image: url(../images/image/icon_8.png)
}

.section__military__grade .gallery__tile__item-9 .gallery__tile__item {
    background-image: url(../images/image/icon_9.png)
}

.section__military__grade .gallery__tile__item-10 .gallery__tile__item {
    background-image: url(../images/image/icon_10.png)
}

.section__military__grade .gallery__tile__item-11 .gallery__tile__item {
    background-image: url(../images/image/icon_11.png)
}

.section__military__grade .gallery__tile__item-12 .gallery__tile__item {
    background-image: url(../images/image/icon_12.png)
}

.section__military__grade .gallery__tile__item-13 .gallery__tile__item {
    background-image: url(../images/image/icon_13.png)
}

.section__military__grade .gallery__tile__item-14 .gallery__tile__item {
    background-image: url(../images/image/icon_14.png)
}

.section__military__grade .gallery__tile__item-15 .gallery__tile__item {
    background-image: url(../images/image/icon_15.png)
}

.section__military__grade .gallery__tile__item-16 .gallery__tile__item {
    background-image: url(../images/image/icon_16.png)
}

.section__military__grade .gallery__tile__item-17 .gallery__tile__item {
    background-image: url(../images/image/icon_17.png)
}

.section__military__grade .gallery__tile__item-18 .gallery__tile__item {
    background-image: url(../images/image/icon_18.png)
}

.section__military__grade .gallery__tile__item-19 .gallery__tile__item {
    background-image: url(../images/image/icon_19.png)
}

.section__military__grade .gallery__tile__item-20 .gallery__tile__item {
    background-image: url(../images/image/icon_20.png)
}

.section__military__grade .gallery__tile__item-21 .gallery__tile__item {
    background-image: url(../images/image/icon_21.png)
}

.section__military__grade .gallery__tile__item-22 .gallery__tile__item {
    background-image: url(../images/image/icon_22.png)
}

.section__military__grade .gallery__tile__item-23 .gallery__tile__item {
    background-image: url(../images/image/icon_23.png)
}

.section__military__grade .gallery__tile__item-24 .gallery__tile__item {
    background-image: url(../images/image/icon_24.png)
}

.section__military__grade .gallery__tile__item-25 .gallery__tile__item {
    background-image: url(../images/image/icon_25.png)
}

.section__military__grade .gallery__tile__item-26 .gallery__tile__item {
    background-image: url(../images/image/icon_26.png)
}

.section__military__grade .gallery__tile__item-27 .gallery__tile__item {
    background-image: url(../images/image/icon_27.png)
}

.section__military__grade .gallery__tile__item-28 .gallery__tile__item {
    background-image: url(../images/image/icon_28.png)
}

.section__military__grade .gallery__tile__item-29 .gallery__tile__item {
    background-image: url(../images/image/icon_29.png)
}

.section__military__grade .gallery__tile__item-30 .gallery__tile__item {
    background-image: url(../images/image/icon_30.png)
}

.section__military__grade .gallery__tile__item-31 .gallery__tile__item {
    background-image: url(../images/image/icon_31.png)
}

.section__military__grade .gallery__tile__item-32 .gallery__tile__item {
    background-image: url(../images/image/icon_32.png)
}

.section__military__grade .gallery__tile__item-33 .gallery__tile__item {
    background-image: url(../images/image/icon_33.png)
}

.section__military__grade .gallery__tile__item-34 .gallery__tile__item {
    background-image: url(../images/image/icon_34.png)
}


.section__military__grade .gallery__tile__item-35 .gallery__tile__item {
    background-image: url(../images/image/icon_35.png)
}

.section__military__grade .gallery__tile__item-36 .gallery__tile__item {
    background-image: url(../images/image/icon_36.png)
}

.section__military__grade .gallery__tile__item-37 .gallery__tile__item {
    background-image: url(../images/image/icon_37.png)
}

.section__military__grade .gallery__tile__item-38 .gallery__tile__item {
    background-image: url(../images/image/icon_38.png)
}

.section__military__grade .gallery__tile__item-39 .gallery__tile__item {
    background-image: url(../images/image/icon_39.png)
}

.section__military__grade .gallery__tile__item-40 .gallery__tile__item {
    background-image: url(../images/image/icon_40.png)
} */

/* .section__military__grade .gallery__tile__item .icon-shocktest {
    background-image: url(../images/image/icon_shocktest.png)
} */

/* .section__military__grade .gallery__tile__item .icon-vibrationtest {
    background-image: url(../images/image/icon_vibrationtest.png)
} 
 .section__military__grade .gallery__tile__item .icon-hightemperaturetest {
    background-image: url(../images/image/icon_hightemperaturetest.png)
}

.section__military__grade .gallery__tile__item .icon-lowtemperaturetest {
    background-image: url(../images/image/icon_lowtemperaturetest.png)
}

.section__military__grade .gallery__tile__item .icon-humiditytest {
    background-image: url(../images/image/icon_humiditytest.png)
}

.section__military__grade .gallery__tile__item .icon-temperatureshocktest {
    background-image: url(../images/image/icon_temperatureshocktest.png)
}

.section__military__grade .gallery__tile__item .icon-sandanddusttest {
    background-image: url(../images/image/icon_sandanddusttest.png)
}

.section__military__grade .gallery__tile__item .icon-freezethawtest {
    background-image: url(../images/image/icon_freezethawtest.png)
}


.section__military__grade .gallery__tile__item .icon-altitudetest {
    background-image: url(../images/image/icon_altitudetest.png)
}

.section__military__grade .gallery__tile__item .icon-solarradiationtest {
    background-image: url(../images/image/icon_solarradiationtest.png)
}

.section__military__grade .gallery__tile__item .icon-mechanicalvibrationtest {
    background-image: url(../images/image/icon_mechanicalvibrationtest.png)
}

.section__military__grade .gallery__tile__item .icon-explosiveatmospheretest {
    background-image: url(../images/image/icon_explosiveatmospheretest.png)
} */

.section__military__grade.use-page-imgs .gallery__tile__item-0 .gallery__tile__item {
    /* background-image: url(../images/image/icon_0.png) */
}

/* .section__military__grade.use-page-imgs .gallery__tile__item-1 .gallery__tile__item {
    background-image: url(../images/image/icon_1.png)
}

.section__military__grade.use-page-imgs .gallery__tile__item-2 .gallery__tile__item {
    background-image: url(../images/image/icon_2.png)
}

.section__military__grade.use-page-imgs .gallery__tile__item-3 .gallery__tile__item {
    background-image: url(../images/image/icon_3.png)
}

.section__military__grade.use-page-imgs .gallery__tile__item-4 .gallery__tile__item {
    background-image: url(../images/image/icon_4.png)
}

.section__military__grade.use-page-imgs .gallery__tile__item-5 .gallery__tile__item {
    background-image: url(../images/image/icon_5.png)
}

.section__military__grade.use-page-imgs .gallery__tile__item-6 .gallery__tile__item {
    background-image: url(../images/image/icon_6.png)
}

.section__military__grade.use-page-imgs .gallery__tile__item-7 .gallery__tile__item {
    background-image: url(../images/image/icon_7.png)
}

.section__military__grade.use-page-imgs .gallery__tile__item-8 .gallery__tile__item {
    background-image: url(../images/image/icon_8.png)
}

.section__military__grade.use-page-imgs .gallery__tile__item-9 .gallery__tile__item {
    background-image: url(../images/image/icon_9.png)
}

.section__military__grade.use-page-imgs .gallery__tile__item-10 .gallery__tile__item {
    background-image: url(../images/image/icon_10.png)
}

.section__military__grade.use-page-imgs .gallery__tile__item-11 .gallery__tile__item {
    background-image: url(../images/image/icon_11.png)
}

.section__military__grade.use-page-imgs .gallery__tile__item-12 .gallery__tile__item {
    background-image: url(../images/image/icon_12.png)
}

.section__military__grade.use-page-imgs .gallery__tile__item-13 .gallery__tile__item {
    background-image: url(../images/image/icon_13.png)
}

.section__military__grade.use-page-imgs .gallery__tile__item-14 .gallery__tile__item {
    background-image: url(../images/image/icon_14.png)
}

.section__military__grade.use-page-imgs .gallery__tile__item-15 .gallery__tile__item {
    background-image: url(../images/image/icon_15.png)
}

.section__military__grade.use-page-imgs .gallery__tile__item-16 .gallery__tile__item {
    background-image: url(../images/image/icon_16.png)
}

.section__military__grade.use-page-imgs .gallery__tile__item-17 .gallery__tile__item {
    background-image: url(../images/image/icon_17.png)
}

.section__military__grade.use-page-imgs .gallery__tile__item-18 .gallery__tile__item {
    background-image: url(../images/image/icon_18.png)
}

.section__military__grade.use-page-imgs .gallery__tile__item-19 .gallery__tile__item {
    background-image: url(../images/image/icon_19.png)
}


.section__military__grade.use-page-imgs .gallery__tile__item-20 .gallery__tile__item {
    background-image: url(../images/image/icon_20.png)
}

.section__military__grade.use-page-imgs .gallery__tile__item-21 .gallery__tile__item {
    background-image: url(../images/image/icon_21.png)
}

.section__military__grade.use-page-imgs .gallery__tile__item-22 .gallery__tile__item {
    background-image: url(../images/image/icon_22.png)
}

.section__military__grade.use-page-imgs .gallery__tile__item-23 .gallery__tile__item {
    background-image: url(../images/image/icon_23.png)
}


.section__military__grade.use-page-imgs .gallery__tile__item-24 .gallery__tile__item {
    background-image: url(../images/image/icon_24.png)
}


.section__military__grade.use-page-imgs .gallery__tile__item-25 .gallery__tile__item {
    background-image: url(../images/image/icon_25.png)
}

.section__military__grade.use-page-imgs .gallery__tile__item-26 .gallery__tile__item {
    background-image: url(../images/image/icon_26.png)
}


.section__military__grade.use-page-imgs .gallery__tile__item-27 .gallery__tile__item {
    background-image: url(../images/image/icon_27.png)
}


.section__military__grade.use-page-imgs .gallery__tile__item-28 .gallery__tile__item {
    background-image: url(../images/image/icon_28.png)
}


.section__military__grade.use-page-imgs .gallery__tile__item-29 .gallery__tile__item {
    background-image: url(../images/image/icon_29.png)
}


.section__military__grade.use-page-imgs .gallery__tile__item-30 .gallery__tile__item {
    background-image: url(../images/image/icon_30.png)
}


.section__military__grade.use-page-imgs .gallery__tile__item-31 .gallery__tile__item {
    background-image: url(../images/image/icon_31.png)
}

.section__military__grade.use-page-imgs .gallery__tile__item-32 .gallery__tile__item {
    background-image: url(../images/image/icon_32.png)
}


.section__military__grade.use-page-imgs .gallery__tile__item-33 .gallery__tile__item {
    background-image: url(../images/image/icon_33.png)
}


.section__military__grade.use-page-imgs .gallery__tile__item-34 .gallery__tile__item {
    background-image: url(../images/image/icon_34.png)
}

.section__military__grade.use-page-imgs .gallery__tile__item-35 .gallery__tile__item {
    background-image: url(../images/image/icon_35.png)
}


.section__military__grade.use-page-imgs .gallery__tile__item-36 .gallery__tile__item {
    background-image: url(../images/image/icon_36.png)
}

.section__military__grade.use-page-imgs .gallery__tile__item-37 .gallery__tile__item {
    background-image: url(../images/image/icon_37.png)
}

.section__military__grade.use-page-imgs .gallery__tile__item-38 .gallery__tile__item {
    background-image: url(../images/image/icon_38.png)
}

.section__military__grade.use-page-imgs .gallery__tile__item-39 .gallery__tile__item {
    background-image: url(../images/image/icon_39.png)
}


.section__military__grade.use-page-imgs .gallery__tile__item-40 .gallery__tile__item {
    background-image: url(../images/image/icon_40.png)
} */


.section__military__grade.use-page-imgs .gallery__tile__item .icon-shocktest {
    background-image: url(../images/image/icon_shocktest.png)
}


.section__military__grade.use-page-imgs .gallery__tile__item .icon-vibrationtest {
    background-image: url(../images/image/icon_vibrationtest.png)
}


.section__military__grade.use-page-imgs .gallery__tile__item .icon-hightemperaturetest {
    background-image: url(../images/image/icon_hightemperaturetest.png)
}

.section__military__grade.use-page-imgs .gallery__tile__item .icon-lowtemperaturetest {
    background-image: url(../images/image/icon_lowtemperaturetest.png)
}


.section__military__grade.use-page-imgs .gallery__tile__item .icon-humiditytest {
    background-image: url(../images/image/icon_humiditytest.png)
}


.section__military__grade.use-page-imgs .gallery__tile__item .icon-temperatureshocktest {
    background-image: url(../images/image/icon_temperatureshocktest.png)
}


.section__military__grade.use-page-imgs .gallery__tile__item .icon-sandanddusttest {
    background-image: url(../images/image/icon_sandanddusttest.png)
}


.section__military__grade.use-page-imgs .gallery__tile__item .icon-freezethawtest {
    background-image: url(../images/image/icon_freezethawtest.png)
}


.section__military__grade.use-page-imgs .gallery__tile__item .icon-altitudetest {
    background-image: url(../images/image/icon_altitudetest.png)
}


.section__military__grade.use-page-imgs .gallery__tile__item .icon-solarradiationtest {
    background-image: url(../images/image/icon_solarradiationtest.png)
}


.section__military__grade.use-page-imgs .gallery__tile__item .icon-mechanicalvibrationtest {
    background-image: url(../images/image/icon_mechanicalvibrationtest.png)
}


.section__military__grade.use-page-imgs .gallery__tile__item .icon-explosiveatmospheretest {
    background-image: url(../images/image/icon_explosiveatmospheretest.png)
}


.section__military__grade .gallery__tile .img__slogan {
    background-size: contain
}

.section__creatorhub-outer-s1 {
    overflow: hidden
}

.section__creatorhub-outer-s1 .wdtab__nav {
    z-index: -1;
    top: 40px;
    visibility: hidden;
    opacity: 0;
    height: 0
}

.section__creatorhub-outer-s1 .wdtab .wdtab__autoPlay {
    z-index: 6
}

.section__creatorhub-outer-s1 .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-circle {
    stroke: #fff;
    fill: #000
}

.section__creatorhub-outer-s1 .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-line {
    fill: #fff;
    stroke: #fff
}

.section__creatorhub-outer-s1 .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-triangle .triangle {
    fill: #fff
}

.section__creatorhub-outer-s1 .wdtab__panel__item .img__main {
    margin: 0 auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.section__creatorhub-outer-s2 {
    overflow: hidden
}

.section__creatorhub-outer-s2 .wd__feature__list {
    z-index: 2
}

.section__creatorhub-outer-s2 .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-circle {
    stroke: transparent;
    fill: transparent
}

.section__creatorhub-outer-s2 .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-line {
    fill: #fff;
    stroke: #fff
}

.section__creatorhub-outer-s2 .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-triangle .triangle {
    fill: #fff
}

.section__creatorhub-outer-s2 .wdtab .wdtab__nav {
    background-color: transparent
}

.section__creatorhub-outer-s2 .wdtab .wdtab__nav::before {
    display: none
}

.section__creatorhub-outer-s2 .wdtab .wdtab__nav .wdtab__nav-btn {
    margin: 0 20px;
    padding: 10px 0 12px;
    color: grey;
    border: 2px solid grey;
    border-radius: 40px
}

.section__creatorhub-outer-s2 .wdtab .wdtab__nav .wdtab__nav-btn::before {
    display: none
}

.section__creatorhub-outer-s2 .wdtab .slick-info-text {
    color: #fff;
    line-height: 1.5
}

.section__creatorhub-outer-s2 .wdtab .wdtab__nav-btn.active,
.section__creatorhub-outer-s2 .wdtab .wdtab__nav-btn.focus-visible,
.section__creatorhub-outer-s2 .wdtab .wdtab__nav-btn:hover {
    color: #fff;
    outline: 0;
    border-color: #9ecaed;
    box-shadow: 0 0 12px #9ecaed;
    background-color: rgba(255, 255, 255, .15)
}

.section__creatorhub-outer-s3 {
    position: relative;
    overflow: hidden
}

.section__creatorhub-outer-s3::after {
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 623px;
    background-color: #000;
    content: ""
}

.section__creatorhub-outer-s3 .wdtab .wd__play__btn.wdtab__autoPlay {
    z-index: 10
}

.section__creatorhub-outer-s3 .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-circle {
    stroke: transparent;
    fill: transparent
}

.section__creatorhub-outer-s3 .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-line {
    fill: #fff;
    stroke: #fff
}

.section__creatorhub-outer-s3 .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-triangle .triangle {
    fill: #fff
}

.section__creatorhub-outer-s3 .wdtab__nav {
    z-index: 10;
    background-color: transparent
}

.section__creatorhub-outer-s3 .wdtab__nav::before {
    display: none
}

.section__creatorhub-outer-s3 .wdtab__nav .wdtab__nav-btn {
    margin: 0 20px;
    padding: 10px 0 12px;
    color: grey;
    border: 2px solid grey;
    border-radius: 40px
}

.section__creatorhub-outer-s3 .wdtab__nav .wdtab__nav-btn::before {
    display: none
}

.section__creatorhub-outer-s3 .wdtab .wdtab__nav-btn.active,
.section__creatorhub-outer-s3 .wdtab .wdtab__nav-btn.focus-visible,
.section__creatorhub-outer-s3 .wdtab .wdtab__nav-btn:hover {
    color: #fff;
    outline: 0;
    border-color: #9ecaed;
    background-color: rgba(255, 255, 255, .15);
    box-shadow: 0 0 12px #9ecaed
}

.section__creatorhub-outer-s3 .wdtab .wdtab__panel__item {
    position: relative;
    transition: opacity 1s ease 0s;
    transition-delay: .8s
}

.section__creatorhub-outer-s3 .wdtab .wdtab__panel__item.active {
    transition-delay: 0s
}

.section__creatorhub-outer-s3 .wdtab .slick-info {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    padding-bottom: 50px;
    width: 90%;
    max-width: 800px;
    color: #fff
}

.section__creatorhub-outer-s3 .wdtab .slick-info .slick-info-text {
    font-size: 18px;
    text-align: center;
    line-height: 1.5
}

.section__creatorhub-outer-s3 .wdtab .slick-image {
    overflow: visible;
    top: 0;
    left: 50%;
    margin: 0;
    margin-top: 0;
    width: 2560px;
    height: 1200px;
    transform: translateX(-50%)
}

.section__creatorhub-outer-s3 .wdtab .img-slick {
    left: 50%;
    margin-left: -1280px;
    width: 2560px;
    height: 1200px;
    position: absolute;
    top: unset;
    bottom: 0;
    background-color: #fff
}

#CMD .section__creatorhub-outer-s3 .img-slick {
    background-image: url(../images/image/pd.jpg)
}

#CMD .section__creatorhub-outer-s3 .img-slick {
    mask: url(../images/image/pd_mask.png);
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url(../images/image/pd_mask.png);
    -webkit-mask-position: center;
    -webkit-mask-size: contain
}

#CMD .section__creatorhub-outer-s3.use-page-imgs .img-slick {
    background-image: url(../images/image/pd.jpg)
}

#CMD .section__creatorhub-outer-s3.use-page-imgs .img-slick {
    mask: url(../images/image/pd_mask.png);
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url(../images/image/pd_mask.png);
    -webkit-mask-position: center;
    -webkit-mask-size: contain
}

.section__creatorhub-outer-s3 .wdtab .bigScreen {
    position: absolute;
    z-index: 2;
    top: 147px;
    width: 100%;
    height: 260px;
    background-color: rgba(0, 0, 0, .5)
}

.section__creatorhub-outer-s3 .wdtab .smallScreen {
    position: absolute;
    bottom: 500px;
    width: 100%;
    height: 253px;
    background: #000
}

#wdTab-screenpad-0 .nav__icon {
    -webkit-mask-image: url(../images/image/icon0.png);
    mask-image: url(../images/image/icon0.png);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat
}

#wdTab-screenpad-1 .nav__icon {
    -webkit-mask-image: url(../images/image/icon1.png);
    mask-image: url(../images/image/icon1.png);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat
}

#wdTab-screenpad-2 .nav__icon {
    -webkit-mask-image: url(../images/image/icon2.png);
    mask-image: url(../images/image/icon2.png);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat
}

#wdTab-screenpad-3 .nav__icon {
    -webkit-mask-image: url(../images/image/icon3.png);
    mask-image: url(../images/image/icon3.png);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat
}

#wdTab-screenpad-4 .nav__icon {
    -webkit-mask-image: url(../images/image/icon4.png);
    mask-image: url(../images/image/icon4.png);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat
}

#wdTab-screenpad-5 .nav__icon {
    -webkit-mask-image: url(../images/image/icon5.png);
    mask-image: url(../images/image/icon5.png);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat
}

#wdTab-screenpad-6 .nav__icon {
    -webkit-mask-image: url(../images/image/icon6.png);
    mask-image: url(../images/image/icon6.png);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat
}

#wdTab-screenpad-7 .nav__icon {
    -webkit-mask-image: url(../images/image/icon7.png);
    mask-image: url(../images/image/icon7.png);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat
}

#wdTab-screenpad-8 .nav__icon {
    -webkit-mask-image: url(../images/image/icon8.png);
    mask-image: url(../images/image/icon8.png);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat
}

.section__creatorhub-outer-s4 {
    overflow: hidden;
    margin-top: 0;
    padding-top: 0
}

.section__creatorhub-outer-s4 .wdtab {
    margin: 63px auto 0;
    margin-top: 620px;
    padding-bottom: 0;
    width: 100%;
    max-width: 1128px;
    min-height: 438px
}

.section__creatorhub-outer-s4 .wdtab .wd__play__btn.wdtab__autoPlay {
    z-index: 10
}

.section__creatorhub-outer-s4 .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-circle {
    fill: transparent;
    stroke: transparent
}

.section__creatorhub-outer-s4 .wdtab .wd__play__btn.wdtab__autoPlay .svg-line {
    fill: #fff;
    stroke: #fff
}

.section__creatorhub-outer-s4 .wdtab .wd__play__btn.wdtab__autoPlay .svg-triangle .triangle {
    fill: #fff
}

.section__creatorhub-outer-s4 .wdtab .wdtab__nav {
    z-index: 10;
    padding-top: 40px;
    background-color: transparent
}

.section__creatorhub-outer-s4 .wdtab .wdtab__nav-container {
    position: relative;
    z-index: 3
}

.section__creatorhub-outer-s4 .wdtab .wdtab__nav-container .nav__icon {
    margin: 0 auto;
    width: 80px;
    height: 80px;
    pointer-events: none;
    background-color: #fff;
    background-size: contain
}

.section__creatorhub-outer-s4 .wdtab .wdtab__nav-container .nav__text {
    text-transform: none !important;
    padding-top: 9px;
    padding-bottom: 17px;
    color: #fff;
    pointer-events: none;
    line-height: 1.2
}

.section__creatorhub-outer-s4 .wdtab .wdtab__nav-btn::before {
    display: block;
    position: absolute;
    bottom: -5px;
    left: calc(50% - 5.5px);
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    border-radius: 20px;
    background-color: #000;
    transform: none !important;
    transition: all .3s ease;
    content: ""
}

.section__creatorhub-outer-s4 .wdtab .wdtab__nav-btn.active::before,
.section__creatorhub-outer-s4 .wdtab .wdtab__nav-btn.focus-visible::before,
.section__creatorhub-outer-s4 .wdtab .wdtab__nav-btn:hover::before {
    border-color: #7e57ff;
    background-color: #7e57ff
}

.section__creatorhub-outer-s4 .wdtab .wdtab__nav-btn.active .nav__icon,
.section__creatorhub-outer-s4 .wdtab .wdtab__nav-btn.focus-visible .nav__icon,
.section__creatorhub-outer-s4 .wdtab .wdtab__nav-btn:hover .nav__icon {
    background-color: #7e57ff
}

.section__creatorhub-outer-s4 .wdtab .wdtab__nav-btn.active .nav__text,
.section__creatorhub-outer-s4 .wdtab .wdtab__nav-btn.focus-visible .nav__text,
.section__creatorhub-outer-s4 .wdtab .wdtab__nav-btn:hover .nav__text {
    color: #7e57ff
}

.section__creatorhub-outer-s4 .wdtab .wdtab__panel {
    overflow: visible;
    z-index: 1
}

.section__creatorhub-outer-s4 .wdtab .wdtab__panel__item {
    position: relative;
    transition: opacity 1s ease 0s;
    transition-delay: .8s
}

.section__creatorhub-outer-s4 .wdtab .wdtab__panel__item.active {
    transition-delay: 0s
}

.section__creatorhub-outer-s4 .wdtab .slick-info {
    margin: 0 auto;
    padding-bottom: 100px;
    width: 90%;
    max-width: 800px;
    color: #fff
}

.section__creatorhub-outer-s4 .wdtab .slick-info .slick-info-text {
    position: relative;
    z-index: 3;
    line-height: 1.5
}

.section__creatorhub-outer-s4 .wdtab .slick-info::before {
    display: block;
    position: absolute;
    z-index: 1;
    top: -190px;
    left: 50%;
    margin-left: -720px;
    width: 1440px;
    height: calc(100% + 132px);
    background: linear-gradient(to left, rgba(25, 35, 52, 0) 0, rgba(25, 35, 52, .87) 15%, rgba(25, 35, 52, .87) 85%, rgba(25, 35, 52, 0) 100%);
    content: ""
}

.section__creatorhub-outer-s4 .wdtab .slick-image {
    position: absolute;
    overflow: visible;
    z-index: -1;
    top: -920px;
    left: 50%;
    margin: 0;
    margin-top: 0;
    width: 2560px;
    height: 1200px;
    transform: translateX(-50%)
}

.section__creatorhub-outer-s4 .wdtab .img-slick {
    left: 50%;
    margin-left: -1280px;
    width: 2560px;
    height: 1200px;
    position: absolute;
    z-index: 9;
    top: unset;
    bottom: 0;
    background-color: #fff
}

#CMD .section__creatorhub-outer-s4 .img-slick {
    background-image: url(../images/image/pd.jpg)
}

#CMD .section__creatorhub-outer-s4 .img-slick {
    mask: url(../images/image/pd_mask.png);
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url(../images/image/pd_mask.png);
    -webkit-mask-position: center;
    -webkit-mask-size: contain
}


#CMD .section__creatorhub-outer-s4.use-page-imgs .img-slick {
    background-image: url(../images/image/pd.jpg)
}

#CMD .section__creatorhub-outer-s4.use-page-imgs .img-slick {
    mask: url(../images/image/pd_mask.png);
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url(../images/image/pd_mask.png);
    -webkit-mask-position: center;
    -webkit-mask-size: contain
}



#CMD .section__creatorhub-outer-s4 .img-slick-1 {
    background-image: url(../images/image/pd_2.jpg)
}

#CMD .section__creatorhub-outer-s4 .img-slick-1 {
    mask: url(../images/image/pd_2_mask.png);
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url(../images/image/pd_2_mask.png);
    -webkit-mask-position: center;
    -webkit-mask-size: contain
}


#CMD .section__creatorhub-outer-s4.use-page-imgs .img-slick-1 {
    background-image: url(../images/image/pd_2.jpg)
}

#CMD .section__creatorhub-outer-s4.use-page-imgs .img-slick-1 {
    mask: url(../images/image/pd_2_mask.png);
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url(../images/image/pd_2_mask.png);
    -webkit-mask-position: center;
    -webkit-mask-size: contain
}


#CMD .section__creatorhub-outer-s4 .img-slick-2 {
    background-image: url(../images/image/pd_2.jpg)
}

#CMD .section__creatorhub-outer-s4 .img-slick-2 {
    mask: url(../images/image/pd_2_mask.png);
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url(../images/image/pd_2_mask.png);
    -webkit-mask-position: center;
    -webkit-mask-size: contain
}


#CMD .section__creatorhub-outer-s4.use-page-imgs .img-slick-2 {
    background-image: url(../images/image/pd_2.jpg)
}

#CMD .section__creatorhub-outer-s4.use-page-imgs .img-slick-2 {
    mask: url(../images/image/pd_2_mask.png);
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url(../images/image/pd_2_mask.png);
    -webkit-mask-position: center;
    -webkit-mask-size: contain
}


.section__creatorhub-outer-s4 .wdtab .bigScreen {
    position: absolute;
    z-index: 3;
    top: 147px;
    width: 100%;
    height: 260px;
    background: #000
}

.section__creatorhub-outer-s4 .wdtab .smallScreen {
    position: absolute;
    bottom: 500px;
    width: 100%;
    height: 253px;
    background: #000
}

.section__creatorhub-outer-s4 .wdtab .monitorScreen {
    position: absolute;
    top: 199px;
    left: 1280px;
    width: 1060px;
    height: 329px;
    background: #000
}

.section__creatorhub-outer-s4 .wdtab .wdtab__panel__item-0 .bigScreen,
.section__creatorhub-outer-s4 .wdtab .wdtab__panel__item-1 .bigScreen {
    top: 376px;
    left: 669px;
    width: 560px;
    height: 160px
}

.section__creatorhub-outer-s4 .wdtab .wdtab__panel__item-0 .smallScreen,
.section__creatorhub-outer-s4 .wdtab .wdtab__panel__item-1 .smallScreen {
    top: 558px;
    left: 731px;
    width: 495px;
    height: 148px
}

.creatorhub-outer .wd__content .content__slogan {
    color: #888a8c
}

.creatorhub-outer .wd__content .content__title {
    background-image: linear-gradient(to right, #fefefe, #fefefe 100%)
}

.creatorhub-outer .wd__content .content__info {
    color: #fff
}

.creatorhub-outer sup.sign-cr,
.creatorhub-outer sup.sign-deg,
.creatorhub-outer sup.sign-star,
.creatorhub-outer sup.sign-tm {
    color: #fff
}

.creatorhub-outer .wdtab .wdtab__autoPlay {
    opacity: .5 !important
}

.creatorhub-outer .wdtab .wdtab__autoPlay:hover {
    opacity: 1 !important
}

.creatorhub-outer .tab__video_control .tab__video_control_button {
    position: relative;
    cursor: pointer;
    opacity: 0;
    padding: 0;
    width: 36px;
    height: 36px;
    border-width: 0;
    background-color: transparent
}

.creatorhub-outer .tab__video_control .tab__video_control_button svg {
    opacity: .5
}

.creatorhub-outer .tab__video_control .tab__video_control_button .svg-circle,
.creatorhub-outer .tab__video_control .tab__video_control_button .svg-line {
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4px;
    fill-rule: evenodd
}

.creatorhub-outer .tab__video_control .tab__video_control_button .svg-circle {
    fill: transparent;
    stroke: #fff
}

.creatorhub-outer .tab__video_control .tab__video_control_button .svg-line {
    fill: #fff;
    stroke: #fff
}

.creatorhub-outer .tab__video_control .tab__video_control_button .svg-triangle {
    opacity: 0;
    fill: #fff
}

.creatorhub-outer .tab__video_control .tab__video_control_button.show {
    opacity: 1
}

.creatorhub-outer .tab__video_control .tab__video_control_button.resume .svg-line {
    opacity: 0
}

.creatorhub-outer .tab__video_control .tab__video_control_button.resume .svg-triangle {
    opacity: 1
}

.creatorhub-outer .tab__video_control .tab__video_control_button:hover svg {
    opacity: 1
}

.section__userexperience-outer-s1 {
    overflow: hidden;
    padding-top: 80px;
    padding-bottom: 90px;
    background-color: #e9eef2
}

.section__userexperience-outer-s1 .wd__content .content__info {
    color: #0f0f10
}

.section__userexperience-outer-s1 .wd__content .content__link {
    color: #0f0f10
}

.section__userexperience-outer-s1 .wdblockimg .block-1 .img__bg {
    background-image: url(../images/image/blockimg_1-3.jpg)
}


.section__userexperience-outer-s1 .wdblockimg .block-2 .img__bg {
    background-image: url(../images/image/blockimg_2-3.jpg)
}


.section__userexperience-outer-s1 .wdblockimg .block-3 .img__bg {
    background-image: url(../images/image/blockimg_3-3.jpg)
}


.section__userexperience-outer-s1 .wdblockimg .block-4 .img__bg {
    background-image: url(../images/image/blockimg_4-3.jpg)
}


.section__userexperience-outer-s1 .wdblockimg .block-5 .img__bg {
    background-image: url(../images/image/blockimg_5-3.jpg)
}


.section__userexperience-outer-s1 .wdblockimg .block-6 .img__bg {
    background-image: url(../images/image/blockimg_6-3.jpg)
}


.section__userexperience-outer-s1 .wdblockimg .block-7 .img__bg {
    background-image: url(../images/image/blockimg_7-3.jpg)
}


.section__userexperience-outer-s1 .wdblockimg .block-8 .img__bg {
    background-image: url(../images/image/blockimg_8-3.jpg)
}


.section__userexperience-outer-s1 .wdblockimg .block-9 .img__bg {
    background-image: url(../images/image/blockimg_9-3.jpg)
}


.section__userexperience-outer-s1 .wdblockimg .block-10 .img__bg {
    background-image: url(../images/image/blockimg_10-3.jpg)
}


.section__userexperience-outer-s1 .wdblockimg .block-11 .img__bg {
    background-image: url(../images/image/blockimg_11-3.jpg)
}

/*.section__userexperience-outer-s1 .wdblockimg .block-12 .img__bg {
    background-image: url(../images/image/blockimg_12-3.jpg)
}*/


.section__userexperience-outer-s1 .wdblockimg .block-1 .modal-button-container .modal-button {
    border-color: #000;
    background-color: rgba(195, 180, 239, .6)
}

.section__userexperience-outer-s1 .wdblockimg .block-2 .modal-button-container .modal-button {
    border-color: #fff;
    background-color: rgba(193, 177, 235, .6)
}

.section__userexperience-outer-s1 .wdblockimg .block-3 .modal-button-container .modal-button {
    border-color: #fff;
    background-color: rgba(200, 161, 223, .6)
}

.section__userexperience-outer-s1 .wdblockimg .block-4 .modal-button-container .modal-button {
    border-color: #000;
    background-color: rgba(88, 44, 128, .6)
}

.section__userexperience-outer-s1 .wdblockimg .block-5 .modal-button-container .modal-button {
    border-color: #fff;
    background-color: rgba(200, 161, 223, .6)
}

.section__userexperience-outer-s1 .wdblockimg .block-6 .modal-button-container .modal-button {
    border-color: #fff;
    background-color: rgba(200, 161, 223, .6)
}

.section__userexperience-outer-s1 .wdblockimg .block-7 .modal-button-container .modal-button {
    border-color: #000;
    background-color: rgba(88, 44, 128, .6)
}

.section__userexperience-outer-s1 .wdblockimg .block-8 .modal-button-container .modal-button {
    border-color: #fff;
    background-color: rgba(200, 161, 223, .6)
}

.section__userexperience-outer-s1 .wdblockimg .block-9 .modal-button-container .modal-button {
    border-color: #000;
    background-color: rgba(88, 44, 128, .6)
}

.section__userexperience-outer-s1 .wdblockimg .block-10 .modal-button-container .modal-button {
    border-color: #fff;
    background-color: rgba(200, 161, 223, .6)
}

.section__userexperience-outer-s1 .wdblockimg .block-11 .modal-button-container .modal-button {
    border-color: #000;
    background-color: rgba(88, 44, 128, .6)
}

.section__userexperience-outer-s1 .wdblockimg .block-12 .modal-button-container .modal-button {
    border-color: #fff;
    background-color: rgba(200, 161, 223, .6)
}

.inner-view .inner-view-container .inner-modal.modal-inner__sectionsUserExperience section.wd__section {
    overflow-y: hidden
}

.inner-view .inner-view-container .inner-modal.modal-inner__sectionsUserExperience section.wd__section:last-child {
    padding-bottom: 174px
}

.inner-view .inner-view-container .inner-modal.modal-inner__sectionsUserExperience section.wd__section:last-child:before {
    position: absolute;
    left: 0;
    bottom: -59px;
    width: 100%;
    height: 60px;
    content: "";
    background-color: #f5f5f5
}

.section__userExperience-inner-s1 {
    padding-top: 160px;
    padding-bottom: 0;
    background: #0e111b
}

.section__userExperience-inner-s1 .wd__content {
    margin: 0 auto
}

.section__userExperience-inner-s1 .wd__content .content__info {
    color: #fff
}

.section__userExperience-inner-s1 .wd__content .content__link {
    color: #fff
}

.section__userExperience-inner-s1 .userExperience-inner-s1-figure {
    margin: 84px auto 0;
    max-width: 1144px
}

.section__userExperience-inner-s1 .userExperience-inner-s1-figure-item {
    overflow: hidden;
    border-radius: 20px
}

.section__userExperience-inner-s1 .userExperience-inner-s1-figure-item img {
    width: 100%;
    height: 270px
}

.section__userExperience-inner-s1 .userExperience-inner-s1-imgs {
    display: grid;
    grid-gap: 24px;
    gap: 24px;
    grid-template-columns: repeat(3, 1fr)
}

.section__userExperience-inner-s1 .userExperience-inner-s1-figure .userExperience-inner-s1-img-1 {
    background-image: url(../images/image/img1.jpg)
}


.section__userExperience-inner-s1 .userExperience-inner-s1-figure .userExperience-inner-s1-img-2 {
    background-image: url(../images/image/img2.jpg)
}


.section__userExperience-inner-s1 .userExperience-inner-s1-figure .userExperience-inner-s1-img-3 {
    background-image: url(../images/image/img3.jpg)
}


.section__userExperience-inner-s2 {
    padding-top: 160px;
    padding-bottom: 0;
    background: #0e111b
}

.section__userExperience-inner-s2 .wd__content {
    margin: 0 auto
}

.section__userExperience-inner-s2 .wd__content .content__info {
    color: #fff
}

.section__userExperience-inner-s2 .wd__content .content__link {
    color: #fff
}

.section__userExperience-inner-s2 .userExperience-inner-s2-figure {
    margin: 84px auto 0;
    max-width: 1144px
}

.section__userExperience-inner-s2 .userExperience-inner-s2-figure-item {
    overflow: hidden;
    border-radius: 20px
}

.section__userExperience-inner-s2 .userExperience-inner-s2-figure-item img {
    width: 100%;
    height: 340px
}

.section__userExperience-inner-s2 .userExperience-inner-s2-imgs {
    display: grid;
    grid-gap: 24px;
    gap: 24px;
    grid-template-columns: repeat(2, 1fr)
}

.section__userExperience-inner-s2 .userExperience-inner-s2-figure .userExperience-inner-s2-img-1 {
    background-image: url(../images/image/img1-3.jpg)
}


.section__userExperience-inner-s2 .userExperience-inner-s2-figure .userExperience-inner-s2-img-2 {
    background-image: url(../images/image/img2-3.jpg)
}


.section__userExperience-inner-s3 {
    padding-top: 160px;
    padding-bottom: 100px;
    background: #0e111b
}

.section__userExperience-inner-s3 .wd__content {
    margin: 0 auto
}

.section__userExperience-inner-s3 .wd__content .content__info {
    color: #fff
}

.section__userExperience-inner-s3 .wd__content .content__link {
    color: #fff
}

.section__userExperience-inner-s3 .wdtab {
    margin-top: 64px
}

.section__userExperience-inner-s3 .wdtab__nav {
    background-color: transparent
}

.section__userExperience-inner-s3 .wdtab__nav-btn {
    font-size: 1.875rem
}

.section__userExperience-inner-s3 .wdtab__nav-btn.active,
.section__userExperience-inner-s3 .wdtab__nav-btn.focus-visible,
.section__userExperience-inner-s3 .wdtab__nav-btn:focus {
    color: #fff
}

.section__userExperience-inner-s3 .wdtab__nav-btn.active::before,
.section__userExperience-inner-s3 .wdtab__nav-btn.focus-visible::before,
.section__userExperience-inner-s3 .wdtab__nav-btn:focus::before {
    background-image: linear-gradient(to right, #9ddaff, #6994ff 100%)
}

.section__userExperience-inner-s3 .wdtab__panel {
    padding-top: 0;
    min-height: 754px
}

.section__userExperience-inner-s3 .wdtab .wd__play__btn.wdtab__autoPlay {
    margin-left: 535px
}

.section__userExperience-inner-s3 .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-circle {
    fill: transparent
}

.section__userExperience-inner-s3 .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play,
.section__userExperience-inner-s3 .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play * {
    stroke: #fff
}

.section__userExperience-inner-s3 .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .triangle {
    fill: #fff
}

.section__userExperience-inner-s3 .img_containter {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 20px;
    width: 1144px;
    height: 596px
}

.section__userExperience-inner-s3 .img_containter>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.section__userExperience-inner-s3 .slider_step__containter {
    position: relative;
    margin: 60px auto 50px;
    width: 340px
}

.section__userExperience-inner-s3 .slider_step__containter .step_icon {
    position: absolute;
    top: 50%;
    background-size: contain;
    transform: translateY(-50%)
}

.section__userExperience-inner-s3 .slider_step__containter .beer-range::-webkit-slider-thumb {
    width: 30px
}

.section__userExperience-inner-s3 .slider_step__containter .beer-slider {
    position: relative;
    overflow: initial;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    width: 240px;
    height: 2px;
    height: 2px;
    font-size: 0;
    background-color: #fff
}

.section__userExperience-inner-s3 .slider_step__containter .beer-slider-2 {
    background-image: linear-gradient(to right, #ff4d00, #ffa839, #fff, #a6ddfc, #0083ff 100%)
}

.section__userExperience-inner-s3 .slider_step__containter .beer-slider .beer-range {
    left: -15px;
    opacity: 0;
    margin-top: -25px;
    width: calc(100% + 30px);
    height: 50px
}

.section__userExperience-inner-s3 .slider_step__containter .beer-slider .img {
    display: none
}

.section__userExperience-inner-s3 .slider_step__containter .beer-slider .beer-handle {
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #0e111b
}

.section__userExperience-inner-s3 .slider_step__containter .beer-slider .beer-handle::before {
    display: none
}

.section__userExperience-inner-s3 .slider_step__containter .beer-slider .beer-handle::after {
    top: 2px;
    left: 2px;
    width: 22px;
    height: 22px;
    background-image: linear-gradient(to right, #9ddaff, #6994ff 100%)
}

.section__userExperience-inner-s3 .step_icon.dark {
    left: 5px;
    width: 25px;
    height: 25px
}

#CMD .section__userExperience-inner-s3 .slider_step__containter .step_icon.dark {
    background-image: url(../images/image/slider_icon_dark.png)
}


.section__userExperience-inner-s3 .step_icon.light {
    right: 5px;
    width: 25px;
    height: 25px
}

#CMD .section__userExperience-inner-s3 .slider_step__containter .step_icon.light {
    background-image: url(../images/image/slider_icon_light.png)
}


.section__userExperience-inner-s3 .step_icon.candle {
    left: 8px;
    width: 28px;
    height: 28px;
    filter: contrast(.1)
}

#CMD .section__userExperience-inner-s3 .slider_step__containter .step_icon.candle {
    background-image: url(../images/image/slider_icon_candle.png)
}


.section__userExperience-inner-s3 .step_icon.cloud {
    right: 0;
    width: 28px;
    height: 28px;
    filter: contrast(.1)
}

#CMD .section__userExperience-inner-s3 .slider_step__containter .step_icon.cloud {
    background-image: url(../images/image/slider_icon_cloud.png)
}


#CMD .section__userExperience-inner-s3 .img__inner3__1_dark {
    background-image: url(../images/image/ani_dark.jpg)
}


#CMD .section__userExperience-inner-s3 .img__inner3__1_light {
    background-image: url(../images/image/ani_light.jpg)
}


#CMD .section__userExperience-inner-s3 .img__inner3__1_warm {
    background-image: url(../images/image/ani_warm.jpg)
}

#CMD .section__userExperience-inner-s3 .img__inner3__1_cool {
    background-image: url(../images/image/ani_cool.jpg)
}


.section__userExperience-inner-s4 {
    padding-top: 100px;
    padding-bottom: 0;
    background-color: #d1d1d1
}

.section__userExperience-inner-s4 .wd__content {
    margin: 0 auto
}

.section__userExperience-inner-s4 .wd__content .content__title {
    background-image: linear-gradient(to right, #0f0f10 0, #0f0f10 100%)
}

.section__userExperience-inner-s4 .wd__content .content__info {
    color: #0f0f10
}

.section__userExperience-inner-s4 .wd__content .content__link {
    background-image: linear-gradient(to right, #cdab82 0, #cdab82 100%);
    color: #cdab82
}

.section__userExperience-inner-s4 .wdblockimg {
    margin-top: 84px
}

@media (min-width:1024px) and (max-width:1279.5px) {
    .section__userExperience-inner-s4 .wdblockimg .wdblockimg__container .block-6 .img__bg {
        top: -7% !important;
        transform: scale(.9) !important
    }
}

.section__userExperience-inner-s4 .wdblockimg .block-1 .img__bg {
    background-image: url(../images/image/blockimg_1-s4.jpg)
}


.section__userExperience-inner-s4 .wdblockimg .block-2 .img__bg {
    background-image: url(../images/image/blockimg_2-s4.jpg)
}


.section__userExperience-inner-s4 .wdblockimg .block-3 .img__bg {
    background-image: url(../images/image/blockimg_3-s4.jpg)
}

.section__userExperience-inner-s4 .wdblockimg .block-4 .img__bg {
    background-image: url(../images/image/blockimg_4-s4.jpg)
}


.section__userExperience-inner-s4 .wdblockimg .block-5 .img__bg {
    background-image: url(../images/image/blockimg_5-s4.jpg)
}


.section__userExperience-inner-s4 .wdblockimg .block-6 .img__bg {
    background-image: url(../images/image/blockimg_6-s4.jpg)
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__userExperience-inner-s4 .wdblockimg .block-6 .img__bg {
        background-image: url(../images/image/blockimg_6-s4.jpg)
    }
}


@media all and (min-width:0) and (max-width:730.5px) {
    .section__userExperience-inner-s4 .wdblockimg .block-6 .img__bg {
        background-image: url(../images/image/blockimg_6-s4.jpg)
    }
}


.section__userExperience-inner-s4 .wdblockimg .block-1 {
    background-color: #242424
}

.section__userExperience-inner-s4 .wdblockimg .block-1 .block-content .content__title {
    background-image: linear-gradient(to right, #dbbda2 0, #dbbda2 100%)
}

.section__userExperience-inner-s4 .wdblockimg .block-1 .block-content .content__info,
.section__userExperience-inner-s4 .wdblockimg .block-1 .block-content .content__info * {
    color: #fff
}

.section__userExperience-inner-s4 .wdblockimg .block-1 .modal-button-container .modal-button {
    border-color: #000;
    background-color: rgba(195, 180, 239, .6)
}

.section__userExperience-inner-s4 .wdblockimg .block-1 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.section__userExperience-inner-s4 .wdblockimg .block-2 {
    background-color: #242424
}

.section__userExperience-inner-s4 .wdblockimg .block-2 .block-content .content__title {
    background-image: linear-gradient(to right, #dbbda2 0, #dbbda2 100%)
}

.section__userExperience-inner-s4 .wdblockimg .block-2 .block-content .content__info,
.section__userExperience-inner-s4 .wdblockimg .block-2 .block-content .content__info * {
    color: #fff
}

.section__userExperience-inner-s4 .wdblockimg .block-2 .modal-button-container .modal-button {
    border-color: #000;
    background-color: rgba(195, 180, 239, .6)
}

.section__userExperience-inner-s4 .wdblockimg .block-2 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.section__userExperience-inner-s4 .wdblockimg .block-3 {
    background-color: #242424
}

.section__userExperience-inner-s4 .wdblockimg .block-3 .block-content .content__title {
    background-image: linear-gradient(to right, #dbbda2 0, #dbbda2 100%)
}

.section__userExperience-inner-s4 .wdblockimg .block-3 .block-content .content__info,
.section__userExperience-inner-s4 .wdblockimg .block-3 .block-content .content__info * {
    color: #fff
}

.section__userExperience-inner-s4 .wdblockimg .block-3 .modal-button-container .modal-button {
    border-color: #000;
    background-color: rgba(195, 180, 239, .6)
}

.section__userExperience-inner-s4 .wdblockimg .block-3 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.section__userExperience-inner-s4 .wdblockimg .block-4 {
    background-color: #242424
}

.section__userExperience-inner-s4 .wdblockimg .block-4 .block-content .content__title {
    background-image: linear-gradient(to right, #dbbda2 0, #dbbda2 100%)
}

.section__userExperience-inner-s4 .wdblockimg .block-4 .block-content .content__info,
.section__userExperience-inner-s4 .wdblockimg .block-4 .block-content .content__info * {
    color: #fff
}

.section__userExperience-inner-s4 .wdblockimg .block-4 .modal-button-container .modal-button {
    border-color: #000;
    background-color: rgba(195, 180, 239, .6)
}

.section__userExperience-inner-s4 .wdblockimg .block-4 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.section__userExperience-inner-s4 .wdblockimg .block-5 {
    background-color: #242424
}

.section__userExperience-inner-s4 .wdblockimg .block-5 .block-content .content__title {
    background-image: linear-gradient(to right, #dbbda2 0, #dbbda2 100%)
}

.section__userExperience-inner-s4 .wdblockimg .block-5 .block-content .content__info,
.section__userExperience-inner-s4 .wdblockimg .block-5 .block-content .content__info * {
    color: #fff
}

.section__userExperience-inner-s4 .wdblockimg .block-5 .modal-button-container .modal-button {
    border-color: #000;
    background-color: rgba(195, 180, 239, .6)
}

.section__userExperience-inner-s4 .wdblockimg .block-5 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.section__userExperience-inner-s4 .wdblockimg .block-6 {
    background-color: #242424
}

.section__userExperience-inner-s4 .wdblockimg .block-6 .block-content .content__title {
    background-image: linear-gradient(to right, #dbbda2 0, #dbbda2 100%)
}

.section__userExperience-inner-s4 .wdblockimg .block-6 .block-content .content__info,
.section__userExperience-inner-s4 .wdblockimg .block-6 .block-content .content__info * {
    color: #fff
}

.section__userExperience-inner-s4 .wdblockimg .block-6 .modal-button-container .modal-button {
    border-color: #000;
    background-color: rgba(195, 180, 239, .6)
}

.section__userExperience-inner-s4 .wdblockimg .block-6 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.section__userExperience-inner-s5 {
    padding-top: 160px;
    padding-bottom: 0;
    background-color: #d1d1d1
}

.section__userExperience-inner-s5 .wd__content {
    margin: 0 auto
}

.section__userExperience-inner-s5 .wd__content .content__title {
    background-image: linear-gradient(to right, #0f0f10 0, #0f0f10 100%)
}

.section__userExperience-inner-s5 .wd__content .content__info {
    color: #0f0f10
}

.section__userExperience-inner-s5 .wd__content .content__link {
    background-image: linear-gradient(to right, #cdab82 0, #cdab82 100%);
    color: #cdab82
}

.section__userExperience-inner-s5 .btn__lity__video {
    margin-top: 84px
}

.section__userExperience-inner-s5 .btn__lity__video .compare_content:before {
    content: "";
    position: absolute;
    z-index: 9;
    z-index: 2;
    cursor: pointer;
    top: 50%;
    left: 50%;
    margin-top: -75px;
    margin-left: -75px;
    width: 150px;
    height: 150px;
    border-width: 0;
    background-repeat: no-repeat;
    transition: all .7s cubic-bezier(.4, 0, .2, 1);
    background-image: url(../images/image/play-1.svg)
}

.section__userExperience-inner-s5 .btn__lity__video .video_info {
    display: flex;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;
    align-items: center;
    justify-content: center;
    opacity: 0;
    padding: 40px;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    color: #242424;
    font-size: 1.625rem;
    text-align: center;
    -webkit-background-clip: text;
    transform: translateY(80px);
    transition: opacity .7s cubic-bezier(.4, 0, .2, 1);
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #fff 0, #fff 100%)
}

.section__userExperience-inner-s5 .btn__lity__video .compare_content {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin-right: auto;
    margin-left: auto;
    width: 1144px;
    height: 646px;
    border-radius: 20px
}

.section__userExperience-inner-s5 .btn__lity__video .compare_content::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, .6);
    transition: opacity .7s cubic-bezier(.4, 0, .2, 1);
    content: " "
}

.section__userExperience-inner-s5 .btn__lity__video .compare_content a {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    color: #0f0f10
}

.section__userExperience-inner-s5 .btn__lity__video .compare_content:hover::after {
    opacity: 1
}

.section__userExperience-inner-s5 .btn__lity__video .compare_content:hover .video_info {
    opacity: 1
}

.section__userExperience-inner-s5 .btn__lity__video .compare_content:hover:before {
    transform: rotate(120deg)
}

.section__userExperience-inner-s5 .video__bg {
    margin: 0 auto;
    width: 1144px;
    height: 646px
}

#CMD .section__userExperience-inner-s5 .btn__lity__video .video__bg {
    background-image: url(../images/image/video_bg.jpg)
}


.section__userExperience-inner-s6 {
    padding-top: 160px;
    padding-bottom: 0;
    background-color: #dadada
}

.section__userExperience-inner-s6 .wd__content {
    margin: 0 auto
}

.section__userExperience-inner-s6 .wd__content .content__title {
    background-image: linear-gradient(to right, #0f0f10 0, #0f0f10 100%)
}

.section__userExperience-inner-s6 .wd__content .content__info {
    color: #0f0f10
}

.section__userExperience-inner-s6 .wd__content .content__link {
    background-image: linear-gradient(to right, #cdab82 0, #cdab82 100%);
    color: #cdab82
}

.section__userExperience-inner-s6 .wdblockimg {
    margin-top: 84px
}

.section__userExperience-inner-s6 .wdblockimg .block-1 .img__bg {
    background-image: url(../images/image/blockimg_1-s6.jpg)
}


.section__userExperience-inner-s6 .wdblockimg .block-2 .img__bg {
    background-image: url(../images/image/blockimg_2-s6.jpg)
}


.section__userExperience-inner-s6 .wdblockimg .block-3 .img__bg {
    background-image: url(../images/image/blockimg_3-s6.jpg)
}


.section__userExperience-inner-s6 .wdblockimg .block-4 .img__bg {
    background-image: url(../images/image/blockimg_4-s6.jpg)
}


.section__userExperience-inner-s6 .wdblockimg .block-1 {
    background-color: #242424
}

.section__userExperience-inner-s6 .wdblockimg .block-1 .block-content .content__title {
    background-image: linear-gradient(to right, #dbbda2 0, #dbbda2 100%)
}

.section__userExperience-inner-s6 .wdblockimg .block-1 .block-content .content__info,
.section__userExperience-inner-s6 .wdblockimg .block-1 .block-content .content__info * {
    color: #fff
}

.section__userExperience-inner-s6 .wdblockimg .block-1 .modal-button-container .modal-button {
    border-color: #000;
    background-color: rgba(195, 180, 239, .6)
}

.section__userExperience-inner-s6 .wdblockimg .block-1 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.section__userExperience-inner-s6 .wdblockimg .block-2 {
    background-color: #242424
}

.section__userExperience-inner-s6 .wdblockimg .block-2 .block-content .content__title {
    background-image: linear-gradient(to right, #dbbda2 0, #dbbda2 100%)
}

.section__userExperience-inner-s6 .wdblockimg .block-2 .block-content .content__info,
.section__userExperience-inner-s6 .wdblockimg .block-2 .block-content .content__info * {
    color: #fff
}

.section__userExperience-inner-s6 .wdblockimg .block-2 .modal-button-container .modal-button {
    border-color: #000;
    background-color: rgba(195, 180, 239, .6)
}

.section__userExperience-inner-s6 .wdblockimg .block-2 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.section__userExperience-inner-s6 .wdblockimg .block-3 {
    background-color: #242424
}

.section__userExperience-inner-s6 .wdblockimg .block-3 .block-content .content__title {
    background-image: linear-gradient(to right, #dbbda2 0, #dbbda2 100%)
}

.section__userExperience-inner-s6 .wdblockimg .block-3 .block-content .content__info,
.section__userExperience-inner-s6 .wdblockimg .block-3 .block-content .content__info * {
    color: #fff
}

.section__userExperience-inner-s6 .wdblockimg .block-3 .modal-button-container .modal-button {
    border-color: #000;
    background-color: rgba(195, 180, 239, .6)
}

.section__userExperience-inner-s6 .wdblockimg .block-3 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.section__userExperience-inner-s6 .wdblockimg .block-4 {
    background-color: #242424
}

.section__userExperience-inner-s6 .wdblockimg .block-4 .block-content .content__title {
    background-image: linear-gradient(to right, #dbbda2 0, #dbbda2 100%)
}

.section__userExperience-inner-s6 .wdblockimg .block-4 .block-content .content__info,
.section__userExperience-inner-s6 .wdblockimg .block-4 .block-content .content__info * {
    color: #fff
}

.section__userExperience-inner-s6 .wdblockimg .block-4 .modal-button-container .modal-button {
    border-color: #000;
    background-color: rgba(195, 180, 239, .6)
}

.section__userExperience-inner-s6 .wdblockimg .block-4 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.section__userExperience-inner-s7 {
    padding-top: 160px;
    padding-bottom: 0;
    background-color: #dadada
}

.section__userExperience-inner-s7 .wd__content {
    margin: 0 auto
}

.section__userExperience-inner-s7 .wd__content .content__title {
    background-image: linear-gradient(to right, #0f0f10 0, #0f0f10 100%)
}

.section__userExperience-inner-s7 .wd__content .content__info {
    color: #0f0f10
}

.section__userExperience-inner-s7 .wd__content .content__link {
    background-image: linear-gradient(to right, #cdab82 0, #cdab82 100%);
    color: #cdab82
}

.section__userExperience-inner-s7::before {
    background-color: #dadada
}

.section__userExperience-inner-s7 .userExperience-inner-s7 .wd__content {
    margin: 0 auto
}

.section__userExperience-inner-s7 .userExperience-inner-s7 .wd__content .content__title {
    background-image: linear-gradient(to right, #0f0f10 0, #0f0f10 100%)
}

.section__userExperience-inner-s7 .userExperience-inner-s7 .wd__content .content__info {
    color: #0f0f10
}

.section__userExperience-inner-s7 .userExperience-inner-s7 .wd__content .content__link {
    background-image: linear-gradient(to right, #cdab82 0, #cdab82 100%);
    color: #cdab82
}

.section__userExperience-inner-s7 .userExperience-inner-s7-main {
    margin: 84px auto 0;
    max-width: 1144px
}

.section__userExperience-inner-s7 .userExperience-inner-s7-item {
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    border-radius: 20px;
    background-color: #fff
}

.section__userExperience-inner-s7 .userExperience-inner-s7-item .textItem-outer {
    width: 570px
}

.section__userExperience-inner-s7 .userExperience-inner-s7-item .textItem-outer .wd__content {
    max-width: 93%;
    margin: 0
}

.section__userExperience-inner-s7 .userExperience-inner-s7-item .textItem-outer .wd__content .content__title {
    background-image: linear-gradient(to right, #73594a 0, #73594a 100%)
}

.section__userExperience-inner-s7 .userExperience-inner-s7-item .imgItem-outer {
    overflow: hidden
}

.section__userExperience-inner-s7 .userExperience-inner-s7-item-1 {
    flex-direction: row-reverse
}

.section__userExperience-inner-s7 .userExperience-inner-s7-item-1 .textItem-outer {
    margin-left: 0;
    padding: 40px 0 10px
}

.section__userExperience-inner-s7 .userExperience-inner-s7-item-1 .userExperience-inner-s7-item-list {
    margin-top: 27px;
    padding-left: 20px;
    list-style: none
}

.section__userExperience-inner-s7 .userExperience-inner-s7-item-1 .userExperience-inner-s7-item-list .wd__content .content__title {
    background-image: linear-gradient(to right, #333 0, #333 100%)
}

.section__userExperience-inner-s7 .userExperience-inner-s7-item-1 .userExperience-inner-s7-item-list li {
    margin-bottom: 33px;
    position: relative
}

.section__userExperience-inner-s7 .userExperience-inner-s7-item-1 .userExperience-inner-s7-item-list li::before {
    position: absolute;
    display: block;
    left: -20px;
    top: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 8.7px;
    border-color: transparent transparent transparent #dadada;
    content: ""
}

.section__userExperience-inner-s7 .userExperience-inner-s7-item-2 .wd__content {
    margin-left: 93px !important
}

.section__userExperience-inner-s7 .s7-inner-item-img-1 {
    right: -3px;
    width: 572px;
    height: 498px
}

#CMD #section__userExperience-inner-s7 .s7-inner-item-img-1 {
    background-image: url(../images/image/img1-s7.jpg)
}


.section__userExperience-inner-s7 .s7-inner-item-img-2 {
    right: -3px;
    width: 572px;
    height: 498px
}

#CMD #section__userExperience-inner-s7 .s7-inner-item-img-2 {
    background-image: url(../images/image/img2-s7.jpg)
}


.wd__section {
    position: relative
}

.wd__section .is-hidden,
.wd__section.is-hidden {
    display: none
}

.wd__section .is-hidden *,
.wd__section.is-hidden * {
    background-image: none !important
}

.wd__section .footnotes li.is-hidden {
    display: list-item !important;
    overflow: hidden;
    opacity: 0;
    margin: 0 !important;
    padding: 0 !important;
    height: 0
}

.wd__section .sectionnNavPosition {
    transform: none !important;
    transition: all 0s
}

.wd__section .row .col[class*=pull-],
.wd__section .row .col[class*=push-] {
    position: relative
}

.wd__section .always__on__top {
    position: relative;
    z-index: 888
}

.wd__section .no__wrap {
    display: inline-block;
    white-space: nowrap
}

.wd__section .slick-dots li {
    margin-right: 10px;
    margin-left: 10px
}

.wd__section .slick-dots li button::before {
    color: #1c1b19;
    font-size: 41px
}

.wd__section .slick-dots li button:hover::before {
    color: #1c1b19
}

.wd__section .large_use,
.wd__section .medium_use,
.wd__section .small_use {
    display: none
}

.wd__section .hide {
    position: absolute;
    opacity: 0;
    height: 0
}

.wd__section .wd__feature__list .wd__feature .wd__feature__describe__top {
    margin-bottom: 4px
}

.wd__section .wd__feature__list .wd__feature .wd__feature__describe {
    margin-top: 4px
}

.wd__section .text-white .wd__content .content__slogan,
.wd__section.theme-white .wd__content .content__slogan {
    color: #fff
}

.wd__section .ani_enter_detect {
    position: absolute;
    z-index: 99;
    left: 50%;
    width: 10px;
    height: 10px
}

.wd__section .modal-button-container .modal-button {
    background-color: #000;
    color: #cdab82;
    border-color: #cdab82
}

.wd__section .modal-button-container .modal-button:hover {
    background-color: #000;
    color: #cdab82;
    border-color: #cdab82
}

.wd__section .modal-button-container .modal-button {
    min-width: auto
}

.wd__section .modal-button-container.theme-black .modal-button {
    background-color: #000;
    color: #000;
    border-color: #000
}

.wd__section .modal-button-container.theme-black .modal-button:hover {
    background-color: #000;
    color: rgba(0, 0, 0, .8);
    border-color: rgba(0, 0, 0, .6)
}

.wd__section .sectionnNavPosition {
    position: relative;
    z-index: 1;
    top: -140px;
    opacity: 1;
    width: 100%;
    height: 1px
}

#CMD .svgDefs {
    position: absolute;
    overflow: hidden;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    height: 0
}

.wd__section .video_control {
    display: block;
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%
}

.wd__section .video_control .video_control-button {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%)
}

#CMD .video_control-button {
    z-index: 9;
    cursor: pointer;
    opacity: 0;
    margin-bottom: 36px;
    width: 36px;
    height: 36px;
    border-width: 0;
    background-color: transparent;
    transition: opacity .3s ease
}

#CMD .video_control-button.show {
    opacity: 1
}

#CMD .video_control-button.pause {
    background-image: url(../images/image/icon_pause.svg)
}


#CMD .video_control-button.resume {
    background-image: url(../images/image/icon_play.svg)
}


.video_control-button-white.pause {
    background-image: url(../images/image/icon_pause.svg)
}



.video_control-button-white.resume {
    background-image: url(../images/image/icon_play.svg)
}


#section__creatorhub-outer-s2 .pause.video_control-button,
.video_control-button-black.pause {
    background-image: url(../images/image/icon_pause-black.svg)
}

#section__creatorhub-outer-s2 .resume.video_control-button,
.video_control-button-black.resume {
    background-image: url(../images/image/icon_play-black.svg)
}

.wd__section .colImg {
    position: relative
}

.wd__section .imgDesc {
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%
}

.wd__section .imgDesc__item {
    position: absolute
}

.wd__section .imgDesc__text {
    color: #fff;
    font-size: 24px
}

.wd__section .slick-tab-content .scroll_container {
    z-index: 9;
    padding-bottom: 10px
}

.wd__section .slick-tab-content .slick-title {
    z-index: 9
}

.wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn {
    position: relative;
    color: #727272;
    border-bottom: 4px solid transparent
}

.wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn::before {
    display: block;
    position: absolute;
    bottom: -11px;
    left: 50%;
    margin-left: -6px;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    border-radius: 20px;
    background-color: #000;
    transition: all .3s ease;
    content: "";
    transform-origin: center
}

.wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn.active,
.wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn:focus {
    border-bottom: 4px solid transparent;
    color: #fff
}

.wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn.active::before,
.wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn:focus::before {
    background-color: #fff
}

.wd__section .wd__content .content__title sup.footnote-num {
    -webkit-text-fill-color: initial !important;
    background-image: none !important;
    background-color: rgba(0, 0, 0, 0)
}

.wd__section .modal-button-container .modal-button {
    border-width: 2px
}

.cut-theme-black,
.section__audiodolby-outer-s1,
.section__military__grade,
.wd__section {
    background-color: #000
}

.cut-theme-black .col>.wd__content .content__slogan,
.cut-theme-black .col>.wd__content .content__slogan *,
.section__audiodolby-outer-s1 .col>.wd__content .content__slogan,
.section__audiodolby-outer-s1 .col>.wd__content .content__slogan *,
.section__military__grade .col>.wd__content .content__slogan,
.section__military__grade .col>.wd__content .content__slogan *,
.wd__section .col>.wd__content .content__slogan,
.wd__section .col>.wd__content .content__slogan * {
    color: #cdab82
}

.cut-theme-black .col>.wd__content .content__title,
.cut-theme-black .col>.wd__content .content__title *,
.section__audiodolby-outer-s1 .col>.wd__content .content__title,
.section__audiodolby-outer-s1 .col>.wd__content .content__title *,
.section__military__grade .col>.wd__content .content__title,
.section__military__grade .col>.wd__content .content__title *,
.wd__section .col>.wd__content .content__title,
.wd__section .col>.wd__content .content__title * {
    color: #fff;
    background-image: linear-gradient(to right, #fefefe, #fefefe 100%)
}

.cut-theme-black .col>.wd__content .content__info,
.section__audiodolby-outer-s1 .col>.wd__content .content__info,
.section__military__grade .col>.wd__content .content__info,
.wd__section .col>.wd__content .content__info {
    color: #fff
}

.cut-theme-black .col>.wd__content .content__link,
.section__audiodolby-outer-s1 .col>.wd__content .content__link,
.section__military__grade .col>.wd__content .content__link,
.wd__section .col>.wd__content .content__link {
    background-image: linear-gradient(to right, #cdab82, #cdab82 100%)
}

.cut-theme-black .col>.wd__content .content__link:hover span,
.section__audiodolby-outer-s1 .col>.wd__content .content__link:hover span,
.section__military__grade .col>.wd__content .content__link:hover span,
.wd__section .col>.wd__content .content__link:hover span {
    border-bottom: 1px solid #cdab82
}

.cut-theme-black .col>.wd__content .content__link.wd__link__arrow::after,
.section__audiodolby-outer-s1 .col>.wd__content .content__link.wd__link__arrow::after,
.section__military__grade .col>.wd__content .content__link.wd__link__arrow::after,
.wd__section .col>.wd__content .content__link.wd__link__arrow::after {
    color: #cdab82
}

.cut-theme-black .col>.wd__content .wd__feature__list .wd__feature__describe,
.cut-theme-black .col>.wd__content .wd__feature__list .wd__feature__describe *,
.cut-theme-black .col>.wd__content .wd__feature__list .wd__feature__describe__top,
.cut-theme-black .col>.wd__content .wd__feature__list .wd__feature__describe__top *,
.cut-theme-black .col>.wd__feature__list .wd__feature__describe,
.cut-theme-black .col>.wd__feature__list .wd__feature__describe *,
.cut-theme-black .col>.wd__feature__list .wd__feature__describe__top,
.cut-theme-black .col>.wd__feature__list .wd__feature__describe__top *,
.section__audiodolby-outer-s1 .col>.wd__feature__list .wd__feature__describe,
.section__audiodolby-outer-s1 .col>.wd__feature__list .wd__feature__describe *,
.section__audiodolby-outer-s1 .col>.wd__feature__list .wd__feature__describe__top,
.section__audiodolby-outer-s1 .col>.wd__feature__list .wd__feature__describe__top *,
.section__military__grade .col>.wd__feature__list .wd__feature__describe,
.section__military__grade .col>.wd__feature__list .wd__feature__describe *,
.section__military__grade .col>.wd__feature__list .wd__feature__describe__top,
.section__military__grade .col>.wd__feature__list .wd__feature__describe__top *,
.wd__section .col>.wd__feature__list .wd__feature__describe,
.wd__section .col>.wd__feature__list .wd__feature__describe *,
.wd__section .col>.wd__feature__list .wd__feature__describe__top,
.wd__section .col>.wd__feature__list .wd__feature__describe__top * {
    color: #fff
}

.cut-theme-black .col>.wd__content .wd__feature__list .wd__feature__data,
.cut-theme-black .col>.wd__content .wd__feature__list .wd__feature__data *,
.cut-theme-black .col>.wd__feature__list .wd__feature__data,
.cut-theme-black .col>.wd__feature__list .wd__feature__data *,
.section__audiodolby-outer-s1 .col>.wd__feature__list .wd__feature__data,
.section__audiodolby-outer-s1 .col>.wd__feature__list .wd__feature__data *,
.section__military__grade .col>.wd__feature__list .wd__feature__data,
.section__military__grade .col>.wd__feature__list .wd__feature__data *,
.wd__section .col>.wd__feature__list .wd__feature__data,
.wd__section .col>.wd__feature__list .wd__feature__data * {
    color: #cdab82
}

.section__design .col>.wd__content .wd__feature__list .wd__feature__describe,
.section__design .col>.wd__content .wd__feature__list .wd__feature__describe *,
.section__design .col>.wd__content .wd__feature__list .wd__feature__describe__top,
.section__design .col>.wd__content .wd__feature__list .wd__feature__describe__top *,
.section__design .col>.wd__feature__list .wd__feature__describe,
.section__design .col>.wd__feature__list .wd__feature__describe *,
.section__design .col>.wd__feature__list .wd__feature__describe__top,
.section__design .col>.wd__feature__list .wd__feature__describe__top * {
    color: #fff
}

.section__design .col>.wd__content .wd__feature__list .wd__feature__data,
.section__design .col>.wd__content .wd__feature__list .wd__feature__data *,
.section__design .col>.wd__feature__list .wd__feature__data,
.section__design .col>.wd__feature__list .wd__feature__data * {
    color: #cdab82
}

.cut-theme-white,
.section__adobeBanner,
.section__connectivity,
.section__creatorhub-outer-s1,
.section__creatorhub-outer-s2,
.section__display-outer-s1,
.section__environment-outer-s1,
.section__isv,
.section__touchpad {
    background-color: #fff
}

.cut-theme-white .col>.wd__content .content__slogan,
.cut-theme-white .col>.wd__content .content__slogan *,
.section__adobeBanner .col>.wd__content .content__slogan,
.section__adobeBanner .col>.wd__content .content__slogan *,
.section__connectivity .col>.wd__content .content__slogan,
.section__connectivity .col>.wd__content .content__slogan *,
.section__creatorhub-outer-s1 .col>.wd__content .content__slogan,
.section__creatorhub-outer-s1 .col>.wd__content .content__slogan *,
.section__creatorhub-outer-s2 .col>.wd__content .content__slogan,
.section__creatorhub-outer-s2 .col>.wd__content .content__slogan *,
.section__display-outer-s1 .col>.wd__content .content__slogan,
.section__display-outer-s1 .col>.wd__content .content__slogan *,
.section__environment-outer-s1 .col>.wd__content .content__slogan,
.section__environment-outer-s1 .col>.wd__content .content__slogan *,
.section__isv .col>.wd__content .content__slogan,
.section__isv .col>.wd__content .content__slogan *,
.section__touchpad .col>.wd__content .content__slogan,
.section__touchpad .col>.wd__content .content__slogan * {
    color: #9a6c4c
}

.cut-theme-white .col>.wd__content .content__title,
.cut-theme-white .col>.wd__content .content__title *,
.section__adobeBanner .col>.wd__content .content__title,
.section__adobeBanner .col>.wd__content .content__title *,
.section__connectivity .col>.wd__content .content__title,
.section__connectivity .col>.wd__content .content__title *,
.section__creatorhub-outer-s1 .col>.wd__content .content__title,
.section__creatorhub-outer-s1 .col>.wd__content .content__title *,
.section__creatorhub-outer-s2 .col>.wd__content .content__title,
.section__creatorhub-outer-s2 .col>.wd__content .content__title *,
.section__display-outer-s1 .col>.wd__content .content__title,
.section__display-outer-s1 .col>.wd__content .content__title *,
.section__environment-outer-s1 .col>.wd__content .content__title,
.section__environment-outer-s1 .col>.wd__content .content__title *,
.section__isv .col>.wd__content .content__title,
.section__isv .col>.wd__content .content__title *,
.section__touchpad .col>.wd__content .content__title,
.section__touchpad .col>.wd__content .content__title * {
    background-image: linear-gradient(to right, #0f0f10, #0f0f10 100%)
}

.cut-theme-white .col>.wd__content .content__info,
.section__adobeBanner .col>.wd__content .content__info,
.section__connectivity .col>.wd__content .content__info,
.section__creatorhub-outer-s1 .col>.wd__content .content__info,
.section__creatorhub-outer-s2 .col>.wd__content .content__info,
.section__display-outer-s1 .col>.wd__content .content__info,
.section__environment-outer-s1 .col>.wd__content .content__info,
.section__isv .col>.wd__content .content__info,
.section__touchpad .col>.wd__content .content__info {
    color: #0f0f10
}

.cut-theme-white .col>.wd__content .content__link,
.section__adobeBanner .col>.wd__content .content__link,
.section__connectivity .col>.wd__content .content__link,
.section__creatorhub-outer-s1 .col>.wd__content .content__link,
.section__creatorhub-outer-s2 .col>.wd__content .content__link,
.section__display-outer-s1 .col>.wd__content .content__link,
.section__environment-outer-s1 .col>.wd__content .content__link,
.section__isv .col>.wd__content .content__link,
.section__touchpad .col>.wd__content .content__link {
    background-image: linear-gradient(to right, #9a6c4c, #9a6c4c 100%)
}

.cut-theme-white .col>.wd__content .content__link span,
.section__adobeBanner .col>.wd__content .content__link span,
.section__connectivity .col>.wd__content .content__link span,
.section__creatorhub-outer-s1 .col>.wd__content .content__link span,
.section__creatorhub-outer-s2 .col>.wd__content .content__link span,
.section__display-outer-s1 .col>.wd__content .content__link span,
.section__environment-outer-s1 .col>.wd__content .content__link span,
.section__isv .col>.wd__content .content__link span,
.section__touchpad .col>.wd__content .content__link span {
    color: #9a6c4c
}

.cut-theme-white .col>.wd__content .content__link:hover span,
.section__adobeBanner .col>.wd__content .content__link:hover span,
.section__connectivity .col>.wd__content .content__link:hover span,
.section__creatorhub-outer-s1 .col>.wd__content .content__link:hover span,
.section__creatorhub-outer-s2 .col>.wd__content .content__link:hover span,
.section__display-outer-s1 .col>.wd__content .content__link:hover span,
.section__environment-outer-s1 .col>.wd__content .content__link:hover span,
.section__isv .col>.wd__content .content__link:hover span,
.section__touchpad .col>.wd__content .content__link:hover span {
    border-bottom: 1px solid #9a6c4c
}

.cut-theme-white .col>.wd__content .content__link.wd__link__arrow::after,
.section__adobeBanner .col>.wd__content .content__link.wd__link__arrow::after,
.section__connectivity .col>.wd__content .content__link.wd__link__arrow::after,
.section__creatorhub-outer-s1 .col>.wd__content .content__link.wd__link__arrow::after,
.section__creatorhub-outer-s2 .col>.wd__content .content__link.wd__link__arrow::after,
.section__display-outer-s1 .col>.wd__content .content__link.wd__link__arrow::after,
.section__environment-outer-s1 .col>.wd__content .content__link.wd__link__arrow::after,
.section__isv .col>.wd__content .content__link.wd__link__arrow::after,
.section__touchpad .col>.wd__content .content__link.wd__link__arrow::after {
    color: #9a6c4c
}

.cut-theme-white .col>.wd__content .wd__feature__list .wd__feature .wd__feature__describe,
.cut-theme-white .col>.wd__content .wd__feature__list .wd__feature .wd__feature__describe *,
.cut-theme-white .col>.wd__content .wd__feature__list .wd__feature .wd__feature__describe__top,
.cut-theme-white .col>.wd__content .wd__feature__list .wd__feature .wd__feature__describe__top *,
.cut-theme-white .col>.wd__feature__list .wd__feature .wd__feature__describe,
.cut-theme-white .col>.wd__feature__list .wd__feature .wd__feature__describe *,
.cut-theme-white .col>.wd__feature__list .wd__feature .wd__feature__describe__top,
.cut-theme-white .col>.wd__feature__list .wd__feature .wd__feature__describe__top *,
.section__adobeBanner .col>.wd__feature__list .wd__feature .wd__feature__describe,
.section__adobeBanner .col>.wd__feature__list .wd__feature .wd__feature__describe *,
.section__adobeBanner .col>.wd__feature__list .wd__feature .wd__feature__describe__top,
.section__adobeBanner .col>.wd__feature__list .wd__feature .wd__feature__describe__top *,
.section__connectivity .col>.wd__feature__list .wd__feature .wd__feature__describe,
.section__connectivity .col>.wd__feature__list .wd__feature .wd__feature__describe *,
.section__connectivity .col>.wd__feature__list .wd__feature .wd__feature__describe__top,
.section__connectivity .col>.wd__feature__list .wd__feature .wd__feature__describe__top *,
.section__creatorhub-outer-s1 .col>.wd__feature__list .wd__feature .wd__feature__describe,
.section__creatorhub-outer-s1 .col>.wd__feature__list .wd__feature .wd__feature__describe *,
.section__creatorhub-outer-s1 .col>.wd__feature__list .wd__feature .wd__feature__describe__top,
.section__creatorhub-outer-s1 .col>.wd__feature__list .wd__feature .wd__feature__describe__top *,
.section__creatorhub-outer-s2 .col>.wd__feature__list .wd__feature .wd__feature__describe,
.section__creatorhub-outer-s2 .col>.wd__feature__list .wd__feature .wd__feature__describe *,
.section__creatorhub-outer-s2 .col>.wd__feature__list .wd__feature .wd__feature__describe__top,
.section__creatorhub-outer-s2 .col>.wd__feature__list .wd__feature .wd__feature__describe__top *,
.section__display-outer-s1 .col>.wd__feature__list .wd__feature .wd__feature__describe,
.section__display-outer-s1 .col>.wd__feature__list .wd__feature .wd__feature__describe *,
.section__display-outer-s1 .col>.wd__feature__list .wd__feature .wd__feature__describe__top,
.section__display-outer-s1 .col>.wd__feature__list .wd__feature .wd__feature__describe__top *,
.section__environment-outer-s1 .col>.wd__feature__list .wd__feature .wd__feature__describe,
.section__environment-outer-s1 .col>.wd__feature__list .wd__feature .wd__feature__describe *,
.section__environment-outer-s1 .col>.wd__feature__list .wd__feature .wd__feature__describe__top,
.section__environment-outer-s1 .col>.wd__feature__list .wd__feature .wd__feature__describe__top *,
.section__isv .col>.wd__feature__list .wd__feature .wd__feature__describe,
.section__isv .col>.wd__feature__list .wd__feature .wd__feature__describe *,
.section__isv .col>.wd__feature__list .wd__feature .wd__feature__describe__top,
.section__isv .col>.wd__feature__list .wd__feature .wd__feature__describe__top *,
.section__touchpad .col>.wd__feature__list .wd__feature .wd__feature__describe,
.section__touchpad .col>.wd__feature__list .wd__feature .wd__feature__describe *,
.section__touchpad .col>.wd__feature__list .wd__feature .wd__feature__describe__top,
.section__touchpad .col>.wd__feature__list .wd__feature .wd__feature__describe__top * {
    color: #0f0f10
}

.cut-theme-white .col>.wd__content .wd__feature__list .wd__feature .wd__feature__data,
.cut-theme-white .col>.wd__content .wd__feature__list .wd__feature .wd__feature__data *,
.cut-theme-white .col>.wd__feature__list .wd__feature .wd__feature__data,
.cut-theme-white .col>.wd__feature__list .wd__feature .wd__feature__data *,
.section__adobeBanner .col>.wd__feature__list .wd__feature .wd__feature__data,
.section__adobeBanner .col>.wd__feature__list .wd__feature .wd__feature__data *,
.section__connectivity .col>.wd__feature__list .wd__feature .wd__feature__data,
.section__connectivity .col>.wd__feature__list .wd__feature .wd__feature__data *,
.section__creatorhub-outer-s1 .col>.wd__feature__list .wd__feature .wd__feature__data,
.section__creatorhub-outer-s1 .col>.wd__feature__list .wd__feature .wd__feature__data *,
.section__creatorhub-outer-s2 .col>.wd__feature__list .wd__feature .wd__feature__data,
.section__creatorhub-outer-s2 .col>.wd__feature__list .wd__feature .wd__feature__data *,
.section__display-outer-s1 .col>.wd__feature__list .wd__feature .wd__feature__data,
.section__display-outer-s1 .col>.wd__feature__list .wd__feature .wd__feature__data *,
.section__environment-outer-s1 .col>.wd__feature__list .wd__feature .wd__feature__data,
.section__environment-outer-s1 .col>.wd__feature__list .wd__feature .wd__feature__data *,
.section__isv .col>.wd__feature__list .wd__feature .wd__feature__data,
.section__isv .col>.wd__feature__list .wd__feature .wd__feature__data *,
.section__touchpad .col>.wd__feature__list .wd__feature .wd__feature__data,
.section__touchpad .col>.wd__feature__list .wd__feature .wd__feature__data * {
    color: #9a6c4c
}

.wd__section .wdblockimg .block-1 .modal-button-container .modal-button {
    border-color: transparent;
    background-color: rgba(154, 108, 76, .6)
}

.wd__section .wdblockimg .block-1 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.wd__section .wdblockimg .block-2 .modal-button-container .modal-button {
    border-color: transparent;
    background-color: rgba(154, 108, 76, .6)
}

.wd__section .wdblockimg .block-2 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.wd__section .wdblockimg .block-3 .modal-button-container .modal-button {
    border-color: transparent;
    background-color: rgba(154, 108, 76, .6)
}

.wd__section .wdblockimg .block-3 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.wd__section .wdblockimg .block-4 .modal-button-container .modal-button {
    border-color: transparent;
    background-color: rgba(154, 108, 76, .6)
}

.wd__section .wdblockimg .block-4 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.wd__section .wdblockimg .block-5 .modal-button-container .modal-button {
    border-color: transparent;
    background-color: rgba(154, 108, 76, .6)
}

.wd__section .wdblockimg .block-5 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.wd__section .wdblockimg .block-6 .modal-button-container .modal-button {
    border-color: transparent;
    background-color: rgba(154, 108, 76, .6)
}

.wd__section .wdblockimg .block-6 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.wd__section .wdblockimg .block-7 .modal-button-container .modal-button {
    border-color: transparent;
    background-color: rgba(154, 108, 76, .6)
}

.wd__section .wdblockimg .block-7 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.wd__section .wdblockimg .block-8 .modal-button-container .modal-button {
    border-color: transparent;
    background-color: rgba(154, 108, 76, .6)
}

.wd__section .wdblockimg .block-8 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.wd__section .wdblockimg .block-9 .modal-button-container .modal-button {
    border-color: transparent;
    background-color: rgba(154, 108, 76, .6)
}

.wd__section .wdblockimg .block-9 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.wd__section .wdblockimg .block-10 .modal-button-container .modal-button {
    border-color: transparent;
    background-color: rgba(154, 108, 76, .6)
}

.wd__section .wdblockimg .block-10 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.wd__section .wdblockimg .block-11 .modal-button-container .modal-button {
    border-color: transparent;
    background-color: rgba(154, 108, 76, .6)
}

.wd__section .wdblockimg .block-11 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.wd__section .wdblockimg .block-12 .modal-button-container .modal-button {
    border-color: transparent;
    background-color: rgba(154, 108, 76, .6)
}

.wd__section .wdblockimg .block-12 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.wd__section .wdblockimg .block-13 .modal-button-container .modal-button {
    border-color: transparent;
    background-color: rgba(154, 108, 76, .6)
}

.wd__section .wdblockimg .block-13 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.wd__section .wdblockimg .block-14 .modal-button-container .modal-button {
    border-color: transparent;
    background-color: rgba(154, 108, 76, .6)
}

.wd__section .wdblockimg .block-14 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.wd__section .wdblockimg .block-15 .modal-button-container .modal-button {
    border-color: transparent;
    background-color: rgba(154, 108, 76, .6)
}

.wd__section .wdblockimg .block-15 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.wd__section .wdblockimg .block-16 .modal-button-container .modal-button {
    border-color: transparent;
    background-color: rgba(154, 108, 76, .6)
}

.wd__section .wdblockimg .block-16 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.wd__section .wdblockimg .block-17 .modal-button-container .modal-button {
    border-color: transparent;
    background-color: rgba(154, 108, 76, .6)
}

.wd__section .wdblockimg .block-17 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.wd__section .wdblockimg .block-18 .modal-button-container .modal-button {
    border-color: transparent;
    background-color: rgba(154, 108, 76, .6)
}

.wd__section .wdblockimg .block-18 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.wd__section .wdblockimg .block-19 .modal-button-container .modal-button {
    border-color: transparent;
    background-color: rgba(154, 108, 76, .6)
}

.wd__section .wdblockimg .block-19 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.wd__section .wdblockimg .block.theme-white .block-content .content__title {
    background-image: linear-gradient(to right, #0f0f10, #0f0f10 100%)
}

.wd__section .wdblockimg .block.theme-white .block-content .content__info {
    color: #0f0f10
}

html #CMD .wd__section .wdblockimg .wdblockimg__container .block[class*=column-span-] .img__bg {
    background-color: transparent
}

.section__wdvideos {
    display: none !important
}

@media all and (min-width:1279.5px) {
    .cmd-sidenav .sidenav-container .container-items .item .item-label {
        overflow: hidden
    }

    .cmd-sidenav .sidenav-container .container-bg {
        display: none
    }

    .cmd-sidenav .sidenav-container .container-items .item {
        display: block;
        position: relative;
        width: 57px;
        height: 57px;
        font-size: 0;
        -webkit-tap-highlight-color: transparent
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-dot {
        position: absolute;
        cursor: pointer;
        top: 0;
        right: 0;
        width: 54px;
        height: 54px
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-dot::after {
        top: 50%;
        left: 50%;
        margin-left: 0;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #c7c5c8;
        transform: translate3d(-50%, -50%, 0)
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-dot.enter::after {
        background: #b0815e
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-label .label-name {
        box-sizing: border-box;
        border: 2px solid #cdab82;
        border-radius: 54px 0 0 54px;
        background-color: rgba(0, 0, 0, .7);
        border-right: 0
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-label .label-name span {
        padding-left: 40px;
        color: #cdab82
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-label .label-name::before {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100%;
        border-radius: 54px 0 0 54px;
        content: "";
        transform-origin: left center
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-label .label-triangle {
        display: none
    }
}

@media all and (max-width:730.5px) {
    .wd__section .sectionnNavPosition {
        top: -80px
    }

    .cmd-sidenav .item-dot.enter {
        background-color: #9a6c4c
    }
}

@media all and (max-width:1279.5px) {
    .cmd-sidenav .item-dot.enter {
        background-color: #9a6c4c
    }
}

.wd__section .wdblockimg .wd__content.sections-wdcontent .content__info {
    margin-top: 5px
}

.wd__section .wdblockimg .modal-button-container .modal-button {
    padding: 9px 21px;
    width: auto;
    min-width: auto
}

.section__pdc.odin {
    z-index: 1;
    margin-bottom: -1px;
    background-color: #000
}

.section__pdc.odin .pdc-space-start {
    display: flex;
    margin-top: 0;
    padding-top: 0
}

.section__pdc.odin .pdc-space-end {
    display: flex;
    margin-bottom: 0;
    padding-bottom: 0
}

.section__pdc.odin .product_awards,
.section__pdc.odin .product_gallery,
.section__pdc.odin .product_medias,
.section__pdc.odin .product_videos {
    background-color: transparent
}

.section__pdc.odin .product_awards .splide__pagination::after,
.section__pdc.odin .product_medias .splide__pagination::after,
.section__pdc.odin .product_videos .splide__pagination::after {
    background-color: #cdab82
}

.section__pdc.odin .splide__pagination li .splide__pagination__page.is-active::after {
    background-color: #cdab82
}

.section__pdc.odin .product_awards .awards-container .awards-seeall {
    color: #cdab82
}

.section__pdc.odin .product_awards .awards-container .awards-seeall {
    color: #cdab82
}

.section__pdc.odin .product_videos .videos-container .videos-seeall {
    color: #cdab82
}

.section__pdc.odin .product_videos .videos-container .videos-seeall {
    color: #cdab82
}

.section__pdc.odin .product_medias .medias-container .medias-seeall {
    color: #cdab82
}

.section__pdc.odin .product_medias .medias-container .medias-seeall {
    color: #cdab82
}

.section__pdc.odin .arrow_link::before {
    background: #cdab82
}

.section__pdc.odin .arrow_link::after {
    display: none
}

.section__pdc.odin .seeall_arrow-svg {
    stroke: #cdab82
}

.section__pdc.odin .product_medias .medias-container .medias-carousel {
    background-color: rgba(0, 0, 0, 0)
}

.section__pdc.odin .product_medias .medias-container .medias-carousel .splide__track {
    background-color: #1b1b1b
}

.section__pdc.odin .product_awards .awards-container .awards-carousel {
    background-color: rgba(0, 0, 0, 0)
}

.section__pdc.odin .product_awards .awards-container .awards-carousel .splide__track {
    background-color: #1b1b1b
}

.section__pdc.odin .product_videos .videos-container .videos-carousel,
.section__pdc.odin .product_videos .videos-container .videos-carousel .splide__track {
    background-color: rgba(0, 0, 0, 0)
}

.section__pdc.odin .product_videos .videos-container .videos-carousel .videos-item .item-content {
    background-color: #1b1b1b
}

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

    .section__pdc.odin .product_awards .awards-container .awards-carousel,
    .section__pdc.odin .product_medias .medias-container .medias-carousel {
        background-color: #1b1b1b
    }
}

.section__pdc.odin .awards-container .awards-carousel .awards-item .item-content,
.section__pdc.odin .medias-container .medias-carousel .medias-item .item-content,
.section__pdc.odin .videos-container .videos-carousel .videos-item .item-content {
    color: #fff
}

.section__pdc.odin .active::nth-last-child(1) {
    margin-bottom: 0
}

.section__pdc.odin.section__pdc-top {
    z-index: 9
}

@media all and (min-width:1280px) {
    .section__pdc.odin.section__pdc-top .pdc-space-start {
        margin-top: 0;
        padding-top: 114px
    }

    .section__pdc.odin.section__pdc-top .pdc-space-end {
        margin-bottom: -81px;
        padding-bottom: 0
    }

    .section__pdc.odin.section__pdc-bottom .pdc-space-start {
        margin-top: 0;
        padding-top: 128px
    }

    .section__pdc.odin.section__pdc-bottom .pdc-space-end {
        margin-bottom: -82px;
        padding-bottom: 0
    }
}

@media all and (max-width:1279.5px) and (min-width:731px) {
    .section__pdc.odin.section__pdc-top .pdc-space-start {
        margin-top: 0;
        padding-top: 100px
    }

    .section__pdc.odin.section__pdc-top .pdc-space-end {
        margin-bottom: -59px;
        padding-bottom: 0
    }

    .section__pdc.odin.section__pdc-bottom .pdc-space-start {
        margin-top: 0;
        padding-top: 109px
    }

    .section__pdc.odin.section__pdc-bottom .pdc-space-end {
        margin-bottom: -63px;
        padding-bottom: 0
    }
}

@media all and (max-width:730.5px) {
    .section__pdc.odin.section__pdc-top .pdc-space-start {
        margin-top: 0;
        padding-top: 58px
    }

    .section__pdc.odin.section__pdc-top .pdc-space-end {
        margin-bottom: -57px;
        padding-bottom: 10px
    }

    .section__pdc.odin.section__pdc-bottom .pdc-space-start {
        margin-top: 0;
        padding-top: 58px
    }

    .section__pdc.odin.section__pdc-bottom .pdc-space-end {
        margin-bottom: -62px;
        padding-bottom: 0
    }
}

@media all and (min-width:1280px) {
    .section__wdvideos+.section__pdc.odin.section__pdc-bottom .pdc-space-start {
        padding-top: 128px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__ksp+.section__pdc.odin.section__pdc-bottom .pdc-space-start {
        margin-top: 0;
        padding-top: 0
    }

    .section__wdvideos+.section__pdc.odin.section__pdc-bottom .pdc-space-start {
        padding-top: 100px
    }
}

.section__kv {
    padding-top: 0
}

.section__kv .hidden {
    display: block;
    position: absolute;
    width: 0;
    height: 0
}

.section__kv .vr__screen #vr__screen__icon {
    fill: #fff
}

.section__kv .imgCol {
    position: relative
}

.section__kv .wd__content.bottom-content .content__title,
.section__kv .wd__content.bottom-content .content__title * {
    color: #fff;
    background-image: linear-gradient(to right, #fff, #fff 100%)
}

.section__kv .vr__screen {
    display: none
}

.section__ksp .wdtile.wdtile-ksp .wdtile__item {
    background-image: linear-gradient(0deg, #121a22 0, #1e2c3c 100%);
    min-height: 1px
}

.section__ksp .wdtile.wdtile-ksp .wdtile__item .item__content .wd__content .content__slogan {
    color: #181818
}

.section__ksp .wdtile.wdtile-ksp .wdtile__item .item__content .wd__content .content__title,
.section__ksp .wdtile.wdtile-ksp .wdtile__item .item__content .wd__content .content__title * {
    color: #cdab82;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-image: none
}

.section__ksp .wdtile.wdtile-ksp .wdtile__item .item__content .wd__content .content__info {
    color: #fff
}

.section__ksp .wdtile.wdtile-ksp .wdtile__item .item__block--feature .item__content--title {
    color: #cdab82
}

.section__ksp .wdtile.wdtile-ksp .wdtile__item .item__block--feature .item__content--descBottom,
.section__ksp .wdtile.wdtile-ksp .wdtile__item .item__block--feature .item__content--descTop,
.section__ksp .wdtile.wdtile-ksp .wdtile__item .item__block--feature .item__leftdesc {
    color: #fff
}

.section__ksp .wdtile.wdtile-ksp .wdtile__item .item__jumpto-button {
    background-color: #242b32
}

.section__ksp .wdtile.wdtile-ksp .wdtile__item .item__jumpto-button::before {
    background-color: #727272
}

#CMD .section__ksp .wdtile.wdtile-ksp .item__image-asusdial .img__item {
    background-image: url(../images/image/asusdial.png)
}

.section__ksp .wdtile.wdtile-ksp .item__image-asusdial .img__item {
    width: 400px;
    height: 406px
}

#CMD .section__ksp .wdtile.wdtile-ksp .item__image-battery .img__item {
    background-image: url(../images/image/battery.png)
}


.section__ksp .wdtile.wdtile-ksp .item__image-battery .img__item {
    width: 162px;
    height: 81px
}

#CMD .section__ksp .wdtile.wdtile-ksp .item__image-dolby .img__item {
    background-image: url(../images/image/dolby.png)
}


.section__ksp .wdtile.wdtile-ksp .item__image-dolby .img__item {
    width: 186px;
    height: 69px
}

#CMD .section__ksp .wdtile.wdtile-ksp .item__image-intelcore .img__item {
    background-image: url(../images/image/intelcore.png)
}


.section__ksp .wdtile.wdtile-ksp .item__image-intelcore .img__item {
    width: 110px;
    height: 110px
}

#CMD .section__ksp .wdtile.wdtile-ksp .item__image-ioport .img__item {
    background-image: url(../images/image/ioport.png)
}


.section__ksp .wdtile.wdtile-ksp .item__image-ioport .img__item {
    width: 1080px;
    height: 150px
}

#CMD .section__ksp .wdtile.wdtile-ksp .item__image-ircamera .img__item {
    background-image: url(../images/image/ircamera.png)
}


.section__ksp .wdtile.wdtile-ksp .item__image-ircamera .img__item {
    width: 115px;
    height: 115px
}

#CMD .section__ksp .wdtile.wdtile-ksp .item__image-creator-hub .img__item {
    background-image: url(../images/image/creator-hub.png)
}


.section__ksp .wdtile.wdtile-ksp .item__image-creator-hub .img__item {
    width: 110px;
    height: 109px
}

#CMD .section__ksp .wdtile.wdtile-ksp .item__image-layflathinge .img__item {
    background-image: url(../images/image/layflathinge.png)
}


.section__ksp .wdtile.wdtile-ksp .item__image-layflathinge .img__item {
    width: 182px;
    height: 93px
}

#CMD .section__ksp .wdtile.wdtile-ksp .item__image-militarygrade .img__item {
    background-image: url(../images/image/militarygrade.png)
}


.section__ksp .wdtile.wdtile-ksp .item__image-militarygrade .img__item {
    width: 97px;
    height: 127px
}

#CMD .section__ksp .wdtile.wdtile-ksp .item__image-muxswitch .img__item {
    background-image: url(../images/image/muxswitch.png)
}


.section__ksp .wdtile.wdtile-ksp .item__image-muxswitch .img__item {
    width: 153px;
    height: 95px
}

#CMD .section__ksp .wdtile.wdtile-ksp .item__image-nvidia .img__item {
    background-image: url(../images/image/nvidia.png)
}

.section__ksp .wdtile.wdtile-ksp .item__image-nvidia .img__item {
    width: 224px;
    height: 68px
}

#CMD .section__ksp .wdtile.wdtile-ksp .item__image-productmain .img__item {
    background-image: url(../images/image/productmain.jpg)
}

#CMD .section__ksp .wdtile.wdtile-ksp .item__image-productmain .img__item {
    mask: url(../images/image/productmain_mask.png);
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url(../images/image/productmain_mask.png);
    -webkit-mask-position: center;
    -webkit-mask-size: contain
}


.section__ksp .wdtile.wdtile-ksp .item__image-productmain .img__item {
    width: 500px;
    height: 300px
}

#CMD .section__ksp .wdtile.wdtile-ksp .item__image-smartamplifier .img__item {
    background-image: url(../images/image/smartamplifier.png)
}


.section__ksp .wdtile.wdtile-ksp .item__image-smartamplifier .img__item {
    width: 133px;
    height: 117px
}

#CMD .section__ksp .wdtile.wdtile-ksp .item__image-touchpad .img__item {
    background-image: url(../images/image/touchpad.png)
}


.section__ksp .wdtile.wdtile-ksp .item__image-touchpad .img__item {
    width: 135px;
    height: 118px
}

.section__ksp .wdtile.wdtile-ksp .item__image.item__image-inteliris .img__item {
    box-shadow: 0 0 7px rgba(0, 0, 0, .56)
}

.section__cpu .image__container {
    position: relative;
    overflow: hidden;
    width: 100%
}

.section__cpu .performance_chart_container+.elem--space {
    margin-bottom: 0
}

.section__cpu .performance_chart .item__highline .highline_text {
    color: #fff
}

.section__cpu .performance_chart .item__highline .img__highline_arrow {
    background-color: #fff
}

.section__cpu .performance_chart .item__content .bar__content {
    border-radius: 0 12px 12px 0
}

.section__cpu .performance_chart .item__content .title {
    color: #cdab82
}

.section__cpu .performance_chart .item__content .bar__score__txt {
    color: #fff
}

.section__cpu .performance_chart .bar__content.main {
    background-image: linear-gradient(90deg, #411d0d 25%, #e2af70 100%)
}

.section__cpu .performance_chart .bar__content.main .bar__score__txt {
    color: #fff
}

.section__cpu .performance_chart .gray {
    background-image: linear-gradient(90deg, #707070 25%, #555 100%)
}

.section__cpu .performance_chart .gray .bar__score__txt {
    background-image: linear-gradient(90deg, #707070 25%, #555 100%)
}

.section__cpu .performance_chart .text_comment {
    color: #999
}

/*#CMD .section__gpu .img__icon5 {
    background-image: url(../images/image/icon_rtx.png)
}*/

.section__gpu .image__container {
    position: relative;
    overflow: hidden;
    width: 100%
}

.section__thermal .colImg {
    overflow: visible
}

.section__thermal .video__container {
    position: relative;
    overflow: hidden;
    margin-right: auto;
    margin-bottom: 24px;
    margin-left: auto;
    border-radius: 20px;
    background-color: #000;
    line-height: 0
}

.section__thermal .video__container [class*=detect-point-] {
    position: absolute;
    z-index: 1
}

.section__thermal .video__container .detect-point-enter {
    top: 50%;
    left: 50%
}

.section__thermal .video__container .detect-point-out {
    left: 50%;
    height: 100%
}

.section__thermal .wdblockimg .block-1 .img__bg {
    background-image: url(../images/image/blockimg_1-s5.jpg)
}


.section__thermal .wdblockimg .block-2 .img__bg {
    background-image: url(../images/image/blockimg_2-s5.jpg)
}


.section__thermal .wdblockimg .block-1 {
    background-color: #151516
}

.section__thermal .wdblockimg .block-1 .modal-button-container .modal-button {
    border-color: #694d38;
    background-color: #694d38
}

.section__thermal .wdblockimg .block-2 {
    background-color: #151516
}

.section__thermal .wdblockimg .block-2 .modal-button-container .modal-button {
    border-color: #694d38;
    background-color: #694d38
}

.section__touchpad {
    margin-top: 0;
    padding-top: 0
}

.section__touchpad .wdtab__nav::before {
    background-color: #9a6c4c
}

.section__touchpad .wdtab__nav-btn {
    color: #57575c
}

.section__touchpad .wdtab__nav-btn:focus-visible {
    color: #9a6c4c
}

.section__touchpad .wdtab__nav-btn.active,
.section__touchpad .wdtab__nav-btn:hover {
    color: #9a6c4c
}

.section__touchpad .wdtab__nav-btn.active::before,
.section__touchpad .wdtab__nav-btn:hover::before {
    background-color: #9a6c4c
}

.section__touchpad .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-circle {
    stroke: #4c4c4c;
    fill: transparent
}

.section__touchpad .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-pause {
    fill: #4c4c4c
}

.section__touchpad .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-play {
    fill: #4c4c4c
}

.section__touchpad .wdtab .wdtab__autoPlay .wd__play__btn-button {
    top: 0;
    width: 60px;
    height: 60px
}

.section__touchpad .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-line,
.section__touchpad .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .triangle {
    fill: #9a6c4c;
    stroke: #9a6c4c;
    -webkit-tap-highlight-color: unset
}

.section__touchpad .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-circle {
    stroke: transparent;
    fill: transparent
}

.section__touchpad .wdtab .wdtab__panel .wdtab__panel__item-info__text,
.section__touchpad .wdtab .wdtab__panel .wdtab__panel__item-info__text * {
    color: #181818
}

/*#CMD .section__touchpad .wdtab__panel__item-0 .img__main {
    background-image: url(../images/image/tab_0.jpg)
}


#CMD .section__touchpad .wdtab__panel__item-1 .img__main {
    background-image: url(../images/image/tab_1.jpg)
}


#CMD .section__touchpad .wdtab__panel__item-2 .img__main {
    background-image: url(../images/image/tab_2.jpg)
}

 #CMD .section__touchpad .wdtab__panel__item-3 .img__main {
    background-image: url(../images/image/tab_3.jpg)
} */


.section_______ {
    margin-top: 0;
    padding-top: 0
}

.section_______ {
    margin-top: 0;
    padding-top: 0
}

.section__design {
    margin-top: 0;
    padding-top: 0
}

.section__design .image__container {
    position: relative;
    left: 50%;
    margin: 0 auto
}

.section__design .img__bg {
    position: absolute;
    left: 50%
}

.section__design .ani__item {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background-color: #000
}

.section__design .ani__item-1 {
    position: relative
}

.section__design .ani__item-1 .ani__item__container {
    position: absolute;
    z-index: 3;
    top: -420px;
    left: 50%;
    margin-left: -476px;
    width: 1400px;
    height: 1175px
}

.section__design .ani__item-1 .cover_point {
    position: absolute;
    z-index: 9;
    bottom: 285px;
    left: 50%;
    margin-left: -222px;
    width: 1px;
    height: 1px;
    transform: rotate(0);
    transform-origin: center;
    transition: all 2s ease 0s
}

.section__design .ani__item-1 .cover_point::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 2px;
    background-color: red;
    transform: translate(-50%, -50%);
    transform-origin: center;
    content: ""
}

.section__design .ani__item-1 .ani__item-img-bg {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    width: 1400px;
    height: 1175px
}

#CMD .section__design .ani__item-img-bg {
    background-image: url(../images/image/bg.jpg)
}


.section__design .ani__item-1 .ani__item-img-cover {
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 0;
    margin-top: -14px;
    margin-left: -17px;
    width: 910px;
    height: 30px;
    transform-origin: left center
}

#CMD .section__design .ani__item-img-cover {
    background-image: url(../images/image/cover.png)
}


.section__design .ani__item__container.aniInit .cover_point {
    transform: rotate(0)
}

.section__design .ani__item__container.aniPlay .cover_point {
    transform: rotate(-124deg)
}

.section__connectivity {
    margin-top: 0;
    padding-top: 0
}

.section__connectivity .image__container .imgDesc {
    position: absolute;
    top: 0;
    width: 100%;
    height: 0
}

.section__connectivity .image__container .imgDesc__item {
    position: absolute;
    left: 50%;
    margin-left: 0;
    width: 0;
    height: 0
}

.section__connectivity .image__container .imgDesc__text {
    position: absolute;
    left: 50%;
    color: #0f0f10;
    transform-origin: center top;
    transform: translateX(-50%)
}

.section__connectivity .image__container .imgDesc__text-right {
    right: 0;
    left: unset
}

.section__connectivity .image__container .imgDesc__text-left {
    right: unset;
    left: 0
}

.section__connectivity .image__container .image__container-item {
    position: relative;
    overflow: hidden;
    margin-top: 0;
    width: 100%;
    border-radius: 20px;
    background-color: #f7f7f7
}

.section__connectivity .image__container .image__container-item+.image__container-item {
    margin-top: 24px
}

.section__connectivity .image__container .image__container-item .img__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.section__isv .wd__feature__list .wd__feature__describe {
    display: none
}

.section__isv .wd__feature__list .wd__feature.feature-icon .wd__feature__data .img__icon0 {
    width: 261px;
    height: 74px
}

#CMD .section__isv .img__icon0 {
    background-image: url(../images/image/icon_audodesk.png)
}

.section__isv .wd__feature__list .wd__feature.feature-icon .wd__feature__data .img__icon1 {
    width: 182px;
    height: 74px
}

#CMD .section__isv .img__icon1 {
    background-image: url(../images/image/icon_adobe.png)
}


.section__isv .wd__feature__list .wd__feature.feature-icon .wd__feature__data .img__icon2 {
    width: 246px;
    height: 74px
}

#CMD .section__isv .img__icon2 {
    background-image: url(../images/image/icon_das.png)
}


.section__isv .wd__feature__list .wd__feature.feature-icon .wd__feature__data .img__icon3 {
    width: 144px;
    height: 74px
}

#CMD .section__isv .img__icon3 {
    background-image: url(../images/image/icon_ptc.png)
}


.section__display-outer-s1 {
    background-color: #fff
}

.section__display-outer-s1 .wdblockimg .block-1 .modal-button-container .modal-button {
    border-color: transparent;
    background-color: rgba(105, 77, 56, .8)
}

.section__display-outer-s1 .wdblockimg .block-1 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.section__display-outer-s1 .wdblockimg .block-2 .modal-button-container .modal-button {
    border-color: transparent;
    background-color: rgba(105, 77, 56, .8)
}

.section__display-outer-s1 .wdblockimg .block-2 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.section__display-outer-s1 .wdblockimg .block-3 .modal-button-container .modal-button {
    border-color: transparent;
    background-color: rgba(105, 77, 56, .8)
}

.section__display-outer-s1 .wdblockimg .block-3 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.section__display-outer-s1 .wdblockimg .block-4 .modal-button-container .modal-button {
    border-color: transparent;
    background-color: rgba(105, 77, 56, .8)
}

.section__display-outer-s1 .wdblockimg .block-4 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.section__display-outer-s1 .wdblockimg .block-5 .modal-button-container .modal-button {
    border-color: transparent;
    background-color: rgba(105, 77, 56, .8)
}

.section__display-outer-s1 .wdblockimg .block-5 .modal-button-container .modal-button .modal-inner-text {
    color: #fff
}

.section__display-outer-s1 .wdblockimg .block-2 {
    background-color: #e9ecf1
}

.section__display-outer-s1 .wdblockimg .block-3 {
    background-color: #e9ecf1
}

.section__display-outer-s1 .wdblockimg .block-5 {
    background-color: #e9ecf1
}

.section__display-inner-s1 .wdtable table .tr-1 td span {
    padding: 0
}

.section__display-inner-s1 .wdtable .h-col-1 .footnote-num {
    background: linear-gradient(to right, #9869ab, #9869ab);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.section__display-outer-s1 .wd__feature__list {
    z-index: 9
}

.section__display-outer-s1 .wdblockimg .block-5 .img__bg {
    transform: scale(1.5);
    transform-origin: bottom
}

.creatorhub-outer .wd__play__btn .svg_button_play .svg-line {
    fill: #000;
    stroke: transparent;
    -webkit-tap-highlight-color: unset
}

.creatorhub-outer .tab__video_control .tab__video_control_button svg.svg_button_play {
    opacity: .5
}

.creatorhub-outer .tab__video_control .tab__video_control_button svg.svg_button_play .svg-circle {
    stroke: #000;
    fill: transparent
}

.creatorhub-outer .tab__video_control .tab__video_control_button svg.svg_button_play .svg-play .triangle {
    fill: #000;
    stroke: #000;
    -webkit-tap-highlight-color: unset
}

.creatorhub-outer .tab__video_control .tab__video_control_button svg.svg_button_play .svg-line {
    fill: #000;
    stroke: transparent;
    -webkit-tap-highlight-color: unset
}

.creatorhub-outer sup.sign-cr,
.creatorhub-outer sup.sign-deg,
.creatorhub-outer sup.sign-star,
.creatorhub-outer sup.sign-tm {
    color: #181818
}

.section__creatorhub-outer-s2 .wdtab .slick-info-text {
    color: #181818
}

.section__creatorhub-outer-s2 .wdtab .wdtab__panel__item {
    padding-top: 12px
}

.section__creatorhub-outer-s2 .wdtab .slick-info {
    margin-bottom: 8px
}

.section__creatorhub-outer-s2 .wdtab .wdtab__nav .wdtab__nav-btn {
    color: #57575c;
    border-width: 2px
}

.section__creatorhub-outer-s2 .wdtab .wdtab__nav .wdtab__nav-btn.active,
.section__creatorhub-outer-s2 .wdtab .wdtab__nav .wdtab__nav-btn::before,
.section__creatorhub-outer-s2 .wdtab .wdtab__nav .wdtab__nav-btn:focus-visible,
.section__creatorhub-outer-s2 .wdtab .wdtab__nav .wdtab__nav-btn:hover {
    color: #fff;
    border: 2px solid #9a6c4c;
    background-color: #9a6c4c;
    box-shadow: unset
}

.section__creatorhub-outer-s2 .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-circle {
    stroke: transparent;
    fill: transparent
}

.section__creatorhub-outer-s2 .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-line,
.section__creatorhub-outer-s2 .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-play .triangle {
    fill: #9a6c4c;
    stroke: #9a6c4c;
    -webkit-tap-highlight-color: unset
}

#section__creatorhub-outer-s1 {
    margin-top: -1px
}

#section__creatorhub-outer-s1 .wdtab .wd__play__btn.wdtab__autoPlay {
    opacity: 1 !important
}

#section__creatorhub-outer-s1 .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play {
    opacity: .5
}

#section__creatorhub-outer-s1 .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-line {
    fill: #000;
    stroke: transparent
}

#section__creatorhub-outer-s1 .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-circle {
    stroke: #000;
    fill: transparent
}

#section__creatorhub-outer-s1 .wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-triangle .triangle {
    fill: #000
}

.section__audiodolby-outer-s1 .wd__content .content__info .line--space {
    display: block;
    margin-top: 2rem
}

.section__audiodolby-outer-s1 .col>.wd__feature__list .wd__feature__data,
.section__audiodolby-outer-s1 .col>.wd__feature__list .wd__feature__data * {
    color: #fff
}

.section__audiodolby-outer-s1 .wdblockimg .block.theme-black {
    background-color: #151516
}

/* .wd__feature.icon-ess .img__icon {
    background-image: url(../images/image/icon_ess.png)
} */

.section__audiodolby-outer-s1 .wd__feature__list .wd__feature.icon-ess .wd__feature__data {
    top: 32px;
    margin-top: 24px;
    margin-bottom: 43px;
    width: 130px;
    height: 48px
}

/* .wd__feature.icon-hires .img__icon {
    background-image: url(../images/image/icon_hires.jpg)
} */


.section__audiodolby-outer-s1 .wd__feature__list .wd__feature.icon-hires .wd__feature__data {
    top: 19px;
    margin-top: 28px;
    width: 88px;
    height: 88px
}

.section__userexperience-outer-s1 {
    margin-top: 0;
    padding-top: 0;
    background-color: #000
}

.section__userexperience-outer-s1 .block.block-12 .wd__content a.content__link {
    display: inline-block;
    z-index: 1;
    margin-top: 24px;
    padding: 9px 21px;
    width: auto;
    color: #fff;
    text-align: left;
    border: 2px solid transparent;
    border-radius: 34px;
    background-color: rgba(154, 108, 76, .6);
    transition: opacity .3s;
    min-width: auto
}

.section__userexperience-outer-s1 .block.block-12 .wd__content a.content__link:hover {
    opacity: .8
}

.section__userexperience-outer-s1 .block.block-12 .wd__content a.content__link::after {
    display: none
}

.section__userexperience-outer-s1 .block.block-12 .wd__content a.content__link,
.section__userexperience-outer-s1 .block.block-12 .wd__content a.content__link * {
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset
}

.section__userexperience-outer-s1 .block.block-12 .wd__content a.content__link span {
    display: block;
    position: relative;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    border-bottom: 0 solid transparent !important
}

html #CMD .section__userexperience-outer-s1 .wdblockimg .wdblockimg__container .block.theme-black {
    background-color: #151516
}

html #CMD .section__userexperience-outer-s1 .wdblockimg .wdblockimg__container .block.theme-black .img__bg {
    background-color: #151516
}

.section__userExperience-inner-s6 .block-4 {
    display: none
}

.inner-view .inner-view-container .inner-modal.modal-inner__sectionsUserExperience section.wd__section:last-child::before {
    display: none !important
}

.section__environment-outer-s1 {
    display: none
}

.section__military__grade {
    margin-top: 0;
    padding-top: 0
}

.section__military__grade.theme-black .gallery__tile .item__content-sub {
    color: #999
}

.section__adobeBanner {
    overflow: hidden;
    background-color: #000
}

.section__adobeBanner .banner__container .wd__content {
    position: relative;
    z-index: 9
}

.section__adobeBanner .banner__container .wd__content .content__title {
    margin-top: 0;
    color: #0f0f10
}

.section__adobeBanner .banner__container .wd__content .content__title,
.section__adobeBanner .banner__container .wd__content .content__title * {
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset
}

.section__adobeBanner .banner__container .wd__content .content__info {
    color: #000
}

.section__adobeBanner .banner__container .wd__content .content__info,
.section__adobeBanner .banner__container .wd__content .content__info * {
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset
}

.section__adobeBanner .banner__container .wd__content .content__link {
    background-image: linear-gradient(to right, #000, #000 100%)
}

.section__adobeBanner .banner__container .wd__content .content__link,
.section__adobeBanner .banner__container .wd__content .content__link * {
    color: #000
}

.section__adobeBanner .banner__container .wd__content .content__link::after {
    color: #000
}

.section__adobeBanner .banner__container .wd__content .content__link:hover span {
    border-bottom: 1px solid #000
}

.section__adobeBanner .banner__container .banner__item {
    position: relative;
    background-color: #fef8e0
}

.section__adobeBanner .banner__container .img__main {
    z-index: 1;
    font-size: 0;
    background-size: contain
}

.section__comment {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0
}

.inner-view {
    background-color: #17181a
}

.inner-view .inner-view-container {
    background-color: #17181a
}

.inner-view .inner-view-container .wd__section {
    background-color: #17181a
}

.inner-view .inner-view-container .modal-button-container .modal-button {
    background-color: rgba(0, 0, 0, .7);
    color: #ae8567;
    border-color: #ae8567
}

.inner-view .inner-view-container .modal-button-container .modal-button:hover {
    background-color: #000;
    color: #ae8567;
    border-color: #ae8567
}

.inner-view .inner-view-container .modal-button-container .modal-button {
    min-width: auto;
    padding: 9px 21px
}

.inner-view .modal-inner__sectionsDisplay {
    background-color: #17181a
}

.inner-view .modal-inner__sectionsAudioDolby {
    background-color: #0d0d0d
}

.inner-view .modal-inner__sectionsAudioDolby .wd__section {
    background-color: #0d0d0d
}

.inner-view .modal-inner__sectionsUserExperience {
    background-color: #17181a
}

.inner-view .modal-inner__sectionsUserExperience .wd__section {
    background-color: #17181a
}

.inner-view .modal-inner__sectionsUserExperience .section__userExperience-inner-s7 .userExperience-inner-s7-item .textItem-outer .wd__content .content__title {
    background-image: linear-gradient(to right, #000 0, #000 100%)
}

.section__s2inner1 {
    margin-top: 0;
    padding-top: 0
}

.section__s2inner1 .wd__performance__graph.theme-black .row::after {
    content: "";
    display: table;
    clear: both
}

.section__s2inner1 .wd__performance__graph.theme-black .row .col {
    float: left;
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.section__s2inner1 .wd__performance__graph.theme-black .col.push-l1 {
    left: 8.33333%
}

.section__s2inner1 .graphs .graph__title {
    color: #fff
}

.section__s2inner1 .wd__performance__graph .row::after {
    content: "";
    display: table;
    clear: both
}

.section__s2inner1 .wd__performance__graph.theme-black .wd__feature__list .wd__feature .wd__feature__data,
.section__s2inner1 .wd__performance__graph.theme-black .wd__feature__list .wd__feature .wd__feature__data * {
    color: #cdab82
}

.section__s2inner1 .wd__performance__graph.theme-black .wd__feature__list .wd__feature .wd__feature__describe,
.section__s2inner1 .wd__performance__graph.theme-black .wd__feature__list .wd__feature .wd__feature__describe *,
.section__s2inner1 .wd__performance__graph.theme-black .wd__feature__list .wd__feature .wd__feature__describe__top,
.section__s2inner1 .wd__performance__graph.theme-black .wd__feature__list .wd__feature .wd__feature__describe__top * {
    color: #f3e7e7
}

.section__s2inner1 .wd__performance__graph.theme-black .graph__line.line-1 .graph__bar {
    background: linear-gradient(to top, #cdab82, #cdab82)
}

.section__s2inner1 .wd__performance__graph.theme-black .graph__line.line-2 .graph__bar {
    background: linear-gradient(to left, #ccc, #7a7a7a 29%)
}

.section__s2inner1 .wd__performance__graph.theme-black .graph__line.line-3 .graph__bar {
    background: linear-gradient(to left, #ccc, #7a7a7a 29%)
}

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

.section__s2inner1 .wd__performance__graph.theme-black .graph-badge .badge__value {
    color: #cdab82
}

.section__s2inner1 .wd__performance__graph.theme-black .graph__line.line-1 .graph__bar .bar__value {
    color: #cdab82
}

.section__s2inner1 .graphs {
    position: relative;
    left: 50%;
    text-align: center
}

.section__s2inner1 .graphs .graph__part {
    display: inline-block
}

.section__s2inner1 .graphs .graph__title {
    text-align: left
}

.section__s2inner1 .graph-0 .wd__performance__graph .graph__line.line-1 .graph__bar {
    width: 100%
}

.section__s2inner1 .graph-0 .wd__performance__graph .graph__line.line-2 .graph__bar {
    width: 28.5714285714%
}

.section__s2inner1 .graph-0 .wd__performance__graph .graph__line.line-3 .graph__bar {
    width: 7.4285714286%
}

.section__s2inner1 .graph-1 .wd__performance__graph .graph__line.line-1 .graph__bar {
    width: 100%
}

.section__s2inner1 .graph-1 .wd__performance__graph .graph__line.line-2 .graph__bar {
    width: 18%
}

.section__s2inner1 .graph-1 .wd__performance__graph .graph__line.line-3 .graph__bar {
    width: 6%
}

.section__thermal-inner-s1 {
    padding-top: 0;
    background-color: transparent !important
}

.section__thermal-inner-s2 {
    padding-top: 0;
    background-color: transparent !important
}

.section__thermal-inner-s2 .img__icon4 {
    width: 220px;
    height: 90px
}

#CMD .section__thermal-inner-s2 .img__icon4 {
    background-image: url(../images/image/icon_1.png)
}


.section__thermal-inner-s2 .video__container {
    padding-bottom: 64px
}

.section__thermal-inner-s2 .wdtable.oledTable .table_cotainer {
    text-align: left
}

.section__thermal-inner-s2 .wdtable.oledTable .table_cotainer .text__val {
    display: block;
    line-height: 1.2
}

.section__thermal-inner-s2 .wdtable.oledTable .table_cotainer td .text__val {
    line-height: 1.3
}

.section__thermal-inner-s2 .wdtable.oledTable .table_cotainer sup.sign-cr,
.section__thermal-inner-s2 .wdtable.oledTable .table_cotainer sup.sign-tm {
    top: 0;
    font-size: .6em;
    vertical-align: super
}

.section__thermal-inner-s2 .wdtable.thermalInnerS2Table .table_cotainer {
    position: relative
}

.section__thermal-inner-s2 .wdtable.thermalInnerS2Table .table_cotainer table {
    border-collapse: collapse
}

.section__thermal-inner-s2 .wdtable.thermalInnerS2Table .table_cotainer caption {
    opacity: 0;
    font-size: 0
}

.section__thermal-inner-s2 .wdtable.thermalInnerS2Table .table_cotainer td,
.section__thermal-inner-s2 .wdtable.thermalInnerS2Table .table_cotainer tr {
    color: #aaa;
    font-size: 16px
}

.section__thermal-inner-s2 .wdtable.thermalInnerS2Table .table_cotainer tr td,
.section__thermal-inner-s2 .wdtable.thermalInnerS2Table .table_cotainer tr th {
    position: relative
}

.section__thermal-inner-s2 .wdtable.thermalInnerS2Table .table_cotainer tr td::after,
.section__thermal-inner-s2 .wdtable.thermalInnerS2Table .table_cotainer tr th::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #fff;
    content: ""
}

.section__thermal-inner-s2 .wdtable.thermalInnerS2Table .table_cotainer .tr-0 td {
    font-size: 0 !important
}

.section__thermal-inner-s2 .wdtable.thermalInnerS2Table .table_cotainer .h-col-1 {
    color: #cdab82
}

.section__thermal-inner-s2 .wdtable.thermalInnerS2Table .table_cotainer .td-1 {
    color: #fff
}

.section__thermal-inner-s2 .wdtable.thermalInnerS2Table .table_cotainer .tr-1 td span {
    padding: 0
}

.section__thermal-inner-s2 .wdtable.thermalInnerS2Table .table_cotainer .h-col-2::after,
.section__thermal-inner-s2 .wdtable.thermalInnerS2Table .table_cotainer .rol-1::after {
    background-color: #aaa
}

.section__thermal-inner-s2 .wdtable.thermalInnerS2Table .table_cotainer td:first-child,
.section__thermal-inner-s2 .wdtable.thermalInnerS2Table .table_cotainer th:first-child {
    padding-left: 0 !important
}

.section__thermal-inner-s2 .wdtable.thermalInnerS2Table .table_cotainer td:last-child,
.section__thermal-inner-s2 .wdtable.thermalInnerS2Table .table_cotainer th:last-child {
    padding-right: 0 !important
}

.section__display-inner-s5 {
    padding-top: 69px;
    padding-bottom: 200px
}

.section__display-inner-s5 .image__container {
    position: relative;
    left: 50%;
    margin-top: -31px;
    margin-left: -640px;
    width: 1280px;
    height: 960px
}

.section__display-inner-s5 .img__space {
    width: 1280px;
    height: 960px
}

#CMD .section__display-inner-s5 .img__space {
    background-image: url(../images/image/s1.jpg)
}


.section__display-inner-s5 .compare {
    display: flex;
    position: relative;
    align-items: flex-start;
    justify-content: space-evenly;
    margin: 70px auto 0;
    width: 1280px
}

.section__display-inner-s5 .compare .compare-1,
.section__display-inner-s5 .compare .compare-2 {
    display: inline-block;
    position: relative;
    width: 617px;
    vertical-align: top
}

.section__display-inner-s5 .compare .compare-1 .compare-text,
.section__display-inner-s5 .compare .compare-2 .compare-text {
    position: absolute;
    top: -53px;
    left: 50%;
    margin-left: -150px;
    width: 300px;
    color: #fff;
    font-size: 2.0625rem
}

.section__display-inner-s5 .compare .img__compare-1,
.section__display-inner-s5 .compare .img__compare-2 {
    position: relative;
    width: 617px;
    vertical-align: top;
    background-position-y: top
}

.section__display-inner-s5 .compare .img__compare-1 {
    height: 346px
}

#CMD .section__display-inner-s5 .img__compare-1 {
    background-image: url(../images/image/s1_1.jpg)
}


.section__display-inner-s5 .compare .img__compare-2 {
    height: 385px
}

#CMD .section__display-inner-s5 .img__compare-2 {
    background-image: url(../images/image/s1_2.jpg)
}


.section__display-inner-s5 .image__container .img__interface {
    position: absolute;
    overflow: hidden;
    top: 86px;
    left: 50%;
    margin-left: -442px;
    width: 883px;
    height: 554px
}

#CMD .section__display-inner-s5 .img__interface {
    background-image: url(../images/image/interface.jpg)
}


.section__display-inner-s5 .image__container .img__toolbar {
    position: absolute;
    bottom: 29px;
    width: 1280px;
    height: 290px
}

#CMD .section__display-inner-s5 .img__toolbar {
    background-image: url(../images/image/toolbar.jpg)
}

.section__display-inner-s5 .image__container .line__blue {
    position: absolute;
    z-index: 104;
    top: 65px;
    left: 50%;
    margin-left: -469px;
    width: 938px;
    height: 581px
}

.section__display-inner-s5 .image__container .line__blue text {
    font-size: 100px;
    filter: url(#glow)
}

.section__display-inner-s5 .image__container .line__blue .path {
    stroke: #fff;
    stroke-width: 5;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dashoffset: 6000;
    stroke-dasharray: 6000;
    filter: url(#glow)
}

.section__display-inner-s5 .image__container .line__blue .path {
    stroke: #fff
}

.section__display-inner-s5 .image__container::after {
    display: none;
    position: absolute;
    content: "";
    z-index: 100;
    top: 73px;
    left: 50%;
    margin-left: -491px;
    width: 982px;
    height: 624px;
    border-radius: 10px 10px 0 0;
    background-color: rgba(0, 0, 0, .5)
}

.section__display-inner-s5 .image__container .img__toolbar {
    transform: translateY(-53px) translateZ(0);
    transition: none
}

.section__display-inner-s5 .image__container .line__blue {
    opacity: 1;
    transition: none;
    fill: transparent
}

.section__display-inner-s5 .image__container .line__blue text {
    opacity: 0;
    transition: none
}

.section__display-inner-s5 .image__container .line__blue .path {
    stroke-dashoffset: 6000;
    transition: none
}

.section__display-inner-s5 .image__container .line__blue.fadeOut {
    opacity: 0
}

.section__display-inner-s5 .image__container::after {
    opacity: 0;
    transition: none
}

.section__display-inner-s5 .image__container.step1 .img__toolbar {
    transform: translateY(0) translateZ(0);
    transition: transform .6s ease .4s
}

.section__display-inner-s5 .image__container.step2::after {
    opacity: 1;
    transition: opacity .8s ease
}

.section__display-inner-s5 .image__container.step2 .img__toolbar {
    transform: translateY(0) translateZ(0);
    transition: transform .6s ease .4s
}

.section__display-inner-s5 .image__container.step2 .line__blue {
    transition: opacity 650ms
}

.section__display-inner-s5 .image__container.step2 .line__blue text {
    opacity: 1;
    transition: opacity 1s ease 1.6s
}

.section__display-inner-s5 .image__container.step2 .line__blue .path {
    stroke-dashoffset: 1960;
    transition: stroke-dashoffset 2s ease .8s
}

html {
    --wd-guide-floatspace-section-height: 205px;
    --wd-guide-floatspace-image-height: 100px
}

@media all and (min-width:1279.5px) and (max-width:1279.5px) {
    html {
        --wd-guide-floatspace-section-height: 205px;
        --wd-guide-floatspace-image-height: 100px
    }
}

@media all and (max-width:730.5px) {
    html {
        --wd-guide-floatspace-section-height: 205px;
        --wd-guide-floatspace-image-height: 100px
    }
}