/*** Global ***/
html #CMD {
    font-size: 15px;
}


.inline__block {
    display: inline-block;
}

/* 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: 1.1875rem;
}

.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: 1.75rem;
    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;
}

@keyframes hideToShow {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

.product_list .product.hover .product-content .content-title {
    transition: transform 0ms 200ms;
    animation: hideToShow 1s;
}

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

@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 {
        transition: transform 0ms 200ms;
        animation: hideToShow 1s;
    }

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

@media all and (max-width: 1279.5px) and (min-width: 731px) {
    .product_list {
        text-align: center;
    }

    .product_list .product .product-content .content-title {
        margin-bottom: -10px;
        padding: 0 55px;
        font-size: 1.875rem;
    }

    .product_list .product {
        display: inline-block;
        padding: 1px;
        box-sizing: border-box;
        width: 365px;
        height: 250px;
    }

    .product_list .product .product-content .content-hidden .content-info {
        line-height: 1.3;
        margin-top: 26px;
    }

    .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 .content-title {
        margin-bottom: -10px;
    }

    .product_list .product .product-content .content-hidden .content-info {
        line-height: 1.3;
        margin-top: 26px;
    }

    .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: 1.625rem;
}

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

.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: 1.5rem;
}

.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: 1rem;
}

.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: 1rem;
}

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

@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: 1.5625rem;
    }

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

    .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: 0.9375rem;
    }

    .chart-disclaimer .disclaimer-text {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 730.5px) {
    .chart-content .content-row .row-item .item-container .container-data .data-value {
        font-size: 1rem;
    }

    .chart-content .content-row .row-item .item-container .container-data .data-unit {
        top: 0;
        padding-left: 1px;
        font-size: 0.875rem;
    }

    .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: 0.75rem;
    }

    .chart-disclaimer {
        margin-right: auto;
        margin-left: auto;
        max-width: 65%;
    }

    .chart-disclaimer .disclaimer-text {
        font-size: 0.75rem;
    }
}

@media all and (min-width: 1280px) {
    html #CMD .wd__section .large_use {
        display: block;
    }

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

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

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

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

    html #CMD .wd__section .wd__content {
        max-width: 950px;
    }

    html #CMD .wd__section .wd__content .content__slogan {
        font-size: 22px;
    }

    html #CMD .wd__section .wd__content .content__title {
        font-size: 48px;
    }

    html #CMD .wd__section .wd__content .content__info {
        font-size: 20px;
    }

    html #CMD .wd__section .wd__content.large__text-center .content__slogan::before {
        left: 50%;
        margin-left: -42px;
    }

    html #CMD .section__ksp .ksp__layout {
        max-width: 1280px;
    }

    html #CMD .section__ksp .grid-item-ie {
        margin: 0 8px;
    }

    html #CMD .section__ksp .ksp__layout .grid-item {
        margin-bottom: 16px;
        padding: 0;
        box-sizing: border-box;
    }

    html #CMD .section__ksp .ksp__layout .grid-item-0 .grid-item-ie {
        background-position: 56% -61px;
        background-repeat: no-repeat;
        background-size: 1400px auto;
    }

    .image-webp #CMD .section__ksp .grid-item-0 .grid-item-ie {
        background-image: url("../images/img01.jpg")!important;
    }
}

@media all and (min-width: 1280px) {
    .image-old #CMD .section__ksp .grid-item-0 .grid-item-ie {
        background-image: url("../images/img01.jpg");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__ksp .ksp__layout .grid-item-0 .item_content {
        padding-right: 50px;
        width: 50%;
    }

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

    html #CMD .section__ksp .ksp__layout .grid-item-1 .wd__feature__list .feature-0 .wd__feature__describe {
        display: none;
    }

    html #CMD .section__ksp .ksp__layout .grid-item-9 .grid-item-ie {
        background-position: 50% 0;
        background-repeat: no-repeat;
        background-size: 1000px auto;
    }

    .image-webp #CMD .section__ksp .grid-item-9 .grid-item-ie {
        background-image: url("../images/img02.jpg");
    }
}

@media all and (min-width: 1280px) {
    .image-old #CMD .section__ksp .grid-item-9 .grid-item-ie {
        background-image: url("../images/img02.jpg");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__ksp .ksp__layout .grid-item-9 .grid-item-ie .item_block {
        margin-top: 137px;
        padding: 0 90px 30px;
        height: auto;
    }

    html #CMD .section__ksp .ksp__layout .grid-item-9 .grid-item-ie .item_image {
        display: none;
    }

    html #CMD .section__ksp .ksp__layout .grid-item-10 .grid-item-ie {
        background-position: 50% 0;
        background-repeat: no-repeat;
        background-size: 827px auto;
    }

    .image-webp #CMD .section__ksp .grid-item-10 .grid-item-ie {
        background-image: url("../images/img03.jpg");
    }
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__ksp .grid-item-10 .grid-item-ie {
        background-image: url("../images/img03.jpg");
    }
}

@media all and (min-width: 1280px) {
    html #CMD .section__ksp .ksp__layout .grid-item-10 .grid-item-ie .item_block {
        margin-top: 200px;
        padding: 0 50px 30px;
        height: auto;
    }

    html #CMD .section__ksp .ksp__layout .grid-item-10 .grid-item-ie .item_image {
        display: none;
    }

    html #CMD .section__ksp .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list .wd__feature .wd__feature__describe__top {
        margin-bottom: 0;
    }

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

    html #CMD .section__kv .top-content {
        margin-top: 70px;
        width: 1100px;
    }

    html #CMD .section__kv .top-content .content__slogan {
        font-size: 48px;
    }

    html #CMD .section__kv .top-content .content__title {
        margin-top: 11px;
        font-size: 3.1875rem;
    }

    html #CMD .section__kv .top-content .content__info {
        margin-top: 8px;
        font-size: 1.75rem;
    }

    html #CMD .section__kv .bottom-content {
        margin-top: 30px;
        max-width: 1000px;
    }

    html #CMD .section__kv .bottom-content .content__info {
        font-size: 1.5rem;
    }

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

    html #CMD .section__kv .img__main {
        left: 50%;
        margin-left: -952px;
        width: 2560px;
        height: 1664px;
        z-index: -1;
        margin-top: -190px;
    }

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

/* 
@media all and (min-width: 1280px) {
  .image-old #CMD .section__kv .img__main {
    background-image: url("../images/kv.jpg");
  }
} */


@media all and (min-width: 1280px) {
    html #CMD .section__performance {
        overflow: hidden;
        padding-top: 130px;
    }

    html #CMD .section__performance .wd__content {
        max-width: 505px;
        margin-left: -568px;
        left: 50%;
    }

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

    html #CMD .section__performance .img__main {
        left: 50%;
        margin-left: -952px;
        width: 2560px;
        /* height: 1456px; */
        z-index: -1;
        margin-top: -637px;
    }

    /* .image-webp #CMD .section__performance .img__main {
    background-image: url("../images/s2.jpg");
  } */
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__performance .img__main {
        background-image: url("../images/s2.jpg");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__performance .features_containter {
        margin: 0 auto;
        margin-top: -306px;
        width: 1090px;
    }

    html #CMD .section__performance .features_containter .wd__feature__list {
        margin-bottom: 0;
    }

    html #CMD .section__performance .features_containter .list-0 .wd__feature__describe {
        display: none;
    }

    html #CMD .section__performance .features_containter .list-1 {
        margin-top: 0;
    }

    html #CMD .section__gpu {
        overflow: hidden;
        padding-top: 210px;
        padding-bottom: 74px;
    }

    html #CMD .section__gpu .wd__content {
        max-width: 490px;
        margin-left: -563px;
        left: 50%;
    }

    html #CMD .section__gpu .img__main {
        left: 50%;
        margin-left: -952px;
        width: 2560px;
        /* height: 1159px; */
        z-index: -1;
        margin-top: -591px;
    }

    /* .image-webp #CMD .section__gpu .img__main {
        background-image: url("../images/s4.jpg");
    } */
}

@media all and (min-width: 1280px) {
    .image-old #CMD .section__gpu .img__main {
        background-image: url("../images/s4.jpg");
    }
}

@media all and (min-width: 1280px) {
    html #CMD .section__gpu .features_containter {
        margin: 0 auto;
        margin-top: -194px;
        width: 1200px;
    }

    html #CMD .section__gpu .features_containter .wd__feature__list {
        margin-bottom: 0;
    }

    html #CMD .section__gpu .features_containter .list-0 .wd__feature__describe {
        display: none;
    }

    html #CMD .section__gpu .features_containter .list-1 {
        margin-top: 0;
    }

    html #CMD .section__thermal {
        padding-top: 163px;
        padding-bottom: 10px;
    }

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

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

    html #CMD .section__thermal .wd__feature__list .wd__feature {
        margin-bottom: 34px;
    }

    html #CMD .section__thermal .img__main {
        left: 50%;
        margin-left: -952px;
        width: 2560px;
        height: 1328px;
        margin-top: -650px;
    }

    .image-webp #CMD .section__thermal .img__main {
        background-image: url("../images/bg.jpg");
    }
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__thermal .img__main {
        background-image: url("../images/bg.jpg");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__thermal .img_table {
        left: 50%;
        margin-left: -526px;
        width: 1052px;
        height: 437px;
        margin-top: -34px;
    }

    .image-webp #CMD .section__thermal .img_table {
        background-image: url("../images/s5_table.jpg");
    }
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__thermal .img_table {
        background-image: url("../images/s5_table.jpg");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__thermal .ani_enter_detect {
        top: 50%;
    }

    html #CMD #thermalReset {
        bottom: 140px;
    }

    html #CMD #thermalFlow {
        position: absolute;
        z-index: 3;
        top: 660px;
        left: 50%;
        margin-left: -719px;
        width: 750px;
        height: 600px;
    }

    html #CMD #thermalFlowMirror {
        position: absolute;
        z-index: 3;
        top: 653px;
        left: 50%;
        margin-left: -29px;
        width: 750px;
        height: 600px;
        transform: scale(-1, 1);
        transform-origin: center;
    }

    html #CMD .section__thermal.thermalAni .isHide {
        display: none !important;
    }

    html #CMD .section__thermal.thermalAni .thermalFlow-item {
        display: block;
    }

    html #CMD .section__thermal.thermalAni #thermalReset {
        display: block;
    }

    html #CMD .section__thermal.thermalAni .img__thermal__stop {
        left: 50%;
        margin-left: -952px;
        width: 2560px;
        height: 1328px;
    }

    .image-webp #CMD .section__thermal.thermalAni .img__thermal__stop {
        background-image: url("../images/s5_main.jpg");
    }
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__thermal.thermalAni .img__thermal__stop {
        background-image: url("../images/s5_main.jpg");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__thermal.thermalAni .img__main {
        z-index: 1;
    }

    .image-webp #CMD .section__thermal.thermalAni .img__main {
        background-image: url("../images/bg.jpg");
    }
}

@media all and (min-width: 1280px) {
    .image-old #CMD .section__thermal.thermalAni .img__main {
        background-image: url("../images/bg.jpg");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__display {
        padding-top: 162px;
    }

    html #CMD .section__display .wd__content {
        max-width: 960px;
        margin: 0 auto;
        z-index: 2;
    }

    html #CMD .section__display .img__main {
        left: 50%;
        margin-left: -952px;
        width: 2560px;
        /* height: 1515px; */
        height: 1323px;
        z-index: -1;
        margin-top: -628px;
    }

    /* .image-webp #CMD .section__display .img__main {
    background-image: url("../images/s6.jpg");
  } */
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__display .img__main {
        background-image: url("../images/s6.jpg");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__display .features_containter {
        margin: 0 auto;
        width: 1000%;
        max-width: 1280px;
    }

    html #CMD .section__display .wd__feature__list.list-0 {
        margin-right: auto;
        margin-left: auto;
        max-width: 1230px;
    }

    html #CMD .section__display .wd__feature__list.list-0 .feature-4 .wd__feature__describe__top,
    html #CMD .section__display .wd__feature__list.list-0 .feature-5 .wd__feature__describe__top {
        display: none;
    }

    html #CMD .section__display .wd__feature__list.list-1 {
        align-items: unset;
        max-width: 1280px;
    }

    html #CMD .section__display .wd__feature__list.list-1 .feature-2,
    html #CMD .section__display .wd__feature__list.list-1 .feature-5 {
        width: 140px;
    }

    html #CMD .section__display .wd__feature__list.list-1 .feature-3 {
        width: 110px;
    }

    html #CMD .section__display .wd__feature__list.list-1 .feature-4 {
        width: 100px;
    }

    html #CMD .section__display .wd__feature__list.list-1 .wd__feature {
        vertical-align: top;
    }

    html #CMD .section__display .wd__feature__list.list-1 .img__icon4 {
        width: 100%;
    }

    html #CMD .section__display .wd__feature__list.list-1 .img__icon5 {
        width: 100%;
    }

    html #CMD .section__performance2 {
        padding-top: 135px;
        padding-bottom: 130px;
    }

    html #CMD .section__performance2 .wd__content {
        max-width: 900px;
        margin: 0 auto;
    }

    html #CMD .section__performance2 .wd__feature__list {
        left: 50%;
        margin-top: 36px;
        margin-left: -451px;
        width: 900px;
    }

    html #CMD .section__performance2 .wd__feature__list .wd__feature {
        width: 140px;
    }

    html #CMD .section__performance2 .wd__feature__list .wd__feature__data {
        height: 56px;
        line-height: 56px;
    }

    html #CMD .section__performance2 .wd__feature__list .feature-2 .img__icon2 {
        margin: 0 auto;
        width: 78px;
        height: 56px;
    }

    html #CMD .section__performance2 .wd__feature__list .feature-2 .wd__feature__describe {
        margin-top: 12px;
    }

    html #CMD .section__performance2 .wd__feature__list .feature-3 {
        transform: translateY(21px);
    }

    html #CMD .section__performance2 .wd__feature__list .feature-3 .img__icon3 {
        margin: 0 auto;
        width: 67px;
        height: 56px;
        transform: translateY(4px);
    }

    html #CMD .section__performance2 .wd__feature__list .feature-3 .wd__feature__describe {
        margin-top: 14px;
    }

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

    html #CMD .section__connectivity .img__main {
        left: 50%;
        margin-left: -952px;
        width: 2560px;
        height: 1175px;
    }

    /* .image-webp #CMD .section__connectivity .img__main {
    background-image: url("../images/s13.jpg");
  } */
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__connectivity .img__main {
        background-image: url("../images/s13.jpg");
    }
}

@media all and (min-width: 1280px) {
    html #CMD .section__connectivity .image__container {
        position: relative;
        margin-top: -429px;
        width: 100%;
    }

    html #CMD .section__connectivity .image__container .imgDesc {
        position: absolute;
        top: 388px;
        left: 50%;
        margin-left: -640px;
        width: 1280px;
        height: 548px;
    }

    html #CMD .section__connectivity .image__container .imgDesc__item {
        position: absolute;
        overflow: visible;
        left: 50%;
        margin-left: 0;
        width: 0;
        height: 0;
    }

    html #CMD .section__connectivity .image__container .imgDesc__item .imgDesc__text {
        position: absolute;
        top: 9px;
        width: 250px;
        color: #333;
        font-size: 20px;
        text-align: left;
    }

    html #CMD .section__connectivity .image__container .imgDesc__item .imgDesc__text>span {
        font-size: 0.8em;
    }

    html #CMD .section__connectivity .image__container .imgDesc__item-0 {
        top: 217px;
        left: 119px;
    }

    html #CMD .section__connectivity .image__container .imgDesc__item-0 .imgDesc__text {
        top: unset;
        bottom: 5px;
        text-align: right;
    }

    html #CMD .section__connectivity .image__container .imgDesc__item-1 {
        top: 100px;
        left: 197px;
    }

    html #CMD .section__connectivity .image__container .imgDesc__item-1 .imgDesc__text {
        text-align: right;
    }

    html #CMD .section__connectivity .image__container .imgDesc__item-2 {
        top: 73px;
        left: 523px;
    }

    html #CMD .section__connectivity .image__container .imgDesc__item-3 {
        top: 150px;
        left: 543px;
    }

    html #CMD .section__connectivity .image__container .imgDesc__item-3 .imgDesc__text {
        width: 180px;
        text-align: center;
    }

    html #CMD .section__connectivity .image__container .imgDesc__item-4 {
        top: 177px;
        left: 735px;
    }

    html #CMD .section__connectivity .image__container .imgDesc__item-5 {
        top: 631px;
        left: 472px;
    }

    html #CMD .section__colors {
        padding-top: 115px;
    }

    html #CMD .section__colors .wd__content {
        max-width: 900px;
        margin: 0 auto;
        z-index: 1;
    }

    html #CMD .section__colors .list__container {
        margin-top: 53px;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 1280px;
    }

    html #CMD .section__colors .list__item {
        display: flex;
    }

    html #CMD .section__colors .list__item .content__block {
        display: flex;
        flex: 1;
        position: relative;
    }

    html #CMD .section__colors .list__item .content__block .content__title {
        font-size: 36px;
    }

    html #CMD .section__colors .list__item .content__block .wd__content {
        margin-left: 0;
        width: 90%;
    }

    html #CMD .section__colors .list__item .img__block {
        display: flex;
        flex-basis: 52%;
        justify-content: flex-end;
    }

    html #CMD .section__colors .list__item:nth-child(odd) .content__block {
        order: 2;
        display: flex;
    }

    html #CMD .section__colors .list__item:nth-child(odd) .img__block {
        order: 1;
        justify-content: flex-start;
    }

    html #CMD .section__colors .list__item-0 .content__block {
        padding-top: 70px;
    }

    html #CMD .section__colors .list__item-0 .content__block .wd__content {
        margin-top: 8px;
        margin-left: 33px;
        width: 400px !important;
    }

    html #CMD .section__colors .list__item-0 .img__style {
        margin-left: 16px;
    }

    html #CMD .section__colors .list__item-1 {
        right: -20px;
    }

    html #CMD .section__colors .list__item-1 .wd__content {
        position: absolute;
        top: 187px;
        left: 232px;
        width: 400px !important;
    }

    html #CMD .section__colors .list__item-1 .img__style {
        margin-top: -411px;
        /* margin-right: -666px; */
        margin-right: -335px;
    }

    html #CMD .section__colors .list__item-0 .img__style {
        position: relative;
        width: 621px;
        height: 800px;
    }

    /* .image-webp #CMD .section__colors .list__item-0 .img__style {
    background-image: url("../images/s14_0.jpg");
  } */
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__colors .list__item-0 .img__style {
        background-image: url("../images/s14_0.jpg");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__colors .list__item-1 .img__style {
        position: relative;
        width: 1277px;
        /* height: 926px; */
        height: 790px;
    }

    /* .image-webp #CMD .section__colors .list__item-1 .img__style {
    background-image: url("../images/s14_1.jpg");
  } */
}

@media all and (min-width: 1280px) {
    .image-old #CMD .section__colors .list__item-1 .img__style {
        background-image: url("../images/s14_1.jpg");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__colors .list__item-2 .img__style {
        position: relative;
        width: 0;
        height: 0;
    }

    .image-webp #CMD .section__colors .list__item-2 .img__style {
        background-image: url("../images/s14_2.jpg");
    }
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__colors .list__item-2 .img__style {
        background-image: url("../images/s14_2.jpg");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__colors .list__item-3 .img__style {
        position: relative;
        width: 0;
        height: 0;
    }

    .image-webp #CMD .section__colors .list__item-3 .img__style {
        background-image: url("../images/s14_3.jpg");
    }
}

@media all and (min-width: 1280px) {
    .image-old #CMD .section__colors .list__item-3 .img__style {
        background-image: url("../images/s14_3.jpg");
    }
}

@media all and (min-width: 1280px) {
    html #CMD .section__design {
        padding-top: 153px;
    }

    html #CMD .section__design .wd__content {
        max-width: 910px;
        margin: 0 auto;
        z-index: 1;
    }

    html #CMD .section__design .wd__feature__list {
        z-index: 3;
    }

    html #CMD .section__design .wd__feature__list .wd__feature__describe {
        margin-top: 7px;
    }

    html #CMD .section__design .img__containter {
        overflow: hidden;
        margin-top: 12px;
        height: 1295px;
    }

    html #CMD .section__design .img__containter .text {
        top: 90px;
        left: calc(50% - 165px);
        width: 330px;
        font-size: 1.75rem;
    }

    html #CMD .section__design .img__containter .img__bg {
        left: 50%;
        margin-left: -952px;
        width: 2560px;
        height: 1234px;
    }

    /* .image-webp #CMD .section__design .img__containter .img__bg {
    background-image: url("../images/s15.jpg");
  } */
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__design .img__containter .img__bg {
        background-image: url("../images/s15.jpg");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__security {
        padding-top: 164px;
        padding-bottom: 107px;
    }

    html #CMD .section__security .grid__table {
        margin-top: 75px;
        width: 1280px;
    }

    html #CMD .section__security .grid__table .table__container {
        height: 640px;
    }

    html #CMD .section__security .grid__table .row .img__table {
        width: 640px;
        height: 640px;
    }

    html #CMD .section__security .grid__table .col-item-content {
        border: 0;
    }

    html #CMD .section__security .grid__table .content__title {
        font-size: 2.125rem;
        text-align: center;
    }

    html #CMD .section__security .grid__table .wd__feature {
        display: block;
        margin: 0 auto;
    }

    html #CMD .section__security .grid__table .row-0 .img__icon0 {
        margin: 0 auto 6px;
        width: 120px;
        height: 78px;
    }

    html #CMD .section__security .grid__table .row-1 .img__icon0 {
        margin: 0 auto 6px;
        width: 83px;
        height: 68px;
    }

    html #CMD .section__webcam {
        padding-top: 107px;
        padding-bottom: 107px;
    }

    html #CMD .section__webcam .wd__content {
        max-width: 900px;
        margin: 0 auto;
    }

    html #CMD .section__webcam .campare__containter .campare__item {
        margin: 0 10px;
    }

    html #CMD .section__webcam .campare__containter .campare__item .campare__title {
        margin-bottom: 20px;
        font-size: 2.125rem;
    }

    html #CMD .section__webcam .campare__containter .campare__item .campare__img {
        height: 580px;
    }

    /* .image-webp #CMD .section__webcam .campare__item_1 .campare__img {
    background-image: url("../images/compare01.jpg");
  } */
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__webcam .campare__item_1 .campare__img {
        background-image: url("../images/compare01.jpg");
    }
}

/* @media all and (min-width: 1280px) {
  .image-webp #CMD .section__webcam .campare__item_2 .campare__img {
    background-image: url("../images/compare02.jpg");
  }
} */


@media all and (min-width: 1280px) {
    .image-old #CMD .section__webcam .campare__item_2 .campare__img {
        background-image: url("../images/compare02.jpg");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__noise {
        margin-top: -1px;
        padding-top: 107px;
        padding-bottom: 102px;
    }

    html #CMD .section__noise .wd__content {
        max-width: 1080px;
    }

    html #CMD .section__noise .nav__item:hover {
        opacity: 0.6;
    }

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

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

    html #CMD .section__noise .noise__switcher.js-showed {
        padding-top: 60px;
        padding-bottom: 0;
    }

    html #CMD .section__noise #noiseContainter {
        margin-top: 40px;
    }

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

    html #CMD .section__noise .sub__content .content__title {
        font-size: 1.75rem;
    }

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

    html #CMD .section__noise {
        background-position: 50% 107%;
        background-repeat: no-repeat;
        background-size: 2560px 1300px;
    }

    /* .image-webp #CMD .section__noise {
    background-image: url("../images/bg.jpg");
  } */

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

    html #CMD .section__wifi {
        padding-top: 164px;
    }

    html #CMD .section__wifi .wd__content {
        max-width: 600px;
        left: 50%;
        margin-left: -566px;
        height: 980px;
    }

    html #CMD .section__wifi .img__main {
        left: 50%;
        margin-left: -952px;
        width: 2560px;
        height: 1544px;
        z-index: -1;
        margin-top: -1268px;
    }

    /* .image-webp #CMD .section__wifi .img__main {
    background-image: url("../images/s23.jpg");
  } */
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__wifi .img__main {
        background-image: url("../images/s23.jpg");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__wifi .wd__feature__list {
        margin: -200px auto 0;
        width: 730px;
    }

    html #CMD .section__wifi .wd__feature__list .wd__feature {
        margin-bottom: 40px;
    }

    html #CMD .section__military {
        padding-top: 170px;
    }

    html #CMD .section__military .wd__content {
        max-width: 800px;
    }

    html #CMD .section__military .img__main {
        left: 50%;
        margin-left: -952px;
        width: 2560px;
        height: 1296px;
        z-index: -1;
        margin-top: -417px;
    }

    /* .image-webp #CMD .section__military .img__main {
    background-image: url("../images/s24.jpg");
  } */
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__military .img__main {
        background-image: url("../images/s24.jpg");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__military .wd__feature__list {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    html #CMD .section__military .wd__feature__list .wd__feature {
        width: 210px;
        vertical-align: top;
    }

    html #CMD .section__military .wd__feature__list .wd__feature .wd__feature__describe .text-title {
        font-size: 20px;
    }

    html #CMD .section__military .wd__feature__list .wd__feature .wd__feature__describe .text-info {
        margin-top: 6px;
        font-size: 17px;
    }

    html #CMD .section__creatorhub {
        padding-top: 150px;
    }

    html #CMD .section__creatorhub .img__main {
        left: 50%;
        margin-left: -952px;
        width: 2560px;
        /* height: 1298px; */
        z-index: 0;
        margin-top: -372px;
    }

    /* .image-webp #CMD .section__creatorhub .img__main {
    background-image: url("../images/s25.jpg");
  } */
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__creatorhub .img__main {
        background-image: url("../images/s25.jpg");
    }
}

@media all and (min-width: 1280px) {
    html #CMD .section__creatorhub .wd__feature__list {
        margin: -321px auto 0;
        width: 730px;
    }

    html #CMD .section__creatorhub .wd__feature__list .wd__feature {
        margin-bottom: 40px;
    }

    html #CMD .section__comment {
        margin-top: 0;
        padding-top: 52px;
        padding-bottom: 67px;
    }

    html #CMD .section__keyboard {
        padding-top: 162px;
        padding-bottom: 130px;
    }

    html #CMD .section__keyboard .wd__content {
        max-width: 860px;
        margin: 0 auto;
    }

    html #CMD .section__keyboard .img__containter {
        margin-top: 80px;
        height: 530px;
    }

    html #CMD .section__keyboard .img__main {
        left: 50%;
        margin-left: -952px;
        width: 2560px;
        height: 744px;
    }

    /* .image-webp #CMD .section__keyboard .img__main {
    background-image: url("../images/main.jpg");
  } */
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__keyboard .img__main {
        background-image: url("../images/main.jpg");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__keyboard .modal-button-container {
        margin-top: 64px;
    }

    /* .image-webp #CMD .section__keyboard .card__item_1 .card__img {
    background-image: url("../images/card1_small.jpg");
  } */
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__keyboard .card__item_1 .card__img {
        background-image: url("../images/card1_small.jpg");
    }
}

/* @media all and (min-width: 1280px) {
  .image-webp #CMD .section__keyboard .card__item_2 .card__img {
    background-image: url("../images/card2_small.jpg");
  }
} */


@media all and (min-width: 1280px) {
    .image-old #CMD .section__keyboard .card__item_2 .card__img {
        background-image: url("../images/card2_small.jpg");
    }
}


/* @media all and (min-width: 1280px) {
  .image-webp #CMD .section__keyboard .card__item_3 .card__img {
    background-image: url("../images/card3_small.jpg");
  }
} */


@media all and (min-width: 1280px) {
    .image-old #CMD .section__keyboard .card__item_3 .card__img {
        background-image: url("../images/card3_small.jpg");
    }
}

@media all and (min-width: 1280px) {
    html #CMD .section__KeyboardInner__1 {
        padding: 50px 0 200px;
    }

    html #CMD .section__KeyboardInner__1 .wd__content {
        max-width: 900px;
        margin: 0 auto;
    }

    html #CMD .section__KeyboardInner__1 .touch__containter {
        margin-top: 72px;
    }

    html #CMD .section__KeyboardInner__1 .touch__containter .touch__item_content {
        flex: auto;
        padding-top: 80px;
    }

    html #CMD .section__KeyboardInner__1 .touch__containter .touch__item_content .title {
        margin-bottom: 32px;
        font-size: 2.1875rem;
    }

    html #CMD .section__KeyboardInner__1 .touch__containter .touch__item_content .info {
        font-size: 20px;
    }

    html #CMD .section__KeyboardInner__1 .touch__containter .touch__item_content .list__item {
        margin-bottom: 26px;
    }

    html #CMD .section__KeyboardInner__1 .touch__containter .touch__item_content .list__item_title {
        margin-bottom: 4px;
        font-size: 1.875rem;
    }

    html #CMD .section__KeyboardInner__1 .touch__containter .touch__item_content .list__item_info {
        font-size: 20px;
    }

    html #CMD .section__KeyboardInner__1 .touch__containter .touch__item .img__bg {
        width: 580px;
        height: 566px;
    }

    html #CMD .section__KeyboardInner__1 .touch__item_1 {
        flex-direction: row-reverse;
    }

    html #CMD .section__KeyboardInner__1 .touch__item_1 .touch__item_content {
        padding-left: 4%;
    }

    html #CMD .section__KeyboardInner__1 .touch__item_2 .touch__item_content {
        padding-top: 180px;
        padding-left: 12%;
    }

    .image-webp #CMD .section__KeyboardInner__1 .touch__item_1 .img__bg {
        background-image: url("../images/img01-1.jpg");
    }
}

@media all and (min-width: 1280px) {
    .image-old #CMD .section__KeyboardInner__1 .touch__item_1 .img__bg {
        background-image: url("../images/img01-1.jpg");
    }
}

@media all and (min-width: 1280px) {
    .image-webp #CMD .section__KeyboardInner__1 .touch__item_2 .img__bg {
        background-image: url("../images/img02-2.jpg");
    }
}

@media all and (min-width: 1280px) {
    .image-old #CMD .section__KeyboardInner__1 .touch__item_2 .img__bg {
        background-image: url("../images/img02-2.jpg");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__audioTemplat {
        margin-top: -2px;
        padding-top: 165px;
        padding-bottom: 145px;
    }

    html #CMD .section__audioTemplat .col.pd {
        position: relative;
    }

    html #CMD .section__audioTemplat .wd__content {
        width: 1000px;
    }

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

    html #CMD .section__audioTemplat .wd__content.clip_content {
        left: 50%;
        margin-top: 25px;
        margin-left: -544px;
        width: 570px;
    }

    html #CMD .section__audioTemplat .wd__content.clip_content .content__title {
        margin-top: -7px;
        font-size: 1.875rem;
    }

    html #CMD .section__audioTemplat .wd__content.clip_content .content__info {
        width: 100%;
    }

    html #CMD .section__audioTemplat .wd__feature__list {
        margin-top: 45px;
    }

    html #CMD .section__audioTemplat .wd__feature__list .feature-2 {
        width: 150px;
        transform: translateY(26px);
    }

    html #CMD .section__audioTemplat .wd__feature__list .feature-2 .feature-icon {
        margin-bottom: 10px;
    }

    html #CMD .section__audioTemplat .wd__feature__list .feature-3 {
        transform: translateY(2px);
    }

    html #CMD .section__audioTemplat .img__main {
        left: 50%;
        margin-left: -952px;
        width: 2560px;
        /* height: 832px; */
        margin-top: -76px;
    }

    /* .image-webp #CMD .section__audioTemplat .img__main {
    background-image: url("../images/pd.jpg");
  } */
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__audioTemplat .img__main {
        background-image: url("../images/pd.jpg");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__audioTemplat .img__pd2 {
        position: absolute;
        top: 25px;
        left: 50%;
        margin-left: 60px;
        width: 480px;
        height: 307px;
    }

    .image-webp #CMD .section__audioTemplat .img__pd2 {
        background-image: url("../images/chip.jpg");
    }
}

@media all and (min-width: 1280px) {
    .image-old #CMD .section__audioTemplat .img__pd2 {
        background-image: url("../images/chip.jpg");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__audioTemplat .slick-tab-content {
        margin-top: 120px;
        max-width: 1000px;
    }

    html #CMD .section__audioTemplat .slick-tab-content .img-slick,
    html #CMD .section__audioTemplat .slick-tab-content .slick-image {
        width: 1000px;
        height: 608px;
    }

    html #CMD .section__audioTemplat .slick-tab-content .slick-image {
        margin-top: 50px;
    }

    /* .image-webp #CMD .section__audioTemplat .img-slick-1 {
    background-image: url("../images/table_01_main.jpg");
  } */
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__audioTemplat .img-slick-1 {
        background-image: url("../images/table_01_main.jpg");
    }
}


/* @media all and (min-width: 1280px) {
  .image-webp #CMD .section__audioTemplat .img-slick-2 {
    background-image: url("../images/table_02_main.jpg");
  }
} */


@media all and (min-width: 1280px) {
    .image-old #CMD .section__audioTemplat .img-slick-2 {
        background-image: url("../images/table_02_main.jpg");
    }
}

/* @media all and (min-width: 1280px) {
  .image-webp #CMD .section__audioTemplat .img-slick-3 {
    background-image: url("../images/table_03_main.jpg");
  }
} */

@media all and (min-width: 1280px) {
    .image-old #CMD .section__audioTemplat .img-slick-3 {
        background-image: url("../images/table_03_main.jpg");
    }
}

@media all and (min-width: 1280px) {
    html #CMD .section__audioTemplat .slick-tab-content .slick-title .title-nav .slick-nav-btn {
        width: 33.33333%;
    }

    html #CMD .section__audioTemplat .slick-tab-content .slick-info-item {
        padding-top: 50px;
    }

    html #CMD .section__audioTemplat .slick-tab-content .slick-info-item .slick-info {
        margin-top: 0;
    }

    html #CMD .section__myasus {
        padding-top: 156px;
        padding-bottom: 145px;
    }

    html #CMD .section__myasus .myasus_container {
        margin-top: 76px;
    }

    html #CMD .section__myasus .myasus_container .myasus {
        margin-top: 24px;
        padding-bottom: 32px;
        width: 1210px;
    }

    html #CMD .section__myasus .myasus_container .myasus_content {
        padding: 88px 49px 9px 55px;
    }

    html #CMD .section__myasus .myasus_container .myasus .wd__content {
        max-width: 960px;
    }

    html #CMD .section__myasus .myasus_container .myasus .wd__content .content__slogan {
        margin-bottom: 0 !important;
        font-size: 2.1875rem !important;
    }

    html #CMD .section__myasus .myasus_container .myasus .wd__content .content__title {
        font-size: 1.875rem !important;
    }

    html #CMD .section__myasus .myasus_container .myasus .wd__feature__list {
        margin-top: 31px;
        margin-bottom: -49px;
        width: 100%;
    }

    html #CMD .section__myasus .myasus_container .myasus .wd__feature__list .wd__feature {
        display: inline-block;
        margin-right: 22px;
        vertical-align: top;
    }

    html #CMD .section__myasus .myasus_container .myasus .wd__feature__list .wd__feature:last-child {
        margin-right: 0;
    }

    html #CMD .section__myasus .myasus_container .myasus .wd__feature__list .feature-1 {
        width: 146px;
    }

    html #CMD .section__myasus .myasus_container .myasus .wd__feature__list .feature-2 {
        margin-right: 30px;
        width: 146px;
    }

    html #CMD .section__myasus .myasus_container .myasus .wd__feature__list .feature-3 {
        margin-right: 32px;
        width: 140px;
    }

    html #CMD .section__myasus .myasus_container .myasus .wd__feature__list .feature-4 {
        margin-right: 20px;
        width: 140px;
    }

    html #CMD .section__myasus .myasus_container .myasus .wd__feature__list .feature-5 {
        width: 110px;
    }

    html #CMD .section__myasus .myasus_container .myasus .wd__feature__list .feature-6 {
        width: 146px;
    }

    html #CMD .section__myasus .myasus_container .myasus .wd__feature__list-1 {
        justify-content: flex-start;
    }

    html #CMD .section__myasus .myasus_container .img__icon {
        display: block;
        width: 110px;
        height: 90px;
        background-size: contain;
    }

    html #CMD .section__myasus .myasus_container .feature-7 .img__icon {
        width: 160px;
    }

    html #CMD .section__myasus .myasus_container .feature-8 .img__icon {
        width: 160px;
    }

    html #CMD .section__myasus .myasus_container .myasus.myasus-1 {
        padding-bottom: 26px;
    }

    html #CMD .myasus.myasus-0 .img__main {
        left: 50%;
        margin-left: -550px;
        width: 1100px;
        height: 500px;
        margin-top: -50px;
    }

    #CMD .myasus_container .myasus.myasus-0 .img__main {
        mask: url("../images/article0_main_mask.png");
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url("../images/article0_main_mask.png");
        -webkit-mask-position: center;
        -webkit-mask-size: contain;
    }

    .image-webp #CMD .myasus_container .myasus.myasus-0 .img__main {
        background-image: url("../images/article0_main.jpg");
    }
}

@media all and (min-width: 1280px) {
    .image-old #CMD .myasus_container .myasus.myasus-0 .img__main {
        background-image: url("../images/article0_main.jpg");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .myasus.myasus-1 .img__main {
        left: 50%;
        margin-left: -550px;
        width: 1100px;
        height: 500px;
        margin-top: -30px;
    }

    #CMD .myasus_container .myasus.myasus-1 .img__main {
        mask: url("../images/article1_main_mask.png");
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url("../images/article1_main_mask.png");
        -webkit-mask-position: center;
        -webkit-mask-size: contain;
    }

    /* .image-webp #CMD .myasus_container .myasus.myasus-1 .img__main {
    background-image: url("../images/article1_main.jpg");
  } */
}


@media all and (min-width: 1280px) {
    .image-old #CMD .myasus_container .myasus.myasus-1 .img__main {
        background-image: url("../images/article1_main.jpg");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__displayRefresh1 {
        margin-top: 0;
        padding-top: 214px;
    }

    /* .image-webp #CMD .section__displayRefresh1 .imgItem-img-0 {
    background-image: url("../images/s4_0.jpg");
  } */
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__displayRefresh1 .imgItem-img-0 {
        background-image: url("../images/s4_0.jpg");
    }
}


/* @media all and (min-width: 1280px) {
  .image-webp #CMD .section__displayRefresh1 .imgItem-img-1 {
    background-image: url("../images/s4_1.jpg");
  }
} */


@media all and (min-width: 1280px) {
    .image-old #CMD .section__displayRefresh1 .imgItem-img-1 {
        background-image: url("../images/s4_1.jpg");
    }
}


/* @media all and (min-width: 1280px) {
  .image-webp #CMD .section__displayRefresh1 .imgItem-img-2 {
    background-image: url("../images/s4_2.jpg");
  }
} */

@media all and (min-width: 1280px) {
    .image-old #CMD .section__displayRefresh1 .imgItem-img-2 {
        background-image: url("../images/s4_2.jpg");
    }
}


/* @media all and (min-width: 1280px) {
  .image-webp #CMD .section__displayRefresh1 .imgItem-img-3 {
    background-image: url("../images/s4_3.jpg");
  }
} */


@media all and (min-width: 1280px) {
    .image-old #CMD .section__displayRefresh1 .imgItem-img-3 {
        background-image: url("../images/s4_3.jpg");
    }
}

@media all and (min-width: 1280px) {
    html #CMD .section__displayRefresh1 .image__container {
        margin-top: 170px;
        margin-right: auto;
        margin-left: auto;
        width: 1220px;
    }

    html #CMD .section__displayRefresh1 .image__container .imgItem {
        position: relative;
        margin-bottom: 53px;
        width: 602px;
    }

    html #CMD .section__displayRefresh1 .image__container .imgItem-title {
        padding-bottom: 18px;
        font-size: 48px;
    }

    html #CMD .section__displayRefresh1 .image__container .imgItem-img {
        width: 602px;
        height: 376px;
    }

    html #CMD .section__displayRefresh1 .image__container .imgItem-0 {
        left: -73px;
    }

    html #CMD .section__displayRefresh1 .image__container .imgItem-1 {
        top: -115px;
    }

    html #CMD .section__displayRefresh1 .image__container .imgItem-2 {
        right: -17px;
    }

    html #CMD .section__displayRefresh1 .image__container .imgItem-3 {
        top: -112px;
        right: -89px;
    }

    html #CMD .section__displayRefresh2 {
        margin-top: 0;
        padding-top: 163px;
    }

    html #CMD .section__displayRefresh2 .image__container {
        display: flex;
        justify-content: space-between;
        margin-top: 73px;
        margin-right: auto;
        margin-left: auto;
        width: 1230px;
    }

    html #CMD .section__displayRefresh2 .imgItem-img {
        width: 392px;
        height: 642px;
    }

    /* .image-webp #CMD .section__displayRefresh2 .image__container .imgItem-0 .imgItem-img {
    background-image: url("../images/s5_0.jpg");
  } */
}

@media all and (min-width: 1280px) {
    .image-old #CMD .section__displayRefresh2 .image__container .imgItem-0 .imgItem-img {
        background-image: url("../images/s5_0.jpg");
    }
}


/* @media all and (min-width: 1280px) {
  .image-webp #CMD .section__displayRefresh2 .image__container .imgItem-1 .imgItem-img {
    background-image: url("../images/s5_1.jpg");
  }
} */

@media all and (min-width: 1280px) {
    .image-old #CMD .section__displayRefresh2 .image__container .imgItem-1 .imgItem-img {
        background-image: url("../images/s5_1.jpg");
    }
}


/* @media all and (min-width: 1280px) {
  .image-webp #CMD .section__displayRefresh2 .image__container .imgItem-2 .imgItem-img {
    background-image: url("../images/s5_2.jpg");
  }
} */

@media all and (min-width: 1280px) {
    .image-old #CMD .section__displayRefresh2 .image__container .imgItem-2 .imgItem-img {
        background-image: url("../images/s5_2.jpg");
    }
}


@media all and (min-width: 1280px) {
    .image-webp #CMD .section__displayRefresh2 .image__container .imgItem-3 .imgItem-img {
        background-image: url("../images/s5_3.jpg");
    }
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__displayRefresh2 .image__container .imgItem-3 .imgItem-img {
        background-image: url("../images/s5_3.jpg");
    }
}


@media all and (min-width: 1280px) {
    .image-webp #CMD .section__displayRefresh2 .image__container .imgItem-4 .imgItem-img {
        background-image: url("../images/s5_4.jpg");
    }
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__displayRefresh2 .image__container .imgItem-4 .imgItem-img {
        background-image: url("../images/s5_4.jpg");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__displayRefresh2 .image__container .imgItem-title {
        padding: 15px 20px;
        box-sizing: border-box;
        font-size: 20px;
    }

    html #CMD .section__Chart120hz {
        margin-top: 0;
        padding-top: 217px;
    }

    html #CMD .section__Chart120hz .chartImg {
        margin-top: 76px;
    }

    html #CMD .section__colorGamut {
        margin-top: 0;
        padding-top: 160px;
        padding-bottom: 60px;
    }

    .image-webp #CMD .section__colorGamut .imgItem-img-0 {
        background-image: url("../images/s6_0.jpg");
    }
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__colorGamut .imgItem-img-0 {
        background-image: url("../images/s6_0.jpg");
    }
}


@media all and (min-width: 1280px) {
    .image-webp #CMD .section__colorGamut .imgItem-img-1 {
        background-image: url("../images/s6_1.jpg");
    }
}

@media all and (min-width: 1280px) {
    .image-old #CMD .section__colorGamut .imgItem-img-1 {
        background-image: url("../images/s6_1.jpg");
    }
}


@media all and (min-width: 1280px) {
    .image-webp #CMD .section__colorGamut .imgItem-img-2 {
        background-image: url("../images/s6_2.jpg");
    }
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__colorGamut .imgItem-img-2 {
        background-image: url("../images/s6_2.jpg");
    }
}


@media all and (min-width: 1280px) {
    .image-webp #CMD .section__colorGamut .imgItem-img-3 {
        background-image: url("../images/s6_3.jpg");
    }
}

@media all and (min-width: 1280px) {
    .image-old #CMD .section__colorGamut .imgItem-img-3 {
        background-image: url("../images/s6_3.jpg");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__colorGamut .image__container {
        margin-top: 80px;
        width: 1230px;
    }

    html #CMD .section__colorGamut .imgItem {
        position: relative;
        margin-bottom: 44px;
        width: 308px;
    }

    html #CMD .section__colorGamut .imgItem-title {
        padding: 0 20px;
        padding-bottom: 18px;
        font-size: 48px;
    }

    html #CMD .section__colorGamut .imgItem-info {
        padding: 30px 20px;
        font-size: 20px;
    }

    html #CMD .section__colorGamut .imgItem-img {
        width: 308px;
        height: 600px;
    }

    html #CMD .section__ag-s1 {
        margin-top: 0;
        padding-top: 163px;
        padding-bottom: 140px;
    }

    html #CMD .section__ag-s1 .wd__content {
        width: 980px;
    }

    html #CMD .section__ag-s1 .img__main {
        left: 50%;
        margin-left: -952px;
        width: 2560px;
        height: 1700px;
        margin-top: -600px;
    }

    /* .image-webp #CMD .section__ag-s1 .img__main {
    background-image: url("../images/pd-2.jpg");
  } */
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__ag-s1 .img__main {
        background-image: url("../images/pd-2.jpg");
    }
}

@media all and (min-width: 1280px) {
    html #CMD .section__ag-s1 .slick-tab-content {
        margin-top: -462px;
    }

    /* .image-webp #CMD .section__ag-s1 .img-slick-1 {
    background-image: url("../images/table_01_main-1.jpg");
  } */
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__ag-s1 .img-slick-1 {
        background-image: url("../images/table_01_main-1.jpg");
    }
}

/* @media all and (min-width: 1280px) {
  .image-webp #CMD .section__ag-s1 .img-slick-2 {
    background-image: url("../images/table_02_main-2.jpg");
  }
} */


@media all and (min-width: 1280px) {
    .image-old #CMD .section__ag-s1 .img-slick-2 {
        background-image: url("../images/table_02_main-2.jpg");
    }
}


/* @media all and (min-width: 1280px) {
  .image-webp #CMD .section__ag-s1 .img-slick-3 {
    background-image: url("../images/table_03_main-3.jpg");
  }
} */


@media all and (min-width: 1280px) {
    .image-old #CMD .section__ag-s1 .img-slick-3 {
        background-image: url("../images/table_03_main-3.jpg");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__ag-s1 .slick-tab-content .slick-title .title-nav .slick-nav-btn {
        width: 33.33333%;
    }

    html #CMD .section__ag-s1 .slick-tab-content .slick-info-item {
        padding-top: 50px;
    }

    html #CMD .section__ag-s1 .slick-tab-content .slick-info-item .slick-info {
        margin-top: 0;
    }

    html #CMD .section__ag-s1 .tab-1 .img-slick-1 {
        left: 50%;
        margin-left: -564px;
        width: 1128px;
        height: 560px;
    }

    html #CMD .section__ag-s1 .tab-2 .img-slick-2 {
        left: 50%;
        margin-left: -564px;
        width: 1128px;
        height: 610px;
    }

    html #CMD .section__ag-s1 .tab-3 .img-slick-3 {
        left: 50%;
        margin-left: -564px;
        width: 1128px;
        height: 540px;
    }

    html #CMD .section__ag-s1 .tab-3 .grid__items {
        bottom: 60px;
        justify-content: center;
        margin: 0 auto;
        max-width: 1128px;
    }

    html #CMD .section__ag-s1 .tab-3 .grid__items .item {
        margin: 0 10px;
        width: 360px;
    }

    html #CMD .section__ag-s1 .tab-3 .grid__items .item p {
        margin-top: 22px;
        padding: 0 26px;
        font-size: 20px;
        line-height: 1.45;
    }

    html #CMD .section__cpu {
        overflow: hidden;
        padding-top: 150px;
    }

    html #CMD .section__cpu .wd__content {
        max-width: 430px;
        left: 50%;
        margin-left: 92px;
        z-index: 1;
    }

    html #CMD .section__cpu .cpu_containter {
        z-index: -1;
        margin-top: -756px;
    }

    html #CMD .section__cpu .cpu_containter .img__main {
        left: 50%;
        margin-left: -952px;
        width: 2560px;
        /* height: 1102px; */
        margin-top: 308px;
        margin-left: -952px;
    }

    /* .image-webp #CMD .section__cpu .img__main {
        background-image: url("../images/main-2.jpg");
    } */
}

@media all and (min-width: 1280px) {
    .image-old #CMD .section__cpu .img__main {
        background-image: url("../images/main-2.jpg");
    }
}


@media all and (min-width: 1280px) {
    html #CMD .section__cpu .wd__feature__list {
        margin-top: -73px;
        margin-right: auto;
        margin-left: auto;
        width: 1100px;
    }

    html #CMD .section__cpu .wd__feature__list .wd__feature {
        margin-bottom: 34px;
    }

    html #CMD .section__cpu .performance_chart_amd .item__content .title {
        padding-left: 20px;
    }

    html #CMD .section__cpu .performance_chart_intel .item__content .title {
        padding-left: 20px;
    }

    html #CMD .section__batteryClock {
        padding-top: 200px;
        padding-bottom: 106px;
    }

    html #CMD .section__batteryClock .wd__content {
        left: 50%;
        margin-left: -590px;
        width: 460px;
    }

    .image-webp #CMD .section__batteryClock .img__main .img-model {
        background-image: url("../images/model.png");
    }
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__batteryClock .img__main .img-model {
        background-image: url("../images/model.png");
    }
}


@media all and (min-width: 1280px) {
    .image-webp #CMD .section__batteryClock .img__main .img-model .img-scene-light-mask {
        background-image: url("../images/light-mask.png");
    }
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__batteryClock .img__main .img-model .img-scene-light-mask {
        background-image: url("../images/light-mask.png");
    }
}


@media all and (min-width: 1280px) {
    .image-webp #CMD .section__batteryClock .img__main .img-model .img-scene-dark-mask {
        background-image: url("../images/dark-mask.png")!important;
    }
}

@media all and (min-width: 1280px) {
    .image-old #CMD .section__batteryClock .img__main .img-model .img-scene-dark-mask {
        background-image: url("../images/dark-mask.png");
    }
}


@media all and (min-width: 1280px) {
    .image-webp #CMD .section__batteryClock .img__main .img-model .img-scene-light-shadow {
        background-image: url("../images/light-shadow.png");
    }
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__batteryClock .img__main .img-model .img-scene-light-shadow {
        background-image: url("../images/light-shadow.png");
    }
}


@media all and (min-width: 1280px) {
    .image-webp #CMD .section__batteryClock .img__main .img-model .img-scene-dark-shadow {
        background-image: url("../images/dark-shadow.png");
    }
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__batteryClock .img__main .img-model .img-scene-dark-shadow {
        background-image: url("../images/dark-shadow.png");
    }
}


@media all and (min-width: 1280px) {
    .image-webp #CMD .section__batteryClock .img__main .img-model .img-scene-mask {
        background-image: url("../images/mask.png");
    }
}


@media all and (min-width: 1280px) {
    .image-old #CMD .section__batteryClock .img__main .img-model .img-scene-mask {
        background-image: url("../images/mask.png");
    }
}


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

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

    html #CMD .section__adobeBanner .banner__container .wd__content {
        top: 0;
        left: 50%;
        margin-left: -560px;
        padding-top: 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: -952px;
        width: 2560px;
    }

    html #CMD .section__adobeBanner .banner__container .img__main {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 0;
        width: 2560px;
        height: 664px;
        background-position: bottom;
    }

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


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