@charset "
.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;
}

#CMD {
    font-size: 15px;
}

#CMD {
    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: unset;
}

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

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

    .wd__content .content__slogan sup.sign-tm {
        top: -0.4em;
    }

    .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: -1.58em;
    }

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

    .wd__content .content__slogan sup.sign-tm {
        top: -0.33em;
    }

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

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

.inner>section {
    max-width: unset;
}

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

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

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

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

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

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

@media (max-width: 730.5px) {
    .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-flex;
    position: relative;
    z-index: 1;
    cursor: pointer;
    align-items: center;
    margin: 10px 0 10px 70px;
    padding: 0 15px 0 20px;
    height: 75px;
    color: #fff;
    font-weight: 200;
    text-align: center;
    border: 0;
    background-repeat: round;
    background-size: cover;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    pointer-events: all;
    min-width: 50px;
    line-height: 46px;
}

.modal-button-container .modal-button {
    background-image: url("../images/btn_bg.png");
}

.inner-view .modal-button-container .modal-button {
    background-image: url("../images/btn_bg_inner.png");
}

.modal-button-container .modal-button .modal-inner-text {
    margin-top: 4px;
}

.modal-button-container .modal-button::before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: -98px;
    width: 98px;
    height: 75px;
    background-size: cover;
    content: '';
}

.modal-button-container .modal-button:before {
    background-image: url("../images/btn_start.png");
}

.inner-view .modal-button-container .modal-button:before {
    background-image: url("../images/btn_start_inner.png");
}


.modal-button-container .modal-button::after {
    display: inline-block;
    position: absolute;
    top: 0;
    right: -27px;
    width: 27px;
    height: 75px;
    background-size: cover;
    content: '';
}

.modal-button-container .modal-button:after {
    background-image: url("../images/btn_end.png");
}

.inner-view .modal-button-container .modal-button:after {
    background-image: url("../images/btn_end_inner.png");
}

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

.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: 100vw;
    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: 100vw;
    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: 730.5px) {
    .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;
    }
}

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)";
    }
}

#CMD .outer-view {
    background: #dad8d9;
}

@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: #ef4801 !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__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/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;
    display: block;
}

#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 .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: 84px;
    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;
    font-size: 18px;
    color: #717171;
    line-height: 1.4;
}

@media all and (max-width: 730.5px) {
    .wd__section .wd__content .content__comment {
        margin-top: 12px;
        font-size: 13px;
        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 {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    box-sizing: border-box;
    margin: 0 25px 50px;
    color: #333;
}

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

@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: .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 {
    font-size: 54px;
    line-height: 66px;
    bottom: -4px;
    position: relative;
}

.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: 54px;
        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 {
        font-size: 37.8px;
        line-height: 49px;
        padding-top: 0px;
        margin-bottom: -1px;
    }

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

.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 .footnotes {
    margin: 25px auto 0;
    padding-right: 16px;
    padding-left: 16px;
    box-sizing: border-box;
    width: 100%;
    max-width: 1236px;
}

.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-right: 30px;
        padding-left: 34px;
        width: 100%;
        max-width: 1280px;
    }

    .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-right: 28px;
        padding-left: 22px;
        box-sizing: border-box;
        width: auto;
    }

    .wd__section .footnotes ul.footnote {
        margin-left: 14px;
        line-height: 1.4;
    }

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

    .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;
        left: -4px;
        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/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/icon_all_smiles.png");
}

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

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


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

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


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


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

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

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


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


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

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


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


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


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

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


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


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


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


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


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


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

.inner__page .icon.icon-portrait {
    background-image: url("../images/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/icon/inner/icon_open_black.png");
}

.wd__innerbtn.theme-black .inner__btn.active .toggleSlide {
    background-image: url("../images/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/icon/inner/icon_open_white.png");
}


.wd__innerbtn.theme-white .inner__btn.active .toggleSlide {
    background-image: url("../images/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-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: #686868;
        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: 54px;
        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: -8px;
        left: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 63px 28px 0 0;
        border-color: transparent rgba(209, 63, 0, 0.8) transparent transparent;
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-label .label-name {
        padding: 0 20px 0 22px;
        height: 54px;
        font-size: 18px;
        background: rgba(209, 63, 0, 0.8);
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    .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 .item-dot.enter::after {
        background: #e42657;
        transform: translate3d(-50%, -50%, 0) scale(1.5);
    }
}

@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: 121px;
        right: 20px;
        width: calc(100% - 40px);
        background-color: transparent;
    }

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

    .cmd-sidenav .container-items .item .item-label .label-name {
        color: #fff;
        font-size: 19px;
    }

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

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

html #CMD .wd__section .ksp__layout .grid-item-wdContent .item_image {
    width: 42%;
}

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 .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-tm,
html #CMD .wd__section .ksp__layout .sign-cr {
    line-height: 1;
}

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

    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_content {
        width: 57.7%;
    }

    html #CMD .wd__section .ksp__layout .grid-item-wdContent .img__block {
        position: absolute;
        top: 0;
        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_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;
        letter-spacing: 1px;
        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;
    }

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

    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 {
    background: #dad8d9;
}

html #CMD .wd__section.section__grid {
    opacity: 1;
    background: repeating-linear-gradient(315deg, #acaaab, #acaaab 2px, #dad8d9 2px, #dad8d9 11px);
    background-color: #000;
}

html #CMD .wd__section.section__12 {
    opacity: 1;
    background: repeating-linear-gradient(300deg, #fff, #fff 2px, #e1e1e1 2px, #e1e1e1 11px);
    background-color: #e1e1e1;
}

html #CMD .wd__section.section__12::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(248, 247, 247, 0.933) 0%, rgba(248, 247, 247, 0.863) 50%, rgba(225, 225, 225, 0.667) 100%);
    content: '';
}

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 .content__slogan .no__wrap,
html #CMD .wd__section .content__title .no__wrap {
    font-family: "TT Norms W05", "Segoe UI", sans-serif !important;
    font-weight: 300 !important;
    font-style: normal !important;
    display: inline-block;
    font-weight: 500 !important;
    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 {
    color: #1c1b19;
}

html #CMD .wd__section .wd__content .content__title {
    color: #ef4801;
}

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

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

html #CMD .wd__section .wd__content .content__link *,
html #CMD .wd__section .wd__content .content__link span {
    color: #1c1b19;
}

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

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

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

html #CMD .wd__section .wd__content .content__slogan {
    position: relative;
    padding: 0 65px;
    color: #1c1c1c;
    font-size: 21px;
    letter-spacing: 7px;
    text-transform: uppercase;
}

html #CMD .wd__section .wd__content .content__slogan::before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -5px;
    width: 49px;
    height: 10px;
    text-align: center;
    background-size: cover;
    content: '';
}

#CMD .wd__content .content__slogan::before {
    background-image: url("../images/slogan_w_left.png");
}


html #CMD .wd__section .wd__content .content__slogan::after {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -5px;
    width: 49px;
    height: 10px;
    background-size: cover;
    content: '';
}

#CMD .wd__content .content__slogan::after {
    background-image: url("../images/slogan_w_right.png");
}


html #CMD .wd__section .wd__content .content__title {
    margin-top: 19px;
}

html #CMD .wd__section .wd__content .content__info {
    margin-top: 21px;
}

html #CMD .wd__section .wd__content .content__link span {
    color: #ef4801;
}

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

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

html #CMD .wd__section .img__replay {
    /* background-image: url("https://dlcdnwebimgs.asus.com/files/media/f8f1ea0c-3bc6-4c85-aa0a-7adc78cc9a9a/v1/features/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;
}

html #CMD .wd__section .wd__content.theme-dark .content__slogan {
    color: #fff;
}

#CMD .wd__content.theme-dark .content__slogan::before {
    background-image: url("../images/slogan_b_left.png");
}


#CMD .wd__content.theme-dark .content__slogan::after {
    background-image: url("../images/slogan_b_right.png");
}


html #CMD .wd__section .wd__content.theme-dark .content__title {
    color: #ef4801;
}

html #CMD .wd__section .wd__content.theme-dark .content__info {
    color: #fff;
}

html #CMD .wd__section .wd__content.theme-dark .content__link span {
    color: #fff;
}

html #CMD .wd__section .wd__content.theme-dark .content__link:hover span {
    border-bottom: 1px solid #fff;
}

html #CMD .wd__section .wd__content.theme-dark .content__link::after {
    color: #fff;
}

html #CMD .wd__section .wd__contenttheme-dark .content__slogan {
    color: #171717;
}

html #CMD .wd__section .wd__contenttheme-dark .content__title {
    color: #171717;
}

html #CMD .wd__section .wd__contenttheme-dark .content__info {
    color: #171717;
}

html #CMD .wd__section .wd__contenttheme-dark .content__link {
    linkColor: #171717;
    color: #171717;
}

html #CMD .wd__section .wd__contenttheme-dark .content__link *,
html #CMD .wd__section .wd__contenttheme-dark .content__link span {
    color: #171717;
}

html #CMD .wd__section .wd__contenttheme-dark .content__link:after {
    color: #171717;
}

html #CMD .wd__section .wd__contenttheme-dark .content__link:link {
    color: #171717;
}

html #CMD .wd__section .wd__contenttheme-dark .content__link:hover span {
    border-bottom: 1px solid #171717;
}

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

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

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

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: #ef4801;
}

html #CMD .wd__section .text_color_gradient,
html #CMD .wd__section .text_color_gradient sup {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(150deg, #11aac2 8%, #3ed1e9 36%, #11aac2 75%);
}

html #CMD .wd__section .text_color_gradient-up,
html #CMD .wd__section .text_color_gradient-up sup {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(180deg, #3be4ff 0%, #0c8fa4 64%, #0c8fa4 100%);
}

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

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: #fff;
}

.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: #ef4801 !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: #ef4801 !important;
}

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

html #CMD .wd__section .modal-button:hover {
    background-color: transparent;
    color: #ef4801;
    border-color: transparent;
}

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 spot1Animate {
    0% {
        opacity: 0;
        transform: translate3d(0, 0, 0);
    }

    10% {
        opacity: 0.4;
        transform: translate3d(0, 0, 0);
    }

    20% {
        opacity: 0.4;
        transform: translate3d(0, 0, 0);
    }

    60% {
        opacity: 0.4;
        transform: translate3d(-70px, 70px, 0);
    }

    90% {
        opacity: 0.4;
        transform: translate3d(-70px, 70px, 0);
    }

    100% {
        opacity: 0;
        transform: translate3d(-70px, 70px, 0);
    }
}

@keyframes spot1AnimateMobile {
    0% {
        opacity: 0;
        transform: translate3d(0, 0, 0);
    }

    10% {
        opacity: 0.4;
        transform: translate3d(0, 0, 0);
    }

    20% {
        opacity: 0.4;
        transform: translate3d(0, 0, 0);
    }

    60% {
        opacity: 0.4;
        transform: translate3d(-30px, 30px, 0);
    }

    90% {
        opacity: 0.4;
        transform: translate3d(-30px, 30px, 0);
    }

    100% {
        opacity: 0;
        transform: translate3d(-30px, 30px, 0);
    }
}

@keyframes spot2Animate {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 0.4;
    }

    90% {
        opacity: 0.4;
    }

    100% {
        opacity: 0;
    }
}

@keyframes rippleAnimate {
    0% {
        opacity: 1;
        transform: scale(0.9);
    }

    70% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: scale(1.7);
    }
}

@keyframes camBgSlide {
    0% {
        transform: translate3d(0, 0, 0);
    }

    15% {
        transform: translate3d(0, 0, 0);
    }

    30% {
        transform: translate3d(34px, 0, 0);
    }

    70% {
        transform: translate3d(34px, 0, 0);
    }

    85% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes camBtnSlide {
    0% {
        transform: translate3d(0, 0, 0);
    }

    15% {
        transform: translate3d(0, 0, 0);
    }

    30% {
        transform: translate3d(34px, 0, 0);
    }

    70% {
        transform: translate3d(34px, 0, 0);
    }

    85% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes infiniteRotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

html #CMD .section__kv {
    padding-bottom: 25px;
}

html #CMD .section__kv .wd__content {
    max-width: 1010px;
    margin-top: 80px;
}

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

html #CMD .section__kv .wd__content .content__title {
    margin-top: 0;
    font-size: 55px;
    color: #000;
}

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

html #CMD .section__kv .wd__content.bottom-content {
    z-index: 1;
}

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__slogan .small_unuse {
    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__slogan::before,
html #CMD .section__kv .wd__content .content__slogan::after {
    content: none;
}

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__logo {
    margin-top: -201px;
    margin-bottom: -7px;
    width: 1000px;
    height: 60px;
}

.section__kv .img__kv__logo {
    background-image: url("../images/kv_logo.png");
}


html #CMD .section__kv .img__kv {
    left: 50%;
    margin-top: -28px;
    margin-left: -960px;
    width: 1920px;
    height: 1020px;
}

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


html #CMD .section__kv .img__nvidia__studio {
    background-image: url("../images/icon_nvidia_studio.png");
    margin-top: 72px;
    margin-bottom: 0;
    width: 213px;
    height: 100px;
}


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 .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 .vr__border {
        transform: scale(1, 1);
        animation: hoverAnimation 2000ms ease infinite forwards;
    }
}

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

html #CMD .section__ksp .ksp__layout .grid-item {
    background: repeating-linear-gradient(315deg, #e7e7e7, #e7e7e7 2px, #eee 2px, #eee 11px);
    background-color: #fff;
}

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

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

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

html #CMD .section__ksp .ksp__layout .wd__feature__list .wd__feature .wd__feature__data,
html #CMD .section__ksp .ksp__layout .wd__feature__list .wd__feature .wd__feature__data * {
    color: #ef4801;
}

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: #000;
}

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: -21px;
    margin-left: 43px;
    width: 404px;
    height: 270px;
}

#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-7.grid-item-wdContent .img__block {
    position: absolute;
    top: -160px;
    margin-top: -12px;
    margin-right: 80px;
    width: 536px;
    height: 460px;
}

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

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

#CMD .section__ksp .grid-item-8 .img__icon0 {
    background-image: url("../images/icon_dialPad.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_battery.png");
}


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

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


html #CMD .section__2 {
    overflow: hidden;
    z-index: 3;
    margin-top: 0;
    padding-top: 130px;
    padding-bottom: 100px;
    background-color: #dad8d9;
}

html #CMD .section__2 .wd__content {
    max-width: 1000px;
}

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

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

html #CMD .section__2 .wd__feature__list.list-1 {
    margin-top: -475px;
}

html #CMD .section__2 .wd__feature__list.list-2 {
    margin-top: -19px;
}

html #CMD .section__2 .wd__feature__list.list-2 .feature-1 .img__icon1 {
    margin-bottom: -27px;
    width: 132px;
    height: 132px;
}

#CMD .section__2 .list-2 .img__icon1 {
    background-image: url("../images/icon_oled.png");
}


html #CMD .section__2 .wd__feature__list.list-2 .feature-2 {
    margin-top: 49px;
}

html #CMD .section__2 .wd__feature__list.list-2 .feature-2 .img__icon2 {
    top: 0;
    margin-top: -36px;
    margin-bottom: 12px;
    width: 56px;
    height: 80px;
}

#CMD .section__2 .list-2 .feature-2 .img__icon2 {
    background-image: url("../images/icon_hdr.png");
}


html #CMD .section__2 .wd__feature__list.list-2 .feature-3 {
    margin-top: -10px;
}

html #CMD .section__2 .wd__feature__list.list-2 .feature-3 .img__icon3 {
    top: 0;
    margin-top: 15px;
    margin-bottom: 10px;
    width: 171px;
    height: 90px;
}

#CMD .section__2 .list-2 .feature-3 .img__icon3 {
    background-image: url("../images/icon_tuv.png");
}


html #CMD .section__2 .wd__feature__list .wd__feature .wd__feature__describe__top,
html #CMD .section__2 .wd__feature__list .wd__feature .wd__feature__data,
html #CMD .section__2 .wd__feature__list .wd__feature .wd__feature__data span,
html #CMD .section__2 .wd__feature__list .wd__feature .wd__feature__data sup,
html #CMD .section__2 .wd__feature__list .wd__feature .wd__feature__describe {
    color: #1c1c1c;
}

html #CMD .section__2 .img__2 {
    left: 50%;
    margin-top: -427px;
    margin-left: -1280px;
    width: 2560px;
    height: 1800px;
}

.section__2 .img__2 {
    background-image: url("../images/s2.jpg");
}


html #CMD .section__2 .modal-button-container {
    position: relative;
    z-index: 99;
    margin-top: -105px;
}

html #CMD .section__2 .modal-button-container .modal-button {
    color: #1c1c1c;
}

html #CMD .section__2 .modal-button-container .modal-button:hover {
    color: #ef4801;
}

html #CMD .section__3 {
    z-index: 10;
    margin-top: 0;
    padding-top: 130px;
    padding-bottom: 85px;
    background-color: #e7e7e7;
}

html #CMD .section__3 .wd__content .content__info {
    width: 890px;
}

html #CMD .section__3 .img__3 {
    left: 50%;
    margin-top: 31px;
    margin-left: -1280px;
    width: 2560px;
    height: 1340px;
}

.section__3 .img__3 {
    background-image: url("../images/s3.jpg");
}


html #CMD .section__3 .img__3 .grid_content {
    position: absolute;
    left: 50%;
    width: 390px;
    text-align: left;
}

html #CMD .section__3 .img__3 .grid_content .content__title {
    font-size: 30px;
}

html #CMD .section__3 .img__3 .grid_content .content__info {
    margin-top: 22px;
    font-size: 21px;
    line-height: 1.4em;
}

html #CMD .section__3 .img__3 .grid_content.grid1 {
    top: 116px;
    margin-left: 55px;
}

html #CMD .section__3 .img__3 .grid_content.grid2 {
    top: 1082px;
    margin-left: -425px;
}

html #CMD .section__4 {
    padding-top: 130px;
    padding-bottom: 76px;
    background-image: linear-gradient(to bottom, #f8f8f8 70%, #cacaca 80%, #c9c9c9 100%);
}

html #CMD .section__4 .wd__content .content__info {
    width: 900px;
}

html #CMD .section__4 .img__4 {
    left: 50%;
    margin-top: 34px;
    margin-left: -1280px;
    width: 2560px;
    height: 1840px;
}

.section__4 .img__4 {
    background-image: url("../images/s4.jpg");
}


html #CMD .section__5 {
    overflow: hidden;
    z-index: 3;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #19151e;
}

html #CMD .section__5 .wd__content {
    left: 50%;
    top: 134px;
    margin-top: 0;
    margin-left: 107px;
    max-width: 440px;
}

html #CMD .section__5 .img__5 {
    left: 50%;
    margin-top: -548px;
    margin-left: -1280px;
    width: 2560px;
    height: 1180px;
}

.section__5 .img__5 {
    background-image: url("../images/s5.jpg");
}

html #CMD .section__6 {
    overflow: hidden;
    z-index: 6;
    margin-top: 0;
    padding-top: 130px;
    padding-bottom: 0;
    background-color: #d5d9e0;
}

html #CMD .section__6 .wd__content {
    margin-top: 0;
    max-width: 1000px;
}

html #CMD .section__6 .wd__content .content__info {
    width: 940px;
    margin-top: 34px;
}

html #CMD .section__6 .wd__feature__list .wd__feature {
    margin: 0 25px 40px;
}

html #CMD .section__6 .wd__feature__list .wd__feature.feature-1 {
    margin-top: -23px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

html #CMD .section__6 .wd__feature__list .wd__feature .wd__feature__describe__top,
html #CMD .section__6 .wd__feature__list .wd__feature .wd__feature__data,
html #CMD .section__6 .wd__feature__list .wd__feature .wd__feature__data span,
html #CMD .section__6 .wd__feature__list .wd__feature .wd__feature__data sup,
html #CMD .section__6 .wd__feature__list .wd__feature .wd__feature__describe {
    color: #1c1c1c;
}

html #CMD .section__6 .img__6 {
    left: 50%;
    margin-top: -360px;
    margin-left: -1280px;
    width: 2560px;
    height: 1294px;
}

.section__6 .img__6 {
    background-image: url("../images/s6.jpg");
}


html #CMD .section__6 .modal-button-container {
    position: relative;
    z-index: 99;
    margin-top: -208px;
}

html #CMD .section__6 .modal-button-container .modal-button {
    color: #1c1c1c;
}

html #CMD .section__6 .modal-button-container .modal-button:hover {
    color: #ef4801;
}

html #CMD .section__7 {
    overflow: hidden;
    margin-top: 0;
    padding-top: 130px;
    padding-bottom: 0;
    background-color: #1b1c1c;
}

html #CMD .section__7 .wd__content {
    margin-top: 0;
    max-width: 960px;
}

html #CMD .section__7 .img__7 {
    left: 50%;
    margin-top: -520px;
    margin-left: -1280px;
    width: 2560px;
    height: 1350px;
}

.section__7 .img__7 {
    background-image: url("../images/s7.jpg");
}

html #CMD .section__8 {
    overflow: hidden;
    margin-top: -6px;
    padding-top: 83px;
    padding-bottom: 0;
}

html #CMD .section__8 .wd__content {
    left: 50%;
    width: 450px;
    margin-top: 46px;
    margin-left: 57px;
}

html #CMD .section__8 .wd__feature__list {
    position: relative;
    width: 350px;
}

html #CMD .section__8 .wd__feature__list .wd__feature {
    vertical-align: top;
}

html #CMD .section__8 .wd__feature__list .wd__feature .wd__feature__describe__top,
html #CMD .section__8 .wd__feature__list .wd__feature .wd__feature__data,
html #CMD .section__8 .wd__feature__list .wd__feature .wd__feature__describe {
    color: #1c1c1c;
}

html #CMD .section__8 .wd__feature__list .wd__feature .wd__feature__describe__top span,
html #CMD .section__8 .wd__feature__list .wd__feature .wd__feature__data span,
html #CMD .section__8 .wd__feature__list .wd__feature .wd__feature__describe span {
    color: #1c1c1c;
}

html #CMD .section__8 .img__8 {
    position: relative;
    left: 50%;
    margin-top: -554px;
    margin-left: -1301px;
    width: 2560px;
    height: 1174px;
}

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

html #CMD .section__9 {
    overflow: hidden;
    margin-top: -39px;
    padding-top: 130px;
    padding-bottom: 0;
    background-color: #212121;
}

html #CMD .section__9 .wd__content {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}

html #CMD .section__9 .wd__feature__list {
    position: relative;
    left: 50%;
    margin-top: 112px;
    margin-left: 244px;
    width: 350px;
}

html #CMD .section__9 .wd__feature__list .wd__feature {
    max-width: 140px;
    vertical-align: top;
}

html #CMD .section__9 .wd__feature__list .wd__feature .wd__feature__data.text__long-en {
    padding-top: 15px;
}

html #CMD .section__9 .img__9 {
    position: relative;
    left: 50%;
    margin-top: -380px;
    margin-left: -1280px;
    width: 2560px;
    height: 1400px;
}

#CMD .section__9 .img__9 {
    background-image: url("../images/bg.jpg");
}


html #CMD .section__9 .img__9 .img__dialPad {
    position: absolute;
    bottom: 655px;
    left: 50%;
    opacity: 0;
    margin-left: -440px;
    width: 200px;
    height: 120px;
    transition: none;
}

#CMD #section__9 .img__9 .img__dialPad {
    background-image: url("../images/dialPad.png");
}

html #CMD .section__9 .img__9 .img__dialPad_icon {
    position: absolute;
    bottom: 300px;
    left: 50%;
    opacity: 0;
    margin-left: -139px;
    width: 92px;
    height: 92px;
}

#CMD #section__9 .img__9 .img__dialPad_icon {
    background-image: url("../images/dialPad_icon.png");
}

html #CMD .section__9 .img__9 .point-spot.spot1 {
    position: absolute;
    bottom: 376px;
    left: 50%;
    opacity: 0;
    margin-left: 147px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    transition: none;
    box-shadow: 0 3px 10px #151515;
}

html #CMD .section__9 .img__9 .point-spot.spot2 {
    position: absolute;
    bottom: 334px;
    left: 50%;
    opacity: 0;
    margin-left: -105px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    transition: none;
    box-shadow: 0 3px 10px #151515;
}

html #CMD .section__9 .img__9 .point-spot.spot2::before {
    display: block;
    position: absolute;
    left: 50%;
    opacity: 1;
    margin-left: -13px;
    width: 23px;
    height: 23px;
    border: 1px solid #ddd;
    border-radius: 50%;
    transform: scale(0.9);
    transition: none;
    content: '';
}

html #CMD .section__9 .img__9.js-animate-active .img__dialPad_icon {
    opacity: 1;
    transition: opacity 550ms 1300ms ease;
}

html #CMD .section__9 .img__9.js-animate-active .img__dialPad {
    opacity: 1;
    transition: opacity 150ms 2250ms ease;
}

html #CMD .section__9 .img__9.js-animate-active .point-spot.spot1 {
    animation: spot1Animate 1800ms ease 400ms 1 forwards;
}

html #CMD .section__9 .img__9.js-animate-active .point-spot.spot2 {
    animation: spot2Animate 1000ms ease 2200ms 1 forwards;
}

html #CMD .section__9 .img__9.js-animate-active .point-spot.spot2::before {
    animation: rippleAnimate 800ms ease 2200ms 1 forwards;
}

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

html #CMD .section__10 .wd__content {
    position: absolute;
    left: 50%;
    top: 132px;
    width: 700px;
    margin-left: -510px;
    margin-right: auto;
}

html #CMD .section__10 .wd__feature__list {
    position: relative;
    margin-top: 30px;
}

html #CMD .section__10 .wd__feature__list .wd__feature {
    vertical-align: top !important;
}

html #CMD .section__10 .wd__feature__list .wd__feature.feature-4 {
    width: 136px;
}

html #CMD .section__10 .img__10 {
    position: relative;
    left: 50%;
    margin-top: 0;
    margin-left: -1280px;
    width: 2560px;
    height: 1428px;
}

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

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

html #CMD .section__11 .wd__content {
    top: 225px;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}

html #CMD .section__11 .wd__feature__list {
    position: relative;
}

html #CMD .section__11 .wd__feature__list .wd__feature {
    vertical-align: top;
}

html #CMD .section__11 .wd__feature__list .wd__feature.feature-1 .img__icon1 {
    width: 85px;
    height: 66px;
}

#CMD .section__11 .wd__feature__list .feature-1 .img__icon1 {
    background-image: url("../images/icon1.png");
}

html #CMD .section__11 .img__11 {
    position: relative;
    left: 50%;
    margin-top: -405px;
    margin-left: -1280px;
    width: 2560px;
    height: 828px;
}

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

html #CMD .section__12 {
    overflow: hidden;
    margin-top: 0;
    margin-top: -4px;
    margin-bottom: -1px;
    padding-top: 130px;
    padding-bottom: 117px;
}

html #CMD .section__12 .wd__content {
    top: 0;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}

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

html #CMD .section__12 .wd__feature__list {
    position: relative;
}

html #CMD .section__12 .wd__feature__list .wd__feature {
    vertical-align: top;
}

html #CMD .section__12 .wd__feature__list .wd__feature .wd__feature__describe,
html #CMD .section__12 .wd__feature__list .wd__feature .wd__feature__data {
    color: #1c1b19;
}

html #CMD .section__12 .wd__feature__list .wd__feature .wd__feature__describe span,
html #CMD .section__12 .wd__feature__list .wd__feature .wd__feature__data span {
    color: #1c1b19;
}

html #CMD .section__12 .wd__feature__list .wd__feature.feature-1 .img__icon1 {
    margin-top: -4px;
    margin-bottom: -1px;
    width: 61px;
    height: 66px;
}

#CMD .section__12 .wd__feature__list .wd__feature .img__icon1 {
    background-image: url("../images/icon_touch.png");
}


html #CMD .section__12 .wd__feature__list .wd__feature.feature-2 .img__icon2 {
    margin-top: 0;
    margin-bottom: 0;
    width: 85px;
    height: 66px;
}

#CMD .section__12 .wd__feature__list .wd__feature .img__icon2 {
    background-image: url("../images/icon2.png");
}

html #CMD .section__12 .wd__feature__list .wd__feature.feature-3 .img__icon3 {
    margin-top: -4px;
    margin-bottom: -1px;
    width: 102px;
    height: 66px;
}

#CMD .section__12 .wd__feature__list .wd__feature .img__icon3 {
    background-image: url("../images/icon3.png");
}

html #CMD .section__12 .wd__feature__list .wd__feature.feature-4 .img__icon4 {
    margin-top: -4px;
    margin-bottom: -8px;
    width: 97px;
    height: 66px;
}

#CMD .section__12 .wd__feature__list .wd__feature .img__icon4 {
    background-image: url("../images/icon4.png");
}

html #CMD .section__12 .modal-button-container {
    position: relative;
    z-index: 99;
    margin-top: 43px;
}

html #CMD .section__12 .modal-button-container .modal-button {
    color: #1c1c1c;
}

html #CMD .section__12 .modal-button-container .modal-button:hover {
    color: #ef4801;
}

html #CMD .section__13 {
    overflow: hidden;
    margin-top: 0;
    padding-top: 130px;
    padding-bottom: 0;
    background-color: #262626;
}

html #CMD .section__13 .wd__content {
    top: 0;
    width: 970px;
    margin-left: auto;
    margin-right: auto;
}

html #CMD .section__13 .wd__content .content__title {
    color: #ef4801;
}

html #CMD .section__13 .wd__content .content__info {
    margin-top: 34px;
}

html #CMD .section__13 .img__13 {
    position: relative;
    left: 50%;
    margin-top: -150px;
    margin-left: -1280px;
    width: 2560px;
    height: 1280px;
    font-size: 0;
}

#CMD .section__13 .img__13 {
    background-image: url("../images/s13.jpg");
}

html #CMD .section__noise {
    margin-top: -32px;
    padding-top: 127px;
    padding-bottom: 110px;
    background-color: #ebebeb;
}

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

html #CMD .section__noise .sub__content {
    margin-top: 49px;
}

html #CMD .section__noise .sub__content .content__title {
    font-size: 30px;
    font-weight: 300;
}

html #CMD .section__noise .sub__content .content__info {
    margin-top: 9px;
    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 #1b1b19;
    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: #1b1b19;
    font-size: 30px;
    font-weight: 300;
}

html #CMD .section__noise .nav__noise .nav__item .nav__content .nav__text .content__info {
    color: #1b1b19;
    font-size: 20px;
}

html #CMD .section__noise .nav__noise .nav__item.js-selected {
    border: 3px solid transparent;
    background: linear-gradient(#ebebeb, #ebebeb) padding-box, linear-gradient(150deg, #fb7d45 0%, #fb7d45 20%, #fdaa88 40%, #ed4701 70%) border-box;
}

#CMD .section__noise .nav__item.js-selected .img__icon {
    background-image: url("../images/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: #1b1b19;
    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/btn-off.png");
}

#CMD .section__noise .noise__switcher .img__switcher.js-active {
    background-image: url("../images/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 {
    position: relative;
    z-index: 99;
    margin-top: 50px;
}

html #CMD .section__noise .modal-button-container .modal-button {
    color: #1c1c1c;
}

html #CMD .section__noise .modal-button-container .modal-button:hover {
    color: #ef4801;
}

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 .section__comment {
    padding-top: 50px;
    padding-bottom: 65px;
    background-color: #fff;
}

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 .inner-view {
    background: #000;
}

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: transparent;
    color: #fff;
    border-color: transparent;
}

html #CMD .inner-view .inner-view-container .modal-button:hover {
    background-color: transparent;
    color: #ef4801;
    border-color: transparent;
}

html #CMD .inner-view .inner-view-container .inner-modal {
    padding-bottom: 0;
}

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: #1c1b19;
    position: relative;
    top: 12px;
    left: 0;
    display: none;
}

html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title {
    color: #1c1b19;
    font-size: 34px;
}

html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__info {
    color: #1c1b19;
    margin-top: 16px;
}

html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link {
    linkColor: #fff;
    color: #fff;
}

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: #fff;
}

html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link:after {
    color: #fff;
}

html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link:link {
    color: #fff;
}

html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link:hover span {
    border-bottom: 1px solid #fff;
}

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 {
    /* background-image: url("../images/icon_def.png"); */
    margin-top: -10px;
    margin-bottom: 10px;
    width: 62px;
    height: 62px;
    background-size: contain;
}


html #CMD .inner-view #modal-modalSectionNoise {
    background-color: #1c1c1c !important;
}

html #CMD .inner-view #active__modal-inner6-1 {
    background-color: #000 !important;
}

html #CMD .inner-view #active__modal-modalSectionNoise {
    background-color: #2a2a2a !important;
}

html #CMD .inner-view #active__modal-inner12-1 {
    background-color: #000 !important;
}

html #CMD .inner-view #active__modal-performance,
html #CMD .inner-view #active__modal-ultra__sharp,
html #CMD .inner-view #active__modal-nano__edge,
html #CMD .inner-view #active__modal-design,
html #CMD .inner-view #active__modal-connectivity {
    background: #fff;
}

html #CMD .inner-view #active__modal-performance .inner-modal,
html #CMD .inner-view #active__modal-performance section,
html #CMD .inner-view #active__modal-ultra__sharp .inner-modal,
html #CMD .inner-view #active__modal-ultra__sharp section,
html #CMD .inner-view #active__modal-nano__edge .inner-modal,
html #CMD .inner-view #active__modal-nano__edge section,
html #CMD .inner-view #active__modal-design .inner-modal,
html #CMD .inner-view #active__modal-design section,
html #CMD .inner-view #active__modal-connectivity .inner-modal,
html #CMD .inner-view #active__modal-connectivity section {
    background: #fff;
}

html #CMD .inner-view #active__modal-performance .wd__section .wd__content .content__title,
html #CMD .inner-view #active__modal-ultra__sharp .wd__section .wd__content .content__title,
html #CMD .inner-view #active__modal-nano__edge .wd__section .wd__content .content__title,
html #CMD .inner-view #active__modal-design .wd__section .wd__content .content__title,
html #CMD .inner-view #active__modal-connectivity .wd__section .wd__content .content__title {
    color: #1c1b19;
}

html #CMD .inner-view #active__modal-performance .wd__section .wd__content .content__info,
html #CMD .inner-view #active__modal-ultra__sharp .wd__section .wd__content .content__info,
html #CMD .inner-view #active__modal-nano__edge .wd__section .wd__content .content__info,
html #CMD .inner-view #active__modal-design .wd__section .wd__content .content__info,
html #CMD .inner-view #active__modal-connectivity .wd__section .wd__content .content__info {
    color: #1c1b19;
}

html #CMD .inner-view #active__modal-performance .wd__section .wd__content .content__link,
html #CMD .inner-view #active__modal-ultra__sharp .wd__section .wd__content .content__link,
html #CMD .inner-view #active__modal-nano__edge .wd__section .wd__content .content__link,
html #CMD .inner-view #active__modal-design .wd__section .wd__content .content__link,
html #CMD .inner-view #active__modal-connectivity .wd__section .wd__content .content__link {
    Color: #1c1b19;
}

html #CMD .inner-view #active__modal-performance .wd__section .wd__content .content__comment,
html #CMD .inner-view #active__modal-ultra__sharp .wd__section .wd__content .content__comment,
html #CMD .inner-view #active__modal-nano__edge .wd__section .wd__content .content__comment,
html #CMD .inner-view #active__modal-design .wd__section .wd__content .content__comment,
html #CMD .inner-view #active__modal-connectivity .wd__section .wd__content .content__comment {
    color: #1c1b19;
}

html #CMD .inner-view #active__modal-performance .wd__section .wd__feature__list .wd__feature .wd__feature__describe,
html #CMD .inner-view #active__modal-performance .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top,
html #CMD .inner-view #active__modal-ultra__sharp .wd__section .wd__feature__list .wd__feature .wd__feature__describe,
html #CMD .inner-view #active__modal-ultra__sharp .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top,
html #CMD .inner-view #active__modal-nano__edge .wd__section .wd__feature__list .wd__feature .wd__feature__describe,
html #CMD .inner-view #active__modal-nano__edge .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top,
html #CMD .inner-view #active__modal-design .wd__section .wd__feature__list .wd__feature .wd__feature__describe,
html #CMD .inner-view #active__modal-design .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top,
html #CMD .inner-view #active__modal-connectivity .wd__section .wd__feature__list .wd__feature .wd__feature__describe,
html #CMD .inner-view #active__modal-connectivity .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top {
    color: #1c1b19;
}

html #CMD #section__inner2_1 {
    overflow: hidden;
    padding-top: 125px;
    background: #1b1b1b;
}

html #CMD #section__inner2_1 .wd__content {
    width: 1020px;
}

html #CMD #section__inner2_1 .wd__content .content__title {
    color: #fff;
}

html #CMD #section__inner2_1 .wd__content .content__info {
    color: #fff;
}

html #CMD #section__inner2_1 .wd__feature__list .wd__feature .wd__feature__describe {
    color: #fff;
}

html #CMD #section__inner2_1 .img__srgb {
    margin: 0 auto 70px;
    width: 438px;
    height: 407px;
    background-repeat: no-repeat;
    background-size: cover;
}

#CMD #section__inner2_1 .img__srgb {
    background-image: url("../images/icon1.png");
}


html #CMD #section__inner2_1 .img__inner2_1 {
    margin-bottom: 20px;
}

html #CMD #section__inner2_1 .img__inner2_1 figure {
    display: inline-block;
    position: relative;
    width: 586px;
    height: 434px;
    background-size: cover;
}

html #CMD #section__inner2_1 .img__inner2_1 figure span {
    position: absolute;
    right: 18px;
    bottom: 12px;
    color: #fff;
}

html #CMD #section__inner2_1 .img__inner2_1 figure.left_compare {
    margin-right: 10px;
}

#CMD #section__inner2_1 .img__inner2_1 .left_compare {
    background-image: url("../images/01_left.jpg");
}


#CMD #section__inner2_1 .img__inner2_1 .right_compare {
    background-image: url("../images/01_right.jpg");
}

html #CMD #section__inner6_1 {
    padding-top: 125px;
    padding-bottom: 0;
    background-color: #000;
}

html #CMD #section__inner6_1 .wd__content {
    width: 910px;
}

html #CMD #section__inner6_1 .wd__content .content__title {
    color: #fff;
}

html #CMD #section__inner6_1 .wd__content .content__info {
    color: #fff;
}

html #CMD #section__inner6_1 .wd__feature__list {
    margin-top: 41px;
}

html #CMD #section__inner6_1 .wd__feature__list .feature-2 {
    margin-bottom: 32px;
}

html #CMD #section__inner6_1 .wd__feature__list .feature-2 .img__icon2 {
    width: 142px;
    height: 66px;
}

#CMD #section__inner6_1 .feature-2 .img__icon2 {
    background-image: url("../images/icon1.png");
}
html #CMD #section__inner6_1 .wd__feature__describe {
    color: #fff;
}

html #CMD #section__inner6_1 .img__inner6_1 {
    left: 50%;
    margin-top: -350px;
    margin-bottom: -60px;
    margin-left: -1280px;
    width: 2560px;
    height: 1400px;
}

#CMD .section__inner6_1 .img__inner6_1 {
    background-image: url("../images/01_bg.jpg");
}


html #CMD #section__inner12_1 {
    padding-bottom: 0;
}

html #CMD #section__inner12_1 .wd__content {
    position: absolute;
    left: 50%;
    margin-left: -500px;
    width: 100%;
}

html #CMD #section__inner12_1 .wd__content .content__title {
    margin-top: 32px;
    color: #fff;
}

html #CMD #section__inner12_1 .wd__content .content__info {
    color: #fff;
}

html #CMD #section__inner12_1 .wd__content.content-1 {
    top: 600px;
}

html #CMD #section__inner12_1 .wd__content.content-1 .content__info {
    width: 800px;
}

html #CMD #section__inner12_1 .wd__content.content-1 .wd__feature__list .feature-1 .img__icon1 {
    width: 61px;
    height: 66px;
}

#CMD #section__inner12_1 .content-1 .feature-1 .img__icon1 {
    background-image: url("../images/icon1.png");
}


html #CMD #section__inner12_1 .wd__content.content-2 {
    top: 1036px;
}

html #CMD #section__inner12_1 .wd__content.content-2 .content__info {
    width: 800px;
}

html #CMD #section__inner12_1 .wd__content.content-2 .wd__feature__list .feature-2 .img__icon2 {
    width: 85px;
    height: 66px;
}

#CMD #section__inner12_1 .content-2 .feature-2 .img__icon2 {
    background-image: url("../images/icon2.png");
}


html #CMD #section__inner12_1 .img__inner12_1 {
    left: 50%;
    margin-top: 0;
    margin-left: -1280px;
    width: 2560px;
    height: 2339px;
}

#CMD #section__inner12_1 .img__inner12_1 {
    background-image: url("../images/01_bg.jpg");
}


html #CMD #section__inner12_2 {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #000;
}

html #CMD #section__inner12_2 .wd__content {
    position: absolute;
    width: 100%;
    top: -419px;
    left: 50%;
    margin-left: -500px;
}

html #CMD #section__inner12_2 .wd__content .content__title {
    color: #fff;
}

html #CMD #section__inner12_2 .wd__content .content__info {
    color: #fff;
    width: 800px;
}

html #CMD #section__inner12_2 .wd__feature__list .wd__feature .wd__feature__describe {
    color: #fff;
}

html #CMD #section__inner12_2 .wd__feature__list .feature-2 .img__icon2 {
    width: 102px;
    height: 66px;
}

#CMD #section__inner12_2 .feature-2 .img__icon2 {
    background-image: url("../images/icon3-1.png");
}


html #CMD #section__inner12_2 .img__inner12_2 {
    left: 50%;
    margin-top: 0;
    margin-left: -1280px;
    width: 2560px;
    height: 1240px;
}

#CMD .section__inner12_2 .img__inner12_2 {
    background-image: url("../images/02_bg.jpg");
}


html #CMD #section__inner12_3 {
    padding-top: 138px;
    padding-bottom: 0;
    background-color: #1b1b1b;
}

html #CMD #section__inner12_3 .wd__content .content__title {
    color: #fff;
}

html #CMD #section__inner12_3 .wd__content .content__info {
    color: #fff;
    width: 880px;
}

html #CMD #section__inner12_3 .img__inner12_3 {
    left: 50%;
    margin-top: -194px;
    margin-left: -1280px;
    width: 2560px;
    height: 850px;
}

#CMD .section__inner12_3 .img__inner12_3 {
    background-image: url("../images/03_bg.jpg");
}


html #CMD #section__inner12_3 .img__inner12_3 .ioPort {
    position: absolute;
    top: 510px;
    left: 50%;
    color: #fff;
    font-size: 20px;
    text-align: center;
}

html #CMD #section__inner12_3 .img__inner12_3 .ioPort.port-1 {
    margin-left: -634px;
    width: 100px;
}

html #CMD #section__inner12_3 .img__inner12_3 .ioPort.port-2 {
    top: 606px;
    margin-left: -573px;
    width: 112px;
}

html #CMD #section__inner12_3 .img__inner12_3 .ioPort.port-3 {
    margin-left: -494px;
    width: 105px;
}

html #CMD #section__inner12_3 .img__inner12_3 .ioPort.port-4 {
    top: 606px;
    margin-left: -385px;
    width: 50px;
}

html #CMD #section__inner12_3 .img__inner12_3 .ioPort.port-5 {
    margin-left: -323px;
}

html #CMD #section__inner12_3 .img__inner12_3 .ioPort.port-6 {
    margin-left: 209px;
}

@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%);
    }
}

@keyframes ripple2 {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    90% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

html #CMD .section__inner__noise {
    padding-top: 125px;
    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: -60px;
    margin-left: -1280px;
    width: 2560px;
    height: 700px;
}

#CMD .section__inner__noise .img__inner__noise {
    background-image: url("../images/bg-1.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;
    fill: #e6f27b;
    transform: rotate(-17deg) scale(-1, 1);
}

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;
    fill: #0f0;
    transform: rotate(-17deg) scale(-1, 1);
}

html #CMD .section__inner__noise .img__inner__noise svg.js-active {
    animation-name: ripple2;
    animation-duration: 650ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
    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 #pdc.odin {
    z-index: 1;
    background-color: #dad8d9;
}

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: #ef4801;
}

html #CMD #pdc.odin .splide__pagination li .splide__pagination__page.is-active::after {
    background-color: #ef4801;
}

html #CMD #pdc.odin .product_awards .awards-container .awards-seeall {
    color: #ef4801;
}

html #CMD #pdc.odin .product_awards .awards-container .awards-seeall {
    color: #ef4801;
}

html #CMD #pdc.odin .product_videos .videos-container .videos-seeall {
    color: #ef4801;
}

html #CMD #pdc.odin .product_videos .videos-container .videos-seeall {
    color: #ef4801;
}

html #CMD #pdc.odin .product_medias .medias-container .medias-seeall {
    color: #ef4801;
}

html #CMD #pdc.odin .product_medias .medias-container .medias-seeall {
    color: #ef4801;
}

html #CMD #pdc.odin .arrow_link::after {
    display: none;
}

html #CMD #pdc.odin .seeall_arrow-svg {
    stroke: #ef4801;
}

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: #ef4801;
}

html #CMD #pdc.odin .arrow_link::before {
    background: #ef4801;
}

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: #ef4801;
}

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: #ef4801;
}

html #CMD #pdc.odin .seeall_arrow-svg {
    stroke: #ef4801;
}

@media all and (min-width: 1280px) {
    html #CMD #pdc.odin .pdc-space-start {
        padding-top: 15px;
    }

    html #CMD #pdc.odin .pdc-space-end {
        margin-bottom: 55px;
        padding-bottom: 0;
    }
}

@media all and (max-width: 1279.5px) and (min-width: 731px) {
    html #CMD #pdc.odin .pdc-space-start {
        margin-top: -10px;
        padding-top: 0;
    }

    html #CMD #pdc.odin .pdc-space-end {
        margin-bottom: -8px;
        padding-bottom: 0;
    }
}

@media all and (max-width: 730.5px) {
    html #CMD #pdc.odin .pdc-space-start {
        margin-top: 0;
        padding-top: 0;
    }

    html #CMD #pdc.odin .pdc-space-end {
        margin-bottom: 8px;
        padding-bottom: 0;
    }
}

html #CMD .wd__section.section__oled {
    background: #000;
}

html #CMD .wd__section .wd__feature__list .wd__feature {
    vertical-align: bottom;
}

html #CMD .wd__section .twentytwenty-handle {
    margin-left: -20px;
    border: none;
    box-shadow: none;
}

html #CMD .wd__section .twentytwenty-horizontal .twentytwenty-handle::before {
    margin-bottom: -48px;
}

html #CMD .wd__section .twentytwenty-horizontal .twentytwenty-handle::before,
html #CMD .wd__section .twentytwenty-horizontal .twentytwenty-handle::after {
    margin-left: 0;
    background: white;
    box-shadow: none;
}

html #CMD .wd__section .twentytwenty-left-arrow {
    margin-top: -1px;
    margin-left: -22px;
    border-right: 6px solid transparent;
}

html #CMD .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 .wd__section .twentytwenty-overlay:hover {
    background: none;
}

html #CMD .wd__section .twentytwenty-before-label,
html #CMD .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: 102px;
    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: -1px;
    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;
    overflow: hidden;
    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/before.jpg");
}

#CMD .section__oled_color .img__after {
    background-image: url("../images/after.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: -1px;
    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-1.jpg");
}

html #CMD .section__oled_eyeCare .img__oled_eyeCare .img__lcd {
    position: absolute;
    opacity: 1;
    margin-top: 0;
    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;
    margin-top: 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;
    margin-top: 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;
    margin-top: -1px;
    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-1.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: -1px;
    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/before.jpg");
}

#CMD .section__oled_3Dcolor-2 .img__after {
    background-image: url("../images/after.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: -1px;
    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-1.jpg");
}

#CMD .section__oled_contrast .img__after {
    background-image: url("../images/after-1.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: -1px;
    padding-top: 130px;
    padding-bottom: 122px;
}

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 {
    position: relative;
    margin-right: auto;
    margin-left: auto;
}

html #CMD .inner-view .inner-view-container .modal-button {
    background-color: transparent;
    color: #fff;
    border-color: transparent;
}

html #CMD .inner-view .inner-view-container .modal-button:hover {
    background-color: transparent;
    color: #ef4801;
    border-color: transparent;
}

html #CMD .inner-view .inner-view-container .inner-modal {
    padding-bottom: 0;
}

html #CMD .inner-view .inner-view-container .section__oled .wd__content {
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
}

html #CMD .inner-view .inner-view-container .section__oled .wd__content .content__title {
    color: #fff;
    font-size: 34px;
}

html #CMD .inner-view .inner-view-container .section__oled .wd__content .content__info {
    color: #fff;
    margin-top: 16px;
}

html #CMD .inner-view .inner-view-container .section__oled .wd__content .content__link {
    linkColor: #25aae5;
    color: #25aae5;
}

html #CMD .inner-view .inner-view-container .section__oled .wd__content .content__link *,
html #CMD .inner-view .inner-view-container .section__oled .wd__content .content__link span {
    color: #25aae5;
}

html #CMD .inner-view .inner-view-container .section__oled .wd__content .content__link:after {
    color: #25aae5;
}

html #CMD .inner-view .inner-view-container .section__oled .wd__content .content__link:link {
    color: #25aae5;
}

html #CMD .inner-view .inner-view-container .section__oled .wd__content .content__link:hover span {
    border-bottom: 1px solid #25aae5;
}

html #CMD .inner-view .inner-view-container .section__oled .wd__content .content__slogan::before,
html #CMD .inner-view .inner-view-container .section__oled .wd__content .content__slogan::after,
html #CMD .inner-view .inner-view-container .section__oled .wd__content .content__title::before,
html #CMD .inner-view .inner-view-container .section__oled .wd__content .content__title::after {
    display: none;
}

html #CMD .inner-view .section__btn__home::before {
    background: none;
}

html #CMD .inner-view #active__modal-eyeCare,
html #CMD .inner-view #active__modal-childEyeCare,
html #CMD .inner-view #active__modal-3Dcolor,
html #CMD .inner-view #active__modal-contrast {
    background: #1c1c1c;
}

html #CMD .inner-view #active__modal-eyeCare .inner-modal,
html #CMD .inner-view #active__modal-eyeCare section,
html #CMD .inner-view #active__modal-childEyeCare .inner-modal,
html #CMD .inner-view #active__modal-childEyeCare section,
html #CMD .inner-view #active__modal-3Dcolor .inner-modal,
html #CMD .inner-view #active__modal-3Dcolor section,
html #CMD .inner-view #active__modal-contrast .inner-modal,
html #CMD .inner-view #active__modal-contrast section {
    background: #1c1c1c;
}

html #CMD .inner-view #active__modal-eyeCare .wd__section .wd__content .content__title,
html #CMD .inner-view #active__modal-childEyeCare .wd__section .wd__content .content__title,
html #CMD .inner-view #active__modal-3Dcolor .wd__section .wd__content .content__title,
html #CMD .inner-view #active__modal-contrast .wd__section .wd__content .content__title {
    color: #fff;
}

html #CMD .inner-view #active__modal-eyeCare .wd__section .wd__content .content__info,
html #CMD .inner-view #active__modal-childEyeCare .wd__section .wd__content .content__info,
html #CMD .inner-view #active__modal-3Dcolor .wd__section .wd__content .content__info,
html #CMD .inner-view #active__modal-contrast .wd__section .wd__content .content__info {
    color: #fff;
}

html #CMD .inner-view #active__modal-eyeCare .wd__section .wd__content .content__link,
html #CMD .inner-view #active__modal-childEyeCare .wd__section .wd__content .content__link,
html #CMD .inner-view #active__modal-3Dcolor .wd__section .wd__content .content__link,
html #CMD .inner-view #active__modal-contrast .wd__section .wd__content .content__link {
    Color: #fff;
}

html #CMD .inner-view #active__modal-eyeCare .wd__section .wd__content .content__comment,
html #CMD .inner-view #active__modal-childEyeCare .wd__section .wd__content .content__comment,
html #CMD .inner-view #active__modal-3Dcolor .wd__section .wd__content .content__comment,
html #CMD .inner-view #active__modal-contrast .wd__section .wd__content .content__comment {
    color: #fff;
}

html #CMD .inner-view #active__modal-eyeCare .wd__section .wd__feature__list .wd__feature .wd__feature__describe,
html #CMD .inner-view #active__modal-eyeCare .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top,
html #CMD .inner-view #active__modal-childEyeCare .wd__section .wd__feature__list .wd__feature .wd__feature__describe,
html #CMD .inner-view #active__modal-childEyeCare .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top,
html #CMD .inner-view #active__modal-3Dcolor .wd__section .wd__feature__list .wd__feature .wd__feature__describe,
html #CMD .inner-view #active__modal-3Dcolor .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top,
html #CMD .inner-view #active__modal-contrast .wd__section .wd__feature__list .wd__feature .wd__feature__describe,
html #CMD .inner-view #active__modal-contrast .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top {
    color: #fff;
}

html #CMD .inner-view .modal-button {
    border: unset;
}

html #CMD .section__oled_harmful {
    padding-top: 125px;
    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");
}

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: -325px;
    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: 125px;
    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-1.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) {
    html #CMD .large_use {
        display: block;
    }

    html #CMD .large_unuse {
        display: none;
    }

    html #CMD .wd__content.main-content .content__title::after {
        bottom: -47px;
    }

    html #CMD .wd__content.main-content.large__text-left {
        margin-left: -400px;
        max-width: 430px;
    }

    html #CMD .wd__content.main-content.large__text-right {
        left: 50%;
        margin-left: 0;
        max-width: 430px;
    }

    html #CMD .wd__content.main-content.large__text-right .content__slogan::before {
        left: -64px;
    }

    html #CMD .wd__content.main-content.large__text-right .content__title::after {
        left: 100%;
        transform: translateX(-100%);
    }

    html #CMD .wd__content.main-content.large__text-center .content__title::after {
        left: 50%;
        transform: translateX(-50%) skew(-60deg);
    }

    html #CMD .wd__content.main-content .content__slogan::before {
        display: block;
        position: absolute;
        top: -12px;
        width: 171px;
        height: 62px;
        content: '';
    }

    html #CMD .wd__content.main-content.large__text-left .content__slogan::before {
        left: -19px;
    }

    html #CMD .wd__content.main-content.large__text-center .content__slogan::before {
        left: 50%;
        transform: translateX(-50%);
    }

    @keyframes spot1Animate {
        0% {
            opacity: 0;
            transform: translate3d(0, 0, 0);
        }

        10% {
            opacity: 0.4;
            transform: translate3d(0, 0, 0);
        }

        20% {
            opacity: 0.4;
            transform: translate3d(0, 0, 0);
        }

        60% {
            opacity: 0.4;
            transform: translate3d(-70px, 70px, 0);
        }

        90% {
            opacity: 0.4;
            transform: translate3d(-70px, 70px, 0);
        }

        100% {
            opacity: 0;
            transform: translate3d(-70px, 70px, 0);
        }
    }

    @keyframes spot1AnimateMobile {
        0% {
            opacity: 0;
            transform: translate3d(0, 0, 0);
        }

        10% {
            opacity: 0.4;
            transform: translate3d(0, 0, 0);
        }

        20% {
            opacity: 0.4;
            transform: translate3d(0, 0, 0);
        }

        60% {
            opacity: 0.4;
            transform: translate3d(-30px, 30px, 0);
        }

        90% {
            opacity: 0.4;
            transform: translate3d(-30px, 30px, 0);
        }

        100% {
            opacity: 0;
            transform: translate3d(-30px, 30px, 0);
        }
    }

    @keyframes spot2Animate {
        0% {
            opacity: 0;
        }

        10% {
            opacity: 0.4;
        }

        90% {
            opacity: 0.4;
        }

        100% {
            opacity: 0;
        }
    }

    @keyframes rippleAnimate {
        0% {
            opacity: 1;
            transform: scale(0.9);
        }

        70% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            transform: scale(1.7);
        }
    }

    @keyframes camBgSlide {
        0% {
            transform: translate3d(0, 0, 0);
        }

        15% {
            transform: translate3d(0, 0, 0);
        }

        30% {
            transform: translate3d(34px, 0, 0);
        }

        70% {
            transform: translate3d(34px, 0, 0);
        }

        85% {
            transform: translate3d(0, 0, 0);
        }

        100% {
            transform: translate3d(0, 0, 0);
        }
    }

    @keyframes camBtnSlide {
        0% {
            transform: translate3d(0, 0, 0);
        }

        15% {
            transform: translate3d(0, 0, 0);
        }

        30% {
            transform: translate3d(34px, 0, 0);
        }

        70% {
            transform: translate3d(34px, 0, 0);
        }

        85% {
            transform: translate3d(0, 0, 0);
        }

        100% {
            transform: translate3d(0, 0, 0);
        }
    }

    @keyframes infiniteRotate {
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    html #CMD .section__ksp {
        margin-top: 0;
        padding-top: 70px;
        padding-bottom: 120px;
    }

    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 .grid__layout .grid-item-0 .item_block .item_content {
        display: flex;
        align-items: center;
        height: 161px;
    }

    html #CMD .section__ksp .grid__layout .grid-item.grid-item-6 .item_content {
        width: 42%;
    }

    html #CMD .section__ksp .grid__layout .grid-item.grid-item-6 .item_image {
        width: 58%;
    }

    html #CMD .section__8 {
        overflow: hidden;
        background-color: #fff;
        transition: background-color 1600ms ease;
    }

    html #CMD .section__8 .wd__content .content__slogan {
        -webkit-transition: color 1600ms ease;
        -khtml-transition: color 1600ms ease;
        -moz-transition: color 1600ms ease;
        -ms-transition: color 1600ms ease;
        -o-transition: color 1600ms ease;
        transition: color 1600ms ease;
    }

    html #CMD .section__8 .wd__content .content__title {
        -webkit-transition: color 1600ms ease;
        -khtml-transition: color 1600ms ease;
        -moz-transition: color 1600ms ease;
        -ms-transition: color 1600ms ease;
        -o-transition: color 1600ms ease;
        transition: color 1600ms ease;
    }

    html #CMD .section__8 .wd__content .content__info {
        -webkit-transition: color 1600ms ease;
        -khtml-transition: color 1600ms ease;
        -moz-transition: color 1600ms ease;
        -ms-transition: color 1600ms ease;
        -o-transition: color 1600ms ease;
        transition: color 1600ms ease;
    }

    html #CMD .section__8 .wd__feature__list .wd__feature .wd__feature__describe__top,
    html #CMD .section__8 .wd__feature__list .wd__feature .wd__feature__data,
    html #CMD .section__8 .wd__feature__list .wd__feature .wd__feature__describe {
        transition: color 1600ms ease;
    }

    html #CMD .section__8 .wd__feature__list .wd__feature .wd__feature__describe__top span,
    html #CMD .section__8 .wd__feature__list .wd__feature .wd__feature__data span,
    html #CMD .section__8 .wd__feature__list .wd__feature .wd__feature__describe span {
        transition: color 1600ms ease;
    }

    html #CMD .section__8 .img__8 {
        background-image: none !important;
    }

    html #CMD .section__8 .img__8 .img-model {
        position: absolute;
        z-index: 30;
        top: 80px;
        left: 50%;
        margin-left: -621px;
        width: 1112px;
        height: 889px;
    }

    #CMD .section__8 .img__8 .img-model {
        background-image: url("../images/model.png");
    }
}

@media all and (min-width: 1280px) {
    html #CMD .section__8 .img__8 .img-model .screen-scene {
        position: absolute;
        z-index: 50;
        top: 44px;
        left: 54px;
        width: 640px;
        height: 360px;
        transform: matrix3d(0.89464, 0.1792, 0, 0.00067, 0.49033, 1.2143, 0, -0.00008, 0, 0, 1, 0, 3, 1, 0, 1);
        transform-origin: 0 1px 0;
    }

    html #CMD .section__8 .img__8 .img-model .screen-scene .screen-vid {
        width: 640px;
        height: 360px;
    }

    html #CMD .section__8 .img__8 .img-model .img-scene-light-mask {
        position: absolute;
        z-index: 82;
        top: 456px;
        left: 50%;
        opacity: 1;
        margin-left: -340px;
        width: 845px;
        height: 424px;
    }

    #CMD .section__8 .img__8 .img-model .img-scene-light-mask {
        background-image: url("../images/light-mask.png");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__8 .img__8 .img-model .img-scene-dark-mask {
        position: absolute;
        z-index: 85;
        top: 456px;
        left: 50%;
        opacity: 0;
        margin-left: -340px;
        width: 845px;
        height: 424px;
        transform: translateZ(0);
        transition: opacity 900ms ease;
    }

    #CMD .section__8 .img__8 .img-model .img-scene-dark-mask {
        background-image: url("../images/dark-mask.png");
    }
}

@media all and (min-width: 1280px) {
    html #CMD .section__8 .img__8 .img-model .img-scene-light-shadow {
        position: absolute;
        z-index: 70;
        top: 731px;
        left: 50%;
        opacity: 1;
        margin-left: -436px;
        width: 782px;
        height: 149px;
        transform: translateZ(0);
        transition: opacity 900ms ease;
    }

    #CMD .section__8 .img__8 .img-model .img-scene-light-shadow {
        background-image: url("../images/light-shadow.png");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__8 .img__8 .img-model .img-scene-dark-shadow {
        position: absolute;
        z-index: 72;
        top: 731px;
        left: 50%;
        opacity: 0;
        margin-left: -436px;
        width: 782px;
        height: 149px;
        transform: translateZ(0);
        transition: opacity 900ms ease;
    }

    #CMD .section__8 .img__8 .img-model .img-scene-dark-shadow {
        background-image: url("../images/dark-shadow.png");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__8 .img__8 .img-model .img-scene-mask {
        position: absolute;
        z-index: 52;
        top: 453px;
        left: 261px;
        width: 502px;
        height: 89px;
    }

    /* #CMD .section__8 .img__8 .img-model .img-scene-mask {
        background-image: url("../images/mask.png");
    } */
}

@media all and (min-width: 1280px) {
    html #CMD .section__8 .img__8 .clock-content {
        position: absolute;
        z-index: 25;
        top: 280px;
        left: 50%;
        margin-left: -670px;
    }

    html #CMD .section__8 .img__8 .clock-content #clock {
        width: 1340px;
        height: 1340px;
        transform: scale(1, 0.2) translateZ(0);
    }

    html #CMD .section__8 .img__8 .clock-content #clock .curve {
        transition: fill 1000ms ease;
        fill: #cbcbcb;
    }

    html #CMD .section__8 .img__8 .clock-content #clock .hour,
    html #CMD .section__8 .img__8 .clock-content #clock .minute {
        transition: fill 1000ms ease;
        fill: #cbcbcb;
        transform-origin: 50.57% 49.5%;
    }

    html #CMD .section__8 .img__8 .clock-content #clock .minute-ie,
    html #CMD .section__8 .img__8 .clock-content #clock .hour-ie {
        display: none;
        fill: #cbcbcb;
    }

    html #CMD .section__8 .img__8 .clock-content.js-animate-active #clock .minute {
        animation: infiniteRotate 800ms linear infinite forwards;
    }

    html #CMD .section__8 .img__8 .clock-content.js-animate-active #clock .hour {
        animation: infiniteRotate 5000ms linear infinite forwards;
    }

    html #CMD .section__8.js-dark-mode {
        background-color: #000;
    }

    html #CMD .section__8.js-dark-mode .wd__content .content__slogan,
    html #CMD .section__8.js-dark-mode .wd__content .content__info {
        color: #fff;
    }

    html #CMD .section__8.js-dark-mode .wd__feature__list .wd__feature .wd__feature__describe__top,
    html #CMD .section__8.js-dark-mode .wd__feature__list .wd__feature .wd__feature__data,
    html #CMD .section__8.js-dark-mode .wd__feature__list .wd__feature .wd__feature__describe {
        color: #fff;
    }

    html #CMD .section__8.js-dark-mode .wd__feature__list .wd__feature .wd__feature__describe__top span,
    html #CMD .section__8.js-dark-mode .wd__feature__list .wd__feature .wd__feature__data span,
    html #CMD .section__8.js-dark-mode .wd__feature__list .wd__feature .wd__feature__describe span {
        color: #fff;
    }

    html #CMD .section__8.js-dark-mode .img-model .img-scene-light-shadow {
        opacity: 0;
    }

    html #CMD .section__8.js-dark-mode .img-model .img-scene-dark-shadow,
    html #CMD .section__8.js-dark-mode .img-model .img-scene-dark-mask {
        opacity: 1;
    }

    html #CMD .section__8.js-dark-mode .clock-content #clock .curve {
        fill: #373a4d;
    }

    html #CMD .section__8.js-dark-mode .clock-content #clock .hour,
    html #CMD .section__8.js-dark-mode .clock-content #clock .minute {
        display: block;
        fill: #373a4d;
        transform-origin: 50.57% 49.5%;
    }

    html #CMD .section__8.js-dark-mode .clock-content #clock .minute-ie,
    html #CMD .section__8.js-dark-mode .clock-content #clock .hour-ie {
        fill: #373a4d;
    }

    html #CMD .section__11 .img__11 .cam-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 2560px;
        height: 828px;
    }

    html #CMD .section__11 .img__11 .cam-content .img-cam-btn {
        position: absolute;
        z-index: 96;
        top: 64px;
        left: 50%;
        margin-left: -203px;
        width: 100px;
        height: 22px;
        transform: translate3d(0, 0, 0);
        transition: transform 800ms ease;
    }

    #CMD .section__11 .img__11 .img-cam-btn {
        background-image: url("../images/01_cam_btn.png");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__11 .img__11 .cam-content .img-cam-mask {
        position: absolute;
        z-index: 94;
        top: 53px;
        left: 50%;
        margin-left: -237px;
        width: 300px;
        height: 50px;
    }

    #CMD .section__11 .img__11 .img-cam-mask {
        background-image: url("../images/01_cam_mask.png");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__11 .img__11 .cam-content .img-cam-bar {
        position: absolute;
        z-index: 92;
        top: 54px;
        left: 50%;
        margin-left: -236px;
        width: 215px;
        height: 40px;
        transform: translate3d(0, 0, 0);
        transition: transform 800ms ease;
    }

    #CMD .section__11 .img__11 .img-cam-bar {
        background-image: url("../images/01_cam_bg.png");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__11 .img__11 .cam-content.js-animate-active .img-cam-btn {
        animation: camBtnSlide 3000ms 800ms ease-in-out infinite forwards;
    }

    html #CMD .section__11 .img__11 .cam-content.js-animate-active .img-cam-bar {
        animation: camBgSlide 3000ms 800ms ease-in-out infinite forwards;
    }

    html #CMD .section__adobeBanner {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    html #CMD .section__adobeBanner .banner__container .banner__item {
        min-height: 702px;
    }

    html #CMD .section__adobeBanner .banner__container .wd__content {
        top: 0;
        left: 50%;
        margin-left: -560px;
        padding-top: 185px;
        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: 702px;
        background-position: bottom;
    }

    #CMD .section__adobeBanner .img__main {
        background-image: url("../images/adobe_banner_creativecloud.jpg");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__adobeBanner+.section__comment {
        margin-top: 0;
    }
}

@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: 80%;
        max-width: 1300px;
    }

    html #CMD .wd__section .wd__content .content__title {
        font-size: 37px;
        margin-top: 16px;
    }

    html #CMD .wd__section .wd__content .content__info {
        margin-top: 14px;
        font-size: 18px;
    }

    html #CMD .wd__section .wd__content .content__link {
        font-size: 17px;
    }

    html #CMD .wd__section .wd__content .content__slogan {
        letter-spacing: 6px;
        padding: 0 47px;
        font-size: 15px;
    }

    html #CMD .wd__section .wd__content .content__slogan::before {
        width: 37px;
        height: 7px;
    }

    html #CMD .wd__section .wd__content .content__slogan::after {
        width: 37px;
        height: 7px;
    }

    html #CMD .wd__section .wd__feature__list {
        margin-top: 43px;
    }

    html #CMD .wd__section .wd__feature__list .wd__feature {
        vertical-align: top;
        margin-bottom: 22px;
    }

    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 span {
        font-size: 13px;
    }

    html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__describe span {
        font-size: 13px;
    }

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

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

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

    .outer-view .modal-button-container .modal-button {
        margin: 10px 0 10px 54px;
        transform: scale(0.75);
    }

    .outer-view .modal-button-container .modal-button .modal-inner-text {
        font-size: 23px;
    }

    html #CMD .section__8 {
        overflow: hidden;
        background-color: #fff;
        transition: background-color 1600ms ease;
    }

    html #CMD .section__8 .wd__content .content__slogan {
        -webkit-transition: color 1600ms ease;
        -khtml-transition: color 1600ms ease;
        -moz-transition: color 1600ms ease;
        -ms-transition: color 1600ms ease;
        -o-transition: color 1600ms ease;
        transition: color 1600ms ease;
    }

    html #CMD .section__8 .wd__content .content__title {
        -webkit-transition: color 1600ms ease;
        -khtml-transition: color 1600ms ease;
        -moz-transition: color 1600ms ease;
        -ms-transition: color 1600ms ease;
        -o-transition: color 1600ms ease;
        transition: color 1600ms ease;
    }

    html #CMD .section__8 .wd__content .content__info {
        -webkit-transition: color 1600ms ease;
        -khtml-transition: color 1600ms ease;
        -moz-transition: color 1600ms ease;
        -ms-transition: color 1600ms ease;
        -o-transition: color 1600ms ease;
        transition: color 1600ms ease;
    }

    html #CMD .section__8 .wd__feature__list .wd__feature .wd__feature__describe__top,
    html #CMD .section__8 .wd__feature__list .wd__feature .wd__feature__data,
    html #CMD .section__8 .wd__feature__list .wd__feature .wd__feature__describe {
        transition: color 1600ms ease;
    }

    html #CMD .section__8 .wd__feature__list .wd__feature .wd__feature__describe__top span,
    html #CMD .section__8 .wd__feature__list .wd__feature .wd__feature__data span,
    html #CMD .section__8 .wd__feature__list .wd__feature .wd__feature__describe span {
        transition: color 1600ms ease;
    }

    html #CMD .section__8 .img__8 {
        background-image: none !important;
    }

    html #CMD .section__8 .img__8 .img-model {
        position: absolute;
        z-index: 30;
        top: 80px;
        left: 50%;
        margin-left: -621px;
        width: 1112px;
        height: 889px;
    }

    #CMD .section__8 .img__8 .img-model {
        background-image: url("../images/model-1.png");
    }
}



@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__8 .img__8 .img-model .screen-scene {
        position: absolute;
        z-index: 50;
        top: 44px;
        left: 54px;
        width: 640px;
        height: 360px;
        transform: matrix3d(0.89464, 0.1792, 0, 0.00067, 0.49033, 1.2143, 0, -0.00008, 0, 0, 1, 0, 3, 1, 0, 1);
        transform-origin: 0 1px 0;
    }

    html #CMD .section__8 .img__8 .img-model .screen-scene .screen-vid {
        width: 640px;
        height: 360px;
    }

    html #CMD .section__8 .img__8 .img-model .img-scene-light-mask {
        position: absolute;
        z-index: 82;
        top: 456px;
        left: 50%;
        opacity: 1;
        margin-left: -340px;
        width: 845px;
        height: 424px;
    }

    #CMD .section__8 .img__8 .img-model .img-scene-light-mask {
        background-image: url("../images/light-mask.png");
    }
}


@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__8 .img__8 .img-model .img-scene-dark-mask {
        position: absolute;
        z-index: 85;
        top: 456px;
        left: 50%;
        opacity: 0;
        margin-left: -340px;
        width: 845px;
        height: 424px;
        transform: translateZ(0);
        transition: opacity 900ms ease;
    }

    #CMD .section__8 .img__8 .img-model .img-scene-dark-mask {
        background-image: url("../images/dark-mask.png");
    }
}


@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__8 .img__8 .img-model .img-scene-light-shadow {
        position: absolute;
        z-index: 70;
        top: 731px;
        left: 50%;
        opacity: 1;
        margin-left: -436px;
        width: 782px;
        height: 149px;
        transform: translateZ(0);
        transition: opacity 900ms ease;
    }

    #CMD .section__8 .img__8 .img-model .img-scene-light-shadow {
        background-image: url("../images/light-shadow.png");
    }
}


@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__8 .img__8 .img-model .img-scene-dark-shadow {
        position: absolute;
        z-index: 72;
        top: 731px;
        left: 50%;
        opacity: 0;
        margin-left: -436px;
        width: 782px;
        height: 149px;
        transform: translateZ(0);
        transition: opacity 900ms ease;
    }

    #CMD .section__8 .img__8 .img-model .img-scene-dark-shadow {
        background-image: url("../images/dark-shadow.png");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__8 .img__8 .img-model .img-scene-mask {
        position: absolute;
        z-index: 52;
        top: 453px;
        left: 261px;
        width: 502px;
        height: 89px;
    }

    /* #CMD .section__8 .img__8 .img-model .img-scene-mask {
        background-image: url("../images/mask.png");
    } */
}


@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__8 .img__8 .clock-content {
        position: absolute;
        z-index: 25;
        top: 280px;
        left: 50%;
        margin-left: -670px;
    }

    html #CMD .section__8 .img__8 .clock-content #clock {
        width: 1340px;
        height: 1340px;
        transform: scale(1, 0.2) translateZ(0);
    }

    html #CMD .section__8 .img__8 .clock-content #clock .curve {
        transition: fill 1000ms ease;
        fill: #cbcbcb;
    }

    html #CMD .section__8 .img__8 .clock-content #clock .hour,
    html #CMD .section__8 .img__8 .clock-content #clock .minute {
        transition: fill 1000ms ease;
        fill: #cbcbcb;
        transform-origin: 50.57% 49.5%;
    }

    html #CMD .section__8 .img__8 .clock-content #clock .minute-ie,
    html #CMD .section__8 .img__8 .clock-content #clock .hour-ie {
        display: none;
        fill: #cbcbcb;
    }

    html #CMD .section__8 .img__8 .clock-content.js-animate-active #clock .minute {
        animation: infiniteRotate 800ms linear infinite forwards;
    }

    html #CMD .section__8 .img__8 .clock-content.js-animate-active #clock .hour {
        animation: infiniteRotate 5000ms linear infinite forwards;
    }

    html #CMD .section__8.js-dark-mode {
        background-color: #000;
    }

    html #CMD .section__8.js-dark-mode .wd__content .content__slogan,
    html #CMD .section__8.js-dark-mode .wd__content .content__info {
        color: #fff;
    }

    html #CMD .section__8.js-dark-mode .wd__feature__list .wd__feature .wd__feature__describe__top,
    html #CMD .section__8.js-dark-mode .wd__feature__list .wd__feature .wd__feature__data,
    html #CMD .section__8.js-dark-mode .wd__feature__list .wd__feature .wd__feature__describe {
        color: #fff;
    }

    html #CMD .section__8.js-dark-mode .wd__feature__list .wd__feature .wd__feature__describe__top span,
    html #CMD .section__8.js-dark-mode .wd__feature__list .wd__feature .wd__feature__data span,
    html #CMD .section__8.js-dark-mode .wd__feature__list .wd__feature .wd__feature__describe span {
        color: #fff;
    }

    html #CMD .section__8.js-dark-mode .img-model .img-scene-light-shadow {
        opacity: 0;
    }

    html #CMD .section__8.js-dark-mode .img-model .img-scene-dark-shadow,
    html #CMD .section__8.js-dark-mode .img-model .img-scene-dark-mask {
        opacity: 1;
    }

    html #CMD .section__8.js-dark-mode .clock-content #clock .curve {
        fill: #373a4d;
    }

    html #CMD .section__8.js-dark-mode .clock-content #clock .hour,
    html #CMD .section__8.js-dark-mode .clock-content #clock .minute {
        display: block;
        fill: #373a4d;
        transform-origin: 50.57% 49.5%;
    }

    html #CMD .section__8.js-dark-mode .clock-content #clock .minute-ie,
    html #CMD .section__8.js-dark-mode .clock-content #clock .hour-ie {
        fill: #373a4d;
    }

    html #CMD .section__11 .img__11 .cam-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 2560px;
        height: 828px;
    }

    html #CMD .section__11 .img__11 .cam-content .img-cam-btn {
        position: absolute;
        z-index: 96;
        top: 64px;
        left: 50%;
        margin-left: -203px;
        width: 100px;
        height: 22px;
        transform: translate3d(0, 0, 0);
        transition: transform 800ms ease;
    }

    #CMD .section__11 .img__11 .img-cam-btn {
        background-image: url("../images/01_cam_btn.png");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__11 .img__11 .cam-content .img-cam-mask {
        position: absolute;
        z-index: 94;
        top: 53px;
        left: 50%;
        margin-left: -237px;
        width: 300px;
        height: 50px;
    }

    #CMD .section__11 .img__11 .img-cam-mask {
        background-image: url("../images/01_cam_mask.png");
    }
}
@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__11 .img__11 .cam-content .img-cam-bar {
        position: absolute;
        z-index: 92;
        top: 54px;
        left: 50%;
        margin-left: -236px;
        width: 215px;
        height: 40px;
        transform: translate3d(0, 0, 0);
        transition: transform 800ms ease;
    }

    #CMD .section__11 .img__11 .img-cam-bar {
        background-image: url("../images/01_cam_bg.png");
    }
}


@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__11 .img__11 .cam-content.js-animate-active .img-cam-btn {
        animation: camBtnSlide 3000ms 800ms ease-in-out infinite forwards;
    }

    html #CMD .section__11 .img__11 .cam-content.js-animate-active .img-cam-bar {
        animation: camBgSlide 3000ms 800ms ease-in-out infinite forwards;
    }

    html #CMD .section__kv {
        padding-bottom: 45px;
    }

    html #CMD .section__kv .wd__content {
        margin-top: 53px;
        max-width: 810px;
    }

    html #CMD .section__kv .wd__content .content__title {
        margin-top: 5px;
        font-size: 38px;
    }

    html #CMD .section__kv .wd__content .content__info {
        width: 99%;
        margin-top: 31px;
        font-size: 26px;
    }

    html #CMD .section__kv .wd__content.bottom-content {
        z-index: 1;
    }

    html #CMD .section__kv .wd__content .content__slogan {
        padding: 0;
        font-size: 42px;
        letter-spacing: 1px;
    }

    html #CMD .section__kv .img__kv__logo {
        margin-top: -179px;
        margin-bottom: -15px;
        width: 640px;
        height: 60px;
    }

    .section__kv .img__kv__logo {
        background-image: url("../images/kv_logo.png");
    }
}


@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__kv .img__kv {
        left: 50%;
        margin-top: -25px;
        margin-left: -650px;
        width: 1300px;
        height: 800px;
    }

    .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 .img__nvidia__studio {
        margin-top: 60px;
        width: 197px;
        height: 90px;
        background-size: contain;
    }

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

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

    html #CMD .section__ksp .ksp__layout .wd__feature__list .wd__feature .wd__feature__data span {
        font-size: 28px;
    }

    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_content {
        width: 53%;
    }

    html #CMD .section__ksp .ksp__layout .grid-item-0 .item_image {
        top: 0;
        left: 0;
        width: 47%;
    }

    html #CMD .section__ksp .ksp__layout .grid-item-0 .img__block {
        position: absolute;
        margin-top: 0;
        margin-left: 41px;
        width: 342px;
        height: 254px;
    }

    #CMD .section__ksp .grid-item-0 .img__block {
        background-image: url("../images/img_display-1.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.grid-item-wdFeature .wd__feature__list .wd__feature__describe {
        width: 68%;
    }

    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 .item_content {
        width: 53%;
    }

    html #CMD .section__ksp .ksp__layout .grid-item-7 .item_image {
        width: 47%;
    }

    html #CMD .section__ksp .ksp__layout .grid-item-7 .img__block {
        position: absolute;
        margin-top: -52px;
        margin-right: 42px;
        width: 386px;
        height: 332px;
    }

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


@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__2 {
        margin-top: 0;
        padding-top: 76px;
        padding-bottom: 60px;
        background-color: #dbd8d9;
    }

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

    html #CMD .section__2 .wd__feature__list {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }

    html #CMD .section__2 .wd__feature__list.list-1 {
        margin-top: -291px;
    }

    html #CMD .section__2 .wd__feature__list.list-2.feature-1 .img__icon1 {
        margin-bottom: -27px;
        width: 132px;
        height: 132px;
    }

    html #CMD .section__2 .wd__feature__list.list-2.feature-2 {
        margin-top: 49px;
    }

    html #CMD .section__2 .wd__feature__list.list-2.feature-2 .img__icon2 {
        top: 0;
        margin-top: -36px;
        margin-bottom: 12px;
        width: 56px;
        height: 80px;
    }

    html #CMD .section__2 .wd__feature__list.list-2.feature-3 {
        margin-top: -10px;
    }

    html #CMD .section__2 .wd__feature__list.list-2.feature-3 .img__icon3 {
        top: 0;
        margin-top: 15px;
        margin-bottom: 10px;
        width: 171px;
        height: 90px;
    }

    html #CMD .section__2 .img__2 {
        left: 50%;
        margin-top: -321px;
        margin-left: -650px;
        width: 1300px;
        height: 1240px;
    }

    .section__2 .img__2 {
        background-image: url("../images/s2-1.jpg");
    }
}


@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__2 .modal-button-container {
        position: relative;
        z-index: 99;
        margin-top: 30px;
    }

    html #CMD .section__3 {
        margin-top: -45px;
        padding-top: 76px;
        padding-bottom: 25px;
    }

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

    html #CMD .section__3 .img__3 {
        margin-top: 34px;
        padding-bottom: 110px;
        height: auto;
        background: none;
    }

    html #CMD .section__3 .img__3 .grid_content {
        position: relative;
        z-index: 2;
        left: 50%;
        width: 286px;
        text-align: left;
    }

    html #CMD .section__3 .img__3 .grid_content .content__title {
        font-size: 27px;
    }

    html #CMD .section__3 .img__3 .grid_content .content__info {
        margin-top: 14px;
        font-size: 15px;
        line-height: 1.5;
    }

    html #CMD .section__3 .img__3 .grid_content.grid1 {
        top: 0;
        margin-left: 21px;
        padding-top: 60px;
    }

    html #CMD .section__3 .img__3 .grid_content.grid2 {
        top: 0;
        margin-top: -164px;
        margin-left: -313px;
    }

    html #CMD .section__3 .img__3 .img__center {
        z-index: 1;
        left: 50%;
        margin-top: -149px;
        margin-left: -650px;
        width: 1300px;
        height: 710px;
    }

    .section__3 .img__center {
        background-image: url("../images/s3-1.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__4 {
        margin-top: -22px;
        padding-top: 76px;
        padding-bottom: 35px;
        background-image: linear-gradient(to bottom, #fff 70%, #cacaca 80%, #cacaca 100%);
    }

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

    html #CMD .section__4 .wd__content::before {
        display: block;
        position: absolute;
        top: -77px;
        left: 50%;
        margin-left: -650px;
        width: 1300px;
        height: 100px;
        background: #fff;
        content: '';
    }

    html #CMD .section__4 .img__4 {
        margin-top: -258px;
        margin-left: -650px;
        width: 1300px;
        height: 1514px;
    }

    .section__4 .img__4 {
        background-image: url("../images/s4-1.jpg");
    }
}


@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__5 {
        overflow: hidden;
        margin-top: -34px;
        padding-top: 76px;
        padding-bottom: 0;
    }

    html #CMD .section__5 .wd__content {
        position: relative;
        top: 0;
        width: 82%;
    }

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

    html #CMD .section__5 .img__5 {
        left: 50%;
        margin-top: -289px;
        margin-left: -650px;
        width: 1300px;
        height: 884px;
    }

    .section__5 .img__5 {
        background-image: url("../images/s5-2.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__6 {
        overflow: hidden;
        margin-top: 0;
        padding-top: 76px;
        padding-bottom: 0;
    }

    html #CMD .section__6 .wd__content {
        margin-top: 0;
        max-width: 1000px;
    }

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

    html #CMD .section__6 .wd__feature__list {
        margin-top: 40px;
    }

    html #CMD .section__6 .wd__feature__list .wd__feature.feature-1 {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }

    html #CMD .section__6 .img__6 {
        left: 50%;
        margin-top: -376px;
        margin-left: -650px;
        width: 1300px;
        height: 1032px;
    }

    .section__6 .img__6 {
        background-image: url("../images/s6.jpg");
    }
}


@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__6 .modal-button-container {
        position: relative;
        z-index: 99;
        margin-top: -153px;
    }

    html #CMD .section__7 {
        overflow: hidden;
        z-index: 2;
        margin-top: 0;
        padding-top: 76px;
        padding-bottom: 0;
        background-color: #1b1c1c;
    }

    html #CMD .section__7 .wd__content {
        margin-top: 0;
        max-width: 1000px;
    }

    html #CMD .section__7 .wd__content .content__info {
        width: 96%;
        max-width: 670px;
    }

    html #CMD .section__7 .img__7 {
        left: 50%;
        margin-top: -70px;
        margin-left: -512px;
        width: 1024px;
        height: 572px;
    }

    .section__7 .img__7 {
        background-image: url("../images/s7.jpg");
    }
}


@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__8 {
        z-index: 1;
        margin-top: 0;
        padding-top: 76px;
        padding-bottom: 10px;
    }

    html #CMD .section__8 .wd__content {
        margin-top: 0;
    }

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

    html #CMD .section__8 .wd__feature__list {
        position: relative;
        left: 50%;
        margin-left: -350px;
        width: 700px;
    }

    html #CMD .section__8 .wd__feature__list .wd__feature {
        margin-right: 25px;
        margin-left: 25px;
        width: auto !important;
        max-width: 132px;
        vertical-align: top;
    }

    html #CMD .section__8 .wd__feature__list .wd__feature.feature-3 {
        width: 110px !important;
    }

    html #CMD .section__8 .wd__feature__list .wd__feature.feature-3 .wd__feature__data {
        padding-top: 0;
    }

    html #CMD .section__8 .img__8 {
        background-image: none;
        margin-top: -310px;
        transform: scale(0.7);
    }

    html #CMD .section__8 .img__8 .img-model {
        margin-left: -564px;
    }

    html #CMD .section__8 .modal-button-container {
        position: relative;
        z-index: 99;
        margin-top: -200px;
    }

    html #CMD .section__9 {
        z-index: 100;
        margin-top: -201px;
        padding-top: 76px;
        padding-bottom: 0;
        background-color: #212121;
    }

    html #CMD .section__9 .wd__content {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    html #CMD .section__9 .wd__content .content__info {
        max-width: 670px;
    }

    html #CMD .section__9 .wd__feature__list {
        position: relative;
        left: 50%;
        margin-top: 112px;
        margin-left: 244px;
        width: 350px;
    }

    html #CMD .section__9 .wd__feature__list .wd__feature {
        max-width: 140px;
        vertical-align: top;
    }

    html #CMD .section__9 .wd__feature__list .wd__feature .wd__feature__data.text__long-en {
        padding-top: 15px;
    }

    html #CMD .section__9 .img__9 {
        margin-top: -468px;
        margin-bottom: -210px;
        transform: scale(0.7);
    }

    #CMD .section__9 .img__9 {
        background-image: url("../images/bg.jpg");
    }
}


@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD #section__9 .img__9 .img__dialPad {
        background-image: url("../images/dialPad.png");
    }
}


@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD #section__9 .img__9 .img__dialPad_icon {
        background-image: url("../images/dialPad_icon.png");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__10 {
        z-index: 101;
        padding-top: 76px;
        background-color: #000;
    }

    html #CMD .section__10 .wd__content {
        position: relative;
        top: 0;
    }

    html #CMD .section__10 .wd__content .content__info {
        max-width: 680px;
    }

    html #CMD .section__10 .wd__feature__list {
        margin-top: 11px;
        margin-right: auto;
        margin-left: auto;
        max-width: 700px;
    }

    html #CMD .section__10 .wd__feature__list .wd__feature {
        margin-right: 17px;
        margin-left: 17px;
    }

    html #CMD .section__10 .wd__feature__list .feature-1 {
        width: 90%;
    }

    html #CMD .section__10 .img__10 {
        position: relative;
        left: 50%;
        margin-top: 45px;
        margin-left: -650px;
        width: 1300px;
        height: 518px;
    }

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


@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__11 {
        padding-top: 76px;
        padding-bottom: 140px;
    }

    html #CMD .section__11 .wd__content {
        top: 58px;
        min-height: 328px;
        margin-left: auto;
        margin-right: auto;
    }

    html #CMD .section__11 .wd__content .content__info {
        max-width: 700px;
    }

    html #CMD .section__11 .wd__feature__list .wd__feature.feature-1 .img__icon1 {
        width: 85px;
        height: 66px;
        background-size: contain;
    }

    html #CMD .section__11 .img__11 {
        margin-top: -518px;
        margin-bottom: -310px;
        transform: scale(0.73);
    }

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


@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .section__11 .img__11 .img-cam-btn {
        background-image: url("../images/01_cam_btn-1.png");
    }
}


@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .section__11 .img__11 .img-cam-mask {
        background-image: url("../images/01_cam_mask.png");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .section__11 .img__11 .img-cam-bar {
        background-image: url("../images/01_cam_bg.png");
    }
}


@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__12 {
        padding-top: 76px;
        padding-bottom: 67px;
    }

    html #CMD .section__12 .wd__content {
        top: 0;
        width: 82%;
        margin-left: auto;
        margin-right: auto;
    }

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

    html #CMD .section__12 .wd__feature__list {
        margin-top: 62px;
    }

    html #CMD .section__12 .wd__feature__list .wd__feature {
        margin-right: 20px;
        margin-left: 20px;
        vertical-align: top;
    }

    html #CMD .section__12 .wd__feature__list .wd__feature.feature-1 .img__icon1 {
        margin-top: -21px;
        margin-bottom: -1px;
        width: 61px;
        height: 66px;
    }

    html #CMD .section__12 .wd__feature__list .wd__feature.feature-2 .img__icon2 {
        margin-top: 0;
        margin-bottom: 0;
        width: 85px;
        height: 66px;
    }

    html #CMD .section__12 .wd__feature__list .wd__feature.feature-3 .img__icon3 {
        margin-top: -21px;
        margin-bottom: -1px;
        width: 102px;
        height: 66px;
    }

    html #CMD .section__12 .wd__feature__list .wd__feature.feature-4 .img__icon4 {
        margin-top: -14px;
        margin-bottom: -8px;
        width: 97px;
        height: 66px;
    }

    html #CMD .section__12 .wd__feature__list .wd__feature.feature-4 {
        width: 102px;
    }

    html #CMD .section__12 .modal-button-container {
        margin-top: 20px;
    }

    html #CMD .section__13 {
        padding-top: 76px;
        background-color: #282828;
    }

    html #CMD .section__13 .wd__content {
        top: 0;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

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

    html #CMD .section__13 .img__13 {
        position: relative;
        left: 50%;
        margin-top: -155px;
        margin-left: -650px;
        width: 1300px;
        height: 908px;
    }

    #CMD .section__13 .img__13 {
        background-image: url("../images/s13-1.jpg");
    }
}


@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__noise {
        margin-top: 0;
        padding-top: 76px;
        padding-bottom: 70px;
        background-color: #ebebeb;
    }

    html #CMD .section__noise .wd__content .content__title {
        max-width: 570px !important;
    }

    html #CMD .section__noise .wd__content .content__info {
        width: 100%;
        max-width: 746px !important;
    }

    html #CMD .section__noise .sub__content {
        margin-top: 36px;
        margin-right: auto;
        margin-left: auto;
        width: 79%;
    }

    html #CMD .section__noise .sub__content .content__title {
        font-size: 20px;
    }

    html #CMD .section__noise .sub__content .content__info {
        margin-top: 8px;
        font-size: 18px;
    }

    html #CMD .section__noise .nav__noise {
        margin-top: 70px;
    }

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

    html #CMD .section__noise .noise__switcher {
        margin-top: 50px;
    }

    html #CMD .section__noise .img__noise {
        margin-top: -45px;
        transform: scale(0.65);
    }

    html #CMD .section__noise .modal-button-container {
        margin-top: -53px;
    }

    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: 71px;
        padding-bottom: 60px;
    }

    html #CMD .section__adobeBanner .banner__container .img__main {
        left: 50%;
        margin-top: -335px;
        margin-left: -650px;
        width: 1300px;
        height: 866px;
    }

    #CMD .section__adobeBanner .img__main {
        background-image: url("../images/adobe_banner_creativecloud-1.jpg");
    }
}


@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__comment {
        padding-top: 50px;
        background-color: #fff;
    }

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

    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: transparent;
        color: #fff;
        border-color: transparent;
    }

    html #CMD .inner-view .inner-view-container .modal-button:hover {
        background-color: transparent;
        color: #ef4801;
        border-color: transparent;
    }

    html #CMD .inner-view .inner-view-container .inner-modal {
        padding-bottom: 0;
    }

    html #CMD .inner-view .inner-view-container .inner-modal.modal-inner2-1 {
        background-color: #1b1b1b;
    }

    html #CMD .inner-view .inner-view-container .inner-modal.modal-inner6-1 {
        background-color: #000;
    }

    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 .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: #1c1b19;
        position: relative;
        top: 12px;
        left: 0;
        display: none;
    }

    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title {
        color: #1c1b19;
        font-size: 26px;
    }

    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__info {
        color: #1c1b19;
        margin-top: 11px;
        font-size: 16px;
    }

    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link {
        linkColor: #fff;
        color: #fff;
    }

    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: #fff;
    }

    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link:after {
        color: #fff;
    }

    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link:link {
        color: #fff;
    }

    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link:hover span {
        border-bottom: 1px solid #fff;
    }

    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 .wd__section .wd__feature__list .wd__feature .wd__feature__describe span,
    html #CMD .inner-view .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top,
    html #CMD .inner-view .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top span .wd__feature__describe {
        font-size: 12px;
        line-height: 1.2;
    }

    html #CMD .inner-view .wd__section .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 44px;
    }

    html #CMD .inner-view .wd__section .wd__feature__list .wd__feature .wd__feature__data span {
        font-size: 24px;
    }

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

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

    html #CMD .inner-view #active__modal-performance,
    html #CMD .inner-view #active__modal-ultra__sharp,
    html #CMD .inner-view #active__modal-nano__edge,
    html #CMD .inner-view #active__modal-design,
    html #CMD .inner-view #active__modal-connectivity {
        background: #fff;
    }

    html #CMD .inner-view #active__modal-performance .inner-modal,
    html #CMD .inner-view #active__modal-performance section,
    html #CMD .inner-view #active__modal-ultra__sharp .inner-modal,
    html #CMD .inner-view #active__modal-ultra__sharp section,
    html #CMD .inner-view #active__modal-nano__edge .inner-modal,
    html #CMD .inner-view #active__modal-nano__edge section,
    html #CMD .inner-view #active__modal-design .inner-modal,
    html #CMD .inner-view #active__modal-design section,
    html #CMD .inner-view #active__modal-connectivity .inner-modal,
    html #CMD .inner-view #active__modal-connectivity section {
        background: #fff;
    }

    html #CMD .inner-view #active__modal-performance .wd__section .wd__content .content__title,
    html #CMD .inner-view #active__modal-ultra__sharp .wd__section .wd__content .content__title,
    html #CMD .inner-view #active__modal-nano__edge .wd__section .wd__content .content__title,
    html #CMD .inner-view #active__modal-design .wd__section .wd__content .content__title,
    html #CMD .inner-view #active__modal-connectivity .wd__section .wd__content .content__title {
        color: #1c1b19;
    }

    html #CMD .inner-view #active__modal-performance .wd__section .wd__content .content__info,
    html #CMD .inner-view #active__modal-ultra__sharp .wd__section .wd__content .content__info,
    html #CMD .inner-view #active__modal-nano__edge .wd__section .wd__content .content__info,
    html #CMD .inner-view #active__modal-design .wd__section .wd__content .content__info,
    html #CMD .inner-view #active__modal-connectivity .wd__section .wd__content .content__info {
        color: #1c1b19;
    }

    html #CMD .inner-view #active__modal-performance .wd__section .wd__content .content__link,
    html #CMD .inner-view #active__modal-ultra__sharp .wd__section .wd__content .content__link,
    html #CMD .inner-view #active__modal-nano__edge .wd__section .wd__content .content__link,
    html #CMD .inner-view #active__modal-design .wd__section .wd__content .content__link,
    html #CMD .inner-view #active__modal-connectivity .wd__section .wd__content .content__link {
        Color: #1c1b19;
    }

    html #CMD .inner-view #active__modal-performance .wd__section .wd__content .content__comment,
    html #CMD .inner-view #active__modal-ultra__sharp .wd__section .wd__content .content__comment,
    html #CMD .inner-view #active__modal-nano__edge .wd__section .wd__content .content__comment,
    html #CMD .inner-view #active__modal-design .wd__section .wd__content .content__comment,
    html #CMD .inner-view #active__modal-connectivity .wd__section .wd__content .content__comment {
        color: #1c1b19;
    }

    html #CMD .inner-view #active__modal-performance .wd__section .wd__feature__list .wd__feature .wd__feature__describe,
    html #CMD .inner-view #active__modal-performance .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top,
    html #CMD .inner-view #active__modal-ultra__sharp .wd__section .wd__feature__list .wd__feature .wd__feature__describe,
    html #CMD .inner-view #active__modal-ultra__sharp .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top,
    html #CMD .inner-view #active__modal-nano__edge .wd__section .wd__feature__list .wd__feature .wd__feature__describe,
    html #CMD .inner-view #active__modal-nano__edge .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top,
    html #CMD .inner-view #active__modal-design .wd__section .wd__feature__list .wd__feature .wd__feature__describe,
    html #CMD .inner-view #active__modal-design .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top,
    html #CMD .inner-view #active__modal-connectivity .wd__section .wd__feature__list .wd__feature .wd__feature__describe,
    html #CMD .inner-view #active__modal-connectivity .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top {
        color: #1c1b19;
    }

    html #CMD .inner-view .inner-view-container .modal-button {
        margin: 10px 0 10px 59px;
        transform: scale(0.8);
    }

    html #CMD .modal-button-container .modal-button .modal-inner-text {
        margin-top: 8px;
        font-size: 23px;
    }

    html #CMD #section__inner2_1 {
        overflow: hidden;
        padding-top: 78px;
        padding-bottom: 165px;
    }

    html #CMD #section__inner2_1 .wd__content {
        width: 100%;
    }

    html #CMD #section__inner2_1 .wd__content .content__info {
        width: 86%;
        max-width: 600px;
    }

    html #CMD #section__inner2_1 .wd__feature__list .wd__feature .wd__feature__describe {
        color: #fff;
    }

    html #CMD #section__inner2_1 .img__srgb {
        margin: 20px auto 90px;
        width: 328px;
        height: 308px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    #CMD #section__inner2_1 .img__srgb {
        background-image: url("../images/icon1-1.png");
    }
}


@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner2_1 .img__inner2_1 {
        margin-bottom: 20px;
    }

    html #CMD #section__inner2_1 .img__inner2_1 figure {
        display: inline-block;
        position: relative;
        width: 360px;
        height: 268px;
        background-size: contain;
    }

    html #CMD #section__inner2_1 .img__inner2_1 figure span {
        position: absolute;
        right: 18px;
        bottom: 12px;
        color: #fff;
    }

    html #CMD #section__inner2_1 .img__inner2_1 figure.left_compare {
        margin-right: 10px;
    }

    #CMD #section__inner2_1 .img__inner2_1 .left_compare {
        background-image: url("../images/01_left.jpg");
    }
}


@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner2_1 .img__inner2_1 figure.right_compare {
        margin-left: -4px;
    }

    #CMD #section__inner2_1 .img__inner2_1 .right_compare {
        background-image: url("../images/01_right.jpg");
    }
}


@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner6_1 {
        padding-top: 78px;
        padding-bottom: 70px;
        background-color: #000;
    }

    html #CMD #section__inner6_1 .wd__content {
        width: 100%;
        max-width: 630px;
    }

    html #CMD #section__inner6_1 .wd__feature__list .feature-2 .img__icon2 {
        top: -5px;
        width: 142px;
        height: 64px;
    }

    html #CMD #section__inner6_1 .wd__feature__describe {
        color: #fff;
    }

    html #CMD #section__inner6_1 .img__inner6_1 {
        margin-top: -140px;
        margin-left: -650px;
        width: 1300px;
        height: 750px;
    }

    #CMD .section__inner6_1 .img__inner6_1 {
        background-image: url("../images/01_bg.jpg");
    }
}


@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner12_1 {
        padding-bottom: 0;
    }

    html #CMD #section__inner12_1 .section_content {
        position: relative;
        left: 0;
        width: 100%;
        background-size: contain;
    }

    #CMD #section__inner12_1 .section_content {
        background-image: url("../images/01_texture.jpg");
    }
}


@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner12_1 .wd__content {
        position: relative;
        left: 0;
        margin-left: auto;
        width: 100%;
        max-width: 640px;
    }

    html #CMD #section__inner12_1 .wd__content .content__title {
        color: #fff;
    }

    html #CMD #section__inner12_1 .wd__content .content__info {
        color: #fff;
    }

    html #CMD #section__inner12_1 .wd__content.content-1 {
        top: unset;
        margin-top: 56px;
    }

    html #CMD #section__inner12_1 .wd__content.content-1 .content__info {
        width: 100%;
        max-width: 640px;
    }

    html #CMD #section__inner12_1 .wd__content.content-1 .wd__feature__list .feature-1 .img__icon1 {
        width: 61px;
        height: 66px;
    }

    html #CMD #section__inner12_1 .wd__content.content-2 {
        top: unset;
        margin-top: 81px;
    }

    html #CMD #section__inner12_1 .wd__content.content-2 .content__info {
        width: 100%;
        max-width: 640px;
    }

    html #CMD #section__inner12_1 .wd__content.content-2 .wd__feature__list .feature-2 .img__icon2 {
        width: 85px;
        height: 66px;
    }

    html #CMD #section__inner12_1 .img__top {
        position: relative;
        left: 50%;
        margin-top: 0;
        margin-left: -650px;
        width: 1300px;
        height: 392px;
    }

    #CMD #section__inner12_1 .img__top {
        background-image: url("../images/01_bg_top.jpg");
    }
}

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner12_1 .img__inner12_1 {
        position: relative;
        left: 50%;
        margin-top: 42px;
        margin-left: -650px;
        width: 1300px;
        height: 628px;
    }

    #CMD #section__inner12_1 .img__inner12_1 {
        background-image: url("../images/01_bg_bottom.jpg");
    }
}


@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner12_2 {
        padding-top: 0;
        padding-bottom: 0;
    }

    html #CMD #section__inner12_2 .wd__content {
        position: relative;
        width: 100%;
        left: 0;
        margin-top: 103px;
        margin-left: auto;
        max-width: 640px;
    }

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

    html #CMD #section__inner12_2 .wd__feature__list .feature-2 .img__icon2 {
        margin-top: -13px;
        margin-bottom: 0;
        width: 83px;
        height: 53px;
        background-size: contain;
    }

    html #CMD #section__inner12_2 .img__inner12_2 {
        left: 50%;
        margin-top: -380px;
        margin-left: -650px;
        width: 1300px;
        height: 704px;
    }

    #CMD .section__inner12_2 .img__inner12_2 {
        background-image: url("../images/02_bg.jpg");
    }
}


@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner12_3 {
        padding-top: 100px;
    }

    html #CMD #section__inner12_3 .wd__content {
        width: 100%;
        max-width: 640px;
    }

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

    html #CMD #section__inner12_3 .img__inner12_3 {
        left: 50%;
        margin-top: -244px;
        margin-bottom: -70px;
        margin-left: -650px;
        width: 1300px;
        height: 710px;
    }

    #CMD .section__inner12_3 .img__inner12_3 {
        background-image: url("../images/03_bg.jpg");
    }
}


@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD #section__inner12_3 .img__inner12_3 .ioPort {
        position: absolute;
        top: 417px;
        left: 50%;
        font-size: 14px;
    }

    html #CMD #section__inner12_3 .img__inner12_3 .ioPort.port-1 {
        margin-left: -357px;
        width: 60px;
    }

    html #CMD #section__inner12_3 .img__inner12_3 .ioPort.port-2 {
        top: 471px;
        margin-left: -325px;
        width: 72px;
    }

    html #CMD #section__inner12_3 .img__inner12_3 .ioPort.port-3 {
        margin-left: -288px;
        width: 84px;
    }

    html #CMD #section__inner12_3 .img__inner12_3 .ioPort.port-4 {
        top: 471px;
        margin-left: -219px;
        width: 37px;
    }

    html #CMD #section__inner12_3 .img__inner12_3 .ioPort.port-5 {
        margin-left: -194px;
        width: 90px;
    }

    html #CMD #section__inner12_3 .img__inner12_3 .ioPort.port-6 {
        margin-left: 109px;
        width: 50px;
    }

    html #CMD .section__inner__noise {
        padding-top: 80px;
        padding-bottom: 60px;
        background: #2a2a2a;
    }

    html #CMD .section__inner__noise .wd__content {
        width: 100% !important;
    }

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

    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: -173px;
        transform: scale(0.55);
    }

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

    #CMD .section__oled_eyeCare .img__oled_eyeCare {
        background-image: url("../images/oled/s5-3.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) {
    html #CMD .section__oled_menu {
        display: inline-block;
        margin-top: -5px;
        padding-top: 76px;
        padding-bottom: 45px;
    }

    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: 75px;
        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: -5px;
        padding-top: 80px;
        padding-bottom: 32px;
    }

    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/before.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-2.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-1.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 {
        padding-top: 76px;
        padding-bottom: 30px;
    }

    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: 76px;
        padding-bottom: 50px;
    }

    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-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/01-bg-3.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: 76px;
        padding-bottom: 52px;
    }

    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/before-2.jpg");
    }
}



@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .section__oled_3Dcolor-2 .img__after {
        background-image: url("../images/after-2.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/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 {
        padding-top: 76px;
        padding-bottom: 30px;
    }

    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/before-1.jpg");
    }
}


@media all and (min-width: 731px) and (max-width: 1279.5px) {
    #CMD .section__oled_contrast .img__after {
        background-image: url("../images/after-1.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: 76px;
        padding-bottom: 125px;
    }

    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: 360px;
        height: 206px;
    }

    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: 360px;
        height: 206px;
    }

    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 .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__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/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: 200px;
    }

    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/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/01-bg-1.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: 180px;
    }

    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 sup {
        line-height: 0;
    }

    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 {
        text-align: center;
    }

    html #CMD .wd__section .wd__content .content__title {
        width: 100%;
        margin-top: 22px;
        font-size: 34px;
    }

    html #CMD .wd__section .wd__content .content__info {
        margin-top: 20px;
        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 .wd__section .wd__content .content__slogan {
        letter-spacing: 4px;
        padding: 0 51px;
        font-size: 14px;
    }

    html #CMD .wd__section .wd__content .content__slogan::before {
        margin-top: -7px;
        width: 40px;
        height: 13px;
        background-size: contain;
    }

    #CMD .wd__content.theme-dark .content__slogan::before {
        background-image: url("../images/slogan_b_left.png");
    }
}


@media all and (max-width: 730.5px) {
    #CMD .wd__content .content__slogan::before {
        background-image: url("../images/slogan_w_left.png");
    }
}


@media all and (max-width: 730.5px) {
    html #CMD .wd__section .wd__content .content__slogan::after {
        margin-top: -7px;
        width: 40px;
        height: 13px;
        background-size: contain;
    }

    #CMD .wd__content.theme-dark .content__slogan::after {
        background-image: url("../images/slogan_b_right.png");
    }
}

@media all and (max-width: 730.5px) {
    #CMD .wd__content .content__slogan::after {
        background-image: url("../images/slogan_w_right.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__8 {
        overflow: hidden;
        background-color: #fff;
        transition: background-color 1600ms ease;
    }

    html #CMD .section__8 .wd__content .content__slogan {
        -webkit-transition: color 1600ms ease;
        -khtml-transition: color 1600ms ease;
        -moz-transition: color 1600ms ease;
        -ms-transition: color 1600ms ease;
        -o-transition: color 1600ms ease;
        transition: color 1600ms ease;
    }

    html #CMD .section__8 .wd__content .content__title {
        -webkit-transition: color 1600ms ease;
        -khtml-transition: color 1600ms ease;
        -moz-transition: color 1600ms ease;
        -ms-transition: color 1600ms ease;
        -o-transition: color 1600ms ease;
        transition: color 1600ms ease;
    }

    html #CMD .section__8 .wd__content .content__info {
        -webkit-transition: color 1600ms ease;
        -khtml-transition: color 1600ms ease;
        -moz-transition: color 1600ms ease;
        -ms-transition: color 1600ms ease;
        -o-transition: color 1600ms ease;
        transition: color 1600ms ease;
    }

    html #CMD .section__8 .wd__feature__list .wd__feature .wd__feature__describe__top,
    html #CMD .section__8 .wd__feature__list .wd__feature .wd__feature__data,
    html #CMD .section__8 .wd__feature__list .wd__feature .wd__feature__describe {
        transition: color 1600ms ease;
    }

    html #CMD .section__8 .wd__feature__list .wd__feature .wd__feature__describe__top span,
    html #CMD .section__8 .wd__feature__list .wd__feature .wd__feature__data span,
    html #CMD .section__8 .wd__feature__list .wd__feature .wd__feature__describe span {
        transition: color 1600ms ease;
    }

    html #CMD .section__8 .img__8 {
        background-image: none !important;
    }

    html #CMD .section__8 .img__8 .img-model {
        position: absolute;
        z-index: 30;
        top: 80px;
        left: 50%;
        margin-left: -621px;
        width: 1112px;
        height: 889px;
    }

    #CMD .section__8 .img__8 .img-model {
        background-image: url("../images/model.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__8 .img__8 .img-model .screen-scene {
        position: absolute;
        z-index: 50;
        top: 44px;
        left: 54px;
        width: 640px;
        height: 360px;
        transform: matrix3d(0.89464, 0.1792, 0, 0.00067, 0.49033, 1.2143, 0, -0.00008, 0, 0, 1, 0, 3, 1, 0, 1);
        transform-origin: 0 1px 0;
    }

    html #CMD .section__8 .img__8 .img-model .screen-scene .screen-vid {
        width: 640px;
        height: 360px;
    }

    html #CMD .section__8 .img__8 .img-model .img-scene-light-mask {
        position: absolute;
        z-index: 82;
        top: 456px;
        left: 50%;
        opacity: 1;
        margin-left: -340px;
        width: 845px;
        height: 424px;
    }

    #CMD .section__8 .img__8 .img-model .img-scene-light-mask {
        background-image: url("../images/light-mask.png");
    }
}


@media all and (max-width: 730.5px) {
    html #CMD .section__8 .img__8 .img-model .img-scene-dark-mask {
        position: absolute;
        z-index: 85;
        top: 456px;
        left: 50%;
        opacity: 0;
        margin-left: -340px;
        width: 845px;
        height: 424px;
        transform: translateZ(0);
        transition: opacity 900ms ease;
    }

    #CMD .section__8 .img__8 .img-model .img-scene-dark-mask {
        background-image: url("../images/dark-mask.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__8 .img__8 .img-model .img-scene-light-shadow {
        position: absolute;
        z-index: 70;
        top: 731px;
        left: 50%;
        opacity: 1;
        margin-left: -436px;
        width: 782px;
        height: 149px;
        transform: translateZ(0);
        transition: opacity 900ms ease;
    }

    #CMD .section__8 .img__8 .img-model .img-scene-light-shadow {
        background-image: url("../images/light-shadow.png");
    }
}


@media all and (max-width: 730.5px) {
    html #CMD .section__8 .img__8 .img-model .img-scene-dark-shadow {
        position: absolute;
        z-index: 72;
        top: 731px;
        left: 50%;
        opacity: 0;
        margin-left: -436px;
        width: 782px;
        height: 149px;
        transform: translateZ(0);
        transition: opacity 900ms ease;
    }

    #CMD .section__8 .img__8 .img-model .img-scene-dark-shadow {
        background-image: url("../images/dark-shadow.png");
    }
}


@media all and (max-width: 730.5px) {
    html #CMD .section__8 .img__8 .img-model .img-scene-mask {
        position: absolute;
        z-index: 52;
        top: 453px;
        left: 261px;
        width: 502px;
        height: 89px;
    }

    /* #CMD .section__8 .img__8 .img-model .img-scene-mask {
        background-image: url("../images/mask.png");
    } */
}


@media all and (max-width: 730.5px) {
    html #CMD .section__8 .img__8 .clock-content {
        position: absolute;
        z-index: 25;
        top: 280px;
        left: 50%;
        margin-left: -670px;
    }

    html #CMD .section__8 .img__8 .clock-content #clock {
        width: 1340px;
        height: 1340px;
        transform: scale(1, 0.2) translateZ(0);
    }

    html #CMD .section__8 .img__8 .clock-content #clock .curve {
        transition: fill 1000ms ease;
        fill: #cbcbcb;
    }

    html #CMD .section__8 .img__8 .clock-content #clock .hour,
    html #CMD .section__8 .img__8 .clock-content #clock .minute {
        transition: fill 1000ms ease;
        fill: #cbcbcb;
        transform-origin: 50.57% 49.5%;
    }

    html #CMD .section__8 .img__8 .clock-content #clock .minute-ie,
    html #CMD .section__8 .img__8 .clock-content #clock .hour-ie {
        display: none;
        fill: #cbcbcb;
    }

    html #CMD .section__8 .img__8 .clock-content.js-animate-active #clock .minute {
        animation: infiniteRotate 800ms linear infinite forwards;
    }

    html #CMD .section__8 .img__8 .clock-content.js-animate-active #clock .hour {
        animation: infiniteRotate 5000ms linear infinite forwards;
    }

    html #CMD .section__8.js-dark-mode {
        background-color: #000;
    }

    html #CMD .section__8.js-dark-mode .wd__content .content__slogan,
    html #CMD .section__8.js-dark-mode .wd__content .content__info {
        color: #fff;
    }

    html #CMD .section__8.js-dark-mode .wd__feature__list .wd__feature .wd__feature__describe__top,
    html #CMD .section__8.js-dark-mode .wd__feature__list .wd__feature .wd__feature__data,
    html #CMD .section__8.js-dark-mode .wd__feature__list .wd__feature .wd__feature__describe {
        color: #fff;
    }

    html #CMD .section__8.js-dark-mode .wd__feature__list .wd__feature .wd__feature__describe__top span,
    html #CMD .section__8.js-dark-mode .wd__feature__list .wd__feature .wd__feature__data span,
    html #CMD .section__8.js-dark-mode .wd__feature__list .wd__feature .wd__feature__describe span {
        color: #fff;
    }

    html #CMD .section__8.js-dark-mode .img-model .img-scene-light-shadow {
        opacity: 0;
    }

    html #CMD .section__8.js-dark-mode .img-model .img-scene-dark-shadow,
    html #CMD .section__8.js-dark-mode .img-model .img-scene-dark-mask {
        opacity: 1;
    }

    html #CMD .section__8.js-dark-mode .clock-content #clock .curve {
        fill: #373a4d;
    }

    html #CMD .section__8.js-dark-mode .clock-content #clock .hour,
    html #CMD .section__8.js-dark-mode .clock-content #clock .minute {
        display: block;
        fill: #373a4d;
        transform-origin: 50.57% 49.5%;
    }

    html #CMD .section__8.js-dark-mode .clock-content #clock .minute-ie,
    html #CMD .section__8.js-dark-mode .clock-content #clock .hour-ie {
        fill: #373a4d;
    }

    html #CMD .section__11 .img__11 .cam-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 2560px;
        height: 828px;
    }

    html #CMD .section__11 .img__11 .cam-content .img-cam-btn {
        position: absolute;
        z-index: 96;
        top: 64px;
        left: 50%;
        margin-left: -203px;
        width: 100px;
        height: 22px;
        transform: translate3d(0, 0, 0);
        transition: transform 800ms ease;
    }

    #CMD .section__11 .img__11 .img-cam-btn {
        background-image: url("../images/01_cam_btn.png");
    }
}


@media all and (max-width: 730.5px) {
    html #CMD .section__11 .img__11 .cam-content .img-cam-mask {
        position: absolute;
        z-index: 94;
        top: 53px;
        left: 50%;
        margin-left: -237px;
        width: 300px;
        height: 50px;
    }

    #CMD .section__11 .img__11 .img-cam-mask {
        background-image: url("../images/01_cam_mask.png");
    }
}


@media all and (max-width: 730.5px) {
    html #CMD .section__11 .img__11 .cam-content .img-cam-bar {
        position: absolute;
        z-index: 92;
        top: 54px;
        left: 50%;
        margin-left: -236px;
        width: 215px;
        height: 40px;
        transform: translate3d(0, 0, 0);
        transition: transform 800ms ease;
    }

    #CMD .section__11 .img__11 .img-cam-bar {
        background-image: url("../images/01_cam_bg.png");
    }
}


@media all and (max-width: 730.5px) {
    html #CMD .section__11 .img__11 .cam-content.js-animate-active .img-cam-btn {
        animation: camBtnSlide 3000ms 800ms ease-in-out infinite forwards;
    }

    html #CMD .section__11 .img__11 .cam-content.js-animate-active .img-cam-bar {
        animation: camBgSlide 3000ms 800ms ease-in-out infinite forwards;
    }

    html #CMD .section__kv {
        padding-bottom: 23px;
    }

    html #CMD .section__kv .wd__content {
        width: 100%;
        margin-top: 22px;
        max-width: 810px;
    }

    html #CMD .section__kv .wd__content .content__title {
        margin-top: 0;
        font-size: 25.5px;
    }

    html #CMD .section__kv .wd__content .content__info {
        margin-top: 29px;
        margin-left: auto;
        margin-right: auto;
        width: 86%;
        font-size: 22px;
    }

    html #CMD .section__kv .wd__content.bottom-content {
        z-index: 1;
    }

    html #CMD .section__kv .wd__content .content__slogan {
        left: 0;
        padding: 0;
        width: 100%;
        font-size: 25px;
        letter-spacing: 1px;
    }

    html #CMD .section__kv .img__kv__logo {
        left: 50%;
        margin-top: -51px;
        margin-bottom: 25px;
        margin-left: -150px;
        width: 300px;
        height: 26px;
    }

    .section__kv .img__kv__logo {
        background-image: url("../images/kv_logo.png");
    }
}


@media all and (max-width: 730.5px) {
    html #CMD .section__kv .img__kv {
        margin-top: 0;
        margin-left: -365px;
        width: 730px;
        height: 370px;
    }

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

@media all and (max-width: 730.5px) {
    html #CMD .section__kv .img__nvidia__studio {
        margin-top: 50px;
        width: 176px;
        height: 82px;
        background-size: contain;
    }

    html #CMD .section__kv .vr__screen {
        margin-top: -120px;
        transform-origin: center;
        transform: scale(0.8);
    }

    html #CMD .section__ksp {
        padding-top: 40px;
        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: -187px;
        width: 374px;
        height: 260px;
        position: relative;
        top: 7px;
        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-7 {
        width: 100%;
    }

    html #CMD .section__ksp .grid__layout .grid-item-7 .item_content {
        width: 100%;
    }

    html #CMD .section__ksp .grid__layout .grid-item-7 .wd__content {
        width: 100%;
    }

    html #CMD .section__ksp .grid__layout .grid-item-7 .item_image {
        margin-top: -13px;
        padding-bottom: 10px;
        max-height: 202px;
    }

    html #CMD .section__ksp .grid__layout .grid-item-7 .item_image .img__block {
        position: relative;
        top: unset;
        left: 50%;
        margin-top: 3px;
        margin-left: -155px;
        width: 310px;
        height: 266px;
        transform: unset;
    }

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


@media all and (max-width: 730.5px) {
    html #CMD .section__2 {
        margin-top: 1px;
        padding-top: 60px;
        padding-bottom: 30px;
    }

    html #CMD .section__2 .wd__feature__list {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 400px;
    }

    html #CMD .section__2 .wd__feature__list.list-1 {
        margin-top: -110px;
        max-width: 440px;
    }

    html #CMD .section__2 .wd__feature__list.list-2 {
        margin-top: -10px;
    }

    html #CMD .section__2 .wd__feature__list.list-2 .feature-1 .img__icon1 {
        margin-bottom: -27px;
        width: 132px;
        height: 132px;
    }

    html #CMD .section__2 .wd__feature__list.list-2 .feature-2 {
        margin-top: 40px;
    }

    html #CMD .section__2 .wd__feature__list.list-2 .feature-2 .img__icon2 {
        top: 0;
        margin-top: -35px;
        margin-bottom: 5px;
        width: 63px;
        height: 90px;
    }

    html #CMD .section__2 .wd__feature__list.list-2 .feature-3 {
        margin-top: -9px;
    }

    html #CMD .section__2 .wd__feature__list.list-2 .feature-3 .img__icon3 {
        top: 0;
        margin-top: -11px;
        margin-bottom: 3px;
        width: 171px;
        height: 90px;
    }

    html #CMD .section__2 .img__2 {
        left: 50%;
        margin-top: -115px;
        margin-left: -365px;
        width: 730px;
        height: 584px;
    }

    .section__2 .img__2 {
        background-image: url("../images/s2.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__2 .modal-button-container {
        margin-top: 5px;
    }

    html #CMD .section__3 {
        margin-top: 0;
        padding-top: 60px;
        padding-bottom: 0;
        background-color: #ededed;
    }

    html #CMD .section__3 .img__3 {
        left: 0;
        margin-top: 35px;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 60px;
        width: auto;
        height: auto;
        background: none;
        background-color: #ededed;
    }

    html #CMD .section__3 .img__3 .grid_content {
        position: relative;
        z-index: 2;
        width: 89.5%;
        max-width: 306px;
        text-align: left;
    }

    html #CMD .section__3 .img__3 .grid_content .content__title {
        font-size: 30px;
    }

    html #CMD .section__3 .img__3 .grid_content .content__info {
        margin-top: 7px;
        font-size: 18px;
    }

    html #CMD .section__3 .img__3 .grid_content.grid1 {
        top: 0;
        left: 0;
        margin-right: auto;
        margin-left: auto;
        padding-top: 1px;
    }

    html #CMD .section__3 .img__3 .grid_content.grid2 {
        top: 0;
        left: 0;
        margin-top: 0;
        margin-right: auto;
        margin-left: auto;
    }

    html #CMD .section__3 .img__3 .img__top {
        position: relative;
        left: 50%;
        margin-top: 10px;
        margin-left: -160px;
        width: 320px;
        height: 482px;
    }

    .section__3 .img__top {
        background-image: url("../images/s3_top.jpg");
    }
}


@media all and (max-width: 730.5px) {
    html #CMD .section__3 .img__3 .img__center {
        position: relative;
        left: 50%;
        margin-top: 51px;
        margin-left: -365px;
        width: 730px;
        height: 420px;
    }

    .section__3 .img__center {
        background-image: url("../images/s3_bottom.jpg");
    }
}


@media all and (max-width: 730.5px) {
    html #CMD .section__4 {
        margin-top: 0;
        padding-top: 60px;
        padding-bottom: 18px;
        background-image: linear-gradient(to bottom, #fefefe 70%, #cacaca 80%, #c6c6c6 100%);
    }

    html #CMD .section__4 .wd__content .content__info {
        width: 100%;
    }

    html #CMD .section__4 .img__4 {
        margin-top: -15px;
        margin-left: -365px;
        width: 730px;
        height: 1172px;
    }

    .section__4 .img__4 {
        background-image: url("../images/s4-2.jpg");
    }
}


@media all and (max-width: 730.5px) {
    html #CMD .section__5 {
        margin-top: 0;
        padding-top: 60px;
        padding-bottom: 0;
    }

    html #CMD .section__5 .wd__content {
        position: relative;
        top: 0;
        max-width: 100%;
    }

    html #CMD .section__5 .img__5 {
        left: 50%;
        margin-top: -177px;
        margin-left: -365px;
        width: 730px;
        height: 538px;
    }

    .section__5 .img__5 {
        background-image: url("../images/s5-2.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__6 {
        margin-top: 0;
        padding-top: 60px;
        padding-bottom: 0;
    }

    html #CMD .section__6 .wd__content {
        margin-top: 0;
        max-width: 100%;
    }

    html #CMD .section__6 .wd__content .content__info {
        width: 100%;
    }

    html #CMD .section__6 .wd__feature__list .wd__feature.feature-1 {
        margin-top: -15px;
        margin-right: auto;
        margin-bottom: 18px;
        margin-left: auto;
        width: 90%;
    }

    html #CMD .section__6 .img__6 {
        left: 50%;
        margin-top: -215px;
        margin-left: -366px;
        width: 730px;
        height: 604px;
    }

    .section__6 .img__6 {
        background-image: url("../images/s6.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__6 .modal-button-container {
        position: relative;
        z-index: 99;
        margin-top: -130px;
    }

    html #CMD .section__7 {
        overflow: hidden;
        z-index: 2;
        margin-top: 0;
        padding-top: 60px;
        padding-bottom: 0;
    }

    html #CMD .section__7 .wd__content {
        margin-top: 0;
        max-width: 100%;
    }

    html #CMD .section__7 .img__7 {
        left: 50%;
        margin-top: -37px;
        margin-left: -365px;
        width: 730px;
        height: 600px;
    }

    .section__7 .img__7 {
        background-image: url("../images/s7-1.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__8 {
        overflow: hidden;
        z-index: 1;
        margin-top: 0;
        padding-top: 60px;
        padding-bottom: 10px;
    }

    html #CMD .section__8 .wd__content {
        margin-top: 0;
    }

    html #CMD .section__8 .wd__feature__list {
        position: relative;
        margin-top: 55px;
        width: 700px;
    }

    html #CMD .section__8 .wd__feature__list .wd__feature {
        margin-right: 25px;
        margin-left: 25px;
        width: auto !important;
        max-width: 132px;
        vertical-align: top;
    }

    html #CMD .section__8 .wd__feature__list .wd__feature.feature-3 {
        width: 110px !important;
    }

    html #CMD .section__8 .wd__feature__list .wd__feature.feature-3 .wd__feature__data {
        padding-top: 0;
    }

    html #CMD .section__8 .img__8 {
        margin-top: -434px;
        margin-left: -1271px;
        transform: scale(0.39);
        background-image: none;
    }

    html #CMD .section__8 .modal-button-container {
        position: relative;
        z-index: 99;
        margin-top: -200px;
    }

    html #CMD .section__9 {
        z-index: 2;
        margin-top: -358px;
        padding-top: 60px;
        padding-bottom: 0;
        background-color: #212121;
    }

    html #CMD .section__9 .wd__feature__list {
        position: relative;
        left: 50%;
        margin-top: 112px;
        margin-left: 244px;
        width: 350px;
    }

    html #CMD .section__9 .wd__feature__list .wd__feature {
        max-width: 140px;
        vertical-align: top;
    }

    html #CMD .section__9 .wd__feature__list .wd__feature .wd__feature__data.text__long-en {
        padding-top: 15px;
    }

    html #CMD .section__9 .img__9 {
        position: relative;
        left: 50%;
        margin-top: -126px;
        margin-left: -365px;
        width: 730px;
        height: 730px;
    }

    #CMD .section__9 .img__9 {
        background-image: url("../images/bg-5.jpg");
    }
}


@media all and (max-width: 730.5px) {
    html #CMD .section__9 .img__9 .img__dialPad {
        bottom: 440px;
        margin-left: -172px;
        width: 80px;
        height: 48px;
    }

    #CMD #section__9 .img__9 .img__dialPad {
        background-image: url("../images/dialPad.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__9 .img__9 .img__dialPad_icon {
        bottom: 118px;
        margin-left: -54px;
        width: 36px;
        height: 36px;
    }

    #CMD #section__9 .img__9 .img__dialPad_icon {
        background-image: url("../images/dialPad_icon.png");
    }
}


@media all and (max-width: 730.5px) {
    html #CMD .section__9 .img__9 .point-spot.spot1 {
        bottom: 151px;
        margin-left: 56px;
        width: 12px;
        height: 12px;
    }

    html #CMD .section__9 .img__9 .point-spot.spot2 {
        bottom: 130px;
        margin-left: -42px;
        width: 12px;
        height: 12px;
    }

    html #CMD .section__9 .img__9 .point-spot.spot2::before {
        display: block;
        position: absolute;
        left: 50%;
        opacity: 1;
        margin-top: -0.5px;
        margin-left: -6.5px;
        width: 11px;
        height: 11px;
        border: 1px solid #ddd;
        border-radius: 50%;
        transform: scale(0.9);
        transition: none;
        content: '';
    }

    html #CMD .section__9 .img__9.js-animate-active .point-spot.spot1 {
        animation: spot1AnimateMobile 1800ms ease 400ms 1 forwards;
    }

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

    html #CMD .section__9 .slick-content .slick-title {
        position: relative;
        margin-top: 40px;
        text-align: center;
    }

    html #CMD .section__9 .slick-content .slick-title .title-line {
        z-index: 100;
        left: 50%;
        width: 151px;
        height: 4px;
        transform: translateX(-50%);
    }

    html #CMD .section__9 .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__9 .slick-content .slick-title .title-nav li {
        padding: 0 15px;
        box-sizing: border-box;
        width: auto;
        font-size: 18px;
        line-height: 22px;
    }

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

    html #CMD .section__9 .slick-content .slick-info {
        margin: 20px auto 35px;
        width: 90%;
        max-width: 350px;
    }

    html #CMD .section__9 .slick-content .slick-info .si {
        font-size: 15px;
        line-height: 1.35;
    }

    html #CMD .section__9 .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__9 .slick-content .slick-images {
        position: relative;
        left: 50%;
        margin: 25px 0 0 -160px;
        width: 320px;
        height: 178px;
    }

    html #CMD .section__9 .slick-content .slick-images .img-slick {
        position: absolute;
        left: 0;
        margin-left: 0;
        width: 320px;
        height: 178px;
    }

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

/* @media all and (max-width: 730.5px) {
    #CMD .section__9 #img-slick2 {
        background-image: url("../images/animation/s3/p2.jpg");
    }
}


@media all and (max-width: 730.5px) {
    #CMD .section__9 #img-slick3 {
        background-image: url("../images/animation/s3/p3.jpg");
    }
}


@media all and (max-width: 730.5px) {
    #CMD .section__9 #img-slick4 {
        background-image: url("../images/animation/s3/p4.jpg");
    }
} */


@media all and (max-width: 730.5px) {
    html #CMD .section__10 {
        overflow: hidden;
        margin-top: 0;
        padding-top: 60px;
        padding-bottom: 0;
        background-color: #14121d;
    }

    html #CMD .section__10 .wd__content {
        position: relative;
        top: 0;
    }

    html #CMD .section__10 .wd__feature__list {
        position: relative;
        margin-top: 41px;
        margin-right: auto;
        margin-left: auto;
        max-width: 430px;
    }

    html #CMD .section__10 .wd__feature__list .wd__feature {
        vertical-align: top;
    }

    html #CMD .section__10 .wd__feature__list .wd__feature.feature-2,
    html #CMD .section__10 .wd__feature__list .wd__feature.feature-3,
    html #CMD .section__10 .wd__feature__list .wd__feature.feature-4,
    html #CMD .section__10 .wd__feature__list .wd__feature.feature-5 {
        width: 110px;
    }

    html #CMD .section__10 .wd__feature__list .wd__feature.feature-1 {
        margin: 0 auto 29px;
        width: 90%;
    }

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

    html #CMD .section__10 .img__10 {
        margin-top: -57px;
        margin-left: -365px;
        width: 730px;
        height: 576px;
    }

    #CMD .section__10 .img__10 {
        background-image: url("../images/s10-1.jpg");
    }
}



@media all and (max-width: 730.5px) {
    html #CMD .section__11 {
        overflow: hidden;
        margin-top: 0;
        padding-top: 60px;
        padding-bottom: 40px;
    }

    html #CMD .section__11 .wd__content {
        top: 0;
        margin-top: 44px;
    }

    html #CMD .section__11 .wd__feature__list {
        position: relative;
    }

    html #CMD .section__11 .wd__feature__list .wd__feature {
        vertical-align: top;
    }

    html #CMD .section__11 .wd__feature__list .wd__feature.feature-1 .img__icon1 {
        margin-bottom: -2px;
        width: 85px;
        height: 50px;
        background-size: contain;
    }

    html #CMD .section__11 .img__11 {
        position: absolute;
        top: 0;
        left: 50%;
        margin-top: -60px;
        margin-left: -365px;
        width: 730px;
        height: 646px;
    }

    #CMD .section__11 .img__11 {
        background-image: url("../images/s11-1.jpg");
    }
}



@media all and (max-width: 730.5px) {
    html #CMD .section__11 .img__11 .cam-content {
        left: 50%;
        margin-top: -214px;
        margin-left: -1279px;
        transform: scale(0.5);
    }

    #CMD .section__11 .img__11 .img-cam-btn {
        background-image: url("../images/01_cam_btn.png");
    }
}


@media all and (max-width: 730.5px) {
    #CMD .section__11 .img__11 .img-cam-mask {
        background-image: url("../images/01_cam_mask.png");
    }
}


@media all and (max-width: 730.5px) {
    #CMD .section__11 .img__11 .img-cam-bar {
        background-image: url("../images/01_cam_bg.png");
    }
}


@media all and (max-width: 730.5px) {
    html #CMD .section__12 {
        overflow: hidden;
        margin-top: 0;
        padding-top: 80px;
        padding-bottom: 39px;
    }

    html #CMD .section__12 .wd__content .content__info {
        width: 100%;
    }

    html #CMD .section__12 .wd__feature__list {
        position: relative;
        margin-top: 46px;
        margin-right: auto;
        margin-left: auto;
        max-width: 290px;
    }

    html #CMD .section__12 .wd__feature__list .wd__feature {
        vertical-align: top;
        width: 102px;
    }

    html #CMD .section__12 .wd__feature__list .wd__feature .wd__feature__describe,
    html #CMD .section__12 .wd__feature__list .wd__feature .wd__feature__data {
        color: #1c1b19;
    }

    html #CMD .section__12 .wd__feature__list .wd__feature .wd__feature__describe span,
    html #CMD .section__12 .wd__feature__list .wd__feature .wd__feature__data span {
        color: #1c1b19;
    }

    html #CMD .section__12 .wd__feature__list .wd__feature.feature-1 .img__icon1 {
        margin-top: -7px;
        width: 61px;
        height: 49px;
        background-size: contain;
    }

    html #CMD .section__12 .wd__feature__list .wd__feature.feature-2 .img__icon2 {
        margin-top: -7px;
        width: 85px;
        height: 49px;
        background-size: contain;
    }

    html #CMD .section__12 .wd__feature__list .wd__feature.feature-3 .img__icon3 {
        margin-top: -7px;
        width: 102px;
        height: 49px;
        background-size: contain;
    }

    html #CMD .section__12 .wd__feature__list .wd__feature.feature-4 .img__icon4 {
        margin-top: -7px;
        width: 97px;
        height: 49px;
        background-size: contain;
    }

    html #CMD .section__12 .wd__feature__list .wd__feature.feature-4 {
        top: 5px;
        width: 102px;
    }

    html #CMD .section__12 .modal-button-container {
        position: relative;
        z-index: 99;
        margin-top: -1px;
    }

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

    html #CMD .section__13 .wd__content .content__info {
        width: 100%;
    }

    html #CMD .section__13 .img__13 {
        position: relative;
        left: 50%;
        margin-top: -86px;
        margin-left: -365px;
        width: 730px;
        height: 460px;
    }

    #CMD .section__13 .img__13 {
        background-image: url("../images/s13-1.jpg");
    }
}



@media all and (max-width: 730.5px) {
    html #CMD .section__noise {
        margin-top: 0;
        padding-top: 80px;
        padding-bottom: 52px;
        background-color: #ebebeb;
    }

    html #CMD .section__noise .wd__content {
        width: 89.2%;
    }

    html #CMD .section__noise .wd__content .content__title {
        max-width: 590px !important;
    }

    html #CMD .section__noise .wd__content .content__info {
        width: 94%;
        max-width: 676px !important;
    }

    html #CMD .section__noise .sub__content {
        margin-top: 50px;
        margin-right: auto;
        margin-left: auto;
        width: 88%;
        text-align: left;
    }

    html #CMD .section__noise .sub__content .content__title {
        font-size: 24px;
    }

    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;
        line-height: 1.34;
    }

    html #CMD .section__noise .nav__noise {
        display: block;
        margin-top: 57px;
        text-align: center;
    }

    html #CMD .section__noise .nav__noise .nav__item {
        margin: 0 auto 11px;
        padding: 13px 10px;
        width: 288px;
        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: 195px;
    }

    html #CMD .section__noise .nav__noise .nav__item .nav__content .nav__text .content__title {
        font-size: 24px;
    }

    html #CMD .section__noise .nav__noise .nav__item .nav__content .nav__text .content__info {
        font-size: 18px;
        line-height: 1.34;
    }

    html #CMD .section__noise .noise__switcher {
        margin-top: 21px;
        transform: scale(0.8);
    }

    html #CMD .section__noise .img__noise {
        margin-top: -68px;
        transform: scale(0.52);
    }

    html #CMD .section__noise .modal-button-container {
        margin-top: -74px;
    }

    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: 55px;
        padding-bottom: 60px;
    }

    html #CMD .section__adobeBanner .banner__container .wd__content .content__title {
        max-width: 590px;
    }

    html #CMD .section__adobeBanner .banner__container .wd__content .content__title .no__wrap {
        white-space: normal;
    }

    html #CMD .section__adobeBanner .banner__container .img__main {
        left: 50%;
        margin-top: -328px;
        margin-left: -365px;
        width: 730px;
        height: 646px;
    }

    #CMD .section__adobeBanner .img__main {
        background-image: url("../images/adobe_banner_creativecloud-1.jpg");
    }
}


@media all and (max-width: 730.5px) {
    html #CMD .section__comment {
        padding-top: 30px;
        padding-bottom: 45px;
        background-color: #fff;
    }

    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: 730.5px;
        background: transparent;
    }

    html #CMD .inner-view .inner-view-container .inner-modal {
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 0;
        width: 100%;
        max-width: 730.5px;
    }

    html #CMD .inner-view .inner-view-container .inner-modal.modal-inner12-1 {
        background-color: #1c1d1c;
    }

    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 {
        margin-top: 29px;
        font-size: 26px;
    }

    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__info {
        margin-top: 15px;
        font-size: 18px;
        line-height: 1.4;
    }

    html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__comment {
        font-size: 17px;
        line-height: 1.4;
    }

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

    html #CMD #section__inner2_1 .wd__content {
        width: 100%;
    }

    html #CMD #section__inner2_1 .wd__content .content__info {
        width: 100%;
    }

    html #CMD #section__inner2_1 .img__srgb {
        display: block;
        position: relative;
        left: 50%;
        margin-top: 0;
        margin-bottom: 90px;
        margin-left: -160px;
        width: 321px;
        height: 284px;
        background-size: contain;
    }

    #CMD #section__inner2_1 .img__srgb {
        background-image: url("../images/icon1-2.png");
    }
}


@media all and (max-width: 730.5px) {
    html #CMD #section__inner2_1 .img__inner2_1 {
        margin-top: -37px;
        margin-bottom: 130px;
    }

    html #CMD #section__inner2_1 .img__inner2_1 figure {
        display: inline-block;
        position: relative;
        margin-bottom: 48px;
        width: 320px;
        height: 236px;
        background-size: contain;
    }

    html #CMD #section__inner2_1 .img__inner2_1 figure span {
        position: absolute;
        right: unset;
        bottom: -27px;
        left: 50%;
        font-size: 15px;
        transform: translateX(-50%);
    }

    html #CMD #section__inner2_1 .img__inner2_1 figure.left_compare {
        margin-right: 10px;
    }

    #CMD #section__inner2_1 .img__inner2_1 .left_compare {
        background-image: url("../images/01_left-1.jpg");
    }
}


@media all and (max-width: 730.5px) {
    #CMD #section__inner2_1 .img__inner2_1 .right_compare {
        background-image: url("../images/01_right-2.jpg");
    }
}


@media all and (max-width: 730.5px) {
    html #CMD #section__inner6_1 {
        padding-top: 30px;
        padding-bottom: 140px;
    }

    html #CMD #section__inner6_1 .wd__feature__list {
        margin-right: auto;
        margin-left: auto;
        max-width: 500px;
    }

    html #CMD #section__inner6_1 .wd__feature__list .feature-2 .img__icon2 {
        top: 4px;
    }

    html #CMD #section__inner6_1 .img__inner6_1 {
        margin-top: -100px;
        margin-left: -365px;
        width: 730px;
        height: 474px;
    }

    #CMD .section__inner6_1 .img__inner6_1 {
        background-image: url("../images/01_bg-1.jpg");
    }
}


@media all and (max-width: 730.5px) {
    html #CMD #section__inner12_1 {
        padding-top: 0;
        padding-bottom: 0;
    }

    html #CMD #section__inner12_1 .section_content {
        position: relative;
        left: 0;
        width: 100%;
        background-size: contain;
    }

    #CMD #section__inner12_1 .section_content {
        background-image: url("../images/01_texture.jpg");
    }
}


@media all and (max-width: 730.5px) {
    html #CMD #section__inner12_1 .wd__content {
        position: relative;
        left: 0;
        margin-left: auto;
        width: 100%;
    }

    html #CMD #section__inner12_1 .wd__content.content-1 {
        top: unset;
        margin-top: 54px;
    }

    html #CMD #section__inner12_1 .wd__content.content-1 .content__info {
        width: 100%;
    }

    html #CMD #section__inner12_1 .wd__content.content-1 .wd__feature__list .feature-1 .img__icon1 {
        width: 61px;
        height: 53px;
        background-size: contain;
    }

    html #CMD #section__inner12_1 .wd__content.content-2 {
        top: unset;
        margin-top: 66px;
    }

    html #CMD #section__inner12_1 .wd__content.content-2 .content__info {
        width: 100%;
    }

    html #CMD #section__inner12_1 .wd__content.content-2 .wd__feature__list .feature-2 .img__icon2 {
        width: 85px;
        height: 53px;
        background-size: contain;
    }

    html #CMD #section__inner12_1 .img__top {
        left: 50%;
        margin-top: 0;
        margin-left: -365px;
        width: 730px;
        height: 288px;
    }

    #CMD #section__inner12_1 .img__top {
        background-image: url("../images/01_bg-2.jpg");
    }
}


@media all and (max-width: 730.5px) {
    html #CMD #section__inner12_1 .img__inner12_1 {
        left: 50%;
        margin-top: 13px;
        margin-bottom: -1px;
        margin-left: -365px;
        width: 730px;
        height: 754px;
    }

    #CMD #section__inner12_1 .img__inner12_1 {
        background-image: url("../images/01_bg_bottom-1.jpg");
    }
}


@media all and (max-width: 730.5px) {
    html #CMD #section__inner12_2 {
        display: inline-block;
        margin-top: -755px;
        padding-top: 0;
        padding-bottom: 0;
        background-color: unset;
    }

    html #CMD #section__inner12_2 .wd__content {
        position: relative;
        top: unset;
        left: 0;
        padding-top: 296px;
        margin-left: auto;
    }

    html #CMD #section__inner12_2 .wd__content .content__info {
        width: 100%;
    }

    html #CMD #section__inner12_2 .wd__feature__list .wd__feature {
        min-width: 102px;
        vertical-align: bottom;
    }

    html #CMD #section__inner12_2 .wd__feature__list .feature-2 .img__icon2 {
        width: 102px;
        height: 66px;
        background-size: contain;
    }

    html #CMD #section__inner12_2 .img__inner12_2 {
        position: relative;
        left: 50%;
        margin-top: 13px;
        margin-bottom: -4px;
        margin-left: -365px;
        width: 730px;
        height: 400px;
    }

    #CMD .section__inner12_2 .img__inner12_2 {
        background-image: url("../images/02_bg.jpg");
    }
}


@media all and (max-width: 730.5px) {
    html #CMD #section__inner12_3 {
        padding-top: 60px;
    }

    html #CMD #section__inner12_3 .wd__content .content__info {
        width: 100%;
    }

    html #CMD #section__inner12_3 .img__inner12_3 {
        left: 50%;
        margin-top: -109px;
        margin-bottom: 170px;
        margin-left: -365px;
        width: 730px;
        height: 498px;
    }

    #CMD .section__inner12_3 .img__inner12_3 {
        background-image: url("../images/03_bg-1.jpg");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD #section__inner12_3 .img__inner12_3 .ioPort {
        position: absolute;
        top: 280px;
        left: 50%;
        width: 64px;
        color: #fff;
        font-size: 12px;
    }

    html #CMD #section__inner12_3 .img__inner12_3 .ioPort.port-1 {
        margin-left: -151px;
        width: 60px;
        text-align: right;
    }

    html #CMD #section__inner12_3 .img__inner12_3 .ioPort.port-2 {
        top: 320px;
        margin-left: -101px;
        width: 77px;
    }

    html #CMD #section__inner12_3 .img__inner12_3 .ioPort.port-3 {
        margin-left: -62px;
        width: 60px;
    }

    html #CMD #section__inner12_3 .img__inner12_3 .ioPort.port-4 {
        top: 320px;
        margin-left: -14px;
        width: 40px;
    }

    html #CMD #section__inner12_3 .img__inner12_3 .ioPort.port-5 {
        margin-left: 44px;
        width: 70px;
        text-align: left;
    }

    html #CMD #section__inner12_3 .img__inner12_3 .ioPort.port-6 {
        top: 484px;
        margin-left: -71px;
        width: 45px;
    }

    html #CMD #section__inner12_3 .img__inner12_3 .ioPort.port-7 {
        margin-left: -74px;
        text-align: right;
    }

    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 .cmd-sidenav.show .container-items::before,
    html #CMD .cmd-sidenav.show {
        background-color: #353535;
    }

    html #CMD .cmd-sidenav .item-dot.enter {
        background-color: #ef4801 !important;
    }

    html #CMD html {
        overflow-x: hidden;
        width: 100vw;
    }

    html #CMD .modal-button-container .modal-button-text,
    html #CMD .modal-button-container .modal-inner-text {
        letter-spacing: 2px;
    }

    html #CMD .modal-button-container .modal-button {
        padding: 0 10px 0 5px;
    }

    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-1.jpg");
    }
}


@media all and (max-width: 730.5px) {
    #CMD .section__oled_eyeCare .img__lcd {
        background-image: url("../images/img_lcd-1.png");
    }
}


@media all and (max-width: 730.5px) {
    #CMD .section__oled_eyeCare .img__oled {
        background-image: url("../images/img_oled.png");
    }
}


@media all and (max-width: 730.5px) {
    #CMD .section__oled_eyeCare .img__line {
        background-image: url("../images/img_line.png");
    }
}

@media all and (max-width: 730.5px) {
    #CMD .section__oled_eyeCare .img__arrow {
        background-image: url("../images/img_arrow.png");
    }
}

@media all and (max-width: 730.5px) {
    html #CMD .section__oled_menu {
        display: inline-block;
        margin-top: 0;
        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-2.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-2.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: #555;
    }

    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: -5px;
        padding-top: 85px;
        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/before-3.jpg");
    }
}


@media all and (max-width: 730.5px) {
    #CMD .section__oled_color .img__after {
        background-image: url("../images/after-3.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;
        text-shadow: black 0.1em 0.1em 0.3em;
    }

    html #CMD .section__oled_color .compare__animation .twentytwenty .compare__text span.textLeft2 {
        top: 42px;
        left: 14px;
        text-shadow: black 0.1em 0.1em 0.3em;
    }

    html #CMD .section__oled_color .compare__animation .twentytwenty .compare__text span.textRight1 {
        top: 10px;
        right: 15px;
        font-size: 26px;
        text-shadow: black 0.1em 0.1em 0.3em;
    }

    html #CMD .section__oled_color .compare__animation .twentytwenty .compare__text span.textRight2 {
        top: 42px;
        right: 16px;
        text-shadow: black 0.1em 0.1em 0.3em;
    }

    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-bg3.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/chart1.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 {
        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 {
        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/oled/s61.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-bg1.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 {
        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/before1.jpg");
    }
}


@media all and (max-width: 730.5px) {
    #CMD .section__oled_3Dcolor-2 .img__after {
        background-image: url("../images/after1.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;
        text-shadow: black 0.1em 0.1em 0.3em;
    }

    html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty .compare__text span.textLeft2 {
        top: 40px;
        left: 15px;
        text-shadow: black 0.1em 0.1em 0.3em;
    }

    html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty .compare__text span.textRight1 {
        top: 7px;
        right: 15px;
        font-size: 24px;
        text-shadow: black 0.1em 0.1em 0.3em;
    }

    html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty .compare__text span.textRight2 {
        top: 40px;
        right: 15px;
        text-shadow: black 0.1em 0.1em 0.3em;
    }

    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/02-bg1.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/before2.jpg");
    }
}


@media all and (max-width: 730.5px) {
    #CMD .section__oled_contrast .img__after {
        background-image: url("../images/after2.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;
        text-shadow: black 0.1em 0.1em 0.3em;
    }

    html #CMD .section__oled_contrast .compare__animation .twentytwenty .compare__text span.textRight1 {
        top: 11px;
        right: 17px;
        font-size: 24px;
        text-shadow: black 0.1em 0.1em 0.3em;
    }

    html #CMD .section__oled_contrast .modal-button-container {
        margin-top: 47px;
    }

    html #CMD .section__oled_responseTime {
        padding-top: 70px;
        padding-bottom: 60px;
    }

    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;
        height: 100vh;
        background: transparent;
    }

    html #CMD .inner-view .inner-view-container .inner-modal {
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 0;
        width: 100%;
    }

    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 .section__oled {
        overflow: visible !important;
    }

    html #CMD .inner-view .inner-view-container .section__oled .wd__content {
        width: 89.2% !important;
    }

    html #CMD .inner-view .inner-view-container .section__oled .wd__content .content__slogan {
        color: #333;
    }

    html #CMD .inner-view .inner-view-container .section__oled .wd__content .content__title {
        margin-top: 29px;
        font-size: 26px;
    }

    html #CMD .inner-view .inner-view-container .section__oled .wd__content .content__info {
        margin-top: 15px;
        font-size: 18px;
        line-height: 1.4;
    }

    html #CMD .inner-view .inner-view-container .section__oled .wd__content .content__comment {
        font-size: 17px;
        line-height: 1.4;
    }

    html #CMD .inner-view .inner-view-container .section__oled .wd__content .content__slogan::before,
    html #CMD .inner-view .inner-view-container .section__oled .wd__content .content__slogan::after,
    html #CMD .inner-view .inner-view-container .section__oled .wd__content .content__title::before,
    html #CMD .inner-view .inner-view-container .section__oled .wd__content .content__title::after {
        display: none;
    }

    html #CMD .inner-view .section__btn__home::before {
        background: none;
    }

    html #CMD .section__oled_harmful {
        padding-top: 30px;
        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/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/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: 30px;
        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/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: 160px;
    }

    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: 600px) and (max-width: 730.5px) {
    #CMD #section__inner12_1 .img__top {
        background-image: url("../images/01_bg_center.jpg");
    }
}


html {
    overflow-x: hidden;
    width: 100vw;
}