@charset "UTF-8";

/*** Global ***/

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

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

html {
    font-size: 15px;
}

body {
    font-size: 1em;
    line-height: 1.3;
}

.inline__block {
    display: inline-block;
}

sup {
    position: relative;
    vertical-align: baseline;
    top: -0.44em;
    font-size: 0.6em;
    line-height: 0;
}

sup.sign-deg {
    top: -0.5em;
}

sup.sign-star {
    top: -0.83em;
    font-size: 0.5em;
}

sup.sign-cr {
    top: -0.3em;
    font-size: 0.7em;
}

sup.footnote-num {
    top: -1.7em;
    font-size: 0.33em;
}

.wd__content .content__info sup.sign-e {
    top: -0.7em;
}

.wd__content .content__info sup.sign-cr {
    top: 0;
    font-size: 1.1em;
}

.wd__content .content__info sup.sign-tm {
    top: 0;
    font-size: 1em;
}

.wd__content .content__info sup.sign-star {
    top: -0.17em;
    font-size: 1em;
}

.wd__content .content__info sup.sign-deg {
    top: -0.1em;
    padding: 0 0.02em;
    font-size: 1em;
}

.wd__content .content__info sup.footnote-num {
    top: -0.97em;
    font-size: 0.5em;
}

.wd__feature__list .wd__feature .wd__feature__describe sup.sign-cr {
    top: 0.1em;
    font-size: 1.1em;
}

.wd__feature__list .wd__feature .wd__feature__describe sup.sign-tm {
    top: 0;
    font-size: 1em;
}

.wd__feature__list .wd__feature .wd__feature__describe sup.sign-deg {
    top: -0.1em;
    font-size: 1em;
}

.wd__feature__list .wd__feature .wd__feature__describe sup.footnote-num {
    top: -0.86em;
    font-size: 0.5em;
}

.wd__feature__list .wd__feature .wd__feature__describe span sup.sign-deg {
    padding: 0 0.02em;
}

.wd__feature__list .wd__feature .wd__feature__data .sign-e {
    top: -1.2em;
    font-size: 0.4em;
}

.footnote-item sup.sign-deg {
    top: -0.2em;
    font-size: 0.9em;
}

.footnote-item sup.sign-tm {
    top: -0.09em;
    font-size: 0.9em;
}

.footnote-item sup.sign-cr {
    top: 0.03em;
    font-size: 1.1em;
}

.ie #CMD sup {
    top: -0.1em;
    font-size: 1em;
    line-height: unset;
}

.ie #CMD sup.sign-deg {
    top: -0.5em;
}

.ie #CMD sup.sign-star {
    top: -0.83em;
    font-size: 0.5em;
}

.ie #CMD sup.sign-cr {
    top: -0.2em;
    font-size: 1em;
}

.ie #CMD sup.sign-fnum {
    top: -0.5em;
    font-size: 0.7em;
}

.ie #CMD sup.footnote-num {
    top: -1.7em;
    font-size: 0.33em;
}

.ie #CMD .wd__content .content__title sup.sign-tm {
    top: -0.5em;
    font-size: 0.7em;
}

.ie #CMD .wd__content .content__info sup.sign-e {
    top: -0.7em;
    font-size: 0.75em;
}

.ie #CMD .wd__content .content__info sup.sign-cr {
    top: 0;
    font-size: 1.3em;
}

.ie #CMD .wd__content .content__info sup.sign-tm {
    top: -0.1em;
    font-size: 1.2em;
}

.ie #CMD .wd__content .content__info sup.sign-star {
    top: -0.17em;
    font-size: 1em;
}

.ie #CMD .wd__content .content__info sup.sign-deg {
    top: -0.1em;
    padding: 0 0.02em;
    font-size: 1em;
}

.ie #CMD .wd__content .content__info sup.footnote-num {
    top: -0.97em;
    font-size: 0.5em;
}

.ie #CMD .wd__feature__list .wd__feature .wd__feature__describe sup.sign-cr {
    top: 0;
    font-size: 1.3em;
}

.ie #CMD .wd__feature__list .wd__feature .wd__feature__describe sup.sign-tm {
    top: 0;
    font-size: 1.3em;
}

.ie #CMD .wd__feature__list .wd__feature .wd__feature__describe sup.sign-deg {
    top: -0.1em;
    font-size: 1em;
}

.ie #CMD .wd__feature__list .wd__feature .wd__feature__describe sup.footnote-num {
    top: -0.86em;
    font-size: 0.5em;
}

.ie #CMD .wd__feature__list .wd__feature .wd__feature__describe span sup.sign-deg {
    padding: 0 0.02em;
}

@media all and (min-width: 1280px) {
    .wd__content .content__slogan sup.sign-star {
        top: -0.5em;
        font-size: 0.6em;
    }
    .wd__content .content__slogan sup.footnote-num {
        top: -1.4em;
    }
    .wd__content .content__title sup.sign-star {
        top: -0.8em;
    }
    .wd__content .content__title sup.sign-tm {
        top: -0.3em;
        font-size: 0.7em;
    }
    .wd__content .content__title sup.footnote-num {
        top: -1.65em;
    }
    .wd__content .content__info sup.sign-star {
        top: -0.1em;
    }
    .wd__content .content__info sup.footnote-num {
        top: -0.9em;
    }
    .wd__feature__list .wd__feature .wd__feature__data sup.sign-star {
        top: -0.75em;
        font-size: 0.5em;
    }
    .wd__feature__list .wd__feature .wd__feature__data sup.footnote-num {
        top: -1.75em;
        font-size: 0.3em;
    }
    .wd__feature__list .wd__feature .wd__feature__data span sup.sign-tm {
        top: -0.2em;
        font-size: 0.8em;
    }
    .wd__feature__list .wd__feature .wd__feature__data span sup.sign-cr {
        top: -0.2em;
        font-size: 0.8em;
    }
    .wd__feature__list .wd__feature .wd__feature__data span sup.sign-star {
        top: -0.4em;
        font-size: 0.7em;
    }
    .wd__feature__list .wd__feature .wd__feature__data span sup.sign-deg {
        top: -0.1em;
        font-size: 0.9em;
    }
    .wd__feature__list .wd__feature .wd__feature__data span sup.footnote-num {
        top: -1.2em;
        font-size: 0.43em;
    }
    .wd__feature__list .wd__feature .wd__feature__describe sup.sign-cr {
        top: 0.1em;
        font-size: 1.3em;
    }
    .wd__feature__list .wd__feature .wd__feature__describe sup.sign-star {
        top: -0.03em;
        font-size: 1.25em;
    }
    .wd__feature__list .wd__feature .wd__feature__describe sup.footnote-num {
        top: -0.7em;
        font-size: 0.6em;
    }
    .section__kv .wd__content .content__title sup.sign-star {
        top: -0.65em;
        font-size: 0.55em;
    }
    .section__kv .wd__content .content__title sup.footnote-num {
        top: -1.6em;
    }
    .section__kv .wd__content .content__info sup.sign-star {
        top: -0.2em;
        font-size: 0.9em;
    }
    .section__kv .wd__content .content__info sup.sign-deg {
        padding: 0;
    }
    .section__kv .wd__content .content__info sup.footnote-num {
        top: -1em;
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    sup {
        top: -0.5em;
    }
    sup.sign-deg {
        top: -0.25em;
        font-size: 0.8em;
    }
    sup.sign-cr {
        top: -0.35em;
    }
    sup.sign-star {
        top: -0.3em;
        font-size: 0.8em;
    }
    sup.footnote-num {
        top: -0.7em;
        font-size: 0.7em;
    }
    .wd__content .content__slogan sup.sign-tm {
        top: -0.1em;
        font-size: 1em;
    }
    .wd__content .content__slogan sup.sign-cr {
        top: -0.27em;
        font-size: 0.7em;
    }
    .wd__content .content__slogan sup.sign-star {
        top: -0.37em;
        font-size: 0.75em;
    }
    .wd__content .content__slogan sup.footnote-num {
        top: -1.5em;
    }
    .wd__content .content__title sup.sign-tm {
        top: -0.45em;
    }
    .wd__content .content__title sup.sign-star {
        top: -0.77em;
    }
    .wd__content .content__title sup.sign-cr {
        top: -0.3em;
    }
    .wd__content .content__title sup.footnote-num {
        top: -0.4em;
    }
    .wd__content .content__info sup.sign-star {
        top: -0.08em;
        font-size: 1.1em;
    }
    .wd__content .content__info sup.footnote-num {
        top: -0.8em;
        font-size: 0.6em;
    }
    .wd__feature__list .wd__feature .wd__feature__data sup.sign-cr {
        top: -0.3em;
    }
    .wd__feature__list .wd__feature .wd__feature__data sup.sign-tm {
        top: -0.42em;
    }
    .wd__feature__list .wd__feature .wd__feature__data sup.footnote-num {
        top: -1.56em;
    }
    .wd__feature__list .wd__feature .wd__feature__data sup.sign-star {
        top: -0.6em;
        font-size: 0.55em;
    }
    .wd__feature__list .wd__feature .wd__feature__data span sup.sign-tm {
        top: -0.15em;
        font-size: 0.8em;
    }
    .wd__feature__list .wd__feature .wd__feature__data span sup.sign-cr {
        top: -0.2em;
        font-size: 0.8em;
    }
    .wd__feature__list .wd__feature .wd__feature__data span sup.sign-star {
        top: -0.34em;
        font-size: 0.7em;
    }
    .wd__feature__list .wd__feature .wd__feature__data span sup.footnote-num {
        top: -1.1em;
        font-size: 0.43em;
    }
    .wd__feature__list .wd__feature .wd__feature__describe sup.sign-cr {
        top: 0;
    }
    .wd__feature__list .wd__feature .wd__feature__describe sup.sign-star {
        top: 0;
        font-size: 1.35em;
    }
    .wd__feature__list .wd__feature .wd__feature__describe sup.footnote-num {
        top: -0.47em;
        font-size: 0.8em;
    }
    .section__kv .wd__content .content__title sup.sign-tm {
        top: -0.45em;
    }
    .section__kv .wd__content .content__title sup.sign-star {
        top: -0.48em;
        font-size: 0.65em;
    }
    .section__kv .wd__content .content__title sup.footnote-num {
        top: -1.57em;
    }
    .section__kv .wd__content .content__info sup.sign-star {
        top: -0.2em;
        font-size: 0.9em;
    }
    .section__kv .wd__content .content__info sup.footnote-num {
        top: -1.25em;
        font-size: 0.4em;
    }
    .footnote-item sup.sign-cr {
        top: 0.1em;
    }
}

@media all and (max-width: 730.5px) {
    sup.sign-deg {
        top: -0.25em;
        font-size: 0.8em;
    }
    sup.sign-star {
        top: -0.3em;
        font-size: 0.8em;
    }
    sup.footnote-num {
        top: -0.7em;
        font-size: 0.7em;
    }
    .wd__content .content__slogan sup.sign-tm {
        top: -0.1em;
        font-size: 1em;
    }
    .wd__content .content__slogan sup.sign-cr {
        top: -0.31em;
    }
    .wd__content .content__slogan sup.sign-star {
        top: -0.1em;
        font-size: 1.1em;
    }
    .wd__content .content__slogan sup.footnote-num {
        top: -0.85em;
        font-size: 0.5em;
    }
    .wd__content .content__title sup.sign-cr {
        top: -0.06em;
        font-size: 0.9em;
    }
    .wd__content .content__title sup.sign-tm {
        top: -0.2em;
        font-size: 0.8em;
    }
    .wd__content .content__title sup.sign-star {
        top: -0.42em;
        font-size: 0.7em;
    }
    .wd__content .content__title sup.footnote-num {
        top: -1.3em;
        font-size: 0.4em;
    }
    .wd__content .content__info sup.sign-cr {
        top: 0.15em;
        font-size: 1.4em;
    }
    .wd__content .content__info sup.sign-tm {
        top: 0.1em;
        font-size: 1.2em;
    }
    .wd__content .content__info sup.sign-star {
        top: 0;
        font-size: 1.25em;
    }
    .wd__content .content__info sup.footnote-num {
        top: -0.7em;
        font-size: 0.6em;
    }
    .wd__feature__list .wd__feature .wd__feature__data sup.sign-cr {
        top: -0.24em;
        font-size: 0.75em;
    }
    .wd__feature__list .wd__feature .wd__feature__data sup.sign-tm {
        top: -0.27em;
        font-size: 0.7em;
    }
    .wd__feature__list .wd__feature .wd__feature__data sup.sign-star {
        top: -0.4em;
        font-size: 0.7em;
    }
    .wd__feature__list .wd__feature .wd__feature__data sup.footnote-num {
        top: -1.3em;
        font-size: 0.4em;
    }
    .wd__feature__list .wd__feature .wd__feature__data span sup.sign-cr {
        top: -0.11em;
        font-size: 0.9em;
    }
    .wd__feature__list .wd__feature .wd__feature__data span sup.sign-tm {
        top: -0.23em;
    }
    .wd__feature__list .wd__feature .wd__feature__data span sup.sign-star {
        top: -0.22em;
        font-size: 0.88em;
    }
    .wd__feature__list .wd__feature .wd__feature__data span sup.footnote-num {
        top: -1.2em;
    }
    .wd__feature__list .wd__feature .wd__feature__describe sup.sign-cr {
        top: 0.18em;
        font-size: 1.5em;
    }
    .wd__feature__list .wd__feature .wd__feature__describe sup.sign-star {
        top: 0.08em;
        font-size: 1.6em;
    }
    .wd__feature__list .wd__feature .wd__feature__describe sup.footnote-num {
        top: -0.5em;
        font-size: 0.8em;
    }
    .section__kv .wd__content .content__title sup.sign-cr {
        top: -0.1em;
    }
    .section__kv .wd__content .content__title sup.sign-star {
        top: -0.43em;
    }
    .section__kv .wd__content .content__title sup.footnote-num {
        top: -1.26em;
    }
    .section__kv .wd__content .content__info sup.sign-tm {
        top: 0;
        font-size: 1em;
    }
    .section__kv .wd__content .content__info sup.sign-cr {
        top: 0;
        font-size: 1.2em;
    }
    .section__kv .wd__content .content__info sup.sign-star {
        top: -0.06em;
        font-size: 1.2em;
    }
    .section__kv .wd__content .content__info sup.footnote-num {
        top: -0.65em;
        font-size: 0.65em;
    }
    .footnote-item sup.sign-cr {
        top: 0.03em;
        font-size: 1.1em;
    }
}


/* stylelint-disable rule */


/* stylelint-enable rule */

.stopScrollbar {
    overflow: hidden;
}

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

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

@media (max-width: 720px) {
    .modal-button-container {
        transform: scale(0.8);
    }
}

.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 button {
    cursor: pointer;
    border: 0;
    background: none;
    -webkit-tap-highlight-color: transparent;
}

.modal-button-container button:focus {
    outline: 0;
}

.modal-button-container .modal-button-text,
.modal-button-container .modal-inner-text {
    display: block;
    position: relative;
    font-size: 22px;
    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: 18px;
    }
}

@media (max-width: 730.5px) {
    .modal-button-container .modal-button-text,
    .modal-button-container .modal-inner-text {
        font-size: 19px;
    }
}

.modal-button-container .modal-button-target {
    display: none;
    position: absolute;
    z-index: 10;
    top: 10px;
    left: 50%;
    height: 50px;
    transform: translateX(-50%);
}

.modal-button-container .modal-button {
    display: inline-block;
    position: relative;
    z-index: 1;
    cursor: pointer;
    cursor: pointer;
    margin: 10px 0;
    padding: 0 30px;
    font-weight: 200;
    text-align: center;
    border: 0;
    border-style: solid;
    border-width: 3px;
    border-radius: 25px;
    background-color: #000;
    transition: background-color 400ms ease-out, border-color 400ms ease-out, color 400ms ease-out;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: manipulation;
    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(0.96);
    transition: transform 650ms ease-out;
}

.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: 0;
    margin-left: 0;
    width: 100%;
    width: 100%;
    text-align: center;
    background-color: white;
    transform: translateY(110vh);
    transition: transform 750ms linear;
}

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

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

.inner-view .inner-modal {
    display: block;
    position: relative;
    visibility: visible;
    opacity: 0;
    padding-bottom: 50px;
    width: 100%;
    transition: opacity 250ms;
    min-height: 100vh;
    min-height: var(--safarivh);
}

.inner-view .inner-modal.showed {
    opacity: 1;
}

.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) translateZ(0);
    transition: transform 400ms ease, opacity 300ms linear;
}

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

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

.inner-view.show-inner .modal-button-container {
    opacity: 1;
    transform: translate3d(0%, -130px, 0) translateZ(0);
    transition: transform 300ms ease;
    transition-delay: 1200ms;
}

@media (max-width: 720px) {
    .inner-view.show-inner .modal-button-container {
        transform: translate3d(0%, -110px, 0) translateZ(0) scale(0.8);
    }
}

@media (min-width: 731px) and (max-width: 1279.5px) {
    .modal-button-container.inner {
        bottom: 20px;
    }
}

@media (max-width: 730.5px) {
    .modal-button-container .modal-button {
        text-align: center;
    }
    .modal-button-container.inner {
        bottom: 9px;
    }
}

.product_list {
    position: relative;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1280px;
    font-size: 0;
}

.product_list .product {
    display: inline-block;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    width: 20%;
    height: 350px;
    vertical-align: top;
}

.product_list .product .product-img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -128px;
    width: 256px;
    height: 350px;
}

.product_list .product .product-img .img {
    width: 256px;
    height: 350px;
}

.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: 19px;
}

.product_list .product .content-link .link-text {
    display: inline-block;
}

.product_list .product .product-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

.product_list .product .product-content {
    position: absolute;
    z-index: 9;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}

.product_list .product .product-content .content-title {
    position: relative;
    padding: 0 30px;
    color: #fff;
    font-size: 28px;
    letter-spacing: 0.1px;
    line-height: 1.2;
    text-shadow: 0 0 9px #000;
}

.product_list .product .product-content .content-hidden {
    position: relative;
    overflow: hidden;
    height: 100%;
}

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

.product_list .product .product-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.product_list .product .product-frame>div {
    position: absolute;
}

.product_list .product .product-frame .frame-top {
    top: 0;
    left: 0;
    height: 2px;
    background: linear-gradient(to right, #f6f61c, #3ffb5e);
}

.product_list .product .product-frame .frame-right {
    top: 0;
    right: 0;
    width: 2px;
    background: linear-gradient(to bottom, #3ffb5e, #3627fe);
}

.product_list .product .product-frame .frame-bottom {
    right: 0;
    bottom: 0;
    height: 2px;
    background: linear-gradient(to left, #3627fe, #f40e2b);
}

.product_list .product .product-frame .frame-left {
    bottom: 0;
    left: 0;
    width: 2px;
    background: linear-gradient(to top, #f40e2b, #f6f61c);
}

.product_list .product .product-mask {
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 400ms;
}

.product_list .product .product-content .content-hidden {
    opacity: 0;
    max-height: 0;
}

.product_list .product .product-frame .frame-top {
    width: 0%;
    transition: width 400ms 400ms;
}

.product_list .product .product-frame .frame-right {
    height: 0%;
    transition: height 400ms;
}

.product_list .product .product-frame .frame-bottom {
    width: 0%;
    transition: width 400ms 400ms;
}

.product_list .product .product-frame .frame-left {
    height: 0%;
    transition: height 400ms;
}

.product_list .product.hover .product-mask {
    z-index: 9;
    opacity: 1;
}

.product_list .product.hover .product-content .content-title {
    display: none;
}

.product_list .product.hover .product-content .content-hidden {
    opacity: 1;
    max-height: 1000px;
    transition: opacity linear 500ms 100ms, max-height linear 500ms 0ms;
}

@media (min-width: 1280px) {
    .product_list .product:hover .product-frame {
        z-index: 12;
    }
    .product_list .product:hover .product-frame .frame-top {
        width: 100%;
        transition: width 400ms 400ms;
    }
    .product_list .product:hover .product-frame .frame-right {
        height: 100%;
        transition: height 400ms 800ms;
    }
    .product_list .product:hover .product-frame .frame-bottom {
        width: 100%;
        transition: width 400ms 400ms;
    }
    .product_list .product:hover .product-frame .frame-left {
        height: 100%;
        transition: height 400ms 800ms;
    }
    .product_list .product:hover .product-mask {
        z-index: 9;
        opacity: 1;
    }
    .product_list .product:hover .product-content .content-title {
        display: none;
    }
    .product_list .product:hover .product-content .content-hidden {
        opacity: 1;
        max-height: 1000px;
        transition: opacity linear 500ms 100ms, max-height linear 500ms 0ms;
    }
}

@media all and (max-width: 1279.5px) and (min-width: 731px) {
    .product_list {
        text-align: center;
    }
    .product_list .product .product-content .content-title {
        padding: 0 55px;
        font-size: 32px;
    }
    .product_list .product {
        display: inline-block;
        padding: 1px;
        box-sizing: border-box;
        width: 365px;
        height: 250px;
    }
    .product_list .product .product-img {
        top: 50%;
        left: 50%;
        margin-left: unset;
        transform: translate(-50%, -50%);
    }
}

@media all and (max-width: 730.5px) {
    .product_list {
        text-align: center;
    }
    .product_list .product {
        display: inline-block;
        padding: 1px;
        box-sizing: border-box;
        width: 100%;
        height: 300px;
    }
    .product_list .product .product-img {
        top: 50%;
        left: 50%;
        margin-left: unset;
        width: 320px;
        height: 300px;
        transform: translate(-50%, -50%);
    }
    .product_list .product .product-img .img {
        width: 320px;
        height: 300px;
    }
}

.chart-content .content-row .row-item .item-info .info-name {
    color: #b3b3b3;
}

.chart-content .content-row .row-item .item-info.colorful .info-name {
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(92deg, #ede27c 31%, #e87d7e 57%, #d93377 75%);
}

.chart-content .content-row .row-item .item-container {
    position: absolute;
    top: 0;
    left: 0;
}

.chart-content .content-row .row-item .item-container .container-data {
    position: absolute;
    width: 100px;
    font-size: 0;
    text-align: left;
}

.chart-content .content-row .row-item .item-container .container-data .data-value,
.chart-content .content-row .row-item .item-container .container-data .data-unit {
    display: inline-block;
    vertical-align: bottom;
    color: #b3b3b3;
}

.chart-content .content-row .row-item .item-container .container-data .data-value {
    font-size: 26px;
}

.chart-content .content-row .row-item .item-container .container-data .data-unit {
    position: relative;
    top: -4px;
    padding-left: 2px;
    font-size: 16px;
}

.chart-content .content-row .row-item .item-container.colorful .container-data {
    text-align: right;
}

.chart-content .content-row .row-item .item-container.colorful .container-data .data-value,
.chart-content .content-row .row-item .item-container.colorful .container-data .data-unit {
    color: #fdea88;
}

.chart-content .content-row.content-row-y .row-item {
    position: absolute;
    width: 130px;
    text-align: left;
}

.chart-content .content-row.content-row-y .row-item .item-info .info-name {
    font-size: 24px;
}

.chart-content .content-row.content-row-x .row-item {
    position: absolute;
    left: 50%;
    width: 130px;
    text-align: center;
}

.chart-content .content-row.content-row-x .row-item .item-info .info-name {
    font-size: 16px;
}

.chart-content .content-row.content-value .row-item {
    position: absolute;
    width: 130px;
    text-align: center;
}

.chart-content .content-row.content-value .row-item .item-info .info-name {
    color: #fff;
    font-size: 16px;
}

.chart-disclaimer .disclaimer-text {
    display: inline-block;
    position: relative;
    color: #6d6d6d;
    font-size: 16px;
    line-height: 1.4;
}

.ie #CMD .chart-content .content-row .row-item .item-info.colorful .info-name {
    -webkit-text-fill-color: initial !important;
    background-image: none !important;
    color: #ede27c !important;
}

.ie #CMD .chart-content .content-row .row-item .item-info.colorful .info-name::after {
    background: #ede27c !important;
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    .chart-content .content-row .row-item .item-container .container-data .data-value {
        font-size: 25px;
    }
    .chart-content .content-row .row-item .item-container .container-data .data-unit {
        top: -4px;
        padding-left: 2px;
        font-size: 14px;
    }
    .chart-content .content-row.content-row-y .row-item .item-info .info-name {
        font-size: 22px;
    }
    .chart-content .content-row.content-row-x .row-item .item-info .info-name {
        font-size: 15px;
    }
    .chart-disclaimer .disclaimer-text {
        font-size: 15px;
    }
}

@media all and (max-width: 730.5px) {
    .chart-content .content-row .row-item .item-container .container-data .data-value {
        font-size: 16px;
    }
    .chart-content .content-row .row-item .item-container .container-data .data-unit {
        top: 0;
        padding-left: 1px;
        font-size: 14px;
    }
    .chart-content .content-row.content-row-y .row-item .item-info .info-name {
        font-size: 17px;
    }
    .chart-content .content-row.content-row-x .row-item .item-info .info-name {
        font-size: 12px;
    }
    .chart-disclaimer {
        margin-right: auto;
        margin-left: auto;
        max-width: 65%;
    }
    .chart-disclaimer .disclaimer-text {
        font-size: 12px;
    }
}

.twentytwenty-horizontal .twentytwenty-handle::before,
.twentytwenty-horizontal .twentytwenty-handle::after,
.twentytwenty-vertical .twentytwenty-handle::before,
.twentytwenty-vertical .twentytwenty-handle::after {
    display: block;
    position: absolute;
    z-index: 30;
    background: #fff;
    content: ' ';
}

.twentytwenty-horizontal .twentytwenty-handle::before,
.twentytwenty-horizontal .twentytwenty-handle::after {
    left: 50%;
    margin-left: -1.5px;
    width: 3px;
    height: 9999px;
}

.twentytwenty-vertical .twentytwenty-handle::before,
.twentytwenty-vertical .twentytwenty-handle::after {
    top: 50%;
    margin-top: -1.5px;
    width: 9999px;
    height: 3px;
}

.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
    transition-duration: 0.5s;
}

.twentytwenty-before-label,
.twentytwenty-after-label {
    transition-property: opacity;
}

.twentytwenty-before-label::before,
.twentytwenty-after-label::before {
    color: #fff;
    font-size: 13px;
    letter-spacing: 0.1em;
}

.twentytwenty-before-label::before,
.twentytwenty-after-label::before {
    position: absolute;
    padding: 0 20px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.2);
    line-height: 38px;
}

.twentytwenty-horizontal .twentytwenty-before-label::before,
.twentytwenty-horizontal .twentytwenty-after-label::before {
    top: 50%;
    margin-top: -19px;
}

.twentytwenty-vertical .twentytwenty-before-label::before,
.twentytwenty-vertical .twentytwenty-after-label::before {
    left: 50%;
    margin-left: -45px;
    width: 90px;
    text-align: center;
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow,
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border: 6px inset transparent;
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
    top: 50%;
    margin-top: -6px;
}

.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
    left: 50%;
    margin-left: -6px;
}

.twentytwenty-container {
    position: relative;
    overflow: hidden;
    z-index: 0;
    box-sizing: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.twentytwenty-container .img {
    display: block;
    position: absolute;
    top: 0;
    max-width: 100%;
}

.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0);
}

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
    opacity: 0;
}

.twentytwenty-container * {
    box-sizing: content-box;
}

.twentytwenty-before-label {
    opacity: 0;
}

.twentytwenty-before-label::before {
    content: attr(data-content);
}

.twentytwenty-after-label {
    opacity: 0;
}

.twentytwenty-after-label::before {
    content: attr(data-content);
}

.twentytwenty-horizontal .twentytwenty-before-label::before {
    left: 10px;
}

.twentytwenty-horizontal .twentytwenty-after-label::before {
    right: 10px;
}

.twentytwenty-vertical .twentytwenty-before-label::before {
    top: 10px;
}

.twentytwenty-vertical .twentytwenty-after-label::before {
    bottom: 10px;
}

.twentytwenty-overlay {
    z-index: 25;
    background: rgba(0, 0, 0, 0);
    transition-property: background;
}

.twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5);
}

.twentytwenty-overlay:hover .twentytwenty-after-label {
    opacity: 1;
}

.twentytwenty-overlay:hover .twentytwenty-before-label {
    opacity: 1;
}

.twentytwenty-before {
    z-index: 20;
}

.twentytwenty-after {
    z-index: 10;
}

.twentytwenty-handle {
    position: absolute;
    z-index: 40;
    cursor: pointer;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    width: 38px;
    height: 38px;
    border: 3px solid #fff;
    border-radius: 1000px;
    box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-horizontal .twentytwenty-handle::before {
    bottom: 50%;
    margin-bottom: 22px;
    box-shadow: 0 3px 0 #fff, 0 0 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-horizontal .twentytwenty-handle::after {
    top: 50%;
    margin-top: 22px;
    box-shadow: 0 -3px 0 #fff, 0 0 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-vertical .twentytwenty-handle::before {
    left: 50%;
    margin-left: 22px;
    box-shadow: 3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-vertical .twentytwenty-handle::after {
    right: 50%;
    margin-right: 22px;
    box-shadow: -3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-left-arrow {
    border-right: 6px solid #fff;
    left: 50%;
    margin-left: -17px;
}

.twentytwenty-right-arrow {
    border-left: 6px solid #fff;
    right: 50%;
    margin-right: -17px;
}

.twentytwenty-up-arrow {
    border-bottom: 6px solid #fff;
    top: 50%;
    margin-top: -17px;
}

.twentytwenty-down-arrow {
    border-top: 6px solid #fff;
    bottom: 50%;
    margin-bottom: -17px;
}

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

#CMD {
    -webkit-transition-duration: 700ms;
    -khtml-transition-duration: 700ms;
    -moz-transition-duration: 700ms;
    -ms-transition-duration: 700ms;
    -o-transition-duration: 700ms;
    transition-duration: 700ms;
    -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(0.25, 0.46, 0.33, 0.98);
    -khtml-transition-timing-function: cubic-bezier(0.25, 0.46, 0.33, 0.98);
    -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.33, 0.98);
    -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.33, 0.98);
    -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.33, 0.98);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.33, 0.98);
    position: relative;
    margin-bottom: 0;
    font-size: 15px;
    text-align: center;
    line-height: 1.3;
    -webkit-tap-highlight-color: transparent;
}

@media all and (min-width: 1px) {
    #CMD {
        -webkit-opacity: 0;
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

@media all and (max-width: 320px) {
    #CMD {
        margin-bottom: 0;
    }
}

.fix_ie_png {
    filter: progid: dximagetransform.microsoft.gradient(startColorstr=#0fff, endColorstr=#0fff);
}

@media all and (min-width: 1280px) {
    .clear__background__src {
        background-image: none !important;
    }
}

section {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    max-width: 2560px;
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    section {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 1279.5px;
    }
}

@media all and (min-width: 0) and (max-width: 730.5px) {
    section {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 730.5px;
    }
}

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

@media all and (min-width: 731px) {
    .cmd-sidenav .sidenav-container .container-items .item .item-dot.enter::after {
        background: blue !important;
    }
}

@media all and (max-width: 730.5px) {
    .cmd-sidenav .item-dot.enter {
        background: blue !important;
    }
}

@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;
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        transition: opacity 800ms linear;
    }
    .grace-show.show {
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        transform: translate3d(0, 0, 0);
        will-change: opacity;
    }
    .grace-show.animated {
        transform: none;
        will-change: null;
    }
}

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

.wd__animation__easeout {
    -webkit-transition-duration: 500ms, 500ms;
    -khtml-transition-duration: 500ms, 500ms;
    -moz-transition-duration: 500ms, 500ms;
    -ms-transition-duration: 500ms, 500ms;
    -o-transition-duration: 500ms, 500ms;
    transition-duration: 500ms, 500ms;
    -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, 0.58, 1);
    -khtml-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
    -moz-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
    -ms-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
    -moz-transition-duration: 500ms;
    -moz-transition-property: all;
}

@keyframes swing {
    20% {
        transform: rotate(15deg);
    }
    40% {
        transform: rotate(-10deg);
    }
    60% {
        transform: rotate(5deg);
    }
    80% {
        transform: rotate(-5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@keyframes ballRotate {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

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

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

.inner-modal .wd__content.text__animation .content__slogan,
.inner-modal .wd__content.text__animation .content__title,
.inner-modal .wd__content.text__animation .content__info,
.inner-modal .wd__content.text__animation .content__comment,
.inner-modal .wd__content.text__animation .content__link,
.inner-modal .wd__content.text__animation .wd__feature__list {
    opacity: 0;
    transform: translateZ(0) translateY(30px);
    transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.inner-modal .wd__content.text__animation.text-showed .content__slogan,
.inner-modal .wd__content.text__animation.text-showed .content__title,
.inner-modal .wd__content.text__animation.text-showed .content__info,
.inner-modal .wd__content.text__animation.text-showed .content__comment,
.inner-modal .wd__content.text__animation.text-showed .content__link,
.inner-modal .wd__content.text__animation.text-showed .wd__feature__list {
    will-change: null;
    transform: none;
}

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

#CMD .outer-view {
    margin-top: 56px \9 !important;
}

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

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

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

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

#ctl00_ContentPlaceHolder1_ctl00_span_model_name img {
    max-width: 100%;
}

#special-sectionOverview {
    margin-top: 0px;
}

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

@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: 0px;
    }
    #CMD {
        margin-top: 0px !important;
    }
    #main-zone,
    #main-zone-5,
    #main-zone-3,
    #main-zone-4,
    #main-zone-6 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

.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: 50px;
    margin-left: 0;
}

.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: 50px;
}

@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__describe__top,
    .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 {
        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;
    }
}

.wd__section .section__content.text-white .wd__content .content__comment,
.wd__section .section__content.text-white .wd__content .content__info,
.wd__section .section__content.text-white .wd__content .content__title {
    color: #fff;
}

.wd__section .section__content.text-white .wd__feature__list .wd__feature .wd__feature__describe span,
.wd__section .section__content.text-white .wd__feature__list .wd__feature .wd__feature__describe__top,
.wd__section .section__content.text-white .wd__feature__list .wd__feature .wd__feature__describe__top span .wd__feature__describe {
    color: #fff;
}

.wd__section .section__content .wd__content.theme-dark .content__comment {
    color: #999;
}

.wd__section .section__content .wd__content.theme-dark .content__info,
.wd__section .section__content .wd__content.theme-dark .content__title {
    color: #fff;
}

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

.wd__section .section__content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe,
.wd__section .section__content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe span,
.wd__section .section__content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe__top,
.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-start-cap,
.modal-button-container.bg-gray .modal-button .modal-button-scaler,
.modal-button-container.bg-gray .modal-button .modal-button-end-cap {
    background: #6f6f6f;
}

.modal-button-container.bg-white .modal-button.old__browser .modal-button-start-cap,
.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 {
    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/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-start-cap,
.modal-button-container.bg-white .modal-button .modal-button-scaler,
.modal-button-container.bg-white .modal-button .modal-button-end-cap {
    background: #fff;
}

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

section {
    position: relative;
    width: 100%;
}

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

section.no-pad {
    padding: 0;
}

section.no-pad-bot {
    padding-bottom: 0;
}

section.no-pad-top {
    padding-top: 0;
}

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

#CMD .row:after {
    content: "";
    display: table;
    clear: both;
}

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

#CMD .row .col[class*="push-"],
#CMD .row .col[class*="pull-"] {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

#CMD .row .col.offset-l1 {
    margin-left: 8.33333%;
}

#CMD .row .col.pull-l1 {
    right: 8.33333%;
}

#CMD .row .col.push-l1 {
    left: 8.33333%;
}

#CMD .row .col.offset-l2 {
    margin-left: 16.66667%;
}

#CMD .row .col.pull-l2 {
    right: 16.66667%;
}

#CMD .row .col.push-l2 {
    left: 16.66667%;
}

#CMD .row .col.offset-l3 {
    margin-left: 25%;
}

#CMD .row .col.pull-l3 {
    right: 25%;
}

#CMD .row .col.push-l3 {
    left: 25%;
}

#CMD .row .col.offset-l4 {
    margin-left: 33.33333%;
}

#CMD .row .col.pull-l4 {
    right: 33.33333%;
}

#CMD .row .col.push-l4 {
    left: 33.33333%;
}

#CMD .row .col.offset-l5 {
    margin-left: 41.66667%;
}

#CMD .row .col.pull-l5 {
    right: 41.66667%;
}

#CMD .row .col.push-l5 {
    left: 41.66667%;
}

#CMD .row .col.offset-l6 {
    margin-left: 50%;
}

#CMD .row .col.pull-l6 {
    right: 50%;
}

#CMD .row .col.push-l6 {
    left: 50%;
}

#CMD .row .col.offset-l7 {
    margin-left: 58.33333%;
}

#CMD .row .col.pull-l7 {
    right: 58.33333%;
}

#CMD .row .col.push-l7 {
    left: 58.33333%;
}

#CMD .row .col.offset-l8 {
    margin-left: 66.66667%;
}

#CMD .row .col.pull-l8 {
    right: 66.66667%;
}

#CMD .row .col.push-l8 {
    left: 66.66667%;
}

#CMD .row .col.offset-l9 {
    margin-left: 75%;
}

#CMD .row .col.pull-l9 {
    right: 75%;
}

#CMD .row .col.push-l9 {
    left: 75%;
}

#CMD .row .col.offset-l10 {
    margin-left: 83.33333%;
}

#CMD .row .col.pull-l10 {
    right: 83.33333%;
}

#CMD .row .col.push-l10 {
    left: 83.33333%;
}

#CMD .row .col.offset-l11 {
    margin-left: 91.66667%;
}

#CMD .row .col.pull-l11 {
    right: 91.66667%;
}

#CMD .row .col.push-l11 {
    left: 91.66667%;
}

#CMD .row .col.offset-l12 {
    margin-left: 100%;
}

#CMD .row .col.pull-l12 {
    right: 100%;
}

#CMD .row .col.push-l12 {
    left: 100%;
}

@media only screen and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .row .col.m1 {
        width: 8.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.m2 {
        width: 16.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.m3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.m4 {
        width: 33.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.m5 {
        width: 41.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.m6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.m7 {
        width: 58.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.m8 {
        width: 66.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.m9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.m10 {
        width: 83.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.m11 {
        width: 91.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.m12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.offset-m1 {
        margin-left: 8.33333%;
    }
    #CMD .row .col.pull-m1 {
        right: 8.33333%;
    }
    #CMD .row .col.push-m1 {
        left: 8.33333%;
    }
    #CMD .row .col.offset-m2 {
        margin-left: 16.66667%;
    }
    #CMD .row .col.pull-m2 {
        right: 16.66667%;
    }
    #CMD .row .col.push-m2 {
        left: 16.66667%;
    }
    #CMD .row .col.offset-m3 {
        margin-left: 25%;
    }
    #CMD .row .col.pull-m3 {
        right: 25%;
    }
    #CMD .row .col.push-m3 {
        left: 25%;
    }
    #CMD .row .col.offset-m4 {
        margin-left: 33.33333%;
    }
    #CMD .row .col.pull-m4 {
        right: 33.33333%;
    }
    #CMD .row .col.push-m4 {
        left: 33.33333%;
    }
    #CMD .row .col.offset-m5 {
        margin-left: 41.66667%;
    }
    #CMD .row .col.pull-m5 {
        right: 41.66667%;
    }
    #CMD .row .col.push-m5 {
        left: 41.66667%;
    }
    #CMD .row .col.offset-m6 {
        margin-left: 50%;
    }
    #CMD .row .col.pull-m6 {
        right: 50%;
    }
    #CMD .row .col.push-m6 {
        left: 50%;
    }
    #CMD .row .col.offset-m7 {
        margin-left: 58.33333%;
    }
    #CMD .row .col.pull-m7 {
        right: 58.33333%;
    }
    #CMD .row .col.push-m7 {
        left: 58.33333%;
    }
    #CMD .row .col.offset-m8 {
        margin-left: 66.66667%;
    }
    #CMD .row .col.pull-m8 {
        right: 66.66667%;
    }
    #CMD .row .col.push-m8 {
        left: 66.66667%;
    }
    #CMD .row .col.offset-m9 {
        margin-left: 75%;
    }
    #CMD .row .col.pull-m9 {
        right: 75%;
    }
    #CMD .row .col.push-m9 {
        left: 75%;
    }
    #CMD .row .col.offset-m10 {
        margin-left: 83.33333%;
    }
    #CMD .row .col.pull-m10 {
        right: 83.33333%;
    }
    #CMD .row .col.push-m10 {
        left: 83.33333%;
    }
    #CMD .row .col.offset-m11 {
        margin-left: 91.66667%;
    }
    #CMD .row .col.pull-m11 {
        right: 91.66667%;
    }
    #CMD .row .col.push-m11 {
        left: 91.66667%;
    }
    #CMD .row .col.offset-m12 {
        margin-left: 100%;
    }
    #CMD .row .col.pull-m12 {
        right: 100%;
    }
    #CMD .row .col.push-m12 {
        left: 100%;
    }
}

@media only screen and (max-width: 730.5px) {
    #CMD .row .col.s1 {
        width: 8.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.s2 {
        width: 16.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.s3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.s4 {
        width: 33.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.s5 {
        width: 41.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.s6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.s7 {
        width: 58.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.s8 {
        width: 66.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.s9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.s10 {
        width: 83.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.s11 {
        width: 91.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.s12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.offset-s1 {
        margin-left: 8.33333%;
    }
    #CMD .row .col.pull-s1 {
        right: 8.33333%;
    }
    #CMD .row .col.push-s1 {
        left: 8.33333%;
    }
    #CMD .row .col.offset-s2 {
        margin-left: 16.66667%;
    }
    #CMD .row .col.pull-s2 {
        right: 16.66667%;
    }
    #CMD .row .col.push-s2 {
        left: 16.66667%;
    }
    #CMD .row .col.offset-s3 {
        margin-left: 25%;
    }
    #CMD .row .col.pull-s3 {
        right: 25%;
    }
    #CMD .row .col.push-s3 {
        left: 25%;
    }
    #CMD .row .col.offset-s4 {
        margin-left: 33.33333%;
    }
    #CMD .row .col.pull-s4 {
        right: 33.33333%;
    }
    #CMD .row .col.push-s4 {
        left: 33.33333%;
    }
    #CMD .row .col.offset-s5 {
        margin-left: 41.66667%;
    }
    #CMD .row .col.pull-s5 {
        right: 41.66667%;
    }
    #CMD .row .col.push-s5 {
        left: 41.66667%;
    }
    #CMD .row .col.offset-s6 {
        margin-left: 50%;
    }
    #CMD .row .col.pull-s6 {
        right: 50%;
    }
    #CMD .row .col.push-s6 {
        left: 50%;
    }
    #CMD .row .col.offset-s7 {
        margin-left: 58.33333%;
    }
    #CMD .row .col.pull-s7 {
        right: 58.33333%;
    }
    #CMD .row .col.push-s7 {
        left: 58.33333%;
    }
    #CMD .row .col.offset-s8 {
        margin-left: 66.66667%;
    }
    #CMD .row .col.pull-s8 {
        right: 66.66667%;
    }
    #CMD .row .col.push-s8 {
        left: 66.66667%;
    }
    #CMD .row .col.offset-s9 {
        margin-left: 75%;
    }
    #CMD .row .col.pull-s9 {
        right: 75%;
    }
    #CMD .row .col.push-s9 {
        left: 75%;
    }
    #CMD .row .col.offset-s10 {
        margin-left: 83.33333%;
    }
    #CMD .row .col.pull-s10 {
        right: 83.33333%;
    }
    #CMD .row .col.push-s10 {
        left: 83.33333%;
    }
    #CMD .row .col.offset-s11 {
        margin-left: 91.66667%;
    }
    #CMD .row .col.pull-s11 {
        right: 91.66667%;
    }
    #CMD .row .col.push-s11 {
        left: 91.66667%;
    }
    #CMD .row .col.offset-s12 {
        margin-left: 100%;
    }
    #CMD .row .col.pull-s12 {
        right: 100%;
    }
    #CMD .row .col.push-s12 {
        left: 100%;
    }
}

.wd__section {
    /* Slider */
    /* Icons */
    /* Arrows */
    /* Dots */
    /* Slider */
}

.wd__section .wd__content {
    color: #333;
}

.wd__section .wd__content .content__slogan {
    position: relative;
    color: #a89d5b;
    font-size: 30px;
}

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

@media all and (max-width: 730.5px) {
    .wd__section .wd__content .content__slogan {
        font-size: 20px;
    }
}

.wd__section .wd__content .content__title {
    position: relative;
    margin-top: 25px;
    font-size: 50px;
    line-height: 1.2;
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    .wd__section .wd__content .content__title {
        margin-top: 21px;
    }
}

@media all and (max-width: 730.5px) {
    .wd__section .wd__content .content__title {
        margin-top: 14px;
        font-size: 37px;
    }
}

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

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    .wd__section .wd__content .content__info {
        margin-top: 89px;
    }
}

@media all and (max-width: 730.5px) {
    .wd__section .wd__content .content__info {
        margin-top: 67px;
        font-size: 17px;
        letter-spacing: 0.1px;
        line-height: 1.45;
    }
}

.wd__section .wd__content .content__comment {
    margin-top: 16px;
    color: #717171;
    font-size: 18px;
    line-height: 1.4;
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    .wd__section .wd__content .content__comment {
        font-size: 15px;
    }
}

@media all and (max-width: 730.5px) {
    .wd__section .wd__content .content__comment {
        margin-top: 12px;
        font-size: 15px;
        letter-spacing: 0.2px;
    }
}

.wd__section .wd__content .content__link {
    display: block;
    margin-top: 15px;
    font-size: 20px;
    line-height: 27px;
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    .wd__section .wd__content .content__link {
        margin-top: 16px;
    }
}

@media all and (max-width: 730.5px) {
    .wd__section .wd__content .content__link {
        margin-top: 10px;
        font-size: 15.5px;
        line-height: 24px;
    }
}

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

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

.wd__section .wd__content .content__link:hover span {
    border-bottom: 1px solid #0188c8;
}

.wd__section .wd__link__arrow::after {
    content: '>';
    padding-left: 7px;
    color: #0188c8;
}

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

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

.wd__section .wd__feature__list {
    position: relative;
    margin-top: 64px;
}

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

@media all and (max-width: 730.5px) {
    .wd__section .wd__feature__list {
        margin-top: 34px;
    }
}

.wd__section .wd__feature__list .wd__feature {
    display: inline-block;
    position: relative;
    margin: 0 25px 50px;
    box-sizing: border-box;
    color: #333;
    vertical-align: bottom;
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    .wd__section .wd__feature__list .wd__feature {
        margin: 0 30px 22px;
    }
}

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

.wd__section .wd__feature__list .wd__feature .wd__feature__describe__top {
    position: relative;
    margin-bottom: 2px;
}

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

.wd__section .wd__feature__list .wd__feature .wd__feature__data {
    color: #a89d5b;
    font-size: 65px;
    line-height: 1;
}

@media all and (max-width: 730.5px) {
    .wd__section .wd__feature__list .wd__feature .wd__feature__data {
        margin-bottom: 2px;
        font-size: 47px;
    }
}

.wd__section .wd__feature__list .wd__feature .wd__feature__data span {
    font-size: 28px;
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    .wd__section .wd__feature__list .wd__feature .wd__feature__data span {
        font-size: 30px;
    }
}

@media all and (max-width: 730.5px) {
    .wd__section .wd__feature__list .wd__feature .wd__feature__data span {
        font-size: 25px;
    }
}

.wd__section .wd__feature__list .wd__feature .wd__feature__describe {
    position: relative;
    margin-top: -3px;
}

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

.wd__section .wd__feature__list .wd__feature .wd__feature__describe span,
.wd__section .wd__feature__list .wd__feature .wd__feature__describe__top,
.wd__section .wd__feature__list .wd__feature .wd__feature__describe__top span .wd__feature__describe {
    font-size: 16px;
    letter-spacing: 0.4px;
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    .wd__section .wd__feature__list .wd__feature .wd__feature__describe span,
    .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top,
    .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top span .wd__feature__describe {
        font-size: 16px;
        line-height: 1.2;
    }
}

@media all and (max-width: 730.5px) {
    .wd__section .wd__feature__list .wd__feature .wd__feature__describe span,
    .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top,
    .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top span .wd__feature__describe {
        display: block;
        font-size: 13px;
        line-height: 1.4 !important;
        letter-spacing: 0.1px;
    }
}

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

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

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

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

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

.wd__section .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__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-l {
        padding-left: 7px;
    }
    .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-m {
        padding-left: 5px;
    }
    .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-s {
        padding-left: 3px;
    }
    .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-l {
        padding-right: 7px;
    }
    .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-m {
        padding-right: 5px;
    }
    .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-s {
        padding-right: 3px;
    }
}

@media all and (max-width: 730.5px) {
    .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-l {
        padding-left: 3px;
    }
    .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-m {
        padding-left: 2px;
    }
    .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-s {
        padding-left: 1px;
    }
    .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-l {
        padding-right: 3px;
    }
    .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-m {
        padding-right: 2px;
    }
    .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-s {
        padding-right: 1px;
    }
}

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

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

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

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    .wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-en {
        font-size: 40px;
        line-height: 65px;
    }
    .wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-tw {
        margin-top: 10px;
        font-size: 46px;
        line-height: 56px;
    }
}

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

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

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

@font-face {
    .wd__section {
        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: normal;
        font-style: normal;
    }
}

.wd__section .slick-prev,
.wd__section .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none;
}

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

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

.wd__section .slick-prev.slick-disabled:before,
.wd__section .slick-next.slick-disabled:before {
    opacity: 0.25;
}

.wd__section .slick-prev {
    left: -25px;
}

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

.wd__section .slick-next {
    right: -25px;
}

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

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

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

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

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

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

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

.wd__section .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: black;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.wd__section .slick-dots li.slick-active button:before {
    color: black;
    opacity: 0.75;
}

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

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

.wd__section .slick-list:focus {
    outline: none;
}

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

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

.wd__section .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

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

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

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

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

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

.wd__section .slick-slide img {
    display: block;
}

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

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

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

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

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

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

.wd__section .slick__nav {
    margin-bottom: 40px;
    color: #636360;
    text-align: center;
    font-size: 1.5em;
    line-height: 1.6;
}

.wd__section .slick__nav a {
    color: #636360;
}

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

.wd__section .slick-next {
    right: 25px;
}

.wd__section .slick-prev {
    left: 25px;
}

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

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

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

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

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

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

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

.wd__section .wd__slick .container .slick__left {
    float: left;
}

.wd__section .wd__slick .container .slick__right {
    float: right;
}

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

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

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

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

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

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

.wd__section .slick-prev:before,
.wd__section .slick-next:before {
    position: absolute;
    display: block;
    z-index: 1000;
    top: 57px;
    top: 0\9;
    font-size: 34px;
    color: white;
}

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

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

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

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

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    .wd__section .slick-prev,
    .wd__section .slick-next {
        margin-top: -19px;
        width: 35px;
        height: 88px;
    }
    .wd__section .slick-prev:before,
    .wd__section .slick-next:before {
        position: absolute;
        display: block;
        z-index: 1000;
        top: 43px;
        font-size: 26px;
        color: white;
    }
    .wd__section .slick-prev:before {
        right: 10px;
    }
    .wd__section .slick-next:before {
        left: 10px;
    }
}

@media all and (max-width: 730.5px) {
    .wd__section .slick-prev,
    .wd__section .slick-next {
        display: none !important;
    }
}

.wd__section .img__list__block {
    margin-bottom: 0;
    width: 100%;
    max-width: 2560px;
}

.wd__section .img__list__block .img__list__item {
    display: inline-block;
    padding-right: 35px;
    padding-left: 35px;
    box-sizing: border-box;
    width: 880px;
}

.wd__section .img__list__block .item__img {
    display: block;
    width: 880px;
    height: 650px;
    background-size: contain;
}

.wd__section .img__list__block .item__desc {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding: 25px 30px;
    box-sizing: border-box;
    width: 880px;
    min-height: 196px;
}

.wd__section .img__list__block .item__desc::before {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    background-color: #8c9195;
    content: ' ';
}

.wd__section .img__list__block .item__desc * {
    text-align: left;
}

.wd__section .img__list__block .item__desc-title {
    position: relative;
    color: #1c1b19;
    font-size: 34px;
    line-height: 1.2;
}

.wd__section .img__list__block .item__desc-info {
    position: relative;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    width: 80%;
    color: #1c1b19;
    font-size: 20px;
    line-height: 1.5;
}

.wd__section .img__list__block__dot {
    display: none;
}

.wd__section .img__list__block .slick-prev,
.wd__section .img__list__block .slick-next {
    top: 298px;
}

.wd__section .img__list__block .slick-prev::before {
    top: 12px;
    left: 5px;
    width: 40px;
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: ' ';
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAACbCAYAAAAa/HfkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0MDM3YTljNy1lZjkwLWQ4NGMtYTcwZC03OGM4NDg0NjAzYmQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDVGQjNDREY4MDYyMTFFNTg0QTFBRTczNzFDNDFDNTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDVGQjNDREU4MDYyMTFFNTg0QTFBRTczNzFDNDFDNTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZGNkZjRmNDItMzk0ZS1jNDRhLTg4ZTctNWY1M2Y5NjI4MTUwIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NDZhZjExODAtNjFhMy0xMWU1LTkzZGUtOTIwNmM2N2RmYjRiIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+lOkdwQAAAthJREFUeNrs3U1Ow0AMhuEWdZVzAregEj+XAHHObANdsKFhUcb2+LNfS9lEahaPMkkjjT8ft207UGN1BwGIIIJIgQgiiCBSIIIIIogUiN512ju5rmtnk5dlWc7cif+v5+/jieU8Bnj+zw9BHAQE0QAQxH3ATxDHAR9BHAfcQAwG7IhoDtgN0QWwE6IbYBdEV8AOiO6A1RFDACsjhgFWRQwFrIgYDlgNcQpgJcRpgFUQpwJWQJwOqI6YAlAZMQ2gKmIqQEXEdIBqiCkBlRDTAqogpgZUQEwPmB1RAjAzogxgVkQpwIyIcoDZECUBMyHKAmZBlAbMgCgPOBuxBOBMxDKAsxBLAc5ALAcYjVgSMBKxLGAUYmnACMTygN6ILQA9EdsAXurkcM2Xw3W7a1lAjzuxHaA1YktAS8S2gFaIrQEtENsDjiICOIgI4CAigIOIAA4iAjiICOAgIoCDiAAOIgI4iAigAeJx5xx4NyJe7sK3X+cevo/3P4BBBNL37Qyk0f9EII2+WIA0+nYG0gARSCNEII0QgTRCBNIIEUgjRCAPdjsgWkNa7sVpC2m9K6wlpMcmz3aQXjtlW0F67tluA+ndPXCBfK0OGdHHcq4OGdVRVRoysrevLGR0l+lfkB/KkDP6nfcg75UhZ3Xel4KcmQFRBnJ2GkkJyAy5OPKQWRKapCEzZYXJQmZLrZOEzJifKAeZNclTCjJzpqwMZPZ0YwlIhZzt9JAqie+pIZVmD6SFVJuCkRJScR5LOkjVyUCpIJVnVKWBVJ+WlgKywty+6ZBVJkhOhaw0y3QaZLWpulMgK853DoesOmk8FLLyzPswyMqIYZDVEUMgOyC6Q3ZBdIXshOgG2Q3RBbIjojnk6dC3fmL9n35BXurhlgsdt+06vWpd106YV7loy7IcWc7jS5tnYjQkiAaQJ+x2XzY31e6LhWI5gwgiiBSIIIIIIgQggggiBaJlfQkwAFslPR5pZL7CAAAAAElFTkSuQmCC");
}

.wd__section .img__list__block .slick-next::before {
    top: 12px;
    left: 5px;
    width: 40px;
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: ' ';
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAACbCAYAAADxy8znAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0MDM3YTljNy1lZjkwLWQ4NGMtYTcwZC03OGM4NDg0NjAzYmQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDVGQjNDRTM4MDYyMTFFNTg0QTFBRTczNzFDNDFDNTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDVGQjNDRTI4MDYyMTFFNTg0QTFBRTczNzFDNDFDNTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZGNkZjRmNDItMzk0ZS1jNDRhLTg4ZTctNWY1M2Y5NjI4MTUwIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NDZhZjExODAtNjFhMy0xMWU1LTkzZGUtOTIwNmM2N2RmYjRiIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+TCPT7wAAAshJREFUeNrs3MFKA0EQBNBEctrvVP/CgPErFL9zr+vm4CUHCaZ6prqqGoZAYC+PyQ7p6e7jtm2HxOPxFIJABjKQiUAGMpCBTAQykIFMBDKQjHF65OF1XS/7x9kVb1kW2I5829cl+xHz0w4m8B1pj4k8bKwxH4X8DiYG8jWYGMgtmLh3ZDCBh409JvLUtsZE/9e2xaxIWlhiVmV/7DAr02hWmNX5SBvMEYldC8xRGXJ5zJFXDdKYo+9sZDFnXH5JYs66RZTDnHkdK4U5+15bBpOhQEACk6XSoj0mU8lKa0y22p+2mIxFVC0xWavR2mEyl/W1wmSvj2yD2aHQtAVml4pdesxOpc/UmN1qyGkxOxbjU2J27Wqgw+zcHkKF2b3PhgZToWGJAlOl82s6plIL3VRMtV7EaZiKTZ1TMFW7Y4djKrcZD8VU79cehunQ+D4E02WCQDmm0yiGvzDfA4nBPD+K6TgcpATTdcoKHNN5XA0U033uDwwzA5RAmIEEYQYShBlIEGYgQZiBBGEGEoQZSBBmIO8HvY1jIO+PK9bnvl5uvv843AwgDSQAMZAgxECCEAMJQgwkCDGQIMRAghADCUJ0h4QhOkNCEV0h4YiOkCWIbpBliE6QpYgukOWIDpBDENUhhyEqQw5FVIUcjqgIOQVRDXIaohLkVEQVyOmICpAUiN0haRA7Q1IhdoWkQ+wISYnYDZIWsRMkNWIXSHrEDpAtENkh2yAyQ7ZCZIVsh8gI2RKRDbItIhNka0QWyPaIDJASiLMhZRBnQkohzoKUQ5wBKYk4GlIWcSSkNOIoSHnEEZAWiNc4FSN+7etZHbFyR1ohVkHaIVZAWiKiIW0RkZDWiChIe0QEZBBBkEH83VHbtv374XVdN2fEZVlKTm3LnYiGtEZEQdojIiCDiDhsErVJi0AmAhnIQCYCGchABjIRyEAG0jl+BBgAWDs+2El12r0AAAAASUVORK5CYII=");
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    .wd__section .img__list__block {
        width: 100%;
    }
    .wd__section .img__list__block .item__img {
        width: 547px;
        height: 365px;
    }
    .wd__section .img__list__block .item__desc {
        padding: 23px 30px;
    }
    .wd__section .img__list__block .item__desc-title {
        font-size: 27px;
        line-height: 1.2;
    }
    .wd__section .img__list__block .item__desc-info {
        margin-top: 18px;
        width: 98%;
        font-size: 20px;
        line-height: 1.5;
    }
    .wd__section .img__list__block .slick-prev,
    .wd__section .img__list__block .slick-next {
        top: 254px;
    }
    .wd__section .img__list__block .slick-prev::before {
        content: ' ';
        top: -5px;
        left: 2px;
        width: 30px;
        height: 100px;
    }
    .wd__section .img__list__block .slick-next::before {
        content: ' ';
        top: -5px;
        left: 2px;
        width: 30px;
        height: 100px;
    }
}

@media all and (max-width: 730.5px) {
    .wd__section .img__list__block {
        overflow: hidden;
        margin-bottom: 0;
        width: 100%;
    }
    .wd__section .img__list__block .img__list__item {
        position: relative;
        padding-right: 0;
        padding-left: 0;
        width: 280px;
        height: 100%;
    }
    .wd__section .img__list__block .item__img {
        width: 320px;
        height: 213px;
    }
    .wd__section .img__list__block .item__desc {
        padding: 23px 12px;
        width: 300px;
        min-height: 176px;
    }
    .wd__section .img__list__block .item__desc * {
        text-align: center;
    }
    .wd__section .img__list__block .item__desc-title {
        position: relative;
        font-size: 21px;
        line-height: 1.2;
    }
    .wd__section .img__list__block .item__desc-info {
        width: 90%;
        font-size: 17px;
        letter-spacing: 0.1px;
        line-height: 1.45;
    }
    .wd__section .img__list__block {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .wd__section .img__list__block .item__desc {
        padding-bottom: 35px;
    }
    .wd__section .img__list__block .slick-next,
    .wd__section .img__list__block .slick-prev {
        display: block !important;
        top: 179px;
        height: 76px;
    }
    .wd__section .img__list__block .slick-prev::before {
        content: ' ';
        top: 12px;
        left: 5px;
        width: 40px;
        height: 50px;
    }
    .wd__section .img__list__block .slick-next::before {
        content: ' ';
        top: 12px;
        left: 5px;
        width: 40px;
        height: 50px;
    }
    .wd__section .img__list__block__dot {
        display: block;
        position: relative;
    }
    .wd__section .img__list__block__dot .slick-dots {
        position: absolute;
        top: -47px;
        margin-top: 0;
    }
    .wd__section .img__list__block__dot .slick-dots li button {
        transform: translate3d(0, 0, 0);
    }
    .wd__section .img__list__block__dot .slick-dots li button::before {
        opacity: 0.25;
        color: #fff;
    }
    .wd__section .img__list__block__dot .slick-dots li.slick-active button::before {
        opacity: 1;
    }
}

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

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

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

.wd__section .footnotes ul.footnote li {
    list-style-type: decimal;
    margin-bottom: 9px;
    font-size: 0.8125rem;
    line-height: 1.5;
    text-align: left;
}

.wd__section .footnotes.footnote-item-star ul.footnote li {
    position: relative;
    list-style-type: none;
}

.wd__section .footnotes.footnote-item-star ul.footnote li::before {
    display: block;
    position: absolute;
    top: 15px;
    left: -14px;
    content: '*';
    line-height: 0;
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    .wd__section .footnotes {
        padding: 0 28px 0 40px;
        width: 100%;
        max-width: 1280px;
    }
    .wd__section .footnotes:first-child {
        margin-top: 57px;
    }
    .wd__section .footnotes.footnote-item-star ul.footnote li::before {
        top: 15px;
        left: -14px;
    }
}

@media all and (max-width: 730.5px) {
    .wd__section .footnotes {
        padding: 0 28px 0 22px;
        box-sizing: border-box;
        width: 100%;
        max-width: 730px;
    }
    .wd__section .footnotes:first-child {
        margin-top: 57px;
    }
    .wd__section .footnotes ul.footnote {
        margin-left: 14px;
        font-size: 13.3px;
        line-height: 1.4;
    }
    .wd__section .footnotes ul.footnote li {
        margin-bottom: 12px;
        font-size: 13.3px;
    }
    .wd__section .footnotes.footnote-item-star ul.footnote li::before {
        top: 11px;
        left: -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: -16px;
    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: 900px;
    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: 88%;
        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__info {
        text-align: center;
        margin-top: 16px;
        margin-left: auto;
        margin-right: auto;
        width: 84%;
        max-width: 460px;
        font-size: 22px;
        line-height: 1.4;
    }
}

.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 600ms ease-out;
}

.inner__nav .nav__heading.clicked {
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.inner__nav .nav__switch__btn {
    position: absolute;
    cursor: pointer;
    bottom: -62px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    transition: all 600ms ease-out, top 1000ms ease-out;
}

.inner__nav .nav__switch__btn .icon__switch {
    background-image: url("images/large/1x/icon/inner/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 500ms ease-out;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .inner__nav .nav__switch__btn .icon__switch {
        background-image: url("images/large/2x/icon/inner/icon_open.png");
    }
}

.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;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    transition: opacity 500ms ease-out;
}

.inner__page.darknight .inner__mask {
    -webkit-opacity: 0.6;
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    -ms-opacity: 0.6;
    -o-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    z-index: 1000000;
    transition: opacity 500ms 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("images/icon_all_smiles.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .inner__page .icon.icon-allSmiles {
        background-image: url("images/icon_all_smiles.png");
    }
} */

.inner__page .icon.icon-auto {
    background-image: url("images/icon_auto.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .inner__page .icon.icon-auto {
        background-image: url("images/icon_auto.png");
    }
} */

.inner__page .icon.icon-beautification {
    background-image: url("images/icon_beautification.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .inner__page .icon.icon-beautification {
        background-image: url("images/icon_beautification.png");
    }
} */

.inner__page .icon.icon-depthOfField {
    background-image: url("images/icon_depth_of_field.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .inner__page .icon.icon-depthOfField {
        background-image: url("images/icon_depth_of_field.png");
    }
} */

.inner__page .icon.icon-effect {
    background-image: url("images/icon_effect.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .inner__page .icon.icon-effect {
        background-image: url("images/icon_effect.png");
    }
} */

.inner__page .icon.icon-gif {
    background-image: url("images/icon_gif.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .inner__page .icon.icon-gif {
        background-image: url("images/icon_gif.png");
    }
} */

.inner__page .icon.icon-hdrPro {
    background-image: url("images/icon_hdr_pro.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .inner__page .icon.icon-hdrPro {
        background-image: url("images/icon_hdr_pro.png");
    }
} */

.inner__page .icon.icon-kids {
    background-image: url("images/icon_kids.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .inner__page .icon.icon-kids {
        background-image: url("images/icon_kids.png");
    }
} */

.inner__page .icon.icon-lowlight {
    background-image: url("images/icon_lowlight.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .inner__page .icon.icon-lowlight {
        background-image: url("images/icon_lowlight.png");
    }
} */

.inner__page .icon.icon-miniature {
    background-image: url("images/icon_miniature.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .inner__page .icon.icon-miniature {
        background-image: url("images/icon_miniature.png");
    }
} */

.inner__page .icon.icon-night {
    background-image: url("images/icon_night.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .inner__page .icon.icon-night {
        background-image: url("images/icon_night.png");
    }
} */

.inner__page .icon.icon-qrCode {
    background-image: url("images/icon_qr_code.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .inner__page .icon.icon-qrCode {
        background-image: url("images/icon_qr_code.png");
    }
} */

.inner__page .icon.icon-selfiePanorama {
    background-image: url("images/icon_selfie_panorama.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .inner__page .icon.icon-selfiePanorama {
        background-image: url("images/icon_selfie_panorama.png");
    }
} */

.inner__page .icon.icon-selfie {
    background-image: url("images/icon_selfie.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .inner__page .icon.icon-selfie {
        background-image: url("images/icon_selfie.png");
    }
} */

.inner__page .icon.icon-slowMotion {
    background-image: url("images/icon_slow_motion.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .inner__page .icon.icon-slowMotion {
        background-image: url("images/icon_slow_motion.png");
    }
} */

.inner__page .icon.icon-smartRemove {
    background-image: url("images/icon_smart_remove.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .inner__page .icon.icon-smartRemove {
        background-image: url("images/icon_smart_remove.png");
    }
} */

.inner__page .icon.icon-superResolution {
    background-image: url("images/icon_super_resolution.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .inner__page .icon.icon-superResolution {
        background-image: url("images/large/2x/inner/icon/icon_super_resolution.png");
    }
} */

.inner__page .icon.icon-manual {
    background-image: url("images/large/1x/inner/icon/icon_manual.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .inner__page .icon.icon-manual {
        background-image: url("images/large/2x/inner/icon/icon_manual.png");
    }
} */

.inner__page .icon.icon-timeLapse {
    background-image: url("images/large/1x/inner/icon/icon_time_lapse.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .inner__page .icon.icon-timeLapse {
        background-image: url("images/large/2x/inner/icon/icon_time_lapse.png");
    }
} */

.inner__page .icon.icon-timeRewind {
    background-image: url("images/large/1x/inner/icon/icon_time_rewind.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .inner__page .icon.icon-timeRewind {
        background-image: url("images/large/2x/inner/icon/icon_time_rewind.png");
    }
} */

.inner__page .icon.icon-youtube {
    background-image: url("images/large/1x/inner/icon/icon_youtube.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .inner__page .icon.icon-youtube {
        background-image: url("images/large/2x/inner/icon/icon_youtube.png");
    }
} */

.inner__page .icon.icon-panaroma {
    background-image: url("images/large/1x/inner/icon/icon_panaroma.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .inner__page .icon.icon-panaroma {
        background-image: url("images/large/2x/inner/icon/icon_panaroma.png");
    }
} */

.inner__page .icon.icon-pro {
    background-image: url("images/large/1x/inner/icon/icon_pro.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .inner__page .icon.icon-pro {
        background-image: url("images/large/2x/inner/icon/icon_pro.png");
    }
} */

.inner__page .icon.icon-portrait {
    background-image: url("images/large/1x/inner/icon/icon_portrait.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .inner__page .icon.icon-portrait {
        background-image: url("images/large/2x/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: 0.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 400ms;
}

.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(0deg);
    transition: transform 800ms 50ms, background-image 300ms 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(0deg);
}

.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/large/1x/icon/inner/icon_open_black.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .wd__innerbtn.theme-black .inner__btn .toggleSlide {
        background-image: url("images/large/2x/icon/inner/icon_open_black.png");
    }
} */

.wd__innerbtn.theme-black .inner__btn.active .toggleSlide {
    background-image: url("images/large/1x/icon/inner/icon_close_black.png");
}

.wd__innerbtn.theme-white .inner__btn span {
    color: #fff;
}

.wd__innerbtn.theme-white .inner__btn .toggleSlide {
    background-image: url("images/large/1x/icon/inner/icon_open_white.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .wd__innerbtn.theme-white .inner__btn .toggleSlide {
        background-image: url("images/large/2x/icon/inner/icon_open_white.png");
    }
} */

.wd__innerbtn.theme-white .inner__btn.active .toggleSlide {
    background-image: url("images/large/1x/icon/inner/icon_close_white.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .wd__innerbtn.theme-white .inner__btn.active .toggleSlide {
        background-image: url("images/large/2x/icon/inner/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 400ms;
}

.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(0deg);
        transition: transform 800ms 50ms, background-image 300ms 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(0deg);
    }
    .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(0deg);
        transition: transform 800ms 50ms, background-image 300ms 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(0deg);
    }
    .inner__page .section__content .wd__content {
        max-width: 414px !important;
    }
}

.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, 0.4);
}

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

@media all and (min-width: 731px) {
    .cmd-sidenav {
        position: fixed;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
    .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: 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 {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #c7c5c8;
        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-triangle,
    .cmd-sidenav .sidenav-container .container-items .item .item-label .label-name {
        display: inline-block;
        position: relative;
        vertical-align: top;
    }
    .cmd-sidenav .sidenav-container .container-items .item .item-label .label-triangle {
        top: 0;
        left: 0;
        width: 40px;
        height: 100%;
        border-radius: 54px 0 0 54px;
        background: #27a8c8;
    }
    .cmd-sidenav .sidenav-container .container-items .item .item-label .label-name {
        padding: 0 23px;
        height: 100%;
        color: #fff;
        font-size: 20px;
        background: #27a8c8;
    }
    .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 200ms 150ms linear;
    }
    .cmd-sidenav .sidenav-container .container-items .item .item-dot::after {
        transition: transform 300ms linear;
    }
    .cmd-sidenav .sidenav-container .container-items .item .item-label {
        transform: translate3d(100%, 0, 0);
        transition: transform 300ms 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 300ms 75ms linear;
    }
    .cmd-sidenav .sidenav-container .container-items .item.enter .item-label .label-name {
        color: #27a8c8;
    }
    .cmd-sidenav .sidenav-container .container-items .item .item-dot.enter::after {
        background: #27a8c8;
        transform: translate3d(-50%, -50%, 0) scale(1.5);
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    .cmd-sidenav .container-bg {
        right: 15px;
    }
}

@media all and (min-width: 1280px) {
    .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: 15px;
    }
}

@media all and (max-width: 730.5px) {
    .cmd-sidenav {
        position: fixed;
        top: 116px;
        right: 20px;
        width: calc(100% - 40px);
        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 {
        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, 0.8);
    }
    .cmd-sidenav .container-collapse .collapse-close::before {
        background: #424242;
    }
    .cmd-sidenav .container-collapse .collapse-open,
    .cmd-sidenav .container-collapse .collapse-close {
        position: absolute;
        top: 50%;
        right: 13px;
        width: 22px;
        height: 22px;
        transform: translate3d(0, -50%, 0);
        transition: opacity 300ms;
    }
    .cmd-sidenav .container-collapse .collapse-open::before,
    .cmd-sidenav .container-collapse .collapse-close::before {
        position: absolute;
        content: '';
        top: 50%;
        left: 50%;
        width: 48px;
        height: 48px;
        transform: translate(-50%, -50%);
    }
    .cmd-sidenav .container-collapse .collapse-open figure,
    .cmd-sidenav .container-collapse .collapse-close figure {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -11px;
        margin-left: -11px;
        width: 22px;
        height: 22px;
        background-position: center;
        background-position: no-repeat;
        background-size: contain;
    }
    .cmd-sidenav .container-collapse .collapse-open {
        opacity: 1;
    }
    #CMD .cmd-sidenav .container-collapse .collapse-open figure {
        background-image: url("images/small/1x/icons/common/open.png");
    }
}


/* 
@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .cmd-sidenav .container-collapse .collapse-open figure {
        background-image: url("images/small/2x/icons/common/open.webp");
    }
}

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .cmd-sidenav .container-collapse .collapse-open figure {
        background-image: url("images/small/2x/icons/common/open.png");
    }
} */

@media all and (max-width: 730.5px) {
    .cmd-sidenav .container-collapse .collapse-close {
        opacity: 0;
        user-select: none;
        pointer-events: none;
    }
    #CMD .cmd-sidenav .container-collapse .collapse-close figure {
        background-image: url("images/small/1x/icons/common/close.png");
    }
}


/* 
@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .cmd-sidenav .container-collapse .collapse-close figure {
        background-image: url("images/small/2x/icons/common/close.webp");
    }
}

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .cmd-sidenav .container-collapse .collapse-close figure {
        background-image: url("images/small/2x/icons/common/close.png");
    }
} */

@media all and (max-width: 730.5px) {
    .cmd-sidenav .container-items {
        overflow: hidden;
        height: 100%;
        max-height: 0;
        transition: all 400ms;
    }
    .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: 19px;
        text-align: center;
    }
    .cmd-sidenav .container-items .item .item-label .label-name {
        color: #fff;
        font-size: 19px;
        line-height: 1.2;
    }
    .cmd-sidenav.show {
        padding-bottom: 17px;
        background-color: #333;
    }
    .cmd-sidenav.show .container-items {
        max-height: 2000px;
        transition: all 400ms;
    }
    .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 300ms 400ms;
    }
    .cmd-sidenav.show .container-collapse .collapse-open {
        opacity: 0;
        user-select: none;
        pointer-events: none;
    }
    .cmd-sidenav.show .container-collapse .collapse-close {
        opacity: 1;
        pointer-events: all;
    }
    .cmd-sidenav {
        left: 100%;
        opacity: 0;
        transition: opacity 300ms;
    }
    .cmd-sidenav.mobile-show {
        left: unset;
        opacity: 1;
    }
    .cmd-sidenav .item-dot.enter {
        z-index: -1;
        background: #e42657;
    }
}

html #CMD .grid__layout {
    display: grid;
    margin-right: auto;
    margin-left: auto;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

html #CMD .grid-item {
    display: flex;
    position: relative;
    overflow: hidden;
    z-index: 0;
    margin: 0;
    box-sizing: border-box;
    border-radius: 20px;
    background-color: #ccc;
    flex-direction: column;
    min-height: 200px;
}

@media all and (min-width: 1280px) {
    html #CMD .grid__layout {
        max-width: 1080px;
    }
    html #CMD .large-span-1 {
        grid-column: span 1;
    }
    html #CMD .large-span-2 {
        grid-column: span 2;
    }
    html #CMD .large-span-3 {
        grid-column: span 3;
    }
    html #CMD .large-span-4 {
        grid-column: span 4;
    }
    html #CMD .large-span-5 {
        grid-column: span 5;
    }
    html #CMD .large-span-6 {
        grid-column: span 6;
    }
    html #CMD .large-span-7 {
        grid-column: span 7;
    }
    html #CMD .large-span-8 {
        grid-column: span 8;
    }
    html #CMD .large-span-9 {
        grid-column: span 9;
    }
    html #CMD .large-span-10 {
        grid-column: span 10;
    }
    html #CMD .large-span-11 {
        grid-column: span 11;
    }
    html #CMD .large-span-12 {
        grid-column: span 12;
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .medium-span-1 {
        grid-column: span 1;
    }
    html #CMD .medium-span-2 {
        grid-column: span 2;
    }
    html #CMD .medium-span-3 {
        grid-column: span 3;
    }
    html #CMD .medium-span-4 {
        grid-column: span 4;
    }
    html #CMD .medium-span-5 {
        grid-column: span 5;
    }
    html #CMD .medium-span-6 {
        grid-column: span 6;
    }
    html #CMD .medium-span-7 {
        grid-column: span 7;
    }
    html #CMD .medium-span-8 {
        grid-column: span 8;
    }
    html #CMD .medium-span-9 {
        grid-column: span 9;
    }
    html #CMD .medium-span-10 {
        grid-column: span 10;
    }
    html #CMD .medium-span-11 {
        grid-column: span 11;
    }
    html #CMD .medium-span-12 {
        grid-column: span 12;
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .small-span-1 {
        grid-column: span 1;
    }
    html #CMD .small-span-2 {
        grid-column: span 2;
    }
    html #CMD .small-span-3 {
        grid-column: span 3;
    }
    html #CMD .small-span-4 {
        grid-column: span 4;
    }
    html #CMD .small-span-5 {
        grid-column: span 5;
    }
    html #CMD .small-span-6 {
        grid-column: span 6;
    }
    html #CMD .small-span-7 {
        grid-column: span 7;
    }
    html #CMD .small-span-8 {
        grid-column: span 8;
    }
    html #CMD .small-span-9 {
        grid-column: span 9;
    }
    html #CMD .small-span-10 {
        grid-column: span 10;
    }
    html #CMD .small-span-11 {
        grid-column: span 11;
    }
    html #CMD .small-span-12 {
        grid-column: span 12;
    }
}

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

html #CMD .wd__section .ksp__layout .item_image {
    position: relative;
    box-sizing: border-box;
}

html #CMD .wd__section .ksp__layout .grid-item-ie {
    height: 100%;
}

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

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

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

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

html #CMD .wd__section .ksp__layout .wd__content .content__title {
    margin: 0;
    color: #000;
    font-size: 48px;
    line-height: 1.2;
}

html #CMD .wd__section .ksp__layout .wd__content .content__info {
    margin-top: 10px;
    color: #000;
    line-height: 1.4;
    font-size: 26px;
}

html #CMD .wd__section .ksp__layout .wd__content span.space-left-m {
    padding-left: 5px;
}

html #CMD .wd__section .ksp__layout .wd__content span.space-right-m {
    padding-right: 5px;
}

html #CMD .wd__section .ksp__layout .grid-item-wdFeature {
    padding: 37px 24px;
}

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

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

html #CMD .wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe {
    margin-top: 11px;
}

html #CMD .wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe__top {
    margin-bottom: 16px;
}

html #CMD .wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe,
html #CMD .wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe span,
html #CMD .wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe__top,
html #CMD .wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe__top span {
    line-height: 1.4;
    font-size: 26px;
}

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

html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon {
    padding: 37px 20px;
}

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

html #CMD .wd__section .ksp__layout .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top .img__icon {
    width: 100%;
    height: 116px;
    background-size: contain;
}

html #CMD .wd__section .ksp__layout .wd__feature__list.top-icon .wd__feature .wd__feature__data {
    font-size: 34px;
}

html #CMD .wd__section .ksp__layout .sign-e {
    top: -0.9em;
    font-size: 0.5em;
}

html #CMD .wd__section .ksp__layout .wd__feature__data .sign-cr {
    top: -0.7em;
    font-size: 0.5em;
    line-height: 1;
}

@media all and (min-width: 1280px) {
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .grid-item-ie {
        width: 100%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block {
        justify-content: center;
        padding: 33px 45px;
        box-sizing: border-box;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right {
        flex-flow: row-reverse;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right .img__block {
        right: 0;
        left: auto;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        margin-top: 0;
        padding: 50px 45px 33px;
        height: 100%;
        flex-direction: column;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content {
        width: 100%;
        height: auto;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content .content__title,
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content .content__info {
        text-align: center;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_image {
        width: 100%;
        height: 103px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_image .img__block {
        left: 50%;
        margin-top: 100px;
        transform: translateX(-50%);
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-leftCenter {
        height: 100%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_content {
        width: 57.7%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_image {
        width: 42%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .img__block {
        position: absolute;
        top: -50px;
        left: 0;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent.large-span-12 .item_block {
        margin-right: auto;
        margin-left: auto;
        padding: 50px 45px;
        box-sizing: border-box;
        max-width: 1226px;
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .wd__section .ksp__layout {
        padding-right: 16px;
        padding-left: 16px;
        box-sizing: border-box;
        width: 100%;
        max-width: 1023px;
        min-width: 1px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .grid-item-ie {
        width: 100%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block {
        justify-content: center;
        padding: 0;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right {
        flex-flow: row-reverse;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right .item_content {
        padding: 29px 40px 35px 0;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right .img__block {
        right: 0;
        left: auto;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center {
        flex-direction: column;
        height: 100%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content {
        padding: 40px 24px;
        width: 100%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content .content__title,
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content .content__info {
        text-align: center;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_image {
        width: 100%;
        height: 100%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_image .img__block {
        left: 50%;
        transform: translateX(-50%);
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_content {
        padding: 29px 0 35px 40px;
        width: 54%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .wd__content {
        left: 0;
        padding-bottom: 5px;
        width: 99%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .wd__content .content__title {
        width: 100%;
        font-size: 48px;
        line-height: 1.2;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .wd__content .content__info {
        margin-top: 25px;
        width: 100%;
        font-size: 26px;
        line-height: 1.2;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_image {
        width: 46%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_image .img__block {
        top: 50%;
        transform: translateY(-50%);
    }
    html #CMD .wd__section .ksp__layout .grid-item.grid-item-wdFeature {
        padding: 37px 24px;
        min-height: 175px;
    }
    html #CMD .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%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top {
        margin-bottom: 12px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe,
    html #CMD .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe span,
    html #CMD .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top,
    html #CMD .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top span {
        font-size: 26px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 48px;
        line-height: 1.2;
        letter-spacing: 1.4px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon {
        padding: 37px 20px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon {
        margin-top: 6px;
        margin-right: auto;
        margin-left: auto;
        width: 86%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top {
        margin-bottom: 17px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top .img__icon {
        width: 100%;
        height: 100px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__data {
        font-size: 34px;
    }
    html #CMD .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) {
    html #CMD .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: 375px;
        transform: translateX(-50%);
        min-width: 320px;
    }
    html #CMD .wd__section .ksp__layout .grid-item {
        min-width: 320px;
        justify-content: center;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent {
        flex-direction: column;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block {
        flex-direction: column;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right {
        flex-direction: column;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_content {
        padding: 27px 24px;
        height: auto;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .wd__content {
        left: 0;
        padding-bottom: 5px;
        width: 100%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .wd__content .content__title {
        width: 100%;
        font-size: 37.8px;
        line-height: 1.2;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .wd__content .content__info {
        margin-top: 8px;
        width: 100%;
        font-size: 20px;
        line-height: 1.2;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_image {
        margin-top: -5px;
        width: 100%;
        height: 202px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_image .img__block {
        position: relative;
    }
    html #CMD .wd__section .ksp__layout .grid-item.grid-item-wdFeature {
        padding: 32px 24px;
        min-height: 175px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top {
        margin-bottom: 4px;
    }
    html #CMD .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%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe,
    html #CMD .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe span,
    html #CMD .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top,
    html #CMD .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top span {
        font-size: 20px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 37.8px;
        line-height: 1.2;
        letter-spacing: 1.4px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon {
        padding: 32px 24px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon {
        margin-top: 6px;
        margin-right: auto;
        margin-left: auto;
        width: 86%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe,
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe span,
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top,
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top span {
        font-size: 20px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top {
        margin-bottom: 13px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top .img__icon {
        width: 100%;
        height: 72px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__data {
        font-size: 25px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe {
        margin-top: 11px;
    }
}

html #CMD .section__1::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.1;
    color: #fff;
    font-size: 380px;
    content: "1";
}

@media all and (min-width: 1280px) {
    html #CMD .wd__section {
        padding-bottom: 200px;
    }
    html #CMD .wd__section .wd__content.main-content {
        max-width: 1136px;
    }
    html #CMD .wd__section .wd__content.main-content .content__slogan {
        margin-top: 14px;
    }
    html #CMD .wd__section .wd__content.main-content .content__title {
        margin-top: 25px;
        font-size: 48px;
    }
    html #CMD .wd__section .wd__content.main-content .content__info {
        margin-top: 90px;
    }
    html #CMD .wd__section .wd__feature__list {
        margin-top: 61px;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top {
        margin-bottom: 2px;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__describe {
        margin-top: -2px;
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .wd__section .wd__content .content__slogan {
        font-size: 30px;
    }
    html #CMD .wd__section .wd__content .content__title {
        margin-top: 29px;
        font-size: 48px;
    }
    html #CMD .wd__section .wd__content .content__info {
        margin-top: 90px;
    }
    html #CMD .wd__section .wd__feature__list {
        margin-top: 54px;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top {
        margin-bottom: 8px;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__describe {
        margin-top: -1px;
    }
    html #CMD .inner-view .inner-view-container .wd__content .content__title {
        margin-top: 0;
    }
    html #CMD .inner-view .inner-view-container .wd__content .content__info {
        margin-top: 30px;
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .wd__section .wd__content .content__slogan {
        font-size: 24px;
        letter-spacing: 0.7px;
    }
    html #CMD .wd__section .wd__content .content__title {
        margin-top: 32px;
        font-size: 36px;
    }
    html #CMD .wd__section .wd__content .content__title::after {
        bottom: -27px;
    }
    html #CMD .wd__section .wd__content .content__info {
        margin-top: 56px;
    }
    html #CMD .wd__section .wd__feature__list {
        margin-top: 40px;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top {
        margin-bottom: 3px;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__data {
        margin-bottom: 0;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-en {
        line-height: 47px;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__describe {
        margin-top: 3px;
    }
}

html #CMD .wd__section {
    margin-top: 0;
    padding-top: 220px;
    padding-bottom: 0;
    background: #e6e6e6;
}

html #CMD .wd__section .row .col[class*='push-'],
html #CMD .wd__section .row .col[class*='pull-'] {
    position: relative;
}

html #CMD .wd__section .always__on__top {
    position: relative;
    z-index: 888;
}

html #CMD .wd__section .no__wrap {
    display: inline-block;
    white-space: nowrap;
}

html #CMD .wd__section .slick-dots li {
    margin-right: 10px;
    margin-left: 10px;
}

html #CMD .wd__section .slick-dots li button::before {
    color: #1c1b19;
    font-size: 41px;
}

html #CMD .wd__section .slick-dots li button:hover::before {
    color: #1c1b19;
}

html #CMD .wd__section .large_use,
html #CMD .wd__section .medium_use,
html #CMD .wd__section .small_use {
    display: none;
}

html #CMD .wd__section .large_use {
    display: block \9;
}

html #CMD .wd__section .large_unuse {
    display: none \9;
}

html #CMD .wd__section .img {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

html #CMD .wd__section .wd__content {
    position: relative;
    max-width: 1000px;
}

html #CMD .wd__section .wd__content .content__slogan {
    font-size: 22px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

html #CMD .wd__section .wd__content .content__title {
    color: #1c1b19;
    margin-top: 10px;
    font-size: 48px;
    line-height: 1.2;
}

html #CMD .wd__section .wd__content .content__info {
    color: #1c1b19;
}

html #CMD .wd__section .wd__content .content__link {
    linkColor: #27a8c8;
    color: #27a8c8;
}

html #CMD .wd__section .wd__content .content__link *,
html #CMD .wd__section .wd__content .content__link span {
    color: #27a8c8;
}

html #CMD .wd__section .wd__content .content__link:after {
    color: #27a8c8;
}

html #CMD .wd__section .wd__content .content__link:link {
    color: #27a8c8;
}

html #CMD .wd__section .wd__content .content__link:hover span {
    border-bottom: 1px solid #27a8c8;
}

html #CMD .wd__section .wd__content.main-content .content__slogan::before {
    z-index: -1;
}

html #CMD .wd__section .img__replay {
    background-image: url("images/icon/replay.png");
    position: absolute;
    z-index: 1000;
    cursor: pointer;
    top: 50%;
    left: 50%;
    opacity: 0;
    margin-left: 0;
    width: 40px;
    height: 44px;
    background-size: contain !important;
    transform: translate(-50%, -50%);
    transition: opacity 300ms;
    pointer-events: none;
    filter: alpha(opacity=0);
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    html #CMD .wd__section .img__replay {
        background-image: url("images/icon/replay.png");
    }
} */

html #CMD .wd__section .img__replay .img__text {
    position: absolute;
    top: 40px;
    left: 50%;
    width: 100px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    transform: translateX(-50%);
    line-height: 1;
}

html #CMD .wd__section .img__replay.active {
    opacity: 0.9;
    pointer-events: auto;
    filter: alpha(opacity=90);
}

html #CMD .wd__section .wd__content .content__slogan {
    display: inline-block;
    color: #27a8c8;
}

html #CMD .wd__section .wd__content.main-content .content__title::after {
    display: block;
    position: absolute;
    width: 70px;
    height: 3px;
    background: #27a8c8;
    transform: skew(-60deg);
    content: '';
}

#CMD .wd__content.main-content .content__slogan::before {
    background-image: url("images/large/1x/icon/slogan_bg.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .wd__content.main-content .content__slogan::before {
        background-image: url("images/large/2x/icon/slogan_bg.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .wd__content.main-content .content__slogan::before {
        background-image: url("images/large/2x/icon/slogan_bg.png");
    }
} */

html #CMD .wd__section .wd__content .content__slogan::before {
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
}

html #CMD .wd__section.theme__text-white .wd__content .content__slogan {
    color: #27a8c8;
}

html #CMD .wd__section.theme__text-white .wd__content .content__title {
    color: #ffffff;
}

html #CMD .wd__section.theme__text-white .wd__content .content__info {
    color: #ffffff;
}

html #CMD .wd__section.theme__text-white .wd__content .content__link {
    linkColor: #ffffff;
    color: #ffffff;
}

html #CMD .wd__section.theme__text-white .wd__content .content__link *,
html #CMD .wd__section.theme__text-white .wd__content .content__link span {
    color: #ffffff;
}

html #CMD .wd__section.theme__text-white .wd__content .content__link:after {
    color: #ffffff;
}

html #CMD .wd__section.theme__text-white .wd__content .content__link:link {
    color: #ffffff;
}

html #CMD .wd__section.theme__text-white .wd__content .content__link:hover span {
    border-bottom: 1px solid #ffffff;
}

html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__data {
    color: #27a8c8;
    display: inline-block;
}

html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top {
    color: #1c1b19;
}

html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__describe {
    color: #1c1b19;
}

html #CMD .wd__section .wd__feature__list .wd__feature__data,
html #CMD .wd__section .wd__feature__list .wd__feature__data sup,
html #CMD .wd__section .wd__feature__list .wd__feature__data span {
    color: #27a8c8;
}

html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__data {
    color: #27a8c8;
}

html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__data sup,
html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__data span {
    color: #27a8c8;
}

.ie .text_color_gradient,
.ie .text_color_gradient sup,
.ie .text_color_gradient-up,
.ie .text_color_gradient-up sup {
    -webkit-text-fill-color: initial !important;
    background-image: none !important;
}

.ie .wd__section .wd__feature__list .wd__feature .wd__feature__data {
    -webkit-text-fill-color: initial !important;
    background-image: none !important;
    color: #27a8c8 !important;
}

.ie .wd__section .wd__feature__list .wd__feature .wd__feature__data sup,
.ie .wd__section .wd__feature__list .wd__feature .wd__feature__data span {
    -webkit-text-fill-color: initial !important;
    background-image: none !important;
    color: #27a8c8 !important;
}

html #CMD .wd__section .modal-button {
    background-color: #27a8c8;
    color: #fff;
    border-color: #27a8c8;
}

html #CMD .wd__section .modal-button:hover {
    background-color: #1694b3;
    color: #fff;
    border-color: #1694b3;
}

html #CMD .wd__section .modal-button-container .modal-button {
    padding: 4px 30px;
    border-radius: 30px;
}

html #CMD .wd__section .detect-point {
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;
}

html #CMD .wd__section .detect-point.test {
    border: 2px solid red;
}

html #CMD .wd__section .detect-point-out {
    width: 1px;
    height: 470px;
}

html #CMD .wd__section .detect-point-enter {
    width: 1px;
    height: 1px;
}

html #CMD .wd__section video {
    position: relative;
}

html #CMD .wd__section .videoEnterDetect {
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 150vh;
    transform: translate3d(-50%, -50%, 0);
}

@keyframes hoverAnimation {
    0% {
        transform: scale(1, 1) translateY(0);
    }
    35% {
        transform: scale(1, 0.2) translateY(130px);
    }
    85% {
        transform: scale(1, 1) translateY(0);
    }
}

html #CMD .section__kv {
    overflow: hidden;
    padding-top: 150px;
    padding-bottom: 110px;
}

html #CMD .section__kv .wd__content {
    margin-top: 50px;
}

html #CMD .section__kv .wd__content .content__slogan {
    color: #1c1b19;
    font-size: 62px;
    text-transform: capitalize;
    letter-spacing: -1.1px;
}

html #CMD .section__kv .wd__content .content__title {
    margin-top: -6px;
    font-size: 57px;
    letter-spacing: -0.5px;
}

html #CMD .section__kv .wd__content .content__info {
    margin-top: 25px;
}

html #CMD .section__kv .wd__content .content__slogan {
    font-family: "TT Norms Pro W05", "Segoe UI", sans-serif !important;
    font-weight: 450 !important;
    font-style: normal !important;
}

html #CMD .section__kv .wd__content .content__title {
    font-family: "TT Norms W05", "Segoe UI", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

html #CMD .section__kv .img__kv {
    position: relative;
    left: 50%;
    margin-top: -312px;
    margin-bottom: 0;
    margin-left: -840px;
    width: 1681px;
    height: 1116px;
}

#CMD .section__kv .img__kv {
    background-image: url("images/kv.jpg");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__kv .img__kv {
        background-image: url("images/kv.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__kv .img__kv {
        background-image: url("images/kv.jpg");
    }
} */

html #CMD .section__kv .vr__screen {
    display: block;
    position: relative;
    z-index: 70;
    bottom: 0;
    left: 50%;
    margin-left: -38px;
    width: 76px;
    height: 48px;
}

html #CMD .section__kv .vr__screen #vr__screen__icon {
    fill: #333;
}

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

html #CMD .section__kv .vr__screen:hover #vr__screen__icon .vr__border {
    animation: hoverAnimation 2000ms ease infinite forwards;
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__kv .vr__screen {
        display: block;
        position: relative;
        z-index: 70;
        bottom: 0;
        left: 50%;
        margin-left: -38px;
        width: 76px;
        height: 48px;
    }
    html #CMD .section__kv .vr__screen #vr__screen__icon {
        fill: #333;
    }
    html #CMD .section__kv .vr__screen #vr__screen__icon .vr__border {
        transform: scale(1, 1);
        animation: hoverAnimation 2000ms ease infinite forwards;
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__kv .vr__screen {
        display: block;
        position: relative;
        z-index: 70;
        bottom: 0;
        left: 50%;
        margin-left: -35px;
        width: 70px;
        height: 44px;
    }
    html #CMD .section__kv .vr__screen #vr__screen__icon {
        fill: #333;
    }
    html #CMD .section__kv .vr__screen #vr__screen__icon .vr__border {
        transform: scale(1, 1);
        animation: hoverAnimation 2000ms ease infinite forwards;
    }
}

html #CMD .section__kv .vr__screen {
    margin-top: -226px;
}

html #CMD .section__ksp {
    padding-top: 30px;
    padding-bottom: 10px;
}

html #CMD .section__ksp .ksp__layout .grid-item {
    border: 1px solid #bebebe;
    background: linear-gradient(to top, #f4f4f4 0%, #fff 100%);
}

html #CMD .section__ksp .ksp__layout .wd__content .content__title {
    color: #27a8c8;
}

html #CMD .section__ksp .ksp__layout .wd__content .content__info {
    color: #333;
}

html #CMD .section__ksp .ksp__layout .wd__feature__list .wd__feature .wd__feature__data {
    color: #27a8c8;
}

html #CMD .section__ksp .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe,
html #CMD .section__ksp .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe *,
html #CMD .section__ksp .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe__top,
html #CMD .section__ksp .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe__top * {
    color: #333;
}

html #CMD .section__ksp .grid-item-wdFeature {
    min-height: 283px;
}

html #CMD .section__ksp .grid-item-0 .item_block {
    height: 100%;
}

html #CMD .section__ksp .grid-item-0 .item_image {
    width: 450px;
}

html #CMD .section__ksp .grid-item-0 .img__block {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0;
    width: 573px;
    height: 393px;
}

#CMD .section__ksp .grid-item-0 .img__block {
    background-image: url("images/img_display.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__ksp .grid-item-0 .img__block {
        background-image: url("images/img_display.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__ksp .grid-item-0 .img__block {
        background-image: url("images/img_display.png");
    }
} */

html #CMD .section__ksp .grid__layout .grid-item-1.grid-item-wdFeature {
    min-height: 1px;
}

html #CMD .section__ksp .grid__layout .grid-item-1.grid-item-wdFeature .wd__feature .wd__feature__describe {
    display: none;
}

html #CMD .section__ksp .grid-item-6.grid-item-wdContent {
    min-height: 354px;
}

html #CMD .section__ksp .grid-item-6.grid-item-wdContent .img__block {
    position: absolute;
    top: -130px;
    margin-left: -196px;
    width: 535px;
    height: 395px;
}

#CMD .section__ksp .grid-item-6 .img__block {
    background-image: url("images/img_thin.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__ksp .grid-item-6 .img__block {
        background-image: url("images/large/2x/ksp/img_thin.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__ksp .grid-item-6 .img__block {
        background-image: url("images/large/2x/ksp/img_thin.png");
    }
} */

html #CMD .section__ksp .grid-item-7.grid-item-wdContent {
    min-height: 334px;
}

html #CMD .section__ksp .grid-item-7.grid-item-wdContent .img__block {
    width: 1220px;
    height: 89px;
}

#CMD .section__ksp .grid-item-7 .img__block {
    background-image: url("images/img_port.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__ksp .grid-item-7 .img__block {
        background-image: url("images/img_port.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__ksp .grid-item-7 .img__block {
        background-image: url("images/img_port.png");
    }
} */

html #CMD .section__ksp .grid-item-9 .img__icon0 {
    margin-top: 0;
}

#CMD .section__ksp .grid-item-9 .img__icon0 {
    background-image: url("images/icon_numberPad.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__ksp .grid-item-9 .img__icon0 {
        background-image: url("images/icon_numberPad.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__ksp .grid-item-9 .img__icon0 {
        background-image: url("images/icon_numberPad.png");
    }
} */

html #CMD .section__ksp .grid-item-10 {
    display: none !important;
}

html #CMD .section__ksp .grid-item-11 .img__icon0 {
    margin-top: 0;
}

#CMD .section__ksp .grid-item-11 .img__icon0 {
    background-image: url("images/icon_ergolift.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__ksp .grid-item-11 .img__icon0 {
        background-image: url("images/icon_ergolift.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__ksp .grid-item-11 .img__icon0 {
        background-image: url("images/icon_ergolift.png");
    }
} */

html #CMD .section__ksp .grid-item-12 .img__icon0 {
    margin-top: 0;
}

#CMD .section__ksp .grid-item-12 .img__icon0 {
    background-image: url("images/icon_login.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__ksp .grid-item-12 .img__icon0 {
        background-image: url("images/icon_login.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__ksp .grid-item-12 .img__icon0 {
        background-image: url("images/icon_login.png");
    }
} */

html #CMD .section__display {
    overflow: hidden;
    z-index: 100;
    margin-top: 0;
    padding-top: 110px;
}

html #CMD .section__display .wd__content .content__info {
    width: 810px;
}

html #CMD .section__display .wd__feature__list {
    margin-right: auto;
    margin-left: auto;
    width: 1090px;
}

html #CMD .section__display .wd__feature__list.list-1 {
    margin-top: 70px;
}

html #CMD .section__display .wd__feature__list.list-1 .feature-8 {
    margin-top: -10px;
}

html #CMD .section__display .wd__feature__list.list-1 .feature-8 .img__icon8 {
    top: 0;
    width: 171px;
    height: 90px;
}

#CMD .section__display .list-1 .feature-8 .img__icon8 {
    background-image: url("images/icon_tuv.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__display .list-1 .feature-8 .img__icon8 {
        background-image: url("images/icon_tuv.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__display .list-1 .feature-8 .img__icon8 {
        background-image: url("images/icon_tuv.png");
    }
} */

html #CMD .section__display .img__display {
    position: relative;
    left: 50%;
    margin-top: 32px;
    margin-left: -735px;
    width: 1475px;
    height: 938px;
}

#CMD .section__display .img__display {
    background-image: url("images/s2.jpg");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__display .img__display {
        background-image: url("images/s2.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__display .img__display {
        background-image: url("images/s2.jpg");
    }
} */

html #CMD .section__display .modal-button-container {
    margin-top: -200px;
}

html #CMD .section__performance {
    overflow: hidden;
    margin-top: -40px;
    padding-top: 130px;
}

html #CMD .section__performance .wd__content {
    position: relative;
    left: 50%;
    margin-left: -542px;
    width: 690px;
}

html #CMD .section__performance .wd__content .content__info {
    width: 680px;
}

html #CMD .section__performance .wd__feature__list {
    margin-top: 40px;
    width: 600px;
}

html #CMD .section__performance .wd__feature__list .wd__feature {
    display: inline-block;
    margin: 0 65px 65px 0;
    vertical-align: top;
}

html #CMD .section__performance .wd__feature__list .wd__feature.feature-1 {
    margin-right: 0;
    margin-bottom: 35px;
    margin-left: 0;
}

html #CMD .section__performance .wd__feature__list .wd__feature.feature-1 .wd__feature__describe__top {
    display: none;
}

html #CMD .section__performance .img__performance {
    position: relative;
    left: 50%;
    margin-top: -841px;
    margin-left: -562px;
    width: 1510px;
    height: 1156px;
}

#CMD .section__performance .img__performance {
    background-image: url("images/s3.jpg");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__performance .img__performance {
        background-image: url("images/s3.jpg");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__performance .img__performance {
        background-image: url("images/s3.jpg");
    }
} */

html #CMD .section__performance .modal-button-container {
    margin-top: 35px;
}

html #CMD .section__highlights {
    margin-top: -10px;
    padding-bottom: 23px;
}

html #CMD .section__highlights .wd__content .content__info {
    width: 100%;
    max-width: 700px;
}

#CMD .img__list__block .item-0 .item__img {
    background-image: url("images/color__0.jpg");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .img__list__block .item-0 .item__img {
        background-image: url("images/color__0.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .img__list__block .item-0 .item__img {
        background-image: url("images/color__0.jpg");
    }
} */

#CMD .img__list__block .item-1 .item__img {
    background-image: url("images/color__1.jpg");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .img__list__block .item-1 .item__img {
        background-image: url("images/color__1.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .img__list__block .item-1 .item__img {
        background-image: url("images/color__1.jpg");
    }
} */

#CMD .img__list__block .item-2 .item__img {
    background-image: url("images/color__2.jpg");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .img__list__block .item-2 .item__img {
        background-image: url("images/color__2.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .img__list__block .item-2 .item__img {
        background-image: url("images/color__2.jpg");
    }
} */

#CMD .img__list__block .item-3 .item__img {
    background-image: url("images/color__3.jpg");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .img__list__block .item-3 .item__img {
        background-image: url("images/color__3.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .img__list__block .item-3 .item__img {
        background-image: url("images/color__3.jpg");
    }
} */

html #CMD .section__highlights .wd__list__color {
    margin-top: 80px;
}

html #CMD .section__highlights .img__list__block .slick-active {
    opacity: 0.5;
}

html #CMD .section__highlights .img__list__block .slick-current {
    opacity: 1;
}

html #CMD .section__highlights .img__list__block .item__desc::before {
    background-color: transparent;
}

html #CMD .section__highlights .img__list__block .item__desc * {
    text-align: center;
}

html #CMD .section__highlights .slick-prev,
html #CMD .section__highlights .slick-next {
    margin-top: 0;
    width: 63px;
    height: 112px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

html #CMD .section__highlights .slick-prev::before,
html #CMD .section__highlights .slick-next::before {
    top: 42px;
    left: 22px;
    width: 20px;
    height: 32px;
}

html #CMD .section__highlights .slick-prev {
    left: 50%;
    margin-left: -472px;
}

html #CMD .section__highlights .slick-prev::before {
    left: 19px;
}

#CMD .section__highlights .img__list__block .slick-prev::before {
    background-image: url("images/left_arrow.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__highlights .img__list__block .slick-prev::before {
        background-image: url("images/left_arrow.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__highlights .img__list__block .slick-prev::before {
        background-image: url("images/left_arrow.png");
    }
} */

html #CMD .section__highlights .slick-next {
    left: 50%;
    margin-left: 409px;
}

#CMD .section__highlights .img__list__block .slick-next::before {
    background-image: url("images/right_arrow.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__highlights .img__list__block .slick-next::before {
        background-image: url("images/right_arrow.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__highlights .img__list__block .slick-next::before {
        background-image: url("images/right_arrow.png");
    }
} */

html #CMD .section__color {
    overflow: hidden;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
}

html #CMD .section__color .wd__content {
    position: absolute;
    display: none;
    left: 50%;
    margin-left: -560px;
    margin-top: 346px;
    width: 380px;
}

html #CMD .section__color .wd__content.content-2 .content__title {
    color: #000;
}

html #CMD .section__color .wd__content.content-2 .content__info {
    color: #000;
}

html #CMD .section__color .nav-slick {
    margin-top: 40px;
    margin-left: -10px;
}

html #CMD .section__color .nav-slick .nav {
    display: inline-block;
    cursor: pointer;
    margin: 0 10px;
    width: 50px;
    height: 50px;
    border: 2px solid transparent;
    border-radius: 50%;
}

html #CMD .section__color .nav-slick .nav.nav1 {
    background: #000;
}

html #CMD .section__color .nav-slick .nav.nav2 {
    background: #d4c6d8;
}

html #CMD .section__color .nav-slick .nav.js-selected {
    border: 2px solid #fff;
}

html #CMD .section__color .img__color {
    position: relative;
    left: 50%;
    margin-top: 0;
    margin-left: -1280px;
    width: 2560px;
    height: 1110px;
}

html #CMD .section__color .img__color .slick-content {
    width: 2560px;
    height: 1110px;
}

html #CMD .section__color .img__color .slick-content figure {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 2560px;
    height: 1110px;
    transition: opacity 400ms ease;
    pointer-events: none;
}

html #CMD .section__color .img__color .slick-content figure .wd__content {
    display: block;
}

#CMD .section__color .img-slick1 {
    background-image: url("images/large/1x/animation/s5/bg1.jpg");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__color .img-slick1 {
        background-image: url("images/large/2x/animation/s5/bg1.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__color .img-slick1 {
        background-image: url("images/large/2x/animation/s5/bg1.jpg");
    }
} */

#CMD .section__color .img-slick2 {
    background-image: url("images/large/1x/animation/s5/bg2.jpg");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__color .img-slick2 {
        background-image: url("images/large/2x/animation/s5/bg2.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__color .img-slick2 {
        background-image: url("images/large/2x/animation/s5/bg2.jpg");
    }
} */

html #CMD .section__color .img__color .slick-content figure.js-showed {
    opacity: 1;
    pointer-events: all;
}

html #CMD .section__mobility {
    display: inline-block;
    overflow: hidden;
    margin-top: 0;
}

html #CMD .section__mobility .wd__content {
    margin: 5px auto 0;
    width: 700px;
}

html #CMD .section__mobility .wd__content .content__title {
    width: 740px;
}

html #CMD .section__mobility .wd__content .content__info {
    width: 560px;
}

html #CMD .section__mobility .wd__feature__list {
    width: 660px;
}

html #CMD .section__mobility .wd__feature__list .wd__feature.feature-3 {
    display: none;
}

html #CMD .section__mobility .img__mobility {
    position: relative;
    left: 50%;
    margin-top: -574px;
    margin-left: -990px;
    width: 1597px;
    height: 1039px;
}

#CMD .section__mobility .img__mobility {
    background-image: url("images/s6\ \(3\).jpg");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__mobility .img__mobility {
        background-image: url("images/s6\ \(3\).jpg");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__mobility .img__mobility {
        background-image: url("images/s6\ \(3\).jpg");
    }
} */

html #CMD .section__user_experience {
    overflow: hidden;
    padding-top: 130px;
    background: #fff;
}

html #CMD .section__user_experience .wd__content .content__info {
    width: 820px;
}

html #CMD .section__user_experience .slick-content {
    margin: 0 auto;
    width: 100%;
    max-width: 1128px;
}

html #CMD .section__user_experience .slick-content .slick-title {
    position: relative;
    margin-top: 60px;
    color: #66656a;
    text-align: center;
}

html #CMD .section__user_experience .slick-content .slick-title .title-line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% / 3);
    height: 4px;
    background-color: #27a8c8;
    transform: translate3d(0, 0, 0);
    transition: transform 250ms ease;
}

html #CMD .section__user_experience .slick-content .slick-title .title-nav {
    margin: 0;
    padding: 15px 0 10px;
    font-size: 0;
    border-bottom: 1px solid #66656a;
}

html #CMD .section__user_experience .slick-content .slick-title .title-nav li {
    display: inline-block;
    cursor: pointer;
    list-style-type: none;
    margin: 0;
    width: calc(100% / 3);
    color: #66656a;
    font-size: 20px;
    text-transform: uppercase;
    vertical-align: bottom;
    line-height: 24px;
}

html #CMD .section__user_experience .slick-content .slick-title .title-nav li .sign-fnum {
    top: -0.7em;
}

html #CMD .section__user_experience .slick-content .slick-title .title-nav li.js-selected {
    color: #27a8c8;
}

html #CMD .section__user_experience .slick-content .slick-info {
    position: relative;
    margin: 35px auto;
    max-width: 980px;
    height: auto;
    max-height: 0;
    transition: min-height 200ms ease, max-height 200ms ease;
    min-height: 0;
}

html #CMD .section__user_experience .slick-content .slick-info .si {
    display: none;
    position: relative;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    color: #1c1b19;
    font-size: 20px;
    transition: opacity 400ms ease, visibility 400ms ease;
    line-height: 1.5;
}

html #CMD .section__user_experience .slick-content .slick-info .si .info__comment {
    display: inline-block;
    margin-top: 8px;
    color: #1c1b19;
    font-size: 18px;
    line-height: 1.4;
}

html #CMD .section__user_experience .slick-content .slick-info .si.js-showed {
    display: block;
    visibility: visible;
    opacity: 1;
}

html #CMD .section__user_experience .slick-content .slick-images {
    position: relative;
    left: 50%;
    margin: 0 0 0 -564px;
    width: 1134px;
    height: 631px;
}

html #CMD .section__user_experience .slick-content .slick-images .img-slick {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 1134px;
    height: 631px;
    transition: opacity 400ms ease;
}

html #CMD .section__user_experience .slick-content .slick-images .img-slick.js-showed {
    opacity: 1;
}

#CMD .section__user_experience #img-slick1 {
    background-image: url("images/p1.jpg");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__user_experience #img-slick1 {
        background-image: url("images/p1.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__user_experience #img-slick1 {
        background-image: url("images/p1.jpg");
    }
} */

#CMD .section__user_experience #img-slick2 {
    background-image: url("images/p2.jpg");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__user_experience #img-slick2 {
        background-image: url("images/p2.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__user_experience #img-slick2 {
        background-image: url("images/p2.jpg");
    }
} */

#CMD .section__user_experience #img-slick3 {
    background-image: url("images/p3.jpg");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__user_experience #img-slick3 {
        background-image: url("images/p3.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__user_experience #img-slick3 {
        background-image: url("images/p3.jpg");
    }
} */

#CMD .section__user_experience #img-slick4 {
    background-image: url("images/p4.jpg");
}


/* 
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__user_experience #img-slick4 {
        background-image: url("images/p4.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__user_experience #img-slick4 {
        background-image: url("images/p4.jpg");
    }
} */

html #CMD .section__user_experience .modal-button-container {
    margin-top: 83px;
}

html #CMD .section__connect {
    overflow: hidden;
    margin-top: -10px;
    background: #fff;
}

html #CMD .section__connect .wd__content .content__info {
    width: 880px;
}

html #CMD .section__connect .img__connect {
    position: relative;
    left: 50%;
    margin-top: -37px;
    margin-left: -1280px;
    width: 2560px;
    height: 407px;
}

#CMD .section__connect .img__connect {
    background-image: url("images/s8.jpg");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__connect .img__connect {
        background-image: url("images/s8.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__connect .img__connect {
        background-image: url("images/s8.jpg");
    }
} */

html #CMD .section__connect .img__connect .ioPort {
    position: absolute;
    top: 269px;
    left: 50%;
    font-size: 18px;
}

html #CMD .section__connect .img__connect .ioPort.port1 {
    margin-left: -617px;
    text-align: left;
}

html #CMD .section__connect .img__connect .ioPort.port2 {
    margin-left: -266px;
    width: 130px;
}

html #CMD .section__connect .img__connect .ioPort.port3 {
    margin-left: -129px;
    width: 110px;
}

html #CMD .section__connect .img__connect .ioPort.port4 {
    margin-left: 90px;
    width: 80px;
}

html #CMD .section__connect .img__connect .ioPort.port5 {
    margin-left: 210px;
    width: 110px;
}

html #CMD .section__connect .modal-button-container {
    margin-top: -21px;
}

html #CMD .section__software {
    overflow: hidden;
    margin-top: -87px;
}

html #CMD .section__software .wd__content {
    width: 840px;
}

html #CMD .section__software .wd__content .content__info {
    width: 784px;
}

html #CMD .section__software .img__software {
    position: relative;
    z-index: 100;
    left: 50%;
    margin-top: 80px;
    margin-left: -820px;
    width: 1639px;
    height: 819px;
}

#CMD .section__software .img__software {
    background-image: url("images/s9.jpg");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__software .img__software {
        background-image: url("images/s9.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__software .img__software {
        background-image: url("images/s9.jpg");
    }
} */

html #CMD .section__software .modal-button-container {
    margin-top: -56px;
}

html #CMD .section__software .modal-button-container .modal-button {
    z-index: 100;
}

html #CMD .section__audio {
    overflow: hidden;
    margin-top: -100px;
}

html #CMD .section__audio .wd__content {
    position: relative;
    left: 50%;
    top: 50px;
    margin-left: -9px;
    width: 585px;
}

html #CMD .section__audio .wd__content .content__info {
    margin-right: 0;
    margin-left: 0;
}

html #CMD .section__audio .wd__feature__list .wd__feature {
    text-align: center;
}

html #CMD .section__audio .wd__feature__list .wd__feature .img__icon1 {
    margin-right: -13px;
    width: 360px;
    height: 87px;
}

#CMD .section__audio .img__icon1 {
    background-image: url("images/icon_harman.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__audio .img__icon1 {
        background-image: url("images/icon_harman.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__audio .img__icon1 {
        background-image: url("images/icon_harman.png");
    }
} */

html #CMD .section__audio .img__audio {
    position: relative;
    left: 50%;
    margin-top: -286px;
    margin-bottom: 0;
    margin-left: -1026px;
    width: 1872px;
    height: 908px;
}

#CMD .section__audio .img__audio {
    background-image: url("images/s10.jpg");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__audio .img__audio {
        background-image: url("images/s10.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__audio .img__audio {
        background-image: url("images/s10.jpg");
    }
} */

html #CMD .section__grade {
    overflow: hidden;
    margin-top: 0;
    padding-top: 73px;
}

html #CMD .section__grade .wd__content {
    position: relative;
    width: 740px;
    left: 50%;
    margin-left: -577px;
}

html #CMD .section__grade .wd__feature__list {
    margin: 56px 0 0;
    width: 460px;
}

html #CMD .section__grade .wd__feature__list .wd__feature {
    margin: 0 35px 50px 0;
    width: 182px;
    text-align: center;
    vertical-align: top;
    min-height: 205px;
}

html #CMD .section__grade .wd__feature__list .wd__feature .wd__feature__data .img__icon {
    margin-bottom: 14px;
    width: 88px;
    height: 90px;
}

#CMD .section__grade .img__icon1 {
    background-image: url("images/icon_1.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__grade .img__icon1 {
        background-image: url("images/icon_1.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__grade .img__icon1 {
        background-image: url("images/icon_1.png");
    }
} */

#CMD .section__grade .img__icon2 {
    background-image: url("images/icon_2.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__grade .img__icon2 {
        background-image: url("images/icon_2.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__grade .img__icon2 {
        background-image: url("images/icon_2.png");
    }
} */

#CMD .section__grade .img__icon3 {
    background-image: url("images/icon_3.png");
}


/* 
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__grade .img__icon3 {
        background-image: url("images/icon_3.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__grade .img__icon3 {
        background-image: url("images/icon_3.png");
    }
} */

#CMD .section__grade .img__icon4 {
    background-image: url("images/icon_4.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__grade .img__icon4 {
        background-image: url("images/icon_4.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__grade .img__icon4 {
        background-image: url("images/icon_4.png");
    }
} */

#CMD .section__grade .img__icon5 {
    background-image: url("images/icon_5.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__grade .img__icon5 {
        background-image: url("images/icon_5.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__grade .img__icon5 {
        background-image: url("images/icon_5.png");
    }
} */

#CMD .section__grade .img__icon6 {
    background-image: url("images/icon_6.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__grade .img__icon6 {
        background-image: url("images/icon_6.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__grade .img__icon6 {
        background-image: url("images/icon_6.png");
    }
} */

html #CMD .section__grade .wd__feature__list .wd__feature .wd__feature__describe {
    color: #2f3437;
    vertical-align: top;
}

html #CMD .section__grade .wd__feature__list .wd__feature .wd__feature__describe span>span {
    display: block;
}

html #CMD .section__grade .wd__feature__list .wd__feature .wd__feature__describe span>span.text-title {
    margin-bottom: 4px;
}

html #CMD .section__grade .img__grade {
    position: relative;
    left: 50%;
    margin-top: -1044px;
    margin-bottom: -80px;
    margin-left: -1280px;
    width: 2560px;
    height: 1520px;
}

#CMD .section__grade .img__grade {
    background-image: url("images/s11.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__grade .img__grade {
        background-image: url("images/s11.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__grade .img__grade {
        background-image: url("images/s11.jpg");
    }
}

html #CMD .section__comment {
    padding-top: 10px;
    padding-bottom: 65px;
}

html #CMD .section__comment .footnotes ul.footnote li {
    color: #999;
}

html #CMD .section__comment .footnotes ul.footnote li a {
    color: #1c1b19;
    word-break: break-all;
}

html #CMD .section__comment .footnotes ul.footnote li a:hover {
    color: #00a3e7;
}

html #CMD .section__aipt_1 {
    padding-top: 132px;
    padding-bottom: 60px;
    background: linear-gradient(to bottom, #161d22 0%, #161d22 40%, #11171b 50%, #11171b 100%);
}

html #CMD .section__aipt_1 .wd__content {
    width: 1010px !important;
}

html #CMD .section__aipt_1 .wd__feature__list {
    margin: 45px auto 0;
    width: 100%;
    max-width: 680px;
}

html #CMD .section__aipt_1 .aipt-graph {
    position: relative;
    left: 50%;
    margin-top: 10px;
    margin-left: -493px;
    width: 990px;
}

html #CMD .section__aipt_1 .aipt-graph .graph-content,
html #CMD .section__aipt_1 .aipt-graph .graph-ladar {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

html #CMD .section__aipt_1 .aipt-graph .graph-content {
    width: 310px;
}

html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item {
    display: block;
    position: relative;
    margin-bottom: 42px;
    text-align: left;
}

html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item .itme-icon {
    position: relative;
    text-align: left;
}

html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item .itme-icon figure {
    margin-left: 0;
}

html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item .itme-title {
    position: relative;
    margin-top: 10px;
    font-size: 20.5px;
}

html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item .itme-info {
    position: relative;
    margin-top: 15px;
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
}

html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item.item-0 .itme-title {
    color: #f1790b;
}

html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item.item-0 .itme-title sup {
    color: #f1790b;
}

html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item.item-1 .itme-title {
    color: #03a514;
}

html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item.item-1 .itme-title sup {
    color: #03a514;
}

html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item.item-2 .itme-title {
    color: #357ae0;
}

html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item.item-2 .itme-title sup {
    color: #357ae0;
}

html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item.item-0 .itme-icon .img {
    width: 82px;
    height: 50px;
}

#CMD .section__aipt_1 .aipt-graph .item-0 .itme-icon .img {
    background-image: url("images/mode_0.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__aipt_1 .aipt-graph .item-0 .itme-icon .img {
        background-image: url("images/mode_0.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__aipt_1 .aipt-graph .item-0 .itme-icon .img {
        background-image: url("images/mode_0.png");
    }
} */

html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item.item-1 .itme-icon .img {
    width: 72px;
    height: 78px;
}

#CMD .section__aipt_1 .aipt-graph .item-1 .itme-icon .img {
    background-image: url("images/mode_1.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__aipt_1 .aipt-graph .item-1 .itme-icon .img {
        background-image: url("images/mode_1.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__aipt_1 .aipt-graph .item-1 .itme-icon .img {
        background-image: url("images/mode_1.png");
    }
} */

html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item.item-2 .itme-icon .img {
    width: 76px;
    height: 78px;
}

#CMD .section__aipt_1 .aipt-graph .item-2 .itme-icon .img {
    background-image: url("images/mode_2.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__aipt_1 .aipt-graph .item-2 .itme-icon .img {
        background-image: url("images/mode_2.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__aipt_1 .aipt-graph .item-2 .itme-icon .img {
        background-image: url("images/mode_2.png");
    }
} */

html #CMD .section__aipt_1 .aipt-graph .graph-ladar {
    top: 54px;
    left: 102px;
    width: 660px;
}

html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-img {
    display: block;
    position: relative;
}

html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-img figure {
    position: relative;
    width: 520px;
    height: 490px;
}

#CMD .section__aipt_1 .graph-ladar .ladar-img figure {
    background-image: url("images/ladar.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__aipt_1 .graph-ladar .ladar-img figure {
        background-image: url("images/ladar.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__aipt_1 .graph-ladar .ladar-img figure {
        background-image: url("images/ladar.png");
    }
} */

html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .content-text {
    position: absolute;
    left: 50%;
    width: 200px;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-0 {
    top: unset;
    bottom: 494px;
    margin-left: -102px;
    text-align: center;
}

html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-1 {
    top: 181px;
    bottom: unset;
    margin-left: 265px;
    text-align: left;
}

html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-2 {
    top: 492px;
    bottom: unset;
    margin-left: 64px;
    text-align: center;
}

html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-3 {
    top: 492px;
    bottom: unset;
    margin-left: -272px;
    text-align: center;
}

html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-4 {
    top: 181px;
    bottom: unset;
    margin-left: -473px;
    text-align: right;
}

html #CMD .section__aipt_1 .img__bg {
    display: block;
    position: relative;
    left: 50%;
    margin-top: -42px;
    margin-bottom: 0;
    margin-left: -1280px;
    width: 2560px;
    height: 861px;
    background-size: cover;
}

#CMD .section__aipt_1 .img__bg {
    background-image: url("images/aipt_3_bg.jpg");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__aipt_1 .img__bg {
        background-image: url("images/aipt_3_bg.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__aipt_1 .img__bg {
        background-image: url("images/aipt_3_bg.jpg");
    }
} */

.ieOld #CMD .section__aipt .aipt-graph .graph-content .cotent-item.item-0 .itme-title.unGradient {
    color: #f1790b !important;
}

.ieOld #CMD .section__aipt .aipt-graph .graph-content .cotent-item.item-1 .itme-title.unGradient {
    color: #03a514 !important;
}

.ieOld #CMD .section__aipt .aipt-graph .graph-content .cotent-item.item-2 .itme-title.unGradient {
    color: #357ae0 !important;
}

html #CMD .section__aipt_2 {
    position: relative;
    padding-top: 0;
    background: #161d22;
}

html #CMD .section__aipt_2 .grid__table {
    position: relative;
    overflow: hidden;
    margin-top: 80px;
    margin-right: auto;
    margin-left: auto;
    width: 1280px;
}

html #CMD .section__aipt_2 .grid__table .table-col {
    position: relative;
    font-size: 0;
}

html #CMD .section__aipt_2 .grid__table .table-col .table-row {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 50%;
    height: 640px;
    background-color: #36434b;
    vertical-align: top;
}

html #CMD .section__aipt_2 .grid__table .table-col .table-row.row-left {
    background-color: #252f38;
}

html #CMD .section__aipt_2 .bar-chart {
    position: relative;
    padding: 104px 70px 155px 110px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

html #CMD .section__aipt_2 .bar-chart .chart-lines,
html #CMD .section__aipt_2 .bar-chart .chart-bar {
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

html #CMD .section__aipt_2 .bar-chart .chart-lines {
    position: absolute;
    padding: 99px 60px 155px;
}

html #CMD .section__aipt_2 .bar-chart .chart-lines .line {
    position: relative;
    margin-left: 40px;
    width: calc(100% - 40px);
    height: 1px;
    background-color: #cacaca;
}

html #CMD .section__aipt_2 .bar-chart .chart-lines .line span {
    position: absolute;
    top: 50%;
    left: -40px;
    color: #fff;
    font-size: 15px;
    transform: translateY(-50%);
}

html #CMD .section__aipt_2 .bar-chart .chart-lines .line.line-0 {
    top: 100%;
}

html #CMD .section__aipt_2 .bar-chart .chart-lines .line.line-1 {
    top: 75%;
}

html #CMD .section__aipt_2 .bar-chart .chart-lines .line.line-2 {
    top: 50%;
}

html #CMD .section__aipt_2 .bar-chart .chart-lines .line.line-3 {
    top: 25%;
}

html #CMD .section__aipt_2 .bar-chart .chart-lines .line.line-4 {
    top: 0%;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar {
    position: relative;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar {
    position: absolute;
    bottom: 0;
    width: 33.3%;
    height: 0%;
    max-height: 100%;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-0 .bar-value {
    background: #a5a6aa;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-0 .value-content {
    display: none;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-2 .bar-value .value-content .value-top,
html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-2 .bar-value .value-content .value-bottom {
    font-size: 17px;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-2 .bar-value .value-content .value-main {
    margin-bottom: -3px;
    font-size: 36px;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-value {
    position: relative;
    left: 35%;
    width: 30%;
    height: 100%;
    background: #27a8c8;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-value .value-content {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 17px;
    margin-left: -60px;
    padding: 0 12px;
    box-sizing: border-box;
    width: 120px;
    letter-spacing: 1px;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-value .value-content .value-main {
    display: block;
    position: relative;
    color: #27a8c8;
    font-size: 26px;
    line-height: 1.3;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-value .value-content .value-top,
html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-value .value-content .value-bottom {
    display: block;
    position: relative;
    color: #27a8c8;
    font-size: 14px;
    line-height: 1.3;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-key {
    position: absolute;
    top: 100%;
    margin-top: 27px;
    padding: 0 18px;
    box-sizing: border-box;
    width: 100%;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-key .key-name {
    display: block;
    position: relative;
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-key .key-mode {
    display: block;
    position: relative;
    margin-top: 0;
    color: #27a8c8;
    font-size: 14px;
    line-height: 1.3;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-0 {
    left: 0%;
    transition: height 1000ms 0ms;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-1 {
    left: 33.3%;
    transition: height 1000ms 300ms;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-2 {
    left: 66.6%;
    transition: height 1000ms 600ms;
}

html #CMD .section__aipt_2 .line-chart {
    position: relative;
    padding: 99px 70px 155px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

html #CMD .section__aipt_2 .line-chart .chart-line,
html #CMD .section__aipt_2 .line-chart .chart-compare {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
}

html #CMD .section__aipt_2 .line-chart .chart-line .item-line {
    position: relative;
    margin-bottom: 22px;
}

html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content {
    position: relative;
    margin-bottom: 8px;
}

html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content .line-name {
    display: inline-block;
    position: relative;
    bottom: 100%;
    left: 0;
    width: 59%;
    color: #fff;
    font-size: 15px;
    text-align: left;
    vertical-align: bottom;
    line-height: 1.2;
}

html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content .line-description {
    display: inline-block;
    position: relative;
    right: 0;
    bottom: 100%;
    width: 40%;
    text-align: right;
    vertical-align: bottom;
}

html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content .line-description .description-text {
    display: inline-block;
    position: relative;
    margin-left: 7px;
    color: #fff;
    font-size: 15px;
    vertical-align: bottom;
    line-height: 1.2;
}

html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content .line-description .description-text.text-hl {
    bottom: -2px;
    color: #2cd6ed;
    font-size: 21px;
}

html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-graph {
    position: relative;
    width: 100%;
}

html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-graph .graph-line {
    position: relative;
    margin-bottom: 8px;
    height: 16px;
    background: #3d88fb;
    background: linear-gradient(to right, #3d88fb, #00eafd);
    transition: width 1000ms;
}

html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-graph .graph-line.line-1 {
    width: 0%;
}

html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-graph .graph-line.line-2 {
    width: 0%;
    background: #5b6c80;
    background: linear-gradient(to right, #5b6c80, #5a8089);
}

html #CMD .section__aipt_2 .line-chart .chart-compare {
    margin-top: 36px;
}

html #CMD .section__aipt_2 .line-chart .chart-compare .comapre-item {
    display: inline-block;
    position: relative;
    width: 50%;
    vertical-align: top;
}

html #CMD .section__aipt_2 .line-chart .chart-compare .comapre-item .item-line {
    position: relative;
    width: 60px;
    height: 16px;
}

html #CMD .section__aipt_2 .line-chart .chart-compare .comapre-item .item-name {
    position: relative;
    margin-top: 13px;
    color: #fff;
    font-size: 15px;
    text-align: left;
}

html #CMD .section__aipt_2 .line-chart .chart-compare .comapre-item.item-0 .item-line {
    background: #27a8c8;
}

html #CMD .section__aipt_2 .line-chart .chart-compare .comapre-item.item-1 .item-line {
    background: #a5a6aa;
}

html #CMD .section__aipt_2 .row-content {
    position: absolute;
    top: 50%;
    left: 50%;
    padding-right: 89px;
    padding-left: 89px;
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    transform: translate(-50%, -50%);
}

html #CMD .section__aipt_2 .row-content .content__title {
    position: relative;
    color: #fff;
    font-size: 34px;
    line-height: 1.2;
}

html #CMD .section__aipt_2 .row-content .content__title .text__semibold {
    font-family: "TT Norms Pro W05", "Segoe UI", sans-serif !important;
    font-weight: 450 !important;
    font-style: normal !important;
}

html #CMD .section__aipt_2 .row-content .content__info {
    position: relative;
    margin-top: 20px;
    color: #fff;
    font-size: 20px;
    line-height: 1.5;
}

html #CMD .section__aipt_2 .table-col.col-1 .table-row .img__row {
    width: 640px;
    height: 640px;
    background-size: cover;
}

#CMD .section__aipt_2 .table-col.col-1 .img__row {
    background-image: url("images/aipt_grid_1.jpg");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__aipt_2 .table-col.col-1 .img__row {
        background-image: url("images/aipt_grid_1.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__aipt_2 .table-col.col-1 .img__row {
        background-image: url("images/aipt_grid_1.jpg");
    }
} */

html #CMD .section__aipt_2 .table-col.col-3 .table-row .img__row {
    width: 640px;
    height: 640px;
    background-size: cover;
}

#CMD .section__aipt_2 .table-col.col-3 .img__row {
    background-image: url("images/aipt_grid_3.jpg");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__aipt_2 .table-col.col-3 .img__row {
        background-image: url("images/aipt_grid_3.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__aipt_2 .table-col.col-3 .img__row {
        background-image: url("images/aipt_grid_3.jpg");
    }
} */

html #CMD .section__aipt_2 .table-col.col-3 .table-row .wd__feature__list .wd__feature__data,
html #CMD .section__aipt_2 .table-col.col-3 .table-row .wd__feature__list .wd__feature__data span,
html #CMD .section__aipt_2 .table-col.col-3 .table-row .wd__feature__list .wd__feature__describe {
    color: #fff;
}

html #CMD .section__aipt_2 .ani-detect {
    display: block;
    position: absolute;
    z-index: 999;
    top: 0;
    left: 50%;
    width: 1px;
    height: 1px;
}

html #CMD .section__aipt_2 .line-content {
    opacity: 0;
    transition: opacity ease 300ms;
}

html #CMD .section__aipt_2 .item-line.active .line-content {
    opacity: 1;
}

html #CMD .section__aipt_3 {
    padding-top: 132px;
    background: #161d22;
}

html #CMD .section__aipt_3 .wd__content {
    width: 1030px;
    max-width: 1030px;
}

html #CMD .section__aipt_3 .content__comment {
    margin-top: 9px;
    color: #878787;
}

html #CMD .section__aipt_3 .wd__feature__list {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 680px;
}

html #CMD .section__aipt_3 .img__bg {
    display: block;
    position: relative;
    left: 50%;
    margin-top: -122px;
    margin-bottom: 0;
    margin-left: -1280px;
    width: 2560px;
    height: 959px;
    background-size: cover;
}

#CMD .section__aipt_3 .img__bg {
    background-image: url("images/aipt_3_bg.jpg");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__aipt_3 .img__bg {
        background-image: url("images/aipt_3_bg.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__aipt_3 .img__bg {
        background-image: url("images/aipt_3_bg.jpg");
    }
} */

html #CMD .section__screenpad_1 {
    display: inline-block;
    margin-top: -10px;
    margin-bottom: -15px;
    padding-bottom: 0;
}

html #CMD .section__screenpad_1 .wd__content .content__info {
    width: 894px;
}

html #CMD .section__screenpad_1 .img__screenpad_1 {
    left: 50%;
    margin: -287px 0 -90px -960px;
    width: 1920px;
    height: 1678px;
}

#CMD .section__screenpad_1 .img__screenpad_1 {
    background-image: url("images/large/1x/animation/screenpad_1/nb.jpg");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__screenpad_1 .img__screenpad_1 {
        background-image: url("images/large/2x/animation/screenpad_1/nb.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__screenpad_1 .img__screenpad_1 {
        background-image: url("images/large/2x/animation/screenpad_1/nb.jpg");
    }
} */

html #CMD .section__screenpad_2 {
    margin-top: -220px;
    margin-bottom: -35px;
}

html #CMD .section__screenpad_2 .wd__content .content__info {
    width: 859px;
}

html #CMD .section__screenpad_2 .img__screenpad_2 {
    left: 50%;
    margin: 20px 0 0 -960px;
    width: 1920px;
    height: 1000px;
}

#CMD .section__screenpad_2 .img__screenpad_2 {
    background-image: url("images/large/1x/s_screenpad_2.jpg");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__screenpad_2 .img__screenpad_2 {
        background-image: url("images/large/2x/s_screenpad_2.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__screenpad_2 .img__screenpad_2 {
        background-image: url("images/large/2x/s_screenpad_2.jpg");
    }
} */

html #CMD .section__screenpad_2 .img__screenpad_2 .content__comment {
    position: absolute;
    bottom: 0;
    left: 50%;
    color: #999;
    font-size: 18px;
    line-height: 1.4;
    transform: translateX(-50%);
}

html #CMD .section__noise {
    z-index: 100;
    margin-top: -10px;
    padding-bottom: 127px;
    background-color: #fff;
}

html #CMD .section__noise .wd__content .content__info {
    width: 100%;
    max-width: 920px;
}

html #CMD .section__noise .sub__content {
    margin-top: 50px;
}

html #CMD .section__noise .sub__content .content__title {
    color: #1d1c19;
    font-size: 30px;
    font-weight: 300;
}

html #CMD .section__noise .sub__content .content__info {
    margin-top: 9px;
    color: #1d1c19;
    font-size: 20px;
}

html #CMD .section__noise .nav__noise {
    display: flex;
    justify-content: center;
    margin-top: 80px;
}

html #CMD .section__noise .nav__noise .nav__item {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    margin: 0 15px;
    padding: 15px;
    width: 240px;
    border: 3px solid #1d1c19;
    border-radius: 20px;
}

html #CMD .section__noise .nav__noise .nav__item .nav__content {
    display: flex;
    align-items: center;
}

html #CMD .section__noise .nav__noise .nav__item .nav__content .img__icon {
    display: inline-block;
    margin-right: 10px;
    width: 45px;
    height: 45px;
}

#CMD .section__noise .nav__item .img__icon {
    background-image: url("images/play.png");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__noise .nav__item .img__icon {
        background-image: url("images/play.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__noise .nav__item .img__icon {
        background-image: url("images/play.png");
    }
} */

html #CMD .section__noise .nav__noise .nav__item .nav__content .nav__text {
    display: inline-block;
    width: 160px;
}

html #CMD .section__noise .nav__noise .nav__item .nav__content .nav__text .content__title {
    color: #1d1c19;
    font-size: 30px;
    font-weight: 300;
}

html #CMD .section__noise .nav__noise .nav__item .nav__content .nav__text .content__info {
    color: #1d1c19;
    font-size: 20px;
}

html #CMD .section__noise .nav__noise .nav__item.js-selected {
    border: 3px solid transparent;
    background: linear-gradient(#ebeff2, #ebeff2) padding-box, linear-gradient(150deg, #27a8c8 0%, #27a8c8 20%, #27a8c8 40%, #27a8c8 70%) border-box;
}

#CMD .section__noise .nav__item.js-selected .img__icon {
    background-image: url("images/large/1x/animation/noise/pause.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__noise .nav__item.js-selected .img__icon {
        background-image: url("images/large/2x/animation/noise/pause.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__noise .nav__item.js-selected .img__icon {
        background-image: url("images/large/2x/animation/noise/pause.png");
    }
}

html #CMD .section__noise .noise__switcher {
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    margin-top: 60px;
    text-align: center;
    transition: opacity 350ms ease;
}

html #CMD .section__noise .noise__switcher span {
    display: inline-block;
    margin-right: 10px;
    color: #1d1c19;
    font-size: 25px;
    font-weight: 300;
}

html #CMD .section__noise .noise__switcher .img__switcher {
    display: inline-block;
    cursor: pointer;
    margin: 0;
    width: 90px;
    height: 42px;
}

#CMD .section__noise .noise__switcher .img__switcher {
    background-image: url("images/large/1x/animation/noise/btn-off.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__noise .noise__switcher .img__switcher {
        background-image: url("images/large/2x/animation/noise/btn-off.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__noise .noise__switcher .img__switcher {
        background-image: url("images/large/2x/animation/noise/btn-off.png");
    }
}

#CMD .section__noise .noise__switcher .img__switcher.js-active {
    background-image: url("images/large/1x/animation/noise/btn-on.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__noise .noise__switcher .img__switcher.js-active {
        background-image: url("images/large/2x/animation/noise/btn-on.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__noise .noise__switcher .img__switcher.js-active {
        background-image: url("images/large/2x/animation/noise/btn-on.png");
    }
}

html #CMD .section__noise .noise__switcher.js-showed {
    visibility: visible;
    opacity: 1;
}

html #CMD .section__noise .img__noise {
    margin-top: 19px;
    height: 400px;
}

html #CMD .section__noise .img__noise .img__voice {
    position: absolute;
    z-index: 50;
    top: 50%;
    left: 50%;
    margin-top: -162px;
    margin-left: -162px;
    width: 324px;
    height: 324px;
}

#CMD .section__noise .img__noise .img__voice {
    background-image: url("images/voiceBg.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__noise .img__noise .img__voice {
        background-image: url("images/voiceBg.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__noise .img__noise .img__voice {
        background-image: url("images/voiceBg.png");
    }
}

html #CMD .section__noise .img__noise #noise__left {
    position: absolute;
    z-index: 40;
    top: 0;
    left: 50%;
    margin-left: -880px;
}

html #CMD .section__noise .img__noise #noise__right {
    position: absolute;
    z-index: 40;
    top: 0;
    left: 50%;
    margin-left: 80px;
}

html #CMD .section__noise .modal-button-container {
    margin-top: 42px;
}

@keyframes maxWaveLevel {
    0% {
        transform: translateX(-5%);
    }
    30% {
        transform: translateX(-5%);
    }
    40% {
        transform: translateX(-15%);
    }
    60% {
        transform: translateX(-2%);
    }
    80% {
        transform: translateX(-12%);
    }
    100% {
        transform: translateX(-5%);
    }
}

@keyframes weakWaveLevel {
    0% {
        transform: translateX(-45%);
    }
    30% {
        transform: translateX(-45%);
    }
    40% {
        transform: translateX(-55%);
    }
    60% {
        transform: translateX(-42%);
    }
    80% {
        transform: translateX(-52%);
    }
    100% {
        transform: translateX(-45%);
    }
}

html #CMD .section__inner__noise {
    padding-top: 90px;
    padding-bottom: 30px;
    background: #2a2a2a;
}

html #CMD .section__inner__noise .wd__content {
    width: 100% !important;
}

html #CMD .section__inner__noise .wd__content .content__title {
    color: #fff !important;
}

html #CMD .section__inner__noise .wd__content .content__info {
    color: #fff !important;
    width: 950px;
}

html #CMD .section__inner__noise .noise__switcher {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 160px;
    text-align: center;
    transition: opacity 350ms ease;
}

html #CMD .section__inner__noise .noise__switcher span {
    display: inline-block;
    margin-right: 10px;
    color: #fff;
    font-size: 25px;
    font-weight: 300;
}

html #CMD .section__inner__noise .noise__switcher .img__switcher {
    display: inline-block;
    cursor: pointer;
    margin: 0;
    width: 90px;
    height: 42px;
}

#CMD .section__inner__noise .noise__switcher .img__switcher {
    background-image: url("images/large/1x/animation/noise/btn-off.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__inner__noise .noise__switcher .img__switcher {
        background-image: url("images/large/2x/animation/noise/btn-off.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__inner__noise .noise__switcher .img__switcher {
        background-image: url("images/large/2x/animation/noise/btn-off.png");
    }
}

#CMD .section__inner__noise .noise__switcher .img__switcher.js-active {
    background-image: url("images/large/1x/animation/noise/btn-on.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__inner__noise .noise__switcher .img__switcher.js-active {
        background-image: url("images/large/2x/animation/noise/btn-on.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__inner__noise .noise__switcher .img__switcher.js-active {
        background-image: url("images/large/2x/animation/noise/btn-on.png");
    }
}

html #CMD .section__inner__noise .img__inner__noise {
    left: 50%;
    margin-top: -200px;
    margin-bottom: 117px;
    margin-left: -1280px;
    width: 2560px;
    height: 700px;
}

#CMD .section__inner__noise .img__inner__noise {
    background-image: url("images/large/1x/animation/innerNoise/bg.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__inner__noise .img__inner__noise {
        background-image: url("images/large/2x/animation/innerNoise/bg.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__inner__noise .img__inner__noise {
        background-image: url("images/large/2x/animation/innerNoise/bg.jpg");
    }
}

html #CMD .section__inner__noise .img__inner__noise svg {
    position: absolute;
    left: 50%;
    opacity: 0;
    width: 60px;
    height: 60px;
    transform: rotate(17deg);
}

html #CMD .section__inner__noise .img__inner__noise svg#people__1 {
    top: 160px;
    margin-left: -360px;
    fill: #e6f27b;
}

html #CMD .section__inner__noise .img__inner__noise svg#people__2 {
    top: 143px;
    margin-left: 288px;
    transform: rotate(-17deg) scale(-1, 1);
    fill: #e6f27b;
}

html #CMD .section__inner__noise .img__inner__noise svg#people__3 {
    top: 222px;
    margin-left: -539px;
    fill: #0f0;
}

html #CMD .section__inner__noise .img__inner__noise svg#people__4 {
    top: 180px;
    margin-left: 468px;
    transform: rotate(-17deg) scale(-1, 1);
    fill: #0f0;
}

html #CMD .section__inner__noise .img__inner__noise svg.js-active {
    -webkit-animation-name: ripple;
    -khtml-animation-name: ripple;
    -moz-animation-name: ripple;
    -ms-animation-name: ripple;
    -o-animation-name: ripple;
    animation-name: ripple;
    -webkit-animation-duration: 650ms;
    -khtml-animation-duration: 650ms;
    -moz-animation-duration: 650ms;
    -ms-animation-duration: 650ms;
    -o-animation-duration: 650ms;
    animation-duration: 650ms;
    -webkit-animation-iteration-count: infinite;
    -khtml-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -khtml-animation-direction: normal;
    -moz-animation-direction: normal;
    -ms-animation-direction: normal;
    -o-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-timing-function: ease-out;
    -khtml-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-delay: 40ms;
    -khtml-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -ms-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms;
}

html #CMD .section__inner__noise .img__inner__noise .screen__animation {
    position: relative;
    top: 287px;
    left: 50%;
    margin-left: -183px;
    width: 346px;
    height: 228px;
}

html #CMD .section__inner__noise .img__inner__noise .screen__animation .voice__level {
    position: absolute;
}

html #CMD .section__inner__noise .img__inner__noise .screen__animation .voice__level .img__interface {
    position: absolute;
    z-index: 90;
    top: 0;
    left: 0;
    width: 130px;
    height: 50px;
}

#CMD .section__inner__noise .img__inner__noise .screen__animation .img__interface {
    background-image: url("images/large/1x/animation/innerNoise/interface.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__inner__noise .img__inner__noise .screen__animation .img__interface {
        background-image: url("images/large/2x/animation/innerNoise/interface.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__inner__noise .img__inner__noise .screen__animation .img__interface {
        background-image: url("images/large/2x/animation/innerNoise/interface.png");
    }
}

html #CMD .section__inner__noise .img__inner__noise .screen__animation .voice__level .default__color {
    position: absolute;
    overflow: hidden;
    z-index: 80;
    top: 2px;
    left: 5px;
    width: 120px;
    height: 46px;
    background-color: #545454;
}

html #CMD .section__inner__noise .img__inner__noise .screen__animation .voice__level .default__color .energy__bar {
    position: absolute;
    z-index: 84;
    top: 0;
    left: 0;
    width: 120px;
    height: 46px;
    background-color: #0f0;
    transform: translateX(-100%);
    animation: none;
}

html #CMD .section__inner__noise .img__inner__noise .screen__animation .voice__level.voice__1 {
    top: 40px;
    left: 14px;
}

html #CMD .section__inner__noise .img__inner__noise .screen__animation .voice__level.voice__2 {
    top: 40px;
    left: 337px;
    transform: scale(-1, 1);
}

html #CMD .section__inner__noise .img__inner__noise .screen__animation .voice__level.voice__3 {
    top: 140px;
    left: 14px;
}

html #CMD .section__inner__noise .img__inner__noise .screen__animation .voice__level.voice__4 {
    top: 140px;
    left: 337px;
    transform: scale(-1, 1);
}

html #CMD .section__inner__noise .img__inner__noise .screen__animation .voice__level.max__level .default__color .energy__bar {
    animation: maxWaveLevel 800ms linear 100ms infinite forwards;
}

html #CMD .section__inner__noise .img__inner__noise .screen__animation .voice__level.weak__level .default__color .energy__bar {
    background-color: #e6f27b;
    animation: weakWaveLevel 800ms linear 100ms infinite forwards;
}

html #CMD .inner-view {
    background: #fff;
}

html #CMD .inner-view .inner-view-container {
    position: relative;
    margin-right: auto;
    margin-left: auto;
}

html #CMD .inner-view .inner-view-container .modal-button {
    background-color: #27a8c8;
    color: #fff;
    border-color: #27a8c8;
}

html #CMD .inner-view .inner-view-container .modal-button:hover {
    background-color: #1694b3;
    color: #fff;
    border-color: #1694b3;
}

html #CMD .inner-view .inner-view-container .inner-modal {
    padding-bottom: 0;
}

html #CMD .inner-view .inner-view-container .inner-modal.modal-display {
    background-color: #161d23;
}

html #CMD .inner-view .inner-view-container .inner-modal.modal-performance {
    background-color: #161d23;
}

html #CMD .inner-view .inner-view-container .inner-modal.modal-user {
    background-color: #0a0f13;
}

html #CMD .inner-view .inner-view-container .inner-modal.modal-connect {
    background-color: #0a0f13;
}

html #CMD .inner-view .inner-view-container .inner-modal.modal-modalSectionNoise {
    background: #2a2a2a;
}

html #CMD .inner-view .inner-view-container .inner-modal.modal-software {
    background-color: #000;
}

html #CMD .inner-view .inner-view-container .wd__section .wd__content {
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
    width: 900px;
}

html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan {
    color: #ffffff;
    position: relative;
    top: 12px;
    left: 0;
}

html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title {
    color: #ffffff;
    font-size: 34px;
}

html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__info {
    color: #ffffff;
}

html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link {
    linkColor: #27a8c8;
    color: #27a8c8;
}

html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link *,
html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link span {
    color: #27a8c8;
}

html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link:after {
    color: #27a8c8;
}

html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link:link {
    color: #27a8c8;
}

html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link:hover span {
    border-bottom: 1px solid #27a8c8;
}

html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan::before,
html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan::after,
html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title::before,
html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title::after {
    display: none;
}

html #CMD .inner-view .inner-view-container .wd__section .wd__content .wd__feature__describe__top,
html #CMD .inner-view .inner-view-container .wd__section .wd__content .wd__feature__describe {
    color: #fff;
}

html #CMD .inner-view .section__btn__home::before {
    background: none;
}

html #CMD .inner-view .icon {
    background-image: url("images/large/1x/inner/icon_def.png");
    margin-top: -10px;
    margin-bottom: 10px;
    width: 62px;
    height: 62px;
    background-size: contain;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    html #CMD .inner-view .icon {
        background-image: url("images/large/2x/inner/icon_def.png");
    }
}

html #CMD #section__inner2_1 {
    padding-top: 132px;
    padding-bottom: 140px;
    background-color: #161d23;
}

html #CMD #section__inner2_1 .img__inner2_1 {
    background-image: url("images/large/1x/inner/s2/01.jpg");
    left: 50%;
    margin-top: -5px;
    margin-left: -680px;
    width: 1360px;
    height: 910px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    html #CMD #section__inner2_1 .img__inner2_1 {
        background-image: url("images/large/2x/inner/s2/01.jpg");
    }
}

html #CMD #section__inner2_1 .compare {
    position: relative;
    margin: 70px auto 0;
    width: 1300px;
}

html #CMD #section__inner2_1 .compare .img__compare-1,
html #CMD #section__inner2_1 .compare .img__compare-2 {
    display: inline-block;
    position: relative;
    margin: 0 6px;
    width: 616px;
    height: 488px;
}

html #CMD #section__inner2_1 .compare .img__compare-1 .compare-text,
html #CMD #section__inner2_1 .compare .img__compare-2 .compare-text {
    position: absolute;
    top: -12px;
    left: 50%;
    margin-left: -150px;
    width: 300px;
    font-size: 32px;
}

html #CMD #section__inner2_1 .compare .img__compare-1 {
    background-image: url("images/large/1x/inner/s2/01_1.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    html #CMD #section__inner2_1 .compare .img__compare-1 {
        background-image: url("images/large/2x/inner/s2/01_1.jpg");
    }
}

html #CMD #section__inner2_1 .compare .img__compare-1 .compare-text {
    color: #878787;
}

html #CMD #section__inner2_1 .compare .img__compare-2 {
    background-image: url("images/large/1x/inner/s2/01_2.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    html #CMD #section__inner2_1 .compare .img__compare-2 {
        background-image: url("images/large/2x/inner/s2/01_2.jpg");
    }
}

html #CMD #section__inner2_1 .compare .img__compare-2 .compare-text {
    color: #00a0e9;
}

html #CMD #section__inner3_1 {
    margin-top: 0;
    padding-top: 75px;
    padding-bottom: 140px;
    background: #151d20;
}

html #CMD #section__inner3_1 .wd__content {
    position: relative;
}

html #CMD #section__inner3_1 .wd__content .content__title {
    color: #fff;
}

html #CMD #section__inner3_1 .wd__content .content__info {
    color: #fff;
}

html #CMD #section__inner3_1 .wd__feature__list {
    margin-top: 35px;
}

html #CMD #section__inner3_1 .wd__feature__list .wd__feature {
    margin: 0 25px 25px;
}

html #CMD #section__inner3_1 .img__inner3_1 {
    position: relative;
    left: 50%;
    margin-top: -230px;
    margin-left: -1280px;
    width: 2560px;
    height: 960px;
}

#CMD .section__inner3_1 .img__inner3_1 {
    background-image: url("images/large/1x/inner/s3/01_bg.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__inner3_1 .img__inner3_1 {
        background-image: url("images/large/2x/inner/s3/01_bg.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__inner3_1 .img__inner3_1 {
        background-image: url("images/large/2x/inner/s3/01_bg.jpg");
    }
}

html #CMD #section__inner7_1 {
    overflow: hidden;
    margin-top: 0;
    margin-bottom: -70px;
    padding-top: 132px;
    background: #0a0f13;
}

html #CMD #section__inner7_1 .wd__content {
    position: absolute;
    left: 50%;
    width: 440px;
    margin-top: 100px;
    margin-left: 150px;
}

html #CMD #section__inner7_1 .wd__content .content__title {
    color: #fff;
}

html #CMD #section__inner7_1 .wd__content .content__info {
    color: #fff;
}

html #CMD #section__inner7_1 .wd__feature__list {
    margin-top: 65px;
}

html #CMD #section__inner7_1 .wd__feature__list .wd__feature {
    width: 125px;
}

html #CMD #section__inner7_1 .wd__feature__list .wd__feature .img__icon2 {
    margin-bottom: 14px;
    width: 76px;
    height: 45px;
}

#CMD .section__inner7_1 .img__icon2 {
    background-image: url("images/large/1x/icons/inner7/icon_4.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__inner7_1 .img__icon2 {
        background-image: url("images/large/2x/icons/inner7/icon_4.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__inner7_1 .img__icon2 {
        background-image: url("images/large/2x/icons/inner7/icon_4.png");
    }
}

html #CMD #section__inner7_1 .img__inner7_1 {
    position: relative;
    left: 50%;
    margin-top: -80px;
    margin-left: -1280px;
    width: 2560px;
    height: 836px;
}

#CMD .section__inner7_1 .img__inner7_1 {
    background-image: url("images/large/1x/inner/s7/01_bg.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__inner7_1 .img__inner7_1 {
        background-image: url("images/large/2x/inner/s7/01_bg.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__inner7_1 .img__inner7_1 {
        background-image: url("images/large/2x/inner/s7/01_bg.jpg");
    }
}

html #CMD #section__inner7_2 {
    overflow: hidden;
    margin-top: 0;
    margin-bottom: -70px;
    padding-top: 70px;
    background: #0a0f13;
}

html #CMD #section__inner7_2 .wd__content {
    position: absolute;
    left: 50%;
    margin-left: -539px;
}

html #CMD #section__inner7_2 .wd__content .content__title {
    color: #fff;
}

html #CMD #section__inner7_2 .wd__content .content__info {
    color: #fff;
    width: 730px;
}

html #CMD #section__inner7_2 .wd__feature__list {
    margin-top: 65px;
}

html #CMD #section__inner7_2 .wd__feature__list .wd__feature {
    width: 125px;
}

html #CMD #section__inner7_2 .wd__feature__list .wd__feature .img__icon1 {
    margin-bottom: 14px;
    width: 80px;
    height: 68px;
}

#CMD .section__inner7_2 .img__icon1 {
    background-image: url("images/large/1x/icons/inner7/icon_1.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__inner7_2 .img__icon1 {
        background-image: url("images/large/2x/icons/inner7/icon_1.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__inner7_2 .img__icon1 {
        background-image: url("images/large/2x/icons/inner7/icon_1.png");
    }
}

html #CMD #section__inner7_2 .wd__feature__list .wd__feature .img__icon2 {
    margin-bottom: 14px;
    width: 80px;
    height: 68px;
}

#CMD .section__inner7_2 .img__icon2 {
    background-image: url("images/large/1x/icons/inner7/icon_2.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__inner7_2 .img__icon2 {
        background-image: url("images/large/2x/icons/inner7/icon_2.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__inner7_2 .img__icon2 {
        background-image: url("images/large/2x/icons/inner7/icon_2.png");
    }
}

html #CMD #section__inner7_2 .wd__feature__list .wd__feature .img__icon3 {
    margin-bottom: 14px;
    width: 80px;
    height: 68px;
}

#CMD .section__inner7_2 .img__icon3 {
    background-image: url("images/large/1x/icons/inner7/icon_3.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__inner7_2 .img__icon3 {
        background-image: url("images/large/2x/icons/inner7/icon_3.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__inner7_2 .img__icon3 {
        background-image: url("images/large/2x/icons/inner7/icon_3.png");
    }
}

html #CMD #section__inner7_2 .img__inner7_2 {
    position: relative;
    left: 50%;
    margin-top: 134px;
    margin-left: -1280px;
    width: 2560px;
    height: 846px;
}

#CMD .section__inner7_2 .img__inner7_2 {
    background-image: url("images/large/1x/inner/s7/02_bg.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__inner7_2 .img__inner7_2 {
        background-image: url("images/large/2x/inner/s7/02_bg.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__inner7_2 .img__inner7_2 {
        background-image: url("images/large/2x/inner/s7/02_bg.jpg");
    }
}

html #CMD #section__inner8_1 {
    margin-bottom: 0;
    padding-top: 132px;
    padding-bottom: 0;
    background: #0a0f15;
}

html #CMD #section__inner8_1 .wd__content {
    position: absolute;
    width: 550px;
    left: 50%;
    margin-left: -15px;
}

html #CMD #section__inner8_1 .wd__content .content__title {
    color: #fff;
}

html #CMD #section__inner8_1 .wd__content .content__info {
    color: #fff;
}

html #CMD #section__inner8_1 .wd__feature__list {
    margin-top: 70px;
}

html #CMD #section__inner8_1 .wd__feature__list .wd__feature {
    margin: 0 22px 50px;
}

html #CMD #section__inner8_1 .wd__feature__list .wd__feature .wd__feature__describe__top,
html #CMD #section__inner8_1 .wd__feature__list .wd__feature .wd__feature__describe {
    color: #fff;
}

html #CMD #section__inner8_1 .img__inner8_1 {
    position: relative;
    left: 50%;
    margin-top: -126px;
    margin-bottom: -20px;
    margin-left: -1280px;
    width: 2560px;
    height: 848px;
}

#CMD .section__inner8_1 .img__inner8_1 {
    background-image: url("images/large/1x/inner/s8/01_bg.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__inner8_1 .img__inner8_1 {
        background-image: url("images/large/2x/inner/s8/01_bg.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__inner8_1 .img__inner8_1 {
        background-image: url("images/large/2x/inner/s8/01_bg.jpg");
    }
}

html #CMD #section__inner8_2 {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 27px;
    background-color: #0a0f13;
}

html #CMD #section__inner8_2 .wd__content .content__title {
    color: #fff;
}

html #CMD #section__inner8_2 .wd__content .content__info {
    color: #fff;
}

html #CMD #section__inner8_2 .wd__content .content__comment {
    width: 630px;
}

html #CMD #section__inner8_2 .wd__feature__list {
    margin-top: 70px;
}

html #CMD #section__inner8_2 .wd__feature__list .wd__feature {
    margin: 0 22px 50px;
}

html #CMD #section__inner8_2 .wd__feature__list .wd__feature .wd__feature__describe__top,
html #CMD #section__inner8_2 .wd__feature__list .wd__feature .wd__feature__describe {
    color: #fff;
}

html #CMD #section__inner8_2 .img__inner8_2 {
    position: relative;
    left: 50%;
    margin-top: -103px;
    margin-bottom: -115px;
    margin-left: -1280px;
    width: 2560px;
    height: 1010px;
}

#CMD .section__inner8_2 .img__inner8_2 {
    background-image: url("images/large/1x/inner/s8/02_bg.jpg");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__inner8_2 .img__inner8_2 {
        background-image: url("images/large/2x/inner/s8/02_bg.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__inner8_2 .img__inner8_2 {
        background-image: url("images/large/2x/inner/s8/02_bg.jpg");
    }
} */

html #CMD #section__inner9_1 {
    overflow: hidden;
    margin-bottom: 0;
    padding-top: 132px;
    background: #000;
}

html #CMD #section__inner9_1 .wd__content {
    position: absolute;
    left: 50%;
    width: 430px;
    margin-left: -548px;
    margin-top: 78px;
}

html #CMD #section__inner9_1 .wd__content .content__title {
    color: #fff;
}

html #CMD #section__inner9_1 .wd__content .content__info {
    color: #fff;
}

html #CMD #section__inner9_1 .img__inner9_1 {
    position: relative;
    left: 50%;
    margin-top: -156px;
    margin-bottom: 0;
    margin-left: -1280px;
    width: 2560px;
    height: 1264px;
}

#CMD .section__inner9_1 .img__inner9_1 {
    background-image: url("images/large/1x/inner/s9/01_bg.jpg");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__inner9_1 .img__inner9_1 {
        background-image: url("images/large/2x/inner/s9/01_bg.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__inner9_1 .img__inner9_1 {
        background-image: url("images/large/2x/inner/s9/01_bg.jpg");
    }
} */

html #CMD #section__inner9_2 {
    overflow: hidden;
    margin-bottom: 0;
    padding-top: 113px;
    background: #060a0d;
}

html #CMD #section__inner9_2 .wd__content .content__title {
    color: #fff;
}

html #CMD #section__inner9_2 .wd__content .content__info {
    color: #fff;
}

html #CMD #section__inner9_2 .img__inner9_2 {
    position: relative;
    left: 50%;
    margin-top: -150px;
    margin-bottom: -162px;
    margin-left: -1280px;
    width: 2560px;
    height: 1264px;
}

#CMD .section__inner9_2 .img__inner9_2 {
    background-image: url("images/large/1x/inner/s9/02_bg.jpg");
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__inner9_2 .img__inner9_2 {
        background-image: url("images/large/2x/inner/s9/02_bg.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__inner9_2 .img__inner9_2 {
        background-image: url("images/large/2x/inner/s9/02_bg.jpg");
    }
} */

html #CMD #section__inner9_2 .img__inner9_2 #video-s9i2-big {
    top: 237px;
    left: 52px;
    width: 839px;
    height: 469px;
}

html #CMD #section__inner9_2 .img__inner9_2 #video-s9i2-small {
    top: 389px;
    left: 28px;
    width: 517px;
    height: 325px;
}

html #CMD .section__adobeBanner .banner__container .wd__content {
    position: relative;
    z-index: 9;
}

html #CMD .section__adobeBanner .banner__container .wd__content .content__title {
    margin-top: 0;
    color: #000;
}

html #CMD .section__adobeBanner .banner__container .wd__content .content__info {
    color: #000;
}

html #CMD .section__adobeBanner .banner__container .wd__content .content__link,
html #CMD .section__adobeBanner .banner__container .wd__content .content__link * {
    color: #000;
}

html #CMD .section__adobeBanner .banner__container .wd__content .content__link::after {
    color: #000;
}

html #CMD .section__adobeBanner .banner__container .wd__content .content__link:hover span {
    border-bottom: 1px solid #000;
}

html #CMD .section__adobeBanner {
    background-color: #fff;
}

html #CMD .section__adobeBanner .banner__container .banner__item {
    position: relative;
    background-color: #fef8e0;
}

html #CMD .section__adobeBanner .banner__container .img__main {
    z-index: 1;
    font-size: 0;
    background-size: contain;
}

html #CMD #pdc.odin {
    z-index: 1;
    background-color: #e6e6e6;
}

html #CMD #pdc.odin .pdc-space-start {
    display: flex;
}

html #CMD #pdc.odin .pdc-space-end {
    display: flex;
}

html #CMD #pdc.odin .product_gallery,
html #CMD #pdc.odin .product_awards,
html #CMD #pdc.odin .product_videos,
html #CMD #pdc.odin .product_medias {
    background-color: transparent;
}

html #CMD #pdc.odin .product_awards .splide__pagination::after,
html #CMD #pdc.odin .product_medias .splide__pagination::after,
html #CMD #pdc.odin .product_videos .splide__pagination::after {
    background-color: #27a8c8;
}

html #CMD #pdc.odin .splide__pagination li .splide__pagination__page.is-active::after {
    background-color: #27a8c8;
}

html #CMD #pdc.odin .product_awards .awards-container .awards-seeall {
    color: #27a8c8;
}

html #CMD #pdc.odin .product_awards .awards-container .awards-seeall {
    color: #27a8c8;
}

html #CMD #pdc.odin .product_videos .videos-container .videos-seeall {
    color: #27a8c8;
}

html #CMD #pdc.odin .product_videos .videos-container .videos-seeall {
    color: #27a8c8;
}

html #CMD #pdc.odin .product_medias .medias-container .medias-seeall {
    color: #27a8c8;
}

html #CMD #pdc.odin .product_medias .medias-container .medias-seeall {
    color: #27a8c8;
}

html #CMD #pdc.odin .arrow_link::after {
    display: none;
}

html #CMD #pdc.odin .seeall_arrow-svg {
    stroke: #27a8c8;
}

html #CMD #pdc.odin .product_medias .medias-container .medias-carousel {
    background-color: transparent;
}

html #CMD #pdc.odin .product_medias .medias-container .medias-carousel .splide__track {
    background-color: #f5f5f5;
}

html #CMD #pdc.odin .product_awards .awards-container .awards-carousel {
    background-color: transparent;
}

html #CMD #pdc.odin .product_awards .awards-container .awards-carousel .splide__track {
    background-color: #f5f5f5;
}

html #CMD #pdc.odin .product_videos .videos-container .videos-carousel,
html #CMD #pdc.odin .product_videos .videos-container .videos-carousel .splide__track {
    background-color: transparent;
}

html #CMD #pdc.odin .product_videos .videos-container .videos-carousel .videos-item .item-content {
    background-color: #f5f5f5;
}

html #CMD #pdc.odin .product_awards .splide__pagination::after,
html #CMD #pdc.odin .product_medias .splide__pagination::after,
html #CMD #pdc.odin .product_videos .splide__pagination::after {
    background: #27a8c8;
}

html #CMD #pdc.odin .arrow_link::before {
    background: #27a8c8;
}

html #CMD #pdc.odin .product_awards.theme-white .awards-container .awards-seeall,
html #CMD #pdc.odin .product_awards .awards-container .awards-seeall,
html #CMD #pdc.odin .product_videos.theme-white .videos-container .videos-seeall,
html #CMD #pdc.odin .product_videos .awards-container .awards-seeall,
html #CMD #pdc.odin .product_medias.theme-white .medias-container .medias-seeall,
html #CMD #pdc.odin .product_medias .awards-container .awards-seeall {
    color: #27a8c8;
}

html #CMD #pdc.odin .product_awards.total-pagination-1 .splide__pagination li .splide__pagination__page.is-active::after,
html #CMD #pdc.odin .product_awards.total-pagination-2 .splide__pagination li .splide__pagination__page.is-active::after,
html #CMD #pdc.odin .product_awards.total-pagination-3 .splide__pagination li .splide__pagination__page.is-active::after,
html #CMD #pdc.odin .product_awards.total-pagination-4 .splide__pagination li .splide__pagination__page.is-active::after,
html #CMD #pdc.odin .product_medias.total-pagination-1 .splide__pagination li .splide__pagination__page.is-active::after,
html #CMD #pdc.odin .product_medias.total-pagination-2 .splide__pagination li .splide__pagination__page.is-active::after,
html #CMD #pdc.odin .product_medias.total-pagination-3 .splide__pagination li .splide__pagination__page.is-active::after,
html #CMD #pdc.odin .product_medias.total-pagination-4 .splide__pagination li .splide__pagination__page.is-active::after,
html #CMD #pdc.odin .product_videos.total-pagination-1 .splide__pagination li .splide__pagination__page.is-active::after,
html #CMD #pdc.odin .product_videos.total-pagination-2 .splide__pagination li .splide__pagination__page.is-active::after,
html #CMD #pdc.odin .product_videos.total-pagination-3 .splide__pagination li .splide__pagination__page.is-active::after,
html #CMD #pdc.odin .product_videos.total-pagination-4 .splide__pagination li .splide__pagination__page.is-active::after {
    background-color: #27a8c8;
}

html #CMD #pdc.odin .seeall_arrow-svg {
    stroke: #27a8c8;
}

@media all and (min-width: 1280px) {
    html #CMD #pdc.odin .pdc-space-start {
        padding-top: 210px;
    }
    html #CMD #pdc.odin .pdc-space-end {
        margin-bottom: 0;
        padding-bottom: 26px;
    }
}

@media all and (max-width: 1279.5px) and (min-width: 731px) {
    html #CMD #pdc.odin .pdc-space-start {
        margin-top: 0;
        padding-top: 110px;
    }
    html #CMD #pdc.odin .pdc-space-end {
        margin-bottom: 0;
        padding-bottom: 20px;
    }
}

@media all and (max-width: 730.5px) {
    html #CMD #pdc.odin .pdc-space-start {
        margin-top: 0;
        padding-top: 25px;
    }
    html #CMD #pdc.odin .pdc-space-end {
        margin-bottom: -20px;
        padding-bottom: 0;
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD .large_use {
        display: block;
    }
    html #CMD .large_unuse {
        display: none;
    }
    html #CMD .section__display {
        overflow: hidden;
    }
    html #CMD .section__display .img__display .img-mask {
        position: absolute;
        z-index: 80;
        top: 709px;
        left: 50%;
        margin-left: -569px;
        width: 1140px;
        height: 644px;
    }
    #CMD .section__display .img-mask {
        background-image: url("images/mask.png");
    }
}


/* @media all and (min-width: 1280px) and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 1280px) and (min-width: 1280px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__display .img-mask {
        background-image: url("images/mask.webp");
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 1280px) and (min-width: 1280px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__display .img-mask {
        background-image: url("images/mask.png");
    }
} */

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD .section__display .img__display #lake-displacement {
        position: absolute;
        z-index: 70;
        top: 1083px;
        left: 50%;
        margin-left: -535px;
        width: 1070px;
        height: 250px;
    }
    html #CMD .section__display .img__display figure.birds {
        background-image: url("images/bird.gif");
        position: absolute;
        z-index: 84;
        left: 50%;
        background-size: cover;
    }
}


/* @media all and (min-width: 1280px) and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 1280px) and (min-width: 1280px) and (min-resolution: 144dpi) {
    html #CMD .section__display .img__display figure.birds {
        background-image: url("images/bird.gif");
    }
} */

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD .section__display .img__display figure.birds.img__bird1 {
        top: 910px;
        margin-left: -330px;
        width: 130px;
        height: 48px;
    }
    html #CMD .section__display .img__display figure.birds.img__bird2 {
        top: 850px;
        margin-left: 230px;
        width: 100px;
        height: 36px;
        transform: scale(-1, 1);
    }
    html #CMD .section__aipt_2 .grid__table .table-col.content-right .row-right {
        margin-left: -100%;
    }
    html #CMD .section__aipt_2 .grid__table .table-col.col-1 .ani-detect {
        top: 55%;
    }
    html #CMD .section__aipt_2 .grid__table .table-col.col-2 .ani-detect {
        top: 55%;
    }
    html #CMD .section__aipt_2 .grid__table .table-col.col-3 .table-row .wd__feature__list {
        margin-bottom: -50px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar {
        position: absolute;
        z-index: 120;
        top: 809px;
        left: 50%;
        opacity: 1;
        margin-left: -960px;
        width: 1920px;
        height: 300px;
        background: linear-gradient(to right, #ebeff2 0%, #bacfea 15%, #bacfea 85%, #ebeff2 100%);
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content {
        opacity: 1;
        margin: 45px auto 0;
        width: 100%;
        max-width: 1280px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem {
        margin: 0 auto;
        width: 1280px;
        height: 124px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li {
        position: relative;
        cursor: pointer;
        float: left;
        list-style-type: none;
        margin: 0 25px;
        padding-top: 93px;
        width: 110px;
        height: 40px;
        color: #000;
        font-size: 16px;
        transform: translateY(0);
        transition: color 600ms linear, transform 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li span {
        display: block;
        margin-right: auto;
        margin-left: auto;
        width: 90px;
        text-align: center;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li.selected {
        color: #000;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li:hover {
        color: #000;
        transform: translateY(-10px);
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_1:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        height: 85px;
        content: '';
        background-size: cover;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_1:before {
        background-image: url("images/large/1x/icons/screenpad_1/icon1.png");
    }
}


/* @media all and (min-width: 1280px) and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 1280px) and (min-width: 1280px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_1:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon1.webp");
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 1280px) and (min-width: 1280px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_1:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon1.png");
    }
} */

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_2:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        height: 85px;
        content: '';
        background-size: cover;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_2:before {
        background-image: url("images/large/1x/icons/screenpad_1/icon2.png");
    }
}


/* @media all and (min-width: 1280px) and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 1280px) and (min-width: 1280px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_2:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon2.webp");
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 1280px) and (min-width: 1280px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_2:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon2.png");
    }
} */

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_3:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        height: 85px;
        content: '';
        background-size: cover;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_3:before {
        background-image: url("images/large/1x/icons/screenpad_1/icon3.png");
    }
}


/* @media all and (min-width: 1280px) and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 1280px) and (min-width: 1280px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_3:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon3.webp");
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 1280px) and (min-width: 1280px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_3:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon3.png");
    }
} */

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_4:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        height: 85px;
        content: '';
        background-size: cover;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_4:before {
        background-image: url("images/large/1x/icons/screenpad_1/icon4.png");
    }
}


/* @media all and (min-width: 1280px) and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 1280px) and (min-width: 1280px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_4:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon4.webp");
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 1280px) and (min-width: 1280px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_4:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon4.png");
    }
} */

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_5:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        height: 85px;
        content: '';
        background-size: cover;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_5:before {
        background-image: url("images/large/1x/icons/screenpad_1/icon5.png");
    }
}


/* @media all and (min-width: 1280px) and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 1280px) and (min-width: 1280px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_5:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon5.webp");
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 1280px) and (min-width: 1280px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_5:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon5.png");
    }
} */

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_6:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        height: 85px;
        content: '';
        background-size: cover;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_6:before {
        background-image: url("images/large/1x/icons/screenpad_1/icon6.png");
    }
}


/* @media all and (min-width: 1280px) and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 1280px) and (min-width: 1280px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_6:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon6.webp");
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 1280px) and (min-width: 1280px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_6:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon6.png");
    }
} */

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_7:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        height: 85px;
        content: '';
        background-size: cover;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_7:before {
        background-image: url("images/large/1x/icons/screenpad_1/icon7.png");
    }
}


/* @media all and (min-width: 1280px) and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 1280px) and (min-width: 1280px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_7:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon7.webp");
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 1280px) and (min-width: 1280px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_7:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon7.png");
    }
} */

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_8:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        height: 85px;
        content: '';
        background-size: cover;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_8:before {
        background-image: url("images/large/1x/icons/screenpad_1/icon8.png");
    }
}


/* @media all and (min-width: 1280px) and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 1280px) and (min-width: 1280px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_8:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon8.webp");
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 1280px) and (min-width: 1280px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_8:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon8.png");
    }
} */

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navLine {
        position: relative;
        margin-top: 3px;
        width: 100%;
        max-width: 1280px;
        border-bottom: 1px solid #000;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navLine div {
        display: block;
        position: absolute;
        top: -2px;
        left: 0;
        width: 80px;
        height: 2px;
        background: #000;
        transform: translate3d(0, 0, 0);
        transition: transform 200ms ease-in-out;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navText {
        position: relative;
        left: 50%;
        margin-top: 15px;
        margin-left: -500px;
        width: 100%;
        max-width: 1000px;
        font-size: 20px;
        text-align: center;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navText span {
        display: block;
        position: absolute;
        right: 0;
        left: 0;
        opacity: 0;
        margin: 0 auto;
        color: #000;
        transition: opacity 200ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navText span.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen {
        position: absolute;
        z-index: 100;
        top: 398px;
        left: 50%;
        margin-left: -591px;
        width: 1184px;
        height: 327px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen::before {
        display: block;
        position: absolute;
        z-index: 999;
        top: -71px;
        left: -17px;
        content: '';
        width: 1218px;
        height: 436px;
        background-size: cover;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen:before {
        background-image: url("images/large/1x/animation/screenpad_1/mask.png");
    }
}


/* @media all and (min-width: 1280px) and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 1280px) and (min-width: 1280px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen:before {
        background-image: url("images/large/2x/animation/screenpad_1/mask.webp");
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 1280px) and (min-width: 1280px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen:before {
        background-image: url("images/large/2x/animation/screenpad_1/mask.png");
    }
} */

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_1,
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_2 {
        background-image: none;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_1 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 1184px;
        height: 327px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_1.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_2 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 1184px;
        height: 327px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_2.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_3 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 1184px;
        height: 327px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_3.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_4 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 1184px;
        height: 327px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_4.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_5 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 1184px;
        height: 327px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_5.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_6 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 1184px;
        height: 327px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_6.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_7 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 1184px;
        height: 327px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_7.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_8 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 1184px;
        height: 327px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_8.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen {
        position: absolute;
        z-index: 100;
        top: 1122px;
        left: 50%;
        margin-left: -209px;
        width: 417px;
        height: 191px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen::before {
        display: block;
        position: absolute;
        z-index: 999;
        top: -18px;
        left: -31px;
        content: '';
        width: 480px;
        height: 220px;
        background-size: cover;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen:before {
        background-image: url("images/large/1x/animation/screenpad_1/mask_pad.png");
    }
}


/* @media all and (min-width: 1280px) and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 1280px) and (min-width: 1280px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen:before {
        background-image: url("images/large/2x/animation/screenpad_1/mask_pad.webp");
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 1280px) and (min-width: 1280px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen:before {
        background-image: url("images/large/2x/animation/screenpad_1/mask_pad.png");
    }
} */

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_1 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 417px;
        height: 191px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_1.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_2 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 417px;
        height: 191px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_2.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_3 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 417px;
        height: 191px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_3.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_4 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 417px;
        height: 191px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_4.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_5 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 417px;
        height: 191px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_5.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_6 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 417px;
        height: 191px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_6.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_7 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 417px;
        height: 191px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_7.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_8 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 417px;
        height: 191px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_8.showed {
        opacity: 1;
    }
    html #CMD #section__inner2_1 .img__inner2_1 .img__interface {
        background-image: url("images/large/1x/animation/inner2/interface.jpg");
        position: absolute;
        overflow: hidden;
        top: 97px;
        left: 50%;
        margin-left: -450px;
        width: 898px;
        height: 557px;
    }
}


/* @media all and (min-width: 1280px) and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 1280px) and (min-width: 1280px) and (min-resolution: 144dpi) {
    html #CMD #section__inner2_1 .img__inner2_1 .img__interface {
        background-image: url("images/large/2x/animation/inner2/interface.jpg");
    }
} */

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD #section__inner2_1 .img__inner2_1 .img__toolbar {
        background-image: url("images/large/1x/animation/inner2/toolbar.jpg");
        position: absolute;
        bottom: 0;
        width: 1360px;
        height: 265px;
    }
}


/* @media all and (min-width: 1280px) and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 1280px) and (min-width: 1280px) and (min-resolution: 144dpi) {
    html #CMD #section__inner2_1 .img__inner2_1 .img__toolbar {
        background-image: url("images/large/2x/animation/inner2/toolbar.jpg");
    }
} */

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD #section__inner2_1 .img__inner2_1 .line__blue {
        position: absolute;
        z-index: 104;
        top: 71px;
        left: 50%;
        margin-left: -501px;
        width: 982px;
        height: 624px;
    }
    html #CMD #section__inner2_1 .img__inner2_1 .line__blue text {
        font-size: 100px;
        filter: url(#glow);
    }
    html #CMD #section__inner2_1 .img__inner2_1 .line__blue .path {
        stroke: #27a8c8;
        stroke-width: 5;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-dashoffset: 6000;
        stroke-dasharray: 6000;
        filter: url(#glow);
    }
    html #CMD #section__inner2_1 .img__inner2_1 .line__blue .path {
        stroke: #27a8c8;
    }
    html #CMD #section__inner2_1 .img__inner2_1::after {
        display: block;
        position: absolute;
        content: '';
        z-index: 100;
        top: 95px;
        left: 50%;
        margin-left: -450px;
        width: 897px;
        height: 565px;
        border-radius: 10px 10px 0 0;
        background-color: rgba(0, 0, 0, 0.5);
    }
    html #CMD .section__inner2_1 .img__inner2_1 .img__toolbar {
        transform: translateY(-31px) translateZ(0);
        transition: none;
    }
    html #CMD .section__inner2_1 .img__inner2_1 .line__blue {
        opacity: 1;
        transition: none;
        fill: transparent;
    }
    html #CMD .section__inner2_1 .img__inner2_1 .line__blue text {
        opacity: 0;
        transition: none;
    }
    html #CMD .section__inner2_1 .img__inner2_1 .line__blue .path {
        stroke-dashoffset: 6000;
        transition: none;
    }
    html #CMD .section__inner2_1 .img__inner2_1 .line__blue.fadeOut {
        opacity: 0;
    }
    html #CMD .section__inner2_1 .img__inner2_1::after {
        opacity: 0;
        transition: none;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step1 .img__toolbar {
        transform: translateY(15px) translateZ(0);
        transition: transform 600ms ease 400ms;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2::after {
        opacity: 1;
        transition: opacity 800ms ease;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2 .img__toolbar {
        transform: translateY(15px) translateZ(0);
        transition: transform 600ms ease 400ms;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2 .line__blue {
        transition: opacity 650ms;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2 .line__blue text {
        opacity: 1;
        transition: opacity 1000ms ease 1600ms;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2 .line__blue .path {
        stroke-dashoffset: 2000 !important;
        transition: stroke-dashoffset 2000ms ease 800ms;
    }
    html #CMD .section__adobeBanner {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    html #CMD .section__adobeBanner .banner__container .banner__item {
        min-height: 664px;
    }
    html #CMD .section__adobeBanner .banner__container .wd__content {
        top: 0;
        left: 50%;
        margin-left: -560px;
        padding-top: 178px;
        padding-bottom: 60px;
        width: 450px;
    }
    html #CMD .section__adobeBanner .banner__container {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 2560px;
    }
    html #CMD .section__adobeBanner .banner__container .banner__item {
        position: relative;
        left: 50%;
        margin-left: -1280px;
        width: 2560px;
    }
    html #CMD .section__adobeBanner .banner__container .img__main {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 0;
        width: 2560px;
        height: 664px;
        background-position: bottom;
    }
    #CMD .section__adobeBanner .img__main {
        background-image: url("images/adobe_banner_creativecloud.jpg");
    }
}


/* @media all and (min-width: 1280px) and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 1280px) and (min-width: 1280px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__adobeBanner .img__main {
        background-image: url("images/adobe_banner_creativecloud.webp");
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 1280px) and (min-width: 1280px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__adobeBanner .img__main {
        background-image: url("images/adobe_banner_creativecloud.jpg");
    }
} */

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD .section__adobeBanner+.section__comment {
        margin-top: 0;
        padding-top: 66px;
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD.odin .section__kv .img__badge-rtx {
        margin-top: 80px;
    }
}

@media all and (min-width: 1280px) {
    html #CMD.odin .section__kv .img__badge-rtx {
        margin-top: 80px;
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .wd__section .medium_use {
        display: block;
    }
    html #CMD .wd__section .medium_unuse {
        display: none;
    }
    html #CMD .wd__section .no__wrap {
        display: inline-block;
        white-space: nowrap;
    }
    html #CMD .wd__section .wd__content {
        left: 0;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        width: 85%;
        max-width: 760px;
    }
    html #CMD .wd__section .wd__content .content__slogan {
        font-size: 20px;
        letter-spacing: 2.6px;
    }
    html #CMD .wd__section .wd__content .content__title {
        font-size: 36px;
        margin-top: 10px;
    }
    html #CMD .wd__section .wd__content .content__info {
        margin-top: 16px;
        font-size: 20px;
        line-height: 1.5;
    }
    html #CMD .wd__section .wd__content .content__link {
        font-size: 20px;
        margin-top: 9px;
    }
    html #CMD .wd__section .wd__feature__list {
        margin-top: 43px;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature {
        vertical-align: top;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 48px;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__data span {
        font-size: 22px;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top {
        font-size: 13px;
        margin-bottom: 6px;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__describe span {
        font-size: 13px;
    }
    html #CMD .wd__section .wd__link__arrow::after {
        padding-left: 5px;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-en {
        bottom: -9px;
        margin-top: -17px;
        font-size: 40px;
    }
    html #CMD .wd__section .wd__content.main-content .content__slogan::before {
        display: block;
        position: absolute;
        top: -13px;
        width: 171px;
        height: 62px;
        content: '';
    }
    html #CMD .wd__section .wd__content.main-content.medium__text-center {
        text-align: center;
    }
    html #CMD .wd__section .wd__content.main-content.medium__text-center .content__slogan::before {
        left: 50%;
        transform: translateX(-50%);
    }
    html #CMD .wd__section .wd__content.main-content .content__title::after {
        bottom: -47px;
    }
    html #CMD .wd__section .wd__content.main-content.medium__text-center .content__title::after {
        left: 50%;
        transform: translateX(-50%) skew(-60deg);
    }
    html #CMD #section__inner2_1 .img__inner2_1 .img__interface {
        background-image: url("images/large/1x/animation/inner2/interface.jpg");
        position: absolute;
        overflow: hidden;
        top: 97px;
        left: 50%;
        margin-left: -450px;
        width: 898px;
        height: 557px;
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    html #CMD #section__inner2_1 .img__inner2_1 .img__interface {
        background-image: url("images/large/2x/animation/inner2/interface.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner2_1 .img__inner2_1 .img__toolbar {
        background-image: url("images/large/1x/animation/inner2/toolbar.jpg");
        position: absolute;
        bottom: 0;
        width: 1360px;
        height: 265px;
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    html #CMD #section__inner2_1 .img__inner2_1 .img__toolbar {
        background-image: url("images/large/2x/animation/inner2/toolbar.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner2_1 .img__inner2_1 .line__blue {
        position: absolute;
        z-index: 104;
        top: 71px;
        left: 50%;
        margin-left: -501px;
        width: 982px;
        height: 624px;
    }
    html #CMD #section__inner2_1 .img__inner2_1 .line__blue text {
        font-size: 100px;
        filter: url(#glow);
    }
    html #CMD #section__inner2_1 .img__inner2_1 .line__blue .path {
        stroke: #27a8c8;
        stroke-width: 5;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-dashoffset: 6000;
        stroke-dasharray: 6000;
        filter: url(#glow);
    }
    html #CMD #section__inner2_1 .img__inner2_1 .line__blue .path {
        stroke: #27a8c8;
    }
    html #CMD #section__inner2_1 .img__inner2_1::after {
        display: block;
        position: absolute;
        content: '';
        z-index: 100;
        top: 95px;
        left: 50%;
        margin-left: -450px;
        width: 897px;
        height: 565px;
        border-radius: 10px 10px 0 0;
        background-color: rgba(0, 0, 0, 0.5);
    }
    html #CMD .section__inner2_1 .img__inner2_1 .img__toolbar {
        transform: translateY(-31px) translateZ(0);
        transition: none;
    }
    html #CMD .section__inner2_1 .img__inner2_1 .line__blue {
        opacity: 1;
        transition: none;
        fill: transparent;
    }
    html #CMD .section__inner2_1 .img__inner2_1 .line__blue text {
        opacity: 0;
        transition: none;
    }
    html #CMD .section__inner2_1 .img__inner2_1 .line__blue .path {
        stroke-dashoffset: 6000;
        transition: none;
    }
    html #CMD .section__inner2_1 .img__inner2_1 .line__blue.fadeOut {
        opacity: 0;
    }
    html #CMD .section__inner2_1 .img__inner2_1::after {
        opacity: 0;
        transition: none;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step1 .img__toolbar {
        transform: translateY(15px) translateZ(0);
        transition: transform 600ms ease 400ms;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2::after {
        opacity: 1;
        transition: opacity 800ms ease;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2 .img__toolbar {
        transform: translateY(15px) translateZ(0);
        transition: transform 600ms ease 400ms;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2 .line__blue {
        transition: opacity 650ms;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2 .line__blue text {
        opacity: 1;
        transition: opacity 1000ms ease 1600ms;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2 .line__blue .path {
        stroke-dashoffset: 2000 !important;
        transition: stroke-dashoffset 2000ms ease 800ms;
    }
    html #CMD .section__kv {
        overflow: hidden;
        padding-top: 65px;
        padding-bottom: 65px;
    }
    html #CMD .section__kv .wd__content {
        margin-top: 48px;
        padding-left: 0;
        width: 95%;
        max-width: 970px;
    }
    html #CMD .section__kv .wd__content .content__slogan {
        font-size: 53px;
        letter-spacing: -1.1px;
    }
    html #CMD .section__kv .wd__content .content__title {
        margin-top: 0;
        font-size: 46px;
        font-weight: 200;
    }
    html #CMD .section__kv .wd__content .content__info {
        width: 100%;
        margin-top: 31px;
        font-size: 24px;
        line-height: 1.6;
    }
    html #CMD .section__kv .img__kv {
        left: 50%;
        margin-top: -125px;
        margin-left: -650px;
        width: 1300px;
        height: 920px;
    }
    #CMD .section__kv .img__kv {
        background-image: url("images/kv\ \(1\).jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__kv .img__kv {
        background-image: url("images/kv\ \(1\).jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__kv .img__kv {
        background-image: url("images/kv\ \(1\).jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__kv .vr__screen {
        margin-top: -259px;
    }
    html #CMD .section__ksp {
        padding-top: 55px;
        padding-bottom: 35px;
    }
    html #CMD .section__ksp .grid__layout {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
    }
    html #CMD .section__ksp .grid__layout .grid-item {
        border-radius: 10px;
        min-height: 200px;
    }
    html #CMD .section__ksp .ksp__layout .grid-item-0 .item_block {
        margin-right: auto;
        margin-left: auto;
        max-width: 100%;
    }
    html #CMD .section__ksp .ksp__layout .grid-item-0 .item_image {
        top: 0;
        left: 5px;
    }
    html #CMD .section__ksp .ksp__layout .grid-item-0 .img__block {
        position: absolute;
        width: 519px;
        height: 435px;
    }
    #CMD .section__ksp .grid-item-0 .img__block {
        background-image: url("images/kv\ \(1\).jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__ksp .grid-item-0 .img__block {
        background-image: url("images/kv\ \(1\).jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__ksp .grid-item-0 .img__block {
        background-image: url("images/kv\ \(1\).jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__ksp .ksp__layout .grid__layout .grid-item-1.grid-item-wdFeature {
        min-height: 1px;
    }
    html #CMD .section__ksp .ksp__layout .grid-item-6 {
        min-height: 240px;
    }
    html #CMD .section__ksp .ksp__layout .grid-item-6 .item_block {
        height: 100%;
    }
    html #CMD .section__ksp .ksp__layout .grid-item-6 .img__block {
        margin-top: -40px;
        margin-left: -16px;
        width: 358px;
        height: 265px;
    }
    html #CMD .section__ksp .ksp__layout .grid-item-7 {
        min-height: 320px;
    }
    html #CMD .section__ksp .ksp__layout .grid-item-7 .item_block {
        margin-right: auto;
        margin-left: auto;
    }
    html #CMD .section__ksp .ksp__layout .grid-item-7 .img__block {
        width: 960px;
        height: 70px;
    }
    html #CMD .section__display {
        overflow: hidden;
        margin-top: 0;
        padding-top: 65px;
        padding-bottom: 50px;
    }
    html #CMD .section__display .wd__content .content__title {
        width: 95%;
    }
    html #CMD .section__display .wd__content .content__info {
        width: 100%;
        max-width: 780px;
    }
    html #CMD .section__display .wd__feature__list {
        margin: 43px auto 0;
        max-width: 670px;
    }
    html #CMD .section__display .wd__feature__list.list-1 {
        margin-top: 47px;
    }
    html #CMD .section__display .wd__feature__list.list-2 {
        margin-top: -2px;
    }
    html #CMD .section__display .wd__feature__list .wd__feature {
        margin-right: 20px;
        margin-left: 20px;
        vertical-align: bottom;
    }
    html #CMD .section__display .img__display {
        position: relative;
        left: 50%;
        margin-top: 17px;
        margin-left: -400px;
        width: 800px;
        height: 550px;
    }
    #CMD .section__display .img__display {
        background-image: url("images/s2.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__display .img__display {
        background-image: url("images/s2.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__display .img__display {
        background-image: url("images/s2.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__display .modal-button-container {
        margin-top: -60px;
    }
    html #CMD .section__performance {
        overflow: hidden;
        margin-top: 0;
        margin-bottom: -30px;
        padding-top: 80px;
        padding-bottom: 0;
    }
    html #CMD .section__performance .wd__content .content__info {
        width: 100%;
    }
    html #CMD .section__performance .wd__feature__list {
        margin: 43px auto 0;
        width: 100%;
        max-width: 690px;
    }
    html #CMD .section__performance .wd__feature__list .wd__feature {
        margin: 0 18px 50px;
    }
    html #CMD .section__performance .wd__feature__list .wd__feature.feature-1 {
        margin-right: 0;
        margin-bottom: 25px;
        margin-left: 0;
        width: 100%;
    }
    html #CMD .section__performance .special__comment {
        margin-top: -60px;
        margin-left: -240px;
        width: 480px;
        text-align: center;
    }
    html #CMD .section__performance .img__performance {
        position: relative;
        left: 50%;
        margin-top: -103px;
        margin-left: -381px;
        width: 830px;
        height: 771px;
    }
    #CMD .section__performance .img__performance {
        background-image: url("images/s3.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__performance .img__performance {
        background-image: url("images/s3.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__performance .img__performance {
        background-image: url("images/s3.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__performance .modal-button-container {
        margin-top: -30px;
    }
    html #CMD .section__highlights {
        padding-top: 160px;
        padding-bottom: 9px;
    }
    html #CMD .section__highlights .wd__content .content__info {
        width: 100%;
    }
    #CMD .img__list__block .item-0 .item__img {
        background-image: url("images/color__0.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .img__list__block .item-0 .item__img {
        background-image: url("images/color__0.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .img__list__block .item-0 .item__img {
        background-image: url("images/color__0.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .img__list__block .item-1 .item__img {
        background-image: url("images/color__1.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .img__list__block .item-1 .item__img {
        background-image: url("images/color__1.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .img__list__block .item-1 .item__img {
        background-image: url("images/color__1.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .img__list__block .item-2 .item__img {
        background-image: url("images/color__2.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .img__list__block .item-2 .item__img {
        background-image: url("images/color__2.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .img__list__block .item-2 .item__img {
        background-image: url("images/color__2.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .img__list__block .item-3 .item__img {
        background-image: url("images/color__3.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .img__list__block .item-3 .item__img {
        background-image: url("images/color__3.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .img__list__block .item-3 .item__img {
        background-image: url("images/color__3.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .img__list__block .item-4 .item__img {
        background-image: url("images/color__4.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .img__list__block .item-4 .item__img {
        background-image: url("images/color__4.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .img__list__block .item-4 .item__img {
        background-image: url("images/color__4.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .img__list__block .item-5 .item__img {
        background-image: url("images/color__5.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .img__list__block .item-5 .item__img {
        background-image: url("images/color__5.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .img__list__block .item-5 .item__img {
        background-image: url("images/color__5.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .img__list__block .item-6 .item__img {
        background-image: url("images/color__6.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .img__list__block .item-6 .item__img {
        background-image: url("images/color__6.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .img__list__block .item-6 .item__img {
        background-image: url("images/color__6.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__highlights .img__list__block .slick-arrow {
        top: 117px;
        width: 55px;
        height: 100px;
    }
    html #CMD .section__highlights .img__list__block .slick-prev::before,
    html #CMD .section__highlights .img__list__block .slick-next::before {
        top: 35px;
        left: 20px;
    }
    html #CMD .section__highlights .img__list__block .slick-prev {
        margin-left: -294px;
    }
    html #CMD .section__highlights .img__list__block .slick-prev::before {
        left: 16px;
    }
    html #CMD .section__highlights .img__list__block .slick-next {
        margin-left: 240px;
    }
    html #CMD .section__highlights .wd__list__color {
        margin-top: 64px;
    }
    html #CMD .section__highlights .img__list__block .item__img {
        width: 464px;
        height: 344px;
    }
    html #CMD .section__highlights .img__list__block .item__desc {
        padding: 35px 15px;
        width: 464px;
    }
    html #CMD .section__highlights .img__list__block .item__desc::before {
        height: 240px;
        background-color: transparent;
    }
    html #CMD .section__color {
        overflow: hidden;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    html #CMD .section__color .nav-slick {
        margin-top: 40px;
        margin-left: -10px;
    }
    html #CMD .section__color .nav-slick .nav {
        display: inline-block;
        cursor: pointer;
        margin: 0 10px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }
    html #CMD .section__color .nav-slick .nav#nav1 {
        background: #000;
    }
    html #CMD .section__color .nav-slick .nav#nav2 {
        background: #d4c6d8;
    }
    html #CMD .section__color .nav-slick .nav.js-selected {
        border: 2px solid #fff;
    }
    html #CMD .section__color .img__color {
        position: relative;
        left: 50%;
        margin-top: 0;
        margin-left: -640px;
        width: 1280px;
        height: 1052px;
    }
    html #CMD .section__color .img__color .slick-content {
        margin-top: 0;
        width: 1280px;
        height: 1052px;
    }
    html #CMD .section__color .img__color .slick-content figure {
        position: absolute;
        top: 0;
        left: 0;
        margin-top: -126px;
        width: 1280px;
        height: 1052px;
    }
    html #CMD .section__color .img__color .slick-content figure .wd__content {
        position: relative;
        top: 0;
        margin-top: 207px;
    }
    #CMD .section__color .img-slick1 {
        background-image: url("images/bg1.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__color .img-slick1 {
        background-image: url("images/bg1.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__color .img-slick1 {
        background-image: url("images/bg1.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .section__color .img-slick2 {
        background-image: url("images/bg2.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__color .img-slick2 {
        background-image: url("images/bg2.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__color .img-slick2 {
        background-image: url("images/bg2.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__mobility {
        display: inline-block;
        overflow: hidden;
        margin-top: 0;
        padding-top: 160px;
    }
    html #CMD .section__mobility .wd__content {
        margin-top: 0;
        width: 600px;
        left: 50%;
        margin-left: -294px;
    }
    html #CMD .section__mobility .wd__content .content__slogan {
        text-align: left;
    }
    html #CMD .section__mobility .wd__content .content__title {
        width: 540px;
    }
    html #CMD .section__mobility .wd__content .content__info {
        max-width: 480px;
    }
    html #CMD .section__mobility .wd__feature__list {
        margin-top: 50px;
        width: 500px;
    }
    html #CMD .section__mobility .img__mobility {
        position: relative;
        left: 50%;
        margin-top: -304px;
        margin-left: -611px;
        width: 979px;
        height: 651px;
    }
    #CMD .section__mobility .img__mobility {
        background-image: url("images/s6.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__mobility .img__mobility {
        background-image: url("images/s6.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__mobility .img__mobility {
        background-image: url("images/s6.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__user_experience {
        overflow: hidden;
        margin-top: -27px;
        padding-top: 80px;
    }
    html #CMD .section__user_experience .wd__content {
        width: 88%;
    }
    html #CMD .section__user_experience .wd__content .content__info {
        width: 100%;
        max-width: 800px;
    }
    html #CMD .section__user_experience .slick-content {
        margin: 0 auto;
        width: 100%;
        max-width: 720px;
    }
    html #CMD .section__user_experience .slick-content .slick-title {
        position: relative;
        margin-top: 32px;
        text-align: center;
    }
    html #CMD .section__user_experience .slick-content .slick-title .title-line {
        height: 4px;
    }
    html #CMD .section__user_experience .slick-content .slick-title .title-nav li {
        font-size: 16px;
        line-height: 20px;
    }
    html #CMD .section__user_experience .slick-content .slick-title .title-nav li .sign-fnum {
        top: -0.5em;
    }
    html #CMD .section__user_experience .slick-content .slick-title .title-nav li br {
        display: block;
    }
    html #CMD .section__user_experience .slick-content .slick-info {
        margin: 30px auto 40px;
        width: 96%;
        max-width: 820px;
    }
    html #CMD .section__user_experience .slick-content .slick-info .si {
        font-size: 15px;
        line-height: 1.4;
    }
    html #CMD .section__user_experience .slick-content .slick-info .si .info__comment {
        display: inline-block;
        margin-top: 8px;
        color: #6f6f6f;
        font-size: 16px;
        line-height: 1.4;
    }
    html #CMD .section__user_experience .slick-content .slick-images {
        position: relative;
        left: 50%;
        margin: 30px 0 0 -298px;
        width: 586px;
        height: 326px;
    }
    html #CMD .section__user_experience .slick-content .slick-images .img-slick {
        width: 586px;
        height: 326px;
    }
    #CMD .section__user_experience #img-slick1 {
        background-image: url("images/p1.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__user_experience #img-slick1 {
        background-image: url("images/p1.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__user_experience #img-slick1 {
        background-image: url("images/p1.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .section__user_experience #img-slick2 {
        background-image: url("images/p2.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__user_experience #img-slick2 {
        background-image: url("images/p2.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__user_experience #img-slick2 {
        background-image: url("images/p2.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .section__user_experience #img-slick3 {
        background-image: url("images/p3.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__user_experience #img-slick3 {
        background-image: url("images/p3.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__user_experience #img-slick3 {
        background-image: url("images/p3.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .section__user_experience #img-slick4 {
        background-image: url("images/medium/1x/animation/s7/p4.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__user_experience #img-slick4 {
        background-image: url("images/medium/2x/animation/s7/p4.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__user_experience #img-slick4 {
        background-image: url("images/medium/2x/animation/s7/p4.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__user_experience .modal-button-container {
        margin-top: 60px;
    }
    html #CMD .section__connect {
        overflow: hidden;
        margin-top: 0;
        padding-top: 120px;
        padding-bottom: 0;
    }
    html #CMD .section__connect .wd__content {
        margin-top: 10px;
    }
    html #CMD .section__connect .wd__content .content__info {
        width: 100%;
    }
    html #CMD .section__connect .img__connect {
        position: relative;
        left: 50%;
        margin-top: 50px;
        margin-left: -640px;
        width: 1280px;
        height: 302px;
    }
    #CMD .section__connect .img__connect {
        background-image: url("images/medium/1x/s8.jpg");
    }
}


/* 
@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__connect .img__connect {
        background-image: url("images/medium/2x/s8.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__connect .img__connect {
        background-image: url("images/medium/2x/s8.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__connect .img__connect .ioPort {
        top: 118px;
        font-size: 12px;
    }
    html #CMD .section__connect .img__connect .ioPort.port1 {
        margin-left: -246px;
        width: 110px;
        text-align: center;
    }
    html #CMD .section__connect .img__connect .ioPort.port2 {
        margin-left: 44px;
        width: 80px;
    }
    html #CMD .section__connect .img__connect .ioPort.port3 {
        margin-left: 133px;
        width: 70px;
    }
    html #CMD .section__connect .img__connect .ioPort.port4 {
        top: 280px;
        margin-left: -157px;
        width: 50px;
    }
    html #CMD .section__connect .img__connect .ioPort.port5 {
        top: 280px;
        margin-left: -102px;
        width: 120px;
    }
    html #CMD .section__connect .modal-button-container {
        margin-top: 54px;
    }
    html #CMD .section__software {
        overflow: hidden;
        margin-top: -61px;
        padding-top: 140px;
    }
    html #CMD .section__software .wd__content .content__title {
        width: 600px;
    }
    html #CMD .section__software .wd__content .content__info {
        width: 100%;
        max-width: 780px;
    }
    html #CMD .section__software .img__software {
        position: relative;
        left: 50%;
        margin-top: 57px;
        margin-left: -517px;
        width: 1037px;
        height: 526px;
    }
    #CMD .section__software .img__software {
        background-image: url("images/s9.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__software .img__software {
        background-image: url("images/s9.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__software .img__software {
        background-image: url("images/s9.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__software .modal-button-container {
        margin-top: -40px;
    }
    html #CMD .section__audio {
        overflow: hidden;
        margin-top: 0;
        padding-top: 80px;
    }
    html #CMD .section__audio .wd__content .content__info {
        width: 100%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    html #CMD .section__audio .wd__feature__list {
        margin-top: 50px;
    }
    html #CMD .section__audio .wd__feature__list .wd__feature .img__icon1 {
        margin-right: 0;
    }
    html #CMD .section__audio .img__audio {
        position: relative;
        left: 50%;
        margin-top: 60px;
        margin-left: -622px;
        width: 1280px;
        height: 569px;
    }
    #CMD .section__audio .img__audio {
        background-image: url("images/s10.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__audio .img__audio {
        background-image: url("images/s10.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__audio .img__audio {
        background-image: url("images/s10.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__grade {
        overflow: hidden;
        margin-top: 0;
        padding-top: 62px;
    }
    html #CMD .section__grade .wd__content .content__info {
        width: 100%;
    }
    html #CMD .section__grade .wd__feature__list {
        margin-top: 40px;
        margin-right: auto;
        margin-left: auto;
        width: 680px;
    }
    html #CMD .section__grade .wd__feature__list .wd__feature {
        margin-right: 30px;
        margin-bottom: 22px;
        margin-left: 30px;
        width: 180px;
        min-height: 185px;
    }
    html #CMD .section__grade .wd__feature__list .wd__feature .wd__feature__describe span>span.text-title,
    html #CMD .section__grade .wd__feature__list .wd__feature .wd__feature__describe span>span.text-title .no__wrap {
        font-size: 16px;
        font-weight: 300;
    }
    html #CMD .section__grade .img__grade {
        position: relative;
        left: 50%;
        margin-top: -53px;
        margin-bottom: -50px;
        margin-left: -640px;
        width: 1280px;
        height: 970px;
    }
    #CMD .section__grade .img__grade {
        background-image: url("images/s11.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__grade .img__grade {
        background-image: url("images/s11.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__grade .img__grade {
        background-image: url("images/s11.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__aipt_1 {
        margin-top: 0;
        padding-top: 80px;
        padding-bottom: 80px;
    }
    html #CMD .section__aipt_1 .wd__content .content__slogan {
        width: 80%;
        max-width: 600px;
    }
    html #CMD .section__aipt_1 .wd__content .content__title {
        width: 80%;
        max-width: 660px;
    }
    html #CMD .section__aipt_1 .wd__content .content__info {
        width: 81%;
        max-width: 730px;
    }
    html #CMD .section__aipt_1 .wd__content .content__comment {
        width: 80%;
        max-width: 600px;
    }
    html #CMD .section__aipt_1 .wd__content {
        width: 85% !important;
    }
    html #CMD .section__aipt_1 .aipt-graph {
        left: 0;
        margin-top: 0;
        margin-right: auto;
        margin-left: auto;
        width: 546px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-content {
        margin-right: auto;
        margin-left: auto;
        width: 430px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item {
        position: relative;
        margin-bottom: 52px;
        padding-left: 111px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item .itme-icon {
        display: flex;
        position: absolute;
        left: 0;
        align-items: center;
        justify-content: center;
        height: 100%;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar {
        top: 0;
        left: 50%;
        margin-top: 57px;
        margin-bottom: 29px;
        transform: translate(-50%);
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-img figure {
        width: 393px;
        height: 370px;
    }
    #CMD .section__aipt_1 .graph-ladar .ladar-img figure {
        background-image: url("images/medium/1x/aipt/ladar.png");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__aipt_1 .graph-ladar .ladar-img figure {
        background-image: url("images/medium/2x/aipt/ladar.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__aipt_1 .graph-ladar .ladar-img figure {
        background-image: url("images/medium/2x/aipt/ladar.png");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-0 {
        top: -25px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-1 {
        top: 137px;
        margin-left: 199px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-2 {
        top: unset;
        bottom: -25px;
        margin-left: 18px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-3 {
        top: unset;
        bottom: -25px;
        margin-left: -222px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-4 {
        top: 137px;
        margin-left: -404px;
    }
    html #CMD .section__aipt_1 .img__bg {
        margin-top: -14px;
        margin-bottom: -25px;
        margin-left: -650px;
        width: 1300px;
        height: 522px;
        background-size: contain;
    }
    #CMD .section__aipt_1 .img__bg {
        background-image: url("images/medium/1x/aipt/aipt_3_bg.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__aipt_1 .img__bg {
        background-image: url("images/medium/2x/aipt/aipt_3_bg.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__aipt_1 .img__bg {
        background-image: url("images/medium/2x/aipt/aipt_3_bg.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__aipt_2 .grid__table {
        margin-top: 59px;
        width: 546px;
    }
    html #CMD .section__aipt_2 .grid__table .table-col {
        margin-bottom: 35px;
    }
    html #CMD .section__aipt_2 .grid__table .table-col .table-row {
        width: 546px;
        height: auto;
    }
    html #CMD .section__aipt_2 .bar-chart {
        padding: 104px 60px 154px 70px;
        box-sizing: border-box;
        width: 100%;
        height: 546px;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-lines,
    html #CMD .section__aipt_2 .bar-chart .chart-bar {
        top: 0;
        left: 0;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-lines {
        padding: 99px 60px 155px;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-lines .line {
        margin-left: 40px;
        width: calc(100% - 40px);
        height: 1px;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-lines .line.line-0 {
        top: 100%;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-lines .line.line-1 {
        top: 75%;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-lines .line.line-2 {
        top: 50%;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-lines .line.line-3 {
        top: 25%;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-lines .line.line-4 {
        top: 0%;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-lines .line span {
        top: 50%;
        left: -40px;
        font-size: 15px;
        transform: translateY(-50%);
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar {
        bottom: 0;
        width: 33.3%;
        height: 0%;
        max-height: 100%;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-0 {
        left: 0%;
        transition: height 1000ms 0ms;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-1 {
        left: 33.3%;
        transition: height 1000ms 300ms;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-2 {
        left: 66.6%;
        transition: height 1000ms 600ms;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-0 .value-content {
        display: none;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-2 .bar-value .value-content .value-top,
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-2 .bar-value .value-content .value-bottom {
        font-size: 17px;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-2 .bar-value .value-content .value-main {
        margin-bottom: -3px;
        font-size: 36px;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-value {
        left: 35%;
        width: 30%;
        height: 100%;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-value .value-content {
        bottom: 100%;
        left: 50%;
        margin-bottom: 17px;
        margin-left: -60px;
        padding: 0 12px;
        box-sizing: border-box;
        width: 120px;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-value .value-content .value-main {
        font-size: 25px;
        line-height: 1.3;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-value .value-content .value-top,
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-value .value-content .value-bottom {
        font-size: 14px;
        line-height: 1.3;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-key {
        top: 100%;
        margin-top: 21px;
        padding: 0 11px;
        box-sizing: border-box;
        width: 100%;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-key .key-name {
        font-size: 14px;
        line-height: 1.3;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-key .key-mode {
        font-size: 14px;
        line-height: 1.3;
    }
    html #CMD .section__aipt_2 .line-chart {
        padding: 60px;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line,
    html #CMD .section__aipt_2 .line-chart .chart-compare {
        display: inline-block;
        top: 0;
        left: 0;
        box-sizing: border-box;
        width: 100%;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line {
        margin-bottom: 12px;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content {
        margin-bottom: 8px;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content .line-name {
        display: inline-block;
        bottom: 100%;
        left: 0;
        width: 60%;
        font-size: 15px;
        text-align: left;
        vertical-align: bottom;
        line-height: 1.2;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content .line-description {
        display: inline-flex;
        right: 0;
        bottom: 100%;
        align-items: stretch;
        justify-content: right;
        justify-content: flex-end;
        width: 40%;
        text-align: right;
        flex-wrap: nowrap;
        flex-direction: row;
        vertical-align: bottom;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content .line-description .description-text {
        display: inline-flex;
        align-items: flex-end;
        justify-content: center;
        margin-left: 7px;
        font-size: 15px;
        vertical-align: bottom;
        line-height: 1.2;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content .line-description .description-text.text-hl {
        bottom: -6px;
        font-size: 39px;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-graph {
        width: 100%;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-graph .graph-line {
        margin-bottom: 6px;
        height: 15px;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-graph .graph-line.line-1 {
        width: 0%;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-graph .graph-line.line-2 {
        width: 0%;
    }
    html #CMD .section__aipt_2 .line-chart .chart-compare {
        display: flex;
        justify-content: space-between;
        margin-top: 19px;
        flex-direction: row;
        flex-wrap: nowrap;
    }
    html #CMD .section__aipt_2 .line-chart .chart-compare .comapre-item {
        display: inline-block;
        width: auto;
        max-width: 50%;
        vertical-align: top;
    }
    html #CMD .section__aipt_2 .line-chart .chart-compare .comapre-item .item-line {
        width: 53px;
        height: 13px;
    }
    html #CMD .section__aipt_2 .line-chart .chart-compare .comapre-item .item-name {
        margin-top: 7px;
        font-size: 15px;
        text-align: left;
    }
    html #CMD .section__aipt_2 .row-content {
        position: relative;
        top: unset;
        left: unset;
        margin-left: 0;
        padding: 60px 72px;
        box-sizing: border-box;
        width: 100%;
        text-align: left;
        transform: none;
    }
    html #CMD .section__aipt_2 .row-content .content__title {
        margin-top: 0;
        font-size: 36px;
    }
    html #CMD .section__aipt_2 .row-content .content__info {
        margin-top: 13px;
        font-size: 15px;
    }
    html #CMD .section__aipt_2 .row-content .content__info sup.footnote-num {
        top: -0.8em;
        font-size: 0.6em;
    }
    html #CMD .section__aipt_2 .table-col.col-1 .table-row .img__row {
        width: 546px;
        height: 546px;
        background-size: cover;
    }
    html #CMD .section__aipt_2 .table-col.col-3 .table-row .wd__feature__list {
        margin-top: 40px;
        margin-bottom: -33px;
    }
    html #CMD .section__aipt_2 .table-col.col-3 .table-row .img__row {
        width: 546px;
        height: 546px;
        background-size: cover;
    }
    html #CMD .section__aipt_3 {
        padding-top: 80px;
    }
    html #CMD .section__aipt_3 .wd__content .content__slogan {
        width: 80%;
        max-width: 600px;
    }
    html #CMD .section__aipt_3 .wd__content .content__title {
        max-width: 590px;
    }
    html #CMD .section__aipt_3 .wd__content .content__info {
        width: 100%;
    }
    html #CMD .section__aipt_3 .wd__feature__list {
        max-width: 620px;
    }
    html #CMD .section__aipt_3 .img__bg {
        margin-top: -54px;
        margin-bottom: 0;
        margin-left: -650px;
        width: 1300px;
        height: 522px;
        background-size: contain;
    }
    #CMD .section__aipt_3 .img__bg {
        background-image: url("images/medium/1x/aipt/aipt_3_bg.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__aipt_3 .img__bg {
        background-image: url("images/medium/2x/aipt/aipt_3_bg.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__aipt_3 .img__bg {
        background-image: url("images/medium/2x/aipt/aipt_3_bg.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__screenpad_1 {
        margin-top: 0;
        padding-top: 160px;
        padding-bottom: 0;
    }
    html #CMD .section__screenpad_1 .wd__content .content__title {
        width: 90%;
    }
    html #CMD .section__screenpad_1 .wd__content .content__info {
        width: 100%;
        max-width: 782px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 {
        left: 50%;
        margin: -180px 0 0 -650px;
        width: 1300px;
        height: 1053px;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 {
        background-image: url("images/medium/1x/animation/screenpad_1/nb.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__screenpad_1 .img__screenpad_1 {
        background-image: url("images/medium/2x/animation/screenpad_1/nb.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__screenpad_1 .img__screenpad_1 {
        background-image: url("images/medium/2x/animation/screenpad_1/nb.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar {
        position: absolute;
        z-index: 120;
        top: 511px;
        left: 50%;
        opacity: 1;
        margin-left: -600px;
        width: 1200px;
        height: 190px;
        background: linear-gradient(to right, #ebeff2 0%, #bacfea 15%, #bacfea 85%, #ebeff2 100%);
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content {
        opacity: 1;
        margin: 8px auto 0;
        width: 100%;
        max-width: 740px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem {
        margin: 0;
        width: 740px;
        height: 118px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li {
        position: relative;
        cursor: pointer;
        float: left;
        list-style-type: none;
        margin: 10px 6px 0;
        padding-top: 58px;
        width: 80px;
        height: 58px;
        color: #000;
        font-size: 12px;
        transform: translateY(0);
        transition: color 600ms linear, transform 400ms;
        line-height: 18px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li span {
        display: block;
        margin-right: auto;
        margin-left: auto;
        width: 80px;
        text-align: center;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_4 span {
        width: 60px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li.selected {
        color: #000;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li:hover {
        color: #000;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_1:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -35px;
        width: 65px;
        height: 55px;
        background-size: cover;
        content: '';
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_1:before {
        background-image: url("images/large/1x/icons/screenpad_1/icon1.png");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_1:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon1.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_1:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon1.png");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_2:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -35px;
        width: 65px;
        height: 55px;
        background-size: cover;
        content: '';
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_2:before {
        background-image: url("images/large/1x/icons/screenpad_1/icon2.png");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_2:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon2.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_2:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon2.png");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_3:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -35px;
        width: 65px;
        height: 55px;
        background-size: cover;
        content: '';
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_3:before {
        background-image: url("images/large/1x/icons/screenpad_1/icon3.png");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_3:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon3.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_3:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon3.png");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_4:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -35px;
        width: 65px;
        height: 55px;
        background-size: cover;
        content: '';
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_4:before {
        background-image: url("images/large/1x/icons/screenpad_1/icon4.png");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_4:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon4.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_4:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon4.png");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_5:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -35px;
        width: 65px;
        height: 55px;
        background-size: cover;
        content: '';
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_5:before {
        background-image: url("images/large/1x/icons/screenpad_1/icon5.png");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_5:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon5.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_5:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon5.png");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_6:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -35px;
        width: 65px;
        height: 55px;
        background-size: cover;
        content: '';
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_6:before {
        background-image: url("images/large/1x/icons/screenpad_1/icon6.png");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_6:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon6.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_6:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon6.png");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_7:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -35px;
        width: 65px;
        height: 55px;
        background-size: cover;
        content: '';
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_7:before {
        background-image: url("images/large/1x/icons/screenpad_1/icon7.png");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_7:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon7.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_7:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon7.png");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_8:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -35px;
        width: 65px;
        height: 55px;
        background-size: cover;
        content: '';
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_8:before {
        background-image: url("images/large/1x/icons/screenpad_1/icon8.png");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_8:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon8.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_8:before {
        background-image: url("images/large/2x/icons/screenpad_1/icon8.png");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navLine {
        position: relative;
        margin-top: -15px;
        width: 100%;
        max-width: 740px;
        border-bottom: 1px solid #000;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navLine div {
        display: block;
        position: absolute;
        top: -2px;
        left: 0;
        width: 60px;
        height: 2px;
        background: #000;
        transform: translate3d(0, 0, 0);
        transition: transform 200ms ease-in-out;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navText {
        position: relative;
        left: 50%;
        margin-top: 12px;
        margin-left: -295px;
        width: 100%;
        max-width: 590px;
        text-align: center;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navText span {
        font-family: "Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif !important;
        font-weight: 200 !important;
        font-style: normal !important;
        display: block;
        position: absolute;
        right: 0;
        left: 0;
        opacity: 0;
        margin: 0 auto;
        color: #000;
        font-size: 13px;
        transition: opacity 200ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navText span.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen {
        position: absolute;
        z-index: 100;
        top: 255px;
        left: 50%;
        margin-left: -365px;
        width: 740px;
        height: 204px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen::before {
        display: block;
        position: absolute;
        z-index: 999;
        top: -47px;
        left: -18px;
        content: '';
        width: 766px;
        height: 274px;
        background-size: cover;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen:before {
        background-image: url("images/medium/1x/animation/screenpad_1/mask.png");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen:before {
        background-image: url("images/medium/2x/animation/screenpad_1/mask.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen:before {
        background-image: url("images/medium/2x/animation/screenpad_1/mask.png");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_1 {
        position: absolute;
        top: -2px;
        left: -2px;
        opacity: 0;
        width: 740px;
        height: 204px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_1.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_2 {
        position: absolute;
        top: -2px;
        left: -2px;
        opacity: 0;
        width: 740px;
        height: 204px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_2.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_3 {
        position: absolute;
        top: -2px;
        left: -2px;
        opacity: 0;
        width: 740px;
        height: 204px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_3.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_4 {
        position: absolute;
        top: -2px;
        left: -2px;
        opacity: 0;
        width: 740px;
        height: 204px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_4.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_5 {
        position: absolute;
        top: -2px;
        left: -2px;
        opacity: 0;
        width: 740px;
        height: 204px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_5.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_6 {
        position: absolute;
        top: -2px;
        left: -2px;
        opacity: 0;
        width: 740px;
        height: 204px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_6.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_7 {
        position: absolute;
        top: -2px;
        left: -2px;
        opacity: 0;
        width: 740px;
        height: 204px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_7.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_8 {
        position: absolute;
        top: -2px;
        left: -2px;
        opacity: 0;
        width: 740px;
        height: 204px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_8.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen {
        position: absolute;
        z-index: 100;
        top: 705px;
        left: 50%;
        margin-left: -131px;
        width: 262px;
        height: 124px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen::before {
        display: block;
        position: absolute;
        z-index: 999;
        top: -2px;
        left: -7px;
        content: '';
        width: 275px;
        height: 130px;
        background-size: cover;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen:before {
        background-image: url("images/medium/1x/animation/screenpad_1/mask_pad.png");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen:before {
        background-image: url("images/medium/2x/animation/screenpad_1/mask_pad.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen:before {
        background-image: url("images/medium/2x/animation/screenpad_1/mask_pad.png");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_1 {
        position: absolute;
        z-index: 100;
        left: 0;
        opacity: 0;
        width: 262px;
        height: 124px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_1.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_2 {
        position: absolute;
        z-index: 100;
        left: 0;
        opacity: 0;
        width: 262px;
        height: 124px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_2.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_3 {
        position: absolute;
        z-index: 100;
        left: 0;
        opacity: 0;
        width: 262px;
        height: 124px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_3.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_4 {
        position: absolute;
        z-index: 100;
        left: 0;
        opacity: 0;
        width: 262px;
        height: 124px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_4.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_5 {
        position: absolute;
        z-index: 100;
        left: 0;
        opacity: 0;
        width: 262px;
        height: 124px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_5.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_6 {
        position: absolute;
        z-index: 100;
        left: 0;
        opacity: 0;
        width: 262px;
        height: 124px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_6.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_7 {
        position: absolute;
        z-index: 100;
        left: 0;
        opacity: 0;
        width: 262px;
        height: 124px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_7.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_8 {
        position: absolute;
        z-index: 100;
        left: 0;
        opacity: 0;
        width: 262px;
        height: 124px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_8.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1.active .controllBar {
        opacity: 1;
        transform: scale(1, 1);
    }
    html #CMD .section__screenpad_1 .img__screenpad_1.active .controllBar .cb__content {
        opacity: 1;
    }
    html #CMD .section__screenpad_2 {
        margin-top: -54px;
        padding-top: 0;
        padding-bottom: 0;
    }
    html #CMD .section__screenpad_2 .wd__content .content__info {
        width: 100%;
        max-width: 747px;
    }
    html #CMD .section__screenpad_2 .img__screenpad_2 {
        left: 50%;
        margin: 6px 0 0 -622px;
        width: 1244px;
        height: 632px;
    }
    #CMD .section__screenpad_2 .img__screenpad_2 {
        background-image: url("images/medium/1x/s_screenpad_2.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__screenpad_2 .img__screenpad_2 {
        background-image: url("images/medium/2x/s_screenpad_2.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__screenpad_2 .img__screenpad_2 {
        background-image: url("images/medium/2x/s_screenpad_2.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__noise {
        padding-top: 130px;
        padding-bottom: 74px;
    }
    html #CMD .section__noise .wd__content {
        width: 88%;
    }
    html #CMD .section__noise .wd__content .content__title {
        max-width: 760px !important;
    }
    html #CMD .section__noise .wd__content .content__info {
        width: 100%;
    }
    html #CMD .section__noise .sub__content {
        margin-top: 40px;
        margin-right: auto;
        margin-left: auto;
        width: 79%;
    }
    html #CMD .section__noise .sub__content .content__title {
        font-size: 22px;
    }
    html #CMD .section__noise .sub__content .content__info {
        margin-top: 8px;
        font-size: 20px;
    }
    html #CMD .section__noise .nav__noise {
        margin-top: 40px;
    }
    html #CMD .section__noise .nav__noise .nav__item {
        margin: 0 9px;
        padding: 13px 10px;
        width: 200px;
        border-width: 3px;
        border-radius: 20px;
    }
    html #CMD .section__noise .nav__noise .nav__item .nav__content .img__icon {
        display: inline-block;
        margin-right: 8px;
        width: 45px;
        height: 45px;
    }
    html #CMD .section__noise .nav__noise .nav__item .nav__content .nav__text {
        display: inline-block;
        width: 130px;
    }
    html #CMD .section__noise .nav__noise .nav__item .nav__content .nav__text .content__title {
        font-size: 20px;
    }
    html #CMD .section__noise .nav__noise .nav__item .nav__content .nav__text .content__info {
        font-size: 15px;
    }
    html #CMD .section__noise .noise__switcher {
        margin-top: 50px;
    }
    html #CMD .section__noise .img__noise {
        margin-top: -23px;
        transform: scale(0.65);
    }
    html #CMD .section__noise .modal-button-container {
        margin-top: -40px;
    }
    html #CMD .section__inner__noise {
        padding-top: 80px;
        background: #2a2a2a;
    }
    html #CMD .section__inner__noise .wd__content .content__info {
        width: 87% !important;
        max-width: 760px !important;
    }
    html #CMD .section__inner__noise .noise__switcher {
        margin-top: 40px;
    }
    html #CMD .section__inner__noise .img__inner__noise {
        margin-top: -170px;
        margin-bottom: 0;
        transform: scale(0.62);
    }
    html #CMD .section__comment {
        margin-top: -20px;
        padding-top: 0;
        padding-bottom: 67px;
    }
    html #CMD .section__comment .footnotes ul.footnote li {
        color: #999;
    }
    html #CMD .inner-view {
        background: #333;
    }
    html #CMD .inner-view .inner-modal {
        padding-bottom: 0;
    }
    html #CMD .inner-view .inner-view-container {
        position: relative;
        margin-right: auto;
        margin-left: auto;
        max-width: 2560px;
        background: #444bb5;
    }
    html #CMD .inner-view .inner-view-container .wd__section .wd__content {
        width: 85%;
        max-width: 760px;
    }
    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan {
        text-align: center;
        color: #333;
    }
    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title {
        font-size: 27px;
    }
    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__info {
        width: 100%;
        margin-top: 14px;
    }
    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan::before,
    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan::after,
    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title::before,
    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title::after {
        display: none;
    }
    html #CMD .inner-view .section__btn__home::before {
        background: none;
    }
    html #CMD .inner-view .icon {
        margin-top: -10px;
        margin-bottom: 10px;
        width: 62px;
        height: 62px;
        background-size: contain;
    }
    html #CMD #section__inner2_1 {
        padding-top: 80px;
        padding-bottom: 160px;
    }
    html #CMD #section__inner2_1 .wd__content {
        width: 80%;
        max-width: 720px;
    }
    html #CMD #section__inner2_1 .img__inner2_1 {
        margin-top: -129px;
        transform: scale(0.7);
    }
    html #CMD #section__inner2_1 .img__inner2_1 .img__interface {
        background-image: url("images/scale/70p/1x/animation/inner2/interface.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    html #CMD #section__inner2_1 .img__inner2_1 .img__interface {
        background-image: url("images/scale/70p/2x/animation/inner2/interface.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner2_1 .img__inner2_1 .img__toolbar {
        background-image: url("images/scale/70p/1x/animation/inner2/toolbar.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    html #CMD #section__inner2_1 .img__inner2_1 .img__toolbar {
        background-image: url("images/scale/70p/2x/animation/inner2/toolbar.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner2_1 .compare {
        position: relative;
        margin: -73px auto 0;
        width: 720px;
    }
    html #CMD #section__inner2_1 .compare .img__compare-1,
    html #CMD #section__inner2_1 .compare .img__compare-2 {
        display: inline-block;
        position: relative;
        width: 354px;
        height: 280px;
        background-size: contain;
    }
    html #CMD #section__inner2_1 .compare .img__compare-1 .compare-text,
    html #CMD #section__inner2_1 .compare .img__compare-2 .compare-text {
        position: absolute;
        top: -14px;
        left: 50%;
        margin-left: -150px;
        width: 300px;
        font-size: 22px;
    }
    html #CMD #section__inner3_1 {
        margin-top: 0;
        padding-top: 80px;
        padding-bottom: 125px;
    }
    html #CMD #section__inner3_1 .wd__content {
        position: relative;
    }
    html #CMD #section__inner3_1 .wd__content .content__title {
        color: #fff;
    }
    html #CMD #section__inner3_1 .wd__content .content__info {
        max-width: 740px;
        color: #fff;
    }
    html #CMD #section__inner3_1 .wd__feature__list {
        margin-top: 35px;
    }
    html #CMD #section__inner3_1 .wd__feature__list .wd__feature {
        margin: 0 25px 25px;
    }
    html #CMD #section__inner3_1 .img__inner3_1 {
        position: relative;
        left: 50%;
        margin-top: -99px;
        margin-left: -640px;
        width: 1280px;
        height: 626px;
    }
    #CMD #section__inner3_1 .img__inner3_1 {
        background-image: url("images/medium/1x/inner/s3/01_bg.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD #section__inner3_1 .img__inner3_1 {
        background-image: url("images/medium/2x/inner/s3/01_bg.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD #section__inner3_1 .img__inner3_1 {
        background-image: url("images/medium/2x/inner/s3/01_bg.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner7_1 {
        padding-top: 80px;
        padding-bottom: 70px;
        background: #0a0f13 !important;
    }
    html #CMD #section__inner7_1 .wd__content {
        position: relative;
        width: 100%;
        left: 0;
        margin-top: 0;
        margin-left: auto;
    }
    html #CMD #section__inner7_1 .wd__content .content__title {
        color: #fff;
    }
    html #CMD #section__inner7_1 .wd__content .content__info {
        color: #fff;
        width: 81%;
        max-width: 700px;
    }
    html #CMD #section__inner7_1 .wd__feature__list {
        margin-top: 53px;
    }
    html #CMD #section__inner7_1 .wd__feature__list .wd__feature {
        margin-right: 10px;
        margin-left: 10px;
        vertical-align: bottom;
    }
    html #CMD #section__inner7_1 .wd__feature__list .wd__feature .img__icon {
        width: 70px;
        height: 44px;
    }
    html #CMD #section__inner7_1 .img__inner7_1 {
        position: relative;
        left: 50%;
        margin-top: 40px;
        margin-left: -640px;
        width: 1280px;
        height: 526px;
    }
    #CMD #section__inner7_1 .img__inner7_1 {
        background-image: url("images/medium/1x/inner/s7/01_bg.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD #section__inner7_1 .img__inner7_1 {
        background-image: url("images/medium/2x/inner/s7/01_bg.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD #section__inner7_1 .img__inner7_1 {
        background-image: url("images/medium/2x/inner/s7/01_bg.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner7_2 {
        padding-top: 80px;
        padding-bottom: 70px;
        background: #0a0f13 !important;
    }
    html #CMD #section__inner7_2 .wd__content {
        position: relative;
        width: 100%;
        left: 0;
        margin-left: auto;
    }
    html #CMD #section__inner7_2 .wd__content .content__title {
        color: #fff;
    }
    html #CMD #section__inner7_2 .wd__content .content__info {
        color: #fff;
        width: 81%;
        max-width: 700px;
    }
    html #CMD #section__inner7_2 .wd__feature__list {
        margin-top: 53px;
    }
    html #CMD #section__inner7_2 .wd__feature__list .wd__feature {
        margin-right: 10px;
        margin-left: 10px;
    }
    html #CMD #section__inner7_2 .wd__feature__list .wd__feature .img__icon {
        width: 66px;
        height: 56px;
    }
    html #CMD #section__inner7_2 .img__inner7_2 {
        position: relative;
        left: 50%;
        margin-top: -220px;
        margin-left: -594px;
        width: 1280px;
        height: 677px;
    }
    #CMD #section__inner7_2 .img__inner7_2 {
        background-image: url("images/medium/1x/inner/s7/02_bg.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD #section__inner7_2 .img__inner7_2 {
        background-image: url("images/medium/2x/inner/s7/02_bg.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD #section__inner7_2 .img__inner7_2 {
        background-image: url("images/medium/2x/inner/s7/02_bg.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner8_1 {
        overflow: hidden;
        padding-top: 80px;
        padding-bottom: 0;
        background: #0a0f15;
    }
    html #CMD #section__inner8_1 .wd__content {
        position: relative;
        width: 100%;
        left: 0;
        margin-left: auto;
    }
    html #CMD #section__inner8_1 .wd__content .content__title {
        color: #fff;
        width: 640px;
    }
    html #CMD #section__inner8_1 .wd__content .content__info {
        width: 83%;
        max-width: 760px;
        color: #fff;
    }
    html #CMD #section__inner8_1 .wd__feature__list {
        margin-top: 50px;
        margin-right: auto;
        margin-left: auto;
        width: 650px;
    }
    html #CMD #section__inner8_1 .wd__feature__list .wd__feature {
        margin: 0 20px 50px;
    }
    html #CMD #section__inner8_1 .wd__feature__list .wd__feature.feature-1 {
        width: 152px;
    }
    html #CMD #section__inner8_1 .wd__feature__list .wd__feature.feature-2,
    html #CMD #section__inner8_1 .wd__feature__list .wd__feature.feature-3 {
        width: 178px;
    }
    html #CMD #section__inner8_1 .img__inner8_1 {
        position: relative;
        left: 50%;
        margin-top: 31px;
        margin-bottom: 0;
        margin-left: -640px;
        width: 1280px;
        height: 614px;
    }
    #CMD #section__inner8_1 .img__inner8_1 {
        background-image: url("images/medium/1x/inner/s8/01_bg.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD #section__inner8_1 .img__inner8_1 {
        background-image: url("images/medium/2x/inner/s8/01_bg.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD #section__inner8_1 .img__inner8_1 {
        background-image: url("images/medium/2x/inner/s8/01_bg.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner8_2 {
        overflow: hidden;
        margin-top: -53px;
        padding-top: 10px;
        padding-bottom: 20px;
    }
    html #CMD #section__inner8_2 .wd__content {
        position: relative;
        left: 0%;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    html #CMD #section__inner8_2 .wd__content .content__title {
        width: 88%;
        color: #fff;
    }
    html #CMD #section__inner8_2 .wd__content .content__info {
        width: 82%;
        max-width: 800px;
        color: #fff;
    }
    html #CMD #section__inner8_2 .wd__content .content__comment {
        width: 610px;
    }
    html #CMD #section__inner8_2 .img__inner8_2 {
        position: relative;
        left: 50%;
        margin-top: -158px;
        margin-bottom: 5px;
        margin-left: -640px;
        width: 1280px;
        height: 812px;
    }
    #CMD #section__inner8_2 .img__inner8_2 {
        background-image: url("images/medium/1x/inner/s8/02_bg.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD #section__inner8_2 .img__inner8_2 {
        background-image: url("images/medium/2x/inner/s8/02_bg.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD #section__inner8_2 .img__inner8_2 {
        background-image: url("images/medium/2x/inner/s8/02_bg.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner9_1 {
        overflow: hidden;
        padding-top: 80px;
        background: transparent;
    }
    html #CMD #section__inner9_1 .wd__content {
        position: relative;
        left: 0%;
        width: 85%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
    }
    html #CMD #section__inner9_1 .wd__content .content__title {
        color: #fff;
    }
    html #CMD #section__inner9_1 .wd__content .content__info {
        color: #fff;
    }
    html #CMD #section__inner9_1 .img__inner9_1 {
        position: relative;
        left: 50%;
        margin-top: -98px;
        margin-bottom: 0;
        margin-left: -640px;
        width: 1280px;
        height: 911px;
    }
    #CMD #section__inner9_1 .img__inner9_1 {
        background-image: url("images/medium/1x/inner/s9/01_bg.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD #section__inner9_1 .img__inner9_1 {
        background-image: url("images/medium/2x/inner/s9/01_bg.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD #section__inner9_1 .img__inner9_1 {
        background-image: url("images/medium/2x/inner/s9/01_bg.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner9_2 {
        overflow: hidden;
        padding-top: 50px;
        padding-bottom: 150px;
        background: #020104;
    }
    html #CMD #section__inner9_2 .wd__content .content__title {
        color: #fff;
    }
    html #CMD #section__inner9_2 .wd__content .content__info {
        color: #fff;
    }
    html #CMD #section__inner9_2 .img__inner9_2 {
        position: relative;
        left: 50%;
        margin-top: -150px;
        margin-bottom: -162px;
        margin-left: -640px;
        width: 1280px;
        height: 737px;
    }
    #CMD .section__inner9_2 .img__inner9_2 {
        background-image: url("images/medium/1x/inner/s9/02_bg.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__inner9_2 .img__inner9_2 {
        background-image: url("images/medium/2x/inner/s9/02_bg.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__inner9_2 .img__inner9_2 {
        background-image: url("images/medium/2x/inner/s9/02_bg.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner9_2 .img__inner9_2 #video-s9i2-big {
        top: 221px;
        left: 24px;
        width: 413px;
        height: 231px;
    }
    html #CMD #section__inner9_2 .img__inner9_2 #video-s9i2-small {
        top: 295px;
        left: 13px;
        width: 254px;
        height: 160px;
    }
    html #CMD .section__adobeBanner {
        overflow: hidden;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    html #CMD .section__adobeBanner .banner__container .banner__item {
        min-height: 486px;
    }
    html #CMD .section__adobeBanner .banner__container .wd__content {
        top: 0;
        padding-top: 89px;
        padding-bottom: 60px;
    }
    html #CMD .section__adobeBanner .banner__container .img__main {
        left: 50%;
        margin-top: -353px;
        margin-left: -650px;
        width: 1300px;
        height: 894px;
    }
    #CMD .section__adobeBanner .img__main {
        background-image: url("images/adobe_banner_creativecloud.jpg");
    }
}


/* @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__adobeBanner .img__main {
        background-image: url("images/adobe_banner_creativecloud.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__adobeBanner .img__main {
        background-image: url("images/adobe_banner_creativecloud.jpg");
    }
} */

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__adobeBanner+.section__comment {
        position: relative;
        z-index: 9;
        margin-top: -1px;
        padding-top: 33px;
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .wd__section .small_use {
        display: block;
    }
    html #CMD .wd__section .small_unuse {
        display: none;
    }
    html #CMD .wd__section .no__wrap {
        white-space: normal;
    }
    html #CMD .wd__section .wd__content {
        left: 0;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        width: 89.2%;
        text-align: left;
    }
    html #CMD .wd__section .wd__content .content__slogan {
        font-size: 16px;
        letter-spacing: 2.2px;
        line-height: 1.6;
    }
    html #CMD .wd__section .wd__content .content__title {
        width: 100%;
        font-size: 27px;
        margin-top: 10px;
    }
    html #CMD .wd__section .wd__content .content__info {
        margin-top: 16px;
        margin-left: 0;
        width: 100%;
    }
    html #CMD .wd__section .wd__content .content__comment {
        width: 100%;
    }
    html #CMD .wd__section .wd__content.main-content .content__slogan {
        padding-top: 7px;
    }
    html #CMD .wd__section .wd__content.main-content .content__slogan::before {
        display: block;
        position: absolute;
        top: 0;
        left: -11px;
        width: 171px;
        height: 44px;
        content: '';
    }
    html #CMD .wd__section .wd__content.main-content.small__text-center {
        text-align: center;
    }
    html #CMD .wd__section .wd__content.main-content.small__text-center .content__slogan::before {
        left: 50%;
        transform: translateX(-50%);
    }
    html #CMD .wd__section .wd__feature__list {
        width: 100%;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature {
        vertical-align: top;
        text-align: center;
        margin: 0 17px 40px;
        box-sizing: border-box;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__data {
        margin-bottom: 0px;
    }
    html #CMD .wd__section .wd__link__arrow::after {
        padding-left: 5px;
    }
    html #CMD #section__inner2_1 .img__inner2_1 .img__interface {
        background-image: url("images/interface.jpg");
        position: absolute;
        overflow: hidden;
        top: 97px;
        left: 50%;
        margin-left: -450px;
        width: 898px;
        height: 557px;
    }
}


/* 
@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    html #CMD #section__inner2_1 .img__inner2_1 .img__interface {
        background-image: url("images/interface.jpg");
    }
} */

@media all and (max-width: 730.5px) {
    html #CMD #section__inner2_1 .img__inner2_1 .img__toolbar {
        background-image: url("images/toolbar.jpg");
        position: absolute;
        bottom: 0;
        width: 1360px;
        height: 265px;
    }
}


/* 
@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    html #CMD #section__inner2_1 .img__inner2_1 .img__toolbar {
        background-image: url("images/toolbar.jpg");
    }
} */

@media all and (max-width: 730.5px) {
    html #CMD #section__inner2_1 .img__inner2_1 .line__blue {
        position: absolute;
        z-index: 104;
        top: 71px;
        left: 50%;
        margin-left: -501px;
        width: 982px;
        height: 624px;
    }
    html #CMD #section__inner2_1 .img__inner2_1 .line__blue text {
        font-size: 100px;
        filter: url(#glow);
    }
    html #CMD #section__inner2_1 .img__inner2_1 .line__blue .path {
        stroke: #27a8c8;
        stroke-width: 5;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-dashoffset: 6000;
        stroke-dasharray: 6000;
        filter: url(#glow);
    }
    html #CMD #section__inner2_1 .img__inner2_1 .line__blue .path {
        stroke: #27a8c8;
    }
    html #CMD #section__inner2_1 .img__inner2_1::after {
        display: block;
        position: absolute;
        content: '';
        z-index: 100;
        top: 95px;
        left: 50%;
        margin-left: -450px;
        width: 897px;
        height: 565px;
        border-radius: 10px 10px 0 0;
        background-color: rgba(0, 0, 0, 0.5);
    }
    html #CMD .section__inner2_1 .img__inner2_1 .img__toolbar {
        transform: translateY(-31px) translateZ(0);
        transition: none;
    }
    html #CMD .section__inner2_1 .img__inner2_1 .line__blue {
        opacity: 1;
        transition: none;
        fill: transparent;
    }
    html #CMD .section__inner2_1 .img__inner2_1 .line__blue text {
        opacity: 0;
        transition: none;
    }
    html #CMD .section__inner2_1 .img__inner2_1 .line__blue .path {
        stroke-dashoffset: 6000;
        transition: none;
    }
    html #CMD .section__inner2_1 .img__inner2_1 .line__blue.fadeOut {
        opacity: 0;
    }
    html #CMD .section__inner2_1 .img__inner2_1::after {
        opacity: 0;
        transition: none;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step1 .img__toolbar {
        transform: translateY(15px) translateZ(0);
        transition: transform 600ms ease 400ms;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2::after {
        opacity: 1;
        transition: opacity 800ms ease;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2 .img__toolbar {
        transform: translateY(15px) translateZ(0);
        transition: transform 600ms ease 400ms;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2 .line__blue {
        transition: opacity 650ms;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2 .line__blue text {
        opacity: 1;
        transition: opacity 1000ms ease 1600ms;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2 .line__blue .path {
        stroke-dashoffset: 2000 !important;
        transition: stroke-dashoffset 2000ms ease 800ms;
    }
    html #CMD .section__kv {
        overflow: hidden;
        padding-top: 40px;
        padding-bottom: 45px;
    }
    html #CMD .section__kv .wd__content {
        margin-top: 25px;
        padding-left: 0;
        width: 100%;
    }
    html #CMD .section__kv .wd__content .content__slogan {
        width: 100%;
        font-size: 26px;
        letter-spacing: -0.5px;
    }
    html #CMD .section__kv .wd__content .content__title {
        font-size: 27px;
        margin-top: 0;
    }
    html #CMD .section__kv .wd__content .content__info {
        width: 89%;
        margin-top: 24px;
        margin-left: auto;
        margin-right: auto;
    }
    html #CMD .section__kv .wd__content.bottom-content {
        position: relative;
        z-index: 1;
        margin-top: -60px;
    }
    html #CMD .section__kv .img__kv {
        left: 50%;
        margin-top: -44px;
        margin-left: -257px;
        width: 518px;
        height: 379px;
    }
    #CMD .section__kv .img__kv {
        background-image: url("images/kv.jpg");
    }
}

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__kv .img__kv {
        background-image: url("images/kv.webp");
    }
}

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__kv .img__kv {
        background-image: url("images/kv.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__kv .vr__screen {
        margin-top: -85px;
        transform-origin: center;
        transform: scale(0.8);
    }
    html #CMD .section__ksp {
        padding-top: 35px;
        padding-bottom: 65px;
    }
    html #CMD .section__ksp .grid__layout {
        grid-column-gap: 16px;
        grid-row-gap: 24px;
    }
    html #CMD .section__ksp .grid__layout .grid-item {
        border-radius: 8px;
        min-height: 200px;
    }
    html #CMD .section__ksp .grid__layout .grid-item-0 .wd__content {
        width: 100%;
    }
    html #CMD .section__ksp .grid__layout .grid-item-0 .item_image {
        padding-bottom: 0;
    }
    html #CMD .section__ksp .grid__layout .grid-item-0 .item_image .img__block {
        left: 50%;
        margin-left: -190px;
        width: 380px;
        height: 210px;
        position: relative;
        top: 9px;
        margin-top: 0;
    }
    #CMD .section__ksp .grid-item-0 .img__block {
        background-image: url("images/img_display.png");
    }
}


/* @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__ksp .grid-item-0 .img__block {
        background-image: url("images/img_display.webp");
    }
}

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__ksp .grid-item-0 .img__block {
        background-image: url("images/img_display.png");
    }
} */

@media all and (max-width: 730.5px) {
    html #CMD .section__ksp .grid__layout .grid__layout .grid-item-1.grid-item-wdFeature {
        min-height: 1px;
    }
    html #CMD .section__ksp .grid__layout .grid-item-6 .item_image {
        margin-top: -13px;
        padding-bottom: 10px;
    }
    html #CMD .section__ksp .grid__layout .grid-item-6 .item_image .img__block {
        position: relative;
        top: -28px;
        left: 50%;
        margin-left: -227px;
        width: 458px;
        height: 245px;
    }
    #CMD .section__ksp .grid-item-6 .img__block {
        background-image: url("images/img_thin.png");
    }
}


/* @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__ksp .grid-item-6 .img__block {
        background-image: url("images/img_thin.webp");
    }
}

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__ksp .grid-item-6 .img__block {
        background-image: url("images/img_thin.png");
    }
} */

@media all and (max-width: 730.5px) {
    html #CMD .section__ksp .grid__layout .grid-item-7 .item_image {
        padding-bottom: 10px;
        max-height: 152px;
    }
    html #CMD .section__ksp .grid__layout .grid-item-7 .item_image .img__block {
        position: relative;
        top: 40px;
        left: 50%;
        margin-left: -229px;
        width: 458px;
        height: 42px;
    }
    #CMD .section__ksp .grid-item-7 .img__block {
        background-image: url("images/img_port.png");
    }
}


/* @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__ksp .grid-item-7 .img__block {
        background-image: url("images/img_port.webp");
    }
}

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__ksp .grid-item-7 .img__block {
        background-image: url("images/img_port.png");
    }
} */

@media all and (max-width: 730.5px) {
    html #CMD .section__display {
        overflow: hidden;
        margin-top: 0;
        padding-top: 45px;
        padding-bottom: 0;
    }
    html #CMD .section__display .wd__content {
        max-width: 750px;
    }
    html #CMD .section__display .wd__content .content__info {
        width: 99%;
    }
    html #CMD .section__display .wd__feature__list {
        margin: 40px auto 0;
        width: 100%;
        max-width: 400px;
        text-align: center;
    }
    html #CMD .section__display .wd__feature__list.list-1 {
        margin-top: 54px;
    }
    html #CMD .section__display .wd__feature__list .wd__feature {
        margin-right: 20px;
        margin-bottom: 40px;
        margin-left: 20px;
        vertical-align: bottom;
        width: auto;
    }
    html #CMD .section__display .wd__feature__list .wd__feature.feature-5 .img__icon5 {
        top: 0;
        margin-top: 5px;
        margin-bottom: 12px;
        width: 134px;
        height: 70px;
        background-size: contain;
    }
    html #CMD .section__display .img__display {
        position: relative;
        left: 50%;
        margin-top: 31px;
        margin-left: -208px;
        width: 416px;
        height: 272px;
    }
    #CMD .section__display .img__display {
        background-image: url("images/s2.jpg");
    }
}


/* @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__display .img__display {
        background-image: url("images/s2.webp");
    }
}

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__display .img__display {
        background-image: url("images/s2.jpg");
    }
} */

@media all and (max-width: 730.5px) {
    html #CMD .section__display .modal-button-container {
        margin-top: -24px;
    }
    html #CMD .section__performance {
        overflow: hidden;
        margin-top: 0;
        padding-top: 65px;
        padding-bottom: 0;
    }
    html #CMD .section__performance .wd__feature__list {
        margin-top: 30px;
        margin-right: auto;
        margin-left: auto;
        max-width: 380px;
    }
    html #CMD .section__performance .wd__feature__list .wd__feature {
        margin-right: 20px;
        margin-bottom: 40px;
        margin-left: 20px;
    }
    html #CMD .section__performance .wd__feature__list .wd__feature.feature-1 {
        margin-bottom: 20px;
    }
    html #CMD .section__performance .img__performance {
        position: relative;
        left: 50%;
        margin-top: -70px;
        margin-left: -300px;
        width: 551px;
        height: 487px;
    }
    #CMD .section__performance .img__performance {
        background-image: url("images/s3\ \(1\).jpg");
    }
}


/* @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__performance .img__performance {
        background-image: url("images/s3\ \(1\).webp");
    }
}

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__performance .img__performance {
        background-image: url("images/s3\ \(1\).jpg");
    }
} */

@media all and (max-width: 730.5px) {
    html #CMD .section__performance .modal-button-container {
        margin-top: -16px;
    }
    html #CMD .section__highlights {
        padding-top: 75px;
        padding-bottom: 0;
    }
    html #CMD .section__highlights .wd__content .content__info {
        max-width: 720px;
    }
    #CMD .img__list__block .item-0 .item__img {
        background-image: url("images/color__0\ \(1\).jpg");
    }
}


/* @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .img__list__block .item-0 .item__img {
        background-image: url("images/color__0\ \(1\).webp");
    }
}
@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .img__list__block .item-0 .item__img {
        background-image: url("images/color__0\ \(1\).jpg");
    }
} */

@media all and (max-width: 730.5px) {
    #CMD .img__list__block .item-1 .item__img {
        background-image: url("images/small/1x/animation/ColorSlick/color__1.jpg");
    }
}


/* @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .img__list__block .item-1 .item__img {
        background-image: url("images/small/2x/animation/ColorSlick/color__1.webp");
    }
}
@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .img__list__block .item-1 .item__img {
        background-image: url("images/small/2x/animation/ColorSlick/color__1.jpg");
    }
} */

@media all and (max-width: 730.5px) {
    #CMD .img__list__block .item-2 .item__img {
        background-image: url("images/small/1x/animation/ColorSlick/color__2.jpg");
    }
}


/* @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .img__list__block .item-2 .item__img {
        background-image: url("images/small/2x/animation/ColorSlick/color__2.webp");
    }
}
@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .img__list__block .item-2 .item__img {
        background-image: url("images/small/2x/animation/ColorSlick/color__2.jpg");
    }
} */

@media all and (max-width: 730.5px) {
    #CMD .img__list__block .item-3 .item__img {
        background-image: url("images/small/1x/animation/ColorSlick/color__3.jpg");
    }
}


/* @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .img__list__block .item-3 .item__img {
        background-image: url("images/small/2x/animation/ColorSlick/color__3.webp");
    }
}
@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .img__list__block .item-3 .item__img {
        background-image: url("images/small/2x/animation/ColorSlick/color__3.jpg");
    }
} */

@media all and (max-width: 730.5px) {
    html #CMD .section__highlights .wd__list__color {
        margin-top: 58px;
        padding-bottom: 0;
    }
    html #CMD .section__highlights .img__list__block .item__desc {
        padding-top: 30px;
        padding-bottom: 39px;
    }
    html #CMD .section__highlights .img__list__block .item__desc .item__desc-info {
        font-family: "Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif !important;
        font-weight: 200 !important;
        font-style: normal !important;
        margin-top: 15px;
    }
    html #CMD .section__highlights .img__list__block .item__img {
        width: 253px;
        height: 187px;
    }
    html #CMD .section__highlights .img__list__block .item__desc::before {
        background-color: transparent;
    }
    html #CMD .section__highlights .slick-prev,
    html #CMD .section__highlights .slick-next {
        background-color: transparent;
        box-shadow: none;
    }
    html #CMD .section__highlights .slick-prev::before,
    html #CMD .section__highlights .slick-next::before {
        width: 15px;
        height: 24px;
    }
    html #CMD .section__highlights .slick-prev {
        margin-left: -179px;
    }
    html #CMD .section__highlights .slick-next {
        margin-left: 123px;
    }
    html #CMD .section__color {
        overflow: hidden;
        margin-top: 0;
        padding-top: 6px;
        padding-bottom: 0;
    }
    html #CMD .section__color .wd__content {
        display: block;
        position: absolute;
        top: 60px;
        left: 50%;
        opacity: 0;
        margin: 0;
        width: 89.2%;
        transform: translate3d(-50%, 0, 0);
        pointer-events: none;
    }
    html #CMD .section__color .wd__content .content__title {
        margin-top: 0;
    }
    html #CMD .section__color .wd__content .content__info {
        max-width: 300px;
    }
    html #CMD .section__color .wd__content.content-mobile2 .content__title {
        margin-top: 0;
        color: #1c1b19 !important;
    }
    html #CMD .section__color .wd__content.content-mobile2 .content__info {
        color: #1c1b19 !important;
    }
    html #CMD .section__color .wd__content.js-showed {
        opacity: 1;
        pointer-events: all;
    }
    html #CMD .section__color .nav-slick {
        margin-top: 25px;
        margin-left: 0;
        text-align: center;
    }
    html #CMD .section__color .nav-slick .nav {
        width: 30px;
        height: 30px;
    }
    html #CMD .section__color .img__color {
        position: relative;
        left: 50%;
        margin-top: 0;
        margin-left: -365px;
        width: 730px;
        height: 680px;
    }
    html #CMD .section__color .img__color .slick-content {
        position: relative;
        overflow: hidden;
        margin-top: 0;
        width: 100%;
        height: 680px;
    }
    html #CMD .section__color .img__color .slick-content figure {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        margin-top: -14px;
        width: 730px;
        height: 680px;
        transition: opacity 400ms ease;
    }
    html #CMD .section__color .img__color .slick-content figure .wd__content {
        display: none;
    }
    #CMD .section__color .img-slick1 {
        background-image: url("images/bg1\ \(1\).jpg");
    }
}


/* @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__color .img-slick1 {
        background-image: url("images/bg1\ \(1\).webp");
    }
}
@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__color .img-slick1 {
        background-image: url("images/bg1\ \(1\).jpg");
    }
} */

@media all and (max-width: 730.5px) {
    #CMD .section__color .img-slick2 {
        background-image: url("images/bg2.jpg");
    }
}


/* @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__color .img-slick2 {
        background-image: url("images/bg2.webp");
    }
}
@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__color .img-slick2 {
        background-image: url("images/bg2.jpg");
    }
} */

@media all and (max-width: 730.5px) {
    html #CMD .section__color .img__color .slick-content figure.js-showed {
        opacity: 1;
    }
    html #CMD .section__color .modal-button-container {
        margin-top: -90px;
    }
    html #CMD .section__mobility {
        display: inline-block;
        overflow: hidden;
        margin-top: 0;
        padding-top: 29px;
    }
    html #CMD .section__mobility .wd__content {
        margin-top: 40px;
    }
    html #CMD .section__mobility .wd__content .content__info {
        width: 100%;
        max-width: 360px;
    }
    html #CMD .section__mobility .wd__feature__list {
        margin-top: 40px;
        width: 290px;
        text-align: left;
    }
    html #CMD .section__mobility .wd__feature__list .wd__feature {
        margin-right: 23px;
        text-align: center;
    }
    html #CMD .section__mobility .img__mobility {
        margin-top: -190px;
        margin-left: -315px;
        width: 484px;
        height: 320px;
    }
    #CMD .section__mobility .img__mobility {
        background-image: url("images/s6.jpg");
    }
}


/* @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__mobility .img__mobility {
        background-image: url("images/s6.webp");
    }
}
@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__mobility .img__mobility {
        background-image: url("images/s6.jpg");
    }
} */

@media all and (max-width: 730.5px) {
    html #CMD .section__user_experience {
        overflow: hidden;
        margin-top: -17px;
        padding-top: 59px;
    }
    html #CMD .section__user_experience .wd__content {
        width: 83%;
    }
    html #CMD .section__user_experience .slick-content {
        margin: 0 auto;
        width: 100%;
        max-width: 720px;
    }
    html #CMD .section__user_experience .slick-content .slick-title {
        position: relative;
        margin-top: 40px;
        text-align: center;
    }
    html #CMD .section__user_experience .slick-content .slick-title .title-line {
        z-index: 100;
        left: 50%;
        width: 151px;
        height: 4px;
        transform: translateX(-50%);
    }
    html #CMD .section__user_experience .slick-content .slick-title .title-nav {
        position: relative;
        top: 0;
        left: 50%;
        margin-left: 0;
        padding: 10px 0;
        width: 100%;
        transition: transform 400ms ease;
    }
    html #CMD .section__user_experience .slick-content .slick-title .title-nav li {
        padding: 0 15px;
        box-sizing: border-box;
        width: auto;
        font-size: 16px;
        line-height: 1.4;
    }
    html #CMD .section__user_experience .slick-content .slick-title .title-nav li .sign-fnum {
        top: -0.6em;
    }
    html #CMD .section__user_experience .slick-content .slick-info {
        margin: 20px auto 26px;
        width: 90%;
        max-width: 350px;
    }
    html #CMD .section__user_experience .slick-content .slick-info .si {
        font-family: "Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif !important;
        font-weight: 200 !important;
        font-style: normal !important;
        font-size: 15px;
        line-height: 1.35;
    }
    html #CMD .section__user_experience .slick-content .slick-info .si .info__comment {
        display: inline-block;
        margin-top: 7px;
        color: #6f6f6f;
        font-size: 15px;
        line-height: 1.2;
    }
    html #CMD .section__user_experience .slick-content .slick-images {
        position: relative;
        left: 50%;
        margin: 25px 0 0 -160px;
        width: 320px;
        height: 178px;
    }
    html #CMD .section__user_experience .slick-content .slick-images .img-slick {
        position: absolute;
        left: 0;
        margin-left: 0;
        width: 320px;
        height: 178px;
    }
    #CMD .section__user_experience #img-slick1 {
        background-image: url("imagesp1.jpg");
    }
}


/* @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__user_experience #img-slick1 {
        background-image: url("images/p1.webp");
    }
}
@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__user_experience #img-slick1 {
        background-image: url("images/p1.jpg");
    }
} */

@media all and (max-width: 730.5px) {
    #CMD .section__user_experience #img-slick2 {
        background-image: url("images/p2.jpg");
    }
}


/* @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__user_experience #img-slick2 {
        background-image: url("images/p2.webp");
    }
}
@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__user_experience #img-slick2 {
        background-image: url("images/p2.jpg");
    }
} */

@media all and (max-width: 730.5px) {
    #CMD .section__user_experience #img-slick3 {
        background-image: url("images/p3.jpg");
    }
}


/* @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__user_experience #img-slick3 {
        background-image: url("images/p3.webp");
    }
}
@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__user_experience #img-slick3 {
        background-image: url("images/p3.jpg");
    }
} */

@media all and (max-width: 730.5px) {
    #CMD .section__user_experience #img-slick4 {
        background-image: url("images/p4.jpg");
    }
}


/* @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__user_experience #img-slick4 {
        background-image: url("images/p4.webp");
    }
}
@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__user_experience #img-slick4 {
        background-image: url("images/p4.jpg");
    }
} */

@media all and (max-width: 730.5px) {
    html #CMD .section__user_experience .modal-button-container {
        margin-top: 42px;
    }
    html #CMD .section__connect {
        overflow: hidden;
        margin-top: 0;
        padding-top: 70px;
        padding-bottom: 45px;
    }
    html #CMD .section__connect .img__connect {
        position: relative;
        left: 50%;
        margin-top: 53px;
        margin-left: -365px;
        width: 730px;
        height: 268px;
    }
    #CMD .section__connect .img__connect {
        background-image: url("images/small/1x/s8.jpg");
    }
}


/* @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__connect .img__connect {
        background-image: url("images/small/2x/s8.webp");
    }
}
@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__connect .img__connect {
        background-image: url("images/small/2x/s8.jpg");
    }
} */

@media all and (max-width: 730.5px) {
    html #CMD .section__connect .img__connect .ioPort {
        top: 85px;
        font-size: 12px;
    }
    html #CMD .section__connect .img__connect .ioPort.port1 {
        margin-left: -134px;
        width: 70px;
        text-align: left;
    }
    html #CMD .section__connect .img__connect .ioPort.port2 {
        margin-left: 0;
        width: 75px;
        text-align: right;
    }
    html #CMD .section__connect .img__connect .ioPort.port3 {
        margin-left: 107px;
        width: 55px;
        text-align: left;
    }
    html #CMD .section__connect .img__connect .ioPort.port4 {
        top: 232px;
        margin-left: -131px;
        width: 50px;
    }
    html #CMD .section__connect .img__connect .ioPort.port5 {
        top: 232px;
        margin-left: -43px;
        width: 120px;
    }
    html #CMD .section__connect .modal-button-container {
        margin-top: 10px;
    }
    html #CMD .section__software {
        overflow: hidden;
        margin-top: 0;
        padding-top: 60px;
    }
    html #CMD .section__software .img__software {
        position: relative;
        left: 50%;
        margin-top: 47px;
        margin-left: -237px;
        width: 474px;
        height: 267px;
    }
    #CMD .section__software .img__software {
        background-image: url("images/s9.jpg");
    }
}


/* @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__software .img__software {
        background-image: url("images/s9.webp");
    }
}
@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__software .img__software {
        background-image: url("images/s9.jpg");
    }
} */

@media all and (max-width: 730.5px) {
    html #CMD .section__software .modal-button-container {
        margin-top: -10px;
    }
    html #CMD .section__audio {
        overflow: hidden;
        margin-top: 0;
        padding-top: 0;
    }
    html #CMD .section__audio .wd__feature__list {
        margin-top: 40px;
    }
    html #CMD .section__audio .wd__feature__list .wd__feature {
        text-align: center;
    }
    html #CMD .section__audio .wd__feature__list .wd__feature .img__icon1 {
        margin-right: 0;
        width: 260px;
        height: 62px;
    }
    html #CMD .section__audio .img__audio {
        position: relative;
        left: 50%;
        margin-top: 56px;
        margin-left: -365px;
        width: 730px;
        height: 311px;
    }
    #CMD .section__audio .img__audio {
        background-image: url("images/s10.jpg");
    }
}

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__audio .img__audio {
        background-image: url("images/s10.webp");
    }
}

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__audio .img__audio {
        background-image: url("images/s10.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__audio .img__audio .ripple-content {
        position: absolute;
        top: 281px;
        left: 50%;
        margin-left: -278px;
        width: 619px;
        height: 129px;
    }
    html #CMD .section__audio .img__audio .ripple-content figure {
        position: absolute;
        top: 0;
        left: 0;
        width: 619px;
        height: 129px;
    }
    html #CMD .section__audio .img__audio .ripple-content figure.img-ripple1 {
        animation: none;
    }
    #CMD .section__audio .img-ripple1 {
        background-image: url("images/ripple1.jpg");
    }
}


/* @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__audio .img-ripple1 {
        background-image: url("images/ripple1.webp");
    }
}
@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__audio .img-ripple1 {
        background-image: url("images/ripple1.jpg");
    }
} */

@media all and (max-width: 730.5px) {
    html #CMD .section__audio .img__audio .ripple-content figure.img-ripple2 {
        animation: none;
    }
    #CMD .section__audio .img-ripple2 {
        background-image: url("images/ripple2.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__audio .img__audio .ripple-content figure.img-ripple3 {
        animation: none;
    }
    #CMD .section__audio .img-ripple3 {
        background-image: url("images/ripple3.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__audio .img__audio .ripple-content figure.img-ripple4 {
        animation: none;
    }
    #CMD .section__audio .img-ripple4 {
        background-image: url("images/ripple4.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__grade {
        overflow: hidden;
        margin-top: 0;
        padding-top: 40px;
    }
    html #CMD .section__grade .wd__content {
        top: 0;
    }
    html #CMD .section__grade .wd__feature__list {
        margin: 30px auto 0;
        width: 100%;
        text-align: center;
    }
    html #CMD .section__grade .wd__feature__list .wd__feature {
        margin-right: 18px;
        margin-bottom: 40px;
        margin-left: 18px;
        width: 142px;
        min-height: 135px;
    }
    html #CMD .section__grade .wd__feature__list .wd__feature .wd__feature__data .img__icon {
        margin-bottom: 9px;
        width: 80px;
        height: 78px;
    }
    html #CMD .section__grade .wd__feature__list .wd__feature .wd__feature__describe {
        line-height: 1.3 !important;
    }
    html #CMD .section__grade .wd__feature__list .wd__feature .wd__feature__describe span>span.text-title {
        font-size: 16px;
        line-height: 1.15 !important;
    }
    html #CMD .section__grade .wd__feature__list .wd__feature .wd__feature__describe span>span.text-title .no__wrap {
        font-size: 16px;
    }
    html #CMD .section__grade .img__grade {
        position: relative;
        left: 50%;
        margin-top: 10px;
        margin-bottom: 0;
        margin-left: -365px;
        width: 730px;
        height: 720px;
    }
    #CMD .section__grade .img__grade {
        background-image: url("images/s11.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__aipt_1 {
        margin-top: 0;
        padding-top: 40px;
        padding-bottom: 65px;
        background: linear-gradient(to bottom, #161d22 0%, #161d22 55%, #11171b 50%, #11171b 100%);
    }
    html #CMD .section__aipt_1 .wd__content {
        padding-top: 0;
    }
    html #CMD .section__aipt_1 .aipt-graph {
        left: 0;
        margin-top: 20px;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 320px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-content,
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar {
        display: block;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-content {
        margin: 0 auto;
        width: 90%;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item {
        margin-bottom: 38px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item .itme-icon {
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item .itme-icon .img {
        background-size: contain;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item .itme-title,
    html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item .itme-info {
        margin-left: 87px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item .itme-title {
        font-size: 15px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item .itme-info {
        margin-top: 8px;
        font-size: 13px;
        line-height: 1.4;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item.item-0 .itme-icon .img {
        top: 0;
        width: 66px;
        height: 37px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item.item-1 .itme-icon .img {
        top: 0;
        width: 69px;
        height: 61px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item.item-2 .itme-icon .img {
        top: -12px;
        width: 68px;
        height: 60px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar {
        top: 0;
        left: 50%;
        margin-top: 78px;
        margin-left: -160px;
        padding-bottom: 30px;
        width: 320px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-img figure {
        width: 175px;
        height: 173px;
        background-size: contain;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .content-text {
        font-size: 12px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-0 {
        top: unset;
        bottom: 206px;
        margin-left: -80px;
        width: 160px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-1 {
        top: 60px;
        bottom: unset;
        margin-left: 95px;
        width: 60px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-2 {
        top: 173px;
        bottom: unset;
        margin-left: 5px;
        width: 100px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-3 {
        top: 173px;
        bottom: unset;
        margin-left: -105px;
        width: 100px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-4 {
        top: 51px;
        bottom: unset;
        margin-left: -154px;
        width: 60px;
    }
    html #CMD .section__aipt_1 .img__bg {
        margin-top: 0;
        margin-bottom: 35px;
        margin-left: -365px;
        width: 730px;
        height: 620px;
    }
    #CMD .section__aipt_1 .img__bg {
        background-image: url("images/small/1x/aipt/aipt_3_bg.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__aipt_2 .grid__table {
        margin-top: 44px;
        width: 320px;
    }
    html #CMD .section__aipt_2 .grid__table .table-col {
        margin-bottom: 50px;
    }
    html #CMD .section__aipt_2 .grid__table .table-col .table-row {
        display: block;
        position: relative;
        width: 100vw;
        max-width: 320px;
        height: auto;
    }
    html #CMD .section__aipt_2 .bar-chart {
        padding: 54px 15px 120px 30px;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-lines {
        padding: 49px 19px 120px 0;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-lines .line span {
        left: -23px;
        font-size: 11px;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-key {
        margin-top: 5px;
        padding: 0 6px;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-key .key-name,
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-key .key-mode {
        left: 50%;
        margin-left: -45px;
        width: 90px;
        font-size: 12px;
        transform: scale(1);
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-key .key-mode {
        margin-top: 0;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-value .value-content {
        margin-bottom: 8px;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-value .value-content .value-top,
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-value .value-content .value-bottom {
        font-size: 12px;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-value .value-content .value-main {
        font-size: 21px;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-2 .bar-value .value-content .value-top {
        margin-bottom: -3px;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-2 .bar-value .value-content .value-top,
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-2 .bar-value .value-content .value-bottom {
        font-size: 13px;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-2 .bar-value .value-content .value-main {
        font-size: 29px;
    }
    html #CMD .section__aipt_2 .line-chart {
        padding: 25px 30px 27px;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content {
        display: flex;
        margin-bottom: 8px;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content .line-name {
        display: flex;
        align-items: flex-end;
        width: 50%;
        font-size: 12px;
        line-height: 1.2;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content .line-description {
        display: inline-flex;
        bottom: 0;
        align-items: stretch;
        justify-content: right;
        justify-content: flex-end;
        width: 50%;
        text-align: right;
        flex-wrap: nowrap;
        flex-direction: row;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content .line-description .description-text {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        font-size: 12px;
        line-height: 1.2;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content .line-description .description-text.text-hl {
        bottom: -4px;
        font-size: 29px;
        order: 6;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-graph .graph-line {
        margin-bottom: 4px;
        height: 5px;
    }
    html #CMD .section__aipt_2 .line-chart .chart-compare {
        margin-top: 13px;
    }
    html #CMD .section__aipt_2 .line-chart .chart-compare .comapre-item .item-line {
        width: 32px;
        height: 8px;
    }
    html #CMD .section__aipt_2 .line-chart .chart-compare .comapre-item .item-name {
        margin-top: 5px;
        width: 90%;
        font-size: 12px;
        line-height: 1.3;
    }
    html #CMD .section__aipt_2 .row-content {
        position: relative;
        top: 0;
        padding: 30px 28px 40px;
        transform: translateX(-50%);
    }
    html #CMD .section__aipt_2 .row-content .content__title {
        font-size: 27px;
        line-height: 1.15;
    }
    html #CMD .section__aipt_2 .row-content .content__info {
        font-size: 15px;
        line-height: 1.4;
    }
    html #CMD .section__aipt_2 .row-content .content__info sup.footnote-num {
        top: -0.8em;
        font-size: 0.6em;
    }
    html #CMD .section__aipt_2 .table-col.col-1 .table-row .img__row {
        width: 320px;
        height: 320px;
    }
    #CMD .section__aipt_2 .table-col.col-1 .img__row {
        background-image: url("images/small/1x/aipt/aipt_grid_1.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__aipt_2 .table-col.col-3 .wd__feature__list {
        margin-top: 22px;
        margin-bottom: -40px;
    }
    html #CMD .section__aipt_2 .table-col.col-3 .wd__feature__list .wd__feature__describe {
        text-align: left;
    }
    html #CMD .section__aipt_2 .table-col.col-3 .table-row .img__row {
        width: 320px;
        height: 320px;
    }
    #CMD .section__aipt_2 .table-col.col-3 .img__row {
        background-image: url("images/small/1x/aipt/aipt_grid_3.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__aipt_3 {
        padding-top: 0;
    }
    html #CMD .section__aipt_3 .wd__content {
        padding-top: 0;
    }
    html #CMD .section__aipt_3 .wd__content .content__title {
        width: 100%;
        max-width: 768px;
    }
    html #CMD .section__aipt_3 .wd__content .content__info {
        max-width: 720px;
    }
    html #CMD .section__aipt_3 .wd__content .content__comment {
        max-width: 720px;
    }
    html #CMD .section__aipt_3 .wd__feature__list {
        max-width: 400px;
    }
    html #CMD .section__aipt_3 .wd__feature__list .wd__feature {
        margin: 0 18px 40px;
        min-width: 97px;
    }
    html #CMD .section__aipt_3 .wd__feature__list .feature-2 .wd__feature__describe__top,
    html #CMD .section__aipt_3 .wd__feature__list .feature-3 .wd__feature__describe__top,
    html #CMD .section__aipt_3 .wd__feature__list .feature-4 .wd__feature__describe__top,
    html #CMD .section__aipt_3 .wd__feature__list .feature-5 .wd__feature__describe__top,
    html #CMD .section__aipt_3 .wd__feature__list .feature-6 .wd__feature__describe__top {
        display: none;
    }
    html #CMD .section__aipt_3 .img__bg {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: -365px;
        width: 730px;
        height: 620px;
    }
    #CMD .section__aipt_3 .img__bg {
        background-image: url("images/small/1x/aipt/aipt_3_bg.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__screenpad_1 {
        margin-top: -5px;
        padding-top: 73px;
        padding-bottom: 0;
    }
    html #CMD .section__screenpad_1 .wd__content .content__title {
        width: 100%;
        max-width: 410px;
    }
    html #CMD .section__screenpad_1 .wd__content .content__info {
        width: 101%;
        max-width: 720px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 {
        left: 50%;
        margin: -85px 0 0 -360px;
        width: 720px;
        height: 578px;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 {
        background-image: url("images/small/1x/animation/screenpad_1/nb.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar {
        position: absolute;
        z-index: 120;
        top: 256px;
        left: 50%;
        opacity: 1;
        margin-left: -300px;
        width: 600px;
        height: 125px;
        background: #bacfea;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content {
        opacity: 1;
        margin-top: 12px;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 600px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem {
        margin: 0;
        width: 880px;
        height: 138px;
        transform: translate3d(0, 0, 0);
        transition: transform 200ms ease-in-out;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li {
        position: relative;
        cursor: pointer;
        float: left;
        list-style-type: none;
        margin: 0 10px;
        padding-top: 72px;
        width: 90px;
        height: 68px;
        line-height: 17px;
        color: #000;
        font-size: 13px;
        transform: translateY(0);
        transition: color 600ms linear, transform 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li span {
        display: block;
        margin-right: auto;
        margin-left: auto;
        width: 70px;
        text-align: center;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_1:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -40px;
        width: 80px;
        height: 68px;
        content: '';
        background-size: cover;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_2:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -40px;
        width: 80px;
        height: 68px;
        content: '';
        background-size: cover;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_3:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -40px;
        width: 80px;
        height: 68px;
        content: '';
        background-size: cover;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_4:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -40px;
        width: 80px;
        height: 68px;
        content: '';
        background-size: cover;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_5:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -40px;
        width: 80px;
        height: 68px;
        content: '';
        background-size: cover;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_6:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -40px;
        width: 80px;
        height: 68px;
        content: '';
        background-size: cover;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_7:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -40px;
        width: 80px;
        height: 68px;
        content: '';
        background-size: cover;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_8:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -40px;
        width: 80px;
        height: 68px;
        content: '';
        background-size: cover;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navLine {
        position: relative;
        margin-top: -35px;
        width: 100%;
        max-width: 600px;
        border-bottom: 1px solid #000;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navLine div {
        display: block;
        position: absolute;
        top: -2px;
        left: 50%;
        width: 80px;
        height: 2px;
        background: #000;
        transform: translate3d(-40px, 0, 0) !important;
        transition: transform 200ms ease-in-out;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navText {
        position: relative;
        left: 50%;
        margin-top: 118px;
        margin-left: -145px;
        width: 100%;
        max-width: 290px;
        font-size: 15px;
        text-align: center;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navText span {
        font-family: "Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif !important;
        font-weight: 200 !important;
        font-style: normal !important;
        display: block;
        position: absolute;
        right: 0;
        left: 0;
        opacity: 0;
        margin: 0 auto;
        transition: opacity 200ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navText span.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen {
        position: absolute;
        z-index: 100;
        top: 129px;
        left: 50%;
        margin-left: -197px;
        width: 402px;
        height: 111px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen::before {
        display: block;
        position: absolute;
        z-index: 999;
        top: -14px;
        left: -12px;
        content: '';
        width: 418px;
        height: 144px;
        background-size: cover;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen:before {
        background-image: url("images/small/1x/animation/screenpad_1/mask.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_1 {
        position: absolute;
        top: -2px;
        left: -4px;
        opacity: 0;
        width: 402px;
        height: 111px;
        transition: opacity 400ms;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_1:before {
        background-image: url("images/large/1x/icons/screenpad_1/icon1.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_1.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_2 {
        position: absolute;
        top: -2px;
        left: -4px;
        opacity: 0;
        width: 402px;
        height: 111px;
        transition: opacity 400ms;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_2:before {
        background-image: url("images/large/1x/icons/screenpad_1/icon2.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_2.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_3 {
        position: absolute;
        top: -2px;
        left: -4px;
        opacity: 0;
        width: 402px;
        height: 111px;
        transition: opacity 400ms;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_3:before {
        background-image: url("images/large/1x/icons/screenpad_1/icon3.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_3.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_4 {
        position: absolute;
        top: -2px;
        left: -4px;
        opacity: 0;
        width: 402px;
        height: 111px;
        transition: opacity 400ms;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_4:before {
        background-image: url("images/large/1x/icons/screenpad_1/icon4.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_4.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_5 {
        position: absolute;
        top: -2px;
        left: -4px;
        opacity: 0;
        width: 402px;
        height: 111px;
        transition: opacity 400ms;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_5:before {
        background-image: url("images/large/1x/icons/screenpad_1/icon5.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_5.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_6 {
        position: absolute;
        top: -2px;
        left: -4px;
        opacity: 0;
        width: 402px;
        height: 111px;
        transition: opacity 400ms;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_6:before {
        background-image: url("images/large/1x/icons/screenpad_1/icon6.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_6.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_7 {
        position: absolute;
        top: -2px;
        left: -4px;
        opacity: 0;
        width: 402px;
        height: 111px;
        transition: opacity 400ms;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_7:before {
        background-image: url("images/large/1x/icons/screenpad_1/icon7.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_7.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_8 {
        position: absolute;
        top: -2px;
        left: -4px;
        opacity: 0;
        width: 402px;
        height: 111px;
        transition: opacity 400ms;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_8:before {
        background-image: url("images/large/1x/icons/screenpad_1/icon8.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_8.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen {
        position: absolute;
        z-index: 100;
        top: 385px;
        left: 50%;
        margin-left: -73px;
        width: 145px;
        height: 66px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen::before {
        display: block;
        position: absolute;
        z-index: 999;
        top: -2px;
        left: -3px;
        content: '';
        width: 150px;
        height: 70px;
        background-size: cover;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen:before {
        background-image: url("images/small/1x/animation/screenpad_1/mask_pad.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_1 {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 145px;
        height: 66px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_1.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_2 {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 145px;
        height: 66px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_2.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_3 {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 145px;
        height: 66px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_3.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_4 {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 145px;
        height: 66px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_4.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_5 {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 145px;
        height: 66px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_5.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_6 {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 145px;
        height: 66px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_6.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_7 {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 145px;
        height: 66px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_7.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_8 {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 145px;
        height: 66px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_8.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_2 {
        margin-top: 0;
        padding-top: 85px;
        padding-bottom: 0;
    }
    html #CMD .section__screenpad_2 .wd__content .content__info {
        width: 100%;
        max-width: 720px;
    }
    html #CMD .section__screenpad_2 .img__screenpad_2 {
        left: 50%;
        margin: 5px 0 55px -325px;
        width: 650px;
        height: 344px;
    }
    #CMD .section__screenpad_2 .img__screenpad_2 {
        background-image: url("images/small/1x/s_screenpad_2.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__screenpad_2 .img__screenpad_2 .content__comment {
        position: absolute;
        bottom: -15px;
        left: 50%;
        color: #999;
        font-size: å 15px;
        line-height: 1.4;
        transform: translateX(-50%);
    }
    html #CMD .section__noise {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    html #CMD .section__noise .wd__content {
        width: 90%;
    }
    html #CMD .section__noise .wd__content .content__info {
        width: 100%;
    }
    html #CMD .section__noise .sub__content {
        margin: 50px auto 0;
        width: 89.2%;
        max-width: 520px;
        text-align: left;
    }
    html #CMD .section__noise .sub__content .content__title {
        font-size: 23px;
    }
    html #CMD .section__noise .sub__content .content__info {
        font-family: "Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif !important;
        font-weight: 200 !important;
        font-style: normal !important;
        margin-top: 11px;
        font-size: 17px;
        letter-spacing: 0.1px;
        line-height: 1.45;
    }
    html #CMD .section__noise .nav__noise {
        margin-top: 59px;
        flex-direction: column;
    }
    html #CMD .section__noise .nav__noise .nav__item {
        margin: 0 auto 13px;
        padding: 13px 15px;
        box-sizing: border-box;
        width: 89.2%;
        max-width: 400px;
        border-width: 1px;
    }
    html #CMD .section__noise .nav__noise .nav__item.js-selected {
        border-width: 1px;
    }
    html #CMD .section__noise .nav__noise .nav__item .nav__content {
        width: 100%;
    }
    html #CMD .section__noise .nav__noise .nav__item .nav__content .img__icon {
        display: inline-block;
        margin-right: 8px;
        width: 45px;
        height: 45px;
    }
    html #CMD .section__noise .nav__noise .nav__item .nav__content .nav__text {
        display: inline-block;
        width: calc(100% - 54px);
    }
    html #CMD .section__noise .nav__noise .nav__item .nav__content .nav__text .content__title {
        font-size: 23px;
    }
    html #CMD .section__noise .nav__noise .nav__item .nav__content .nav__text .content__info {
        margin-top: 3px;
        font-size: 17px;
        letter-spacing: 0.1px;
        line-height: 1.45;
    }
    html #CMD .section__noise .noise__switcher {
        margin-top: 30px;
    }
    html #CMD .section__noise .noise__switcher span {
        font-size: 20px;
    }
    html #CMD .section__noise .img__noise {
        margin-top: -78px;
        transform: scale(0.52);
    }
    html #CMD .section__noise .modal-button-container {
        margin-top: -80px;
    }
    html #CMD .section__inner__noise {
        padding-top: 22px;
        background: #2a2a2a;
    }
    html #CMD .section__inner__noise .wd__content .content__info {
        width: 100%;
        max-width: 760px;
    }
    html #CMD .section__inner__noise .noise__switcher {
        margin-top: 40px;
    }
    html #CMD .section__inner__noise .noise__switcher span {
        font-size: 20px;
    }
    html #CMD .section__inner__noise .img__inner__noise {
        margin-top: -210px;
        margin-bottom: -128px;
        transform: scale(0.3);
    }
    html #CMD .section__comment {
        margin-top: -60px;
        padding-top: 0;
        padding-bottom: 42px;
    }
    html #CMD .section__comment .footnotes ul.footnote li {
        color: #999;
    }
    html #CMD .inner-view {
        margin-bottom: 0;
        background: transparent;
    }
    html #CMD .inner-view .inner-view-container {
        position: relative;
        margin-right: auto;
        margin-left: auto;
        max-width: 720px;
        background: transparent;
    }
    html #CMD .inner-view .inner-view-container .inner-modal {
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 0;
        width: 100%;
        max-width: 720px;
    }
    html #CMD .inner-view .inner-view-container .inner-modal.modal-thin {
        background-color: #fff;
    }
    html #CMD .inner-view .inner-view-container .wd__section {
        overflow: visible !important;
    }
    html #CMD .inner-view .inner-view-container .wd__section .wd__content {
        width: 89.2% !important;
    }
    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan {
        color: #333;
    }
    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title {
        font-size: 27px;
        margin-top: 19px;
    }
    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__info {
        margin-top: 15px;
    }
    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan::before,
    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan::after,
    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title::before,
    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title::after {
        display: none;
    }
    html #CMD .inner-view .section__btn__home::before {
        background: none;
    }
    html #CMD #section__inner2_1 {
        padding-top: 40px;
        padding-bottom: 80px;
    }
    html #CMD #section__inner2_1 .wd__content {
        width: 89.2%;
        max-width: 720px;
    }
    html #CMD #section__inner2_1 .wd__feature__list .wd__feature {
        max-width: 107px;
    }
    html #CMD #section__inner2_1 .img__inner2_1 {
        margin-top: -304px;
        transform: scale(0.31);
    }
    html #CMD #section__inner2_1 .img__inner2_1 .img__interface {
        background-image: url("images/scale/50p/1x/animation/inner2/interface.jpg");
    }
}

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    html #CMD #section__inner2_1 .img__inner2_1 .img__interface {
        background-image: url("images/scale/50p/2x/animation/inner2/interface.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD #section__inner2_1 .img__inner2_1 .img__toolbar {
        background-image: url("images/scale/50p/1x/animation/inner2/toolbar.jpg");
    }
}

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    html #CMD #section__inner2_1 .img__inner2_1 .img__toolbar {
        background-image: url("images/scale/50p/2x/animation/inner2/toolbar.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD #section__inner2_1 .compare {
        position: relative;
        margin: -255px auto 0;
        width: 320px;
    }
    html #CMD #section__inner2_1 .compare .img__compare-1,
    html #CMD #section__inner2_1 .compare .img__compare-2 {
        display: block;
        position: relative;
        margin-right: auto;
        margin-bottom: 18px;
        margin-left: auto;
        width: 278px;
        height: 220px;
        background-size: contain;
    }
    html #CMD #section__inner2_1 .compare .img__compare-1 .compare-text,
    html #CMD #section__inner2_1 .compare .img__compare-2 .compare-text {
        position: absolute;
        top: -15px;
        left: 50%;
        margin-left: -150px;
        width: 300px;
        font-size: 16px;
    }
    html #CMD #section__inner2_1 .compare .img__compare-2 {
        margin-bottom: 30px;
    }
    html #CMD #section__inner3_1 {
        margin-top: 0;
        padding-top: 60px;
        padding-bottom: 100px;
    }
    html #CMD #section__inner3_1 .wd__content {
        position: relative;
        width: 100%;
    }
    html #CMD #section__inner3_1 .wd__content .content__title {
        color: #fff;
        width: 80%;
    }
    html #CMD #section__inner3_1 .wd__content .content__info {
        width: 100%;
        max-width: 740px;
        color: #fff;
    }
    html #CMD #section__inner3_1 .wd__feature__list {
        margin-top: 50px;
    }
    html #CMD #section__inner3_1 .wd__feature__list .wd__feature {
        margin: 0 25px 25px;
    }
    html #CMD #section__inner3_1 .img__inner3_1 {
        position: relative;
        left: 50%;
        margin-top: -27px;
        margin-left: -365px;
        width: 730px;
        height: 292px;
    }
    #CMD #section__inner3_1 .img__inner3_1 {
        background-image: url("images/small/1x/inner/s3/01_bg.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD #section__inner7_1 {
        margin-bottom: -40px;
        padding-top: 40px;
        padding-bottom: 0;
        background: #0a0f13 !important;
    }
    html #CMD #section__inner7_1 .wd__content {
        position: relative;
        width: 100%;
        left: 0;
        margin-top: 0;
        margin-left: auto;
    }
    html #CMD #section__inner7_1 .wd__content .content__title {
        color: #fff;
    }
    html #CMD #section__inner7_1 .wd__content .content__info {
        color: #fff;
        width: 100%;
        max-width: 700px;
    }
    html #CMD #section__inner7_1 .wd__feature__list {
        margin-top: 51px;
    }
    html #CMD #section__inner7_1 .wd__feature__list .wd__feature {
        margin-right: 14px;
        margin-left: 14px;
        width: 105px;
        vertical-align: bottom;
    }
    html #CMD #section__inner7_1 .wd__feature__list .wd__feature .img__icon {
        margin-bottom: 12px;
        width: 64px;
        height: 40px;
    }
    html #CMD #section__inner7_1 .img__inner7_1 {
        position: relative;
        left: 50%;
        margin-top: 10px;
        margin-left: -365px;
        width: 730px;
        height: 394px;
    }
    #CMD #section__inner7_1 .img__inner7_1 {
        background-image: url("images/small/1x/inner/s7/01_bg.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD #section__inner7_2 {
        padding-top: 40px;
        padding-bottom: 0;
        background: #0a0f13 !important;
    }
    html #CMD #section__inner7_2 .wd__content {
        position: relative;
        width: 100%;
        left: 0;
        margin-left: auto;
    }
    html #CMD #section__inner7_2 .wd__content .content__title {
        color: #fff;
    }
    html #CMD #section__inner7_2 .wd__content .content__info {
        color: #fff;
        width: 100%;
        max-width: 700px;
    }
    html #CMD #section__inner7_2 .wd__feature__list {
        margin-top: 51px;
        margin-right: auto;
        margin-left: auto;
        max-width: 400px;
    }
    html #CMD #section__inner7_2 .wd__feature__list .wd__feature {
        margin-right: 14px;
        margin-left: 14px;
        width: 105px;
    }
    html #CMD #section__inner7_2 .wd__feature__list .wd__feature .img__icon {
        margin-bottom: 12px;
        width: 64px;
        height: 54px;
    }
    html #CMD #section__inner7_2 .img__inner7_2 {
        position: relative;
        left: 50%;
        margin-top: -180px;
        margin-left: -365px;
        width: 730px;
        height: 429px;
    }
    #CMD #section__inner7_2 .img__inner7_2 {
        background-image: url("images/small/1x/inner/s7/02_bg.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD #section__inner8_1 {
        overflow: hidden;
        padding-top: 40px;
        padding-bottom: 0;
        background: #0a0f15;
    }
    html #CMD #section__inner8_1 .wd__content {
        position: relative;
        left: 0;
        margin: 0 auto 0;
    }
    html #CMD #section__inner8_1 .wd__content .content__title {
        color: #fff;
        max-width: 640px;
    }
    html #CMD #section__inner8_1 .wd__content .content__info {
        color: #fff;
    }
    html #CMD #section__inner8_1 .wd__feature__list {
        margin-top: 50px;
        margin-right: auto;
        margin-left: auto;
        width: 650px;
    }
    html #CMD #section__inner8_1 .wd__feature__list .wd__feature {
        margin: 0 20px 50px;
    }
    html #CMD #section__inner8_1 .wd__feature__list .wd__feature.feature-1 {
        width: 152px;
    }
    html #CMD #section__inner8_1 .wd__feature__list .wd__feature.feature-2,
    html #CMD #section__inner8_1 .wd__feature__list .wd__feature.feature-3 {
        width: 178px;
    }
    html #CMD #section__inner8_1 .img__inner8_1 {
        position: relative;
        left: 50%;
        margin-top: -67px;
        margin-bottom: 0;
        margin-left: -365px;
        width: 730px;
        height: 420px;
    }
    #CMD #section__inner8_1 .img__inner8_1 {
        background-image: url("images/small/1x/inner/s8/01_bg.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD #section__inner8_2 {
        overflow: hidden;
        margin-top: 10px;
        padding-top: 10px;
        background: #0a0f15;
    }
    html #CMD #section__inner8_2 .wd__content {
        position: relative;
        left: 0%;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: -40px;
    }
    html #CMD #section__inner8_2 .wd__content .content__title {
        width: 88%;
        color: #fff;
    }
    html #CMD #section__inner8_2 .wd__content .content__info {
        width: 100%;
        max-width: 800px;
        color: #fff;
    }
    html #CMD #section__inner8_2 .wd__content .content__comment {
        width: 610px;
    }
    html #CMD #section__inner8_2 .img__inner8_2 {
        position: relative;
        left: 50%;
        margin-top: -20px;
        margin-bottom: -25px;
        margin-left: -365px;
        width: 730px;
        height: 560px;
    }
    #CMD #section__inner8_2 .img__inner8_2 {
        background-image: url("images/small/1x/inner/s8/02_bg.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD #section__inner9_1 {
        overflow: hidden;
        padding-top: 30px;
        background: transparent;
    }
    html #CMD #section__inner9_1 .wd__content {
        position: relative;
        left: 0%;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
    }
    html #CMD #section__inner9_1 .wd__content .content__title {
        color: #fff;
    }
    html #CMD #section__inner9_1 .wd__content .content__info {
        color: #fff;
    }
    html #CMD #section__inner9_1 .img__inner9_1 {
        position: relative;
        left: 50%;
        margin-top: -68px;
        margin-bottom: -60px;
        margin-left: -365px;
        width: 730px;
        height: 568px;
    }
    #CMD #section__inner9_1 .img__inner9_1 {
        background-image: url("images/small/1x/inner/s9/01_bg.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD #section__inner9_2 {
        overflow: hidden;
        padding-top: 54px;
        padding-bottom: 130px;
        background: #000103;
    }
    html #CMD #section__inner9_2 .wd__content {
        position: relative;
        left: 0%;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
    }
    html #CMD #section__inner9_2 .wd__content .content__title {
        color: #fff;
    }
    html #CMD #section__inner9_2 .wd__content .content__info {
        color: #fff;
    }
    html #CMD #section__inner9_2 .img__inner9_2 {
        position: relative;
        left: 50%;
        margin-top: -27px;
        margin-bottom: -60px;
        margin-left: -365px;
        width: 730px;
        height: 330px;
    }
    #CMD #section__inner9_2 .img__inner9_2 {
        background-image: url("images/small/1x/inner/s9/02_bg.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD #section__inner9_2 .img__inner9_2 #video-s9i2-big {
        top: 79px;
        left: 1px;
        width: 201px;
        height: 113px;
    }
    html #CMD #section__inner9_2 .img__inner9_2 #video-s9i2-small {
        top: 116px;
        left: -2px;
        width: 124px;
        height: 78px;
    }
    html #CMD .section__adobeBanner {
        overflow: hidden;
        margin-top: 0;
        padding-top: 2px;
        padding-bottom: 0;
    }
    html #CMD .section__adobeBanner .banner__container .banner__item {
        min-height: 486px;
    }
    html #CMD .section__adobeBanner .banner__container .wd__content {
        top: 0;
        padding-top: 55px;
        padding-bottom: 60px;
    }
    html #CMD .section__adobeBanner .banner__container .wd__content .content__title {
        max-width: 590px;
    }
    html #CMD .section__adobeBanner .banner__container .img__main {
        left: 50%;
        margin-top: -329px;
        margin-left: -365px;
        width: 730px;
        height: 644px;
    }
    #CMD .section__adobeBanner .img__main {
        background-image: url("images/adobe_banner_creativecloud.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__adobeBanner+.section__comment {
        position: relative;
        z-index: 9;
        margin-top: -1px;
        padding-top: 24px;
    }
}

@media all and (min-width: 0) and (max-width: 500px) {
    html #CMD .section__mobility .wd__feature__list {
        max-width: 280px;
    }
}


/* -------------------------------------------------- */

@charset "UTF-8";

/*** Global ***/

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

html {
    font-size: 15px;
}

body {
    font-size: 1em;
    line-height: 1.3;
}

.inline__block {
    display: inline-block;
}

sup {
    position: relative;
    vertical-align: baseline;
    top: -0.44em;
    font-size: 0.6em;
    line-height: 0;
}

sup.sign-deg {
    top: -0.5em;
}

sup.sign-star {
    top: -0.83em;
    font-size: 0.5em;
}

sup.sign-cr {
    top: -0.3em;
    font-size: 0.7em;
}

sup.footnote-num {
    top: -1.7em;
    font-size: 0.33em;
}

.wd__content .content__info sup.sign-e {
    top: -0.7em;
}

.wd__content .content__info sup.sign-cr {
    top: 0;
    font-size: 1.1em;
}

.wd__content .content__info sup.sign-tm {
    top: 0;
    font-size: 1em;
}

.wd__content .content__info sup.sign-star {
    top: -0.17em;
    font-size: 1em;
}

.wd__content .content__info sup.sign-deg {
    top: -0.1em;
    padding: 0 0.02em;
    font-size: 1em;
}

.wd__content .content__info sup.footnote-num {
    top: -0.97em;
    font-size: 0.5em;
}

.wd__feature__list .wd__feature .wd__feature__describe sup.sign-cr {
    top: 0.1em;
    font-size: 1.1em;
}

.wd__feature__list .wd__feature .wd__feature__describe sup.sign-tm {
    top: 0;
    font-size: 1em;
}

.wd__feature__list .wd__feature .wd__feature__describe sup.sign-deg {
    top: -0.1em;
    font-size: 1em;
}

.wd__feature__list .wd__feature .wd__feature__describe sup.footnote-num {
    top: -0.86em;
    font-size: 0.5em;
}

.wd__feature__list .wd__feature .wd__feature__describe span sup.sign-deg {
    padding: 0 0.02em;
}

.wd__feature__list .wd__feature .wd__feature__data .sign-e {
    top: -1.2em;
    font-size: 0.4em;
}

.footnote-item sup.sign-deg {
    top: -0.2em;
    font-size: 0.9em;
}

.footnote-item sup.sign-tm {
    top: -0.09em;
    font-size: 0.9em;
}

.footnote-item sup.sign-cr {
    top: 0.03em;
    font-size: 1.1em;
}

.ie #CMD sup {
    top: -0.1em;
    font-size: 1em;
    line-height: unset;
}

.ie #CMD sup.sign-deg {
    top: -0.5em;
}

.ie #CMD sup.sign-star {
    top: -0.83em;
    font-size: 0.5em;
}

.ie #CMD sup.sign-cr {
    top: -0.2em;
    font-size: 1em;
}

.ie #CMD sup.sign-fnum {
    top: -0.5em;
    font-size: 0.7em;
}

.ie #CMD sup.footnote-num {
    top: -1.7em;
    font-size: 0.33em;
}

.ie #CMD .wd__content .content__title sup.sign-tm {
    top: -0.5em;
    font-size: 0.7em;
}

.ie #CMD .wd__content .content__info sup.sign-e {
    top: -0.7em;
    font-size: 0.75em;
}

.ie #CMD .wd__content .content__info sup.sign-cr {
    top: 0;
    font-size: 1.3em;
}

.ie #CMD .wd__content .content__info sup.sign-tm {
    top: -0.1em;
    font-size: 1.2em;
}

.ie #CMD .wd__content .content__info sup.sign-star {
    top: -0.17em;
    font-size: 1em;
}

.ie #CMD .wd__content .content__info sup.sign-deg {
    top: -0.1em;
    padding: 0 0.02em;
    font-size: 1em;
}

.ie #CMD .wd__content .content__info sup.footnote-num {
    top: -0.97em;
    font-size: 0.5em;
}

.ie #CMD .wd__feature__list .wd__feature .wd__feature__describe sup.sign-cr {
    top: 0;
    font-size: 1.3em;
}

.ie #CMD .wd__feature__list .wd__feature .wd__feature__describe sup.sign-tm {
    top: 0;
    font-size: 1.3em;
}

.ie #CMD .wd__feature__list .wd__feature .wd__feature__describe sup.sign-deg {
    top: -0.1em;
    font-size: 1em;
}

.ie #CMD .wd__feature__list .wd__feature .wd__feature__describe sup.footnote-num {
    top: -0.86em;
    font-size: 0.5em;
}

.ie #CMD .wd__feature__list .wd__feature .wd__feature__describe span sup.sign-deg {
    padding: 0 0.02em;
}

@media all and (min-width: 1280px) {
    .wd__content .content__slogan sup.sign-star {
        top: -0.5em;
        font-size: 0.6em;
    }
    .wd__content .content__slogan sup.footnote-num {
        top: -1.4em;
    }
    .wd__content .content__title sup.sign-star {
        top: -0.8em;
    }
    .wd__content .content__title sup.sign-tm {
        top: -0.3em;
        font-size: 0.7em;
    }
    .wd__content .content__title sup.footnote-num {
        top: -1.65em;
    }
    .wd__content .content__info sup.sign-star {
        top: -0.1em;
    }
    .wd__content .content__info sup.footnote-num {
        top: -0.9em;
    }
    .wd__feature__list .wd__feature .wd__feature__data sup.sign-star {
        top: -0.75em;
        font-size: 0.5em;
    }
    .wd__feature__list .wd__feature .wd__feature__data sup.footnote-num {
        top: -1.75em;
        font-size: 0.3em;
    }
    .wd__feature__list .wd__feature .wd__feature__data span sup.sign-tm {
        top: -0.2em;
        font-size: 0.8em;
    }
    .wd__feature__list .wd__feature .wd__feature__data span sup.sign-cr {
        top: -0.2em;
        font-size: 0.8em;
    }
    .wd__feature__list .wd__feature .wd__feature__data span sup.sign-star {
        top: -0.4em;
        font-size: 0.7em;
    }
    .wd__feature__list .wd__feature .wd__feature__data span sup.sign-deg {
        top: -0.1em;
        font-size: 0.9em;
    }
    .wd__feature__list .wd__feature .wd__feature__data span sup.footnote-num {
        top: -1.2em;
        font-size: 0.43em;
    }
    .wd__feature__list .wd__feature .wd__feature__describe sup.sign-cr {
        top: 0.1em;
        font-size: 1.3em;
    }
    .wd__feature__list .wd__feature .wd__feature__describe sup.sign-star {
        top: -0.03em;
        font-size: 1.25em;
    }
    .wd__feature__list .wd__feature .wd__feature__describe sup.footnote-num {
        top: -0.7em;
        font-size: 0.6em;
    }
    .section__kv .wd__content .content__title sup.sign-star {
        top: -0.65em;
        font-size: 0.55em;
    }
    .section__kv .wd__content .content__title sup.footnote-num {
        top: -1.6em;
    }
    .section__kv .wd__content .content__info sup.sign-star {
        top: -0.2em;
        font-size: 0.9em;
    }
    .section__kv .wd__content .content__info sup.sign-deg {
        padding: 0;
    }
    .section__kv .wd__content .content__info sup.footnote-num {
        top: -1em;
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    sup {
        top: -0.5em;
    }
    sup.sign-deg {
        top: -0.25em;
        font-size: 0.8em;
    }
    sup.sign-cr {
        top: -0.35em;
    }
    sup.sign-star {
        top: -0.3em;
        font-size: 0.8em;
    }
    sup.footnote-num {
        top: -0.7em;
        font-size: 0.7em;
    }
    .wd__content .content__slogan sup.sign-tm {
        top: -0.1em;
        font-size: 1em;
    }
    .wd__content .content__slogan sup.sign-cr {
        top: -0.27em;
        font-size: 0.7em;
    }
    .wd__content .content__slogan sup.sign-star {
        top: -0.37em;
        font-size: 0.75em;
    }
    .wd__content .content__slogan sup.footnote-num {
        top: -1.5em;
    }
    .wd__content .content__title sup.sign-tm {
        top: -0.45em;
    }
    .wd__content .content__title sup.sign-star {
        top: -0.77em;
    }
    .wd__content .content__title sup.sign-cr {
        top: -0.3em;
    }
    .wd__content .content__title sup.footnote-num {
        top: -0.4em;
    }
    .wd__content .content__info sup.sign-star {
        top: -0.08em;
        font-size: 1.1em;
    }
    .wd__content .content__info sup.footnote-num {
        top: -0.8em;
        font-size: 0.6em;
    }
    .wd__feature__list .wd__feature .wd__feature__data sup.sign-cr {
        top: -0.3em;
    }
    .wd__feature__list .wd__feature .wd__feature__data sup.sign-tm {
        top: -0.42em;
    }
    .wd__feature__list .wd__feature .wd__feature__data sup.footnote-num {
        top: -1.56em;
    }
    .wd__feature__list .wd__feature .wd__feature__data sup.sign-star {
        top: -0.6em;
        font-size: 0.55em;
    }
    .wd__feature__list .wd__feature .wd__feature__data span sup.sign-tm {
        top: -0.15em;
        font-size: 0.8em;
    }
    .wd__feature__list .wd__feature .wd__feature__data span sup.sign-cr {
        top: -0.2em;
        font-size: 0.8em;
    }
    .wd__feature__list .wd__feature .wd__feature__data span sup.sign-star {
        top: -0.34em;
        font-size: 0.7em;
    }
    .wd__feature__list .wd__feature .wd__feature__data span sup.footnote-num {
        top: -1.1em;
        font-size: 0.43em;
    }
    .wd__feature__list .wd__feature .wd__feature__describe sup.sign-cr {
        top: 0;
    }
    .wd__feature__list .wd__feature .wd__feature__describe sup.sign-star {
        top: 0;
        font-size: 1.35em;
    }
    .wd__feature__list .wd__feature .wd__feature__describe sup.footnote-num {
        top: -0.47em;
        font-size: 0.8em;
    }
    .section__kv .wd__content .content__title sup.sign-tm {
        top: -0.45em;
    }
    .section__kv .wd__content .content__title sup.sign-star {
        top: -0.48em;
        font-size: 0.65em;
    }
    .section__kv .wd__content .content__title sup.footnote-num {
        top: -1.57em;
    }
    .section__kv .wd__content .content__info sup.sign-star {
        top: -0.2em;
        font-size: 0.9em;
    }
    .section__kv .wd__content .content__info sup.footnote-num {
        top: -1.25em;
        font-size: 0.4em;
    }
    .footnote-item sup.sign-cr {
        top: 0.1em;
    }
}

@media all and (max-width: 730.5px) {
    sup.sign-deg {
        top: -0.25em;
        font-size: 0.8em;
    }
    sup.sign-star {
        top: -0.3em;
        font-size: 0.8em;
    }
    sup.footnote-num {
        top: -0.7em;
        font-size: 0.7em;
    }
    .wd__content .content__slogan sup.sign-tm {
        top: -0.1em;
        font-size: 1em;
    }
    .wd__content .content__slogan sup.sign-cr {
        top: -0.31em;
    }
    .wd__content .content__slogan sup.sign-star {
        top: -0.1em;
        font-size: 1.1em;
    }
    .wd__content .content__slogan sup.footnote-num {
        top: -0.85em;
        font-size: 0.5em;
    }
    .wd__content .content__title sup.sign-cr {
        top: -0.06em;
        font-size: 0.9em;
    }
    .wd__content .content__title sup.sign-tm {
        top: -0.2em;
        font-size: 0.8em;
    }
    .wd__content .content__title sup.sign-star {
        top: -0.42em;
        font-size: 0.7em;
    }
    .wd__content .content__title sup.footnote-num {
        top: -1.3em;
        font-size: 0.4em;
    }
    .wd__content .content__info sup.sign-cr {
        top: 0.15em;
        font-size: 1.4em;
    }
    .wd__content .content__info sup.sign-tm {
        top: 0.1em;
        font-size: 1.2em;
    }
    .wd__content .content__info sup.sign-star {
        top: 0;
        font-size: 1.25em;
    }
    .wd__content .content__info sup.footnote-num {
        top: -0.7em;
        font-size: 0.6em;
    }
    .wd__feature__list .wd__feature .wd__feature__data sup.sign-cr {
        top: -0.24em;
        font-size: 0.75em;
    }
    .wd__feature__list .wd__feature .wd__feature__data sup.sign-tm {
        top: -0.27em;
        font-size: 0.7em;
    }
    .wd__feature__list .wd__feature .wd__feature__data sup.sign-star {
        top: -0.4em;
        font-size: 0.7em;
    }
    .wd__feature__list .wd__feature .wd__feature__data sup.footnote-num {
        top: -1.3em;
        font-size: 0.4em;
    }
    .wd__feature__list .wd__feature .wd__feature__data span sup.sign-cr {
        top: -0.11em;
        font-size: 0.9em;
    }
    .wd__feature__list .wd__feature .wd__feature__data span sup.sign-tm {
        top: -0.23em;
    }
    .wd__feature__list .wd__feature .wd__feature__data span sup.sign-star {
        top: -0.22em;
        font-size: 0.88em;
    }
    .wd__feature__list .wd__feature .wd__feature__data span sup.footnote-num {
        top: -1.2em;
    }
    .wd__feature__list .wd__feature .wd__feature__describe sup.sign-cr {
        top: 0.18em;
        font-size: 1.5em;
    }
    .wd__feature__list .wd__feature .wd__feature__describe sup.sign-star {
        top: 0.08em;
        font-size: 1.6em;
    }
    .wd__feature__list .wd__feature .wd__feature__describe sup.footnote-num {
        top: -0.5em;
        font-size: 0.8em;
    }
    .section__kv .wd__content .content__title sup.sign-cr {
        top: -0.1em;
    }
    .section__kv .wd__content .content__title sup.sign-star {
        top: -0.43em;
    }
    .section__kv .wd__content .content__title sup.footnote-num {
        top: -1.26em;
    }
    .section__kv .wd__content .content__info sup.sign-tm {
        top: 0;
        font-size: 1em;
    }
    .section__kv .wd__content .content__info sup.sign-cr {
        top: 0;
        font-size: 1.2em;
    }
    .section__kv .wd__content .content__info sup.sign-star {
        top: -0.06em;
        font-size: 1.2em;
    }
    .section__kv .wd__content .content__info sup.footnote-num {
        top: -0.65em;
        font-size: 0.65em;
    }
    .footnote-item sup.sign-cr {
        top: 0.03em;
        font-size: 1.1em;
    }
}


/* stylelint-disable rule */


/* stylelint-enable rule */

.stopScrollbar {
    overflow: hidden;
}

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

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

@media (max-width: 720px) {
    .modal-button-container {
        transform: scale(0.8);
    }
}

.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 button {
    cursor: pointer;
    border: 0;
    background: none;
    -webkit-tap-highlight-color: transparent;
}

.modal-button-container button:focus {
    outline: 0;
}

.modal-button-container .modal-button-text,
.modal-button-container .modal-inner-text {
    display: block;
    position: relative;
    font-size: 22px;
    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: 18px;
    }
}

@media (max-width: 730.5px) {
    .modal-button-container .modal-button-text,
    .modal-button-container .modal-inner-text {
        font-size: 19px;
    }
}

.modal-button-container .modal-button-target {
    display: none;
    position: absolute;
    z-index: 10;
    top: 10px;
    left: 50%;
    height: 50px;
    transform: translateX(-50%);
}

.modal-button-container .modal-button {
    display: inline-block;
    position: relative;
    z-index: 1;
    cursor: pointer;
    cursor: pointer;
    margin: 10px 0;
    padding: 0 30px;
    font-weight: 200;
    text-align: center;
    border: 0;
    border-style: solid;
    border-width: 3px;
    border-radius: 25px;
    background-color: #000;
    transition: background-color 400ms ease-out, border-color 400ms ease-out, color 400ms ease-out;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: manipulation;
    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(0.96);
    transition: transform 650ms ease-out;
}

.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: 0;
    margin-left: 0;
    width: 100%;
    width: 100%;
    text-align: center;
    background-color: white;
    transform: translateY(110vh);
    transition: transform 750ms linear;
}

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

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

.inner-view .inner-modal {
    display: block;
    position: relative;
    visibility: visible;
    opacity: 0;
    padding-bottom: 50px;
    width: 100%;
    transition: opacity 250ms;
    min-height: 100vh;
    min-height: var(--safarivh);
}

.inner-view .inner-modal.showed {
    opacity: 1;
}

.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) translateZ(0);
    transition: transform 400ms ease, opacity 300ms linear;
}

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

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

.inner-view.show-inner .modal-button-container {
    opacity: 1;
    transform: translate3d(0%, -130px, 0) translateZ(0);
    transition: transform 300ms ease;
    transition-delay: 1200ms;
}

@media (max-width: 720px) {
    .inner-view.show-inner .modal-button-container {
        transform: translate3d(0%, -110px, 0) translateZ(0) scale(0.8);
    }
}

@media (min-width: 731px) and (max-width: 1279.5px) {
    .modal-button-container.inner {
        bottom: 20px;
    }
}

@media (max-width: 730.5px) {
    .modal-button-container .modal-button {
        text-align: center;
    }
    .modal-button-container.inner {
        bottom: 9px;
    }
}

.product_list {
    position: relative;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1280px;
    font-size: 0;
}

.product_list .product {
    display: inline-block;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    width: 20%;
    height: 350px;
    vertical-align: top;
}

.product_list .product .product-img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -128px;
    width: 256px;
    height: 350px;
}

.product_list .product .product-img .img {
    width: 256px;
    height: 350px;
}

.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: 19px;
}

.product_list .product .content-link .link-text {
    display: inline-block;
}

.product_list .product .product-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

.product_list .product .product-content {
    position: absolute;
    z-index: 9;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}

.product_list .product .product-content .content-title {
    position: relative;
    padding: 0 30px;
    color: #fff;
    font-size: 28px;
    letter-spacing: 0.1px;
    line-height: 1.2;
    text-shadow: 0 0 9px #000;
}

.product_list .product .product-content .content-hidden {
    position: relative;
    overflow: hidden;
    height: 100%;
}

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

.product_list .product .product-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.product_list .product .product-frame>div {
    position: absolute;
}

.product_list .product .product-frame .frame-top {
    top: 0;
    left: 0;
    height: 2px;
    background: linear-gradient(to right, #f6f61c, #3ffb5e);
}

.product_list .product .product-frame .frame-right {
    top: 0;
    right: 0;
    width: 2px;
    background: linear-gradient(to bottom, #3ffb5e, #3627fe);
}

.product_list .product .product-frame .frame-bottom {
    right: 0;
    bottom: 0;
    height: 2px;
    background: linear-gradient(to left, #3627fe, #f40e2b);
}

.product_list .product .product-frame .frame-left {
    bottom: 0;
    left: 0;
    width: 2px;
    background: linear-gradient(to top, #f40e2b, #f6f61c);
}

.product_list .product .product-mask {
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 400ms;
}

.product_list .product .product-content .content-hidden {
    opacity: 0;
    max-height: 0;
}

.product_list .product .product-frame .frame-top {
    width: 0%;
    transition: width 400ms 400ms;
}

.product_list .product .product-frame .frame-right {
    height: 0%;
    transition: height 400ms;
}

.product_list .product .product-frame .frame-bottom {
    width: 0%;
    transition: width 400ms 400ms;
}

.product_list .product .product-frame .frame-left {
    height: 0%;
    transition: height 400ms;
}

.product_list .product.hover .product-mask {
    z-index: 9;
    opacity: 1;
}

.product_list .product.hover .product-content .content-title {
    display: none;
}

.product_list .product.hover .product-content .content-hidden {
    opacity: 1;
    max-height: 1000px;
    transition: opacity linear 500ms 100ms, max-height linear 500ms 0ms;
}

@media (min-width: 1280px) {
    .product_list .product:hover .product-frame {
        z-index: 12;
    }
    .product_list .product:hover .product-frame .frame-top {
        width: 100%;
        transition: width 400ms 400ms;
    }
    .product_list .product:hover .product-frame .frame-right {
        height: 100%;
        transition: height 400ms 800ms;
    }
    .product_list .product:hover .product-frame .frame-bottom {
        width: 100%;
        transition: width 400ms 400ms;
    }
    .product_list .product:hover .product-frame .frame-left {
        height: 100%;
        transition: height 400ms 800ms;
    }
    .product_list .product:hover .product-mask {
        z-index: 9;
        opacity: 1;
    }
    .product_list .product:hover .product-content .content-title {
        display: none;
    }
    .product_list .product:hover .product-content .content-hidden {
        opacity: 1;
        max-height: 1000px;
        transition: opacity linear 500ms 100ms, max-height linear 500ms 0ms;
    }
}

@media all and (max-width: 1279.5px) and (min-width: 731px) {
    .product_list {
        text-align: center;
    }
    .product_list .product .product-content .content-title {
        padding: 0 55px;
        font-size: 32px;
    }
    .product_list .product {
        display: inline-block;
        padding: 1px;
        box-sizing: border-box;
        width: 365px;
        height: 250px;
    }
    .product_list .product .product-img {
        top: 50%;
        left: 50%;
        margin-left: unset;
        transform: translate(-50%, -50%);
    }
}

@media all and (max-width: 730.5px) {
    .product_list {
        text-align: center;
    }
    .product_list .product {
        display: inline-block;
        padding: 1px;
        box-sizing: border-box;
        width: 100%;
        height: 300px;
    }
    .product_list .product .product-img {
        top: 50%;
        left: 50%;
        margin-left: unset;
        width: 320px;
        height: 300px;
        transform: translate(-50%, -50%);
    }
    .product_list .product .product-img .img {
        width: 320px;
        height: 300px;
    }
}

.chart-content .content-row .row-item .item-info .info-name {
    color: #b3b3b3;
}

.chart-content .content-row .row-item .item-info.colorful .info-name {
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(92deg, #ede27c 31%, #e87d7e 57%, #d93377 75%);
}

.chart-content .content-row .row-item .item-container {
    position: absolute;
    top: 0;
    left: 0;
}

.chart-content .content-row .row-item .item-container .container-data {
    position: absolute;
    width: 100px;
    font-size: 0;
    text-align: left;
}

.chart-content .content-row .row-item .item-container .container-data .data-value,
.chart-content .content-row .row-item .item-container .container-data .data-unit {
    display: inline-block;
    vertical-align: bottom;
    color: #b3b3b3;
}

.chart-content .content-row .row-item .item-container .container-data .data-value {
    font-size: 26px;
}

.chart-content .content-row .row-item .item-container .container-data .data-unit {
    position: relative;
    top: -4px;
    padding-left: 2px;
    font-size: 16px;
}

.chart-content .content-row .row-item .item-container.colorful .container-data {
    text-align: right;
}

.chart-content .content-row .row-item .item-container.colorful .container-data .data-value,
.chart-content .content-row .row-item .item-container.colorful .container-data .data-unit {
    color: #fdea88;
}

.chart-content .content-row.content-row-y .row-item {
    position: absolute;
    width: 130px;
    text-align: left;
}

.chart-content .content-row.content-row-y .row-item .item-info .info-name {
    font-size: 24px;
}

.chart-content .content-row.content-row-x .row-item {
    position: absolute;
    left: 50%;
    width: 130px;
    text-align: center;
}

.chart-content .content-row.content-row-x .row-item .item-info .info-name {
    font-size: 16px;
}

.chart-content .content-row.content-value .row-item {
    position: absolute;
    width: 130px;
    text-align: center;
}

.chart-content .content-row.content-value .row-item .item-info .info-name {
    color: #fff;
    font-size: 16px;
}

.chart-disclaimer .disclaimer-text {
    display: inline-block;
    position: relative;
    color: #6d6d6d;
    font-size: 16px;
    line-height: 1.4;
}

.ie #CMD .chart-content .content-row .row-item .item-info.colorful .info-name {
    -webkit-text-fill-color: initial !important;
    background-image: none !important;
    color: #ede27c !important;
}

.ie #CMD .chart-content .content-row .row-item .item-info.colorful .info-name::after {
    background: #ede27c !important;
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    .chart-content .content-row .row-item .item-container .container-data .data-value {
        font-size: 25px;
    }
    .chart-content .content-row .row-item .item-container .container-data .data-unit {
        top: -4px;
        padding-left: 2px;
        font-size: 14px;
    }
    .chart-content .content-row.content-row-y .row-item .item-info .info-name {
        font-size: 22px;
    }
    .chart-content .content-row.content-row-x .row-item .item-info .info-name {
        font-size: 15px;
    }
    .chart-disclaimer .disclaimer-text {
        font-size: 15px;
    }
}

@media all and (max-width: 730.5px) {
    .chart-content .content-row .row-item .item-container .container-data .data-value {
        font-size: 16px;
    }
    .chart-content .content-row .row-item .item-container .container-data .data-unit {
        top: 0;
        padding-left: 1px;
        font-size: 14px;
    }
    .chart-content .content-row.content-row-y .row-item .item-info .info-name {
        font-size: 17px;
    }
    .chart-content .content-row.content-row-x .row-item .item-info .info-name {
        font-size: 12px;
    }
    .chart-disclaimer {
        margin-right: auto;
        margin-left: auto;
        max-width: 65%;
    }
    .chart-disclaimer .disclaimer-text {
        font-size: 12px;
    }
}

.twentytwenty-horizontal .twentytwenty-handle::before,
.twentytwenty-horizontal .twentytwenty-handle::after,
.twentytwenty-vertical .twentytwenty-handle::before,
.twentytwenty-vertical .twentytwenty-handle::after {
    display: block;
    position: absolute;
    z-index: 30;
    background: #fff;
    content: ' ';
}

.twentytwenty-horizontal .twentytwenty-handle::before,
.twentytwenty-horizontal .twentytwenty-handle::after {
    left: 50%;
    margin-left: -1.5px;
    width: 3px;
    height: 9999px;
}

.twentytwenty-vertical .twentytwenty-handle::before,
.twentytwenty-vertical .twentytwenty-handle::after {
    top: 50%;
    margin-top: -1.5px;
    width: 9999px;
    height: 3px;
}

.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
    transition-duration: 0.5s;
}

.twentytwenty-before-label,
.twentytwenty-after-label {
    transition-property: opacity;
}

.twentytwenty-before-label::before,
.twentytwenty-after-label::before {
    color: #fff;
    font-size: 13px;
    letter-spacing: 0.1em;
}

.twentytwenty-before-label::before,
.twentytwenty-after-label::before {
    position: absolute;
    padding: 0 20px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.2);
    line-height: 38px;
}

.twentytwenty-horizontal .twentytwenty-before-label::before,
.twentytwenty-horizontal .twentytwenty-after-label::before {
    top: 50%;
    margin-top: -19px;
}

.twentytwenty-vertical .twentytwenty-before-label::before,
.twentytwenty-vertical .twentytwenty-after-label::before {
    left: 50%;
    margin-left: -45px;
    width: 90px;
    text-align: center;
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow,
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border: 6px inset transparent;
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
    top: 50%;
    margin-top: -6px;
}

.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
    left: 50%;
    margin-left: -6px;
}

.twentytwenty-container {
    position: relative;
    overflow: hidden;
    z-index: 0;
    box-sizing: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.twentytwenty-container .img {
    display: block;
    position: absolute;
    top: 0;
    max-width: 100%;
}

.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0);
}

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
    opacity: 0;
}

.twentytwenty-container * {
    box-sizing: content-box;
}

.twentytwenty-before-label {
    opacity: 0;
}

.twentytwenty-before-label::before {
    content: attr(data-content);
}

.twentytwenty-after-label {
    opacity: 0;
}

.twentytwenty-after-label::before {
    content: attr(data-content);
}

.twentytwenty-horizontal .twentytwenty-before-label::before {
    left: 10px;
}

.twentytwenty-horizontal .twentytwenty-after-label::before {
    right: 10px;
}

.twentytwenty-vertical .twentytwenty-before-label::before {
    top: 10px;
}

.twentytwenty-vertical .twentytwenty-after-label::before {
    bottom: 10px;
}

.twentytwenty-overlay {
    z-index: 25;
    background: rgba(0, 0, 0, 0);
    transition-property: background;
}

.twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5);
}

.twentytwenty-overlay:hover .twentytwenty-after-label {
    opacity: 1;
}

.twentytwenty-overlay:hover .twentytwenty-before-label {
    opacity: 1;
}

.twentytwenty-before {
    z-index: 20;
}

.twentytwenty-after {
    z-index: 10;
}

.twentytwenty-handle {
    position: absolute;
    z-index: 40;
    cursor: pointer;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    width: 38px;
    height: 38px;
    border: 3px solid #fff;
    border-radius: 1000px;
    box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-horizontal .twentytwenty-handle::before {
    bottom: 50%;
    margin-bottom: 22px;
    box-shadow: 0 3px 0 #fff, 0 0 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-horizontal .twentytwenty-handle::after {
    top: 50%;
    margin-top: 22px;
    box-shadow: 0 -3px 0 #fff, 0 0 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-vertical .twentytwenty-handle::before {
    left: 50%;
    margin-left: 22px;
    box-shadow: 3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-vertical .twentytwenty-handle::after {
    right: 50%;
    margin-right: 22px;
    box-shadow: -3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-left-arrow {
    border-right: 6px solid #fff;
    left: 50%;
    margin-left: -17px;
}

.twentytwenty-right-arrow {
    border-left: 6px solid #fff;
    right: 50%;
    margin-right: -17px;
}

.twentytwenty-up-arrow {
    border-bottom: 6px solid #fff;
    top: 50%;
    margin-top: -17px;
}

.twentytwenty-down-arrow {
    border-top: 6px solid #fff;
    bottom: 50%;
    margin-bottom: -17px;
}

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

#CMD {
    -webkit-transition-duration: 700ms;
    -khtml-transition-duration: 700ms;
    -moz-transition-duration: 700ms;
    -ms-transition-duration: 700ms;
    -o-transition-duration: 700ms;
    transition-duration: 700ms;
    -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(0.25, 0.46, 0.33, 0.98);
    -khtml-transition-timing-function: cubic-bezier(0.25, 0.46, 0.33, 0.98);
    -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.33, 0.98);
    -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.33, 0.98);
    -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.33, 0.98);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.33, 0.98);
    position: relative;
    margin-bottom: 0;
    font-size: 15px;
    text-align: center;
    line-height: 1.3;
    -webkit-tap-highlight-color: transparent;
}

@media all and (min-width: 1px) {
    #CMD {
        -webkit-opacity: 0;
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

@media all and (max-width: 320px) {
    #CMD {
        margin-bottom: 0;
    }
}

.fix_ie_png {
    filter: progid: dximagetransform.microsoft.gradient(startColorstr=#0fff, endColorstr=#0fff);
}

@media all and (min-width: 1280px) {
    .clear__background__src {
        background-image: none !important;
    }
}

section {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    max-width: 2560px;
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    section {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 1279.5px;
    }
}

@media all and (min-width: 0) and (max-width: 730.5px) {
    section {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 730.5px;
    }
}

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

@media all and (min-width: 731px) {
    .cmd-sidenav .sidenav-container .container-items .item .item-dot.enter::after {
        background: blue !important;
    }
}

@media all and (max-width: 730.5px) {
    .cmd-sidenav .item-dot.enter {
        background: blue !important;
    }
}

@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;
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        transition: opacity 800ms linear;
    }
    .grace-show.show {
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        transform: translate3d(0, 0, 0);
        will-change: opacity;
    }
    .grace-show.animated {
        transform: none;
        will-change: null;
    }
}

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

.wd__animation__easeout {
    -webkit-transition-duration: 500ms, 500ms;
    -khtml-transition-duration: 500ms, 500ms;
    -moz-transition-duration: 500ms, 500ms;
    -ms-transition-duration: 500ms, 500ms;
    -o-transition-duration: 500ms, 500ms;
    transition-duration: 500ms, 500ms;
    -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, 0.58, 1);
    -khtml-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
    -moz-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
    -ms-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
    -moz-transition-duration: 500ms;
    -moz-transition-property: all;
}

@keyframes swing {
    20% {
        transform: rotate(15deg);
    }
    40% {
        transform: rotate(-10deg);
    }
    60% {
        transform: rotate(5deg);
    }
    80% {
        transform: rotate(-5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@keyframes ballRotate {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

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

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

.inner-modal .wd__content.text__animation .content__slogan,
.inner-modal .wd__content.text__animation .content__title,
.inner-modal .wd__content.text__animation .content__info,
.inner-modal .wd__content.text__animation .content__comment,
.inner-modal .wd__content.text__animation .content__link,
.inner-modal .wd__content.text__animation .wd__feature__list {
    opacity: 0;
    transform: translateZ(0) translateY(30px);
    transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.inner-modal .wd__content.text__animation.text-showed .content__slogan,
.inner-modal .wd__content.text__animation.text-showed .content__title,
.inner-modal .wd__content.text__animation.text-showed .content__info,
.inner-modal .wd__content.text__animation.text-showed .content__comment,
.inner-modal .wd__content.text__animation.text-showed .content__link,
.inner-modal .wd__content.text__animation.text-showed .wd__feature__list {
    will-change: null;
    transform: none;
}

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

#CMD .outer-view {
    margin-top: 56px \9 !important;
}

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

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

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

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

#ctl00_ContentPlaceHolder1_ctl00_span_model_name img {
    max-width: 100%;
}

#special-sectionOverview {
    margin-top: 0px;
}

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

@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: 0px;
    }
    #CMD {
        margin-top: 0px !important;
    }
    #main-zone,
    #main-zone-5,
    #main-zone-3,
    #main-zone-4,
    #main-zone-6 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

.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: 50px;
    margin-left: 0;
}

.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: 50px;
}

@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__describe__top,
    .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 {
        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;
    }
}

.wd__section .section__content.text-white .wd__content .content__comment,
.wd__section .section__content.text-white .wd__content .content__info,
.wd__section .section__content.text-white .wd__content .content__title {
    color: #fff;
}

.wd__section .section__content.text-white .wd__feature__list .wd__feature .wd__feature__describe span,
.wd__section .section__content.text-white .wd__feature__list .wd__feature .wd__feature__describe__top,
.wd__section .section__content.text-white .wd__feature__list .wd__feature .wd__feature__describe__top span .wd__feature__describe {
    color: #fff;
}

.wd__section .section__content .wd__content.theme-dark .content__comment {
    color: #999;
}

.wd__section .section__content .wd__content.theme-dark .content__info,
.wd__section .section__content .wd__content.theme-dark .content__title {
    color: #fff;
}

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

.wd__section .section__content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe,
.wd__section .section__content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe span,
.wd__section .section__content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe__top,
.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-start-cap,
.modal-button-container.bg-gray .modal-button .modal-button-scaler,
.modal-button-container.bg-gray .modal-button .modal-button-end-cap {
    background: #6f6f6f;
}

.modal-button-container.bg-white .modal-button.old__browser .modal-button-start-cap,
.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 {
    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/large/1x/icon/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-start-cap,
.modal-button-container.bg-white .modal-button .modal-button-scaler,
.modal-button-container.bg-white .modal-button .modal-button-end-cap {
    background: #fff;
}

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

section {
    position: relative;
    width: 100%;
}

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

section.no-pad {
    padding: 0;
}

section.no-pad-bot {
    padding-bottom: 0;
}

section.no-pad-top {
    padding-top: 0;
}

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

#CMD .row:after {
    content: "";
    display: table;
    clear: both;
}

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

#CMD .row .col[class*="push-"],
#CMD .row .col[class*="pull-"] {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

#CMD .row .col.offset-l1 {
    margin-left: 8.33333%;
}

#CMD .row .col.pull-l1 {
    right: 8.33333%;
}

#CMD .row .col.push-l1 {
    left: 8.33333%;
}

#CMD .row .col.offset-l2 {
    margin-left: 16.66667%;
}

#CMD .row .col.pull-l2 {
    right: 16.66667%;
}

#CMD .row .col.push-l2 {
    left: 16.66667%;
}

#CMD .row .col.offset-l3 {
    margin-left: 25%;
}

#CMD .row .col.pull-l3 {
    right: 25%;
}

#CMD .row .col.push-l3 {
    left: 25%;
}

#CMD .row .col.offset-l4 {
    margin-left: 33.33333%;
}

#CMD .row .col.pull-l4 {
    right: 33.33333%;
}

#CMD .row .col.push-l4 {
    left: 33.33333%;
}

#CMD .row .col.offset-l5 {
    margin-left: 41.66667%;
}

#CMD .row .col.pull-l5 {
    right: 41.66667%;
}

#CMD .row .col.push-l5 {
    left: 41.66667%;
}

#CMD .row .col.offset-l6 {
    margin-left: 50%;
}

#CMD .row .col.pull-l6 {
    right: 50%;
}

#CMD .row .col.push-l6 {
    left: 50%;
}

#CMD .row .col.offset-l7 {
    margin-left: 58.33333%;
}

#CMD .row .col.pull-l7 {
    right: 58.33333%;
}

#CMD .row .col.push-l7 {
    left: 58.33333%;
}

#CMD .row .col.offset-l8 {
    margin-left: 66.66667%;
}

#CMD .row .col.pull-l8 {
    right: 66.66667%;
}

#CMD .row .col.push-l8 {
    left: 66.66667%;
}

#CMD .row .col.offset-l9 {
    margin-left: 75%;
}

#CMD .row .col.pull-l9 {
    right: 75%;
}

#CMD .row .col.push-l9 {
    left: 75%;
}

#CMD .row .col.offset-l10 {
    margin-left: 83.33333%;
}

#CMD .row .col.pull-l10 {
    right: 83.33333%;
}

#CMD .row .col.push-l10 {
    left: 83.33333%;
}

#CMD .row .col.offset-l11 {
    margin-left: 91.66667%;
}

#CMD .row .col.pull-l11 {
    right: 91.66667%;
}

#CMD .row .col.push-l11 {
    left: 91.66667%;
}

#CMD .row .col.offset-l12 {
    margin-left: 100%;
}

#CMD .row .col.pull-l12 {
    right: 100%;
}

#CMD .row .col.push-l12 {
    left: 100%;
}

@media only screen and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .row .col.m1 {
        width: 8.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.m2 {
        width: 16.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.m3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.m4 {
        width: 33.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.m5 {
        width: 41.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.m6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.m7 {
        width: 58.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.m8 {
        width: 66.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.m9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.m10 {
        width: 83.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.m11 {
        width: 91.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.m12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.offset-m1 {
        margin-left: 8.33333%;
    }
    #CMD .row .col.pull-m1 {
        right: 8.33333%;
    }
    #CMD .row .col.push-m1 {
        left: 8.33333%;
    }
    #CMD .row .col.offset-m2 {
        margin-left: 16.66667%;
    }
    #CMD .row .col.pull-m2 {
        right: 16.66667%;
    }
    #CMD .row .col.push-m2 {
        left: 16.66667%;
    }
    #CMD .row .col.offset-m3 {
        margin-left: 25%;
    }
    #CMD .row .col.pull-m3 {
        right: 25%;
    }
    #CMD .row .col.push-m3 {
        left: 25%;
    }
    #CMD .row .col.offset-m4 {
        margin-left: 33.33333%;
    }
    #CMD .row .col.pull-m4 {
        right: 33.33333%;
    }
    #CMD .row .col.push-m4 {
        left: 33.33333%;
    }
    #CMD .row .col.offset-m5 {
        margin-left: 41.66667%;
    }
    #CMD .row .col.pull-m5 {
        right: 41.66667%;
    }
    #CMD .row .col.push-m5 {
        left: 41.66667%;
    }
    #CMD .row .col.offset-m6 {
        margin-left: 50%;
    }
    #CMD .row .col.pull-m6 {
        right: 50%;
    }
    #CMD .row .col.push-m6 {
        left: 50%;
    }
    #CMD .row .col.offset-m7 {
        margin-left: 58.33333%;
    }
    #CMD .row .col.pull-m7 {
        right: 58.33333%;
    }
    #CMD .row .col.push-m7 {
        left: 58.33333%;
    }
    #CMD .row .col.offset-m8 {
        margin-left: 66.66667%;
    }
    #CMD .row .col.pull-m8 {
        right: 66.66667%;
    }
    #CMD .row .col.push-m8 {
        left: 66.66667%;
    }
    #CMD .row .col.offset-m9 {
        margin-left: 75%;
    }
    #CMD .row .col.pull-m9 {
        right: 75%;
    }
    #CMD .row .col.push-m9 {
        left: 75%;
    }
    #CMD .row .col.offset-m10 {
        margin-left: 83.33333%;
    }
    #CMD .row .col.pull-m10 {
        right: 83.33333%;
    }
    #CMD .row .col.push-m10 {
        left: 83.33333%;
    }
    #CMD .row .col.offset-m11 {
        margin-left: 91.66667%;
    }
    #CMD .row .col.pull-m11 {
        right: 91.66667%;
    }
    #CMD .row .col.push-m11 {
        left: 91.66667%;
    }
    #CMD .row .col.offset-m12 {
        margin-left: 100%;
    }
    #CMD .row .col.pull-m12 {
        right: 100%;
    }
    #CMD .row .col.push-m12 {
        left: 100%;
    }
}

@media only screen and (max-width: 730.5px) {
    #CMD .row .col.s1 {
        width: 8.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.s2 {
        width: 16.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.s3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.s4 {
        width: 33.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.s5 {
        width: 41.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.s6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.s7 {
        width: 58.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.s8 {
        width: 66.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.s9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.s10 {
        width: 83.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.s11 {
        width: 91.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.s12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    #CMD .row .col.offset-s1 {
        margin-left: 8.33333%;
    }
    #CMD .row .col.pull-s1 {
        right: 8.33333%;
    }
    #CMD .row .col.push-s1 {
        left: 8.33333%;
    }
    #CMD .row .col.offset-s2 {
        margin-left: 16.66667%;
    }
    #CMD .row .col.pull-s2 {
        right: 16.66667%;
    }
    #CMD .row .col.push-s2 {
        left: 16.66667%;
    }
    #CMD .row .col.offset-s3 {
        margin-left: 25%;
    }
    #CMD .row .col.pull-s3 {
        right: 25%;
    }
    #CMD .row .col.push-s3 {
        left: 25%;
    }
    #CMD .row .col.offset-s4 {
        margin-left: 33.33333%;
    }
    #CMD .row .col.pull-s4 {
        right: 33.33333%;
    }
    #CMD .row .col.push-s4 {
        left: 33.33333%;
    }
    #CMD .row .col.offset-s5 {
        margin-left: 41.66667%;
    }
    #CMD .row .col.pull-s5 {
        right: 41.66667%;
    }
    #CMD .row .col.push-s5 {
        left: 41.66667%;
    }
    #CMD .row .col.offset-s6 {
        margin-left: 50%;
    }
    #CMD .row .col.pull-s6 {
        right: 50%;
    }
    #CMD .row .col.push-s6 {
        left: 50%;
    }
    #CMD .row .col.offset-s7 {
        margin-left: 58.33333%;
    }
    #CMD .row .col.pull-s7 {
        right: 58.33333%;
    }
    #CMD .row .col.push-s7 {
        left: 58.33333%;
    }
    #CMD .row .col.offset-s8 {
        margin-left: 66.66667%;
    }
    #CMD .row .col.pull-s8 {
        right: 66.66667%;
    }
    #CMD .row .col.push-s8 {
        left: 66.66667%;
    }
    #CMD .row .col.offset-s9 {
        margin-left: 75%;
    }
    #CMD .row .col.pull-s9 {
        right: 75%;
    }
    #CMD .row .col.push-s9 {
        left: 75%;
    }
    #CMD .row .col.offset-s10 {
        margin-left: 83.33333%;
    }
    #CMD .row .col.pull-s10 {
        right: 83.33333%;
    }
    #CMD .row .col.push-s10 {
        left: 83.33333%;
    }
    #CMD .row .col.offset-s11 {
        margin-left: 91.66667%;
    }
    #CMD .row .col.pull-s11 {
        right: 91.66667%;
    }
    #CMD .row .col.push-s11 {
        left: 91.66667%;
    }
    #CMD .row .col.offset-s12 {
        margin-left: 100%;
    }
    #CMD .row .col.pull-s12 {
        right: 100%;
    }
    #CMD .row .col.push-s12 {
        left: 100%;
    }
}

.wd__section {
    /* Slider */
    /* Icons */
    /* Arrows */
    /* Dots */
    /* Slider */
}

.wd__section .wd__content {
    color: #333;
}

.wd__section .wd__content .content__slogan {
    position: relative;
    color: #a89d5b;
    font-size: 30px;
}

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

@media all and (max-width: 730.5px) {
    .wd__section .wd__content .content__slogan {
        font-size: 20px;
    }
}

.wd__section .wd__content .content__title {
    position: relative;
    margin-top: 25px;
    font-size: 50px;
    line-height: 1.2;
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    .wd__section .wd__content .content__title {
        margin-top: 21px;
    }
}

@media all and (max-width: 730.5px) {
    .wd__section .wd__content .content__title {
        margin-top: 14px;
        font-size: 37px;
    }
}

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

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    .wd__section .wd__content .content__info {
        margin-top: 89px;
    }
}

@media all and (max-width: 730.5px) {
    .wd__section .wd__content .content__info {
        margin-top: 67px;
        font-size: 17px;
        letter-spacing: 0.1px;
        line-height: 1.45;
    }
}

.wd__section .wd__content .content__comment {
    margin-top: 16px;
    color: #717171;
    font-size: 18px;
    line-height: 1.4;
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    .wd__section .wd__content .content__comment {
        font-size: 15px;
    }
}

@media all and (max-width: 730.5px) {
    .wd__section .wd__content .content__comment {
        margin-top: 12px;
        font-size: 15px;
        letter-spacing: 0.2px;
    }
}

.wd__section .wd__content .content__link {
    display: block;
    margin-top: 15px;
    font-size: 20px;
    line-height: 27px;
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    .wd__section .wd__content .content__link {
        margin-top: 16px;
    }
}

@media all and (max-width: 730.5px) {
    .wd__section .wd__content .content__link {
        margin-top: 10px;
        font-size: 15.5px;
        line-height: 24px;
    }
}

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

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

.wd__section .wd__content .content__link:hover span {
    border-bottom: 1px solid #0188c8;
}

.wd__section .wd__link__arrow::after {
    content: '>';
    padding-left: 7px;
    color: #0188c8;
}

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

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

.wd__section .wd__feature__list {
    position: relative;
    margin-top: 64px;
}

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

@media all and (max-width: 730.5px) {
    .wd__section .wd__feature__list {
        margin-top: 34px;
    }
}

.wd__section .wd__feature__list .wd__feature {
    display: inline-block;
    position: relative;
    margin: 0 25px 50px;
    box-sizing: border-box;
    color: #333;
    vertical-align: bottom;
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    .wd__section .wd__feature__list .wd__feature {
        margin: 0 30px 22px;
    }
}

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

.wd__section .wd__feature__list .wd__feature .wd__feature__describe__top {
    position: relative;
    margin-bottom: 2px;
}

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

.wd__section .wd__feature__list .wd__feature .wd__feature__data {
    color: #a89d5b;
    font-size: 65px;
    line-height: 1;
}

@media all and (max-width: 730.5px) {
    .wd__section .wd__feature__list .wd__feature .wd__feature__data {
        margin-bottom: 2px;
        font-size: 47px;
    }
}

.wd__section .wd__feature__list .wd__feature .wd__feature__data span {
    font-size: 28px;
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    .wd__section .wd__feature__list .wd__feature .wd__feature__data span {
        font-size: 30px;
    }
}

@media all and (max-width: 730.5px) {
    .wd__section .wd__feature__list .wd__feature .wd__feature__data span {
        font-size: 25px;
    }
}

.wd__section .wd__feature__list .wd__feature .wd__feature__describe {
    position: relative;
    margin-top: -3px;
}

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

.wd__section .wd__feature__list .wd__feature .wd__feature__describe span,
.wd__section .wd__feature__list .wd__feature .wd__feature__describe__top,
.wd__section .wd__feature__list .wd__feature .wd__feature__describe__top span .wd__feature__describe {
    font-size: 16px;
    letter-spacing: 0.4px;
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    .wd__section .wd__feature__list .wd__feature .wd__feature__describe span,
    .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top,
    .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top span .wd__feature__describe {
        font-size: 16px;
        line-height: 1.2;
    }
}

@media all and (max-width: 730.5px) {
    .wd__section .wd__feature__list .wd__feature .wd__feature__describe span,
    .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top,
    .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top span .wd__feature__describe {
        display: block;
        font-size: 13px;
        line-height: 1.4 !important;
        letter-spacing: 0.1px;
    }
}

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

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

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

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

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

.wd__section .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__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-l {
        padding-left: 7px;
    }
    .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-m {
        padding-left: 5px;
    }
    .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-s {
        padding-left: 3px;
    }
    .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-l {
        padding-right: 7px;
    }
    .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-m {
        padding-right: 5px;
    }
    .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-s {
        padding-right: 3px;
    }
}

@media all and (max-width: 730.5px) {
    .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-l {
        padding-left: 3px;
    }
    .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-m {
        padding-left: 2px;
    }
    .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-s {
        padding-left: 1px;
    }
    .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-l {
        padding-right: 3px;
    }
    .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-m {
        padding-right: 2px;
    }
    .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-s {
        padding-right: 1px;
    }
}

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

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

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

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    .wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-en {
        font-size: 40px;
        line-height: 65px;
    }
    .wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-tw {
        margin-top: 10px;
        font-size: 46px;
        line-height: 56px;
    }
}

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

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

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

@font-face {
    .wd__section {
        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: normal;
        font-style: normal;
    }
}

.wd__section .slick-prev,
.wd__section .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none;
}

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

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

.wd__section .slick-prev.slick-disabled:before,
.wd__section .slick-next.slick-disabled:before {
    opacity: 0.25;
}

.wd__section .slick-prev {
    left: -25px;
}

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

.wd__section .slick-next {
    right: -25px;
}

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

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

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

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

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

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

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

.wd__section .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: black;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.wd__section .slick-dots li.slick-active button:before {
    color: black;
    opacity: 0.75;
}

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

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

.wd__section .slick-list:focus {
    outline: none;
}

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

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

.wd__section .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

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

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

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

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

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

.wd__section .slick-slide img {
    display: block;
}

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

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

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

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

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

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

.wd__section .slick__nav {
    margin-bottom: 40px;
    color: #636360;
    text-align: center;
    font-size: 1.5em;
    line-height: 1.6;
}

.wd__section .slick__nav a {
    color: #636360;
}

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

.wd__section .slick-next {
    right: 25px;
}

.wd__section .slick-prev {
    left: 25px;
}

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

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

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

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

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

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

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

.wd__section .wd__slick .container .slick__left {
    float: left;
}

.wd__section .wd__slick .container .slick__right {
    float: right;
}

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

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

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

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

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

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

.wd__section .slick-prev:before,
.wd__section .slick-next:before {
    position: absolute;
    display: block;
    z-index: 1000;
    top: 57px;
    top: 0\9;
    font-size: 34px;
    color: white;
}

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

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

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

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

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    .wd__section .slick-prev,
    .wd__section .slick-next {
        margin-top: -19px;
        width: 35px;
        height: 88px;
    }
    .wd__section .slick-prev:before,
    .wd__section .slick-next:before {
        position: absolute;
        display: block;
        z-index: 1000;
        top: 43px;
        font-size: 26px;
        color: white;
    }
    .wd__section .slick-prev:before {
        right: 10px;
    }
    .wd__section .slick-next:before {
        left: 10px;
    }
}

@media all and (max-width: 730.5px) {
    .wd__section .slick-prev,
    .wd__section .slick-next {
        display: none !important;
    }
}

.wd__section .img__list__block {
    margin-bottom: 0;
    width: 100%;
    max-width: 2560px;
}

.wd__section .img__list__block .img__list__item {
    display: inline-block;
    padding-right: 35px;
    padding-left: 35px;
    box-sizing: border-box;
    width: 880px;
}

.wd__section .img__list__block .item__img {
    display: block;
    width: 880px;
    height: 650px;
    background-size: contain;
}

.wd__section .img__list__block .item__desc {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding: 25px 30px;
    box-sizing: border-box;
    width: 880px;
    min-height: 196px;
}

.wd__section .img__list__block .item__desc::before {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    background-color: #8c9195;
    content: ' ';
}

.wd__section .img__list__block .item__desc * {
    text-align: left;
}

.wd__section .img__list__block .item__desc-title {
    position: relative;
    color: #1c1b19;
    font-size: 34px;
    line-height: 1.2;
}

.wd__section .img__list__block .item__desc-info {
    position: relative;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    width: 80%;
    color: #1c1b19;
    font-size: 20px;
    line-height: 1.5;
}

.wd__section .img__list__block__dot {
    display: none;
}

.wd__section .img__list__block .slick-prev,
.wd__section .img__list__block .slick-next {
    top: 298px;
}

.wd__section .img__list__block .slick-prev::before {
    top: 12px;
    left: 5px;
    width: 40px;
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: ' ';
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAACbCAYAAAAa/HfkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0MDM3YTljNy1lZjkwLWQ4NGMtYTcwZC03OGM4NDg0NjAzYmQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDVGQjNDREY4MDYyMTFFNTg0QTFBRTczNzFDNDFDNTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDVGQjNDREU4MDYyMTFFNTg0QTFBRTczNzFDNDFDNTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZGNkZjRmNDItMzk0ZS1jNDRhLTg4ZTctNWY1M2Y5NjI4MTUwIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NDZhZjExODAtNjFhMy0xMWU1LTkzZGUtOTIwNmM2N2RmYjRiIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+lOkdwQAAAthJREFUeNrs3U1Ow0AMhuEWdZVzAregEj+XAHHObANdsKFhUcb2+LNfS9lEahaPMkkjjT8ft207UGN1BwGIIIJIgQgiiCBSIIIIIogUiN512ju5rmtnk5dlWc7cif+v5+/jieU8Bnj+zw9BHAQE0QAQxH3ATxDHAR9BHAfcQAwG7IhoDtgN0QWwE6IbYBdEV8AOiO6A1RFDACsjhgFWRQwFrIgYDlgNcQpgJcRpgFUQpwJWQJwOqI6YAlAZMQ2gKmIqQEXEdIBqiCkBlRDTAqogpgZUQEwPmB1RAjAzogxgVkQpwIyIcoDZECUBMyHKAmZBlAbMgCgPOBuxBOBMxDKAsxBLAc5ALAcYjVgSMBKxLGAUYmnACMTygN6ILQA9EdsAXurkcM2Xw3W7a1lAjzuxHaA1YktAS8S2gFaIrQEtENsDjiICOIgI4CAigIOIAA4iAjiICOAgIoCDiAAOIgI4iAigAeJx5xx4NyJe7sK3X+cevo/3P4BBBNL37Qyk0f9EII2+WIA0+nYG0gARSCNEII0QgTRCBNIIEUgjRCAPdjsgWkNa7sVpC2m9K6wlpMcmz3aQXjtlW0F67tluA+ndPXCBfK0OGdHHcq4OGdVRVRoysrevLGR0l+lfkB/KkDP6nfcg75UhZ3Xel4KcmQFRBnJ2GkkJyAy5OPKQWRKapCEzZYXJQmZLrZOEzJifKAeZNclTCjJzpqwMZPZ0YwlIhZzt9JAqie+pIZVmD6SFVJuCkRJScR5LOkjVyUCpIJVnVKWBVJ+WlgKywty+6ZBVJkhOhaw0y3QaZLWpulMgK853DoesOmk8FLLyzPswyMqIYZDVEUMgOyC6Q3ZBdIXshOgG2Q3RBbIjojnk6dC3fmL9n35BXurhlgsdt+06vWpd106YV7loy7IcWc7jS5tnYjQkiAaQJ+x2XzY31e6LhWI5gwgiiBSIIIIIIgQggggiBaJlfQkwAFslPR5pZL7CAAAAAElFTkSuQmCC");
}

.wd__section .img__list__block .slick-next::before {
    top: 12px;
    left: 5px;
    width: 40px;
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: ' ';
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAACbCAYAAADxy8znAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0MDM3YTljNy1lZjkwLWQ4NGMtYTcwZC03OGM4NDg0NjAzYmQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDVGQjNDRTM4MDYyMTFFNTg0QTFBRTczNzFDNDFDNTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDVGQjNDRTI4MDYyMTFFNTg0QTFBRTczNzFDNDFDNTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZGNkZjRmNDItMzk0ZS1jNDRhLTg4ZTctNWY1M2Y5NjI4MTUwIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NDZhZjExODAtNjFhMy0xMWU1LTkzZGUtOTIwNmM2N2RmYjRiIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+TCPT7wAAAshJREFUeNrs3MFKA0EQBNBEctrvVP/CgPErFL9zr+vm4CUHCaZ6prqqGoZAYC+PyQ7p6e7jtm2HxOPxFIJABjKQiUAGMpCBTAQykIFMBDKQjHF65OF1XS/7x9kVb1kW2I5829cl+xHz0w4m8B1pj4k8bKwxH4X8DiYG8jWYGMgtmLh3ZDCBh409JvLUtsZE/9e2xaxIWlhiVmV/7DAr02hWmNX5SBvMEYldC8xRGXJ5zJFXDdKYo+9sZDFnXH5JYs66RZTDnHkdK4U5+15bBpOhQEACk6XSoj0mU8lKa0y22p+2mIxFVC0xWavR2mEyl/W1wmSvj2yD2aHQtAVml4pdesxOpc/UmN1qyGkxOxbjU2J27Wqgw+zcHkKF2b3PhgZToWGJAlOl82s6plIL3VRMtV7EaZiKTZ1TMFW7Y4djKrcZD8VU79cehunQ+D4E02WCQDmm0yiGvzDfA4nBPD+K6TgcpATTdcoKHNN5XA0U033uDwwzA5RAmIEEYQYShBlIEGYgQZiBBGEGEoQZSBBmIO8HvY1jIO+PK9bnvl5uvv843AwgDSQAMZAgxECCEAMJQgwkCDGQIMRAghADCUJ0h4QhOkNCEV0h4YiOkCWIbpBliE6QpYgukOWIDpBDENUhhyEqQw5FVIUcjqgIOQVRDXIaohLkVEQVyOmICpAUiN0haRA7Q1IhdoWkQ+wISYnYDZIWsRMkNWIXSHrEDpAtENkh2yAyQ7ZCZIVsh8gI2RKRDbItIhNka0QWyPaIDJASiLMhZRBnQkohzoKUQ5wBKYk4GlIWcSSkNOIoSHnEEZAWiNc4FSN+7etZHbFyR1ohVkHaIVZAWiKiIW0RkZDWiChIe0QEZBBBkEH83VHbtv374XVdN2fEZVlKTm3LnYiGtEZEQdojIiCDiDhsErVJi0AmAhnIQCYCGchABjIRyEAG0jl+BBgAWDs+2El12r0AAAAASUVORK5CYII=");
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    .wd__section .img__list__block {
        width: 100%;
    }
    .wd__section .img__list__block .item__img {
        width: 547px;
        height: 365px;
    }
    .wd__section .img__list__block .item__desc {
        padding: 23px 30px;
    }
    .wd__section .img__list__block .item__desc-title {
        font-size: 27px;
        line-height: 1.2;
    }
    .wd__section .img__list__block .item__desc-info {
        margin-top: 18px;
        width: 98%;
        font-size: 20px;
        line-height: 1.5;
    }
    .wd__section .img__list__block .slick-prev,
    .wd__section .img__list__block .slick-next {
        top: 254px;
    }
    .wd__section .img__list__block .slick-prev::before {
        content: ' ';
        top: -5px;
        left: 2px;
        width: 30px;
        height: 100px;
    }
    .wd__section .img__list__block .slick-next::before {
        content: ' ';
        top: -5px;
        left: 2px;
        width: 30px;
        height: 100px;
    }
}

@media all and (max-width: 730.5px) {
    .wd__section .img__list__block {
        overflow: hidden;
        margin-bottom: 0;
        width: 100%;
    }
    .wd__section .img__list__block .img__list__item {
        position: relative;
        padding-right: 0;
        padding-left: 0;
        width: 280px;
        height: 100%;
    }
    .wd__section .img__list__block .item__img {
        width: 320px;
        height: 213px;
    }
    .wd__section .img__list__block .item__desc {
        padding: 23px 12px;
        width: 300px;
        min-height: 176px;
    }
    .wd__section .img__list__block .item__desc * {
        text-align: center;
    }
    .wd__section .img__list__block .item__desc-title {
        position: relative;
        font-size: 21px;
        line-height: 1.2;
    }
    .wd__section .img__list__block .item__desc-info {
        width: 90%;
        font-size: 17px;
        letter-spacing: 0.1px;
        line-height: 1.45;
    }
    .wd__section .img__list__block {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .wd__section .img__list__block .item__desc {
        padding-bottom: 35px;
    }
    .wd__section .img__list__block .slick-next,
    .wd__section .img__list__block .slick-prev {
        display: block !important;
        top: 179px;
        height: 76px;
    }
    .wd__section .img__list__block .slick-prev::before {
        content: ' ';
        top: 12px;
        left: 5px;
        width: 40px;
        height: 50px;
    }
    .wd__section .img__list__block .slick-next::before {
        content: ' ';
        top: 12px;
        left: 5px;
        width: 40px;
        height: 50px;
    }
    .wd__section .img__list__block__dot {
        display: block;
        position: relative;
    }
    .wd__section .img__list__block__dot .slick-dots {
        position: absolute;
        top: -47px;
        margin-top: 0;
    }
    .wd__section .img__list__block__dot .slick-dots li button {
        transform: translate3d(0, 0, 0);
    }
    .wd__section .img__list__block__dot .slick-dots li button::before {
        opacity: 0.25;
        color: #fff;
    }
    .wd__section .img__list__block__dot .slick-dots li.slick-active button::before {
        opacity: 1;
    }
}

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

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

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

.wd__section .footnotes ul.footnote li {
    list-style-type: decimal;
    margin-bottom: 9px;
    font-size: 0.8125rem;
    line-height: 1.5;
    text-align: left;
}

.wd__section .footnotes.footnote-item-star ul.footnote li {
    position: relative;
    list-style-type: none;
}

.wd__section .footnotes.footnote-item-star ul.footnote li::before {
    display: block;
    position: absolute;
    top: 15px;
    left: -14px;
    content: '*';
    line-height: 0;
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    .wd__section .footnotes {
        padding: 0 28px 0 40px;
        width: 100%;
        max-width: 1280px;
    }
    .wd__section .footnotes:first-child {
        margin-top: 57px;
    }
    .wd__section .footnotes.footnote-item-star ul.footnote li::before {
        top: 15px;
        left: -14px;
    }
}

@media all and (max-width: 730.5px) {
    .wd__section .footnotes {
        padding: 0 28px 0 22px;
        box-sizing: border-box;
        width: 100%;
        max-width: 730px;
    }
    .wd__section .footnotes:first-child {
        margin-top: 57px;
    }
    .wd__section .footnotes ul.footnote {
        margin-left: 14px;
        font-size: 13.3px;
        line-height: 1.4;
    }
    .wd__section .footnotes ul.footnote li {
        margin-bottom: 12px;
        font-size: 13.3px;
    }
    .wd__section .footnotes.footnote-item-star ul.footnote li::before {
        top: 11px;
        left: -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: -16px;
    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: 900px;
    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: 88%;
        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__info {
        text-align: center;
        margin-top: 16px;
        margin-left: auto;
        margin-right: auto;
        width: 84%;
        max-width: 460px;
        font-size: 22px;
        line-height: 1.4;
    }
}

.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 600ms ease-out;
}

.inner__nav .nav__heading.clicked {
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.inner__nav .nav__switch__btn {
    position: absolute;
    cursor: pointer;
    bottom: -62px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    transition: all 600ms ease-out, top 1000ms ease-out;
}

.inner__nav .nav__switch__btn .icon__switch {
    background-image: url("images/large/1x/icon/inner/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 500ms 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;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    transition: opacity 500ms ease-out;
}

.inner__page.darknight .inner__mask {
    -webkit-opacity: 0.6;
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    -ms-opacity: 0.6;
    -o-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    z-index: 1000000;
    transition: opacity 500ms 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("images/icon_all_smiles.png");
}

.inner__page .icon.icon-auto {
    background-image: url("images/large/1x/inner/icon/icon_auto.png");
}

.inner__page .icon.icon-beautification {
    background-image: url("../images/large/1x/inner/icon/icon_beautification.png");
}

.inner__page .icon.icon-depthOfField {
    background-image: url("../images/large/1x/inner/icon/icon_depth_of_field.png");
}

.inner__page .icon.icon-effect {
    background-image: url("../images/large/1x/inner/icon/icon_effect.png");
}

.inner__page .icon.icon-gif {
    background-image: url("../images/large/1x/inner/icon/icon_gif.png");
}

.inner__page .icon.icon-hdrPro {
    background-image: url("../images/large/1x/inner/icon/icon_hdr_pro.png");
}

.inner__page .icon.icon-kids {
    background-image: url("../images/large/1x/inner/icon/icon_kids.png");
}

.inner__page .icon.icon-lowlight {
    background-image: url("../images/large/1x/inner/icon/icon_lowlight.png");
}

.inner__page .icon.icon-miniature {
    background-image: url("../images/large/1x/inner/icon/icon_miniature.png");
}

.inner__page .icon.icon-night {
    background-image: url("../images/large/1x/inner/icon/icon_night.png");
}

.inner__page .icon.icon-qrCode {
    background-image: url("../images/large/1x/inner/icon/icon_qr_code.png");
}

.inner__page .icon.icon-selfiePanorama {
    background-image: url("../images/large/1x/inner/icon/icon_selfie_panorama.png");
}

.inner__page .icon.icon-selfie {
    background-image: url("../images/large/1x/inner/icon/icon_selfie.png");
}

.inner__page .icon.icon-slowMotion {
    background-image: url("../images/large/1x/inner/icon/icon_slow_motion.png");
}

.inner__page .icon.icon-smartRemove {
    background-image: url("../images/large/1x/inner/icon/icon_smart_remove.png");
}

.inner__page .icon.icon-superResolution {
    background-image: url("../images/large/1x/inner/icon/icon_super_resolution.png");
}

.inner__page .icon.icon-manual {
    background-image: url("../images/large/1x/inner/icon/icon_manual.png");
}

.inner__page .icon.icon-timeLapse {
    background-image: url("../images/large/1x/inner/icon/icon_time_lapse.png");
}

.inner__page .icon.icon-timeRewind {
    background-image: url("../images/large/1x/inner/icon/icon_time_rewind.png");
}

.inner__page .icon.icon-youtube {
    background-image: url("../images/large/1x/inner/icon/icon_youtube.png");
}

.inner__page .icon.icon-panaroma {
    background-image: url("../images/large/1x/inner/icon/icon_panaroma.png");
}

.inner__page .icon.icon-pro {
    background-image: url("../images/large/1x/inner/icon/icon_pro.png");
}

.inner__page .icon.icon-portrait {
    background-image: url("../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: 0.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 400ms;
}

.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(0deg);
    transition: transform 800ms 50ms, background-image 300ms 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(0deg);
}

.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/large/1x/icon/inner/icon_open_black.png");
}

.wd__innerbtn.theme-black .inner__btn.active .toggleSlide {
    background-image: url("../images/large/1x/icon/inner/icon_close_black.png");
}

.wd__innerbtn.theme-white .inner__btn span {
    color: #fff;
}

.wd__innerbtn.theme-white .inner__btn .toggleSlide {
    background-image: url("../images/large/1x/icon/inner/icon_open_white.png");
}

.wd__innerbtn.theme-white .inner__btn.active .toggleSlide {
    background-image: url("../images/large/1x/icon/inner/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 400ms;
}

.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(0deg);
        transition: transform 800ms 50ms, background-image 300ms 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(0deg);
    }
    .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(0deg);
        transition: transform 800ms 50ms, background-image 300ms 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(0deg);
    }
    .inner__page .section__content .wd__content {
        max-width: 414px !important;
    }
}

.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, 0.4);
}

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

@media all and (min-width: 731px) {
    .cmd-sidenav {
        position: fixed;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
    .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: 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 {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #c7c5c8;
        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-triangle,
    .cmd-sidenav .sidenav-container .container-items .item .item-label .label-name {
        display: inline-block;
        position: relative;
        vertical-align: top;
    }
    .cmd-sidenav .sidenav-container .container-items .item .item-label .label-triangle {
        top: 0;
        left: 0;
        width: 40px;
        height: 100%;
        border-radius: 54px 0 0 54px;
        background: #27a8c8;
    }
    .cmd-sidenav .sidenav-container .container-items .item .item-label .label-name {
        padding: 0 23px;
        height: 100%;
        color: #fff;
        font-size: 20px;
        background: #27a8c8;
    }
    .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 200ms 150ms linear;
    }
    .cmd-sidenav .sidenav-container .container-items .item .item-dot::after {
        transition: transform 300ms linear;
    }
    .cmd-sidenav .sidenav-container .container-items .item .item-label {
        transform: translate3d(100%, 0, 0);
        transition: transform 300ms 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 300ms 75ms linear;
    }
    .cmd-sidenav .sidenav-container .container-items .item.enter .item-label .label-name {
        color: #27a8c8;
    }
    .cmd-sidenav .sidenav-container .container-items .item .item-dot.enter::after {
        background: #27a8c8;
        transform: translate3d(-50%, -50%, 0) scale(1.5);
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    .cmd-sidenav .container-bg {
        right: 15px;
    }
}

@media all and (min-width: 1280px) {
    .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: 15px;
    }
}

@media all and (max-width: 730.5px) {
    .cmd-sidenav {
        position: fixed;
        top: 116px;
        right: 20px;
        width: calc(100% - 40px);
        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 {
        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, 0.8);
    }
    .cmd-sidenav .container-collapse .collapse-close::before {
        background: #424242;
    }
    .cmd-sidenav .container-collapse .collapse-open,
    .cmd-sidenav .container-collapse .collapse-close {
        position: absolute;
        top: 50%;
        right: 13px;
        width: 22px;
        height: 22px;
        transform: translate3d(0, -50%, 0);
        transition: opacity 300ms;
    }
    .cmd-sidenav .container-collapse .collapse-open::before,
    .cmd-sidenav .container-collapse .collapse-close::before {
        position: absolute;
        content: '';
        top: 50%;
        left: 50%;
        width: 48px;
        height: 48px;
        transform: translate(-50%, -50%);
    }
    .cmd-sidenav .container-collapse .collapse-open figure,
    .cmd-sidenav .container-collapse .collapse-close figure {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -11px;
        margin-left: -11px;
        width: 22px;
        height: 22px;
        background-position: center;
        background-position: no-repeat;
        background-size: contain;
    }
    .cmd-sidenav .container-collapse .collapse-open {
        opacity: 1;
    }
    #CMD .cmd-sidenav .container-collapse .collapse-open figure {
        background-image: url("../images/small/1x/icons/common/open.png");
    }
}

@media all and (max-width: 730.5px) {
    .cmd-sidenav .container-collapse .collapse-close {
        opacity: 0;
        user-select: none;
        pointer-events: none;
    }
    #CMD .cmd-sidenav .container-collapse .collapse-close figure {
        background-image: url("../images/small/1x/icons/common/close.png");
    }
}

@media all and (max-width: 730.5px) {
    .cmd-sidenav .container-items {
        overflow: hidden;
        height: 100%;
        max-height: 0;
        transition: all 400ms;
    }
    .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: 19px;
        text-align: center;
    }
    .cmd-sidenav .container-items .item .item-label .label-name {
        color: #fff;
        font-size: 19px;
        line-height: 1.2;
    }
    .cmd-sidenav.show {
        padding-bottom: 17px;
        background-color: #333;
    }
    .cmd-sidenav.show .container-items {
        max-height: 2000px;
        transition: all 400ms;
    }
    .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 300ms 400ms;
    }
    .cmd-sidenav.show .container-collapse .collapse-open {
        opacity: 0;
        user-select: none;
        pointer-events: none;
    }
    .cmd-sidenav.show .container-collapse .collapse-close {
        opacity: 1;
        pointer-events: all;
    }
    .cmd-sidenav {
        left: 100%;
        opacity: 0;
        transition: opacity 300ms;
    }
    .cmd-sidenav.mobile-show {
        left: unset;
        opacity: 1;
    }
    .cmd-sidenav .item-dot.enter {
        z-index: -1;
        background: #e42657;
    }
}

html #CMD .grid__layout {
    display: grid;
    margin-right: auto;
    margin-left: auto;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

html #CMD .grid-item {
    display: flex;
    position: relative;
    overflow: hidden;
    z-index: 0;
    margin: 0;
    box-sizing: border-box;
    border-radius: 20px;
    background-color: #ccc;
    flex-direction: column;
    min-height: 200px;
}

@media all and (min-width: 1280px) {
    html #CMD .grid__layout {
        max-width: 1080px;
    }
    html #CMD .large-span-1 {
        grid-column: span 1;
    }
    html #CMD .large-span-2 {
        grid-column: span 2;
    }
    html #CMD .large-span-3 {
        grid-column: span 3;
    }
    html #CMD .large-span-4 {
        grid-column: span 4;
    }
    html #CMD .large-span-5 {
        grid-column: span 5;
    }
    html #CMD .large-span-6 {
        grid-column: span 6;
    }
    html #CMD .large-span-7 {
        grid-column: span 7;
    }
    html #CMD .large-span-8 {
        grid-column: span 8;
    }
    html #CMD .large-span-9 {
        grid-column: span 9;
    }
    html #CMD .large-span-10 {
        grid-column: span 10;
    }
    html #CMD .large-span-11 {
        grid-column: span 11;
    }
    html #CMD .large-span-12 {
        grid-column: span 12;
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .medium-span-1 {
        grid-column: span 1;
    }
    html #CMD .medium-span-2 {
        grid-column: span 2;
    }
    html #CMD .medium-span-3 {
        grid-column: span 3;
    }
    html #CMD .medium-span-4 {
        grid-column: span 4;
    }
    html #CMD .medium-span-5 {
        grid-column: span 5;
    }
    html #CMD .medium-span-6 {
        grid-column: span 6;
    }
    html #CMD .medium-span-7 {
        grid-column: span 7;
    }
    html #CMD .medium-span-8 {
        grid-column: span 8;
    }
    html #CMD .medium-span-9 {
        grid-column: span 9;
    }
    html #CMD .medium-span-10 {
        grid-column: span 10;
    }
    html #CMD .medium-span-11 {
        grid-column: span 11;
    }
    html #CMD .medium-span-12 {
        grid-column: span 12;
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .small-span-1 {
        grid-column: span 1;
    }
    html #CMD .small-span-2 {
        grid-column: span 2;
    }
    html #CMD .small-span-3 {
        grid-column: span 3;
    }
    html #CMD .small-span-4 {
        grid-column: span 4;
    }
    html #CMD .small-span-5 {
        grid-column: span 5;
    }
    html #CMD .small-span-6 {
        grid-column: span 6;
    }
    html #CMD .small-span-7 {
        grid-column: span 7;
    }
    html #CMD .small-span-8 {
        grid-column: span 8;
    }
    html #CMD .small-span-9 {
        grid-column: span 9;
    }
    html #CMD .small-span-10 {
        grid-column: span 10;
    }
    html #CMD .small-span-11 {
        grid-column: span 11;
    }
    html #CMD .small-span-12 {
        grid-column: span 12;
    }
}

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

html #CMD .wd__section .ksp__layout .item_image {
    position: relative;
    box-sizing: border-box;
}

html #CMD .wd__section .ksp__layout .grid-item-ie {
    height: 100%;
}

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

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

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

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

html #CMD .wd__section .ksp__layout .wd__content .content__title {
    margin: 0;
    color: #000;
    font-size: 48px;
    line-height: 1.2;
}

html #CMD .wd__section .ksp__layout .wd__content .content__info {
    margin-top: 10px;
    color: #000;
    line-height: 1.4;
    font-size: 26px;
}

html #CMD .wd__section .ksp__layout .wd__content span.space-left-m {
    padding-left: 5px;
}

html #CMD .wd__section .ksp__layout .wd__content span.space-right-m {
    padding-right: 5px;
}

html #CMD .wd__section .ksp__layout .grid-item-wdFeature {
    padding: 37px 24px;
}

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

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

html #CMD .wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe {
    margin-top: 11px;
}

html #CMD .wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe__top {
    margin-bottom: 16px;
}

html #CMD .wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe,
html #CMD .wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe span,
html #CMD .wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe__top,
html #CMD .wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe__top span {
    line-height: 1.4;
    font-size: 26px;
}

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

html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon {
    padding: 37px 20px;
}

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

html #CMD .wd__section .ksp__layout .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top .img__icon {
    width: 100%;
    height: 116px;
    background-size: contain;
}

html #CMD .wd__section .ksp__layout .wd__feature__list.top-icon .wd__feature .wd__feature__data {
    font-size: 34px;
}

html #CMD .wd__section .ksp__layout .sign-e {
    top: -0.9em;
    font-size: 0.5em;
}

html #CMD .wd__section .ksp__layout .wd__feature__data .sign-cr {
    top: -0.7em;
    font-size: 0.5em;
    line-height: 1;
}

@media all and (min-width: 1280px) {
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .grid-item-ie {
        width: 100%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block {
        justify-content: center;
        padding: 33px 45px;
        box-sizing: border-box;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right {
        flex-flow: row-reverse;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right .img__block {
        right: 0;
        left: auto;
    }
    html #CMD .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;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content {
        width: 100%;
        height: auto;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content .content__title,
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content .content__info {
        text-align: center;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_image {
        width: 100%;
        height: 103px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_image .img__block {
        left: 50%;
        margin-top: 100px;
        transform: translateX(-50%);
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-leftCenter {
        height: 100%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_content {
        width: 57.7%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_image {
        width: 42%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .img__block {
        position: absolute;
        top: -50px;
        left: 0;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent.large-span-12 .item_block {
        margin-right: auto;
        margin-left: auto;
        padding: 50px 45px;
        box-sizing: border-box;
        max-width: 1226px;
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .wd__section .ksp__layout {
        padding-right: 16px;
        padding-left: 16px;
        box-sizing: border-box;
        width: 100%;
        max-width: 1023px;
        min-width: 1px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .grid-item-ie {
        width: 100%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block {
        justify-content: center;
        padding: 0;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right {
        flex-flow: row-reverse;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right .item_content {
        padding: 29px 40px 35px 0;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right .img__block {
        right: 0;
        left: auto;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center {
        flex-direction: column;
        height: 100%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content {
        padding: 40px 24px;
        width: 100%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content .content__title,
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content .content__info {
        text-align: center;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_image {
        width: 100%;
        height: 100%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_image .img__block {
        left: 50%;
        transform: translateX(-50%);
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_content {
        padding: 29px 0 35px 40px;
        width: 54%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .wd__content {
        left: 0;
        padding-bottom: 5px;
        width: 99%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .wd__content .content__title {
        width: 100%;
        font-size: 48px;
        line-height: 1.2;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .wd__content .content__info {
        margin-top: 25px;
        width: 100%;
        font-size: 26px;
        line-height: 1.2;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_image {
        width: 46%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_image .img__block {
        top: 50%;
        transform: translateY(-50%);
    }
    html #CMD .wd__section .ksp__layout .grid-item.grid-item-wdFeature {
        padding: 37px 24px;
        min-height: 175px;
    }
    html #CMD .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%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top {
        margin-bottom: 12px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe,
    html #CMD .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe span,
    html #CMD .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top,
    html #CMD .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top span {
        font-size: 26px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 48px;
        line-height: 1.2;
        letter-spacing: 1.4px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon {
        padding: 37px 20px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon {
        margin-top: 6px;
        margin-right: auto;
        margin-left: auto;
        width: 86%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top {
        margin-bottom: 17px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top .img__icon {
        width: 100%;
        height: 100px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__data {
        font-size: 34px;
    }
    html #CMD .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) {
    html #CMD .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: 375px;
        transform: translateX(-50%);
        min-width: 320px;
    }
    html #CMD .wd__section .ksp__layout .grid-item {
        min-width: 320px;
        justify-content: center;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent {
        flex-direction: column;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block {
        flex-direction: column;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right {
        flex-direction: column;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_content {
        padding: 27px 24px;
        height: auto;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .wd__content {
        left: 0;
        padding-bottom: 5px;
        width: 100%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .wd__content .content__title {
        width: 100%;
        font-size: 37.8px;
        line-height: 1.2;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .wd__content .content__info {
        margin-top: 8px;
        width: 100%;
        font-size: 20px;
        line-height: 1.2;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_image {
        margin-top: -5px;
        width: 100%;
        height: 202px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_image .img__block {
        position: relative;
    }
    html #CMD .wd__section .ksp__layout .grid-item.grid-item-wdFeature {
        padding: 32px 24px;
        min-height: 175px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top {
        margin-bottom: 4px;
    }
    html #CMD .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%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe,
    html #CMD .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe span,
    html #CMD .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top,
    html #CMD .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top span {
        font-size: 20px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 37.8px;
        line-height: 1.2;
        letter-spacing: 1.4px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon {
        padding: 32px 24px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon {
        margin-top: 6px;
        margin-right: auto;
        margin-left: auto;
        width: 86%;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe,
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe span,
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top,
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top span {
        font-size: 20px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top {
        margin-bottom: 13px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top .img__icon {
        width: 100%;
        height: 72px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__data {
        font-size: 25px;
    }
    html #CMD .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe {
        margin-top: 11px;
    }
}

html #CMD .section__1::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.1;
    color: #fff;
    font-size: 380px;
    content: "1";
}

@media all and (min-width: 1280px) {
    html #CMD .wd__section {
        padding-bottom: 200px;
    }
    html #CMD .wd__section .wd__content.main-content {
        max-width: 1136px;
    }
    html #CMD .wd__section .wd__content.main-content .content__slogan {
        margin-top: 14px;
    }
    html #CMD .wd__section .wd__content.main-content .content__title {
        margin-top: 25px;
        font-size: 48px;
    }
    html #CMD .wd__section .wd__content.main-content .content__info {
        margin-top: 90px;
    }
    html #CMD .wd__section .wd__feature__list {
        margin-top: 61px;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top {
        margin-bottom: 2px;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__describe {
        margin-top: -2px;
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .wd__section .wd__content .content__slogan {
        font-size: 30px;
    }
    html #CMD .wd__section .wd__content .content__title {
        margin-top: 29px;
        font-size: 48px;
    }
    html #CMD .wd__section .wd__content .content__info {
        margin-top: 90px;
    }
    html #CMD .wd__section .wd__feature__list {
        margin-top: 54px;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top {
        margin-bottom: 8px;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__describe {
        margin-top: -1px;
    }
    html #CMD .inner-view .inner-view-container .wd__content .content__title {
        margin-top: 0;
    }
    html #CMD .inner-view .inner-view-container .wd__content .content__info {
        margin-top: 30px;
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .wd__section .wd__content .content__slogan {
        font-size: 24px;
        letter-spacing: 0.7px;
    }
    html #CMD .wd__section .wd__content .content__title {
        margin-top: 32px;
        font-size: 36px;
    }
    html #CMD .wd__section .wd__content .content__title::after {
        bottom: -27px;
    }
    html #CMD .wd__section .wd__content .content__info {
        margin-top: 56px;
    }
    html #CMD .wd__section .wd__feature__list {
        margin-top: 40px;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top {
        margin-bottom: 3px;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__data {
        margin-bottom: 0;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-en {
        line-height: 47px;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__describe {
        margin-top: 3px;
    }
}

html #CMD .wd__section {
    margin-top: 0;
    padding-top: 220px;
    padding-bottom: 0;
    background: #e6e6e6;
}

html #CMD .wd__section .row .col[class*='push-'],
html #CMD .wd__section .row .col[class*='pull-'] {
    position: relative;
}

html #CMD .wd__section .always__on__top {
    position: relative;
    z-index: 888;
}

html #CMD .wd__section .no__wrap {
    display: inline-block;
    white-space: nowrap;
}

html #CMD .wd__section .slick-dots li {
    margin-right: 10px;
    margin-left: 10px;
}

html #CMD .wd__section .slick-dots li button::before {
    color: #1c1b19;
    font-size: 41px;
}

html #CMD .wd__section .slick-dots li button:hover::before {
    color: #1c1b19;
}

html #CMD .wd__section .large_use,
html #CMD .wd__section .medium_use,
html #CMD .wd__section .small_use {
    display: none;
}

html #CMD .wd__section .large_use {
    display: block \9;
}

html #CMD .wd__section .large_unuse {
    display: none \9;
}

html #CMD .wd__section .img {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

html #CMD .wd__section .wd__content {
    position: relative;
    max-width: 1000px;
}

html #CMD .wd__section .wd__content .content__slogan {
    font-size: 22px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

html #CMD .wd__section .wd__content .content__title {
    color: #1c1b19;
    margin-top: 10px;
    font-size: 48px;
    line-height: 1.2;
}

html #CMD .wd__section .wd__content .content__info {
    color: #1c1b19;
}

html #CMD .wd__section .wd__content .content__link {
    linkColor: #27a8c8;
    color: #27a8c8;
}

html #CMD .wd__section .wd__content .content__link *,
html #CMD .wd__section .wd__content .content__link span {
    color: #27a8c8;
}

html #CMD .wd__section .wd__content .content__link:after {
    color: #27a8c8;
}

html #CMD .wd__section .wd__content .content__link:link {
    color: #27a8c8;
}

html #CMD .wd__section .wd__content .content__link:hover span {
    border-bottom: 1px solid #27a8c8;
}

html #CMD .wd__section .wd__content.main-content .content__slogan::before {
    z-index: -1;
}

html #CMD .wd__section .img__replay {
    background-image: url("../images/icon/replay.png");
    position: absolute;
    z-index: 1000;
    cursor: pointer;
    top: 50%;
    left: 50%;
    opacity: 0;
    margin-left: 0;
    width: 40px;
    height: 44px;
    background-size: contain !important;
    transform: translate(-50%, -50%);
    transition: opacity 300ms;
    pointer-events: none;
    filter: alpha(opacity=0);
}

html #CMD .wd__section .img__replay .img__text {
    position: absolute;
    top: 40px;
    left: 50%;
    width: 100px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    transform: translateX(-50%);
    line-height: 1;
}

html #CMD .wd__section .img__replay.active {
    opacity: 0.9;
    pointer-events: auto;
    filter: alpha(opacity=90);
}

html #CMD .wd__section .wd__content .content__slogan {
    display: inline-block;
    color: #27a8c8;
}

html #CMD .wd__section .wd__content.main-content .content__title::after {
    display: block;
    position: absolute;
    width: 70px;
    height: 3px;
    background: #27a8c8;
    transform: skew(-60deg);
    content: '';
}

#CMD .wd__content.main-content .content__slogan::before {
    background-image: url("../images/large/1x/icon/slogan_bg.png");
}

html #CMD .wd__section .wd__content .content__slogan::before {
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
}

html #CMD .wd__section.theme__text-white .wd__content .content__slogan {
    color: #27a8c8;
}

html #CMD .wd__section.theme__text-white .wd__content .content__title {
    color: #ffffff;
}

html #CMD .wd__section.theme__text-white .wd__content .content__info {
    color: #ffffff;
}

html #CMD .wd__section.theme__text-white .wd__content .content__link {
    linkColor: #ffffff;
    color: #ffffff;
}

html #CMD .wd__section.theme__text-white .wd__content .content__link *,
html #CMD .wd__section.theme__text-white .wd__content .content__link span {
    color: #ffffff;
}

html #CMD .wd__section.theme__text-white .wd__content .content__link:after {
    color: #ffffff;
}

html #CMD .wd__section.theme__text-white .wd__content .content__link:link {
    color: #ffffff;
}

html #CMD .wd__section.theme__text-white .wd__content .content__link:hover span {
    border-bottom: 1px solid #ffffff;
}

html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__data {
    color: #27a8c8;
    display: inline-block;
}

html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top {
    color: #1c1b19;
}

html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__describe {
    color: #1c1b19;
}

html #CMD .wd__section .wd__feature__list .wd__feature__data,
html #CMD .wd__section .wd__feature__list .wd__feature__data sup,
html #CMD .wd__section .wd__feature__list .wd__feature__data span {
    color: #27a8c8;
}

html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__data {
    color: #27a8c8;
}

html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__data sup,
html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__data span {
    color: #27a8c8;
}

.ie .text_color_gradient,
.ie .text_color_gradient sup,
.ie .text_color_gradient-up,
.ie .text_color_gradient-up sup {
    -webkit-text-fill-color: initial !important;
    background-image: none !important;
}

.ie .wd__section .wd__feature__list .wd__feature .wd__feature__data {
    -webkit-text-fill-color: initial !important;
    background-image: none !important;
    color: #27a8c8 !important;
}

.ie .wd__section .wd__feature__list .wd__feature .wd__feature__data sup,
.ie .wd__section .wd__feature__list .wd__feature .wd__feature__data span {
    -webkit-text-fill-color: initial !important;
    background-image: none !important;
    color: #27a8c8 !important;
}

html #CMD .wd__section .modal-button {
    background-color: #27a8c8;
    color: #fff;
    border-color: #27a8c8;
}

html #CMD .wd__section .modal-button:hover {
    background-color: #1694b3;
    color: #fff;
    border-color: #1694b3;
}

html #CMD .wd__section .modal-button-container .modal-button {
    padding: 4px 30px;
    border-radius: 30px;
}

html #CMD .wd__section .detect-point {
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;
}

html #CMD .wd__section .detect-point.test {
    border: 2px solid red;
}

html #CMD .wd__section .detect-point-out {
    width: 1px;
    height: 470px;
}

html #CMD .wd__section .detect-point-enter {
    width: 1px;
    height: 1px;
}

html #CMD .wd__section video {
    position: relative;
}

html #CMD .wd__section .videoEnterDetect {
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 150vh;
    transform: translate3d(-50%, -50%, 0);
}

@keyframes hoverAnimation {
    0% {
        transform: scale(1, 1) translateY(0);
    }
    35% {
        transform: scale(1, 0.2) translateY(130px);
    }
    85% {
        transform: scale(1, 1) translateY(0);
    }
}

html #CMD .section__kv {
    overflow: hidden;
    padding-top: 150px;
    padding-bottom: 110px;
}

html #CMD .section__kv .wd__content {
    margin-top: 50px;
}

html #CMD .section__kv .wd__content .content__slogan {
    color: #1c1b19;
    font-size: 62px;
    text-transform: capitalize;
    letter-spacing: -1.1px;
}

html #CMD .section__kv .wd__content .content__title {
    margin-top: -6px;
    font-size: 57px;
    letter-spacing: -0.5px;
}

html #CMD .section__kv .wd__content .content__info {
    width: 990px;
    margin-top: 25px;
}

html #CMD .section__kv .wd__content .content__slogan {
    font-family: "TT Norms Pro W05", "Segoe UI", sans-serif !important;
    font-weight: 450 !important;
    font-style: normal !important;
}

html #CMD .section__kv .wd__content .content__title {
    font-family: "TT Norms W05", "Segoe UI", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

html #CMD .section__kv .img__kv {
    position: relative;
    left: 50%;
    margin-top: -312px;
    margin-bottom: 0;
    margin-left: -840px;
    width: 1681px;
    height: 1116px;
}

#CMD .section__kv .img__kv {
    background-image: url("images/kv.jpg");
}

html #CMD .section__kv .vr__screen {
    display: block;
    position: relative;
    z-index: 70;
    bottom: 0;
    left: 50%;
    margin-left: -38px;
    width: 76px;
    height: 48px;
}

html #CMD .section__kv .vr__screen #vr__screen__icon {
    fill: #333;
}

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

html #CMD .section__kv .vr__screen:hover #vr__screen__icon .vr__border {
    animation: hoverAnimation 2000ms ease infinite forwards;
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__kv .vr__screen {
        display: block;
        position: relative;
        z-index: 70;
        bottom: 0;
        left: 50%;
        margin-left: -38px;
        width: 76px;
        height: 48px;
    }
    html #CMD .section__kv .vr__screen #vr__screen__icon {
        fill: #333;
    }
    html #CMD .section__kv .vr__screen #vr__screen__icon .vr__border {
        transform: scale(1, 1);
        animation: hoverAnimation 2000ms ease infinite forwards;
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__kv .vr__screen {
        display: block;
        position: relative;
        z-index: 70;
        bottom: 0;
        left: 50%;
        margin-left: -35px;
        width: 70px;
        height: 44px;
    }
    html #CMD .section__kv .vr__screen #vr__screen__icon {
        fill: #333;
    }
    html #CMD .section__kv .vr__screen #vr__screen__icon .vr__border {
        transform: scale(1, 1);
        animation: hoverAnimation 2000ms ease infinite forwards;
    }
}

html #CMD .section__kv .vr__screen {
    margin-top: -226px;
}

html #CMD .section__ksp {
    padding-top: 30px;
    padding-bottom: 10px;
}

html #CMD .section__ksp .ksp__layout .grid-item {
    border: 1px solid #bebebe;
    background: linear-gradient(to top, #f4f4f4 0%, #fff 100%);
}

html #CMD .section__ksp .ksp__layout .wd__content .content__title {
    color: #27a8c8;
}

html #CMD .section__ksp .ksp__layout .wd__content .content__info {
    color: #333;
}

html #CMD .section__ksp .ksp__layout .wd__feature__list .wd__feature .wd__feature__data {
    color: #27a8c8;
}

html #CMD .section__ksp .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe,
html #CMD .section__ksp .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe *,
html #CMD .section__ksp .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe__top,
html #CMD .section__ksp .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe__top * {
    color: #333;
}

html #CMD .section__ksp .grid-item-wdFeature {
    min-height: 283px;
}

html #CMD .section__ksp .grid-item-0 .item_block {
    height: 100%;
}

html #CMD .section__ksp .grid-item-0 .item_image {
    width: 450px;
}

html #CMD .section__ksp .grid-item-0 .img__block {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0;
    width: 573px;
    height: 393px;
}

#CMD .section__ksp .grid-item-0 .img__block {
    background-image: url("images/img_display.png");
}

html #CMD .section__ksp .grid__layout .grid-item-1.grid-item-wdFeature {
    min-height: 1px;
}

html #CMD .section__ksp .grid__layout .grid-item-1.grid-item-wdFeature .wd__feature .wd__feature__describe {
    display: none;
}

html #CMD .section__ksp .grid-item-6.grid-item-wdContent {
    min-height: 354px;
}

html #CMD .section__ksp .grid-item-6.grid-item-wdContent .img__block {
    position: absolute;
    top: -130px;
    margin-left: -196px;
    width: 535px;
    height: 395px;
}

#CMD .section__ksp .grid-item-6 .img__block {
    background-image: url("images/img_thin.png");
}

html #CMD .section__ksp .grid-item-7.grid-item-wdContent {
    min-height: 334px;
}

html #CMD .section__ksp .grid-item-7.grid-item-wdContent .img__block {
    width: 1220px;
    height: 89px;
}

#CMD .section__ksp .grid-item-7 .img__block {
    background-image: url("images/img_port.png");
}

html #CMD .section__ksp .grid-item-9 .img__icon0 {
    margin-top: 0;
}

#CMD .section__ksp .grid-item-9 .img__icon0 {
    background-image: url("images/icon_numberPad.png");
}

html #CMD .section__ksp .grid-item-10 {
    display: none !important;
}

html #CMD .section__ksp .grid-item-11 .img__icon0 {
    margin-top: 0;
}

#CMD .section__ksp .grid-item-11 .img__icon0 {
    background-image: url("images/icon_ergolift.png");
}

html #CMD .section__ksp .grid-item-12 .img__icon0 {
    margin-top: 0;
}

#CMD .section__ksp .grid-item-12 .img__icon0 {
    background-image: url("images/icon_login.png");
}

html #CMD .section__display {
    overflow: hidden;
    z-index: 100;
    margin-top: 0;
    padding-top: 110px;
}

html #CMD .section__display .wd__content .content__info {
    width: 810px;
}

html #CMD .section__display .wd__feature__list {
    margin-right: auto;
    margin-left: auto;
    width: 1090px;
}

html #CMD .section__display .wd__feature__list.list-1 {
    margin-top: 70px;
}

html #CMD .section__display .wd__feature__list.list-2 {
    margin-top: -19px;
}

html #CMD .section__display .wd__feature__list.list-2 .feature-1 .img__icon1 {
    margin-bottom: -27px;
    width: 132px;
    height: 132px;
}

#CMD .section__display .list-2 .img__icon1 {
    background-image: url("images/icon_oled.png");
}

html #CMD .section__display .wd__feature__list.list-2 .feature-2 {
    margin-top: 49px;
}

html #CMD .section__display .wd__feature__list.list-2 .feature-2 .img__icon2 {
    top: 0;
    margin-top: -36px;
    margin-bottom: 12px;
    width: 56px;
    height: 80px;
}

#CMD .section__display .list-2 .feature-2 .img__icon2 {
    background-image: url("images/icon_hdr.png");
}

html #CMD .section__display .wd__feature__list.list-2 .feature-3 {
    margin-top: -10px;
}

html #CMD .section__display .wd__feature__list.list-2 .feature-3 .img__icon3 {
    top: 0;
    margin-top: 15px;
    margin-bottom: 10px;
    width: 171px;
    height: 90px;
}

#CMD .section__display .list-2 .feature-3 .img__icon3 {
    background-image: url("images/icon_tuv.png");
}

html #CMD .section__display .wd__feature__list.list-2 .feature-4 .img__icon4 {
    margin-top: 7px;
    margin-bottom: 10px;
    width: 60px;
    height: 89px;
}

#CMD .section__display .list-2 .feature-4 .img__icon4 {
    background-image: url("images/icon_vesa.png");
}

html #CMD .section__display .img__display {
    position: relative;
    left: 50%;
    margin-top: 32px;
    margin-left: -735px;
    width: 1475px;
    height: 938px;
}

#CMD .section__display .img__display {
    background-image: url("images/s2.jpg");
}

html #CMD .section__display .modal-button-container {
    margin-top: -200px;
}

html #CMD .section__performance {
    overflow: hidden;
    padding-top: 130px;
}

html #CMD .section__performance .wd__content {
    position: relative;
    left: 50%;
    margin-left: -542px;
    width: 690px;
}

html #CMD .section__performance .wd__content .content__info {
    width: 680px;
}

html #CMD .section__performance .wd__feature__list {
    margin-top: 40px;
    width: 600px;
}

html #CMD .section__performance .wd__feature__list .wd__feature {
    display: inline-block;
    margin: 0 65px 65px 0;
    vertical-align: top;
}

html #CMD .section__performance .wd__feature__list .wd__feature.feature-1 {
    margin-right: 0;
    margin-bottom: 35px;
    margin-left: 0;
}

html #CMD .section__performance .wd__feature__list .wd__feature.feature-1 .wd__feature__describe__top {
    display: none;
}

html #CMD .section__performance .img__performance {
    position: relative;
    left: 50%;
    margin-top: -841px;
    margin-left: -404px;
    width: 1510px;
    height: 1111px;
}

#CMD .section__performance .img__performance {
    background-image: url("images/s3.jpg");
}

html #CMD .section__performance .modal-button-container {
    margin-top: 35px;
}

html #CMD .section__highlights {
    margin-top: -10px;
    padding-bottom: 23px;
}

html #CMD .section__highlights .wd__content .content__info {
    width: 100%;
    max-width: 700px;
}

#CMD .img__list__block .item-0 .item__img {
    background-image: url("images/color__0.jpg");
}

#CMD .img__list__block .item-1 .item__img {
    background-image: url("images/color__1.jpg");
}

#CMD .img__list__block .item-2 .item__img {
    background-image: url("images/color__2.jpg");
}

#CMD .img__list__block .item-3 .item__img {
    background-image: url("images/color__3.jpg");
}

html #CMD .section__highlights .wd__list__color {
    margin-top: 80px;
}

html #CMD .section__highlights .img__list__block .slick-active {
    opacity: 0.5;
}

html #CMD .section__highlights .img__list__block .slick-current {
    opacity: 1;
}

html #CMD .section__highlights .img__list__block .item__desc::before {
    background-color: transparent;
}

html #CMD .section__highlights .img__list__block .item__desc * {
    text-align: center;
}

html #CMD .section__highlights .slick-prev,
html #CMD .section__highlights .slick-next {
    margin-top: 0;
    width: 63px;
    height: 112px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

html #CMD .section__highlights .slick-prev::before,
html #CMD .section__highlights .slick-next::before {
    top: 42px;
    left: 22px;
    width: 20px;
    height: 32px;
}

html #CMD .section__highlights .slick-prev {
    left: 50%;
    margin-left: -472px;
}

html #CMD .section__highlights .slick-prev::before {
    left: 19px;
}

#CMD .section__highlights .img__list__block .slick-prev::before {
    background-image: url("images/left_arrow.png");
}

html #CMD .section__highlights .slick-next {
    left: 50%;
    margin-left: 409px;
}

#CMD .section__highlights .img__list__block .slick-next::before {
    background-image: url("images/right_arrow.png");
}

html #CMD .section__color {
    overflow: hidden;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
}

html #CMD .section__color .wd__content {
    position: absolute;
    display: none;
    left: 50%;
    margin-left: -560px;
    margin-top: 346px;
    width: 380px;
}

html #CMD .section__color .wd__content.content-2 .content__title {
    color: #000;
}

html #CMD .section__color .wd__content.content-2 .content__info {
    color: #000;
}

html #CMD .section__color .nav-slick {
    margin-top: 40px;
    margin-left: -10px;
}

html #CMD .section__color .nav-slick .nav {
    display: inline-block;
    cursor: pointer;
    margin: 0 10px;
    width: 50px;
    height: 50px;
    border: 2px solid transparent;
    border-radius: 50%;
}

html #CMD .section__color .nav-slick .nav.nav1 {
    background: #000;
}

html #CMD .section__color .nav-slick .nav.nav2 {
    background: #d4c6d8;
}

html #CMD .section__color .nav-slick .nav.js-selected {
    border: 2px solid #fff;
}

html #CMD .section__color .img__color {
    position: relative;
    left: 50%;
    margin-top: 0;
    margin-left: -1280px;
    width: 2560px;
    height: 1110px;
}

html #CMD .section__color .img__color .slick-content {
    width: 2560px;
    height: 1110px;
}

html #CMD .section__color .img__color .slick-content figure {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 2560px;
    height: 1110px;
    transition: opacity 400ms ease;
    pointer-events: none;
}

html #CMD .section__color .img__color .slick-content figure .wd__content {
    display: block;
}

#CMD .section__color .img-slick1 {
    background-image: url("images/bg1.jpg");
}

#CMD .section__color .img-slick2 {
    background-image: url("images/bg2.jpg");
}

html #CMD .section__color .img__color .slick-content figure.js-showed {
    opacity: 1;
    pointer-events: all;
}

html #CMD .section__mobility {
    display: inline-block;
    overflow: hidden;
    margin-top: 0;
}

html #CMD .section__mobility .wd__content {
    margin: 5px auto 0;
    width: 700px;
}

html #CMD .section__mobility .wd__content .content__title {
    width: 740px;
}

html #CMD .section__mobility .wd__content .content__info {
    width: 560px;
}

html #CMD .section__mobility .wd__feature__list {
    width: 660px;
}

html #CMD .section__mobility .wd__feature__list .wd__feature.feature-3 {
    display: none;
}

html #CMD .section__mobility .img__mobility {
    position: relative;
    left: 50%;
    margin-top: -574px;
    margin-left: -990px;
    width: 1597px;
    height: 1039px;
}

#CMD .section__mobility .img__mobility {
    background-image: url("images/s6.jpg");
}

html #CMD .section__user_experience {
    overflow: hidden;
    padding-top: 130px;
    background: #fff;
}

html #CMD .section__user_experience .wd__content .content__info {
    width: 820px;
}

html #CMD .section__user_experience .slick-content {
    margin: 0 auto;
    width: 100%;
    max-width: 1128px;
}

html #CMD .section__user_experience .slick-content .slick-title {
    position: relative;
    margin-top: 60px;
    color: #66656a;
    text-align: center;
}

html #CMD .section__user_experience .slick-content .slick-title .title-line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% / 3);
    height: 4px;
    background-color: #27a8c8;
    transform: translate3d(0, 0, 0);
    transition: transform 250ms ease;
}

html #CMD .section__user_experience .slick-content .slick-title .title-nav {
    margin: 0;
    padding: 15px 0 10px;
    font-size: 0;
    border-bottom: 1px solid #66656a;
}

html #CMD .section__user_experience .slick-content .slick-title .title-nav li {
    display: inline-block;
    cursor: pointer;
    list-style-type: none;
    margin: 0;
    width: calc(100% / 3);
    color: #66656a;
    font-size: 20px;
    text-transform: uppercase;
    vertical-align: bottom;
    line-height: 24px;
}

html #CMD .section__user_experience .slick-content .slick-title .title-nav li .sign-fnum {
    top: -0.7em;
}

html #CMD .section__user_experience .slick-content .slick-title .title-nav li.js-selected {
    color: #27a8c8;
}

html #CMD .section__user_experience .slick-content .slick-info {
    position: relative;
    margin: 35px auto;
    max-width: 980px;
    height: auto;
    max-height: 0;
    transition: min-height 200ms ease, max-height 200ms ease;
    min-height: 0;
}

html #CMD .section__user_experience .slick-content .slick-info .si {
    display: none;
    position: relative;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    color: #1c1b19;
    font-size: 20px;
    transition: opacity 400ms ease, visibility 400ms ease;
    line-height: 1.5;
}

html #CMD .section__user_experience .slick-content .slick-info .si .info__comment {
    display: inline-block;
    margin-top: 8px;
    color: #1c1b19;
    font-size: 18px;
    line-height: 1.4;
}

html #CMD .section__user_experience .slick-content .slick-info .si.js-showed {
    display: block;
    visibility: visible;
    opacity: 1;
}

html #CMD .section__user_experience .slick-content .slick-images {
    position: relative;
    left: 50%;
    margin: 0 0 0 -564px;
    width: 1134px;
    height: 631px;
}

html #CMD .section__user_experience .slick-content .slick-images .img-slick {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 1134px;
    height: 631px;
    transition: opacity 400ms ease;
}

html #CMD .section__user_experience .slick-content .slick-images .img-slick.js-showed {
    opacity: 1;
}

#CMD .section__user_experience #img-slick1 {
    background-image: url("images/p1.jpg");
}

#CMD .section__user_experience #img-slick2 {
    background-image: url("images/p2.jpg");
}

#CMD .section__user_experience #img-slick3 {
    background-image: url("images/p3.jpg");
}

#CMD .section__user_experience #img-slick4 {
    background-image: url("images/p4.jpg");
}

html #CMD .section__user_experience .modal-button-container {
    margin-top: 83px;
}

html #CMD .section__connect {
    overflow: hidden;
    background: #fff;
}

html #CMD .section__connect .wd__content .content__info {
    width: 880px;
}

html #CMD .section__connect .img__connect {
    position: relative;
    left: 50%;
    margin-top: -37px;
    margin-left: -1280px;
    width: 2560px;
    height: 407px;
}

#CMD .section__connect .img__connect {
    background-image: url("images/s8.jpg");
}

html #CMD .section__connect .img__connect .ioPort {
    position: absolute;
    top: 269px;
    left: 50%;
    font-size: 18px;
}

html #CMD .section__connect .img__connect .ioPort.port1 {
    margin-left: -617px;
    text-align: left;
}

html #CMD .section__connect .img__connect .ioPort.port2 {
    margin-left: -266px;
    width: 130px;
}

html #CMD .section__connect .img__connect .ioPort.port3 {
    margin-left: -129px;
    width: 110px;
}

html #CMD .section__connect .img__connect .ioPort.port4 {
    margin-left: 90px;
    width: 80px;
}

html #CMD .section__connect .img__connect .ioPort.port5 {
    margin-left: 210px;
    width: 110px;
}

html #CMD .section__connect .modal-button-container {
    margin-top: -21px;
}

html #CMD .section__software {
    overflow: hidden;
    margin-top: -87px;
}

html #CMD .section__software .wd__content {
    width: 840px;
}

html #CMD .section__software .wd__content .content__info {
    width: 784px;
}

html #CMD .section__software .img__software {
    position: relative;
    z-index: 100;
    left: 50%;
    margin-top: 80px;
    margin-left: -820px;
    width: 1639px;
    height: 819px;
}

#CMD .section__software .img__software {
    background-image: url("images/s9.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__software .img__software {
        background-image: url("images/s9.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__software .img__software {
        background-image: url("images/s9.jpg");
    }
}

html #CMD .section__software .modal-button-container {
    margin-top: -56px;
}

html #CMD .section__software .modal-button-container .modal-button {
    z-index: 100;
}

html #CMD .section__audio {
    overflow: hidden;
    margin-top: -100px;
}

html #CMD .section__audio .wd__content {
    position: relative;
    left: 50%;
    top: 50px;
    margin-left: -9px;
    width: 585px;
}

html #CMD .section__audio .wd__content .content__info {
    margin-right: 0;
    margin-left: 0;
}

html #CMD .section__audio .wd__feature__list .wd__feature {
    text-align: center;
}

html #CMD .section__audio .wd__feature__list .wd__feature .img__icon1 {
    margin-right: -13px;
    width: 360px;
    height: 87px;
}

#CMD .section__audio .img__icon1 {
    background-image: url("images/icon_harman.png");
}

html #CMD .section__audio .img__audio {
    position: relative;
    left: 50%;
    margin-top: -286px;
    margin-bottom: 0;
    margin-left: -1026px;
    width: 1872px;
    height: 908px;
}

#CMD .section__audio .img__audio {
    background-image: url("images/s10.jpg");
}

html #CMD .section__grade {
    overflow: hidden;
    margin-top: 0;
    padding-top: 73px;
}

html #CMD .section__grade .wd__content {
    position: relative;
    width: 740px;
    left: 50%;
    margin-left: -577px;
}

html #CMD .section__grade .wd__feature__list {
    margin: 56px 0 0;
    width: 460px;
}

html #CMD .section__grade .wd__feature__list .wd__feature {
    margin: 0 35px 50px 0;
    width: 182px;
    text-align: center;
    vertical-align: top;
    min-height: 205px;
}

html #CMD .section__grade .wd__feature__list .wd__feature .wd__feature__data .img__icon {
    margin-bottom: 14px;
    width: 88px;
    height: 90px;
}

#CMD .section__grade .img__icon1 {
    background-image: url("images/icon_1.png");
}

#CMD .section__grade .img__icon2 {
    background-image: url("images/icon_2.png");
}

#CMD .section__grade .img__icon3 {
    background-image: url("images/icon_3.png");
}

#CMD .section__grade .img__icon4 {
    background-image: url("images/icon_4.png");
}

#CMD .section__grade .img__icon5 {
    background-image: url("images/icon_5.png");
}

#CMD .section__grade .img__icon6 {
    background-image: url("images/icon_6.png");
}

html #CMD .section__grade .wd__feature__list .wd__feature .wd__feature__describe {
    color: #2f3437;
    vertical-align: top;
}

html #CMD .section__grade .wd__feature__list .wd__feature .wd__feature__describe span>span {
    display: block;
}

html #CMD .section__grade .wd__feature__list .wd__feature .wd__feature__describe span>span.text-title {
    margin-bottom: 4px;
}

html #CMD .section__grade .img__grade {
    position: relative;
    left: 50%;
    margin-top: -1044px;
    margin-bottom: -80px;
    margin-left: -1280px;
    width: 2560px;
    height: 1520px;
}

#CMD .section__grade .img__grade {
    background-image: url("images/s11.jpg");
}

html #CMD .section__comment {
    padding-top: 10px;
    padding-bottom: 65px;
}

html #CMD .section__comment .footnotes ul.footnote li {
    color: #999;
}

html #CMD .section__comment .footnotes ul.footnote li a {
    color: #1c1b19;
    word-break: break-all;
}

html #CMD .section__comment .footnotes ul.footnote li a:hover {
    color: #00a3e7;
}

html #CMD .section__aipt_1 {
    padding-top: 132px;
    padding-bottom: 60px;
    background: linear-gradient(to bottom, #161d22 0%, #161d22 40%, #11171b 50%, #11171b 100%);
}

html #CMD .section__aipt_1 .wd__content {
    width: 1010px !important;
}

html #CMD .section__aipt_1 .wd__feature__list {
    margin: 45px auto 0;
    width: 100%;
    max-width: 680px;
}

html #CMD .section__aipt_1 .aipt-graph {
    position: relative;
    left: 50%;
    margin-top: 10px;
    margin-left: -493px;
    width: 990px;
}

html #CMD .section__aipt_1 .aipt-graph .graph-content,
html #CMD .section__aipt_1 .aipt-graph .graph-ladar {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

html #CMD .section__aipt_1 .aipt-graph .graph-content {
    width: 310px;
}

html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item {
    display: block;
    position: relative;
    margin-bottom: 42px;
    text-align: left;
}

html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item .itme-icon {
    position: relative;
    text-align: left;
}

html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item .itme-icon figure {
    margin-left: 0;
}

html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item .itme-title {
    position: relative;
    margin-top: 10px;
    font-size: 20.5px;
}

html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item .itme-info {
    position: relative;
    margin-top: 15px;
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
}

html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item.item-0 .itme-title {
    color: #f1790b;
}

html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item.item-0 .itme-title sup {
    color: #f1790b;
}

html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item.item-1 .itme-title {
    color: #03a514;
}

html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item.item-1 .itme-title sup {
    color: #03a514;
}

html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item.item-2 .itme-title {
    color: #357ae0;
}

html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item.item-2 .itme-title sup {
    color: #357ae0;
}

html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item.item-0 .itme-icon .img {
    width: 82px;
    height: 50px;
}

#CMD .section__aipt_1 .aipt-graph .item-0 .itme-icon .img {
    background-image: url("../images/large/1x/aipt/mode_0.png");
}

html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item.item-1 .itme-icon .img {
    width: 72px;
    height: 78px;
}

#CMD .section__aipt_1 .aipt-graph .item-1 .itme-icon .img {
    background-image: url("../images/large/1x/aipt/mode_1.png");
}

html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item.item-2 .itme-icon .img {
    width: 76px;
    height: 78px;
}

#CMD .section__aipt_1 .aipt-graph .item-2 .itme-icon .img {
    background-image: url("../images/large/1x/aipt/mode_2.png");
}

html #CMD .section__aipt_1 .aipt-graph .graph-ladar {
    top: 54px;
    left: 102px;
    width: 660px;
}

html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-img {
    display: block;
    position: relative;
}

html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-img figure {
    position: relative;
    width: 520px;
    height: 490px;
}

#CMD .section__aipt_1 .graph-ladar .ladar-img figure {
    background-image: url("../images/large/1x/aipt/ladar.png");
}

html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .content-text {
    position: absolute;
    left: 50%;
    width: 200px;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-0 {
    top: unset;
    bottom: 494px;
    margin-left: -102px;
    text-align: center;
}

html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-1 {
    top: 181px;
    bottom: unset;
    margin-left: 265px;
    text-align: left;
}

html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-2 {
    top: 492px;
    bottom: unset;
    margin-left: 64px;
    text-align: center;
}

html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-3 {
    top: 492px;
    bottom: unset;
    margin-left: -272px;
    text-align: center;
}

html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-4 {
    top: 181px;
    bottom: unset;
    margin-left: -473px;
    text-align: right;
}

html #CMD .section__aipt_1 .img__bg {
    display: block;
    position: relative;
    left: 50%;
    margin-top: -42px;
    margin-bottom: 0;
    margin-left: -1280px;
    width: 2560px;
    height: 861px;
    background-size: cover;
}

#CMD .section__aipt_1 .img__bg {
    background-image: url("../images/large/1x/aipt/aipt_3_bg.jpg");
}

.ieOld #CMD .section__aipt .aipt-graph .graph-content .cotent-item.item-0 .itme-title.unGradient {
    color: #f1790b !important;
}

.ieOld #CMD .section__aipt .aipt-graph .graph-content .cotent-item.item-1 .itme-title.unGradient {
    color: #03a514 !important;
}

.ieOld #CMD .section__aipt .aipt-graph .graph-content .cotent-item.item-2 .itme-title.unGradient {
    color: #357ae0 !important;
}

html #CMD .section__aipt_2 {
    position: relative;
    padding-top: 0;
    background: #161d22;
}

html #CMD .section__aipt_2 .grid__table {
    position: relative;
    overflow: hidden;
    margin-top: 80px;
    margin-right: auto;
    margin-left: auto;
    width: 1280px;
}

html #CMD .section__aipt_2 .grid__table .table-col {
    position: relative;
    font-size: 0;
}

html #CMD .section__aipt_2 .grid__table .table-col .table-row {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 50%;
    height: 640px;
    background-color: #36434b;
    vertical-align: top;
}

html #CMD .section__aipt_2 .grid__table .table-col .table-row.row-left {
    background-color: #252f38;
}

html #CMD .section__aipt_2 .bar-chart {
    position: relative;
    padding: 104px 70px 155px 110px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

html #CMD .section__aipt_2 .bar-chart .chart-lines,
html #CMD .section__aipt_2 .bar-chart .chart-bar {
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

html #CMD .section__aipt_2 .bar-chart .chart-lines {
    position: absolute;
    padding: 99px 60px 155px;
}

html #CMD .section__aipt_2 .bar-chart .chart-lines .line {
    position: relative;
    margin-left: 40px;
    width: calc(100% - 40px);
    height: 1px;
    background-color: #cacaca;
}

html #CMD .section__aipt_2 .bar-chart .chart-lines .line span {
    position: absolute;
    top: 50%;
    left: -40px;
    color: #fff;
    font-size: 15px;
    transform: translateY(-50%);
}

html #CMD .section__aipt_2 .bar-chart .chart-lines .line.line-0 {
    top: 100%;
}

html #CMD .section__aipt_2 .bar-chart .chart-lines .line.line-1 {
    top: 75%;
}

html #CMD .section__aipt_2 .bar-chart .chart-lines .line.line-2 {
    top: 50%;
}

html #CMD .section__aipt_2 .bar-chart .chart-lines .line.line-3 {
    top: 25%;
}

html #CMD .section__aipt_2 .bar-chart .chart-lines .line.line-4 {
    top: 0%;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar {
    position: relative;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar {
    position: absolute;
    bottom: 0;
    width: 33.3%;
    height: 0%;
    max-height: 100%;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-0 .bar-value {
    background: #a5a6aa;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-0 .value-content {
    display: none;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-2 .bar-value .value-content .value-top,
html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-2 .bar-value .value-content .value-bottom {
    font-size: 17px;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-2 .bar-value .value-content .value-main {
    margin-bottom: -3px;
    font-size: 36px;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-value {
    position: relative;
    left: 35%;
    width: 30%;
    height: 100%;
    background: #27a8c8;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-value .value-content {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 17px;
    margin-left: -60px;
    padding: 0 12px;
    box-sizing: border-box;
    width: 120px;
    letter-spacing: 1px;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-value .value-content .value-main {
    display: block;
    position: relative;
    color: #27a8c8;
    font-size: 26px;
    line-height: 1.3;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-value .value-content .value-top,
html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-value .value-content .value-bottom {
    display: block;
    position: relative;
    color: #27a8c8;
    font-size: 14px;
    line-height: 1.3;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-key {
    position: absolute;
    top: 100%;
    margin-top: 27px;
    padding: 0 18px;
    box-sizing: border-box;
    width: 100%;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-key .key-name {
    display: block;
    position: relative;
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-key .key-mode {
    display: block;
    position: relative;
    margin-top: 0;
    color: #27a8c8;
    font-size: 14px;
    line-height: 1.3;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-0 {
    left: 0%;
    transition: height 1000ms 0ms;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-1 {
    left: 33.3%;
    transition: height 1000ms 300ms;
}

html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-2 {
    left: 66.6%;
    transition: height 1000ms 600ms;
}

html #CMD .section__aipt_2 .line-chart {
    position: relative;
    padding: 99px 70px 155px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

html #CMD .section__aipt_2 .line-chart .chart-line,
html #CMD .section__aipt_2 .line-chart .chart-compare {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
}

html #CMD .section__aipt_2 .line-chart .chart-line .item-line {
    position: relative;
    margin-bottom: 22px;
}

html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content {
    position: relative;
    margin-bottom: 8px;
}

html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content .line-name {
    display: inline-block;
    position: relative;
    bottom: 100%;
    left: 0;
    width: 59%;
    color: #fff;
    font-size: 15px;
    text-align: left;
    vertical-align: bottom;
    line-height: 1.2;
}

html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content .line-description {
    display: inline-block;
    position: relative;
    right: 0;
    bottom: 100%;
    width: 40%;
    text-align: right;
    vertical-align: bottom;
}

html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content .line-description .description-text {
    display: inline-block;
    position: relative;
    margin-left: 7px;
    color: #fff;
    font-size: 15px;
    vertical-align: bottom;
    line-height: 1.2;
}

html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content .line-description .description-text.text-hl {
    bottom: -2px;
    color: #2cd6ed;
    font-size: 21px;
}

html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-graph {
    position: relative;
    width: 100%;
}

html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-graph .graph-line {
    position: relative;
    margin-bottom: 8px;
    height: 16px;
    background: #3d88fb;
    background: linear-gradient(to right, #3d88fb, #00eafd);
    transition: width 1000ms;
}

html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-graph .graph-line.line-1 {
    width: 0%;
}

html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-graph .graph-line.line-2 {
    width: 0%;
    background: #5b6c80;
    background: linear-gradient(to right, #5b6c80, #5a8089);
}

html #CMD .section__aipt_2 .line-chart .chart-compare {
    margin-top: 36px;
}

html #CMD .section__aipt_2 .line-chart .chart-compare .comapre-item {
    display: inline-block;
    position: relative;
    width: 50%;
    vertical-align: top;
}

html #CMD .section__aipt_2 .line-chart .chart-compare .comapre-item .item-line {
    position: relative;
    width: 60px;
    height: 16px;
}

html #CMD .section__aipt_2 .line-chart .chart-compare .comapre-item .item-name {
    position: relative;
    margin-top: 13px;
    color: #fff;
    font-size: 15px;
    text-align: left;
}

html #CMD .section__aipt_2 .line-chart .chart-compare .comapre-item.item-0 .item-line {
    background: #27a8c8;
}

html #CMD .section__aipt_2 .line-chart .chart-compare .comapre-item.item-1 .item-line {
    background: #a5a6aa;
}

html #CMD .section__aipt_2 .row-content {
    position: absolute;
    top: 50%;
    left: 50%;
    padding-right: 89px;
    padding-left: 89px;
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    transform: translate(-50%, -50%);
}

html #CMD .section__aipt_2 .row-content .content__title {
    position: relative;
    color: #fff;
    font-size: 34px;
    line-height: 1.2;
}

html #CMD .section__aipt_2 .row-content .content__title .text__semibold {
    font-family: "TT Norms Pro W05", "Segoe UI", sans-serif !important;
    font-weight: 450 !important;
    font-style: normal !important;
}

html #CMD .section__aipt_2 .row-content .content__info {
    position: relative;
    margin-top: 20px;
    color: #fff;
    font-size: 20px;
    line-height: 1.5;
}

html #CMD .section__aipt_2 .table-col.col-1 .table-row .img__row {
    width: 640px;
    height: 640px;
    background-size: cover;
}

#CMD .section__aipt_2 .table-col.col-1 .img__row {
    background-image: url("../images/large/1x/aipt/aipt_grid_1.jpg");
}

html #CMD .section__aipt_2 .table-col.col-3 .table-row .img__row {
    width: 640px;
    height: 640px;
    background-size: cover;
}

#CMD .section__aipt_2 .table-col.col-3 .img__row {
    background-image: url("../images/large/1x/aipt/aipt_grid_3.jpg");
}

html #CMD .section__aipt_2 .table-col.col-3 .table-row .wd__feature__list .wd__feature__data,
html #CMD .section__aipt_2 .table-col.col-3 .table-row .wd__feature__list .wd__feature__data span,
html #CMD .section__aipt_2 .table-col.col-3 .table-row .wd__feature__list .wd__feature__describe {
    color: #fff;
}

html #CMD .section__aipt_2 .ani-detect {
    display: block;
    position: absolute;
    z-index: 999;
    top: 0;
    left: 50%;
    width: 1px;
    height: 1px;
}

html #CMD .section__aipt_2 .line-content {
    opacity: 0;
    transition: opacity ease 300ms;
}

html #CMD .section__aipt_2 .item-line.active .line-content {
    opacity: 1;
}

html #CMD .section__aipt_3 {
    padding-top: 132px;
    background: #161d22;
}

html #CMD .section__aipt_3 .wd__content {
    width: 1030px;
    max-width: 1030px;
}

html #CMD .section__aipt_3 .content__comment {
    margin-top: 9px;
    color: #878787;
}

html #CMD .section__aipt_3 .wd__feature__list {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 680px;
}

html #CMD .section__aipt_3 .img__bg {
    display: block;
    position: relative;
    left: 50%;
    margin-top: -122px;
    margin-bottom: 0;
    margin-left: -1280px;
    width: 2560px;
    height: 959px;
    background-size: cover;
}

#CMD .section__aipt_3 .img__bg {
    background-image: url("../images/large/1x/aipt/aipt_3_bg.jpg");
}

html #CMD .section__screenpad_1 {
    display: inline-block;
    margin-top: -10px;
    margin-bottom: -15px;
    padding-bottom: 0;
}

html #CMD .section__screenpad_1 .wd__content .content__info {
    width: 894px;
}

html #CMD .section__screenpad_1 .img__screenpad_1 {
    left: 50%;
    margin: -287px 0 -90px -960px;
    width: 1920px;
    height: 1678px;
}

#CMD .section__screenpad_1 .img__screenpad_1 {
    background-image: url("../images/large/1x/animation/screenpad_1/nb.jpg");
}

html #CMD .section__screenpad_2 {
    margin-top: -220px;
    margin-bottom: -35px;
}

html #CMD .section__screenpad_2 .wd__content .content__info {
    width: 859px;
}

html #CMD .section__screenpad_2 .img__screenpad_2 {
    left: 50%;
    margin: 20px 0 0 -960px;
    width: 1920px;
    height: 1000px;
}

#CMD .section__screenpad_2 .img__screenpad_2 {
    background-image: url("../images/large/1x/s_screenpad_2.jpg");
}

html #CMD .section__screenpad_2 .img__screenpad_2 .content__comment {
    position: absolute;
    bottom: 0;
    left: 50%;
    color: #999;
    font-size: 18px;
    line-height: 1.4;
    transform: translateX(-50%);
}

html #CMD .section__noise {
    z-index: 100;
    padding-bottom: 127px;
    background-color: #fff;
}

html #CMD .section__noise .wd__content .content__info {
    width: 100%;
    max-width: 920px;
}

html #CMD .section__noise .sub__content {
    margin-top: 50px;
}

html #CMD .section__noise .sub__content .content__title {
    color: #1d1c19;
    font-size: 30px;
    font-weight: 300;
}

html #CMD .section__noise .sub__content .content__info {
    margin-top: 9px;
    color: #1d1c19;
    font-size: 20px;
}

html #CMD .section__noise .nav__noise {
    display: flex;
    justify-content: center;
    margin-top: 80px;
}

html #CMD .section__noise .nav__noise .nav__item {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    margin: 0 15px;
    padding: 15px;
    width: 240px;
    border: 3px solid #1d1c19;
    border-radius: 20px;
}

html #CMD .section__noise .nav__noise .nav__item .nav__content {
    display: flex;
    align-items: center;
}

html #CMD .section__noise .nav__noise .nav__item .nav__content .img__icon {
    display: inline-block;
    margin-right: 10px;
    width: 45px;
    height: 45px;
}

#CMD .section__noise .nav__item .img__icon {
    background-image: url("../images/play.png");
}

html #CMD .section__noise .nav__noise .nav__item .nav__content .nav__text {
    display: inline-block;
    width: 160px;
}

html #CMD .section__noise .nav__noise .nav__item .nav__content .nav__text .content__title {
    color: #1d1c19;
    font-size: 30px;
    font-weight: 300;
}

html #CMD .section__noise .nav__noise .nav__item .nav__content .nav__text .content__info {
    color: #1d1c19;
    font-size: 20px;
}

html #CMD .section__noise .nav__noise .nav__item.js-selected {
    border: 3px solid transparent;
    background: linear-gradient(#ebeff2, #ebeff2) padding-box, linear-gradient(150deg, #27a8c8 0%, #27a8c8 20%, #27a8c8 40%, #27a8c8 70%) border-box;
}

#CMD .section__noise .nav__item.js-selected .img__icon {
    background-image: url("../images/large/1x/animation/noise/pause.png");
}

html #CMD .section__noise .noise__switcher {
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    margin-top: 60px;
    text-align: center;
    transition: opacity 350ms ease;
}

html #CMD .section__noise .noise__switcher span {
    display: inline-block;
    margin-right: 10px;
    color: #1d1c19;
    font-size: 25px;
    font-weight: 300;
}

html #CMD .section__noise .noise__switcher .img__switcher {
    display: inline-block;
    cursor: pointer;
    margin: 0;
    width: 90px;
    height: 42px;
}

#CMD .section__noise .noise__switcher .img__switcher {
    background-image: url("../images/large/1x/animation/noise/btn-off.png");
}

#CMD .section__noise .noise__switcher .img__switcher.js-active {
    background-image: url("../images/large/1x/animation/noise/btn-on.png");
}

html #CMD .section__noise .noise__switcher.js-showed {
    visibility: visible;
    opacity: 1;
}

html #CMD .section__noise .img__noise {
    margin-top: 19px;
    height: 400px;
}

html #CMD .section__noise .img__noise .img__voice {
    position: absolute;
    z-index: 50;
    top: 50%;
    left: 50%;
    margin-top: -162px;
    margin-left: -162px;
    width: 324px;
    height: 324px;
}

#CMD .section__noise .img__noise .img__voice {
    background-image: url("images/voiceBg.png");
}

html #CMD .section__noise .img__noise #noise__left {
    position: absolute;
    z-index: 40;
    top: 0;
    left: 50%;
    margin-left: -880px;
}

html #CMD .section__noise .img__noise #noise__right {
    position: absolute;
    z-index: 40;
    top: 0;
    left: 50%;
    margin-left: 80px;
}

html #CMD .section__noise .modal-button-container {
    margin-top: 42px;
}

@keyframes maxWaveLevel {
    0% {
        transform: translateX(-5%);
    }
    30% {
        transform: translateX(-5%);
    }
    40% {
        transform: translateX(-15%);
    }
    60% {
        transform: translateX(-2%);
    }
    80% {
        transform: translateX(-12%);
    }
    100% {
        transform: translateX(-5%);
    }
}

@keyframes weakWaveLevel {
    0% {
        transform: translateX(-45%);
    }
    30% {
        transform: translateX(-45%);
    }
    40% {
        transform: translateX(-55%);
    }
    60% {
        transform: translateX(-42%);
    }
    80% {
        transform: translateX(-52%);
    }
    100% {
        transform: translateX(-45%);
    }
}

html #CMD .section__inner__noise {
    padding-top: 90px;
    padding-bottom: 30px;
    background: #2a2a2a;
}

html #CMD .section__inner__noise .wd__content {
    width: 100% !important;
}

html #CMD .section__inner__noise .wd__content .content__title {
    color: #fff !important;
}

html #CMD .section__inner__noise .wd__content .content__info {
    color: #fff !important;
    width: 950px;
}

html #CMD .section__inner__noise .noise__switcher {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 160px;
    text-align: center;
    transition: opacity 350ms ease;
}

html #CMD .section__inner__noise .noise__switcher span {
    display: inline-block;
    margin-right: 10px;
    color: #fff;
    font-size: 25px;
    font-weight: 300;
}

html #CMD .section__inner__noise .noise__switcher .img__switcher {
    display: inline-block;
    cursor: pointer;
    margin: 0;
    width: 90px;
    height: 42px;
}

#CMD .section__inner__noise .noise__switcher .img__switcher {
    background-image: url("images/btn-off.png");
}

#CMD .section__inner__noise .noise__switcher .img__switcher.js-active {
    background-image: url("images/btn-on.png");
}

html #CMD .section__inner__noise .img__inner__noise {
    left: 50%;
    margin-top: -200px;
    margin-bottom: 117px;
    margin-left: -1280px;
    width: 2560px;
    height: 700px;
}

#CMD .section__inner__noise .img__inner__noise {
    background-image: url("images/bg.jpg");
}

html #CMD .section__inner__noise .img__inner__noise svg {
    position: absolute;
    left: 50%;
    opacity: 0;
    width: 60px;
    height: 60px;
    transform: rotate(17deg);
}

html #CMD .section__inner__noise .img__inner__noise svg#people__1 {
    top: 160px;
    margin-left: -360px;
    fill: #e6f27b;
}

html #CMD .section__inner__noise .img__inner__noise svg#people__2 {
    top: 143px;
    margin-left: 288px;
    transform: rotate(-17deg) scale(-1, 1);
    fill: #e6f27b;
}

html #CMD .section__inner__noise .img__inner__noise svg#people__3 {
    top: 222px;
    margin-left: -539px;
    fill: #0f0;
}

html #CMD .section__inner__noise .img__inner__noise svg#people__4 {
    top: 180px;
    margin-left: 468px;
    transform: rotate(-17deg) scale(-1, 1);
    fill: #0f0;
}

html #CMD .section__inner__noise .img__inner__noise svg.js-active {
    -webkit-animation-name: ripple;
    -khtml-animation-name: ripple;
    -moz-animation-name: ripple;
    -ms-animation-name: ripple;
    -o-animation-name: ripple;
    animation-name: ripple;
    -webkit-animation-duration: 650ms;
    -khtml-animation-duration: 650ms;
    -moz-animation-duration: 650ms;
    -ms-animation-duration: 650ms;
    -o-animation-duration: 650ms;
    animation-duration: 650ms;
    -webkit-animation-iteration-count: infinite;
    -khtml-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -khtml-animation-direction: normal;
    -moz-animation-direction: normal;
    -ms-animation-direction: normal;
    -o-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-timing-function: ease-out;
    -khtml-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-delay: 40ms;
    -khtml-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -ms-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms;
}

html #CMD .section__inner__noise .img__inner__noise .screen__animation {
    position: relative;
    top: 287px;
    left: 50%;
    margin-left: -183px;
    width: 346px;
    height: 228px;
}

html #CMD .section__inner__noise .img__inner__noise .screen__animation .voice__level {
    position: absolute;
}

html #CMD .section__inner__noise .img__inner__noise .screen__animation .voice__level .img__interface {
    position: absolute;
    z-index: 90;
    top: 0;
    left: 0;
    width: 130px;
    height: 50px;
}

#CMD .section__inner__noise .img__inner__noise .screen__animation .img__interface {
    background-image: url("images/interface.png");
}

html #CMD .section__inner__noise .img__inner__noise .screen__animation .voice__level .default__color {
    position: absolute;
    overflow: hidden;
    z-index: 80;
    top: 2px;
    left: 5px;
    width: 120px;
    height: 46px;
    background-color: #545454;
}

html #CMD .section__inner__noise .img__inner__noise .screen__animation .voice__level .default__color .energy__bar {
    position: absolute;
    z-index: 84;
    top: 0;
    left: 0;
    width: 120px;
    height: 46px;
    background-color: #0f0;
    transform: translateX(-100%);
    animation: none;
}

html #CMD .section__inner__noise .img__inner__noise .screen__animation .voice__level.voice__1 {
    top: 40px;
    left: 14px;
}

html #CMD .section__inner__noise .img__inner__noise .screen__animation .voice__level.voice__2 {
    top: 40px;
    left: 337px;
    transform: scale(-1, 1);
}

html #CMD .section__inner__noise .img__inner__noise .screen__animation .voice__level.voice__3 {
    top: 140px;
    left: 14px;
}

html #CMD .section__inner__noise .img__inner__noise .screen__animation .voice__level.voice__4 {
    top: 140px;
    left: 337px;
    transform: scale(-1, 1);
}

html #CMD .section__inner__noise .img__inner__noise .screen__animation .voice__level.max__level .default__color .energy__bar {
    animation: maxWaveLevel 800ms linear 100ms infinite forwards;
}

html #CMD .section__inner__noise .img__inner__noise .screen__animation .voice__level.weak__level .default__color .energy__bar {
    background-color: #e6f27b;
    animation: weakWaveLevel 800ms linear 100ms infinite forwards;
}

html #CMD .inner-view {
    background: #fff;
}

html #CMD .inner-view .inner-view-container {
    position: relative;
    margin-right: auto;
    margin-left: auto;
}

html #CMD .inner-view .inner-view-container .modal-button {
    background-color: #27a8c8;
    color: #fff;
    border-color: #27a8c8;
}

html #CMD .inner-view .inner-view-container .modal-button:hover {
    background-color: #1694b3;
    color: #fff;
    border-color: #1694b3;
}

html #CMD .inner-view .inner-view-container .inner-modal {
    padding-bottom: 0;
}

html #CMD .inner-view .inner-view-container .inner-modal.modal-display {
    background-color: #161d23;
}

html #CMD .inner-view .inner-view-container .inner-modal.modal-performance {
    background-color: #161d23;
}

html #CMD .inner-view .inner-view-container .inner-modal.modal-user {
    background-color: #0a0f13;
}

html #CMD .inner-view .inner-view-container .inner-modal.modal-connect {
    background-color: #0a0f13;
}

html #CMD .inner-view .inner-view-container .inner-modal.modal-modalSectionNoise {
    background: #2a2a2a;
}

html #CMD .inner-view .inner-view-container .inner-modal.modal-software {
    background-color: #000;
}

html #CMD .inner-view .inner-view-container .wd__section .wd__content {
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
    width: 900px;
}

html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan {
    color: #ffffff;
    position: relative;
    top: 12px;
    left: 0;
}

html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title {
    color: #ffffff;
    font-size: 34px;
}

html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__info {
    color: #ffffff;
}

html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link {
    linkColor: #27a8c8;
    color: #27a8c8;
}

html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link *,
html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link span {
    color: #27a8c8;
}

html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link:after {
    color: #27a8c8;
}

html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link:link {
    color: #27a8c8;
}

html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link:hover span {
    border-bottom: 1px solid #27a8c8;
}

html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan::before,
html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan::after,
html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title::before,
html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title::after {
    display: none;
}

html #CMD .inner-view .inner-view-container .wd__section .wd__content .wd__feature__describe__top,
html #CMD .inner-view .inner-view-container .wd__section .wd__content .wd__feature__describe {
    color: #fff;
}

html #CMD .inner-view .section__btn__home::before {
    background: none;
}

html #CMD .inner-view .icon {
    background-image: url("images/icon_def.png");
    margin-top: -10px;
    margin-bottom: 10px;
    width: 62px;
    height: 62px;
    background-size: contain;
}

html #CMD #section__inner2_1 {
    padding-top: 132px;
    padding-bottom: 140px;
    background-color: #161d23;
}

html #CMD #section__inner2_1 .wd__content {
    width: 770px;
}

html #CMD #section__inner2_1 .img__inner2_1 {
    background-image: url("images/01.jpg");
    left: 50%;
    margin-top: -5px;
    margin-left: -680px;
    width: 1360px;
    height: 910px;
}

html #CMD #section__inner2_1 .compare {
    position: relative;
    margin: 70px auto 0;
    width: 1300px;
}

html #CMD #section__inner2_1 .compare .img__compare-1,
html #CMD #section__inner2_1 .compare .img__compare-2 {
    display: inline-block;
    position: relative;
    margin: 0 6px;
    width: 616px;
    height: 488px;
}

html #CMD #section__inner2_1 .compare .img__compare-1 .compare-text,
html #CMD #section__inner2_1 .compare .img__compare-2 .compare-text {
    position: absolute;
    top: -12px;
    left: 50%;
    margin-left: -150px;
    width: 300px;
    font-size: 32px;
}

html #CMD #section__inner2_1 .compare .img__compare-1 {
    background-image: url("images/01_1.jpg");
}

html #CMD #section__inner2_1 .compare .img__compare-1 .compare-text {
    color: #878787;
}

html #CMD #section__inner2_1 .compare .img__compare-2 {
    background-image: url("images/01_2.jpg");
}

html #CMD #section__inner2_1 .compare .img__compare-2 .compare-text {
    color: #00a0e9;
}

html #CMD #section__inner3_1 {
    margin-top: 0;
    padding-top: 75px;
    padding-bottom: 140px;
    background: #151d20;
}

html #CMD #section__inner3_1 .wd__content {
    position: relative;
}

html #CMD #section__inner3_1 .wd__content .content__title {
    color: #fff;
}

html #CMD #section__inner3_1 .wd__content .content__info {
    color: #fff;
}

html #CMD #section__inner3_1 .wd__feature__list {
    margin-top: 35px;
}

html #CMD #section__inner3_1 .wd__feature__list .wd__feature {
    margin: 0 25px 25px;
}

html #CMD #section__inner3_1 .img__inner3_1 {
    position: relative;
    left: 50%;
    margin-top: -230px;
    margin-left: -1280px;
    width: 2560px;
    height: 960px;
}

#CMD .section__inner3_1 .img__inner3_1 {
    background-image: url("images/01_bg.jpg");
}

html #CMD #section__inner7_1 {
    overflow: hidden;
    margin-top: 0;
    margin-bottom: -70px;
    padding-top: 132px;
    background: #0a0f13;
}

html #CMD #section__inner7_1 .wd__content {
    position: absolute;
    left: 50%;
    width: 440px;
    margin-top: 100px;
    margin-left: 150px;
}

html #CMD #section__inner7_1 .wd__content .content__title {
    color: #fff;
}

html #CMD #section__inner7_1 .wd__content .content__info {
    color: #fff;
}

html #CMD #section__inner7_1 .wd__feature__list {
    margin-top: 65px;
}

html #CMD #section__inner7_1 .wd__feature__list .wd__feature {
    width: 125px;
}

html #CMD #section__inner7_1 .wd__feature__list .wd__feature .img__icon2 {
    margin-bottom: 14px;
    width: 76px;
    height: 45px;
}

#CMD .section__inner7_1 .img__icon2 {
    background-image: url("images/icon_4.png");
}

html #CMD #section__inner7_1 .img__inner7_1 {
    position: relative;
    left: 50%;
    margin-top: -80px;
    margin-left: -1280px;
    width: 2560px;
    height: 836px;
}

#CMD .section__inner7_1 .img__inner7_1 {
    background-image: url("images/01_bg.jpg");
}

html #CMD #section__inner7_2 {
    overflow: hidden;
    margin-top: 0;
    margin-bottom: -70px;
    padding-top: 70px;
    background: #0a0f13;
}

html #CMD #section__inner7_2 .wd__content {
    position: absolute;
    left: 50%;
    margin-left: -539px;
}

html #CMD #section__inner7_2 .wd__content .content__title {
    color: #fff;
}

html #CMD #section__inner7_2 .wd__content .content__info {
    color: #fff;
    width: 730px;
}

html #CMD #section__inner7_2 .wd__feature__list {
    margin-top: 65px;
}

html #CMD #section__inner7_2 .wd__feature__list .wd__feature {
    width: 125px;
}

html #CMD #section__inner7_2 .wd__feature__list .wd__feature .img__icon1 {
    margin-bottom: 14px;
    width: 80px;
    height: 68px;
}

#CMD .section__inner7_2 .img__icon1 {
    background-image: url("images/icon_1.png");
}

html #CMD #section__inner7_2 .wd__feature__list .wd__feature .img__icon2 {
    margin-bottom: 14px;
    width: 80px;
    height: 68px;
}

#CMD .section__inner7_2 .img__icon2 {
    background-image: url("images/icon_2.png");
}

html #CMD #section__inner7_2 .wd__feature__list .wd__feature .img__icon3 {
    margin-bottom: 14px;
    width: 80px;
    height: 68px;
}

#CMD .section__inner7_2 .img__icon3 {
    background-image: url("../images//icon_3.png");
}

html #CMD #section__inner7_2 .img__inner7_2 {
    position: relative;
    left: 50%;
    margin-top: 134px;
    margin-left: -1280px;
    width: 2560px;
    height: 846px;
}

#CMD .section__inner7_2 .img__inner7_2 {
    background-image: url("../images/large/1x/inner/s7/02_bg.jpg");
}

html #CMD #section__inner8_1 {
    margin-bottom: 0;
    padding-top: 132px;
    padding-bottom: 0;
    background: #0a0f15;
}

html #CMD #section__inner8_1 .wd__content {
    position: absolute;
    width: 550px;
    left: 50%;
    margin-left: -15px;
}

html #CMD #section__inner8_1 .wd__content .content__title {
    color: #fff;
}

html #CMD #section__inner8_1 .wd__content .content__info {
    color: #fff;
}

html #CMD #section__inner8_1 .wd__feature__list {
    margin-top: 70px;
}

html #CMD #section__inner8_1 .wd__feature__list .wd__feature {
    margin: 0 22px 50px;
}

html #CMD #section__inner8_1 .wd__feature__list .wd__feature .wd__feature__describe__top,
html #CMD #section__inner8_1 .wd__feature__list .wd__feature .wd__feature__describe {
    color: #fff;
}

html #CMD #section__inner8_1 .img__inner8_1 {
    position: relative;
    left: 50%;
    margin-top: -126px;
    margin-bottom: -20px;
    margin-left: -1280px;
    width: 2560px;
    height: 848px;
}

#CMD .section__inner8_1 .img__inner8_1 {
    background-image: url("../images/large/1x/inner/s8/01_bg.jpg");
}

html #CMD #section__inner8_2 {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 27px;
    background-color: #0a0f13;
}

html #CMD #section__inner8_2 .wd__content .content__title {
    color: #fff;
}

html #CMD #section__inner8_2 .wd__content .content__info {
    color: #fff;
}

html #CMD #section__inner8_2 .wd__content .content__comment {
    width: 630px;
}

html #CMD #section__inner8_2 .wd__feature__list {
    margin-top: 70px;
}

html #CMD #section__inner8_2 .wd__feature__list .wd__feature {
    margin: 0 22px 50px;
}

html #CMD #section__inner8_2 .wd__feature__list .wd__feature .wd__feature__describe__top,
html #CMD #section__inner8_2 .wd__feature__list .wd__feature .wd__feature__describe {
    color: #fff;
}

html #CMD #section__inner8_2 .img__inner8_2 {
    position: relative;
    left: 50%;
    margin-top: -103px;
    margin-bottom: -115px;
    margin-left: -1280px;
    width: 2560px;
    height: 1010px;
}

#CMD .section__inner8_2 .img__inner8_2 {
    background-image: url("../images/large/1x/inner/s8/02_bg.jpg");
}

html #CMD #section__inner9_1 {
    overflow: hidden;
    margin-bottom: 0;
    padding-top: 132px;
    background: #000;
}

html #CMD #section__inner9_1 .wd__content {
    position: absolute;
    left: 50%;
    width: 430px;
    margin-left: -548px;
    margin-top: 78px;
}

html #CMD #section__inner9_1 .wd__content .content__title {
    color: #fff;
}

html #CMD #section__inner9_1 .wd__content .content__info {
    color: #fff;
}

html #CMD #section__inner9_1 .img__inner9_1 {
    position: relative;
    left: 50%;
    margin-top: -156px;
    margin-bottom: 0;
    margin-left: -1280px;
    width: 2560px;
    height: 1264px;
}

#CMD .section__inner9_1 .img__inner9_1 {
    background-image: url("../images/large/1x/inner/s9/01_bg.jpg");
}

html #CMD #section__inner9_2 {
    overflow: hidden;
    margin-bottom: 0;
    padding-top: 113px;
    background: #060a0d;
}

html #CMD #section__inner9_2 .wd__content .content__title {
    color: #fff;
}

html #CMD #section__inner9_2 .wd__content .content__info {
    color: #fff;
}

html #CMD #section__inner9_2 .img__inner9_2 {
    position: relative;
    left: 50%;
    margin-top: -150px;
    margin-bottom: -162px;
    margin-left: -1280px;
    width: 2560px;
    height: 1264px;
}

#CMD .section__inner9_2 .img__inner9_2 {
    background-image: url("../images/large/1x/inner/s9/02_bg.jpg");
}

html #CMD #section__inner9_2 .img__inner9_2 #video-s9i2-big {
    top: 237px;
    left: 52px;
    width: 839px;
    height: 469px;
}

html #CMD #section__inner9_2 .img__inner9_2 #video-s9i2-small {
    top: 389px;
    left: 28px;
    width: 517px;
    height: 325px;
}

html #CMD .section__adobeBanner .banner__container .wd__content {
    position: relative;
    z-index: 9;
}

html #CMD .section__adobeBanner .banner__container .wd__content .content__title {
    margin-top: 0;
    color: #000;
}

html #CMD .section__adobeBanner .banner__container .wd__content .content__info {
    color: #000;
}

html #CMD .section__adobeBanner .banner__container .wd__content .content__link,
html #CMD .section__adobeBanner .banner__container .wd__content .content__link * {
    color: #000;
}

html #CMD .section__adobeBanner .banner__container .wd__content .content__link::after {
    color: #000;
}

html #CMD .section__adobeBanner .banner__container .wd__content .content__link:hover span {
    border-bottom: 1px solid #000;
}

html #CMD .section__adobeBanner {
    background-color: #fff;
}

html #CMD .section__adobeBanner .banner__container .banner__item {
    position: relative;
    background-color: #fef8e0;
}

html #CMD .section__adobeBanner .banner__container .img__main {
    z-index: 1;
    font-size: 0;
    background-size: contain;
}

html #CMD #pdc.odin {
    z-index: 1;
    background-color: #e6e6e6;
}

html #CMD #pdc.odin .pdc-space-start {
    display: flex;
}

html #CMD #pdc.odin .pdc-space-end {
    display: flex;
}

html #CMD #pdc.odin .product_gallery,
html #CMD #pdc.odin .product_awards,
html #CMD #pdc.odin .product_videos,
html #CMD #pdc.odin .product_medias {
    background-color: transparent;
}

html #CMD #pdc.odin .product_awards .splide__pagination::after,
html #CMD #pdc.odin .product_medias .splide__pagination::after,
html #CMD #pdc.odin .product_videos .splide__pagination::after {
    background-color: #27a8c8;
}

html #CMD #pdc.odin .splide__pagination li .splide__pagination__page.is-active::after {
    background-color: #27a8c8;
}

html #CMD #pdc.odin .product_awards .awards-container .awards-seeall {
    color: #27a8c8;
}

html #CMD #pdc.odin .product_awards .awards-container .awards-seeall {
    color: #27a8c8;
}

html #CMD #pdc.odin .product_videos .videos-container .videos-seeall {
    color: #27a8c8;
}

html #CMD #pdc.odin .product_videos .videos-container .videos-seeall {
    color: #27a8c8;
}

html #CMD #pdc.odin .product_medias .medias-container .medias-seeall {
    color: #27a8c8;
}

html #CMD #pdc.odin .product_medias .medias-container .medias-seeall {
    color: #27a8c8;
}

html #CMD #pdc.odin .arrow_link::after {
    display: none;
}

html #CMD #pdc.odin .seeall_arrow-svg {
    stroke: #27a8c8;
}

html #CMD #pdc.odin .product_medias .medias-container .medias-carousel {
    background-color: transparent;
}

html #CMD #pdc.odin .product_medias .medias-container .medias-carousel .splide__track {
    background-color: #f5f5f5;
}

html #CMD #pdc.odin .product_awards .awards-container .awards-carousel {
    background-color: transparent;
}

html #CMD #pdc.odin .product_awards .awards-container .awards-carousel .splide__track {
    background-color: #f5f5f5;
}

html #CMD #pdc.odin .product_videos .videos-container .videos-carousel,
html #CMD #pdc.odin .product_videos .videos-container .videos-carousel .splide__track {
    background-color: transparent;
}

html #CMD #pdc.odin .product_videos .videos-container .videos-carousel .videos-item .item-content {
    background-color: #f5f5f5;
}

html #CMD #pdc.odin .product_awards .splide__pagination::after,
html #CMD #pdc.odin .product_medias .splide__pagination::after,
html #CMD #pdc.odin .product_videos .splide__pagination::after {
    background: #27a8c8;
}

html #CMD #pdc.odin .arrow_link::before {
    background: #27a8c8;
}

html #CMD #pdc.odin .product_awards.theme-white .awards-container .awards-seeall,
html #CMD #pdc.odin .product_awards .awards-container .awards-seeall,
html #CMD #pdc.odin .product_videos.theme-white .videos-container .videos-seeall,
html #CMD #pdc.odin .product_videos .awards-container .awards-seeall,
html #CMD #pdc.odin .product_medias.theme-white .medias-container .medias-seeall,
html #CMD #pdc.odin .product_medias .awards-container .awards-seeall {
    color: #27a8c8;
}

html #CMD #pdc.odin .product_awards.total-pagination-1 .splide__pagination li .splide__pagination__page.is-active::after,
html #CMD #pdc.odin .product_awards.total-pagination-2 .splide__pagination li .splide__pagination__page.is-active::after,
html #CMD #pdc.odin .product_awards.total-pagination-3 .splide__pagination li .splide__pagination__page.is-active::after,
html #CMD #pdc.odin .product_awards.total-pagination-4 .splide__pagination li .splide__pagination__page.is-active::after,
html #CMD #pdc.odin .product_medias.total-pagination-1 .splide__pagination li .splide__pagination__page.is-active::after,
html #CMD #pdc.odin .product_medias.total-pagination-2 .splide__pagination li .splide__pagination__page.is-active::after,
html #CMD #pdc.odin .product_medias.total-pagination-3 .splide__pagination li .splide__pagination__page.is-active::after,
html #CMD #pdc.odin .product_medias.total-pagination-4 .splide__pagination li .splide__pagination__page.is-active::after,
html #CMD #pdc.odin .product_videos.total-pagination-1 .splide__pagination li .splide__pagination__page.is-active::after,
html #CMD #pdc.odin .product_videos.total-pagination-2 .splide__pagination li .splide__pagination__page.is-active::after,
html #CMD #pdc.odin .product_videos.total-pagination-3 .splide__pagination li .splide__pagination__page.is-active::after,
html #CMD #pdc.odin .product_videos.total-pagination-4 .splide__pagination li .splide__pagination__page.is-active::after {
    background-color: #27a8c8;
}

html #CMD #pdc.odin .seeall_arrow-svg {
    stroke: #27a8c8;
}

@media all and (min-width: 1280px) {
    html #CMD #pdc.odin .pdc-space-start {
        padding-top: 210px;
    }
    html #CMD #pdc.odin .pdc-space-end {
        margin-bottom: 0;
        padding-bottom: 26px;
    }
}

@media all and (max-width: 1279.5px) and (min-width: 731px) {
    html #CMD #pdc.odin .pdc-space-start {
        margin-top: 0;
        padding-top: 110px;
    }
    html #CMD #pdc.odin .pdc-space-end {
        margin-bottom: 0;
        padding-bottom: 20px;
    }
}

@media all and (max-width: 730.5px) {
    html #CMD #pdc.odin .pdc-space-start {
        margin-top: 0;
        padding-top: 25px;
    }
    html #CMD #pdc.odin .pdc-space-end {
        margin-bottom: -20px;
        padding-bottom: 0;
    }
}

html #CMD .oledTemplate {
    font-size: 0;
}

html #CMD .oledTemplate .wd__section {
    background: #000;
}

html #CMD .oledTemplate .wd__section .wd__content .content__title {
    color: #fff;
}

html #CMD .oledTemplate .wd__section .wd__content .content__info {
    color: #fff;
}

html #CMD .oledTemplate .wd__section .wd__content .content__comment {
    color: #fff;
}

html #CMD .oledTemplate .wd__section .wd__feature__list .wd__feature {
    vertical-align: bottom;
}

html #CMD .oledTemplate .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top {
    color: #fff;
}

html #CMD .oledTemplate .wd__section .wd__feature__list .wd__feature .wd__feature__describe {
    color: #fff;
}

html #CMD .oledTemplate .wd__section .twentytwenty-handle {
    margin-left: -20px;
    border: none;
    box-shadow: none;
}

html #CMD .oledTemplate .wd__section .twentytwenty-horizontal .twentytwenty-handle::before {
    margin-bottom: -48px;
}

html #CMD .oledTemplate .wd__section .twentytwenty-horizontal .twentytwenty-handle::before,
html #CMD .oledTemplate .wd__section .twentytwenty-horizontal .twentytwenty-handle::after {
    margin-left: 0;
    background: white;
    box-shadow: none;
}

html #CMD .oledTemplate .wd__section .twentytwenty-left-arrow {
    margin-top: -1px;
    margin-left: -22px;
    border-right: 6px solid transparent;
}

html #CMD .oledTemplate .wd__section .twentytwenty-left-arrow::before {
    display: block;
    position: absolute;
    z-index: -1;
    top: -15px;
    left: 2px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: white;
    content: '';
}

html #CMD .oledTemplate .wd__section .twentytwenty-overlay:hover {
    background: none;
}

html #CMD .oledTemplate .wd__section .twentytwenty-before-label,
html #CMD .oledTemplate .wd__section .twentytwenty-after-label {
    display: none;
}

html #CMD .section__oled_menu {
    overflow: hidden;
    padding-top: 130px;
    padding-bottom: 87px;
}

html #CMD .section__oled_menu .wd__content {
    max-width: 1000px;
}

html #CMD .section__oled_menu .product_list {
    padding-top: 56px;
    background-color: #000;
}

#CMD .section__oled_menu .product_list .s2-1 .img {
    background-image: url("images/s2_1.jpg");
}

#CMD .section__oled_menu .product_list .s2-2 .img {
    background-image: url("images/s2_2.jpg");
}

#CMD .section__oled_menu .product_list .s2-3 .img {
    background-image: url("images/s2_3.jpg");
}

#CMD .section__oled_menu .product_list .s2-4 .img {
    background-image: url("images/s2_4.jpg");
}

#CMD .section__oled_menu .product_list .s2-5 .img {
    background-image: url("images/s2_5.jpg");
}

html #CMD .kv__table {
    position: relative;
    left: 50%;
    margin-top: 202px;
    margin-left: -21px;
    transform: translateX(-50%);
}

html #CMD .kv__table .table-nav {
    display: none;
}

html #CMD .kv__table .table-container {
    position: relative;
    font-size: 0;
}

html #CMD .kv__table .table-container .table-item {
    display: inline-block;
    position: relative;
    padding: 38px 30px 25px;
    box-sizing: initial;
    font-size: 0;
    vertical-align: top;
}

html #CMD .kv__table .table-container .table-item .item-title {
    position: relative;
    overflow: hidden;
    margin-bottom: 16px;
    padding-bottom: 34px;
    box-sizing: initial;
    height: 1.2em;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html #CMD .kv__table .table-container .table-item .item-title::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    content: '';
}

html #CMD .kv__table .table-container .table-item .item-rows {
    position: relative;
    margin-top: -14px;
}

html #CMD .kv__table .table-container .table-item .item-rows .row-item {
    position: relative;
    font-size: 20px;
    text-align: left;
}

html #CMD .kv__table .table-container .table-item .item-rows .row-item .item-text {
    position: absolute;
    top: 50%;
    padding: 16px 0;
    transform: translateY(-50%);
}

html #CMD .kv__table .table-container .table-item .item-rows .row-item::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #666;
    content: '';
}

html #CMD .kv__table .table-container .table-item .item-rows .row-item:last-child::after {
    display: none;
}

html #CMD .kv__table .table-container .table-item .item-rows .row-item span {
    display: block;
    position: relative;
    margin: 3px 0;
}

html #CMD .kv__table .table-container .table-item.item-name {
    min-width: 264px;
}

html #CMD .kv__table .table-container .table-item.item-name .item-title {
    max-width: 350px;
    color: #666;
    font-size: 30px;
}

html #CMD .kv__table .table-container .table-item.item-name .item-title::after {
    background-color: #666;
}

html #CMD .kv__table .table-container .table-item.item-name .item-rows .row-item {
    color: #aaa;
}

html #CMD .kv__table .table-container .table-item.item-main {
    z-index: 2;
    min-width: 440px;
}

html #CMD .kv__table .table-container .table-item.item-main::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: #2c2c31;
    content: '';
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
}

html #CMD .kv__table .table-container .table-item.item-main .item-title {
    max-width: 600px;
    font-size: 30px;
    background: linear-gradient(to right, #f29759, #ffeb7c, #80c47d, #56beb8, #319fc5, #668cc8, #8e66a9, #b971ac, #d96b9a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

html #CMD .kv__table .table-container .table-item.item-main .item-title::after {
    background: linear-gradient(to right, #f29759, #ffeb7c, #80c47d, #56beb8, #319fc5, #668cc8, #8e66a9, #b971ac, #d96b9a);
}

html #CMD .kv__table .table-container .table-item.item-main .item-rows .row-item {
    color: #fff;
}

html #CMD .kv__table .table-container .table-item.item-sub {
    z-index: 1;
    min-width: 296px;
}

html #CMD .kv__table .table-container .table-item.item-sub::before {
    position: absolute;
    bottom: 2%;
    left: -2%;
    width: 104%;
    height: 96%;
    border-radius: 5px;
    background-color: #212126;
    content: '';
}

html #CMD .kv__table .table-container .table-item.item-sub .item-title {
    padding-top: 6px;
    max-width: 400px;
    color: #fff;
    font-size: 24px;
}

html #CMD .kv__table .table-container .table-item.item-sub .item-title::after {
    background-color: #fff;
}

html #CMD .kv__table .table-container .table-item.item-sub .item-rows .row-item {
    color: #aaa;
}

.ie #CMD .section__oled_menu .kv__table .table-container .table-item.item-main .item-title {
    -webkit-text-fill-color: initial !important;
    background-image: none !important;
    color: #ffe50e !important;
}

.ie #CMD .section__oled_menu .kv__table .table-container .table-item.item-main .item-title::after {
    background: #ffe50e !important;
}

html #CMD .section__oled_color {
    overflow: hidden;
    margin-top: 0;
    padding-top: 130px;
    padding-bottom: 77px;
}

html #CMD .section__oled_color .wd__content {
    max-width: 940px;
}

html #CMD .section__oled_color .bottom-content .content__info {
    margin-top: 87px;
}

html #CMD .section__oled_color .img__icon4 {
    margin-bottom: 8px;
    width: 60px;
    height: 83px;
}

#CMD .section__oled_color .img__icon4 {
    background-image: url("images/icon_pantone.png");
}

html #CMD .section__oled_color .compare__animation {
    position: relative;
    margin-top: 35px;
}

html #CMD .section__oled_color .compare__animation .twentytwenty {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    width: 1280px;
    font-size: 0;
    border: 1px solid #484848;
}

html #CMD .section__oled_color .compare__animation .twentytwenty .img {
    position: absolute;
    width: 1280px;
    height: 606px;
}

#CMD .section__oled_color .img__before {
    background-image: url("images/cheval\ bf.jpg");
}

#CMD .section__oled_color .img__after {
    background-image: url("images/cheval\ af\ .jpg");
}

html #CMD .section__oled_color .compare__animation .twentytwenty span {
    display: inline-block;
    position: absolute;
    z-index: 100;
    opacity: 1;
    color: #fff;
    font-size: 20px;
    transition: opacity 500ms;
}

html #CMD .section__oled_color .compare__animation .twentytwenty span.disappear {
    opacity: 0;
}

html #CMD .section__oled_color .compare__animation .twentytwenty span.textLeft1 {
    top: 22px;
    left: 27px;
    font-size: 36px;
}

html #CMD .section__oled_color .compare__animation .twentytwenty span.textLeft2 {
    top: 70px;
    left: 27px;
}

html #CMD .section__oled_color .compare__animation .twentytwenty span.textRight1 {
    top: 22px;
    right: 27px;
    font-size: 36px;
}

html #CMD .section__oled_color .compare__animation .twentytwenty span.textRight2 {
    top: 70px;
    right: 27px;
}

html #CMD .section__oled_color .chart-container {
    position: relative;
    left: 50%;
    margin-top: 87px;
    margin-left: -348px;
    width: 700px;
}

html #CMD .section__oled_color .chart-container .img__main-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 700px;
    height: 240px;
}

#CMD .section__oled_color .img__main-1 {
    background-image: url("images/01-bg.jpg");
}

html #CMD .section__oled_color .chart-container .chart-content {
    position: relative;
    height: 348px;
}

html #CMD .section__oled_color .chart-container .chart-content .content-row-x .row-item {
    top: 248px;
}

html #CMD .section__oled_color .chart-container .chart-content .content-row-x .row-item.item-0 {
    width: 90px;
    text-align: left;
}

html #CMD .section__oled_color .chart-container .chart-content .content-row-x .row-item.item-0 {
    margin-left: -317px;
}

html #CMD .section__oled_color .chart-container .chart-content .content-row-x .row-item.item-1 {
    margin-left: -235px;
}

html #CMD .section__oled_color .chart-container .chart-content .content-row-x .row-item.item-2 {
    margin-left: -90px;
}

html #CMD .section__oled_color .chart-container .chart-content .content-row-x .row-item.item-3 {
    margin-left: 58px;
}

html #CMD .section__oled_color .chart-container .chart-content .content-row-x .row-item.item-4 {
    margin-left: 203px;
}

html #CMD .section__oled_color .chart-container .chart-content .content-row-y .row-item {
    left: 32px;
}

html #CMD .section__oled_color .chart-container .chart-content .content-row-y .row-item.item-0 {
    top: 1px;
}

html #CMD .section__oled_color .chart-container .chart-content .content-row-y .row-item.item-1 {
    top: 98px;
}

html #CMD .section__oled_color .chart-container .chart-content .content-value .row-item {
    top: 29px;
    left: 114px;
}

html #CMD .section__oled_color .chart-disclaimer {
    margin-top: -40px;
}

html #CMD .section__oled_color .chart-brightness {
    position: relative;
    margin: 106px auto 0;
    width: 1204px;
}

html #CMD .section__oled_color .chart-brightness .img__brightness {
    position: relative;
    width: 1204px;
    height: 364px;
}

#CMD .section__oled_color .chart-brightness .img__brightness {
    background-image: url("images/chart.png");
}

html #CMD .section__oled_color .chart-brightness .chart-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

html #CMD .section__oled_color .chart-brightness .chart-content .chart-name {
    position: absolute;
    bottom: 344px;
    left: 50%;
    margin-left: 5px;
    padding: 0 28px;
    color: #b5b6b6;
    font-size: 20px;
    background: #000;
    transform: translateX(-50%);
}

html #CMD .section__oled_color .chart-brightness .chart-content .arrow {
    position: absolute;
    bottom: 372px;
    color: #b5b6b6;
    font-size: 20px;
}

html #CMD .section__oled_color .chart-brightness .chart-content .arrow.arrow-left {
    left: 18px;
}

html #CMD .section__oled_color .chart-brightness .chart-content .arrow.arrow-right {
    right: 6px;
}

html #CMD .section__oled_color .chart-content .content-row.content-row-x .row-item .item-info .info-name {
    font-size: 18px;
}

html #CMD .section__oled_color .chart-content .content-row.content-value .row-item .item-info .info-name {
    font-size: 18px;
}

html #CMD .section__oled_eyeCare {
    overflow: hidden;
    margin-top: 0;
    padding-top: 130px;
    padding-bottom: 95px;
}

html #CMD .section__oled_eyeCare .wd__content {
    max-width: 900px;
}

html #CMD .section__oled_eyeCare .wd__content .content__info {
    width: 95%;
}

html #CMD .section__oled_eyeCare .wd__feature__list .wd__feature {
    vertical-align: bottom !important;
}

html #CMD .section__oled_eyeCare .wd__feature__list .wd__feature.feature-2 .wd__feature__describe,
html #CMD .section__oled_eyeCare .wd__feature__list .wd__feature.feature-3 .wd__feature__describe {
    display: none;
}

html #CMD .section__oled_eyeCare .img__icon2 {
    top: 5px;
    margin-bottom: 4px;
    width: 171px;
    height: 90px;
}

#CMD .section__oled_eyeCare .img__icon2 {
    background-image: url("images/icon_tuv.png");
}

html #CMD .section__oled_eyeCare .img__icon3 {
    top: 5px;
    margin-bottom: 4px;
    width: 154px;
    height: 90px;
}

#CMD .section__oled_eyeCare .img__icon3 {
    background-image: url("images/icon_sgs.png");
}

html #CMD .section__oled_eyeCare .img__oled_eyeCare {
    position: relative;
    left: 50%;
    margin-left: -481px;
    width: 962px;
    height: 442px;
}

#CMD .section__oled_eyeCare .img__oled_eyeCare {
    background-image: url("images/s5.jpg");
}

html #CMD .section__oled_eyeCare .img__oled_eyeCare .img__lcd {
    position: absolute;
    opacity: 1;
    width: 962px;
    height: 442px;
}

#CMD .section__oled_eyeCare .img__lcd {
    background-image: url("images/img_lcd.png");
}

html #CMD .section__oled_eyeCare .img__oled_eyeCare .img__oled {
    position: absolute;
    opacity: 0;
    width: 962px;
    height: 442px;
}

#CMD .section__oled_eyeCare .img__oled {
    background-image: url("images/img_oled.png");
}

html #CMD .section__oled_eyeCare .img__oled_eyeCare .img__bulelight {
    position: absolute;
    left: 50%;
    opacity: 0;
    margin-top: -6px;
    margin-left: -262px;
    width: 82px;
    height: 382px;
    background: linear-gradient(0deg, #2078b6 0%, rgba(32, 120, 182, 0) 100%);
}

html #CMD .section__oled_eyeCare .img__oled_eyeCare .img__line {
    position: absolute;
    top: -9px;
    opacity: 0;
    width: 962px;
    height: 442px;
}

#CMD .section__oled_eyeCare .img__line {
    background-image: url("images/img_line.png");
}

html #CMD .section__oled_eyeCare .img__oled_eyeCare .img__arrow {
    position: absolute;
    top: 113px;
    left: 265px;
    opacity: 0;
    width: 60px;
    height: 60px;
    transform: translateX(-50px);
}

#CMD .section__oled_eyeCare .img__arrow {
    background-image: url("images/img_arrow.png");
}

html #CMD .section__oled_eyeCare .img__oled_eyeCare span {
    display: inline-block;
    position: absolute;
    z-index: 100;
    opacity: 0;
    color: #b3b3b3;
}

html #CMD .section__oled_eyeCare .img__oled_eyeCare span.text1 {
    top: 25px;
    left: 197px;
    line-height: 1.2;
    width: 124px;
    color: #2487d8;
    font-size: 17px;
    text-align: center;
}

html #CMD .section__oled_eyeCare .img__oled_eyeCare span.text2 {
    top: 260px;
    left: 54px;
    width: 110px;
    font-size: 16px;
    text-align: right;
    transform: translateX(50px);
}

html #CMD .section__oled_eyeCare .img__oled_eyeCare span.text3 {
    top: 305px;
    left: 54px;
    width: 110px;
    font-size: 16px;
    text-align: right;
    transform: translateX(50px);
}

html #CMD .section__oled_eyeCare .img__oled_eyeCare span.text4 {
    top: 92px;
    left: 341px;
    width: 235px;
    font-size: 25px;
    line-height: 1.2;
    text-align: left;
    transform: translateX(-50px);
}

html #CMD .section__oled_eyeCare .img__oled_eyeCare.active .img__lcd {
    opacity: 0;
    transition: opacity 500ms 1500ms linear;
}

html #CMD .section__oled_eyeCare .img__oled_eyeCare.active .img__oled {
    opacity: 1;
    transition: opacity 1200ms 1000ms linear;
}

html #CMD .section__oled_eyeCare .img__oled_eyeCare.active .img__bulelight {
    opacity: 1;
    transition: height 2000ms 0ms ease;
    animation: lightBreath 1500ms 1000ms linear forwards infinite;
}

html #CMD .section__oled_eyeCare .img__oled_eyeCare.active .img__line {
    opacity: 1;
    transition: opacity 1000ms 1500ms ease;
}

html #CMD .section__oled_eyeCare .img__oled_eyeCare.active .img__arrow {
    opacity: 1;
    transform: translateX(0);
    transition: opacity 1000ms 1800ms ease, transform 1000ms 1800ms ease;
}

html #CMD .section__oled_eyeCare .img__oled_eyeCare.active span {
    opacity: 1;
}

html #CMD .section__oled_eyeCare .img__oled_eyeCare.active span.text2 {
    transform: translateX(0);
    transition: opacity 1000ms 2200ms ease, transform 1000ms 2200ms ease;
}

html #CMD .section__oled_eyeCare .img__oled_eyeCare.active span.text3 {
    transform: translateX(0);
    transition: opacity 1000ms 2200ms ease, transform 1000ms 2200ms ease;
}

html #CMD .section__oled_eyeCare .img__oled_eyeCare.active span.text4 {
    transform: translateX(0);
    transition: opacity 1000ms 1800ms ease, transform 1000ms 1800ms ease;
}

@keyframes lightBreath {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 0.75;
    }
    50% {
        opacity: 0.5;
    }
    75% {
        opacity: 0.75;
    }
    100% {
        opacity: 1;
    }
}

html #CMD .section__oled_eyeCare .modal-button-container {
    margin-top: 32px;
}

html #CMD .section__oled_childEyeCare {
    overflow: hidden;
    z-index: 1;
    padding-top: 130px;
    padding-bottom: 87px;
}

html #CMD .section__oled_childEyeCare .wd__content {
    left: 50%;
    margin-left: -504px;
    width: 460px;
}

html #CMD .section__oled_childEyeCare .wd__content .content__info {
    min-height: 420px;
}

html #CMD .section__oled_childEyeCare .img__oled_childEyeCare {
    position: relative;
    left: 50%;
    margin-top: -749px;
    margin-left: -108px;
    width: 836px;
    height: 804px;
}

#CMD .section__oled_childEyeCare .img__oled_childEyeCare {
    background-image: url("images/s6\ \(1\).jpg");
}

html #CMD .section__oled_childEyeCare .img__chart {
    position: relative;
    left: 50%;
    margin-top: 18px;
    margin-left: -473px;
    width: 974px;
    height: 340px;
}

#CMD .section__oled_childEyeCare .img__chart {
    background-image: url("images/01-bg.jpg");
}

html #CMD .section__oled_childEyeCare .img__chart .chart-content {
    position: absolute;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    height: 100%;
}

html #CMD .section__oled_childEyeCare .img__chart .chart-content .chart-name {
    position: absolute;
    left: 50%;
    width: 180px;
    color: #b3b3b3;
    font-size: 16px;
    line-height: 1.2;
}

html #CMD .section__oled_childEyeCare .img__chart .chart-content .chart-name.name-x {
    bottom: 340px;
    margin-left: -355px;
    width: 130px;
    text-align: left;
}

html #CMD .section__oled_childEyeCare .img__chart .chart-content .chart-name.name-y {
    top: 340px;
    margin-left: 150px;
    text-align: right;
}

html #CMD .section__oled_childEyeCare .img__chart .chart-content .chart-hl {
    position: absolute;
    bottom: 283px;
    left: 50%;
    margin-left: -158px;
    width: 70px;
    color: #2487d8;
    font-size: 16px;
    text-align: center;
}

html #CMD .section__oled_childEyeCare .img__chart .line-content {
    position: absolute;
    width: 100%;
    height: 100%;
}

html #CMD .section__oled_childEyeCare .img__chart .line-content .line {
    position: absolute;
    right: -31px;
    width: 150px;
    font-size: 24px;
    text-align: right;
}

html #CMD .section__oled_childEyeCare .img__chart .line-content .line.line-0 {
    bottom: 280px;
    color: #e0c79d;
}

html #CMD .section__oled_childEyeCare .img__chart .line-content .line.line-1 {
    top: 98px;
    color: #977a4f;
}

html #CMD .section__oled_childEyeCare .contnet-from {
    position: relative;
    margin-top: 36px;
    margin-right: auto;
    margin-left: auto;
    width: 600px;
    text-align: center;
}

html #CMD .section__oled_childEyeCare .contnet-from .from-text {
    position: relative;
    color: #6d6d6d;
    font-size: 16px;
    line-height: 1.2;
}

html #CMD .section__oled_childEyeCare .contnet-link {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-top: 4px;
    margin-right: auto;
    margin-left: auto;
    max-width: 370px;
    text-align: center;
    transition: opacity 250ms;
    line-height: 1.2;
}

html #CMD .section__oled_childEyeCare .contnet-link .link-text {
    position: relative;
    color: #6d6d6d;
    font-size: 12px;
    line-height: 1.2;
}

html #CMD .section__oled_childEyeCare .contnet-link:hover {
    opacity: 0.7;
}

html #CMD .section__oled_3Dcolor-2 {
    overflow: hidden;
    margin-top: 0;
    padding-top: 130px;
    padding-bottom: 87px;
}

html #CMD .section__oled_3Dcolor-2 .wd__content {
    max-width: 1030px;
}

html #CMD .section__oled_3Dcolor-2 .wd__content .content__info {
    max-width: 970px;
}

html #CMD .section__oled_3Dcolor-2 .wd__content.bottom-content .content__title {
    font-size: 40px;
    text-align: center;
}

html #CMD .section__oled_3Dcolor-2 .compare__animation {
    position: relative;
    margin-top: 83px;
}

html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    width: 1280px;
    font-size: 0;
    border: 1px solid #484848;
}

html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty .img {
    position: absolute;
    width: 1280px;
    height: 606px;
}

#CMD .section__oled_3Dcolor-2 .img__before {
    background-image: url("images/fish\ bf.jpg");
}

#CMD .section__oled_3Dcolor-2 .img__after {
    background-image: url("images/fish\ af.jpg");
}

html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty span {
    display: inline-block;
    position: absolute;
    z-index: 100;
    opacity: 1;
    color: #fff;
    font-size: 20px;
    transition: opacity 500ms;
}

html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty span.disappear {
    opacity: 0;
}

html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty span.textLeft1 {
    top: 22px;
    left: 27px;
    font-size: 36px;
}

html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty span.textLeft2 {
    top: 68px;
    left: 27px;
}

html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty span.textRight1 {
    top: 22px;
    right: 27px;
    font-size: 36px;
}

html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty span.textRight2 {
    top: 68px;
    right: 27px;
}

html #CMD .section__oled_3Dcolor-2 .chart-container {
    position: relative;
    left: 50%;
    margin-top: 77px;
    margin-left: -348px;
    width: 700px;
}

html #CMD .section__oled_3Dcolor-2 .chart-container .img__main {
    position: absolute;
    top: 0;
    left: 0;
    width: 700px;
    height: 240px;
}

#CMD .section__oled_3Dcolor-2 .img__main {
    background-image: url("images/02-bg.jpg");
}

html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content {
    position: relative;
    height: 365px;
}

html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-x .row-item {
    top: 243px;
}

html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-x .row-item.item-0 {
    margin-left: -340px;
}

html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-x .row-item.item-1 {
    margin-left: -213px;
}

html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-x .row-item.item-2 {
    margin-left: -66px;
}

html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-x .row-item.item-3 {
    margin-left: 81px;
}

html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-x .row-item.item-4 {
    margin-left: 228px;
}

html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-y .row-item {
    left: 33px;
}

html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-y .row-item.item-0 {
    top: -6px;
}

html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-y .row-item.item-1 {
    top: 165px;
}

html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-y .row-item.item-0 .item-container .data-0 {
    top: -2px;
    left: 136px;
}

html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-y .row-item.item-1 .item-container .data-0 {
    top: -32px;
    left: 101px;
    text-align: right;
}

html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-y .row-item.item-1 .item-container .data-1 {
    top: -50px;
    left: 239px;
    text-align: right;
}

html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-y .row-item.item-1 .item-container .data-2 {
    top: -140px;
    left: 411px;
    text-align: center;
}

html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-y .row-item.item-1 .item-container .data-3 {
    top: -140px;
    left: 558px;
    text-align: center;
}

html #CMD .section__oled_3Dcolor-2 .chart-disclaimer {
    margin-top: -40px;
}

html #CMD .section__oled_contrast {
    overflow: hidden;
    margin-top: 0;
    padding-top: 130px;
    padding-bottom: 77px;
}

html #CMD .section__oled_contrast .wd__content {
    max-width: 900px;
}

html #CMD .section__oled_contrast .wd__content .content__info {
    width: 95%;
}

html #CMD .section__oled_contrast .feature-4 {
    width: 85%;
}

html #CMD .section__oled_contrast .img__icon4 {
    left: 50%;
    margin-top: 7px;
    margin-left: -58px;
    width: 116px;
    height: 172px;
}

#CMD .section__oled_contrast .img__icon4 {
    background-image: url("images/icon_vesa.png");
}

html #CMD .section__oled_contrast .compare__animation {
    position: relative;
    margin-top: 11px;
}

html #CMD .section__oled_contrast .compare__animation .twentytwenty {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    width: 1280px;
    font-size: 0;
    border: 1px solid #484848;
}

html #CMD .section__oled_contrast .compare__animation .twentytwenty .img {
    position: absolute;
    width: 1280px;
    height: 606px;
}

#CMD .section__oled_contrast .img__before {
    background-image: url("images/before.jpg");
}

#CMD .section__oled_contrast .img__after {
    background-image: url("images/after.jpg");
}

html #CMD .section__oled_contrast .compare__animation .twentytwenty span {
    display: inline-block;
    position: absolute;
    z-index: 100;
    opacity: 1;
    color: #fff;
    font-size: 20px;
    transition: opacity 500ms;
}

html #CMD .section__oled_contrast .compare__animation .twentytwenty span.disappear {
    opacity: 0;
}

html #CMD .section__oled_contrast .compare__animation .twentytwenty span.textLeft1 {
    top: 22px;
    left: 28px;
    font-size: 36px;
}

html #CMD .section__oled_contrast .compare__animation .twentytwenty span.textRight1 {
    top: 23px;
    right: 30px;
    font-size: 36px;
}

html #CMD .section__oled_contrast .modal-button-container {
    margin-top: 64px;
}

html #CMD .section__oled_responseTime {
    overflow: hidden;
    margin-top: 0;
    padding-top: 130px;
    padding-bottom: 135px;
}

html #CMD .section__oled_responseTime .wd__content {
    max-width: 840px;
}

html #CMD .section__oled_responseTime .wd__content .content__slogan {
    max-width: 730px;
}

html #CMD .section__oled_responseTime .wd__content .content__info {
    width: 95%;
}

html #CMD .section__oled_responseTime .compare-content {
    margin-top: 35px;
}

html #CMD .section__oled_responseTime .compare-content .img__compare__left,
html #CMD .section__oled_responseTime .compare-content .img__compare__right {
    display: inline-block;
    position: relative;
    margin: 0 3px;
    width: 634px;
    height: 357px;
    background-size: cover;
}

html #CMD .section__oled_responseTime .compare-content .img__compare__left video,
html #CMD .section__oled_responseTime .compare-content .img__compare__right video {
    position: relative;
    width: 634px;
    height: 357px;
}

html #CMD .section__oled_responseTime .compare-content .img__compare__left .text-describe,
html #CMD .section__oled_responseTime .compare-content .img__compare__right .text-describe {
    position: absolute;
    bottom: 24px;
    left: 50%;
    color: #fff;
    font-size: 20px;
}

html #CMD .section__oled_responseTime .compare-content .img__compare__left .text-describe.text__compare__left,
html #CMD .section__oled_responseTime .compare-content .img__compare__right .text-describe.text__compare__left {
    margin-left: -121px;
}

html #CMD .section__oled_responseTime .compare-content .img__compare__left .text-describe.text__compare__right,
html #CMD .section__oled_responseTime .compare-content .img__compare__right .text-describe.text__compare__right {
    margin-left: -110px;
}

html #CMD .inner-view {
    background: #000;
}

html #CMD .inner-view .inner-view-container .innerOledTemplate {
    position: relative;
    margin-right: auto;
    margin-left: auto;
}

html #CMD .inner-view .inner-view-container .innerOledTemplate .modal-button {
    background-color: #27a8c8;
    color: #fff;
    border-color: #27a8c8;
}

html #CMD .inner-view .inner-view-container .innerOledTemplate .modal-button:hover {
    background-color: #1694b3;
    color: #fff;
    border-color: #1694b3;
}

html #CMD .inner-view .inner-view-container .innerOledTemplate .inner-modal {
    padding-bottom: 0;
    background: #1c1c1c;
}

html #CMD .inner-view .inner-view-container .innerOledTemplate .wd__section {
    background: #1c1c1c;
}

html #CMD .inner-view .inner-view-container .innerOledTemplate .wd__section .wd__content {
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
}

html #CMD .inner-view .inner-view-container .innerOledTemplate .wd__section .wd__content .content__title {
    color: #fff;
    font-size: 34px;
}

html #CMD .inner-view .inner-view-container .innerOledTemplate .wd__section .wd__content .content__info {
    color: #fff;
    margin-top: 16px;
}

html #CMD .inner-view .inner-view-container .innerOledTemplate .wd__section .wd__content .content__link {
    linkColor: #27a8c8;
    color: #27a8c8;
}

html #CMD .inner-view .inner-view-container .innerOledTemplate .wd__section .wd__content .content__link *,
html #CMD .inner-view .inner-view-container .innerOledTemplate .wd__section .wd__content .content__link span {
    color: #27a8c8;
}

html #CMD .inner-view .inner-view-container .innerOledTemplate .wd__section .wd__content .content__link:after {
    color: #27a8c8;
}

html #CMD .inner-view .inner-view-container .innerOledTemplate .wd__section .wd__content .content__link:link {
    color: #27a8c8;
}

html #CMD .inner-view .inner-view-container .innerOledTemplate .wd__section .wd__content .content__link:hover span {
    border-bottom: 1px solid #27a8c8;
}

html #CMD .inner-view .inner-view-container .innerOledTemplate .wd__section .wd__content .content__slogan::before,
html #CMD .inner-view .inner-view-container .innerOledTemplate .wd__section .wd__content .content__slogan::after,
html #CMD .inner-view .inner-view-container .innerOledTemplate .wd__section .wd__content .content__title::before,
html #CMD .inner-view .inner-view-container .innerOledTemplate .wd__section .wd__content .content__title::after {
    display: none;
}

html #CMD .inner-view .section__btn__home::before {
    background: none;
}

html #CMD .section__oled_harmful {
    padding-top: 132px;
    padding-bottom: 0;
}

html #CMD .section__oled_harmful .wd__content {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    max-width: 717px;
}

html #CMD .section__oled_harmful .img__main {
    position: relative;
    left: 50%;
    margin-top: -110px;
    margin-left: -500px;
    width: 1000px;
    height: 556px;
}

#CMD .section__oled_harmful .img__main {
    background-image: url("images/01-bg.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-webp #CMD .section__oled_harmful .img__main {
        background-image: url("images/01-bg.webp");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-old #CMD .section__oled_harmful .img__main {
        background-image: url("images/01-bg.png");
    }
}

html #CMD .section__oled_harmful .img__main .bar {
    position: absolute;
    top: 455px;
    left: 50%;
    width: 100px;
    text-align: center;
}

html #CMD .section__oled_harmful .img__main .bar .bar-name {
    color: #b3b3b3;
}

html #CMD .section__oled_harmful .img__main .bar .bar-info {
    position: absolute;
    top: -186px;
    width: 100%;
    font-size: 0;
}

html #CMD .section__oled_harmful .img__main .bar .bar-info .bar-value,
html #CMD .section__oled_harmful .img__main .bar .bar-info .bar-unit {
    display: inline-block;
    vertical-align: bottom;
}

html #CMD .section__oled_harmful .img__main .bar .bar-info .bar-value {
    font-size: 30px;
}

html #CMD .section__oled_harmful .img__main .bar .bar-info .bar-unit {
    position: relative;
    top: -4px;
    padding-left: 2px;
    font-size: 14px;
}

html #CMD .section__oled_harmful .img__main .bar.bar-3 .bar-name {
    color: #2da8fe;
}

html #CMD .section__oled_harmful .img__main .bar.bar-3 .bar-info {
    color: #2eb1ff;
}

html #CMD .section__oled_harmful .img__main .bar.bar-0 {
    margin-left: -216px;
}

html #CMD .section__oled_harmful .img__main .bar.bar-1 {
    margin-left: -106px;
}

html #CMD .section__oled_harmful .img__main .bar.bar-2 {
    margin-left: 4px;
}

html #CMD .section__oled_harmful .img__main .bar.bar-3 {
    margin-left: 115px;
}

html #CMD .section__oled_harmful .chart-content {
    display: block;
    position: relative;
    margin-top: -37px;
}

html #CMD .section__oled_harmful .chart-content .content-title {
    position: relative;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    color: #fff;
    font-size: 16px;
}

html #CMD .section__oled_harmful .chart-content .contnet-from {
    position: relative;
    margin-top: 6px;
    margin-right: auto;
    margin-left: auto;
    width: 600px;
    text-align: center;
}

html #CMD .section__oled_harmful .chart-content .contnet-from .from-text {
    position: relative;
    color: #6d6d6d;
    font-size: 16px;
    line-height: 1.2;
}

html #CMD .section__oled_harmful .chart-content .contnet-link {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    transition: opacity 250ms;
}

html #CMD .section__oled_harmful .chart-content .contnet-link .link-text {
    position: relative;
    color: #6d6d6d;
    font-size: 12px;
    line-height: 1;
}

html #CMD .section__oled_harmful .chart-content .contnet-link:hover {
    opacity: 0.7;
}

html #CMD .section__oled_blue_light {
    padding-top: 125px;
    padding-bottom: 220px;
}

html #CMD .section__oled_blue_light .wd__content {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    max-width: 720px;
}

html #CMD .section__oled_blue_light .img__main {
    position: relative;
    left: 50%;
    margin-top: -70px;
    margin-left: -500px;
    width: 1000px;
    height: 556px;
}

#CMD .section__oled_blue_light .img__main {
    background-image: url("images/02-bg.png");
}

html #CMD .section__oled_blue_light .img__main .wave {
    position: absolute;
    top: 452px;
    left: 50%;
    width: 180px;
    text-align: center;
}

html #CMD .section__oled_blue_light .img__main .wave .wave-title {
    color: #b3b3b3;
}

html #CMD .section__oled_blue_light .img__main .wave .wave-info {
    position: absolute;
    top: -318px;
    width: 100%;
    font-size: 0;
}

html #CMD .section__oled_blue_light .img__main .wave .wave-info .wave-value,
html #CMD .section__oled_blue_light .img__main .wave .wave-info .wave-unit {
    display: inline-block;
    vertical-align: bottom;
}

html #CMD .section__oled_blue_light .img__main .wave .wave-info .wave-value {
    font-size: 30px;
}

html #CMD .section__oled_blue_light .img__main .wave .wave-info .wave-unit {
    position: relative;
    top: -4px;
    padding-left: 2px;
    font-size: 14px;
}

html #CMD .section__oled_blue_light .img__main .wave.wave-2 .wave-title {
    color: #2da8fe;
}

html #CMD .section__oled_blue_light .img__main .wave.wave-2 .wave-info {
    color: #2eb1ff;
}

html #CMD .section__oled_blue_light .img__main .wave.wave-0 {
    margin-left: -299px;
}

html #CMD .section__oled_blue_light .img__main .wave.wave-1 {
    margin-left: -90px;
}

html #CMD .section__oled_blue_light .img__main .wave.wave-2 {
    margin-left: 116px;
}

html #CMD .section__oled_blue_light .chart-content {
    display: block;
    position: relative;
    margin-top: -40px;
}

html #CMD .section__oled_blue_light .chart-content .content-name {
    position: relative;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    color: #fff;
}

html #CMD .section__oled_blue_light .chart-content .content-name .name-bar,
html #CMD .section__oled_blue_light .chart-content .content-name .name-text {
    display: inline-block;
    vertical-align: middle;
}

html #CMD .section__oled_blue_light .chart-content .content-name .name-bar {
    position: relative;
    top: 0;
    width: 26px;
    height: 3px;
    background-color: #fff;
}

html #CMD .section__oled_blue_light .chart-content .content-name .name-text {
    margin-left: 7px;
    font-size: 16px;
}

html #CMD .section__oled_blue_light .chart-content .contnet-from {
    position: relative;
    margin-top: 6px;
    margin-right: auto;
    margin-left: auto;
    width: 600px;
    text-align: center;
}

html #CMD .section__oled_blue_light .chart-content .contnet-from .from-text {
    position: relative;
    color: #6d6d6d;
    font-size: 16px;
    line-height: 1.2;
}

html #CMD .section__oled_blue_light .chart-content .contnet-link {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    transition: opacity 0.2s;
}

html #CMD .section__oled_blue_light .chart-content .contnet-link .link-text {
    position: relative;
    color: #6d6d6d;
    font-size: 12px;
    line-height: 1;
}

html #CMD .section__oled_blue_light .chart-content .contnet-link:hover {
    opacity: 0.7;
}

html #CMD .section__oled_hdr {
    padding-top: 132px;
    padding-bottom: 0;
}

html #CMD .section__oled_hdr .wd__content {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    max-width: 814px;
}

html #CMD .section__oled_hdr .img__main {
    position: relative;
    left: 50%;
    margin-top: 2px;
    margin-left: -500px;
    width: 1000px;
    height: 376px;
}

#CMD .section__oled_hdr .img__main {
    background-image: url("images/01-bg.png");
}

html #CMD .section__oled_hdr .img__main .chart-content {
    position: absolute;
    width: 100%;
    height: 100%;
}

html #CMD .section__oled_hdr .img__main .chart-content .axis-hint {
    position: absolute;
    width: 140px;
    color: #b3b3b3;
    font-size: 14px;
    line-height: 1.2;
}

html #CMD .section__oled_hdr .img__main .chart-content .item-content {
    display: inline-block;
    position: absolute;
    width: 160px;
    font-size: 25px;
    text-align: left;
    line-height: 1.2;
}

html #CMD .section__oled_hdr .img__main .chart-content .axis-y .y-hint {
    top: 66px;
    left: 105px;
    text-align: right;
}

html #CMD .section__oled_hdr .img__main .chart-content .axis-y .y-item .item-content {
    left: 110px;
}

html #CMD .section__oled_hdr .img__main .chart-content .axis-y .y-item .item-content.item-0 {
    top: 113px;
    color: #fff;
}

html #CMD .section__oled_hdr .img__main .chart-content .axis-y .y-item .item-content.item-0 .content-value {
    left: 196px;
    color: #333;
}

html #CMD .section__oled_hdr .img__main .chart-content .axis-y .y-item .item-content.item-1 {
    top: 172px;
    color: #fff;
}

html #CMD .section__oled_hdr .img__main .chart-content .axis-y .y-item .item-content.item-1 .content-value {
    left: 196px;
    color: #fff;
}

html #CMD .section__oled_hdr .img__main .chart-content .axis-y .y-item .item-content.item-2 {
    top: 229px;
    color: #b3b3b3;
}

html #CMD .section__oled_hdr .img__main .chart-content .axis-y .y-item .item-content.item-2 .content-value {
    left: 392px;
    color: #fff;
}

html #CMD .section__oled_hdr .img__main .chart-content .axis-y .y-item .item-content .content-value {
    position: absolute;
    top: 50%;
    width: 200px;
    font-size: 23px;
    text-align: left;
    transform: translateY(-50%);
}

html #CMD .section__oled_hdr .img__main .chart-content .axis-y .y-item .item-content.item-1 .content-name {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(150deg, #ffeeba 8%, #7f5a2a 75%);
}

html #CMD .section__oled_hdr .img__main .chart-content .axis-x .x-hint {
    top: 276px;
    right: 114px;
    text-align: right;
}

html #CMD .section__oled_hdr .text-sub {
    vertical-align: sub;
    font-size: 0.6em;
}

.ie #CMD .img__main .chart-content .axis-y .y-item .item-content.item-1 .content-name {
    -webkit-text-fill-color: initial !important;
    background-image: none !important;
    background-image: none !important;
    color: #815b29 !important;
}

html #CMD .section__oled_pixels {
    padding-top: 40px;
    padding-bottom: 220px;
}

html #CMD .section__oled_pixels .wd__content {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    max-width: 874px;
}

html #CMD .section__oled_pixels .compare-content {
    margin: 79px auto 0;
    width: 100%;
}

html #CMD .section__oled_pixels .compare-content .img__compare__left,
html #CMD .section__oled_pixels .compare-content .img__compare__right {
    display: inline-block;
    position: relative;
    margin: 0 3px;
    width: 634px;
    height: 357px;
    background-size: cover;
}

html #CMD .section__oled_pixels .compare-content .img__compare__left video,
html #CMD .section__oled_pixels .compare-content .img__compare__right video {
    position: relative;
    width: 634px;
    height: 357px;
}

html #CMD .section__oled_pixels .compare-content .img__compare__left .text-describe,
html #CMD .section__oled_pixels .compare-content .img__compare__right .text-describe {
    position: absolute;
    bottom: 24px;
    left: 50%;
    margin-left: -150px;
    width: 300px;
    color: #fff;
    font-size: 20px;
    text-align: center;
}

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD .large_use {
        display: block;
    }
    html #CMD .large_unuse {
        display: none;
    }
    html #CMD .section__display {
        overflow: hidden;
    }
    html #CMD .section__display .img__display .img-mask {
        position: absolute;
        z-index: 80;
        top: 709px;
        left: 50%;
        margin-left: -569px;
        width: 1140px;
        height: 644px;
    }
    #CMD .section__display .img-mask {
        background-image: url("images/mask.png");
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD .section__display .img__display #lake-displacement {
        position: absolute;
        z-index: 70;
        top: 1083px;
        left: 50%;
        margin-left: -535px;
        width: 1070px;
        height: 250px;
    }
    html #CMD .section__display .img__display figure.birds {
        background-image: url("images/bird.gif");
        position: absolute;
        z-index: 84;
        left: 50%;
        background-size: cover;
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD .section__display .img__display figure.birds.img__bird1 {
        top: 910px;
        margin-left: -330px;
        width: 130px;
        height: 48px;
    }
    html #CMD .section__display .img__display figure.birds.img__bird2 {
        top: 850px;
        margin-left: 230px;
        width: 100px;
        height: 36px;
        transform: scale(-1, 1);
    }
    html #CMD .section__aipt_2 .grid__table .table-col.content-right .row-right {
        margin-left: -100%;
    }
    html #CMD .section__aipt_2 .grid__table .table-col.col-1 .ani-detect {
        top: 55%;
    }
    html #CMD .section__aipt_2 .grid__table .table-col.col-2 .ani-detect {
        top: 55%;
    }
    html #CMD .section__aipt_2 .grid__table .table-col.col-3 .table-row .wd__feature__list {
        margin-bottom: -50px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar {
        position: absolute;
        z-index: 120;
        top: 809px;
        left: 50%;
        opacity: 1;
        margin-left: -960px;
        width: 1920px;
        height: 300px;
        background: linear-gradient(to right, #ebeff2 0%, #bacfea 15%, #bacfea 85%, #ebeff2 100%);
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content {
        opacity: 1;
        margin: 45px auto 0;
        width: 100%;
        max-width: 1280px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem {
        margin: 0 auto;
        width: 1280px;
        height: 124px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li {
        position: relative;
        cursor: pointer;
        float: left;
        list-style-type: none;
        margin: 0 25px;
        padding-top: 93px;
        width: 110px;
        height: 40px;
        color: #000;
        font-size: 16px;
        transform: translateY(0);
        transition: color 600ms linear, transform 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li span {
        display: block;
        margin-right: auto;
        margin-left: auto;
        width: 90px;
        text-align: center;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li.selected {
        color: #000;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li:hover {
        color: #000;
        transform: translateY(-10px);
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_1:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        height: 85px;
        content: '';
        background-size: cover;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_1:before {
        background-image: url("images/icon1.png");
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_2:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        height: 85px;
        content: '';
        background-size: cover;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_2:before {
        background-image: url("images/icon2.png");
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_3:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        height: 85px;
        content: '';
        background-size: cover;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_3:before {
        background-image: url("images/icon3.png");
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_4:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        height: 85px;
        content: '';
        background-size: cover;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_4:before {
        background-image: url("images/icon4.png");
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_5:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        height: 85px;
        content: '';
        background-size: cover;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_5:before {
        background-image: url("images/icon5.png");
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_6:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        height: 85px;
        content: '';
        background-size: cover;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_6:before {
        background-image: url("images/icon6.png");
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_7:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        height: 85px;
        content: '';
        background-size: cover;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_7:before {
        background-image: url("images/icon7.png");
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_8:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        height: 85px;
        content: '';
        background-size: cover;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_8:before {
        background-image: url("images/icon8.png");
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navLine {
        position: relative;
        margin-top: 3px;
        width: 100%;
        max-width: 1280px;
        border-bottom: 1px solid #000;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navLine div {
        display: block;
        position: absolute;
        top: -2px;
        left: 0;
        width: 80px;
        height: 2px;
        background: #000;
        transform: translate3d(0, 0, 0);
        transition: transform 200ms ease-in-out;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navText {
        position: relative;
        left: 50%;
        margin-top: 15px;
        margin-left: -500px;
        width: 100%;
        max-width: 1000px;
        font-size: 20px;
        text-align: center;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navText span {
        display: block;
        position: absolute;
        right: 0;
        left: 0;
        opacity: 0;
        margin: 0 auto;
        color: #000;
        transition: opacity 200ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navText span.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen {
        position: absolute;
        z-index: 100;
        top: 398px;
        left: 50%;
        margin-left: -591px;
        width: 1184px;
        height: 327px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen::before {
        display: block;
        position: absolute;
        z-index: 999;
        top: -71px;
        left: -17px;
        content: '';
        width: 1218px;
        height: 436px;
        background-size: cover;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen:before {
        background-image: url("images/mask.png");
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_1,
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_2 {
        background-image: none;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_1 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 1184px;
        height: 327px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_1.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_2 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 1184px;
        height: 327px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_2.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_3 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 1184px;
        height: 327px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_3.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_4 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 1184px;
        height: 327px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_4.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_5 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 1184px;
        height: 327px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_5.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_6 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 1184px;
        height: 327px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_6.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_7 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 1184px;
        height: 327px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_7.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_8 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 1184px;
        height: 327px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_8.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen {
        position: absolute;
        z-index: 100;
        top: 1122px;
        left: 50%;
        margin-left: -209px;
        width: 417px;
        height: 191px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen::before {
        display: block;
        position: absolute;
        z-index: 999;
        top: -18px;
        left: -31px;
        content: '';
        width: 480px;
        height: 220px;
        background-size: cover;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen:before {
        background-image: url("images/mask_pad.png");
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_1 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 417px;
        height: 191px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_1.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_2 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 417px;
        height: 191px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_2.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_3 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 417px;
        height: 191px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_3.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_4 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 417px;
        height: 191px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_4.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_5 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 417px;
        height: 191px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_5.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_6 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 417px;
        height: 191px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_6.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_7 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 417px;
        height: 191px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_7.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_8 {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        width: 417px;
        height: 191px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_8.showed {
        opacity: 1;
    }
    html #CMD #section__inner2_1 .img__inner2_1 .img__interface {
        background-image: url("images/interface.jpg");
        position: absolute;
        overflow: hidden;
        top: 97px;
        left: 50%;
        margin-left: -450px;
        width: 898px;
        height: 557px;
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD #section__inner2_1 .img__inner2_1 .img__toolbar {
        background-image: url("images/toolbar.jpg");
        position: absolute;
        bottom: 0;
        width: 1360px;
        height: 265px;
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD #section__inner2_1 .img__inner2_1 .line__blue {
        position: absolute;
        z-index: 104;
        top: 71px;
        left: 50%;
        margin-left: -501px;
        width: 982px;
        height: 624px;
    }
    html #CMD #section__inner2_1 .img__inner2_1 .line__blue text {
        font-size: 100px;
        filter: url(#glow);
    }
    html #CMD #section__inner2_1 .img__inner2_1 .line__blue .path {
        stroke: #27a8c8;
        stroke-width: 5;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-dashoffset: 6000;
        stroke-dasharray: 6000;
        filter: url(#glow);
    }
    html #CMD #section__inner2_1 .img__inner2_1 .line__blue .path {
        stroke: #27a8c8;
    }
    html #CMD #section__inner2_1 .img__inner2_1::after {
        display: block;
        position: absolute;
        content: '';
        z-index: 100;
        top: 95px;
        left: 50%;
        margin-left: -450px;
        width: 897px;
        height: 565px;
        border-radius: 10px 10px 0 0;
        background-color: rgba(0, 0, 0, 0.5);
    }
    html #CMD .section__inner2_1 .img__inner2_1 .img__toolbar {
        transform: translateY(-31px) translateZ(0);
        transition: none;
    }
    html #CMD .section__inner2_1 .img__inner2_1 .line__blue {
        opacity: 1;
        transition: none;
        fill: transparent;
    }
    html #CMD .section__inner2_1 .img__inner2_1 .line__blue text {
        opacity: 0;
        transition: none;
    }
    html #CMD .section__inner2_1 .img__inner2_1 .line__blue .path {
        stroke-dashoffset: 6000;
        transition: none;
    }
    html #CMD .section__inner2_1 .img__inner2_1 .line__blue.fadeOut {
        opacity: 0;
    }
    html #CMD .section__inner2_1 .img__inner2_1::after {
        opacity: 0;
        transition: none;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step1 .img__toolbar {
        transform: translateY(15px) translateZ(0);
        transition: transform 600ms ease 400ms;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2::after {
        opacity: 1;
        transition: opacity 800ms ease;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2 .img__toolbar {
        transform: translateY(15px) translateZ(0);
        transition: transform 600ms ease 400ms;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2 .line__blue {
        transition: opacity 650ms;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2 .line__blue text {
        opacity: 1;
        transition: opacity 1000ms ease 1600ms;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2 .line__blue .path {
        stroke-dashoffset: 2000 !important;
        transition: stroke-dashoffset 2000ms ease 800ms;
    }
    html #CMD .section__adobeBanner {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    html #CMD .section__adobeBanner .banner__container .banner__item {
        min-height: 664px;
    }
    html #CMD .section__adobeBanner .banner__container .wd__content {
        top: 0;
        left: 50%;
        margin-left: -560px;
        padding-top: 178px;
        padding-bottom: 60px;
        width: 450px;
    }
    html #CMD .section__adobeBanner .banner__container {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 2560px;
    }
    html #CMD .section__adobeBanner .banner__container .banner__item {
        position: relative;
        left: 50%;
        margin-left: -1280px;
        width: 2560px;
    }
    html #CMD .section__adobeBanner .banner__container .img__main {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 0;
        width: 2560px;
        height: 664px;
        background-position: bottom;
    }
    #CMD .section__adobeBanner .img__main {
        background-image: url("images/adobe_banner_creativecloud.jpg");
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD .section__adobeBanner+.section__comment {
        margin-top: 0;
        padding-top: 66px;
    }
}

@media all and (min-width: 1280px) and (min-width: 1280px) {
    html #CMD.odin .section__kv .img__badge-rtx {
        margin-top: 80px;
    }
}

@media all and (min-width: 1280px) {
    html #CMD.odin .section__kv .img__badge-rtx {
        margin-top: 80px;
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .wd__section .medium_use {
        display: block;
    }
    html #CMD .wd__section .medium_unuse {
        display: none;
    }
    html #CMD .wd__section .no__wrap {
        display: inline-block;
        white-space: nowrap;
    }
    html #CMD .wd__section .wd__content {
        left: 0;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        width: 85%;
        max-width: 760px;
    }
    html #CMD .wd__section .wd__content .content__slogan {
        font-size: 20px;
        letter-spacing: 2.6px;
    }
    html #CMD .wd__section .wd__content .content__title {
        font-size: 36px;
        margin-top: 10px;
    }
    html #CMD .wd__section .wd__content .content__info {
        margin-top: 16px;
        font-size: 20px;
        line-height: 1.5;
    }
    html #CMD .wd__section .wd__content .content__link {
        font-size: 20px;
        margin-top: 9px;
    }
    html #CMD .wd__section .wd__feature__list {
        margin-top: 43px;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature {
        vertical-align: top;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 48px;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__data span {
        font-size: 22px;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top {
        font-size: 13px;
        margin-bottom: 6px;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__describe span {
        font-size: 13px;
    }
    html #CMD .wd__section .wd__link__arrow::after {
        padding-left: 5px;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-en {
        bottom: -9px;
        margin-top: -17px;
        font-size: 40px;
    }
    html #CMD .wd__section .wd__content.main-content .content__slogan::before {
        display: block;
        position: absolute;
        top: -13px;
        width: 171px;
        height: 62px;
        content: '';
    }
    html #CMD .wd__section .wd__content.main-content.medium__text-center {
        text-align: center;
    }
    html #CMD .wd__section .wd__content.main-content.medium__text-center .content__slogan::before {
        left: 50%;
        transform: translateX(-50%);
    }
    html #CMD .wd__section .wd__content.main-content .content__title::after {
        bottom: -47px;
    }
    html #CMD .wd__section .wd__content.main-content.medium__text-center .content__title::after {
        left: 50%;
        transform: translateX(-50%) skew(-60deg);
    }
    html #CMD #section__inner2_1 .img__inner2_1 .img__interface {
        background-image: url("images/interface.jpg");
        position: absolute;
        overflow: hidden;
        top: 97px;
        left: 50%;
        margin-left: -450px;
        width: 898px;
        height: 557px;
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner2_1 .img__inner2_1 .img__toolbar {
        background-image: url("images/toolbar.jpg");
        position: absolute;
        bottom: 0;
        width: 1360px;
        height: 265px;
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner2_1 .img__inner2_1 .line__blue {
        position: absolute;
        z-index: 104;
        top: 71px;
        left: 50%;
        margin-left: -501px;
        width: 982px;
        height: 624px;
    }
    html #CMD #section__inner2_1 .img__inner2_1 .line__blue text {
        font-size: 100px;
        filter: url(#glow);
    }
    html #CMD #section__inner2_1 .img__inner2_1 .line__blue .path {
        stroke: #27a8c8;
        stroke-width: 5;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-dashoffset: 6000;
        stroke-dasharray: 6000;
        filter: url(#glow);
    }
    html #CMD #section__inner2_1 .img__inner2_1 .line__blue .path {
        stroke: #27a8c8;
    }
    html #CMD #section__inner2_1 .img__inner2_1::after {
        display: block;
        position: absolute;
        content: '';
        z-index: 100;
        top: 95px;
        left: 50%;
        margin-left: -450px;
        width: 897px;
        height: 565px;
        border-radius: 10px 10px 0 0;
        background-color: rgba(0, 0, 0, 0.5);
    }
    html #CMD .section__inner2_1 .img__inner2_1 .img__toolbar {
        transform: translateY(-31px) translateZ(0);
        transition: none;
    }
    html #CMD .section__inner2_1 .img__inner2_1 .line__blue {
        opacity: 1;
        transition: none;
        fill: transparent;
    }
    html #CMD .section__inner2_1 .img__inner2_1 .line__blue text {
        opacity: 0;
        transition: none;
    }
    html #CMD .section__inner2_1 .img__inner2_1 .line__blue .path {
        stroke-dashoffset: 6000;
        transition: none;
    }
    html #CMD .section__inner2_1 .img__inner2_1 .line__blue.fadeOut {
        opacity: 0;
    }
    html #CMD .section__inner2_1 .img__inner2_1::after {
        opacity: 0;
        transition: none;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step1 .img__toolbar {
        transform: translateY(15px) translateZ(0);
        transition: transform 600ms ease 400ms;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2::after {
        opacity: 1;
        transition: opacity 800ms ease;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2 .img__toolbar {
        transform: translateY(15px) translateZ(0);
        transition: transform 600ms ease 400ms;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2 .line__blue {
        transition: opacity 650ms;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2 .line__blue text {
        opacity: 1;
        transition: opacity 1000ms ease 1600ms;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2 .line__blue .path {
        stroke-dashoffset: 2000 !important;
        transition: stroke-dashoffset 2000ms ease 800ms;
    }
    html #CMD .section__kv {
        overflow: hidden;
        padding-top: 65px;
        padding-bottom: 65px;
    }
    html #CMD .section__kv .wd__content {
        margin-top: 48px;
        padding-left: 0;
        width: 95%;
        max-width: 970px;
    }
    html #CMD .section__kv .wd__content .content__slogan {
        font-size: 53px;
        letter-spacing: -1.1px;
    }
    html #CMD .section__kv .wd__content .content__title {
        margin-top: 0;
        font-size: 46px;
        font-weight: 200;
    }
    html #CMD .section__kv .wd__content .content__info {
        width: 100%;
        margin-top: 31px;
        font-size: 24px;
        line-height: 1.6;
    }
    html #CMD .section__kv .img__kv {
        left: 50%;
        margin-top: -125px;
        margin-left: -650px;
        width: 1300px;
        height: 920px;
    }
    #CMD .section__kv .img__kv {
        background-image: url("images/kv.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__kv .vr__screen {
        margin-top: -259px;
    }
    html #CMD .section__ksp {
        padding-top: 55px;
        padding-bottom: 35px;
    }
    html #CMD .section__ksp .grid__layout {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
    }
    html #CMD .section__ksp .grid__layout .grid-item {
        border-radius: 10px;
        min-height: 200px;
    }
    html #CMD .section__ksp .ksp__layout .grid-item-0 .item_block {
        margin-right: auto;
        margin-left: auto;
        max-width: 100%;
    }
    html #CMD .section__ksp .ksp__layout .grid-item-0 .item_image {
        top: 0;
        left: 5px;
    }
    html #CMD .section__ksp .ksp__layout .grid-item-0 .img__block {
        position: absolute;
        width: 519px;
        height: 435px;
    }
    #CMD .section__ksp .grid-item-0 .img__block {
        background-image: url("images/img_display.png");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__ksp .ksp__layout .grid__layout .grid-item-1.grid-item-wdFeature {
        min-height: 1px;
    }
    html #CMD .section__ksp .ksp__layout .grid-item-6 {
        min-height: 240px;
    }
    html #CMD .section__ksp .ksp__layout .grid-item-6 .item_block {
        height: 100%;
    }
    html #CMD .section__ksp .ksp__layout .grid-item-6 .img__block {
        margin-top: -40px;
        margin-left: -16px;
        width: 358px;
        height: 265px;
    }
    html #CMD .section__ksp .ksp__layout .grid-item-7 {
        min-height: 320px;
    }
    html #CMD .section__ksp .ksp__layout .grid-item-7 .item_block {
        margin-right: auto;
        margin-left: auto;
    }
    html #CMD .section__ksp .ksp__layout .grid-item-7 .img__block {
        width: 960px;
        height: 70px;
    }
    html #CMD .section__display {
        overflow: hidden;
        margin-top: 0;
        padding-top: 65px;
        padding-bottom: 75px;
    }
    html #CMD .section__display .wd__content .content__title {
        width: 95%;
    }
    html #CMD .section__display .wd__content .content__info {
        width: 100%;
        max-width: 780px;
    }
    html #CMD .section__display .wd__feature__list {
        margin: 43px auto 0;
        max-width: 670px;
    }
    html #CMD .section__display .wd__feature__list.list-1 {
        margin-top: 47px;
    }
    html #CMD .section__display .wd__feature__list.list-2 {
        margin-top: -2px;
    }
    html #CMD .section__display .wd__feature__list .wd__feature {
        margin-right: 20px;
        margin-left: 20px;
    }
    html #CMD .section__display .img__display {
        position: relative;
        left: 50%;
        margin-top: 17px;
        margin-left: -400px;
        width: 800px;
        height: 550px;
    }
    #CMD .section__display .img__display {
        background-image: url("images/s2.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__display .modal-button-container {
        margin-top: -60px;
    }
    html #CMD .section__performance {
        overflow: hidden;
        margin-top: 0;
        margin-bottom: -30px;
        padding-top: 80px;
        padding-bottom: 0;
    }
    html #CMD .section__performance .wd__content .content__info {
        width: 100%;
    }
    html #CMD .section__performance .wd__feature__list {
        margin: 43px auto 0;
        width: 100%;
        max-width: 690px;
    }
    html #CMD .section__performance .wd__feature__list .wd__feature {
        margin: 0 18px 50px;
    }
    html #CMD .section__performance .wd__feature__list .wd__feature.feature-1 {
        margin-right: 0;
        margin-bottom: 25px;
        margin-left: 0;
        width: 100%;
    }
    html #CMD .section__performance .special__comment {
        margin-top: -60px;
        margin-left: -240px;
        width: 480px;
        text-align: center;
    }
    html #CMD .section__performance .img__performance {
        position: relative;
        left: 50%;
        margin-top: -103px;
        margin-left: -381px;
        width: 830px;
        height: 771px;
    }
    #CMD .section__performance .img__performance {
        background-image: url("images/s3.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__performance .modal-button-container {
        margin-top: -30px;
    }
    html #CMD .section__highlights {
        padding-top: 160px;
        padding-bottom: 9px;
    }
    html #CMD .section__highlights .wd__content .content__info {
        width: 100%;
    }
    #CMD .img__list__block .item-0 .item__img {
        background-image: url("images/color__0.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .img__list__block .item-1 .item__img {
        background-image: url("images/color__1.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .img__list__block .item-2 .item__img {
        background-image: url("images/color__2.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .img__list__block .item-3 .item__img {
        background-image: url("images/color__3.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .img__list__block .item-3 .item__img {
        background-image: url("images/color__3.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .img__list__block .item-3 .item__img {
        background-image: url("images/color__3.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .img__list__block .item-4 .item__img {
        background-image: url("images/color__4.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .img__list__block .item-4 .item__img {
        background-image: url("images/color__4.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .img__list__block .item-4 .item__img {
        background-image: url("images/color__4.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .img__list__block .item-5 .item__img {
        background-image: url("images/color__5.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .img__list__block .item-6 .item__img {
        background-image: url("images/color__6.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__highlights .img__list__block .slick-arrow {
        top: 117px;
        width: 55px;
        height: 100px;
    }
    html #CMD .section__highlights .img__list__block .slick-prev::before,
    html #CMD .section__highlights .img__list__block .slick-next::before {
        top: 35px;
        left: 20px;
    }
    html #CMD .section__highlights .img__list__block .slick-prev {
        margin-left: -294px;
    }
    html #CMD .section__highlights .img__list__block .slick-prev::before {
        left: 16px;
    }
    html #CMD .section__highlights .img__list__block .slick-next {
        margin-left: 240px;
    }
    html #CMD .section__highlights .wd__list__color {
        margin-top: 64px;
    }
    html #CMD .section__highlights .img__list__block .item__img {
        width: 464px;
        height: 344px;
    }
    html #CMD .section__highlights .img__list__block .item__desc {
        padding: 35px 15px;
        width: 464px;
    }
    html #CMD .section__highlights .img__list__block .item__desc::before {
        height: 240px;
        background-color: transparent;
    }
    html #CMD .section__color {
        overflow: hidden;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    html #CMD .section__color .nav-slick {
        margin-top: 40px;
        margin-left: -10px;
    }
    html #CMD .section__color .nav-slick .nav {
        display: inline-block;
        cursor: pointer;
        margin: 0 10px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }
    html #CMD .section__color .nav-slick .nav#nav1 {
        background: #000;
    }
    html #CMD .section__color .nav-slick .nav#nav2 {
        background: #d4c6d8;
    }
    html #CMD .section__color .nav-slick .nav.js-selected {
        border: 2px solid #fff;
    }
    html #CMD .section__color .img__color {
        position: relative;
        left: 50%;
        margin-top: 0;
        margin-left: -640px;
        width: 1280px;
        height: 1052px;
    }
    html #CMD .section__color .img__color .slick-content {
        margin-top: 0;
        width: 1280px;
        height: 1052px;
    }
    html #CMD .section__color .img__color .slick-content figure {
        position: absolute;
        top: 0;
        left: 0;
        margin-top: -126px;
        width: 1280px;
        height: 1052px;
    }
    html #CMD .section__color .img__color .slick-content figure .wd__content {
        position: relative;
        top: 0;
        margin-top: 207px;
    }
    #CMD .section__color .img-slick1 {
        background-image: url("images/bg1.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .section__color .img-slick2 {
        background-image: url("images/bg2.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__mobility {
        display: inline-block;
        overflow: hidden;
        margin-top: 0;
        padding-top: 160px;
    }
    html #CMD .section__mobility .wd__content {
        margin-top: 0;
        width: 600px;
        left: 50%;
        margin-left: -294px;
    }
    html #CMD .section__mobility .wd__content .content__slogan {
        text-align: left;
    }
    html #CMD .section__mobility .wd__content .content__title {
        width: 540px;
    }
    html #CMD .section__mobility .wd__content .content__info {
        max-width: 480px;
    }
    html #CMD .section__mobility .wd__feature__list {
        margin-top: 50px;
        width: 500px;
    }
    html #CMD .section__mobility .img__mobility {
        position: relative;
        left: 50%;
        margin-top: -304px;
        margin-left: -611px;
        width: 979px;
        height: 651px;
    }
    #CMD .section__mobility .img__mobility {
        background-image: url("images/s6.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__user_experience {
        overflow: hidden;
        margin-top: -27px;
        padding-top: 80px;
    }
    html #CMD .section__user_experience .wd__content .content__info {
        width: 100%;
        max-width: 800px;
    }
    html #CMD .section__user_experience .slick-content {
        margin: 0 auto;
        width: 100%;
        max-width: 720px;
    }
    html #CMD .section__user_experience .slick-content .slick-title {
        position: relative;
        margin-top: 32px;
        text-align: center;
    }
    html #CMD .section__user_experience .slick-content .slick-title .title-line {
        height: 4px;
    }
    html #CMD .section__user_experience .slick-content .slick-title .title-nav li {
        font-size: 16px;
        line-height: 20px;
    }
    html #CMD .section__user_experience .slick-content .slick-title .title-nav li .sign-fnum {
        top: -0.5em;
    }
    html #CMD .section__user_experience .slick-content .slick-title .title-nav li br {
        display: block;
    }
    html #CMD .section__user_experience .slick-content .slick-info {
        margin: 30px auto 40px;
        width: 96%;
        max-width: 820px;
    }
    html #CMD .section__user_experience .slick-content .slick-info .si {
        font-size: 15px;
        line-height: 1.4;
    }
    html #CMD .section__user_experience .slick-content .slick-info .si .info__comment {
        display: inline-block;
        margin-top: 8px;
        color: #6f6f6f;
        font-size: 16px;
        line-height: 1.4;
    }
    html #CMD .section__user_experience .slick-content .slick-images {
        position: relative;
        left: 50%;
        margin: 30px 0 0 -298px;
        width: 586px;
        height: 326px;
    }
    html #CMD .section__user_experience .slick-content .slick-images .img-slick {
        width: 586px;
        height: 326px;
    }
    #CMD .section__user_experience #img-slick1 {
        background-image: url("images/p1.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .section__user_experience #img-slick2 {
        background-image: url("images/p2.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .section__user_experience #img-slick3 {
        background-image: url("images/p3.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .section__user_experience #img-slick4 {
        background-image: url("images/bg1.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__user_experience .modal-button-container {
        margin-top: 60px;
    }
    html #CMD .section__connect {
        overflow: hidden;
        margin-top: 0;
        padding-top: 120px;
        padding-bottom: 0;
    }
    html #CMD .section__connect .wd__content {
        margin-top: 10px;
    }
    html #CMD .section__connect .wd__content .content__info {
        width: 100%;
    }
    html #CMD .section__connect .img__connect {
        position: relative;
        left: 50%;
        margin-top: 50px;
        margin-left: -640px;
        width: 1280px;
        height: 302px;
    }
    #CMD .section__connect .img__connect {
        background-image: url("images/s8.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__connect .img__connect .ioPort {
        top: 118px;
        font-size: 12px;
    }
    html #CMD .section__connect .img__connect .ioPort.port1 {
        margin-left: -246px;
        width: 110px;
        text-align: center;
    }
    html #CMD .section__connect .img__connect .ioPort.port2 {
        margin-left: 44px;
        width: 80px;
    }
    html #CMD .section__connect .img__connect .ioPort.port3 {
        margin-left: 133px;
        width: 70px;
    }
    html #CMD .section__connect .img__connect .ioPort.port4 {
        top: 280px;
        margin-left: -157px;
        width: 50px;
    }
    html #CMD .section__connect .img__connect .ioPort.port5 {
        top: 280px;
        margin-left: -102px;
        width: 120px;
    }
    html #CMD .section__connect .modal-button-container {
        margin-top: 54px;
    }
    html #CMD .section__software {
        overflow: hidden;
        margin-top: -61px;
        padding-top: 140px;
    }
    html #CMD .section__software .wd__content .content__title {
        width: 600px;
    }
    html #CMD .section__software .wd__content .content__info {
        width: 100%;
        max-width: 780px;
    }
    html #CMD .section__software .img__software {
        position: relative;
        left: 50%;
        margin-top: 57px;
        margin-left: -517px;
        width: 1037px;
        height: 526px;
    }
    #CMD .section__software .img__software {
        background-image: url("images/s9.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__software .modal-button-container {
        margin-top: -40px;
    }
    html #CMD .section__audio {
        overflow: hidden;
        margin-top: 0;
        padding-top: 80px;
    }
    html #CMD .section__audio .wd__content .content__info {
        width: 100%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    html #CMD .section__audio .wd__feature__list {
        margin-top: 50px;
    }
    html #CMD .section__audio .wd__feature__list .wd__feature .img__icon1 {
        margin-right: 0;
    }
    html #CMD .section__audio .img__audio {
        position: relative;
        left: 50%;
        margin-top: 60px;
        margin-left: -622px;
        width: 1280px;
        height: 569px;
    }
    #CMD .section__audio .img__audio {
        background-image: url("images/s10.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__grade {
        overflow: hidden;
        margin-top: 0;
        padding-top: 62px;
    }
    html #CMD .section__grade .wd__content .content__info {
        width: 100%;
    }
    html #CMD .section__grade .wd__feature__list {
        margin-top: 40px;
        margin-right: auto;
        margin-left: auto;
        width: 680px;
    }
    html #CMD .section__grade .wd__feature__list .wd__feature {
        margin-right: 30px;
        margin-bottom: 22px;
        margin-left: 30px;
        width: 180px;
        min-height: 185px;
    }
    html #CMD .section__grade .wd__feature__list .wd__feature .wd__feature__describe span>span.text-title,
    html #CMD .section__grade .wd__feature__list .wd__feature .wd__feature__describe span>span.text-title .no__wrap {
        font-size: 16px;
        font-weight: 300;
    }
    html #CMD .section__grade .img__grade {
        position: relative;
        left: 50%;
        margin-top: -53px;
        margin-bottom: -50px;
        margin-left: -640px;
        width: 1280px;
        height: 970px;
    }
    #CMD .section__grade .img__grade {
        background-image: url("images/s11.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__aipt_1 {
        margin-top: 0;
        padding-top: 80px;
        padding-bottom: 80px;
    }
    html #CMD .section__aipt_1 .wd__content .content__slogan {
        width: 80%;
        max-width: 600px;
    }
    html #CMD .section__aipt_1 .wd__content .content__title {
        width: 80%;
        max-width: 660px;
    }
    html #CMD .section__aipt_1 .wd__content .content__info {
        width: 81%;
        max-width: 730px;
    }
    html #CMD .section__aipt_1 .wd__content .content__comment {
        width: 80%;
        max-width: 600px;
    }
    html #CMD .section__aipt_1 .wd__content {
        width: 85% !important;
    }
    html #CMD .section__aipt_1 .aipt-graph {
        left: 0;
        margin-top: 0;
        margin-right: auto;
        margin-left: auto;
        width: 546px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-content {
        margin-right: auto;
        margin-left: auto;
        width: 430px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item {
        position: relative;
        margin-bottom: 52px;
        padding-left: 111px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item .itme-icon {
        display: flex;
        position: absolute;
        left: 0;
        align-items: center;
        justify-content: center;
        height: 100%;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar {
        top: 0;
        left: 50%;
        margin-top: 57px;
        margin-bottom: 29px;
        transform: translate(-50%);
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-img figure {
        width: 393px;
        height: 370px;
    }
    #CMD .section__aipt_1 .graph-ladar .ladar-img figure {
        background-image: url("images/ladar.png");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-0 {
        top: -25px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-1 {
        top: 137px;
        margin-left: 199px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-2 {
        top: unset;
        bottom: -25px;
        margin-left: 18px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-3 {
        top: unset;
        bottom: -25px;
        margin-left: -222px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-4 {
        top: 137px;
        margin-left: -404px;
    }
    html #CMD .section__aipt_1 .img__bg {
        margin-top: -14px;
        margin-bottom: -25px;
        margin-left: -650px;
        width: 1300px;
        height: 522px;
        background-size: contain;
    }
    #CMD .section__aipt_1 .img__bg {
        background-image: url("images/aipt_3_bg.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__aipt_2 .grid__table {
        margin-top: 59px;
        width: 546px;
    }
    html #CMD .section__aipt_2 .grid__table .table-col {
        margin-bottom: 35px;
    }
    html #CMD .section__aipt_2 .grid__table .table-col .table-row {
        width: 546px;
        height: auto;
    }
    html #CMD .section__aipt_2 .bar-chart {
        padding: 104px 60px 154px 70px;
        box-sizing: border-box;
        width: 100%;
        height: 546px;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-lines,
    html #CMD .section__aipt_2 .bar-chart .chart-bar {
        top: 0;
        left: 0;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-lines {
        padding: 99px 60px 155px;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-lines .line {
        margin-left: 40px;
        width: calc(100% - 40px);
        height: 1px;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-lines .line.line-0 {
        top: 100%;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-lines .line.line-1 {
        top: 75%;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-lines .line.line-2 {
        top: 50%;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-lines .line.line-3 {
        top: 25%;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-lines .line.line-4 {
        top: 0%;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-lines .line span {
        top: 50%;
        left: -40px;
        font-size: 15px;
        transform: translateY(-50%);
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar {
        bottom: 0;
        width: 33.3%;
        height: 0%;
        max-height: 100%;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-0 {
        left: 0%;
        transition: height 1000ms 0ms;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-1 {
        left: 33.3%;
        transition: height 1000ms 300ms;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-2 {
        left: 66.6%;
        transition: height 1000ms 600ms;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-0 .value-content {
        display: none;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-2 .bar-value .value-content .value-top,
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-2 .bar-value .value-content .value-bottom {
        font-size: 17px;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-2 .bar-value .value-content .value-main {
        margin-bottom: -3px;
        font-size: 36px;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-value {
        left: 35%;
        width: 30%;
        height: 100%;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-value .value-content {
        bottom: 100%;
        left: 50%;
        margin-bottom: 17px;
        margin-left: -60px;
        padding: 0 12px;
        box-sizing: border-box;
        width: 120px;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-value .value-content .value-main {
        font-size: 25px;
        line-height: 1.3;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-value .value-content .value-top,
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-value .value-content .value-bottom {
        font-size: 14px;
        line-height: 1.3;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-key {
        top: 100%;
        margin-top: 21px;
        padding: 0 11px;
        box-sizing: border-box;
        width: 100%;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-key .key-name {
        font-size: 14px;
        line-height: 1.3;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-key .key-mode {
        font-size: 14px;
        line-height: 1.3;
    }
    html #CMD .section__aipt_2 .line-chart {
        padding: 60px;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line,
    html #CMD .section__aipt_2 .line-chart .chart-compare {
        display: inline-block;
        top: 0;
        left: 0;
        box-sizing: border-box;
        width: 100%;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line {
        margin-bottom: 12px;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content {
        margin-bottom: 8px;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content .line-name {
        display: inline-block;
        bottom: 100%;
        left: 0;
        width: 60%;
        font-size: 15px;
        text-align: left;
        vertical-align: bottom;
        line-height: 1.2;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content .line-description {
        display: inline-flex;
        right: 0;
        bottom: 100%;
        align-items: stretch;
        justify-content: right;
        justify-content: flex-end;
        width: 40%;
        text-align: right;
        flex-wrap: nowrap;
        flex-direction: row;
        vertical-align: bottom;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content .line-description .description-text {
        display: inline-flex;
        align-items: flex-end;
        justify-content: center;
        margin-left: 7px;
        font-size: 15px;
        vertical-align: bottom;
        line-height: 1.2;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content .line-description .description-text.text-hl {
        bottom: -6px;
        font-size: 39px;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-graph {
        width: 100%;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-graph .graph-line {
        margin-bottom: 6px;
        height: 15px;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-graph .graph-line.line-1 {
        width: 0%;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-graph .graph-line.line-2 {
        width: 0%;
    }
    html #CMD .section__aipt_2 .line-chart .chart-compare {
        display: flex;
        justify-content: space-between;
        margin-top: 19px;
        flex-direction: row;
        flex-wrap: nowrap;
    }
    html #CMD .section__aipt_2 .line-chart .chart-compare .comapre-item {
        display: inline-block;
        width: auto;
        max-width: 50%;
        vertical-align: top;
    }
    html #CMD .section__aipt_2 .line-chart .chart-compare .comapre-item .item-line {
        width: 53px;
        height: 13px;
    }
    html #CMD .section__aipt_2 .line-chart .chart-compare .comapre-item .item-name {
        margin-top: 7px;
        font-size: 15px;
        text-align: left;
    }
    html #CMD .section__aipt_2 .row-content {
        position: relative;
        top: unset;
        left: unset;
        margin-left: 0;
        padding: 60px 72px;
        box-sizing: border-box;
        width: 100%;
        text-align: left;
        transform: none;
    }
    html #CMD .section__aipt_2 .row-content .content__title {
        margin-top: 0;
        font-size: 36px;
    }
    html #CMD .section__aipt_2 .row-content .content__info {
        margin-top: 13px;
        font-size: 15px;
    }
    html #CMD .section__aipt_2 .row-content .content__info sup.footnote-num {
        top: -0.8em;
        font-size: 0.6em;
    }
    html #CMD .section__aipt_2 .table-col.col-1 .table-row .img__row {
        width: 546px;
        height: 546px;
        background-size: cover;
    }
    html #CMD .section__aipt_2 .table-col.col-3 .table-row .wd__feature__list {
        margin-top: 40px;
        margin-bottom: -33px;
    }
    html #CMD .section__aipt_2 .table-col.col-3 .table-row .img__row {
        width: 546px;
        height: 546px;
        background-size: cover;
    }
    html #CMD .section__aipt_3 {
        padding-top: 80px;
    }
    html #CMD .section__aipt_3 .wd__content .content__slogan {
        width: 80%;
        max-width: 600px;
    }
    html #CMD .section__aipt_3 .wd__content .content__title {
        max-width: 590px;
    }
    html #CMD .section__aipt_3 .wd__content .content__info {
        width: 100%;
    }
    html #CMD .section__aipt_3 .wd__feature__list {
        max-width: 620px;
    }
    html #CMD .section__aipt_3 .img__bg {
        margin-top: -54px;
        margin-bottom: 0;
        margin-left: -650px;
        width: 1300px;
        height: 522px;
        background-size: contain;
    }
    #CMD .section__aipt_3 .img__bg {
        background-image: url("images/aipt_3_bg.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__screenpad_1 {
        margin-top: 0;
        padding-top: 160px;
        padding-bottom: 0;
    }
    html #CMD .section__screenpad_1 .wd__content .content__title {
        width: 90%;
    }
    html #CMD .section__screenpad_1 .wd__content .content__info {
        width: 100%;
        max-width: 782px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 {
        left: 50%;
        margin: -180px 0 0 -650px;
        width: 1300px;
        height: 1053px;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 {
        background-image: url("images/nb.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar {
        position: absolute;
        z-index: 120;
        top: 511px;
        left: 50%;
        opacity: 1;
        margin-left: -600px;
        width: 1200px;
        height: 190px;
        background: linear-gradient(to right, #ebeff2 0%, #bacfea 15%, #bacfea 85%, #ebeff2 100%);
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content {
        opacity: 1;
        margin: 8px auto 0;
        width: 100%;
        max-width: 740px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem {
        margin: 0;
        width: 740px;
        height: 118px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li {
        position: relative;
        cursor: pointer;
        float: left;
        list-style-type: none;
        margin: 10px 6px 0;
        padding-top: 58px;
        width: 80px;
        height: 58px;
        color: #000;
        font-size: 12px;
        transform: translateY(0);
        transition: color 600ms linear, transform 400ms;
        line-height: 18px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li span {
        display: block;
        margin-right: auto;
        margin-left: auto;
        width: 80px;
        text-align: center;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_4 span {
        width: 60px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li.selected {
        color: #000;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li:hover {
        color: #000;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_1:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -35px;
        width: 65px;
        height: 55px;
        background-size: cover;
        content: '';
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_1:before {
        background-image: url("images/icon1.png");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_2:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -35px;
        width: 65px;
        height: 55px;
        background-size: cover;
        content: '';
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_2:before {
        background-image: url("images/icon2.png");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_3:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -35px;
        width: 65px;
        height: 55px;
        background-size: cover;
        content: '';
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_3:before {
        background-image: url("images/icon3.png");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_4:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -35px;
        width: 65px;
        height: 55px;
        background-size: cover;
        content: '';
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_4:before {
        background-image: url("images/icon4.png");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_5:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -35px;
        width: 65px;
        height: 55px;
        background-size: cover;
        content: '';
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_5:before {
        background-image: url("images/icon5.png");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_6:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -35px;
        width: 65px;
        height: 55px;
        background-size: cover;
        content: '';
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_6:before {
        background-image: url("images/icon6.png");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_7:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -35px;
        width: 65px;
        height: 55px;
        background-size: cover;
        content: '';
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_7:before {
        background-image: url("images/icon7.png");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_8:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -35px;
        width: 65px;
        height: 55px;
        background-size: cover;
        content: '';
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_8:before {
        background-image: url("images/icon8.png");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navLine {
        position: relative;
        margin-top: -15px;
        width: 100%;
        max-width: 740px;
        border-bottom: 1px solid #000;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navLine div {
        display: block;
        position: absolute;
        top: -2px;
        left: 0;
        width: 60px;
        height: 2px;
        background: #000;
        transform: translate3d(0, 0, 0);
        transition: transform 200ms ease-in-out;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navText {
        position: relative;
        left: 50%;
        margin-top: 12px;
        margin-left: -295px;
        width: 100%;
        max-width: 590px;
        text-align: center;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navText span {
        font-family: "Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif !important;
        font-weight: 200 !important;
        font-style: normal !important;
        display: block;
        position: absolute;
        right: 0;
        left: 0;
        opacity: 0;
        margin: 0 auto;
        color: #000;
        font-size: 13px;
        transition: opacity 200ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navText span.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen {
        position: absolute;
        z-index: 100;
        top: 255px;
        left: 50%;
        margin-left: -365px;
        width: 740px;
        height: 204px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen::before {
        display: block;
        position: absolute;
        z-index: 999;
        top: -47px;
        left: -18px;
        content: '';
        width: 766px;
        height: 274px;
        background-size: cover;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen:before {
        background-image: url("images/mask.png");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_1 {
        position: absolute;
        top: -2px;
        left: -2px;
        opacity: 0;
        width: 740px;
        height: 204px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_1.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_2 {
        position: absolute;
        top: -2px;
        left: -2px;
        opacity: 0;
        width: 740px;
        height: 204px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_2.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_3 {
        position: absolute;
        top: -2px;
        left: -2px;
        opacity: 0;
        width: 740px;
        height: 204px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_3.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_4 {
        position: absolute;
        top: -2px;
        left: -2px;
        opacity: 0;
        width: 740px;
        height: 204px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_4.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_5 {
        position: absolute;
        top: -2px;
        left: -2px;
        opacity: 0;
        width: 740px;
        height: 204px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_5.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_6 {
        position: absolute;
        top: -2px;
        left: -2px;
        opacity: 0;
        width: 740px;
        height: 204px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_6.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_7 {
        position: absolute;
        top: -2px;
        left: -2px;
        opacity: 0;
        width: 740px;
        height: 204px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_7.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_8 {
        position: absolute;
        top: -2px;
        left: -2px;
        opacity: 0;
        width: 740px;
        height: 204px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_8.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen {
        position: absolute;
        z-index: 100;
        top: 705px;
        left: 50%;
        margin-left: -131px;
        width: 262px;
        height: 124px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen::before {
        display: block;
        position: absolute;
        z-index: 999;
        top: -2px;
        left: -7px;
        content: '';
        width: 275px;
        height: 130px;
        background-size: cover;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen:before {
        background-image: url("images/mask_pad.png");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_1 {
        position: absolute;
        z-index: 100;
        left: 0;
        opacity: 0;
        width: 262px;
        height: 124px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_1.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_2 {
        position: absolute;
        z-index: 100;
        left: 0;
        opacity: 0;
        width: 262px;
        height: 124px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_2.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_3 {
        position: absolute;
        z-index: 100;
        left: 0;
        opacity: 0;
        width: 262px;
        height: 124px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_3.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_4 {
        position: absolute;
        z-index: 100;
        left: 0;
        opacity: 0;
        width: 262px;
        height: 124px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_4.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_5 {
        position: absolute;
        z-index: 100;
        left: 0;
        opacity: 0;
        width: 262px;
        height: 124px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_5.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_6 {
        position: absolute;
        z-index: 100;
        left: 0;
        opacity: 0;
        width: 262px;
        height: 124px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_6.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_7 {
        position: absolute;
        z-index: 100;
        left: 0;
        opacity: 0;
        width: 262px;
        height: 124px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_7.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_8 {
        position: absolute;
        z-index: 100;
        left: 0;
        opacity: 0;
        width: 262px;
        height: 124px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_8.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1.active .controllBar {
        opacity: 1;
        transform: scale(1, 1);
    }
    html #CMD .section__screenpad_1 .img__screenpad_1.active .controllBar .cb__content {
        opacity: 1;
    }
    html #CMD .section__screenpad_2 {
        margin-top: -54px;
        padding-top: 0;
        padding-bottom: 0;
    }
    html #CMD .section__screenpad_2 .wd__content .content__info {
        width: 100%;
        max-width: 747px;
    }
    html #CMD .section__screenpad_2 .img__screenpad_2 {
        left: 50%;
        margin: 6px 0 0 -622px;
        width: 1244px;
        height: 632px;
    }
    #CMD .section__screenpad_2 .img__screenpad_2 {
        background-image: url("images/s_screenpad_2.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__noise {
        padding-top: 130px;
        padding-bottom: 74px;
    }
    html #CMD .section__noise .wd__content .content__title {
        max-width: 760px !important;
    }
    html #CMD .section__noise .wd__content .content__info {
        width: 100%;
    }
    html #CMD .section__noise .sub__content {
        margin-top: 40px;
        margin-right: auto;
        margin-left: auto;
        width: 79%;
    }
    html #CMD .section__noise .sub__content .content__title {
        font-size: 22px;
    }
    html #CMD .section__noise .sub__content .content__info {
        margin-top: 8px;
        font-size: 20px;
    }
    html #CMD .section__noise .nav__noise {
        margin-top: 40px;
    }
    html #CMD .section__noise .nav__noise .nav__item {
        margin: 0 9px;
        padding: 13px 10px;
        width: 200px;
        border-width: 3px;
        border-radius: 20px;
    }
    html #CMD .section__noise .nav__noise .nav__item .nav__content .img__icon {
        display: inline-block;
        margin-right: 8px;
        width: 45px;
        height: 45px;
    }
    html #CMD .section__noise .nav__noise .nav__item .nav__content .nav__text {
        display: inline-block;
        width: 130px;
    }
    html #CMD .section__noise .nav__noise .nav__item .nav__content .nav__text .content__title {
        font-size: 20px;
    }
    html #CMD .section__noise .nav__noise .nav__item .nav__content .nav__text .content__info {
        font-size: 15px;
    }
    html #CMD .section__noise .noise__switcher {
        margin-top: 50px;
    }
    html #CMD .section__noise .img__noise {
        margin-top: -23px;
        transform: scale(0.65);
    }
    html #CMD .section__noise .modal-button-container {
        margin-top: -40px;
    }
    html #CMD .section__inner__noise {
        padding-top: 80px;
        background: #2a2a2a;
    }
    html #CMD .section__inner__noise .wd__content .content__info {
        width: 87% !important;
        max-width: 760px !important;
    }
    html #CMD .section__inner__noise .noise__switcher {
        margin-top: 40px;
    }
    html #CMD .section__inner__noise .img__inner__noise {
        margin-top: -170px;
        margin-bottom: 0;
        transform: scale(0.62);
    }
    html #CMD .section__comment {
        margin-top: -20px;
        padding-top: 0;
        padding-bottom: 67px;
    }
    html #CMD .section__comment .footnotes ul.footnote li {
        color: #999;
    }
    html #CMD .inner-view {
        background: #333;
    }
    html #CMD .inner-view .inner-modal {
        padding-bottom: 0;
    }
    html #CMD .inner-view .inner-view-container {
        position: relative;
        margin-right: auto;
        margin-left: auto;
        max-width: 2560px;
        background: #444bb5;
    }
    html #CMD .inner-view .inner-view-container .wd__section .wd__content {
        width: 85%;
        max-width: 760px;
    }
    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan {
        text-align: center;
        color: #333;
    }
    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title {
        font-size: 27px;
    }
    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__info {
        width: 100%;
        margin-top: 14px;
    }
    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan::before,
    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan::after,
    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title::before,
    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title::after {
        display: none;
    }
    html #CMD .inner-view .section__btn__home::before {
        background: none;
    }
    html #CMD .inner-view .icon {
        margin-top: -10px;
        margin-bottom: 10px;
        width: 62px;
        height: 62px;
        background-size: contain;
    }
    html #CMD #section__inner2_1 {
        padding-top: 80px;
        padding-bottom: 160px;
    }
    html #CMD #section__inner2_1 .wd__content {
        width: 80%;
        max-width: 720px;
    }
    html #CMD #section__inner2_1 .img__inner2_1 {
        margin-top: -129px;
        transform: scale(0.7);
    }
    html #CMD #section__inner2_1 .img__inner2_1 .img__interface {
        background-image: url("images/interface.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner2_1 .img__inner2_1 .img__toolbar {
        background-image: url("images/toolbar.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner2_1 .compare {
        position: relative;
        margin: -73px auto 0;
        width: 720px;
    }
    html #CMD #section__inner2_1 .compare .img__compare-1,
    html #CMD #section__inner2_1 .compare .img__compare-2 {
        display: inline-block;
        position: relative;
        width: 354px;
        height: 280px;
        background-size: contain;
    }
    html #CMD #section__inner2_1 .compare .img__compare-1 .compare-text,
    html #CMD #section__inner2_1 .compare .img__compare-2 .compare-text {
        position: absolute;
        top: -14px;
        left: 50%;
        margin-left: -150px;
        width: 300px;
        font-size: 22px;
    }
    html #CMD #section__inner3_1 {
        margin-top: 0;
        padding-top: 80px;
        padding-bottom: 125px;
    }
    html #CMD #section__inner3_1 .wd__content {
        position: relative;
    }
    html #CMD #section__inner3_1 .wd__content .content__title {
        color: #fff;
    }
    html #CMD #section__inner3_1 .wd__content .content__info {
        max-width: 740px;
        color: #fff;
    }
    html #CMD #section__inner3_1 .wd__feature__list {
        margin-top: 35px;
    }
    html #CMD #section__inner3_1 .wd__feature__list .wd__feature {
        margin: 0 25px 25px;
    }
    html #CMD #section__inner3_1 .img__inner3_1 {
        position: relative;
        left: 50%;
        margin-top: -99px;
        margin-left: -640px;
        width: 1280px;
        height: 626px;
    }
    #CMD #section__inner3_1 .img__inner3_1 {
        background-image: url("images/01_bg.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner7_1 {
        padding-top: 80px;
        padding-bottom: 70px;
        background: #0a0f13 !important;
    }
    html #CMD #section__inner7_1 .wd__content {
        position: relative;
        width: 100%;
        left: 0;
        margin-top: 0;
        margin-left: auto;
    }
    html #CMD #section__inner7_1 .wd__content .content__title {
        color: #fff;
    }
    html #CMD #section__inner7_1 .wd__content .content__info {
        color: #fff;
        width: 81%;
        max-width: 700px;
    }
    html #CMD #section__inner7_1 .wd__feature__list {
        margin-top: 53px;
    }
    html #CMD #section__inner7_1 .wd__feature__list .wd__feature {
        margin-right: 10px;
        margin-left: 10px;
        vertical-align: bottom;
    }
    html #CMD #section__inner7_1 .wd__feature__list .wd__feature .img__icon {
        width: 70px;
        height: 44px;
    }
    html #CMD #section__inner7_1 .img__inner7_1 {
        position: relative;
        left: 50%;
        margin-top: 40px;
        margin-left: -640px;
        width: 1280px;
        height: 526px;
    }
    #CMD #section__inner7_1 .img__inner7_1 {
        background-image: url("images/01_bg.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner7_2 {
        padding-top: 80px;
        padding-bottom: 70px;
        background: #0a0f13 !important;
    }
    html #CMD #section__inner7_2 .wd__content {
        position: relative;
        width: 100%;
        left: 0;
        margin-left: auto;
    }
    html #CMD #section__inner7_2 .wd__content .content__title {
        color: #fff;
    }
    html #CMD #section__inner7_2 .wd__content .content__info {
        color: #fff;
        width: 81%;
        max-width: 700px;
    }
    html #CMD #section__inner7_2 .wd__feature__list {
        margin-top: 53px;
    }
    html #CMD #section__inner7_2 .wd__feature__list .wd__feature {
        margin-right: 10px;
        margin-left: 10px;
    }
    html #CMD #section__inner7_2 .wd__feature__list .wd__feature .img__icon {
        width: 66px;
        height: 56px;
    }
    html #CMD #section__inner7_2 .img__inner7_2 {
        position: relative;
        left: 50%;
        margin-top: -220px;
        margin-left: -594px;
        width: 1280px;
        height: 677px;
    }
    #CMD #section__inner7_2 .img__inner7_2 {
        background-image: url("images/02_bg.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner8_1 {
        overflow: hidden;
        padding-top: 80px;
        padding-bottom: 0;
        background: #0a0f15;
    }
    html #CMD #section__inner8_1 .wd__content {
        position: relative;
        width: 100%;
        left: 0;
        margin-left: auto;
    }
    html #CMD #section__inner8_1 .wd__content .content__title {
        color: #fff;
        width: 640px;
    }
    html #CMD #section__inner8_1 .wd__content .content__info {
        width: 83%;
        max-width: 760px;
        color: #fff;
    }
    html #CMD #section__inner8_1 .wd__feature__list {
        margin-top: 50px;
        margin-right: auto;
        margin-left: auto;
        width: 650px;
    }
    html #CMD #section__inner8_1 .wd__feature__list .wd__feature {
        margin: 0 20px 50px;
    }
    html #CMD #section__inner8_1 .wd__feature__list .wd__feature.feature-1 {
        width: 152px;
    }
    html #CMD #section__inner8_1 .wd__feature__list .wd__feature.feature-2,
    html #CMD #section__inner8_1 .wd__feature__list .wd__feature.feature-3 {
        width: 178px;
    }
    html #CMD #section__inner8_1 .img__inner8_1 {
        position: relative;
        left: 50%;
        margin-top: 31px;
        margin-bottom: 0;
        margin-left: -640px;
        width: 1280px;
        height: 614px;
    }
    #CMD #section__inner8_1 .img__inner8_1 {
        background-image: url("images/01_bg.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner8_2 {
        overflow: hidden;
        margin-top: -53px;
        padding-top: 10px;
        padding-bottom: 20px;
    }
    html #CMD #section__inner8_2 .wd__content {
        position: relative;
        left: 0%;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    html #CMD #section__inner8_2 .wd__content .content__title {
        width: 88%;
        color: #fff;
    }
    html #CMD #section__inner8_2 .wd__content .content__info {
        width: 82%;
        max-width: 800px;
        color: #fff;
    }
    html #CMD #section__inner8_2 .wd__content .content__comment {
        width: 610px;
    }
    html #CMD #section__inner8_2 .img__inner8_2 {
        position: relative;
        left: 50%;
        margin-top: -158px;
        margin-bottom: 5px;
        margin-left: -640px;
        width: 1280px;
        height: 812px;
    }
    #CMD #section__inner8_2 .img__inner8_2 {
        background-image: url("images/02_bg.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner9_1 {
        overflow: hidden;
        padding-top: 80px;
        background: transparent;
    }
    html #CMD #section__inner9_1 .wd__content {
        position: relative;
        left: 0%;
        width: 85%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
    }
    html #CMD #section__inner9_1 .wd__content .content__title {
        color: #fff;
    }
    html #CMD #section__inner9_1 .wd__content .content__info {
        color: #fff;
    }
    html #CMD #section__inner9_1 .img__inner9_1 {
        position: relative;
        left: 50%;
        margin-top: -98px;
        margin-bottom: 0;
        margin-left: -640px;
        width: 1280px;
        height: 911px;
    }
    #CMD #section__inner9_1 .img__inner9_1 {
        background-image: url("images/01_bg.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner9_2 {
        overflow: hidden;
        padding-top: 50px;
        padding-bottom: 150px;
        background: #020104;
    }
    html #CMD #section__inner9_2 .wd__content .content__title {
        color: #fff;
    }
    html #CMD #section__inner9_2 .wd__content .content__info {
        color: #fff;
    }
    html #CMD #section__inner9_2 .img__inner9_2 {
        position: relative;
        left: 50%;
        margin-top: -150px;
        margin-bottom: -162px;
        margin-left: -640px;
        width: 1280px;
        height: 737px;
    }
    #CMD .section__inner9_2 .img__inner9_2 {
        background-image: url("images/02_bg.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner9_2 .img__inner9_2 #video-s9i2-big {
        top: 221px;
        left: 24px;
        width: 413px;
        height: 231px;
    }
    html #CMD #section__inner9_2 .img__inner9_2 #video-s9i2-small {
        top: 295px;
        left: 13px;
        width: 254px;
        height: 160px;
    }
    html #CMD .section__adobeBanner {
        overflow: hidden;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    html #CMD .section__adobeBanner .banner__container .banner__item {
        min-height: 486px;
    }
    html #CMD .section__adobeBanner .banner__container .wd__content {
        top: 0;
        padding-top: 89px;
        padding-bottom: 60px;
    }
    html #CMD .section__adobeBanner .banner__container .img__main {
        left: 50%;
        margin-top: -353px;
        margin-left: -650px;
        width: 1300px;
        height: 894px;
    }
    #CMD .section__adobeBanner .img__main {
        background-image: url("images/adobe_banner_creativecloud.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__adobeBanner+.section__comment {
        position: relative;
        z-index: 9;
        margin-top: -1px;
        padding-top: 33px;
    }
    html #CMD .wd__section .wd__link__arrow::after {
        padding-left: 5px;
    }
    #CMD .section__oled_eyeCare .img__oled_eyeCare {
        background-image: url("images/s5.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .section__oled_eyeCare .img__lcd {
        background-image: url("images/img_lcd.png");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .section__oled_eyeCare .img__oled {
        background-image: url("images/img_oled.png");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .section__oled_eyeCare .img__line {
        background-image: url("images/img_line.png");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .section__oled_eyeCare .img__arrow {
        background-image: url("images/img_arrow.png");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__oled_eyeCare .img__arrow {
        background-image: url("images/img_arrow.webp");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__oled_eyeCare .img__arrow {
        background-image: url("images/img_arrow.png");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__oled_menu {
        display: inline-block;
        padding-top: 80px;
        padding-bottom: 0;
    }
    html #CMD .section__oled_menu .wd__content {
        width: 94%;
    }
    html #CMD .section__oled_menu .product_list {
        padding-top: 34px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-1 .product-img {
        width: 365px;
        height: 250px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-1 .product-img .img {
        width: 365px;
        height: 250px;
    }
    #CMD .section__oled_menu .product_list .s2-1 .img {
        background-image: url("images/s2_1.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__oled_menu .product_list .product.s2-5 {
        width: 730px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-5 .product-img {
        width: 730px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-5 .product-img .img {
        width: 730px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-2 .product-img {
        width: 365px;
        height: 250px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-2 .product-img .img {
        width: 365px;
        height: 250px;
    }
    #CMD .section__oled_menu .product_list .s2-2 .img {
        background-image: url("images/s2_2.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__oled_menu .product_list .product.s2-5 {
        width: 730px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-5 .product-img {
        width: 730px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-5 .product-img .img {
        width: 730px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-3 .product-img {
        width: 365px;
        height: 250px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-3 .product-img .img {
        width: 365px;
        height: 250px;
    }
    #CMD .section__oled_menu .product_list .s2-3 .img {
        background-image: url("images/s2_3.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__oled_menu .product_list .product.s2-5 {
        width: 730px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-5 .product-img {
        width: 730px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-5 .product-img .img {
        width: 730px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-4 .product-img {
        width: 365px;
        height: 250px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-4 .product-img .img {
        width: 365px;
        height: 250px;
    }
    #CMD .section__oled_menu .product_list .s2-4 .img {
        background-image: url("images/s2_4.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__oled_menu .product_list .product.s2-5 {
        width: 730px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-5 .product-img {
        width: 730px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-5 .product-img .img {
        width: 730px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-5 .product-img {
        width: 365px;
        height: 250px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-5 .product-img .img {
        width: 365px;
        height: 250px;
    }
    #CMD .section__oled_menu .product_list .s2-5 .img {
        background-image: url("images/s2_5.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__oled_menu .product_list .product.s2-5 {
        width: 730px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-5 .product-img {
        width: 730px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-5 .product-img .img {
        width: 730px;
    }
    html #CMD .kv__table {
        margin-top: 150px;
        margin-left: -377px;
        width: 750px;
        transform: none;
    }
    html #CMD .kv__table .table-container .table-item {
        padding: 38px 22px 25px;
    }
    html #CMD .kv__table .table-container .table-item .item-title {
        overflow: unset;
        margin-bottom: 16px;
        padding-bottom: 34px;
        height: 62px;
        text-align: center;
        text-overflow: unset;
        white-space: unset;
    }
    html #CMD .kv__table .table-container .table-item .item-title::after {
        height: 2px;
    }
    html #CMD .kv__table .table-container .table-item .item-rows {
        margin-top: -14px;
    }
    html #CMD .kv__table .table-container .table-item .item-rows .row-item {
        font-size: 20px;
        text-align: center;
    }
    html #CMD .kv__table .table-container .table-item .item-rows .row-item .item-text {
        padding: 12px 0;
        width: 100%;
    }
    html #CMD .kv__table .table-container .table-item .item-rows .row-item::after {
        height: 1px;
    }
    html #CMD .kv__table .table-container .table-item .item-rows .row-item span {
        margin: 3px 0;
    }
    html #CMD .kv__table .table-container .table-item.item-name {
        width: 120px;
        min-width: unset;
    }
    html #CMD .kv__table .table-container .table-item.item-name .item-title {
        max-width: 350px;
        font-size: 30px;
    }
    html #CMD .kv__table .table-container .table-item.item-name .row-item .item-text {
        text-align: left;
    }
    html #CMD .kv__table .table-container .table-item.item-main {
        width: 340px;
        min-width: unset;
    }
    html #CMD .kv__table .table-container .table-item.item-main::before {
        border-radius: 5px;
    }
    html #CMD .kv__table .table-container .table-item.item-main .item-title {
        max-width: 600px;
        font-size: 30px;
    }
    html #CMD .kv__table .table-container .table-item.item-sub {
        width: 158px;
        min-width: unset;
    }
    html #CMD .kv__table .table-container .table-item.item-sub::before {
        bottom: 2%;
        left: -2%;
        width: 104%;
        height: 96%;
    }
    html #CMD .kv__table .table-container .table-item.item-sub .item-title {
        padding-bottom: 29px;
        max-width: 400px;
        font-size: 24px;
    }
    html #CMD .oled__video {
        margin: 125px auto 0;
        width: 706px;
        height: 360px;
    }
    html #CMD .oled__video .img__oled-video {
        width: 706px;
        height: 360px;
        background-size: contain;
    }
    html #CMD .oled__video .img__oled-play {
        width: 60px;
        height: 60px;
        background-size: contain;
    }
    html #CMD .section__oled_color {
        overflow: hidden;
        margin-top: 0;
        margin-bottom: -17px;
        padding-top: 140px;
        padding-bottom: 0;
    }
    html #CMD .section__oled_color .wd__content .content__title {
        width: 100%;
    }
    html #CMD .section__oled_color .wd__content .content__info {
        max-width: 780px;
    }
    html #CMD .section__oled_color .bottom-content .content__info {
        margin-top: 80px;
    }
    html #CMD .section__oled_color .wd__feature__list {
        margin-right: auto;
        margin-left: auto;
        max-width: 500px;
    }
    html #CMD .section__oled_color .wd__feature__list .wd__feature {
        vertical-align: bottom;
    }
    html #CMD .section__oled_color .img__icon4 {
        margin-top: 15px;
        margin-bottom: 8px;
        width: 46px;
        height: 63px;
    }
    html #CMD .section__oled_color .compare__animation {
        position: relative;
        margin-top: 20px;
    }
    html #CMD .section__oled_color .compare__animation .twentytwenty {
        width: 730px;
    }
    html #CMD .section__oled_color .compare__animation .twentytwenty .img {
        width: 730px;
        height: 346px;
    }
    #CMD .section__oled_color .img__before {
        background-image: url("images/beforee.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .section__oled_color .img__after {
        background-image: url("images/after.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__oled_color .compare__animation .twentytwenty span {
        font-size: 17px;
    }
    html #CMD .section__oled_color .compare__animation .twentytwenty span.textLeft1 {
        top: 7px;
        left: 15px;
        font-size: 32px;
    }
    html #CMD .section__oled_color .compare__animation .twentytwenty span.textLeft2 {
        top: 47px;
        left: 7px;
    }
    html #CMD .section__oled_color .compare__animation .twentytwenty span.textRight1 {
        top: 7px;
        right: 15px;
        font-size: 32px;
    }
    html #CMD .section__oled_color .compare__animation .twentytwenty span.textRight2 {
        top: 47px;
        right: 15px;
    }
    html #CMD .section__oled_color .chart-container {
        margin-top: 30px;
        margin-left: -353px;
        width: 730px;
    }
    html #CMD .section__oled_color .chart-container .img__main-1 {
        width: 730px;
        height: 294px;
    }
    #CMD .section__oled_color .img__main-1 {
        background-image: url("images/01-bg.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__oled_color .chart-container .chart-content {
        height: 294px;
    }
    html #CMD .section__oled_color .chart-container .chart-content .content-row-x .row-item {
        top: 264px;
    }
    html #CMD .section__oled_color .chart-container .chart-content .content-row-x .row-item.item-0 {
        margin-left: -282px;
    }
    html #CMD .section__oled_color .chart-container .chart-content .content-row-x .row-item.item-1 {
        margin-left: -217px;
    }
    html #CMD .section__oled_color .chart-container .chart-content .content-row-x .row-item.item-2 {
        margin-left: -86px;
    }
    html #CMD .section__oled_color .chart-container .chart-content .content-row-x .row-item.item-3 {
        margin-left: 47px;
    }
    html #CMD .section__oled_color .chart-container .chart-content .content-row-x .row-item.item-4 {
        margin-left: 179px;
    }
    html #CMD .section__oled_color .chart-container .chart-content .content-row-y .row-item {
        left: 81px;
    }
    html #CMD .section__oled_color .chart-container .chart-content .content-row-y .row-item.item-0 {
        top: 40px;
    }
    html #CMD .section__oled_color .chart-container .chart-content .content-row-y .row-item.item-1 {
        top: 129px;
    }
    html #CMD .section__oled_color .chart-container .chart-content .content-value .row-item {
        top: 66px;
        left: 146px;
    }
    html #CMD .section__oled_color .chart-disclaimer {
        margin-top: 6px;
    }
    html #CMD .section__oled_color .chart-brightness {
        left: 50%;
        margin-top: 44px;
        margin-left: -384px;
        width: 768px;
    }
    html #CMD .section__oled_color .chart-brightness .img__brightness {
        position: relative;
        width: 768px;
        height: 294px;
    }
    #CMD .section__oled_color .chart-brightness .img__brightness {
        background-image: url("images/chart.png");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__oled_color .chart-brightness .chart-content .chart-name {
        bottom: 237px;
        margin-left: 0;
        font-size: 18px;
    }
    html #CMD .section__oled_color .chart-brightness .chart-content .arrow {
        bottom: 261px;
        font-size: 18px;
    }
    html #CMD .section__oled_color .chart-brightness .chart-content .arrow.arrow-left {
        left: 43px;
    }
    html #CMD .section__oled_color .chart-brightness .chart-content .arrow.arrow-right {
        right: 43px;
    }
    html #CMD .section__oled_color .chart-content .content-row.content-row-x .row-item .item-info .info-name {
        font-size: 16px;
    }
    html #CMD .section__oled_color .chart-content .content-row.content-value .row-item .item-info .info-name {
        font-size: 16px;
    }
    html #CMD .section__oled_eyeCare {
        margin-bottom: -9px;
        padding-top: 140px;
        padding-bottom: 0;
    }
    html #CMD .section__oled_eyeCare .wd__content {
        width: 86%;
    }
    html #CMD .section__oled_eyeCare .wd__content .content__info {
        width: 95%;
        max-width: 790px;
    }
    html #CMD .section__oled_eyeCare .wd__feature__list .wd__feature {
        margin-right: 20px;
        margin-left: 20px;
    }
    html #CMD .section__oled_eyeCare .img__oled_eyeCare {
        margin-top: 0;
        margin-left: -473px;
        transform: scale(0.84);
    }
    html #CMD .section__oled_eyeCare .img__oled_eyeCare span.text1 {
        top: -8px;
        left: 202px;
        width: 110px;
        font-size: 21px;
    }
    html #CMD .section__oled_eyeCare .img__oled_eyeCare span.text2 {
        top: 245px;
        left: 13px;
        width: 150px;
        font-size: 19px;
    }
    html #CMD .section__oled_eyeCare .img__oled_eyeCare span.text3 {
        top: 311px;
        left: 13px;
        width: 150px;
        font-size: 19px;
    }
    html #CMD .section__oled_eyeCare .img__oled_eyeCare span.text4 {
        top: 84px;
        left: 350px;
        font-size: 27px;
    }
    html #CMD .section__oled_eyeCare .modal-button-container {
        margin-top: -11px;
    }
    html #CMD .section__oled_childEyeCare {
        padding-top: 140px;
        padding-bottom: 0;
    }
    html #CMD .section__oled_childEyeCare .wd__content {
        width: 92%;
    }
    html #CMD .section__oled_childEyeCare .wd__content .content__info {
        width: 90%;
        max-width: 750px;
        min-height: unset;
    }
    html #CMD .section__oled_childEyeCare .img__oled_childEyeCare {
        position: relative;
        left: 50%;
        margin-top: 35px;
        margin-left: -315px;
        width: 710px;
        height: 620px;
    }
    #CMD .section__oled_childEyeCare .img__oled_childEyeCare {
        background-image: url("images/s6\ \(1\).jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__oled_childEyeCare .img__chart {
        margin-top: 48px;
        margin-bottom: 30px;
        margin-left: -354px;
        width: 730px;
        height: 310px;
    }
    #CMD .section__oled_childEyeCare .img__chart {
        background-image: url("../images/medium/1x/oled/inner/s6/01-bg.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__oled_childEyeCare .img__chart .chart-content {
        margin-left: -300px;
        height: 350px;
    }
    html #CMD .section__oled_childEyeCare .img__chart .chart-content .chart-name {
        font-size: 14px;
    }
    html #CMD .section__oled_childEyeCare .img__chart .chart-content .chart-name.name-x {
        bottom: 348px;
        margin-left: -307px;
        width: 120px;
    }
    html #CMD .section__oled_childEyeCare .img__chart .chart-content .chart-name.name-y {
        top: 307px;
        margin-left: 102px;
    }
    html #CMD .section__oled_childEyeCare .img__chart .chart-content .chart-hl {
        bottom: 286px;
        margin-left: -162px;
        width: 80px;
        font-size: 18px;
        line-height: 1.3;
    }
    html #CMD .section__oled_childEyeCare .img__chart .line-content {
        height: 350px;
    }
    html #CMD .section__oled_childEyeCare .img__chart .line-content .line {
        right: 13px;
        font-size: 23px;
    }
    html #CMD .section__oled_childEyeCare .img__chart .line-content .line.line-0 {
        bottom: 293px;
    }
    html #CMD .section__oled_childEyeCare .img__chart .line-content .line.line-1 {
        top: 90px;
    }
    html #CMD .section__oled_childEyeCare .contnet-from .from-text {
        font-size: 15px;
    }
    html #CMD .section__oled_3Dcolor-2 {
        padding-top: 140px;
        padding-bottom: 0;
    }
    html #CMD .section__oled_3Dcolor-2 .wd__content .content__title {
        max-width: 540px;
    }
    html #CMD .section__oled_3Dcolor-2 .wd__content .content__info {
        max-width: 750px;
    }
    html #CMD .section__oled_3Dcolor-2 .compare__animation {
        position: relative;
        margin-top: 84px;
    }
    html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty {
        width: 730px;
    }
    html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty .img {
        width: 730px;
        height: 346px;
    }
    #CMD .section__oled_3Dcolor-2 .img__before {
        background-image: url("../images/medium/1x/oled/animation/s7/before.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .section__oled_3Dcolor-2 .img__after {
        background-image: url("../images/medium/1x/oled/animation/s7/after.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty span {
        font-size: 17px;
    }
    html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty span.textLeft1 {
        top: 7px;
        left: 13px;
        font-size: 30px;
    }
    html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty span.textLeft2 {
        top: 46px;
        left: 12px;
    }
    html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty span.textRight1 {
        top: 7px;
        right: 12px;
        font-size: 30px;
    }
    html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty span.textRight2 {
        top: 46px;
        right: 11px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container {
        margin-top: 42px;
        margin-left: -355px;
        width: 730px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .img__main {
        width: 730px;
        height: 294px;
    }
    #CMD .section__oled_3Dcolor-2 .img__main {
        background-image: url("../images/medium/1x/oled/inner/s7/02-bg.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content {
        height: 294px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-x .row-item {
        top: 256px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-x .row-item.item-0 {
        margin-left: -307px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-x .row-item.item-1 {
        margin-left: -195px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-x .row-item.item-2 {
        margin-left: -63px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-x .row-item.item-3 {
        margin-left: 70px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-x .row-item.item-4 {
        margin-left: 202px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-y .row-item {
        left: 81px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-y .row-item.item-0 {
        top: 33px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-y .row-item.item-1 {
        top: 187px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-y .row-item.item-0 .item-container .data-0 {
        top: -4px;
        left: 122px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-y .row-item.item-1 .item-container .data-0 {
        top: -34px;
        left: 84px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-y .row-item.item-1 .item-container .data-1 {
        top: -47px;
        left: 205px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-y .row-item.item-1 .item-container .data-2 {
        top: -125px;
        left: 366px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-y .row-item.item-1 .item-container .data-3 {
        top: -125px;
        left: 500px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-disclaimer {
        margin-top: 14px;
    }
    html #CMD .section__oled_contrast {
        margin-bottom: -8px;
        padding-top: 140px;
        padding-bottom: 0;
    }
    html #CMD .section__oled_contrast .wd__content {
        width: 89%;
    }
    html #CMD .section__oled_contrast .wd__content .content__info {
        max-width: 800px;
    }
    html #CMD .section__oled_contrast .img__icon4 {
        left: 50%;
        margin-top: 13px;
        margin-left: -51px;
        width: 102px;
        height: 151px;
        background-size: contain;
    }
    html #CMD .section__oled_contrast .compare__animation {
        margin-top: 15px;
    }
    html #CMD .section__oled_contrast .compare__animation .twentytwenty {
        width: 730px;
    }
    html #CMD .section__oled_contrast .compare__animation .twentytwenty .img {
        width: 730px;
        height: 346px;
    }
    #CMD .section__oled_contrast .img__before {
        background-image: url("../images/medium/1x/oled/animation/s8/before.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .section__oled_contrast .img__after {
        background-image: url("../images/medium/1x/oled/animation/s8/after.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__oled_contrast .compare__animation .twentytwenty span {
        font-size: 17px;
    }
    html #CMD .section__oled_contrast .compare__animation .twentytwenty span.textLeft1 {
        top: 7px;
        left: 13px;
        font-size: 30px;
    }
    html #CMD .section__oled_contrast .compare__animation .twentytwenty span.textRight1 {
        top: 7px;
        right: 12px;
        font-size: 30px;
    }
    html #CMD .section__oled_contrast .modal-button-container {
        margin-top: 57px;
    }
    html #CMD .section__oled_responseTime {
        padding-top: 140px;
        padding-bottom: 80px;
    }
    html #CMD .section__oled_responseTime .wd__content .content__title {
        max-width: 630px;
    }
    html #CMD .section__oled_responseTime .compare-content {
        margin-top: 40px;
    }
    html #CMD .section__oled_responseTime .compare-content .img__compare__left,
    html #CMD .section__oled_responseTime .compare-content .img__compare__right {
        margin: 0 5px;
        width: 355px;
        height: 200px;
    }
    html #CMD .section__oled_responseTime .compare-content .img__compare__left video,
    html #CMD .section__oled_responseTime .compare-content .img__compare__right video {
        padding: 0;
        width: 355px;
        height: 200px;
    }
    html #CMD .section__oled_responseTime .compare-content .img__compare__left .text-describe,
    html #CMD .section__oled_responseTime .compare-content .img__compare__right .text-describe {
        bottom: 11px;
        font-size: 18px;
    }
    html #CMD .section__oled_responseTime .compare-content .img__compare__left .text-describe.text__compare__left,
    html #CMD .section__oled_responseTime .compare-content .img__compare__right .text-describe.text__compare__left {
        margin-left: -108px;
    }
    html #CMD .section__oled_responseTime .compare-content .img__compare__left .text-describe.text__compare__right,
    html #CMD .section__oled_responseTime .compare-content .img__compare__right .text-describe.text__compare__right {
        margin-left: -98px;
    }
    html #CMD .inner-view {
        background: #333;
    }
    html #CMD .inner-view .inner-modal {
        padding-bottom: 0;
    }
    html #CMD .inner-view .inner-view-container .innerOledTemplate .wd__section .wd__content .content__title {
        font-size: 27px;
    }
    html #CMD .inner-view .inner-view-container .innerOledTemplate .wd__section .wd__content .content__slogan::before,
    html #CMD .inner-view .inner-view-container .innerOledTemplate .wd__section .wd__content .content__slogan::after,
    html #CMD .inner-view .inner-view-container .innerOledTemplate .wd__section .wd__content .content__title::before,
    html #CMD .inner-view .inner-view-container .innerOledTemplate .wd__section .wd__content .content__title::after {
        display: none;
    }
    html #CMD .inner-view .section__btn__home::before {
        background: none;
    }
    html #CMD .inner-view .icon {
        margin-top: -10px;
        margin-bottom: 10px;
        width: 62px;
        height: 62px;
        background-size: contain;
    }
    html #CMD .section__oled_harmful {
        padding-top: 80px;
    }
    html #CMD .section__oled_harmful .wd__content {
        width: 90%;
        max-width: 678px;
    }
    html #CMD .section__oled_harmful .img__main {
        margin-top: 17px;
        margin-left: -365px;
        padding-bottom: 20px;
        width: 730px;
        height: 364px;
        background-position: top;
        background-size: contain;
    }
    #CMD .section__oled_harmful .img__main {
        background-image: url("../images/medium/1x/oled/inner/s5/01-bg.png");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__oled_harmful .img__main .bar {
        top: 292px;
        line-height: 1.2;
    }
    html #CMD .section__oled_harmful .img__main .bar .bar-info {
        top: -168px;
    }
    html #CMD .section__oled_harmful .img__main .bar.bar-0 {
        margin-left: -197px;
    }
    html #CMD .section__oled_harmful .img__main .bar.bar-1 {
        margin-left: -99px;
    }
    html #CMD .section__oled_harmful .img__main .bar.bar-2 {
        margin-left: 1px;
    }
    html #CMD .section__oled_harmful .img__main .bar.bar-3 {
        margin-left: 99px;
    }
    html #CMD .section__oled_harmful .chart-content .content-title {
        bottom: -1px;
        margin-left: -200px;
        width: 400px;
        font-size: 15px;
    }
    html #CMD .section__oled_harmful .chart-content .contnet-from {
        left: 50%;
        margin-left: -300px;
        width: 600px;
    }
    html #CMD .section__oled_harmful .chart-content .contnet-from .from-text {
        font-size: 15px;
    }
    html #CMD .section__oled_blue_light {
        padding-top: 79px;
        padding-bottom: 210px;
    }
    html #CMD .section__oled_blue_light .wd__content {
        width: 90%;
        max-width: 690px;
    }
    html #CMD .section__oled_blue_light .img__main {
        margin-top: 44px;
        margin-left: -365px;
        padding-bottom: 20px;
        width: 730px;
        height: 364px;
        background-position: top;
        background-size: contain;
    }
    #CMD .section__oled_blue_light .img__main {
        background-image: url("../images/medium/1x/oled/inner/s5/02-bg.png");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__oled_blue_light .img__main .wave {
        top: 304px;
    }
    html #CMD .section__oled_blue_light .img__main .wave .wave-info {
        top: -292px;
    }
    html #CMD .section__oled_blue_light .img__main .wave .wave-info .wave-value {
        font-size: 30px;
    }
    html #CMD .section__oled_blue_light .img__main .wave .wave-info .wave-unit {
        top: -4px;
        padding-left: 2px;
        font-size: 14px;
    }
    html #CMD .section__oled_blue_light .img__main .wave.wave-0 {
        margin-left: -276px;
    }
    html #CMD .section__oled_blue_light .img__main .wave.wave-1 {
        margin-left: -90px;
    }
    html #CMD .section__oled_blue_light .img__main .wave.wave-2 {
        margin-left: 98px;
    }
    html #CMD .section__oled_blue_light .chart-content .content-name {
        bottom: -18px;
        margin-left: -300px;
        width: 600px;
    }
    html #CMD .section__oled_blue_light .chart-content .content-name .name-bar {
        top: 0;
        width: 23px;
        height: 3px;
    }
    html #CMD .section__oled_blue_light .chart-content .content-name .name-text {
        margin-left: 5px;
        font-size: 14px;
    }
    html #CMD .section__oled_blue_light .chart-content .contnet-from {
        left: 50%;
        margin-left: -300px;
        width: 600px;
    }
    html #CMD .section__oled_blue_light .chart-content .contnet-from .from-text {
        font-size: 15px;
    }
    html #CMD .section__oled_hdr {
        margin-bottom: 0;
        padding-top: 80px;
        padding-bottom: 0;
    }
    html #CMD .section__oled_hdr .wd__content {
        width: 90%;
        max-width: 660px;
    }
    html #CMD .section__oled_hdr .img__main {
        margin-top: 32px;
        margin-left: -365px;
        width: 730px;
        height: 256px;
    }
    #CMD .section__oled_hdr .img__main {
        background-image: url("../images/medium/1x/oled/inner/s8/01-bg.png");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__oled_hdr .img__main .chart-content .axis-hint {
        width: 140px;
        font-size: 14px;
    }
    html #CMD .section__oled_hdr .img__main .chart-content .item-content {
        width: 160px;
        font-size: 23px;
    }
    html #CMD .section__oled_hdr .img__main .chart-content .axis-y .y-hint {
        top: 37px;
        left: 6px;
    }
    html #CMD .section__oled_hdr .img__main .chart-content .axis-y .y-item .item-content {
        left: 16px;
    }
    html #CMD .section__oled_hdr .img__main .chart-content .axis-y .y-item .item-content.item-0 {
        top: 78px;
    }
    html #CMD .section__oled_hdr .img__main .chart-content .axis-y .y-item .item-content.item-0 .content-value {
        left: 179px;
    }
    html #CMD .section__oled_hdr .img__main .chart-content .axis-y .y-item .item-content.item-1 {
        top: 130px;
    }
    html #CMD .section__oled_hdr .img__main .chart-content .axis-y .y-item .item-content.item-1 .content-value {
        left: 179px;
    }
    html #CMD .section__oled_hdr .img__main .chart-content .axis-y .y-item .item-content.item-2 {
        top: 182px;
    }
    html #CMD .section__oled_hdr .img__main .chart-content .axis-y .y-item .item-content.item-2 .content-value {
        left: 357px;
    }
    html #CMD .section__oled_hdr .img__main .chart-content .axis-y .y-item .item-content .content-value {
        font-size: 21px;
    }
    html #CMD .section__oled_hdr .img__main .chart-content .axis-x .x-hint {
        top: 226px;
        right: 14px;
    }
    html #CMD .section__oled_pixels {
        margin-top: 0;
        padding-top: 64px;
        padding-bottom: 193px;
    }
    html #CMD .section__oled_pixels .wd__content {
        width: 90%;
        max-width: 670px;
    }
    html #CMD .section__oled_pixels .compare-content {
        margin: 69px auto 0;
        width: 100%;
    }
    html #CMD .section__oled_pixels .compare-content .img__compare__left,
    html #CMD .section__oled_pixels .compare-content .img__compare__right {
        margin: 0 7px;
        width: 348px;
        height: 196px;
    }
    html #CMD .section__oled_pixels .compare-content .img__compare__left video,
    html #CMD .section__oled_pixels .compare-content .img__compare__right video {
        width: 348px;
        height: 196px;
    }
    html #CMD .section__oled_pixels .compare-content .img__compare__left .text-describe,
    html #CMD .section__oled_pixels .compare-content .img__compare__right .text-describe {
        bottom: 10px;
        font-size: 19px;
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .wd__section .small_use {
        display: block;
    }
    html #CMD .wd__section .small_unuse {
        display: none;
    }
    html #CMD .wd__section .no__wrap {
        white-space: normal;
    }
    html #CMD .wd__section .wd__content {
        left: 0;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        width: 89.2%;
        text-align: left;
    }
    html #CMD .wd__section .wd__content .content__slogan {
        font-size: 16px;
        letter-spacing: 2.2px;
        line-height: 1.6;
    }
    html #CMD .wd__section .wd__content .content__title {
        width: 100%;
        font-size: 27px;
        margin-top: 10px;
    }
    html #CMD .wd__section .wd__content .content__info {
        margin-top: 16px;
        margin-left: 0;
        width: 100%;
    }
    html #CMD .wd__section .wd__content .content__comment {
        width: 100%;
    }
    html #CMD .wd__section .wd__content.main-content .content__slogan {
        padding-top: 7px;
    }
    html #CMD .wd__section .wd__content.main-content .content__slogan::before {
        display: block;
        position: absolute;
        top: 0;
        left: -11px;
        width: 171px;
        height: 44px;
        content: '';
    }
    html #CMD .wd__section .wd__content.main-content.small__text-center {
        text-align: center;
    }
    html #CMD .wd__section .wd__content.main-content.small__text-center .content__slogan::before {
        left: 50%;
        transform: translateX(-50%);
    }
    html #CMD .wd__section .wd__feature__list {
        width: 100%;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature {
        vertical-align: top;
        text-align: center;
        margin: 0 17px 40px;
        box-sizing: border-box;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__data {
        margin-bottom: 0px;
    }
    html #CMD .wd__section .wd__link__arrow::after {
        padding-left: 5px;
    }
    html #CMD #section__inner2_1 .img__inner2_1 .img__interface {
        background-image: url("../images/large/1x/animation/inner2/interface.jpg");
        position: absolute;
        overflow: hidden;
        top: 97px;
        left: 50%;
        margin-left: -450px;
        width: 898px;
        height: 557px;
    }
}

@media all and (max-width: 730.5px) {
    html #CMD #section__inner2_1 .img__inner2_1 .img__toolbar {
        background-image: url("../images/large/1x/animation/inner2/toolbar.jpg");
        position: absolute;
        bottom: 0;
        width: 1360px;
        height: 265px;
    }
}

@media all and (max-width: 730.5px) {
    html #CMD #section__inner2_1 .img__inner2_1 .line__blue {
        position: absolute;
        z-index: 104;
        top: 71px;
        left: 50%;
        margin-left: -501px;
        width: 982px;
        height: 624px;
    }
    html #CMD #section__inner2_1 .img__inner2_1 .line__blue text {
        font-size: 100px;
        filter: url(#glow);
    }
    html #CMD #section__inner2_1 .img__inner2_1 .line__blue .path {
        stroke: #27a8c8;
        stroke-width: 5;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-dashoffset: 6000;
        stroke-dasharray: 6000;
        filter: url(#glow);
    }
    html #CMD #section__inner2_1 .img__inner2_1 .line__blue .path {
        stroke: #27a8c8;
    }
    html #CMD #section__inner2_1 .img__inner2_1::after {
        display: block;
        position: absolute;
        content: '';
        z-index: 100;
        top: 95px;
        left: 50%;
        margin-left: -450px;
        width: 897px;
        height: 565px;
        border-radius: 10px 10px 0 0;
        background-color: rgba(0, 0, 0, 0.5);
    }
    html #CMD .section__inner2_1 .img__inner2_1 .img__toolbar {
        transform: translateY(-31px) translateZ(0);
        transition: none;
    }
    html #CMD .section__inner2_1 .img__inner2_1 .line__blue {
        opacity: 1;
        transition: none;
        fill: transparent;
    }
    html #CMD .section__inner2_1 .img__inner2_1 .line__blue text {
        opacity: 0;
        transition: none;
    }
    html #CMD .section__inner2_1 .img__inner2_1 .line__blue .path {
        stroke-dashoffset: 6000;
        transition: none;
    }
    html #CMD .section__inner2_1 .img__inner2_1 .line__blue.fadeOut {
        opacity: 0;
    }
    html #CMD .section__inner2_1 .img__inner2_1::after {
        opacity: 0;
        transition: none;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step1 .img__toolbar {
        transform: translateY(15px) translateZ(0);
        transition: transform 600ms ease 400ms;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2::after {
        opacity: 1;
        transition: opacity 800ms ease;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2 .img__toolbar {
        transform: translateY(15px) translateZ(0);
        transition: transform 600ms ease 400ms;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2 .line__blue {
        transition: opacity 650ms;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2 .line__blue text {
        opacity: 1;
        transition: opacity 1000ms ease 1600ms;
    }
    html #CMD .section__inner2_1 .img__inner2_1.step2 .line__blue .path {
        stroke-dashoffset: 2000 !important;
        transition: stroke-dashoffset 2000ms ease 800ms;
    }
    html #CMD .section__kv {
        overflow: hidden;
        padding-top: 40px;
        padding-bottom: 45px;
    }
    html #CMD .section__kv .wd__content {
        margin-top: 25px;
        padding-left: 0;
        width: 100%;
    }
    html #CMD .section__kv .wd__content .content__slogan {
        width: 100%;
        font-size: 26px;
        letter-spacing: -0.5px;
    }
    html #CMD .section__kv .wd__content .content__title {
        font-size: 27px;
        margin-top: 0;
    }
    html #CMD .section__kv .wd__content .content__info {
        width: 89%;
        margin-top: 24px;
        margin-left: auto;
        margin-right: auto;
    }
    html #CMD .section__kv .wd__content.bottom-content {
        position: relative;
        z-index: 1;
        margin-top: -60px;
    }
    html #CMD .section__kv .img__kv {
        left: 50%;
        margin-top: -44px;
        margin-left: -257px;
        width: 518px;
        height: 379px;
    }
    #CMD .section__kv .img__kv {
        background-image: url("images/kv.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__kv .vr__screen {
        margin-top: -85px;
        transform-origin: center;
        transform: scale(0.8);
    }
    html #CMD .section__ksp {
        padding-top: 35px;
        padding-bottom: 65px;
    }
    html #CMD .section__ksp .grid__layout {
        grid-column-gap: 16px;
        grid-row-gap: 24px;
    }
    html #CMD .section__ksp .grid__layout .grid-item {
        border-radius: 8px;
        min-height: 200px;
    }
    html #CMD .section__ksp .grid__layout .grid-item-0 .wd__content {
        width: 100%;
    }
    html #CMD .section__ksp .grid__layout .grid-item-0 .item_image {
        padding-bottom: 0;
        height: 203px;
    }
    html #CMD .section__ksp .grid__layout .grid-item-0 .item_image .img__block {
        left: 50%;
        margin-left: -190px;
        width: 380px;
        height: 210px;
        position: relative;
        top: 9px;
        margin-top: 0;
    }
    #CMD .section__ksp .grid-item-0 .img__block {
        background-image: url("images/img_display.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__ksp .grid__layout .grid__layout .grid-item-1.grid-item-wdFeature {
        min-height: 1px;
    }
    html #CMD .section__ksp .grid__layout .grid-item-6 .item_image {
        margin-top: -13px;
        padding-bottom: 10px;
    }
    html #CMD .section__ksp .grid__layout .grid-item-6 .item_image .img__block {
        position: relative;
        top: -28px;
        left: 50%;
        margin-left: -227px;
        width: 458px;
        height: 245px;
    }
    #CMD .section__ksp .grid-item-6 .img__block {
        background-image: url("images/img_thin\ \(1\).png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__ksp .grid__layout .grid-item-7 .item_image {
        padding-bottom: 10px;
        max-height: 152px;
    }
    html #CMD .section__ksp .grid__layout .grid-item-7 .item_image .img__block {
        position: relative;
        top: 40px;
        left: 50%;
        margin-left: -229px;
        width: 458px;
        height: 42px;
    }
    #CMD .section__ksp .grid-item-7 .img__block {
        background-image: url("images/img_port\ \(1\).png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__display {
        overflow: hidden;
        margin-top: 0;
        padding-top: 45px;
        padding-bottom: 49px;
    }
    html #CMD .section__display .wd__content .content__info {
        width: 99%;
    }
    html #CMD .section__display .wd__feature__list {
        margin: 40px auto 0;
        width: 100%;
        max-width: 400px;
        text-align: center;
    }
    html #CMD .section__display .wd__feature__list.list-1 {
        margin-top: 54px;
    }
    html #CMD .section__display .wd__feature__list .wd__feature {
        margin-right: 20px;
        margin-bottom: 40px;
        margin-left: 20px;
        width: auto;
    }
    html #CMD .section__display .wd__feature__list .wd__feature.feature-5 .img__icon5 {
        top: 0;
        margin-top: 5px;
        margin-bottom: 12px;
        width: 134px;
        height: 70px;
        background-size: contain;
    }
    html #CMD .section__display .img__display {
        position: relative;
        left: 50%;
        margin-top: 31px;
        margin-left: -208px;
        width: 416px;
        height: 272px;
    }
    #CMD .section__display .img__display {
        background-image: url("images/s2\ \(1\).jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__display .modal-button-container {
        margin-top: -24px;
    }
    html #CMD .section__performance {
        overflow: hidden;
        margin-top: 0;
        padding-top: 65px;
        padding-bottom: 0;
    }
    html #CMD .section__performance .wd__feature__list {
        margin-top: 30px;
        margin-right: auto;
        margin-left: auto;
        max-width: 380px;
    }
    html #CMD .section__performance .wd__feature__list .wd__feature {
        margin-right: 20px;
        margin-bottom: 40px;
        margin-left: 20px;
    }
    html #CMD .section__performance .wd__feature__list .wd__feature.feature-1 {
        margin-bottom: 20px;
    }
    html #CMD .section__performance .img__performance {
        position: relative;
        left: 50%;
        margin-top: -70px;
        margin-left: -300px;
        width: 551px;
        height: 487px;
    }
    #CMD .section__performance .img__performance {
        background-image: url("images/s3.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__performance .modal-button-container {
        margin-top: -16px;
    }
    html #CMD .section__highlights {
        padding-top: 75px;
        padding-bottom: 0;
    }
    html #CMD .section__highlights .wd__content .content__info {
        max-width: 720px;
    }
    #CMD .img__list__block .item-0 .item__img {
        background-image: url("images/color__0.jpg");
    }
}

@media all and (max-width: 730.5px) {
    #CMD .img__list__block .item-1 .item__img {
        background-image: url("images/color__1.jpg");
    }
}

@media all and (max-width: 730.5px) {
    #CMD .img__list__block .item-2 .item__img {
        background-image: url("images/color__2.jpg");
    }
}

@media all and (max-width: 730.5px) {
    #CMD .img__list__block .item-3 .item__img {
        background-image: url("images/color__3.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__highlights .wd__list__color {
        margin-top: 58px;
        padding-bottom: 0;
    }
    html #CMD .section__highlights .img__list__block .item__desc {
        padding-top: 30px;
        padding-bottom: 39px;
    }
    html #CMD .section__highlights .img__list__block .item__desc .item__desc-info {
        font-family: "Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif !important;
        font-weight: 200 !important;
        font-style: normal !important;
        margin-top: 15px;
    }
    html #CMD .section__highlights .img__list__block .item__img {
        width: 253px;
        height: 187px;
    }
    html #CMD .section__highlights .img__list__block .item__desc::before {
        background-color: transparent;
    }
    html #CMD .section__highlights .slick-prev,
    html #CMD .section__highlights .slick-next {
        background-color: transparent;
        box-shadow: none;
    }
    html #CMD .section__highlights .slick-prev::before,
    html #CMD .section__highlights .slick-next::before {
        width: 15px;
        height: 24px;
    }
    html #CMD .section__highlights .slick-prev {
        margin-left: -179px;
    }
    html #CMD .section__highlights .slick-next {
        margin-left: 123px;
    }
    html #CMD .section__color {
        overflow: hidden;
        margin-top: 0;
        padding-top: 6px;
        padding-bottom: 0;
    }
    html #CMD .section__color .wd__content {
        display: block;
        position: absolute;
        top: 60px;
        left: 50%;
        opacity: 0;
        margin: 0;
        width: 89.2%;
        transform: translate3d(-50%, 0, 0);
        pointer-events: none;
    }
    html #CMD .section__color .wd__content .content__title {
        margin-top: 0;
    }
    html #CMD .section__color .wd__content .content__info {
        max-width: 300px;
    }
    html #CMD .section__color .wd__content.content-mobile2 .content__title {
        margin-top: 0;
        color: #1c1b19 !important;
    }
    html #CMD .section__color .wd__content.content-mobile2 .content__info {
        color: #1c1b19 !important;
    }
    html #CMD .section__color .wd__content.js-showed {
        opacity: 1;
        pointer-events: all;
    }
    html #CMD .section__color .nav-slick {
        margin-top: 25px;
        margin-left: 0;
        text-align: center;
    }
    html #CMD .section__color .nav-slick .nav {
        width: 30px;
        height: 30px;
    }
    html #CMD .section__color .img__color {
        position: relative;
        left: 50%;
        margin-top: 0;
        margin-left: -365px;
        width: 730px;
        height: 680px;
    }
    html #CMD .section__color .img__color .slick-content {
        position: relative;
        overflow: hidden;
        margin-top: 0;
        width: 100%;
        height: 680px;
    }
    html #CMD .section__color .img__color .slick-content figure {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        margin-top: -14px;
        width: 730px;
        height: 680px;
        transition: opacity 400ms ease;
    }
    html #CMD .section__color .img__color .slick-content figure .wd__content {
        display: none;
    }
    #CMD .section__color .img-slick1 {
        background-image: url("images/bg1.jpg");
    }
}

@media all and (max-width: 730.5px) {
    #CMD .section__color .img-slick2 {
        background-image: url("../images/bg2.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__color .img__color .slick-content figure.js-showed {
        opacity: 1;
    }
    html #CMD .section__color .modal-button-container {
        margin-top: -90px;
    }
    html #CMD .section__mobility {
        display: inline-block;
        overflow: hidden;
        margin-top: 0;
        padding-top: 29px;
    }
    html #CMD .section__mobility .wd__content {
        margin-top: 40px;
    }
    html #CMD .section__mobility .wd__content .content__info {
        width: 100%;
        max-width: 360px;
    }
    html #CMD .section__mobility .wd__feature__list {
        margin-top: 40px;
        width: 290px;
        text-align: left;
    }
    html #CMD .section__mobility .wd__feature__list .wd__feature {
        margin-right: 23px;
        text-align: center;
    }
    html #CMD .section__mobility .img__mobility {
        margin-top: -190px;
        margin-left: -315px;
        width: 484px;
        height: 320px;
    }
    #CMD .section__mobility .img__mobility {
        background-image: url("images/s6.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__user_experience {
        overflow: hidden;
        margin-top: -17px;
        padding-top: 59px;
    }
    html #CMD .section__user_experience .slick-content {
        margin: 0 auto;
        width: 100%;
        max-width: 720px;
    }
    html #CMD .section__user_experience .slick-content .slick-title {
        position: relative;
        margin-top: 40px;
        text-align: center;
    }
    html #CMD .section__user_experience .slick-content .slick-title .title-line {
        z-index: 100;
        left: 50%;
        width: 151px;
        height: 4px;
        transform: translateX(-50%);
    }
    html #CMD .section__user_experience .slick-content .slick-title .title-nav {
        position: relative;
        top: 0;
        left: 50%;
        margin-left: 0;
        padding: 10px 0;
        width: 100%;
        transition: transform 400ms ease;
    }
    html #CMD .section__user_experience .slick-content .slick-title .title-nav li {
        padding: 0 15px;
        box-sizing: border-box;
        width: auto;
        font-size: 16px;
        line-height: 1.4;
    }
    html #CMD .section__user_experience .slick-content .slick-title .title-nav li .sign-fnum {
        top: -0.6em;
    }
    html #CMD .section__user_experience .slick-content .slick-info {
        margin: 20px auto 26px;
        width: 90%;
        max-width: 350px;
    }
    html #CMD .section__user_experience .slick-content .slick-info .si {
        font-family: "Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif !important;
        font-weight: 200 !important;
        font-style: normal !important;
        font-size: 15px;
        line-height: 1.35;
    }
    html #CMD .section__user_experience .slick-content .slick-info .si .info__comment {
        display: inline-block;
        margin-top: 7px;
        color: #6f6f6f;
        font-size: 15px;
        line-height: 1.2;
    }
    html #CMD .section__user_experience .slick-content .slick-images {
        position: relative;
        left: 50%;
        margin: 25px 0 0 -160px;
        width: 320px;
        height: 178px;
    }
    html #CMD .section__user_experience .slick-content .slick-images .img-slick {
        position: absolute;
        left: 0;
        margin-left: 0;
        width: 320px;
        height: 178px;
    }
    #CMD .section__user_experience #img-slick1 {
        background-image: url("images/p1.jpg");
    }
}

@media all and (max-width: 730.5px) {
    #CMD .section__user_experience #img-slick2 {
        background-image: url("images/p2.jpg");
    }
}

@media all and (max-width: 730.5px) {
    #CMD .section__user_experience #img-slick3 {
        background-image: url("images/p3.jpg");
    }
}

@media all and (max-width: 730.5px) {
    #CMD .section__user_experience #img-slick4 {
        background-image: url("images/p4.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__user_experience .modal-button-container {
        margin-top: 42px;
    }
    html #CMD .section__connect {
        overflow: hidden;
        margin-top: 0;
        padding-top: 70px;
        padding-bottom: 45px;
    }
    html #CMD .section__connect .img__connect {
        position: relative;
        left: 50%;
        margin-top: 53px;
        margin-left: -365px;
        width: 730px;
        height: 268px;
    }
    #CMD .section__connect .img__connect {
        background-image: url("images/s8.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__connect .img__connect .ioPort {
        top: 85px;
        font-size: 12px;
    }
    html #CMD .section__connect .img__connect .ioPort.port1 {
        margin-left: -134px;
        width: 70px;
        text-align: left;
    }
    html #CMD .section__connect .img__connect .ioPort.port2 {
        margin-left: 0;
        width: 75px;
        text-align: right;
    }
    html #CMD .section__connect .img__connect .ioPort.port3 {
        margin-left: 107px;
        width: 55px;
        text-align: left;
    }
    html #CMD .section__connect .img__connect .ioPort.port4 {
        top: 232px;
        margin-left: -131px;
        width: 50px;
    }
    html #CMD .section__connect .img__connect .ioPort.port5 {
        top: 232px;
        margin-left: -43px;
        width: 120px;
    }
    html #CMD .section__connect .modal-button-container {
        margin-top: 10px;
    }
    html #CMD .section__software {
        overflow: hidden;
        margin-top: 0;
        padding-top: 60px;
    }
    html #CMD .section__software .img__software {
        position: relative;
        left: 50%;
        margin-top: 47px;
        margin-left: -237px;
        width: 474px;
        height: 267px;
    }
    #CMD .section__software .img__software {
        background-image: url("images/s9\ \(1\).jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__software .modal-button-container {
        margin-top: -10px;
    }
    html #CMD .section__audio {
        overflow: hidden;
        margin-top: 0;
        padding-top: 0;
    }
    html #CMD .section__audio .wd__feature__list {
        margin-top: 40px;
    }
    html #CMD .section__audio .wd__feature__list .wd__feature {
        text-align: center;
    }
    html #CMD .section__audio .wd__feature__list .wd__feature .img__icon1 {
        margin-right: 0;
        width: 260px;
        height: 62px;
    }
    html #CMD .section__audio .img__audio {
        position: relative;
        left: 50%;
        margin-top: 56px;
        margin-left: -365px;
        width: 730px;
        height: 311px;
    }
    #CMD .section__audio .img__audio {
        background-image: url("images/s9\ \(1\).jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__audio .img__audio .ripple-content {
        position: absolute;
        top: 281px;
        left: 50%;
        margin-left: -278px;
        width: 619px;
        height: 129px;
    }
    html #CMD .section__audio .img__audio .ripple-content figure {
        position: absolute;
        top: 0;
        left: 0;
        width: 619px;
        height: 129px;
    }
    html #CMD .section__audio .img__audio .ripple-content figure.img-ripple1 {
        animation: none;
    }
    #CMD .section__audio .img-ripple1 {
        background-image: url("../images/small/1x/animation/s12/ripple/ripple1.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__audio .img__audio .ripple-content figure.img-ripple2 {
        animation: none;
    }
    #CMD .section__audio .img-ripple2 {
        background-image: url("../images/small/1x/animation/s12/ripple/ripple2.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__audio .img__audio .ripple-content figure.img-ripple3 {
        animation: none;
    }
    #CMD .section__audio .img-ripple3 {
        background-image: url("../images/small/1x/animation/s12/ripple/ripple3.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__audio .img__audio .ripple-content figure.img-ripple4 {
        animation: none;
    }
    #CMD .section__audio .img-ripple4 {
        background-image: url("../images/small/1x/animation/s12/ripple/ripple4.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__grade {
        overflow: hidden;
        margin-top: 0;
        padding-top: 40px;
    }
    html #CMD .section__grade .wd__content {
        top: 0;
    }
    html #CMD .section__grade .wd__feature__list {
        margin: 30px auto 0;
        width: 100%;
        text-align: center;
    }
    html #CMD .section__grade .wd__feature__list .wd__feature {
        margin-right: 18px;
        margin-bottom: 40px;
        margin-left: 18px;
        width: 142px;
        min-height: 135px;
    }
    html #CMD .section__grade .wd__feature__list .wd__feature .wd__feature__data .img__icon {
        margin-bottom: 9px;
        width: 80px;
        height: 78px;
    }
    html #CMD .section__grade .wd__feature__list .wd__feature .wd__feature__describe {
        line-height: 1.3 !important;
    }
    html #CMD .section__grade .wd__feature__list .wd__feature .wd__feature__describe span>span.text-title {
        font-size: 16px;
        line-height: 1.15 !important;
    }
    html #CMD .section__grade .wd__feature__list .wd__feature .wd__feature__describe span>span.text-title .no__wrap {
        font-size: 16px;
    }
    html #CMD .section__grade .img__grade {
        position: relative;
        left: 50%;
        margin-top: 10px;
        margin-bottom: 0;
        margin-left: -365px;
        width: 730px;
        height: 720px;
    }
    #CMD .section__grade .img__grade {
        background-image: url("../images/small/1x/s11.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__aipt_1 {
        margin-top: 0;
        padding-top: 40px;
        padding-bottom: 65px;
        background: linear-gradient(to bottom, #161d22 0%, #161d22 50%, #11171b 55%, #11171b 100%);
    }
    html #CMD .section__aipt_1 .wd__content {
        padding-top: 0;
    }
    html #CMD .section__aipt_1 .aipt-graph {
        left: 0;
        margin-top: 20px;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 320px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-content,
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar {
        display: block;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-content {
        margin: 0 auto;
        width: 90%;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item {
        margin-bottom: 38px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item .itme-icon {
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item .itme-icon .img {
        background-size: contain;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item .itme-title,
    html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item .itme-info {
        margin-left: 87px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item .itme-title {
        font-size: 15px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item .itme-info {
        margin-top: 8px;
        font-size: 13px;
        line-height: 1.4;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item.item-0 .itme-icon .img {
        top: 0;
        width: 66px;
        height: 37px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item.item-1 .itme-icon .img {
        top: 0;
        width: 69px;
        height: 61px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-content .cotent-item.item-2 .itme-icon .img {
        top: -12px;
        width: 68px;
        height: 60px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar {
        top: 0;
        left: 50%;
        margin-top: 78px;
        margin-left: -160px;
        padding-bottom: 30px;
        width: 320px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-img figure {
        width: 175px;
        height: 173px;
        background-size: contain;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .content-text {
        font-size: 12px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-0 {
        top: unset;
        bottom: 206px;
        margin-left: -80px;
        width: 160px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-1 {
        top: 60px;
        bottom: unset;
        margin-left: 95px;
        width: 60px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-2 {
        top: 173px;
        bottom: unset;
        margin-left: 5px;
        width: 100px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-3 {
        top: 173px;
        bottom: unset;
        margin-left: -105px;
        width: 100px;
    }
    html #CMD .section__aipt_1 .aipt-graph .graph-ladar .ladar-content .text-4 {
        top: 51px;
        bottom: unset;
        margin-left: -154px;
        width: 60px;
    }
    html #CMD .section__aipt_1 .img__bg {
        margin-top: 0;
        margin-bottom: 35px;
        margin-left: -365px;
        width: 730px;
        height: 620px;
    }
    #CMD .section__aipt_1 .img__bg {
        background-image: url("../images/small/1x/aipt/aipt_3_bg.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__aipt_2 .grid__table {
        margin-top: 44px;
        width: 320px;
    }
    html #CMD .section__aipt_2 .grid__table .table-col {
        margin-bottom: 50px;
    }
    html #CMD .section__aipt_2 .grid__table .table-col .table-row {
        display: block;
        position: relative;
        width: 100vw;
        max-width: 320px;
        height: auto;
    }
    html #CMD .section__aipt_2 .bar-chart {
        padding: 54px 15px 120px 30px;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-lines {
        padding: 49px 19px 120px 0;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-lines .line span {
        left: -23px;
        font-size: 11px;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-key {
        margin-top: 5px;
        padding: 0 6px;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-key .key-name,
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-key .key-mode {
        left: 50%;
        margin-left: -45px;
        width: 90px;
        font-size: 12px;
        transform: scale(1);
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-key .key-mode {
        margin-top: 0;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-value .value-content {
        margin-bottom: 8px;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-value .value-content .value-top,
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-value .value-content .value-bottom {
        font-size: 12px;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar .bar-value .value-content .value-main {
        font-size: 21px;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-2 .bar-value .value-content .value-top {
        margin-bottom: -3px;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-2 .bar-value .value-content .value-top,
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-2 .bar-value .value-content .value-bottom {
        font-size: 13px;
    }
    html #CMD .section__aipt_2 .bar-chart .chart-bar .bar.bar-2 .bar-value .value-content .value-main {
        font-size: 29px;
    }
    html #CMD .section__aipt_2 .line-chart {
        padding: 25px 30px 27px;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content {
        display: flex;
        margin-bottom: 8px;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content .line-name {
        display: flex;
        align-items: flex-end;
        width: 50%;
        font-size: 12px;
        line-height: 1.2;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content .line-description {
        display: inline-flex;
        bottom: 0;
        align-items: stretch;
        justify-content: right;
        justify-content: flex-end;
        width: 50%;
        text-align: right;
        flex-wrap: nowrap;
        flex-direction: row;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content .line-description .description-text {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        font-size: 12px;
        line-height: 1.2;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-content .line-description .description-text.text-hl {
        bottom: -4px;
        font-size: 29px;
        order: 6;
    }
    html #CMD .section__aipt_2 .line-chart .chart-line .item-line .line-graph .graph-line {
        margin-bottom: 4px;
        height: 5px;
    }
    html #CMD .section__aipt_2 .line-chart .chart-compare {
        margin-top: 13px;
    }
    html #CMD .section__aipt_2 .line-chart .chart-compare .comapre-item .item-line {
        width: 32px;
        height: 8px;
    }
    html #CMD .section__aipt_2 .line-chart .chart-compare .comapre-item .item-name {
        margin-top: 5px;
        width: 90%;
        font-size: 12px;
        line-height: 1.3;
    }
    html #CMD .section__aipt_2 .row-content {
        position: relative;
        top: 0;
        padding: 30px 28px 40px;
        transform: translateX(-50%);
    }
    html #CMD .section__aipt_2 .row-content .content__title {
        font-size: 27px;
        line-height: 1.15;
    }
    html #CMD .section__aipt_2 .row-content .content__info {
        font-size: 15px;
        line-height: 1.4;
    }
    html #CMD .section__aipt_2 .row-content .content__info sup.footnote-num {
        top: -0.8em;
        font-size: 0.6em;
    }
    html #CMD .section__aipt_2 .table-col.col-1 .table-row .img__row {
        width: 320px;
        height: 320px;
    }
    #CMD .section__aipt_2 .table-col.col-1 .img__row {
        background-image: url("../images/small/1x/aipt/aipt_grid_1.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__aipt_2 .table-col.col-3 .wd__feature__list {
        margin-top: 22px;
        margin-bottom: -40px;
    }
    html #CMD .section__aipt_2 .table-col.col-3 .wd__feature__list .wd__feature__describe {
        text-align: left;
    }
    html #CMD .section__aipt_2 .table-col.col-3 .table-row .img__row {
        width: 320px;
        height: 320px;
    }
    #CMD .section__aipt_2 .table-col.col-3 .img__row {
        background-image: url("../images/small/1x/aipt/aipt_grid_3.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__aipt_3 {
        padding-top: 0;
    }
    html #CMD .section__aipt_3 .wd__content {
        padding-top: 0;
    }
    html #CMD .section__aipt_3 .wd__content .content__title {
        width: 100%;
        max-width: 768px;
    }
    html #CMD .section__aipt_3 .wd__content .content__info {
        max-width: 720px;
    }
    html #CMD .section__aipt_3 .wd__content .content__comment {
        max-width: 720px;
    }
    html #CMD .section__aipt_3 .wd__feature__list {
        max-width: 400px;
    }
    html #CMD .section__aipt_3 .wd__feature__list .wd__feature {
        margin: 0 18px 40px;
        min-width: 97px;
    }
    html #CMD .section__aipt_3 .wd__feature__list .feature-2 .wd__feature__describe__top,
    html #CMD .section__aipt_3 .wd__feature__list .feature-3 .wd__feature__describe__top,
    html #CMD .section__aipt_3 .wd__feature__list .feature-4 .wd__feature__describe__top,
    html #CMD .section__aipt_3 .wd__feature__list .feature-5 .wd__feature__describe__top,
    html #CMD .section__aipt_3 .wd__feature__list .feature-6 .wd__feature__describe__top {
        display: none;
    }
    html #CMD .section__aipt_3 .img__bg {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: -365px;
        width: 730px;
        height: 620px;
    }
    #CMD .section__aipt_3 .img__bg {
        background-image: url("../images/small/1x/aipt/aipt_3_bg.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__screenpad_1 {
        margin-top: -5px;
        padding-top: 73px;
        padding-bottom: 0;
    }
    html #CMD .section__screenpad_1 .wd__content .content__title {
        width: 100%;
        max-width: 410px;
    }
    html #CMD .section__screenpad_1 .wd__content .content__info {
        width: 101%;
        max-width: 720px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 {
        left: 50%;
        margin: -85px 0 0 -360px;
        width: 720px;
        height: 578px;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 {
        background-image: url("../images/small/1x/animation/screenpad_1/nb.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar {
        position: absolute;
        z-index: 120;
        top: 256px;
        left: 50%;
        opacity: 1;
        margin-left: -300px;
        width: 600px;
        height: 125px;
        background: #bacfea;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content {
        opacity: 1;
        margin-top: 12px;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 600px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem {
        margin: 0;
        width: 880px;
        height: 138px;
        transform: translate3d(0, 0, 0);
        transition: transform 200ms ease-in-out;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li {
        position: relative;
        cursor: pointer;
        float: left;
        list-style-type: none;
        margin: 0 10px;
        padding-top: 72px;
        width: 90px;
        height: 68px;
        line-height: 17px;
        color: #000;
        font-size: 13px;
        transform: translateY(0);
        transition: color 600ms linear, transform 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li span {
        display: block;
        margin-right: auto;
        margin-left: auto;
        width: 70px;
        text-align: center;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_1:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -40px;
        width: 80px;
        height: 68px;
        content: '';
        background-size: cover;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_2:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -40px;
        width: 80px;
        height: 68px;
        content: '';
        background-size: cover;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_3:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -40px;
        width: 80px;
        height: 68px;
        content: '';
        background-size: cover;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_4:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -40px;
        width: 80px;
        height: 68px;
        content: '';
        background-size: cover;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_5:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -40px;
        width: 80px;
        height: 68px;
        content: '';
        background-size: cover;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_6:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -40px;
        width: 80px;
        height: 68px;
        content: '';
        background-size: cover;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_7:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -40px;
        width: 80px;
        height: 68px;
        content: '';
        background-size: cover;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_8:before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -40px;
        width: 80px;
        height: 68px;
        content: '';
        background-size: cover;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navLine {
        position: relative;
        margin-top: -35px;
        width: 100%;
        max-width: 600px;
        border-bottom: 1px solid #000;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navLine div {
        display: block;
        position: absolute;
        top: -2px;
        left: 50%;
        width: 80px;
        height: 2px;
        background: #000;
        transform: translate3d(-40px, 0, 0) !important;
        transition: transform 200ms ease-in-out;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navText {
        position: relative;
        left: 50%;
        margin-top: 118px;
        margin-left: -145px;
        width: 100%;
        max-width: 290px;
        font-size: 15px;
        text-align: center;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navText span {
        font-family: "Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif !important;
        font-weight: 200 !important;
        font-style: normal !important;
        display: block;
        position: absolute;
        right: 0;
        left: 0;
        opacity: 0;
        margin: 0 auto;
        transition: opacity 200ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navText span.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen {
        position: absolute;
        z-index: 100;
        top: 129px;
        left: 50%;
        margin-left: -197px;
        width: 402px;
        height: 111px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen::before {
        display: block;
        position: absolute;
        z-index: 999;
        top: -14px;
        left: -12px;
        content: '';
        width: 418px;
        height: 144px;
        background-size: cover;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen:before {
        background-image: url("../images/small/1x/animation/screenpad_1/mask.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_1 {
        position: absolute;
        top: -2px;
        left: -4px;
        opacity: 0;
        width: 402px;
        height: 111px;
        transition: opacity 400ms;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_1:before {
        background-image: url("../images/large/1x/icons/screenpad_1/icon1.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_1.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_2 {
        position: absolute;
        top: -2px;
        left: -4px;
        opacity: 0;
        width: 402px;
        height: 111px;
        transition: opacity 400ms;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_2:before {
        background-image: url("../images/large/1x/icons/screenpad_1/icon2.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_2.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_3 {
        position: absolute;
        top: -2px;
        left: -4px;
        opacity: 0;
        width: 402px;
        height: 111px;
        transition: opacity 400ms;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_3:before {
        background-image: url("../images/large/1x/icons/screenpad_1/icon3.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_3.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_4 {
        position: absolute;
        top: -2px;
        left: -4px;
        opacity: 0;
        width: 402px;
        height: 111px;
        transition: opacity 400ms;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_4:before {
        background-image: url("../images/large/1x/icons/screenpad_1/icon4.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_4.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_5 {
        position: absolute;
        top: -2px;
        left: -4px;
        opacity: 0;
        width: 402px;
        height: 111px;
        transition: opacity 400ms;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_5:before {
        background-image: url("../images/large/1x/icons/screenpad_1/icon5.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_5.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_6 {
        position: absolute;
        top: -2px;
        left: -4px;
        opacity: 0;
        width: 402px;
        height: 111px;
        transition: opacity 400ms;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_6:before {
        background-image: url("../images/large/1x/icons/screenpad_1/icon6.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_6.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_7 {
        position: absolute;
        top: -2px;
        left: -4px;
        opacity: 0;
        width: 402px;
        height: 111px;
        transition: opacity 400ms;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_7:before {
        background-image: url("../images/large/1x/icons/screenpad_1/icon7.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_7.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_8 {
        position: absolute;
        top: -2px;
        left: -4px;
        opacity: 0;
        width: 402px;
        height: 111px;
        transition: opacity 400ms;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .controllBar .cb__content .navItem>li#nm_8:before {
        background-image: url("../images/large/1x/icons/screenpad_1/icon8.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .bigScreen #bs_8.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen {
        position: absolute;
        z-index: 100;
        top: 385px;
        left: 50%;
        margin-left: -73px;
        width: 145px;
        height: 66px;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen::before {
        display: block;
        position: absolute;
        z-index: 999;
        top: -2px;
        left: -3px;
        content: '';
        width: 150px;
        height: 70px;
        background-size: cover;
    }
    #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen:before {
        background-image: url("../images/small/1x/animation/screenpad_1/mask_pad.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_1 {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 145px;
        height: 66px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_1.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_2 {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 145px;
        height: 66px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_2.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_3 {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 145px;
        height: 66px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_3.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_4 {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 145px;
        height: 66px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_4.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_5 {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 145px;
        height: 66px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_5.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_6 {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 145px;
        height: 66px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_6.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_7 {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 145px;
        height: 66px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_7.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_8 {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 145px;
        height: 66px;
        transition: opacity 400ms;
    }
    html #CMD .section__screenpad_1 .img__screenpad_1 .smallScreen #ss_8.showed {
        opacity: 1;
    }
    html #CMD .section__screenpad_2 {
        margin-top: 0;
        padding-top: 85px;
        padding-bottom: 0;
    }
    html #CMD .section__screenpad_2 .wd__content .content__info {
        width: 100%;
        max-width: 720px;
    }
    html #CMD .section__screenpad_2 .img__screenpad_2 {
        left: 50%;
        margin: 5px 0 55px -325px;
        width: 650px;
        height: 344px;
    }
    #CMD .section__screenpad_2 .img__screenpad_2 {
        background-image: url("../images/small/1x/s_screenpad_2.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__screenpad_2 .img__screenpad_2 .content__comment {
        position: absolute;
        bottom: -15px;
        left: 50%;
        color: #999;
        font-size: å 15px;
        line-height: 1.4;
        transform: translateX(-50%);
    }
    html #CMD .section__noise {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    html #CMD .section__noise .wd__content {
        width: 90%;
    }
    html #CMD .section__noise .wd__content .content__info {
        width: 100%;
    }
    html #CMD .section__noise .sub__content {
        margin: 50px auto 0;
        width: 89.2%;
        max-width: 520px;
        text-align: left;
    }
    html #CMD .section__noise .sub__content .content__title {
        font-size: 23px;
    }
    html #CMD .section__noise .sub__content .content__info {
        font-family: "Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif !important;
        font-weight: 200 !important;
        font-style: normal !important;
        margin-top: 11px;
        font-size: 17px;
        letter-spacing: 0.1px;
        line-height: 1.45;
    }
    html #CMD .section__noise .nav__noise {
        margin-top: 59px;
        flex-direction: column;
    }
    html #CMD .section__noise .nav__noise .nav__item {
        margin: 0 auto 13px;
        padding: 13px 15px;
        box-sizing: border-box;
        width: 89.2%;
        max-width: 400px;
        border-width: 1px;
    }
    html #CMD .section__noise .nav__noise .nav__item.js-selected {
        border-width: 1px;
    }
    html #CMD .section__noise .nav__noise .nav__item .nav__content {
        width: 100%;
    }
    html #CMD .section__noise .nav__noise .nav__item .nav__content .img__icon {
        display: inline-block;
        margin-right: 8px;
        width: 45px;
        height: 45px;
    }
    html #CMD .section__noise .nav__noise .nav__item .nav__content .nav__text {
        display: inline-block;
        width: calc(100% - 54px);
    }
    html #CMD .section__noise .nav__noise .nav__item .nav__content .nav__text .content__title {
        font-size: 23px;
    }
    html #CMD .section__noise .nav__noise .nav__item .nav__content .nav__text .content__info {
        margin-top: 3px;
        font-size: 17px;
        letter-spacing: 0.1px;
        line-height: 1.45;
    }
    html #CMD .section__noise .noise__switcher {
        margin-top: 30px;
    }
    html #CMD .section__noise .noise__switcher span {
        font-size: 20px;
    }
    html #CMD .section__noise .img__noise {
        margin-top: -78px;
        transform: scale(0.52);
    }
    html #CMD .section__noise .modal-button-container {
        margin-top: -80px;
    }
    html #CMD .section__inner__noise {
        padding-top: 22px;
        background: #2a2a2a;
    }
    html #CMD .section__inner__noise .wd__content .content__info {
        width: 100%;
        max-width: 760px;
    }
    html #CMD .section__inner__noise .noise__switcher {
        margin-top: 40px;
    }
    html #CMD .section__inner__noise .noise__switcher span {
        font-size: 20px;
    }
    html #CMD .section__inner__noise .img__inner__noise {
        margin-top: -210px;
        margin-bottom: -128px;
        transform: scale(0.3);
    }
    html #CMD .section__comment {
        margin-top: -60px;
        padding-top: 0;
        padding-bottom: 42px;
    }
    html #CMD .section__comment .footnotes ul.footnote li {
        color: #999;
    }
    html #CMD .inner-view {
        margin-bottom: 0;
        background: transparent;
    }
    html #CMD .inner-view .inner-view-container {
        position: relative;
        margin-right: auto;
        margin-left: auto;
        max-width: 720px;
        background: transparent;
    }
    html #CMD .inner-view .inner-view-container .inner-modal {
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 0;
        width: 100%;
        max-width: 720px;
    }
    html #CMD .inner-view .inner-view-container .inner-modal.modal-thin {
        background-color: #fff;
    }
    html #CMD .inner-view .inner-view-container .wd__section {
        overflow: visible !important;
    }
    html #CMD .inner-view .inner-view-container .wd__section .wd__content {
        width: 89.2% !important;
    }
    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan {
        color: #333;
    }
    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title {
        font-size: 27px;
        margin-top: 19px;
    }
    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__info {
        margin-top: 15px;
    }
    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan::before,
    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan::after,
    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title::before,
    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title::after {
        display: none;
    }
    html #CMD .inner-view .section__btn__home::before {
        background: none;
    }
    html #CMD #section__inner2_1 {
        padding-top: 40px;
        padding-bottom: 80px;
    }
    html #CMD #section__inner2_1 .wd__content {
        width: 89.2%;
        max-width: 720px;
    }
    html #CMD #section__inner2_1 .wd__feature__list .wd__feature {
        max-width: 107px;
    }
    html #CMD #section__inner2_1 .img__inner2_1 {
        margin-top: -304px;
        transform: scale(0.31);
    }
    html #CMD #section__inner2_1 .img__inner2_1 .img__interface {
        background-image: url("../images/scale/50p/1x/animation/inner2/interface.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD #section__inner2_1 .img__inner2_1 .img__toolbar {
        background-image: url("../images/scale/50p/1x/animation/inner2/toolbar.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD #section__inner2_1 .compare {
        position: relative;
        margin: -255px auto 0;
        width: 320px;
    }
    html #CMD #section__inner2_1 .compare .img__compare-1,
    html #CMD #section__inner2_1 .compare .img__compare-2 {
        display: block;
        position: relative;
        margin-right: auto;
        margin-bottom: 18px;
        margin-left: auto;
        width: 278px;
        height: 220px;
        background-size: contain;
    }
    html #CMD #section__inner2_1 .compare .img__compare-1 .compare-text,
    html #CMD #section__inner2_1 .compare .img__compare-2 .compare-text {
        position: absolute;
        top: -15px;
        left: 50%;
        margin-left: -150px;
        width: 300px;
        font-size: 16px;
    }
    html #CMD #section__inner2_1 .compare .img__compare-2 {
        margin-bottom: 30px;
    }
    html #CMD #section__inner3_1 {
        margin-top: 0;
        padding-top: 60px;
        padding-bottom: 100px;
    }
    html #CMD #section__inner3_1 .wd__content {
        position: relative;
        width: 100%;
    }
    html #CMD #section__inner3_1 .wd__content .content__title {
        color: #fff;
        width: 80%;
    }
    html #CMD #section__inner3_1 .wd__content .content__info {
        width: 100%;
        max-width: 740px;
        color: #fff;
    }
    html #CMD #section__inner3_1 .wd__feature__list {
        margin-top: 50px;
    }
    html #CMD #section__inner3_1 .wd__feature__list .wd__feature {
        margin: 0 25px 25px;
    }
    html #CMD #section__inner3_1 .img__inner3_1 {
        position: relative;
        left: 50%;
        margin-top: -27px;
        margin-left: -365px;
        width: 730px;
        height: 292px;
    }
    #CMD #section__inner3_1 .img__inner3_1 {
        background-image: url("../images/small/1x/inner/s3/01_bg.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD #section__inner7_1 {
        margin-bottom: -40px;
        padding-top: 40px;
        padding-bottom: 0;
        background: #0a0f13 !important;
    }
    html #CMD #section__inner7_1 .wd__content {
        position: relative;
        width: 100%;
        left: 0;
        margin-top: 0;
        margin-left: auto;
    }
    html #CMD #section__inner7_1 .wd__content .content__title {
        color: #fff;
    }
    html #CMD #section__inner7_1 .wd__content .content__info {
        color: #fff;
        width: 100%;
        max-width: 700px;
    }
    html #CMD #section__inner7_1 .wd__feature__list {
        margin-top: 51px;
    }
    html #CMD #section__inner7_1 .wd__feature__list .wd__feature {
        margin-right: 14px;
        margin-left: 14px;
        width: 105px;
        vertical-align: bottom;
    }
    html #CMD #section__inner7_1 .wd__feature__list .wd__feature .img__icon {
        margin-bottom: 12px;
        width: 64px;
        height: 40px;
    }
    html #CMD #section__inner7_1 .img__inner7_1 {
        position: relative;
        left: 50%;
        margin-top: 10px;
        margin-left: -365px;
        width: 730px;
        height: 394px;
    }
    #CMD #section__inner7_1 .img__inner7_1 {
        background-image: url("../images/small/1x/inner/s7/01_bg.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD #section__inner7_2 {
        padding-top: 40px;
        padding-bottom: 0;
        background: #0a0f13 !important;
    }
    html #CMD #section__inner7_2 .wd__content {
        position: relative;
        width: 100%;
        left: 0;
        margin-left: auto;
    }
    html #CMD #section__inner7_2 .wd__content .content__title {
        color: #fff;
    }
    html #CMD #section__inner7_2 .wd__content .content__info {
        color: #fff;
        width: 100%;
        max-width: 700px;
    }
    html #CMD #section__inner7_2 .wd__feature__list {
        margin-top: 51px;
        margin-right: auto;
        margin-left: auto;
        max-width: 400px;
    }
    html #CMD #section__inner7_2 .wd__feature__list .wd__feature {
        margin-right: 14px;
        margin-left: 14px;
        width: 105px;
    }
    html #CMD #section__inner7_2 .wd__feature__list .wd__feature .img__icon {
        margin-bottom: 12px;
        width: 64px;
        height: 54px;
    }
    html #CMD #section__inner7_2 .img__inner7_2 {
        position: relative;
        left: 50%;
        margin-top: -180px;
        margin-left: -365px;
        width: 730px;
        height: 429px;
    }
    #CMD #section__inner7_2 .img__inner7_2 {
        background-image: url("../images/small/1x/inner/s7/02_bg.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD #section__inner8_1 {
        overflow: hidden;
        padding-top: 40px;
        padding-bottom: 0;
        background: #0a0f15;
    }
    html #CMD #section__inner8_1 .wd__content {
        position: relative;
        left: 0;
        margin: 0 auto 0;
    }
    html #CMD #section__inner8_1 .wd__content .content__title {
        color: #fff;
        max-width: 640px;
    }
    html #CMD #section__inner8_1 .wd__content .content__info {
        color: #fff;
    }
    html #CMD #section__inner8_1 .wd__feature__list {
        margin-top: 50px;
        margin-right: auto;
        margin-left: auto;
        width: 650px;
    }
    html #CMD #section__inner8_1 .wd__feature__list .wd__feature {
        margin: 0 20px 50px;
    }
    html #CMD #section__inner8_1 .wd__feature__list .wd__feature.feature-1 {
        width: 152px;
    }
    html #CMD #section__inner8_1 .wd__feature__list .wd__feature.feature-2,
    html #CMD #section__inner8_1 .wd__feature__list .wd__feature.feature-3 {
        width: 178px;
    }
    html #CMD #section__inner8_1 .img__inner8_1 {
        position: relative;
        left: 50%;
        margin-top: -67px;
        margin-bottom: 0;
        margin-left: -365px;
        width: 730px;
        height: 420px;
    }
    #CMD #section__inner8_1 .img__inner8_1 {
        background-image: url("../images/small/1x/inner/s8/01_bg.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD #section__inner8_2 {
        overflow: hidden;
        margin-top: 10px;
        padding-top: 10px;
        background: #0a0f15;
    }
    html #CMD #section__inner8_2 .wd__content {
        position: relative;
        left: 0%;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: -40px;
    }
    html #CMD #section__inner8_2 .wd__content .content__title {
        width: 88%;
        color: #fff;
    }
    html #CMD #section__inner8_2 .wd__content .content__info {
        width: 100%;
        max-width: 800px;
        color: #fff;
    }
    html #CMD #section__inner8_2 .wd__content .content__comment {
        width: 610px;
    }
    html #CMD #section__inner8_2 .img__inner8_2 {
        position: relative;
        left: 50%;
        margin-top: -20px;
        margin-bottom: -25px;
        margin-left: -365px;
        width: 730px;
        height: 560px;
    }
    #CMD #section__inner8_2 .img__inner8_2 {
        background-image: url("../images/small/1x/inner/s8/02_bg.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD #section__inner9_1 {
        overflow: hidden;
        padding-top: 30px;
        background: transparent;
    }
    html #CMD #section__inner9_1 .wd__content {
        position: relative;
        left: 0%;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
    }
    html #CMD #section__inner9_1 .wd__content .content__title {
        color: #fff;
    }
    html #CMD #section__inner9_1 .wd__content .content__info {
        color: #fff;
    }
    html #CMD #section__inner9_1 .img__inner9_1 {
        position: relative;
        left: 50%;
        margin-top: -68px;
        margin-bottom: -60px;
        margin-left: -365px;
        width: 730px;
        height: 568px;
    }
    #CMD #section__inner9_1 .img__inner9_1 {
        background-image: url("../images/small/1x/inner/s9/01_bg.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD #section__inner9_2 {
        overflow: hidden;
        padding-top: 54px;
        padding-bottom: 130px;
        background: #000103;
    }
    html #CMD #section__inner9_2 .wd__content {
        position: relative;
        left: 0%;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
    }
    html #CMD #section__inner9_2 .wd__content .content__title {
        color: #fff;
    }
    html #CMD #section__inner9_2 .wd__content .content__info {
        color: #fff;
    }
    html #CMD #section__inner9_2 .img__inner9_2 {
        position: relative;
        left: 50%;
        margin-top: -27px;
        margin-bottom: -60px;
        margin-left: -365px;
        width: 730px;
        height: 330px;
    }
    #CMD #section__inner9_2 .img__inner9_2 {
        background-image: url("../images/small/1x/inner/s9/02_bg.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD #section__inner9_2 .img__inner9_2 #video-s9i2-big {
        top: 79px;
        left: 1px;
        width: 201px;
        height: 113px;
    }
    html #CMD #section__inner9_2 .img__inner9_2 #video-s9i2-small {
        top: 116px;
        left: -2px;
        width: 124px;
        height: 78px;
    }
    html #CMD .section__adobeBanner {
        overflow: hidden;
        margin-top: 0;
        padding-top: 2px;
        padding-bottom: 0;
    }
    html #CMD .section__adobeBanner .banner__container .banner__item {
        min-height: 486px;
    }
    html #CMD .section__adobeBanner .banner__container .wd__content {
        top: 0;
        padding-top: 55px;
        padding-bottom: 60px;
    }
    html #CMD .section__adobeBanner .banner__container .wd__content .content__title {
        max-width: 590px;
    }
    html #CMD .section__adobeBanner .banner__container .img__main {
        left: 50%;
        margin-top: -329px;
        margin-left: -365px;
        width: 730px;
        height: 644px;
    }
    #CMD .section__adobeBanner .img__main {
        background-image: url("images/adobe_banner_creativecloud\ \(1\).jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__adobeBanner+.section__comment {
        position: relative;
        z-index: 9;
        margin-top: -1px;
        padding-top: 24px;
    }
    html #CMD .wd__section .wd__content .content__comment {
        width: 100%;
    }
    html #CMD .wd__section .wd__feature__list {
        width: 100%;
        margin-top: 48px;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature {
        text-align: center;
        box-sizing: border-box;
        margin: 0 19px 29px;
    }
    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__data {
        margin-bottom: 0px;
    }
    html #CMD .wd__section .wd__link__arrow::after {
        padding-left: 5px;
    }
    html #CMD .wd__section .twentytwenty-left-arrow::before {
        top: -14px;
        left: 7.5px;
        width: 20px;
        height: 20px;
    }
    #CMD .section__oled_eyeCare .img__oled_eyeCare {
        background-image: url("images/s5\ \(2\).jpg");
    }
}

@media all and (max-width: 730.5px) {
    #CMD .section__oled_eyeCare .img__lcd {
        background-image: url("images/img_lcd\ \(2\).png");
    }
}

@media all and (max-width: 730.5px) {
    #CMD .section__oled_eyeCare .img__oled {
        background-image: url("images/img_oled\ \(1\).png");
    }
}

@media all and (max-width: 730.5px) {
    #CMD .section__oled_eyeCare .img__line {
        background-image: url("images/img_line\ \(1\).png");
    }
}

@media all and (max-width: 730.5px) {
    #CMD .section__oled_eyeCare .img__arrow {
        background-image: url("images/img_arrow\ \(1\).png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__oled_menu {
        display: inline-block;
        padding-top: 60px;
        padding-bottom: 0;
    }
    html #CMD .section__oled_menu .product_list {
        padding-top: 50px;
    }
    html #CMD .section__oled_menu .product_list .product {
        border: unset;
    }
    html #CMD .section__oled_menu .product_list .product.s2-1 {
        width: 320px;
        height: 300px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-1 .product-img {
        width: 320px;
        height: 300px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-1 .product-img .img {
        width: 320px;
        height: 300px;
    }
    #CMD .section__oled_menu .product_list .s2-1 .img {
        background-image: url("images/s2_1\ \(1\).jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__oled_menu .product_list .product.s2-2 {
        width: 320px;
        height: 300px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-2 .product-img {
        width: 320px;
        height: 300px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-2 .product-img .img {
        width: 320px;
        height: 300px;
    }
    #CMD .section__oled_menu .product_list .s2-2 .img {
        background-image: url("images/s2_2\ \(1\).jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__oled_menu .product_list .product.s2-3 {
        width: 320px;
        height: 300px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-3 .product-img {
        width: 320px;
        height: 300px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-3 .product-img .img {
        width: 320px;
        height: 300px;
    }
    #CMD .section__oled_menu .product_list .s2-3 .img {
        background-image: url("images/s2_3\ \(1\).jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__oled_menu .product_list .product.s2-4 {
        width: 320px;
        height: 300px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-4 .product-img {
        width: 320px;
        height: 300px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-4 .product-img .img {
        width: 320px;
        height: 300px;
    }
    #CMD .section__oled_menu .product_list .s2-4 .img {
        background-image: url("images/s2_4\ \(1\).jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__oled_menu .product_list .product.s2-5 {
        width: 320px;
        height: 300px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-5 .product-img {
        width: 320px;
        height: 300px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-5 .product-img .img {
        width: 320px;
        height: 300px;
    }
    #CMD .section__oled_menu .product_list .s2-5 .img {
        background-image: url("images/s2_5\ \(1\).jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .kv__table {
        position: relative;
        left: 0;
        margin-top: 66px;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 600px;
        transform: none;
    }
    html #CMD .kv__table .table-nav {
        display: block;
        position: relative;
        width: 100%;
        font-size: 0;
    }
    html #CMD .kv__table .table-nav .nav-item {
        display: inline-block;
        position: relative;
        padding: 10px;
        box-sizing: border-box;
        width: 50%;
        vertical-align: bottom;
    }
    html #CMD .kv__table .table-nav .nav-item span {
        font-size: 20px;
    }
    html #CMD .kv__table .table-container {
        margin-top: 30px;
        text-align: left;
    }
    html #CMD .kv__table .table-container .table-item {
        padding: 38px 17px 25px;
    }
    html #CMD .kv__table .table-container .table-item .item-title {
        display: none;
    }
    html #CMD .kv__table .table-container .table-item .item-rows {
        margin-top: -14px;
    }
    html #CMD .kv__table .table-container .table-item .item-rows .row-item {
        font-size: 17px;
        text-align: center;
    }
    html #CMD .kv__table .table-container .table-item .item-rows .row-item .item-text {
        padding: 12px 0;
        width: 100%;
    }
    html #CMD .kv__table .table-container .table-item .item-rows .row-item::after {
        height: 1px;
    }
    html #CMD .kv__table .table-container .table-item .item-rows .row-item span {
        margin: 6px 0;
    }
    html #CMD .kv__table .table-container .table-item.item-name {
        position: relative;
        left: 0;
        width: 90px;
        min-width: unset;
    }
    html #CMD .kv__table .table-container .table-item.item-name .row-item .item-text {
        font-size: 15px;
        text-align: left;
    }
    html #CMD .kv__table .table-container .table-item.item-main {
        position: absolute;
        margin-left: 0;
        width: calc(100% - 175px);
        min-width: unset;
    }
    html #CMD .kv__table .table-container .table-item.item-main::before {
        border-radius: 5px;
    }
    html #CMD .kv__table .table-container .table-item.item-sub {
        position: absolute;
        margin-left: 0;
        width: calc(100% - 175px);
        min-width: unset;
    }
    html #CMD .kv__table .table-container .table-item.item-sub .item-rows .row-item {
        color: #fff;
    }
    html #CMD .kv__table .table-container .table-item.item-sub::before {
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #2c2c31;
    }
    html #CMD .kv__table .table-nav .nav-item {
        transition: all 300ms;
    }
    html #CMD .kv__table .table-nav .nav-item.nav-main {
        background: linear-gradient(to right, #555, #555);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    html #CMD .kv__table .table-nav .nav-item.nav-sub {
        color: #878787;
    }
    html #CMD .kv__table .table-nav .nav-item.active.nav-main {
        background: linear-gradient(to right, #f29759, #ffeb7c, #80c47d, #56beb8, #319fc5, #668cc8, #8e66a9, #b971ac, #d96b9a);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    html #CMD .kv__table .table-nav .nav-item.active.nav-sub {
        color: #fff;
    }
    html #CMD .kv__table .table-container .table-item.item-main,
    html #CMD .kv__table .table-container .table-item.item-sub {
        z-index: 0;
        opacity: 0;
        transition: all 300ms;
    }
    html #CMD .kv__table .table-container .table-item.active {
        z-index: 1;
        opacity: 1;
    }
    html #CMD .oled__video {
        margin: 80px auto 0;
        padding-bottom: 51.06%;
        width: 100%;
        height: 0;
    }
    html #CMD .oled__video .img__oled-video {
        position: absolute;
        width: 100%;
        height: 100%;
        background-size: contain;
    }
    html #CMD .oled__video .img__oled-play {
        width: 60px;
        height: 60px;
        background-size: contain;
    }
    html #CMD .section__oled_color {
        margin-top: 0;
        padding-top: 80px;
        padding-bottom: 0;
    }
    html #CMD .section__oled_color .bottom-content .content__info {
        margin-top: 53px;
    }
    html #CMD .section__oled_color .wd__feature__list {
        margin-right: auto;
        margin-left: auto;
        max-width: 340px;
    }
    html #CMD .section__oled_color .wd__feature .img__icon4 {
        margin-top: 18px;
    }
    html #CMD .section__oled_color .compare__animation {
        margin-top: 26px;
    }
    html #CMD .section__oled_color .compare__animation .twentytwenty {
        box-sizing: unset;
        width: 414px;
    }
    html #CMD .section__oled_color .compare__animation .twentytwenty .img {
        width: 414px;
        height: 364px;
    }
    #CMD .section__oled_color .img__before {
        background-image: url("images/hotasml\ bf\ .jpg");
    }
}

@media all and (max-width: 730.5px) {
    #CMD .section__oled_color .img__after {
        background-image: url("images/hotasml\ af\ .jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__oled_color .compare__animation .twentytwenty .compare__text {
        position: relative;
        width: 414px;
        height: 364px;
    }
    html #CMD .section__oled_color .compare__animation .twentytwenty .compare__text span {
        font-size: 14px;
    }
    html #CMD .section__oled_color .compare__animation .twentytwenty .compare__text span.textLeft1 {
        top: 10px;
        left: 13px;
        font-size: 26px;
    }
    html #CMD .section__oled_color .compare__animation .twentytwenty .compare__text span.textLeft2 {
        top: 42px;
        left: 14px;
    }
    html #CMD .section__oled_color .compare__animation .twentytwenty .compare__text span.textRight1 {
        top: 10px;
        right: 15px;
        font-size: 26px;
    }
    html #CMD .section__oled_color .compare__animation .twentytwenty .compare__text span.textRight2 {
        top: 42px;
        right: 16px;
    }
    html #CMD .section__oled_color .chart-container {
        margin-top: 33px;
        margin-left: -205px;
        width: 410px;
    }
    html #CMD .section__oled_color .chart-container .img__main-1 {
        width: 410px;
        height: 210px;
    }
    #CMD .section__oled_color .img__main-1 {
        background-image: url("images/01-bg\ \(2\).jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__oled_color .chart-container .chart-content {
        height: 210px;
    }
    html #CMD .section__oled_color .chart-container .chart-content .content-row-x .row-item {
        top: 176px;
        width: 56px;
    }
    html #CMD .section__oled_color .chart-container .chart-content .content-row-x .row-item.item-0 {
        text-align: left;
    }
    html #CMD .section__oled_color .chart-container .chart-content .content-row-x .row-item.item-0 {
        margin-left: -141px;
    }
    html #CMD .section__oled_color .chart-container .chart-content .content-row-x .row-item.item-1 {
        margin-left: -83px;
    }
    html #CMD .section__oled_color .chart-container .chart-content .content-row-x .row-item.item-2 {
        margin-left: -25px;
    }
    html #CMD .section__oled_color .chart-container .chart-content .content-row-x .row-item.item-3 {
        margin-left: 38px;
    }
    html #CMD .section__oled_color .chart-container .chart-content .content-row-x .row-item.item-4 {
        margin-left: 98px;
    }
    html #CMD .section__oled_color .chart-container .chart-content .content-row-y .row-item {
        left: 65px;
    }
    html #CMD .section__oled_color .chart-container .chart-content .content-row-y .row-item.item-0 {
        top: 16px;
    }
    html #CMD .section__oled_color .chart-container .chart-content .content-row-y .row-item.item-1 {
        top: 86px;
    }
    html #CMD .section__oled_color .chart-container .chart-content .content-value .row-item {
        top: 36px;
        left: 88px;
    }
    html #CMD .section__oled_color .chart-container .chart-content .content-value .row-item .item-info .info-name {
        font-size: 12px;
    }
    html #CMD .section__oled_color .chart-disclaimer {
        margin-top: -8px;
    }
    html #CMD .section__oled_color .chart-brightness {
        left: 50%;
        margin-top: 51px;
        margin-left: -160px;
        width: 320px;
    }
    html #CMD .section__oled_color .chart-brightness .img__brightness {
        width: 320px;
        height: 1250px;
    }
    #CMD .section__oled_color .chart-brightness .img__brightness {
        background-image: url("images/chart\ \(2\).png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__oled_color .chart-brightness .chart-content .chart-name {
        position: absolute;
        top: 50%;
        bottom: unset;
        left: 50%;
        margin-left: -126px;
        width: 10px;
        font-size: 16px;
        transform: translateX(-50%) translateY(-50%) rotate(90deg);
    }
    html #CMD .section__oled_color .chart-brightness .chart-content .chart-name span {
        display: block;
        position: absolute;
        left: 50%;
        padding: 0 20px;
        white-space: nowrap;
        background-color: #000;
        transform: translate3d(-50%, 0, 0);
    }
    html #CMD .section__oled_color .chart-brightness .chart-content .arrow {
        bottom: 261px;
        left: 17px;
        width: 80px;
        font-size: 16px;
        text-align: left;
    }
    html #CMD .section__oled_color .chart-brightness .chart-content .arrow.arrow-left {
        bottom: 1211px;
        left: 18px;
    }
    html #CMD .section__oled_color .chart-brightness .chart-content .arrow.arrow-right {
        top: 1207px;
        right: unset;
        bottom: unset;
        width: 70px;
    }
    html #CMD .section__oled_color .chart-content .content-row.content-row-x .row-item .item-info .info-name {
        font-size: 13px;
    }
    html #CMD .section__oled_color .chart-content .content-row.content-value .row-item .item-info .info-name {
        font-size: 13px;
    }
    html #CMD .section__oled_eyeCare {
        margin-top: 0;
        padding-top: 80px;
        padding-bottom: 0;
    }
    html #CMD .section__oled_eyeCare .wd__feature__list {
        margin: 53px auto 0;
        max-width: 320px;
    }
    html #CMD .section__oled_eyeCare .wd__feature__list .wd__feature {
        margin: 0 10px 29px;
    }
    html #CMD .section__oled_eyeCare .wd__feature__list .wd__feature .img__icon2 {
        top: 20px;
        width: 134px;
        height: 68px;
        background-size: contain;
    }
    html #CMD .section__oled_eyeCare .wd__feature__list .wd__feature .img__icon3 {
        top: 20px;
        width: 134px;
        height: 68px;
        background-size: contain;
    }
    html #CMD .section__oled_eyeCare .wd__feature__list .wd__feature.feature-1 {
        width: 90%;
    }
    html #CMD .section__oled_eyeCare .img__oled_eyeCare {
        margin-top: -57px;
        transform: scale(0.51);
    }
    html #CMD .section__oled_eyeCare .img__oled_eyeCare span.text1 {
        top: -45px;
        left: 185px;
        width: 150px;
        font-size: 30px;
    }
    html #CMD .section__oled_eyeCare .img__oled_eyeCare span.text2 {
        top: 446px;
        left: 521px;
        width: 229px;
        font-size: 24px;
        text-align: left;
    }
    html #CMD .section__oled_eyeCare .img__oled_eyeCare span.text2::before {
        display: block;
        position: absolute;
        z-index: -1;
        top: 6px;
        left: -26px;
        width: 15px;
        height: 15px;
        border: 1px solid #fff;
        background: transparent;
        content: '';
    }
    html #CMD .section__oled_eyeCare .img__oled_eyeCare span.text3 {
        top: 446px;
        left: 240px;
        width: 234px;
        font-size: 24px;
        text-align: left;
    }
    html #CMD .section__oled_eyeCare .img__oled_eyeCare span.text3::before {
        display: block;
        position: absolute;
        z-index: -1;
        top: 6px;
        left: -26px;
        width: 15px;
        height: 15px;
        border: 1px dashed #fff;
        background: transparent;
        content: '';
    }
    html #CMD .section__oled_eyeCare .img__oled_eyeCare span.text4 {
        top: 78px;
        left: 350px;
        width: 250px;
        font-size: 31px;
    }
    html #CMD .section__oled_eyeCare .modal-button-container {
        margin-top: -48px;
    }
    html #CMD .section__oled_childEyeCare {
        margin-top: 0;
        padding-top: 70px;
        padding-bottom: 0;
    }
    html #CMD .section__oled_childEyeCare .wd__content .content__info {
        min-height: unset;
    }
    html #CMD .section__oled_childEyeCare .img__oled_childEyeCare {
        position: relative;
        left: 50%;
        margin-top: 30px;
        margin-left: -170px;
        width: 400px;
        height: 372px;
    }
    #CMD .section__oled_childEyeCare .img__oled_childEyeCare {
        background-image: url("images/s6\ \(1\).jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__oled_childEyeCare .img__chart {
        margin-top: 56px;
        margin-left: -205px;
        width: 410px;
        height: 270px;
    }
    #CMD .section__oled_childEyeCare .img__chart {
        background-image: url("images/01-bg\ \(1\).jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__oled_childEyeCare .img__chart .chart-content {
        margin-left: -160px;
        width: 320px;
    }
    html #CMD .section__oled_childEyeCare .img__chart .chart-content .chart-name {
        font-size: 14px;
    }
    html #CMD .section__oled_childEyeCare .img__chart .chart-content .chart-name.name-x {
        bottom: 252px;
        margin-left: -148px;
        width: 100px;
        font-size: 12px;
    }
    html #CMD .section__oled_childEyeCare .img__chart .chart-content .chart-name.name-y {
        top: 238px;
        margin-left: -30px;
        font-size: 12px;
    }
    html #CMD .section__oled_childEyeCare .img__chart .chart-content .chart-hl {
        bottom: 211px;
        margin-left: -20px;
        line-height: 1.3;
        width: 60px;
        font-size: 13px;
    }
    html #CMD .section__oled_childEyeCare .img__chart .line-content .line {
        right: 33px;
        font-size: 14px;
    }
    html #CMD .section__oled_childEyeCare .img__chart .line-content .line.line-0 {
        bottom: 201px;
    }
    html #CMD .section__oled_childEyeCare .img__chart .line-content .line.line-1 {
        top: 121px;
    }
    html #CMD .section__oled_childEyeCare .contnet-from {
        margin-top: -9px;
        width: 90%;
    }
    html #CMD .section__oled_childEyeCare .contnet-from .from-text {
        font-size: 12px;
    }
    html #CMD .section__oled_childEyeCare .contnet-link {
        margin-top: 3px;
    }
    html #CMD .section__oled_childEyeCare .contnet-link .link-text {
        line-height: 1;
    }
    html #CMD .section__oled_3Dcolor-2 {
        margin-top: 0;
        padding-top: 85px;
        padding-bottom: 0;
    }
    html #CMD .section__oled_3Dcolor-2 .wd__content.bottom-content .content__title {
        margin-top: 22px;
        font-size: 31px;
        text-align: center;
    }
    html #CMD .section__oled_3Dcolor-2 .compare__animation {
        margin-top: 60px;
    }
    html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty {
        box-sizing: unset;
        width: 414px;
    }
    html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty .img {
        width: 414px;
        height: 364px;
    }
    #CMD .section__oled_3Dcolor-2 .img__before {
        background-image: url("images/smasml\ bf.jpg");
    }
}

@media all and (max-width: 730.5px) {
    #CMD .section__oled_3Dcolor-2 .img__after {
        background-image: url("images/smasml\ af.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty .compare__text {
        position: relative;
        width: 414px;
        height: 364px;
    }
    html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty .compare__text span {
        font-size: 13px;
    }
    html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty .compare__text span.textLeft1 {
        top: 7px;
        left: 13px;
        font-size: 24px;
    }
    html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty .compare__text span.textLeft2 {
        top: 40px;
        left: 15px;
    }
    html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty .compare__text span.textRight1 {
        top: 7px;
        right: 15px;
        font-size: 24px;
    }
    html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty .compare__text span.textRight2 {
        top: 40px;
        right: 15px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container {
        margin-top: 31px;
        margin-left: -205px;
        width: 410px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .img__main {
        width: 410px;
        height: 230px;
    }
    #CMD .section__oled_3Dcolor-2 .img__main {
        background-image: url("../images/small/1x/oled/inner/s7/02-bg.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content {
        height: 230px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-x .row-item {
        top: 179px;
        width: 50px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-x .row-item.item-0 {
        margin-left: -143px;
        width: 69px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-x .row-item.item-1 {
        margin-left: -76px;
        width: 50px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-x .row-item.item-2 {
        margin-left: -16px;
        width: 50px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-x .row-item.item-3 {
        margin-left: 45px;
        width: 50px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-x .row-item.item-4 {
        margin-left: 105px;
        width: 50px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-y .row-item {
        left: 63px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-y .row-item.item-0 {
        top: 21px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-y .row-item.item-1 {
        top: 129px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-y .row-item.item-0 .item-container .data-0 {
        top: 1px;
        left: 62px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-y .row-item.item-1 .item-container .data-0 {
        top: -14px;
        left: 10px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-y .row-item.item-1 .item-container .data-1 {
        top: -31px;
        left: 59px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-y .row-item.item-1 .item-container .data-2 {
        top: -82px;
        left: 141px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-container .chart-content .content-row-y .row-item.item-1 .item-container .data-3 {
        top: -82px;
        left: 211px;
    }
    html #CMD .section__oled_3Dcolor-2 .chart-disclaimer {
        margin-top: 4px;
    }
    html #CMD .section__oled_contrast {
        padding-top: 80px;
        padding-bottom: 0;
    }
    html #CMD .section__oled_contrast .wd__feature__list .wd__feature.feature-4 {
        margin: 0 0 29px;
        width: 100%;
    }
    html #CMD .section__oled_contrast .wd__feature__list .wd__feature.feature-4 .wd__feature__describe__top {
        display: none;
    }
    html #CMD .section__oled_contrast .wd__feature__list .wd__feature.feature-4 .img__icon4 {
        margin-top: 18px;
        margin-left: -46px;
        width: 92px;
        height: 136px;
        background-size: contain;
    }
    html #CMD .section__oled_contrast .compare__animation {
        margin-top: 3px;
    }
    html #CMD .section__oled_contrast .compare__animation .twentytwenty {
        box-sizing: unset;
        width: 414px;
    }
    html #CMD .section__oled_contrast .compare__animation .twentytwenty .img {
        width: 414px;
        height: 364px;
    }
    #CMD .section__oled_contrast .img__before {
        background-image: url("images/chevalsml\ bf.jpg");
    }
}

@media all and (max-width: 730.5px) {
    #CMD .section__oled_contrast .img__after {
        background-image: url("images/chevalsml\ af.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__oled_contrast .compare__animation .twentytwenty .compare__text {
        position: relative;
        width: 414px;
        height: 364px;
    }
    html #CMD .section__oled_contrast .compare__animation .twentytwenty .compare__text span {
        font-size: 13px;
    }
    html #CMD .section__oled_contrast .compare__animation .twentytwenty .compare__text span.textLeft1 {
        top: 11px;
        left: 17px;
        font-size: 24px;
    }
    html #CMD .section__oled_contrast .compare__animation .twentytwenty .compare__text span.textRight1 {
        top: 11px;
        right: 17px;
        font-size: 24px;
    }
    html #CMD .section__oled_contrast .modal-button-container {
        margin-top: 47px;
    }
    html #CMD .section__oled_responseTime {
        margin-top: 0;
        padding-top: 70px;
        padding-bottom: 65px;
    }
    html #CMD .section__oled_responseTime .wd__feature__list .wd__feature {
        margin: 0 9px 29px;
    }
    html #CMD .section__oled_responseTime .compare-content {
        margin-top: 31px;
    }
    html #CMD .section__oled_responseTime .compare-content .img__compare__left,
    html #CMD .section__oled_responseTime .compare-content .img__compare__right {
        margin: 0;
        padding-bottom: 51%;
        width: 100%;
        height: 0;
    }
    html #CMD .section__oled_responseTime .compare-content .img__compare__left video,
    html #CMD .section__oled_responseTime .compare-content .img__compare__right video {
        position: absolute;
        left: 0;
        padding: 0;
        width: 100%;
        height: 100%;
    }
    html #CMD .section__oled_responseTime .compare-content .img__compare__left .text-describe,
    html #CMD .section__oled_responseTime .compare-content .img__compare__right .text-describe {
        bottom: 12px;
        font-size: 16px;
    }
    html #CMD .section__oled_responseTime .compare-content .img__compare__left .text-describe.text__compare__left,
    html #CMD .section__oled_responseTime .compare-content .img__compare__right .text-describe.text__compare__left {
        margin-left: -98px;
    }
    html #CMD .section__oled_responseTime .compare-content .img__compare__left .text-describe.text__compare__right,
    html #CMD .section__oled_responseTime .compare-content .img__compare__right .text-describe.text__compare__right {
        margin-left: -86px;
    }
    html #CMD .section__oled_responseTime .compare-content .img__compare__left {
        margin-bottom: 10px !important;
    }
    html #CMD .inner-view {
        margin-bottom: 0;
        background: transparent;
    }
    html #CMD .inner-view .inner-view-container {
        position: relative;
        overflow-x: hidden;
        overflow-y: scroll;
        margin-right: auto;
        margin-left: auto;
        max-width: 720px;
        height: 100vh;
        background: transparent;
    }
    html #CMD .inner-view .inner-view-container .inner-modal {
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 0;
        width: 100%;
        max-width: 720px;
    }
    html #CMD .inner-view .inner-view-container .inner-modal.modal-thin {
        background-color: #fff;
    }
    html #CMD .inner-view .inner-view-container .inner-modal.modal-dual {
        background-color: #fefefe;
    }
    html #CMD .inner-view .inner-view-container .inner-modal.modal-battery {
        background-color: #fff;
    }
    html #CMD .inner-view .inner-view-container .inner-modal.modal-port {
        background-color: #fefefe;
    }
    html #CMD .inner-view .inner-view-container .inner-modal.modal-security {
        background-color: #fefefe;
    }
    html #CMD .inner-view .inner-view-container .innerOledTemplate .wd__section {
        overflow: visible !important;
    }
    html #CMD .inner-view .inner-view-container .innerOledTemplate .wd__section .wd__content {
        width: 89.2% !important;
    }
    html #CMD .inner-view .inner-view-container .innerOledTemplate .wd__section .wd__content .content__slogan {
        color: #333;
    }
    html #CMD .inner-view .inner-view-container .innerOledTemplate .wd__section .wd__content .content__title {
        font-size: 27px;
    }
    html #CMD .inner-view .inner-view-container .innerOledTemplate .wd__section .wd__content .content__info {
        margin-top: 15px;
        font-size: 15px;
        line-height: 1.5;
    }
    html #CMD .inner-view .inner-view-container .innerOledTemplate .wd__section .wd__content .content__slogan::before,
    html #CMD .inner-view .inner-view-container .innerOledTemplate .wd__section .wd__content .content__slogan::after,
    html #CMD .inner-view .inner-view-container .innerOledTemplate .wd__section .wd__content .content__title::before,
    html #CMD .inner-view .inner-view-container .innerOledTemplate .wd__section .wd__content .content__title::after {
        display: none;
    }
    html #CMD .inner-view .section__btn__home::before {
        background: none;
    }
    html #CMD .section__oled_harmful {
        padding-top: 40px;
        padding-bottom: 0;
    }
    html #CMD .section__oled_harmful .wd__content {
        width: 90%;
        max-width: 717px;
    }
    html #CMD .section__oled_harmful .img__main {
        margin-top: 9px;
        margin-left: -205px;
        width: 410px;
        height: 260px;
    }
    #CMD .section__oled_harmful .img__main {
        background-image: url("../images/small/1x/oled/inner/s5/01-bg.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__oled_harmful .img__main .bar {
        top: 224px;
        line-height: 1.2;
        width: 60px;
    }
    html #CMD .section__oled_harmful .img__main .bar .bar-name {
        font-size: 12px;
    }
    html #CMD .section__oled_harmful .img__main .bar .bar-info {
        top: -122px;
    }
    html #CMD .section__oled_harmful .img__main .bar .bar-info .bar-value {
        font-size: 20px;
    }
    html #CMD .section__oled_harmful .img__main .bar .bar-info .bar-unit {
        top: -1px;
        padding-left: 1px;
        font-size: 12px;
    }
    html #CMD .section__oled_harmful .img__main .bar.bar-0 {
        margin-left: -145px;
    }
    html #CMD .section__oled_harmful .img__main .bar.bar-1 {
        margin-left: -71px;
    }
    html #CMD .section__oled_harmful .img__main .bar.bar-2 {
        margin-left: 3px;
    }
    html #CMD .section__oled_harmful .img__main .bar.bar-3 {
        margin-left: 77px;
    }
    html #CMD .section__oled_harmful .chart-content {
        margin-top: 18px;
    }
    html #CMD .section__oled_harmful .chart-content .content-title {
        margin-left: -200px;
        width: 400px;
        font-size: 13px;
    }
    html #CMD .section__oled_harmful .chart-content .contnet-from {
        margin-top: 8px;
        width: 90%;
    }
    html #CMD .section__oled_harmful .chart-content .contnet-from .from-text {
        font-size: 12px;
    }
    html #CMD .section__oled_harmful .chart-content .contnet-link {
        margin-top: 3px;
    }
    html #CMD .section__oled_blue_light {
        padding-top: 30px;
        padding-bottom: 156px;
    }
    html #CMD .section__oled_blue_light .wd__content {
        width: 90%;
        max-width: 720px;
    }
    html #CMD .section__oled_blue_light .img__main {
        margin-top: 9px;
        margin-left: -205px;
        width: 410px;
        height: 256px;
    }
    #CMD .section__oled_blue_light .img__main {
        background-image: url("../images/small/1x/oled/inner/s5/02-bg.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__oled_blue_light .img__main .wave {
        top: 178px;
        width: 90px;
    }
    html #CMD .section__oled_blue_light .img__main .wave .wave-info {
        top: -160px;
    }
    html #CMD .section__oled_blue_light .img__main .wave .wave-info .wave-value {
        font-size: 22px;
    }
    html #CMD .section__oled_blue_light .img__main .wave .wave-info .wave-unit {
        top: -3px;
        padding-left: 2px;
        font-size: 12px;
    }
    html #CMD .section__oled_blue_light .img__main .wave .wave-title {
        font-size: 12px;
    }
    html #CMD .section__oled_blue_light .img__main .wave.wave-0 {
        margin-left: -138px;
    }
    html #CMD .section__oled_blue_light .img__main .wave.wave-1 {
        margin-left: -46px;
    }
    html #CMD .section__oled_blue_light .img__main .wave.wave-2 {
        margin-left: 48px;
    }
    html #CMD .section__oled_blue_light .chart-content {
        margin-top: -19px;
    }
    html #CMD .section__oled_blue_light .chart-content .content-name {
        margin-left: -150px;
        width: 300px;
    }
    html #CMD .section__oled_blue_light .chart-content .content-name .name-bar {
        top: 0;
        width: 15px;
        height: 3px;
    }
    html #CMD .section__oled_blue_light .chart-content .content-name .name-text {
        margin-left: 3px;
        font-size: 13px;
    }
    html #CMD .section__oled_blue_light .chart-content .contnet-from {
        line-height: 1;
        width: 90%;
    }
    html #CMD .section__oled_blue_light .chart-content .contnet-from .from-text {
        font-size: 12px;
    }
    html #CMD .section__oled_blue_light .chart-content .contnet-link {
        line-height: 1;
        margin-top: 3px;
    }
    html #CMD .section__oled_hdr {
        margin-bottom: 0;
        padding-top: 40px;
        padding-bottom: 0;
    }
    html #CMD .section__oled_hdr .wd__content {
        width: 90%;
        max-width: 814px;
    }
    html #CMD .section__oled_hdr .img__main {
        margin-top: 40px;
        margin-left: -205px;
        width: 410px;
        height: 264px;
    }
    #CMD .section__oled_hdr .img__main {
        background-image: url("../images/small/1x/oled/inner/s8/01-bg.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__oled_hdr .img__main .chart-content .axis-hint {
        width: 75px;
        font-size: 12px;
    }
    html #CMD .section__oled_hdr .img__main .chart-content .item-content {
        width: 80px;
        font-size: 15px;
    }
    html #CMD .section__oled_hdr .img__main .chart-content .axis-y .y-hint {
        top: 10px;
        left: 43px;
    }
    html #CMD .section__oled_hdr .img__main .chart-content .axis-y .y-item .item-content {
        left: 64px;
    }
    html #CMD .section__oled_hdr .img__main .chart-content .axis-y .y-item .item-content.item-0 {
        top: 63px;
    }
    html #CMD .section__oled_hdr .img__main .chart-content .axis-y .y-item .item-content.item-0 .content-value {
        left: 75px;
    }
    html #CMD .section__oled_hdr .img__main .chart-content .axis-y .y-item .item-content.item-1 {
        top: 138px;
    }
    html #CMD .section__oled_hdr .img__main .chart-content .axis-y .y-item .item-content.item-1 .content-value {
        left: 75px;
    }
    html #CMD .section__oled_hdr .img__main .chart-content .axis-y .y-item .item-content.item-2 {
        top: 195px;
    }
    html #CMD .section__oled_hdr .img__main .chart-content .axis-y .y-item .item-content.item-2 .content-value {
        left: 153px;
    }
    html #CMD .section__oled_hdr .img__main .chart-content .axis-y .y-item .item-content .content-value {
        top: unset;
        bottom: 18px;
        color: #fff !important;
        font-size: 15px;
        transform: none;
    }
    html #CMD .section__oled_hdr .img__main .chart-content .axis-x .x-hint {
        top: 234px;
        right: 64px;
        width: 160px;
    }
    html #CMD .section__oled_pixels {
        margin-top: 0;
        padding-top: 12px;
        padding-bottom: 152px;
    }
    html #CMD .section__oled_pixels .wd__content {
        width: 90%;
        max-width: 874px;
    }
    html #CMD .section__oled_pixels .compare-content {
        margin: 49px auto 0;
        width: 100%;
    }
    html #CMD .section__oled_pixels .compare-content .img__compare__left,
    html #CMD .section__oled_pixels .compare-content .img__compare__right {
        margin: 0;
        padding-bottom: 51%;
        width: 100%;
        height: 0;
    }
    html #CMD .section__oled_pixels .compare-content .img__compare__left video,
    html #CMD .section__oled_pixels .compare-content .img__compare__right video {
        position: absolute;
        left: 0;
        padding: 0;
        width: 100%;
        height: 100%;
    }
    html #CMD .section__oled_pixels .compare-content .img__compare__left .text-describe,
    html #CMD .section__oled_pixels .compare-content .img__compare__right .text-describe {
        bottom: 9px;
        font-size: 16px;
    }
    html #CMD .section__oled_pixels .compare-content .img__compare__left {
        margin-bottom: 10px !important;
    }
}

@media all and (max-width: 730.5px) and (min-width: 640px) and (max-width: 730.5px) {
    html #CMD .section__oled_menu .product_list .product.s2-5 {
        width: 640px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-5 .product-img {
        width: 640px;
    }
    html #CMD .section__oled_menu .product_list .product.s2-5 .product-img .img {
        width: 640px;
    }
}

@media all and (max-width: 730.5px) and (min-width: 375px) and (max-width: 730.5px) {
    html #CMD .kv__table {
        width: 89.2%;
    }
    html #CMD .kv__table .table-container {
        left: -16px;
    }
    html #CMD .kv__table .table-container .table-item.item-main,
    html #CMD .kv__table .table-container .table-item.item-sub {
        width: calc(100% - 140px);
    }
}

@media all and (max-width: 730.5px) and (min-width: 500px) and (max-width: 730.5px) {
    html #CMD .oled__video {
        padding-bottom: unset;
        width: 500px;
        height: 256px;
    }
    html #CMD .oled__video .img__oled-video {
        width: 500px;
        height: 256px;
    }
}

@media all and (max-width: 730.5px) and (min-width: 414px) and (max-width: 730.5px) {
    html #CMD .section__oled_responseTime .compare-content .img__compare__left,
    html #CMD .section__oled_responseTime .compare-content .img__compare__right {
        margin: 0;
        padding-bottom: unset;
        width: 414px;
        height: 233px;
    }
    html #CMD .section__oled_pixels .compare-content .img__compare__left,
    html #CMD .section__oled_pixels .compare-content .img__compare__right {
        margin: 0;
        padding-bottom: unset;
        width: 414px;
        height: 233px;
    }
}

@media all and (max-width: 730.5px) and (min-width: 0) and (max-width: 414px) {
    html #CMD .section__oled_menu .product.s2-5 {
        width: 640px;
    }
    html #CMD .section__oled_menu .product.s2-5 .product-img {
        width: 640px;
    }
    html #CMD .section__oled_menu .product.s2-5 .product-img .img {
        width: 640px;
    }
    html #CMD .section__oled_color .compare__animation .twentytwenty,
    html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty,
    html #CMD .section__oled_contrast .compare__animation .twentytwenty {
        width: 100%;
    }
    html #CMD .section__oled_color .compare__animation .twentytwenty .img,
    html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty .img,
    html #CMD .section__oled_contrast .compare__animation .twentytwenty .img {
        width: 100%;
    }
    html #CMD .section__oled_color .compare__animation .twentytwenty .compare__text,
    html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty .compare__text,
    html #CMD .section__oled_contrast .compare__animation .twentytwenty .compare__text {
        width: 100%;
    }
    html #CMD .section__oled_color .compare__animation .twentytwenty,
    html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty,
    html #CMD .section__oled_contrast .compare__animation .twentytwenty {
        border-left: 0 !important;
        border-right: 0 !important;
    }
}

@media all and (min-width: 0) and (max-width: 500px) {
    html #CMD .section__mobility .wd__feature__list {
        max-width: 280px;
    }
}


/* -------------------------------------------------------------- */

.swiper-container {
    position: relative;
    overflow: hidden;
    list-style: none;
    z-index: 1
}

[dir] .swiper-container {
    padding: 0
}

[dir=ltr] .swiper-container,
[dir=rtl] .swiper-container {
    margin-left: auto;
    margin-right: auto
}

[dir=ltr] .swiper-container-no-flexbox .swiper-slide {
    float: left
}

[dir=rtl] .swiper-container-no-flexbox .swiper-slide {
    float: right
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

[dir] .swiper-wrapper {
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0)
}

[dir] .swiper-container-android .swiper-slide,
[dir] .swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out
}

[dir] .swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform
}

[dir] .swiper-slide {
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    -o-transition-property: transform, height
}

[dir] .swiper-container-autoheight .swiper-wrapper {
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

[dir=ltr] .swiper-container-3d .swiper-slide-shadow-bottom,
[dir=ltr] .swiper-container-3d .swiper-slide-shadow-left,
[dir=ltr] .swiper-container-3d .swiper-slide-shadow-right,
[dir=ltr] .swiper-container-3d .swiper-slide-shadow-top {
    left: 0
}

[dir=rtl] .swiper-container-3d .swiper-slide-shadow-bottom,
[dir=rtl] .swiper-container-3d .swiper-slide-shadow-left,
[dir=rtl] .swiper-container-3d .swiper-slide-shadow-right,
[dir=rtl] .swiper-container-3d .swiper-slide-shadow-top {
    right: 0
}

[dir=ltr] .swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

[dir=ltr] .swiper-container-3d .swiper-slide-shadow-right,
[dir=rtl] .swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

[dir=rtl] .swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

[dir] .swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

[dir=ltr] .swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)))
}

[dir=rtl] .swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, right bottom, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)))
}

[dir] .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

[dir=ltr] .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)))
}

[dir=rtl] .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, right top, right bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)))
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    z-index: 10
}

[dir] .swiper-button-next,
[dir] .swiper-button-prev {
    margin-top: -22px;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    pointer-events: none
}

[dir] .swiper-button-next.swiper-button-disabled,
[dir] .swiper-button-prev.swiper-button-disabled {
    cursor: auto
}

[dir] .swiper-button-prev,
[dir] .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E")
}

[dir=ltr] .swiper-button-prev,
[dir=ltr] .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

[dir=rtl] .swiper-button-prev,
[dir=rtl] .swiper-container-rtl .swiper-button-next {
    right: 10px;
    left: auto
}

[dir] .swiper-button-next,
[dir] .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E")
}

[dir=ltr] .swiper-button-next,
[dir=ltr] .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

[dir=rtl] .swiper-button-next,
[dir=rtl] .swiper-container-rtl .swiper-button-prev {
    left: 10px;
    right: auto
}

[dir] .swiper-button-prev.swiper-button-white,
[dir] .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

[dir] .swiper-button-next.swiper-button-white,
[dir] .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

[dir] .swiper-button-prev.swiper-button-black,
[dir] .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

[dir] .swiper-button-next.swiper-button-black,
[dir] .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    -o-transition: .3s opacity;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    z-index: 10
}

[dir] .swiper-pagination {
    text-align: center;
    -webkit-transition: opacity .3s;
    transform: translateZ(0)
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    width: 100%
}

[dir=ltr] .swiper-container-horizontal>.swiper-pagination-bullets,
[dir=ltr] .swiper-pagination-custom,
[dir=ltr] .swiper-pagination-fraction {
    left: 0
}

[dir=rtl] .swiper-container-horizontal>.swiper-pagination-bullets,
[dir=rtl] .swiper-pagination-custom,
[dir=rtl] .swiper-pagination-fraction {
    right: 0
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    position: relative
}

[dir] .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1)
}

[dir] .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1)
}

[dir] .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66)
}

[dir] .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33)
}

[dir] .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66)
}

[dir] .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33)
}

[dir] .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    opacity: .2
}

[dir] .swiper-pagination-bullet {
    border-radius: 100%;
    background: #000
}

button.swiper-pagination-bullet {
    -webkit-box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

[dir] button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none
}

[dir] .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1
}

[dir] .swiper-pagination-bullet-active {
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0)
}

[dir] .swiper-container-vertical>.swiper-pagination-bullets {
    transform: translate3d(0, -50%, 0)
}

[dir=ltr] .swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px
}

[dir=rtl] .swiper-container-vertical>.swiper-pagination-bullets {
    left: 10px
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block
}

[dir] .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 8px
}

[dir] .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    transform: translateY(-50%)
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: top .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s top;
    transition: transform .2s, top .2s;
    transition: transform .2s, top .2s, -webkit-transform .2s
}

[dir] .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: top .2s, -webkit-transform .2s
}

[dir] .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    white-space: nowrap
}

[dir=ltr] .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

[dir=rtl] .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}

[dir=ltr] .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s, -webkit-transform .2s;
    transition: left .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s left;
    transition: transform .2s, left .2s;
    transition: transform .2s, left .2s, -webkit-transform .2s
}

[dir=ltr] .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
[dir=rtl] .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s, -webkit-transform .2s;
    transition: right .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s right;
    transition: transform .2s, right .2s;
    transition: transform .2s, right .2s, -webkit-transform .2s
}

[dir=rtl] .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s, -webkit-transform .2s;
    transition: left .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s left;
    transition: transform .2s, left .2s;
    transition: transform .2s, left .2s, -webkit-transform .2s
}

.swiper-pagination-progressbar {
    position: absolute
}

[dir] .swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0)
}

[dir] .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    transform: scale(0)
}

[dir=ltr] .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    left: 0;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

[dir=rtl] .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    right: 0
}

[dir=ltr] .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
[dir=rtl] .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

[dir=rtl] .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    top: 0
}

[dir=ltr] .swiper-container-horizontal>.swiper-pagination-progressbar,
[dir=ltr] .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    left: 0
}

[dir=rtl] .swiper-container-horizontal>.swiper-pagination-progressbar,
[dir=rtl] .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    right: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    top: 0
}

[dir=ltr] .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
[dir=ltr] .swiper-container-vertical>.swiper-pagination-progressbar {
    left: 0
}

[dir=rtl] .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
[dir=rtl] .swiper-container-vertical>.swiper-pagination-progressbar {
    right: 0
}

[dir] .swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

[dir] .swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .25)
}

[dir] .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

[dir] .swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

[dir] .swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

[dir] .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    position: relative;
    -ms-touch-action: none
}

[dir] .swiper-scrollbar {
    border-radius: 10px;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

[dir=ltr] .swiper-container-horizontal>.swiper-scrollbar {
    left: 1%
}

[dir=rtl] .swiper-container-horizontal>.swiper-scrollbar {
    right: 1%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

[dir=ltr] .swiper-container-vertical>.swiper-scrollbar {
    right: 3px
}

[dir=rtl] .swiper-container-vertical>.swiper-scrollbar {
    left: 3px
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    top: 0
}

[dir] .swiper-scrollbar-drag {
    background: rgba(0, 0, 0, .5);
    border-radius: 10px
}

[dir=ltr] .swiper-scrollbar-drag {
    left: 0
}

[dir=rtl] .swiper-scrollbar-drag {
    right: 0
}

[dir] .swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

[dir] .swiper-zoom-container {
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

[dir] .swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    top: 50%;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%
}

[dir] .swiper-lazy-preloader {
    margin-top: -21px;
    transform-origin: 50%
}

[dir=ltr] .swiper-lazy-preloader {
    left: 50%;
    margin-left: -21px;
    -webkit-animation: swiper-preloader-spin-ltr 1s steps(12) infinite;
    animation: swiper-preloader-spin-ltr 1s steps(12) infinite
}

[dir=rtl] .swiper-lazy-preloader {
    right: 50%;
    margin-right: -21px;
    -webkit-animation: swiper-preloader-spin-rtl 1s steps(12) infinite;
    animation: swiper-preloader-spin-rtl 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%
}

[dir] .swiper-lazy-preloader:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

[dir] .swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin-ltr {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes swiper-preloader-spin-rtl {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes swiper-preloader-spin-ltr {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin-rtl {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

[dir=ltr] .swiper-container .swiper-notification {
    left: 0
}

[dir=rtl] .swiper-container .swiper-notification {
    right: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out
}

[dir] .swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity
}

[dir] .swiper-container-fade .swiper-slide {
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    width: 100%;
    height: 100%
}

[dir=ltr] .swiper-container-cube .swiper-slide {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

[dir=rtl] .swiper-container-cube .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

[dir=ltr] .swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

[dir=rtl] .swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

[dir] .swiper-container-cube .swiper-cube-shadow {
    background: #000
}

[dir=ltr] .swiper-container-cube .swiper-cube-shadow {
    left: 0
}

[dir=rtl] .swiper-container-cube .swiper-cube-shadow {
    right: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}


/* -------------------------------------------------- */