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

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

.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: 1.25rem;
          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: 1.375rem; }
  .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: 1.0625rem; }
  .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: 731px) and (max-width: 1279.5px) {
  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("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/oled/s5.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__oled_eyeCare .img__oled_eyeCare {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/oled/s5.webp"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__oled_eyeCare .img__oled_eyeCare {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/oled/s5.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  #CMD .section__oled_eyeCare .img__lcd {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/oled/animation/s5/img_lcd.png"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__oled_eyeCare .img__lcd {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/oled/animation/s5/img_lcd.webp"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__oled_eyeCare .img__lcd {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/oled/animation/s5/img_lcd.png"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  #CMD .section__oled_eyeCare .img__oled {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/oled/animation/s5/img_oled.png"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__oled_eyeCare .img__oled {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/oled/animation/s5/img_oled.webp"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__oled_eyeCare .img__oled {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/oled/animation/s5/img_oled.png"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  #CMD .section__oled_eyeCare .img__line {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/oled/animation/s5/img_line.png"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__oled_eyeCare .img__line {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/oled/animation/s5/img_line.webp"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__oled_eyeCare .img__line {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/oled/animation/s5/img_line.png"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  #CMD .section__oled_eyeCare .img__arrow {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/oled/animation/s5/img_arrow.png"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__oled_eyeCare .img__arrow {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/oled/animation/s5/img_arrow.webp"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__oled_eyeCare .img__arrow {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/oled/animation/s5/img_arrow.png"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  html #CMD .section__oled_color {
    overflow: hidden;
    margin-top: 0;
    margin-bottom: -1px;
    padding-top: 112px;
    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.wd__section .wd__content {
      width: 100%;
      max-width: 1200px; }
      html #CMD .section__oled_color.wd__section .wd__content .content__title,
      html #CMD .section__oled_color.wd__section .wd__content .content__info {
        width: 80%;
        max-width: 720px; }
    html #CMD .section__oled_color.wd__section .wd__feature__list {
      margin-right: auto;
      margin-left: auto;
      max-width: 750px; }
      html #CMD .section__oled_color.wd__section .wd__feature__list .wd__feature {
        margin-right: 26px;
        margin-left: 26px; }
    html #CMD .section__oled_color .bottom-content .content__info {
      margin-top: 80px; }
    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: 43px; }
      html #CMD .section__oled_color .compare__animation .beer-slider {
        margin-left: -365px;
        width: 730px;
        height: 346px; }
        html #CMD .section__oled_color .compare__animation .beer-slider .img {
          width: 730px !important;
          height: 346px; }
        #CMD .section__oled_color .img__before {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/oled/animation/s3/before.jpg"); } }
      @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
        .image-webp #CMD .section__oled_color .img__before {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/oled/animation/s3/before.webp"); } }
      @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
        .image-old #CMD .section__oled_color .img__before {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/oled/animation/s3/before.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
        #CMD .section__oled_color .img__after {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/oled/animation/s3/after.jpg"); } }
      @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
        .image-webp #CMD .section__oled_color .img__after {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/oled/animation/s3/after.webp"); } }
      @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
        .image-old #CMD .section__oled_color .img__after {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/oled/animation/s3/after.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
        html #CMD .section__oled_color .compare__animation .beer-slider .compare__text > span {
          font-size: 1.0625rem; }
          html #CMD .section__oled_color .compare__animation .beer-slider .compare__text > span.textLeft1 {
            top: 7px;
            left: 15px;
            font-size: 2rem; }
          html #CMD .section__oled_color .compare__animation .beer-slider .compare__text > span.textLeft2 {
            top: 47px;
            left: 7px; }
          html #CMD .section__oled_color .compare__animation .beer-slider .compare__text > span.textRight1 {
            top: 7px;
            right: 15px;
            font-size: 2rem; }
          html #CMD .section__oled_color .compare__animation .beer-slider .compare__text > span.textRight2 {
            top: 47px;
            right: 15px; }
    html #CMD .section__oled_color .kv__table {
      margin-top: 75px;
      margin-left: -377px;
      width: 750px;
      transform: none; }
      html #CMD .section__oled_color .kv__table .table-container .table-item {
        padding: 38px 22px 25px; }
        html #CMD .section__oled_color .kv__table .table-container .table-item .item-title {
          overflow: unset;
          margin-bottom: 16px;
          padding-bottom: 34px;
          height: 74px;
          text-align: center;
          text-overflow: unset;
          white-space: unset; }
          html #CMD .section__oled_color .kv__table .table-container .table-item .item-title::after {
            height: 2px; }
        html #CMD .section__oled_color .kv__table .table-container .table-item .item-rows {
          margin-top: -14px; }
          html #CMD .section__oled_color .kv__table .table-container .table-item .item-rows .row-item {
            font-size: 1.25rem;
            text-align: center; }
            html #CMD .section__oled_color .kv__table .table-container .table-item .item-rows .row-item .item-text {
              padding: 12px 0;
              width: 100%; }
            html #CMD .section__oled_color .kv__table .table-container .table-item .item-rows .row-item::after {
              height: 1px; }
            html #CMD .section__oled_color .kv__table .table-container .table-item .item-rows .row-item span {
              margin: 3px 0; }
        html #CMD .section__oled_color .kv__table .table-container .table-item.item-name {
          width: 120px;
          min-width: unset; }
          html #CMD .section__oled_color .kv__table .table-container .table-item.item-name .item-title {
            padding-bottom: 24px;
            max-width: 350px;
            font-size: 1.875rem; }
          html #CMD .section__oled_color .kv__table .table-container .table-item.item-name .row-item .item-text {
            text-align: left; }
        html #CMD .section__oled_color .kv__table .table-container .table-item.item-main {
          width: 340px;
          min-width: unset; }
          html #CMD .section__oled_color .kv__table .table-container .table-item.item-main::before {
            border-radius: 5px; }
          html #CMD .section__oled_color .kv__table .table-container .table-item.item-main .item-title {
            margin-top: -10px;
            max-width: 600px;
            font-size: 1.875rem; }
        html #CMD .section__oled_color .kv__table .table-container .table-item.item-sub {
          width: 158px;
          min-width: unset; }
          html #CMD .section__oled_color .kv__table .table-container .table-item.item-sub::before {
            bottom: 2%;
            left: -2%;
            width: 104%;
            height: 96%; }
          html #CMD .section__oled_color .kv__table .table-container .table-item.item-sub .item-title {
            padding-top: 0;
            padding-bottom: 24px;
            max-width: 400px;
            font-size: 1.375rem; }
            html #CMD .section__oled_color .kv__table .table-container .table-item.item-sub .item-title span {
              display: block;
              transform: translateY(12px); }
  html #CMD .wd__section .medium_use {
    display: block; }
  html #CMD .wd__section .medium_unuse {
    display: none; }
  html #CMD .wd__section .small_use {
    display: none; }
  html #CMD .wd__section .no__wrap {
    display: inline-block;
    white-space: nowrap; }
  html #CMD .wd__section .wd__content {
    left: 0;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    width: 85%;
    max-width: 720px; }
    html #CMD .wd__section .wd__content .content__slogan {
      font-size: 1.375rem; }
    html #CMD .wd__section .wd__content .content__title {
      margin-top: 48px; }
    html #CMD .wd__section .wd__content .content__info {
      margin-top: 20px; }
  html #CMD .wd__section .wd__content .content__slogan {
    margin-bottom: -2px; }
    html #CMD .wd__section .wd__content .content__slogan::after {
      bottom: -12px;
      width: 280px; }
  html #CMD .wd__section .wd__content.medium__text-left .content__slogan::after {
    left: 0; }
  html #CMD .wd__section .wd__content.medium__text-center .content__slogan::after {
    left: calc(50% - 280px/2); }
  html #CMD .wd__section .wd__content.medium__text-right .content__slogan::after {
    right: 0; }
  html #CMD .wd__section .wd__feature__list {
    margin-top: 54px; }
    html #CMD .wd__section .wd__feature__list .wd__feature {
      vertical-align: top;
      margin: 0 33px 48px; }
    html #CMD .wd__section .wd__feature__list .wd__feature__data {
      font-size: 3rem; }
      html #CMD .wd__section .wd__feature__list .wd__feature__data *.no__wrap {
        font-size: 3rem; }
  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 .section__ksp {
    padding-top: 100px;
    padding-bottom: 100px; }
  html #CMD .section__ksp .grid-item-0.grid-item-wdContent .content__title span {
    text-align: left; }
  html #CMD .section__ksp .grid-item-0.grid-item-wdContent .item_content .content__info {
    text-align: left; }
  html #CMD .section__ksp .grid-item-0.grid-item-wdContent .img__block {
    left: -40px;
    width: 570px;
    height: 350px; }
    #CMD .section__ksp .grid-item-0 .img__block {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/ksp/pd01.png"); } }
  @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__ksp .grid-item-0 .img__block {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/ksp/pd01.webp"); } }
  @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__ksp .grid-item-0 .img__block {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/ksp/pd01.png"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  html #CMD .section__ksp .grid-item-1 .grid-item-ie {
    background-size: cover; }
    #CMD .section__ksp .grid-item-1 .grid-item-ie {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/ksp/bg1.jpg"); } }
  @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__ksp .grid-item-1 .grid-item-ie {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/ksp/bg1.webp"); } }
  @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__ksp .grid-item-1 .grid-item-ie {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/ksp/bg1.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  html #CMD .section__ksp .grid-item-8 .img__block {
    margin-top: 50px;
    margin-left: 200px; }
    #CMD .section__ksp .grid-item-8 .img__block {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/ksp/pd02.png"); } }
  @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__ksp .grid-item-8 .img__block {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/ksp/pd02.webp"); } }
  @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__ksp .grid-item-8 .img__block {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/ksp/pd02.png"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  html #CMD .section__ksp .grid-item-9.grid-item-wdContent .wd__content {
    max-width: none; }
  html #CMD .section__ksp .grid-item-9.grid-item-wdContent .item_content {
    padding: 29px 35px 40px;
    width: 100%;
    max-width: none; }
  #CMD .section__ksp .grid-item-9 .img__block {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/ksp/pd03.png"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__ksp .grid-item-9 .img__block {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/ksp/pd03.webp"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__ksp .grid-item-9 .img__block {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/ksp/pd03.png"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  html #CMD .section__ksp .grid-item-10.grid-item-wdContent .wd__content {
    width: 100%;
    max-width: none; }
  html #CMD .section__ksp .grid-item-10.grid-item-wdContent .item_content {
    padding-top: 260px;
    padding-right: 35px; }
    html #CMD .section__ksp .grid-item-10.grid-item-wdContent .item_content .content__title {
      text-align: center; }
  #CMD .section__ksp .grid-item-10 .img__block {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/ksp/bg2.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__ksp .grid-item-10 .img__block {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/ksp/bg2.webp"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__ksp .grid-item-10 .img__block {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/ksp/bg2.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  html #CMD .section__ksp .grid-item-10 .img__block {
    top: 0 !important;
    margin-top: -16px;
    transform: none !important; }
  html #CMD .section__ksp .grid-item-17 .img__icon {
    background-position-x: 49.9%; }
  html #CMD .section__kv {
    padding-bottom: 100px; }
    html #CMD .section__kv .wd__content {
      margin-top: 70px;
      max-width: 780px;
      width: 98%; }
      html #CMD .section__kv .wd__content .content__slogan {
        font-size: 2.875rem; }
      html #CMD .section__kv .wd__content .content__title {
        font-size: 2.3125rem;
        margin-top: 6px; }
      html #CMD .section__kv .wd__content .content__info {
        width: 94%;
        font-size: 1.5rem; }
    html #CMD .section__kv .bottom__content {
      margin-top: -510px;
      margin-right: auto;
      margin-left: auto; }
    html #CMD .section__kv .vr__screen {
      top: -0; }
    html #CMD .section__kv .img__main {
      left: 50%;
      margin-top: -225px;
      margin-left: -640px;
      width: 1280px;
      height: 1230px; }
      #CMD .section__kv .img__main {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/animation/s1/kv_bg.jpg"); } }
    @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
      .image-webp #CMD .section__kv .img__main {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/animation/s1/kv_bg.webp"); } }
    @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
      .image-old #CMD .section__kv .img__main {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/animation/s1/kv_bg.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
      html #CMD .section__kv .img__main .img-model {
        left: 50%;
        margin-left: -290px;
        width: 580px;
        height: 430px;
        z-index: 2;
        top: 260px;
        background-size: contain; }
        #CMD .section__kv .img-model {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/animation/s1/kv_laptop.png"); } }
      @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
        .image-webp #CMD .section__kv .img-model {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/animation/s1/kv_laptop.webp"); } }
      @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
        .image-old #CMD .section__kv .img-model {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/animation/s1/kv_laptop.png"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  html #CMD .section__color {
    margin-top: 90px;
    background-color: transparent; }
    html #CMD .section__color .wd__content {
      width: 100%;
      max-width: 100%;
      margin-bottom: 60px; }
      html #CMD .section__color .wd__content .content__title {
        width: 90%;
        max-width: 720px; }
      html #CMD .section__color .wd__content .content__info {
        width: 90%;
        max-width: 720px; }
    html #CMD .section__color::after {
      position: absolute;
      z-index: -1;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 280px;
      background-color: #f2f2f2;
      content: ''; }
    html #CMD .section__color .img__color {
      left: 0;
      margin-left: 0;
      width: 100%;
      height: 1200px; }
      html #CMD .section__color .img__color .slick-content {
        width: 100%;
        height: 1200px; }
        html #CMD .section__color .img__color .slick-content figure {
          width: 100%;
          height: 1200px; }
          html #CMD .section__color .img__color .slick-content figure .laptop__containter::after {
            position: absolute;
            z-index: -1;
            bottom: 520px;
            left: 0;
            width: 1536px;
            height: 550px;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: auto 600px;
            transform: scale(1.5);
            content: ''; }
          #CMD .section__color .img-slick1 .laptop__containter::after {
            background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/s2/s2_pd1_bg.jpg"); } }
        @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
          .image-webp #CMD .section__color .img-slick1 .laptop__containter::after {
            background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s2/s2_pd1_bg.webp"); } }
        @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
          .image-old #CMD .section__color .img-slick1 .laptop__containter::after {
            background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s2/s2_pd1_bg.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
          #CMD .section__color .img-slick2 .laptop__containter::after {
            background-image: url("https://dlcdnwebimgs.asus.com/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/s2/s2_pd2_bg.jpg"); } }
        @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
          .image-webp #CMD .section__color .img-slick2 .laptop__containter::after {
            background-image: url("https://dlcdnwebimgs.asus.com/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s2/s2_pd2_bg.webp"); } }
        @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
          .image-old #CMD .section__color .img-slick2 .laptop__containter::after {
            background-image: url("https://dlcdnwebimgs.asus.com/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s2/s2_pd2_bg.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  html #CMD .laptop__containter {
    top: -200px;
    margin-left: -630px;
    transform: scale(0.7); }
  #CMD .section__color .black.laptop__item-0 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/animation/s3/blue0.jpg"); }
  #CMD .section__color .black.laptop__item-0 .pic {
    mask: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/animation/s3/blue0_mask.png");
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/animation/s3/blue0_mask.png");
    -webkit-mask-position: center;
    -webkit-mask-size: contain; } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__color .black.laptop__item-0 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/animation/s3/blue0.webp"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__color .black.laptop__item-0 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/animation/s3/blue0.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  #CMD .section__color .black.laptop__item-1 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/animation/s3/blue1.jpg"); }
  #CMD .section__color .black.laptop__item-1 .pic {
    mask: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/animation/s3/blue1_mask.png");
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/animation/s3/blue1_mask.png");
    -webkit-mask-position: center;
    -webkit-mask-size: contain; } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__color .black.laptop__item-1 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/animation/s3/blue1.webp"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__color .black.laptop__item-1 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/animation/s3/blue1.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  #CMD .section__color .black.laptop__item-2 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/animation/s3/blue2.jpg"); }
  #CMD .section__color .black.laptop__item-2 .pic {
    mask: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/animation/s3/blue2_mask.png");
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/animation/s3/blue2_mask.png");
    -webkit-mask-position: center;
    -webkit-mask-size: contain; } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__color .black.laptop__item-2 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/animation/s3/blue2.webp"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__color .black.laptop__item-2 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/animation/s3/blue2.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  #CMD .section__color .black.laptop__item-3 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/animation/s3/blue3.jpg"); }
  #CMD .section__color .black.laptop__item-3 .pic {
    mask: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/animation/s3/blue3_mask.png");
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/animation/s3/blue3_mask.png");
    -webkit-mask-position: center;
    -webkit-mask-size: contain; } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__color .black.laptop__item-3 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/animation/s3/blue3.webp"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__color .black.laptop__item-3 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/animation/s3/blue3.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  #CMD .section__color .black.laptop__item-4 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/animation/s3/blue4.jpg"); }
  #CMD .section__color .black.laptop__item-4 .pic {
    mask: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/animation/s3/blue4_mask.png");
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/animation/s3/blue4_mask.png");
    -webkit-mask-position: center;
    -webkit-mask-size: contain; } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__color .black.laptop__item-4 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/animation/s3/blue4.webp"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__color .black.laptop__item-4 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/animation/s3/blue4.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  #CMD .section__color .black.laptop__item-5 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/animation/s3/blue5.jpg"); }
  #CMD .section__color .black.laptop__item-5 .pic {
    mask: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/animation/s3/blue5_mask.png");
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/animation/s3/blue5_mask.png");
    -webkit-mask-position: center;
    -webkit-mask-size: contain; } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__color .black.laptop__item-5 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/animation/s3/blue5.webp"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__color .black.laptop__item-5 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/animation/s3/blue5.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  #CMD .section__color .black.laptop__item-6 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/animation/s3/blue6.jpg"); }
  #CMD .section__color .black.laptop__item-6 .pic {
    mask: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/animation/s3/blue6_mask.png");
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/animation/s3/blue6_mask.png");
    -webkit-mask-position: center;
    -webkit-mask-size: contain; } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__color .black.laptop__item-6 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/animation/s3/blue6.webp"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__color .black.laptop__item-6 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/animation/s3/blue6.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  #CMD .section__color .black.laptop__item-7 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/animation/s3/blue7.jpg"); }
  #CMD .section__color .black.laptop__item-7 .pic {
    mask: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/animation/s3/blue7_mask.png");
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/animation/s3/blue7_mask.png");
    -webkit-mask-position: center;
    -webkit-mask-size: contain; } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__color .black.laptop__item-7 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/animation/s3/blue7.webp"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__color .black.laptop__item-7 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/animation/s3/blue7.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  html #CMD .section__mobility {
    padding-top: 68px; }
    html #CMD .section__mobility .wd__content {
      width: 90%;
      max-width: 710px;
      min-height: 800px; }
    html #CMD .section__mobility .wd__feature__list .feature-1 .wd__feature__describe__top,
    html #CMD .section__mobility .wd__feature__list .feature-2 .wd__feature__describe__top {
      display: none; }
    html #CMD .section__mobility .img__pd {
      left: 50%;
      margin-left: -1001px;
      width: 2002px;
      height: 1010px;
      margin-top: -365px;
      margin-left: -1149px;
      transform: scale(0.9); }
      #CMD .section__mobility .img__pd {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/s4_pd.jpg"); } }
    @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
      .image-webp #CMD .section__mobility .img__pd {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s4_pd.webp"); } }
    @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
      .image-old #CMD .section__mobility .img__pd {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s4_pd.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  html #CMD .section__battery {
    margin-top: -52px;
    padding-top: 117px; }
    html #CMD .section__battery .wd__content {
      width: 80%;
      max-width: 680px; }
    html #CMD .section__battery .img__main__desktop {
      left: 50%;
      margin-left: -640px;
      width: 1280px;
      height: 439px;
      margin-top: 8px; }
      #CMD .section__battery .img__main__desktop {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/s5_main.jpg"); } }
    @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
      .image-webp #CMD .section__battery .img__main__desktop {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s5_main.webp"); } }
    @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
      .image-old #CMD .section__battery .img__main__desktop {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s5_main.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__battery .wd__feature__list .wd__feature {
      margin-right: 18px;
      margin-left: 18px; }
    html #CMD .section__battery .feature-1 .wd__feature__describe__top {
      display: none; }
    html #CMD .section__battery .feature-1 .img__icon {
      top: -10px;
      width: 160px;
      height: 90px; }
  html #CMD .section__performance {
    padding-top: 150px;
    padding-bottom: 45px; }
    html #CMD .section__performance .wd__content {
      width: 90%;
      max-width: 710px; }
    html #CMD .section__performance .wd__feature__list {
      margin: 60px auto 0;
      width: 90%; }
    html #CMD .section__performance .wd__feature__list .feature-1 .wd__feature__describe__top,
    html #CMD .section__performance .wd__feature__list .feature-1 .wd__feature__describe {
      display: none; }
    html #CMD .section__performance .img__pd {
      left: 50%;
      margin-left: -387.5px;
      width: 775px;
      height: 600px;
      margin-left: -307px;
      transform: scale(1.1); }
      #CMD .section__performance .img__pd {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/s6_pd.jpg"); } }
    @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
      .image-webp #CMD .section__performance .img__pd {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s6_pd.webp"); } }
    @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
      .image-old #CMD .section__performance .img__pd {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s6_pd.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
      html #CMD .section__performance .img__pd .chip {
        margin-top: 220px;
        margin-left: -360px;
        transform: scale(0.5); }
  html #CMD .section__performance2 {
    padding-top: 112px;
    padding-bottom: 112px; }
    html #CMD .section__performance2 .wd__content {
      width: 90%;
      max-width: 720px; }
    html #CMD .section__performance2 .wd__feature__list .wd__feature {
      width: 130px; }
    html #CMD .section__performance2 .wd__feature__list .feature-2 .feature-icon {
      transform: translateY(-13px); }
    html #CMD .section__performance2 .wd__feature__list .feature-2 .wd__feature__describe {
      margin-top: 0; }
    html #CMD .section__performance2 .wd__feature__list .feature-3 {
      transform: none; }
      html #CMD .section__performance2 .wd__feature__list .feature-3 .feature-icon {
        transform: translateY(-12px); }
      html #CMD .section__performance2 .wd__feature__list .feature-3 .wd__feature__describe {
        margin-top: 0; }
    html #CMD .section__performance2 .chart_containter {
      align-items: center;
      width: 90%;
      flex-direction: column-reverse; }
      html #CMD .section__performance2 .chart_containter .chart_content {
        display: flex;
        justify-content: center;
        padding-top: 0;
        width: 100%;
        flex-direction: row; }
        html #CMD .section__performance2 .chart_containter .chart_content .chart__item {
          margin-bottom: 70px;
          padding: 0 20px;
          width: 33%;
          text-align: center; }
          html #CMD .section__performance2 .chart_containter .chart_content .chart__item .icon {
            display: block;
            margin: 0 auto;
            height: 84px; }
  html #CMD .section__wifi {
    padding-top: 112px; }
    html #CMD .section__wifi .wd__content {
      max-width: 720px;
      margin: 0 auto; }
    html #CMD .section__wifi .wd__feature__list .feature-1 .wd__feature__describe__top,
    html #CMD .section__wifi .wd__feature__list .feature-2 .wd__feature__describe__top {
      display: none; }
    html #CMD .section__wifi .wifi__bg {
      left: 50%;
      margin-left: -640px;
      width: 1280px;
      height: 720px;
      margin-top: -100px; }
      #CMD .section__wifi .wifi__bg {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/s8_bg.jpg"); } }
    @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
      .image-webp #CMD .section__wifi .wifi__bg {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s8_bg.webp"); } }
    @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
      .image-old #CMD .section__wifi .wifi__bg {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s8_bg.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  html #CMD .section__display {
    overflow: hidden;
    margin-bottom: -140px;
    padding-top: 112px; }
    html #CMD .section__display .wd__content {
      width: 90%;
      max-width: 860px;
      min-height: auto; }
      html #CMD .section__display .wd__content .content__info {
        max-width: 770px; }
    html #CMD .section__display .wd__feature__list {
      margin-right: auto;
      margin-left: auto; }
      html #CMD .section__display .wd__feature__list.list-0 {
        margin-top: 61px;
        width: auto; }
        html #CMD .section__display .wd__feature__list.list-0 .wd__feature {
          margin-right: 20px;
          margin-left: 20px; }
      html #CMD .section__display .wd__feature__list.list-1 {
        margin-top: 13px;
        max-width: 790px; }
    html #CMD .section__display .img__main {
      left: 50%;
      margin-left: -640px;
      width: 1280px;
      height: 1899px;
      margin-top: -1291px; }
      #CMD .section__display .img__main {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/animation/s9/s9_main.jpg"); } }
    @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
      .image-webp #CMD .section__display .img__main {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/animation/s9/s9_main.webp"); } }
    @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
      .image-old #CMD .section__display .img__main {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/animation/s9/s9_main.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
      html #CMD .section__display .img__main .img__nb-bottom {
        bottom: 132px; }
        #CMD .section__display .img__nb-bottom {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/1x/animation/s9/nb_bottom.png"); } }
      @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
        .image-webp #CMD .section__display .img__nb-bottom {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/animation/s9/nb_bottom.webp"); } }
      @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
        .image-old #CMD .section__display .img__nb-bottom {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/70p/2x/animation/s9/nb_bottom.png"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
      html #CMD .section__display .img__main .box {
        position: absolute;
        bottom: -210px;
        width: 100%;
        height: 1000px;
        transform: scale(0.64); }
      html #CMD .section__display .img__main svg {
        top: 64px;
        transform: none; }
      html #CMD .section__display .img__main .ratio_text.ratio_text-1 {
        top: 510px; }
      html #CMD .section__display .img__main .ratio_text.ratio_text-2 {
        top: 564px; }
  html #CMD .section__audio {
    padding-top: 112px;
    padding-bottom: 112px; }
    html #CMD .section__audio .clip_content .content__title {
      width: 600px;
      font-size: 2.1875rem; }
    html #CMD .section__audio .wd__feature__list .feature-3 {
      transform: translateY(2px); }
    html #CMD .section__audio .slick-tab-content {
      margin: 53px auto 0; }
      html #CMD .section__audio .slick-tab-content .slick-title .title-line {
        display: none; }
      html #CMD .section__audio .slick-tab-content .slick-title .title-nav {
        padding: 15px 0 0; }
        html #CMD .section__audio .slick-tab-content .slick-title .title-nav .slick-nav-btn {
          padding: 0 50px 22px;
          width: auto;
          font-size: 1.75rem;
          transition: opacity 300ms; }
      html #CMD .section__audio .slick-tab-content .slick-info-container {
        margin: 0 auto;
        width: 90%; }
      html #CMD .section__audio .slick-tab-content .slick-info-item {
        padding-top: 26px; }
        html #CMD .section__audio .slick-tab-content .slick-info-item .slick-TopContent .slick-info-content.wd__content {
          position: relative;
          top: 0;
          left: 50%;
          margin-top: 50px;
          margin-left: -265px;
          width: 530px; }
        html #CMD .section__audio .slick-tab-content .slick-info-item .slick-TopContent .slick-info-content .content__title::after {
          display: none; }
        html #CMD .section__audio .slick-tab-content .slick-info-item .slick-TopContent .slick-image {
          position: relative;
          margin: 0 auto;
          margin-top: 60px;
          width: 645px;
          height: 406px; }
          #CMD .section__audio .img-slick-1 {
            background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/s__audio/table_01_main.jpg"); } }
        @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
          .image-webp #CMD .section__audio .img-slick-1 {
            background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s__audio/table_01_main.webp"); } }
        @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
          .image-old #CMD .section__audio .img-slick-1 {
            background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s__audio/table_01_main.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
          #CMD .section__audio .img-slick-2 {
            background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/s__audio/table_02_main.jpg"); } }
        @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
          .image-webp #CMD .section__audio .img-slick-2 {
            background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s__audio/table_02_main.webp"); } }
        @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
          .image-old #CMD .section__audio .img-slick-2 {
            background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s__audio/table_02_main.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
          #CMD .section__audio .img-slick-3 {
            background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/s__audio/table_03_main.jpg"); } }
        @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
          .image-webp #CMD .section__audio .img-slick-3 {
            background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s__audio/table_03_main.webp"); } }
        @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
          .image-old #CMD .section__audio .img-slick-3 {
            background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s__audio/table_03_main.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
        html #CMD .section__audio .slick-tab-content .slick-info-item .slick-info {
          text-align: center; }
        html #CMD .section__audio .slick-tab-content .slick-info-item .slick-image {
          margin-top: 47px; }
        html #CMD .section__audio .slick-tab-content .slick-info-item .slick-image,
        html #CMD .section__audio .slick-tab-content .slick-info-item .img-slick {
          width: 645px; }
        html #CMD .section__audio .slick-tab-content .slick-info-item .slick-seriesBox {
          top: 0;
          left: 0;
          margin: 40px auto 0;
          padding: 0;
          width: 100%;
          max-width: 1023px; }
          html #CMD .section__audio .slick-tab-content .slick-info-item .slick-seriesBox .seriesBox-title {
            padding-bottom: 45px;
            width: 720px; }
  html #CMD .section__audio .img__main {
    left: 50%;
    margin-left: -955px;
    width: 1910px;
    height: 621px;
    margin-top: -30px; }
    #CMD .section__audio .img__main {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/s__audio/pd.jpg"); } }
  @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__audio .img__main {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s__audio/pd.webp"); } }
  @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__audio .img__main {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s__audio/pd.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  html #CMD .section__audio .img__pd2 {
    left: 50%;
    margin-top: 64px;
    margin-left: -640px;
    width: 1280px;
    height: 308px; }
    #CMD .section__audio .img__pd2 {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/s__audio/chip.jpg"); } }
  @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__audio .img__pd2 {
      background-image: url("https://dlcdnwebimgs.asus.com/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s__audio/chip.webp"); } }
  @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__audio .img__pd2 {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s__audio/chip.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  html #CMD .section__audio .wd__feature__list .feature-2 {
    width: 150px; }
    html #CMD .section__audio .wd__feature__list .feature-2 .feature-icon {
      margin-bottom: 10px; }
  html #CMD .section__audio .wd__feature__list .feature-4 {
    transform: translateY(38px); }
  html #CMD .section__keyboard {
    padding-top: 112px;
    padding-bottom: 60px; }
    html #CMD .section__keyboard .wd__content {
      width: 86%;
      max-width: 720px; }
    html #CMD .section__keyboard .img__main {
      left: 50%;
      margin-left: -640px;
      width: 1280px;
      height: 588px;
      margin-top: 70px; }
      #CMD .section__keyboard .img__main {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/s__keyboard/main.jpg"); } }
    @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
      .image-webp #CMD .section__keyboard .img__main {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s__keyboard/main.webp"); } }
    @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
      .image-old #CMD .section__keyboard .img__main {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s__keyboard/main.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
    html #CMD .section__keyboard .modal-button-container {
      margin-top: 50px; }
    html #CMD .section__keyboard .modal-button-container .modal-inner-text {
      font-size: 1.375rem; }
  #CMD .section__keyboard .card__item_1 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/s__keyboard/card1_small.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__keyboard .card__item_1 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s__keyboard/card1_small.webp"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__keyboard .card__item_1 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s__keyboard/card1_small.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  #CMD .section__keyboard .card__item_2 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/s__keyboard/card2_small.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__keyboard .card__item_2 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s__keyboard/card2_small.webp"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__keyboard .card__item_2 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s__keyboard/card2_small.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  #CMD .section__keyboard .card__item_3 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/s__keyboard/card3_small.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__keyboard .card__item_3 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s__keyboard/card3_small.webp"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__keyboard .card__item_3 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s__keyboard/card3_small.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  #CMD .section__keyboard .card__item_4 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/s__keyboard/card4_small.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__keyboard .card__item_4 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s__keyboard/card4_small.webp"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__keyboard .card__item_4 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s__keyboard/card4_small.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  #CMD .section__keyboard .card__item_5 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/s__keyboard/card5_medium.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__keyboard .card__item_5 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s__keyboard/card5_medium.webp"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__keyboard .card__item_5 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s__keyboard/card5_medium.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  html #CMD .section__ue {
    padding-top: 82px;
    padding-bottom: 112px; }
    html #CMD .section__ue .wd__content {
      width: 85%;
      max-width: 610px; }
  #CMD .section__ue .card__item_1 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/s14/card1_small.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__ue .card__item_1 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s14/card1_small.webp"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__ue .card__item_1 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s14/card1_small.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  #CMD .section__ue .card__item_2 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/s14/card2_small.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__ue .card__item_2 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s14/card2_small.webp"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__ue .card__item_2 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s14/card2_small.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  #CMD .section__ue .card__item_3 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/s14/card3_medium.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__ue .card__item_3 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s14/card3_medium.webp"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__ue .card__item_3 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s14/card3_medium.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  html #CMD .section__webcam {
    padding-top: 112px;
    padding-bottom: 40px; }
    html #CMD .section__webcam .wd__content {
      width: 90%;
      max-width: 720px; }
    html #CMD .section__webcam .campare__containter {
      padding: 0 15px;
      max-width: 731px; }
      html #CMD .section__webcam .campare__containter .campare__item {
        padding: 0 8px; }
        html #CMD .section__webcam .campare__containter .campare__item .campare__title {
          margin-bottom: 20px;
          font-size: 1.75rem; }
        html #CMD .section__webcam .campare__containter .campare__item .campare__img {
          height: 350px; }
  #CMD .section__webcam .campare__item_1 .campare__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/large/1x/s15/compare01.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__webcam .campare__item_1 .campare__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/large/2x/s15/compare01.webp"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__webcam .campare__item_1 .campare__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/large/2x/s15/compare01.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  #CMD .section__webcam .campare__item_2 .campare__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/large/1x/s15/compare02.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__webcam .campare__item_2 .campare__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/large/2x/s15/compare02.webp"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__webcam .campare__item_2 .campare__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/large/2x/s15/compare02.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  html #CMD #section__noise {
    margin-top: 0;
    padding-top: 112px; }
    html #CMD #section__noise .nav__noise {
      margin-top: 64px; }
    html #CMD #section__noise .noise__switcher {
      margin-top: 0; }
      html #CMD #section__noise .noise__switcher .noise_desc {
        width: 90%;
        max-width: 800px; }
      html #CMD #section__noise .noise__switcher.js-showed {
        padding-top: 58px; }
    html #CMD #section__noise #noiseContainter {
      margin-top: 21px; }
  html #CMD .section__connectivity {
    padding-bottom: 35px; }
    html #CMD .section__connectivity .wd__content {
      width: 80%;
      max-width: 720px; }
    html #CMD .section__connectivity .sectionnNavPosition {
      top: -290px; }
    html #CMD .section__connectivity .image__container {
      padding-bottom: 96px; }
    html #CMD .section__connectivity .descline__container {
      top: 366px; }
      html #CMD .section__connectivity .descline__container .desc__text span.text__item {
        font-size: 0.625rem; }
      html #CMD .section__connectivity .descline__container .desc__item-0 {
        margin-left: -186px; }
        html #CMD .section__connectivity .descline__container .desc__item-0 span.text__item {
          right: 36px;
          left: unset;
          width: 170px;
          text-align: right;
          transform: none; }
      html #CMD .section__connectivity .descline__container .desc__item-1 {
        margin-left: -74px; }
        html #CMD .section__connectivity .descline__container .desc__item-1 span.text__item {
          right: 26px;
          left: unset;
          width: 70px;
          text-align: center;
          transform: none; }
      html #CMD .section__connectivity .descline__container .desc__item-2 {
        margin-left: -34px; }
        html #CMD .section__connectivity .descline__container .desc__item-2 span.text__item {
          left: -23px;
          width: 60px; }
      html #CMD .section__connectivity .descline__container .desc__item-3 {
        margin-left: 6px; }
        html #CMD .section__connectivity .descline__container .desc__item-3 span.text__item {
          left: -21px;
          width: 100px;
          text-align: left;
          transform: none; }
      html #CMD .section__connectivity .descline__container .desc__item-4 {
        margin-left: 247px; }
        html #CMD .section__connectivity .descline__container .desc__item-4 span.text__item {
          right: -20px;
          left: unset;
          width: 200px;
          text-align: right;
          transform: none; }
  html #CMD .section__connectivity .img__bg {
    left: 50%;
    margin-left: -640px;
    width: 1280px;
    height: 367px;
    top: 0;
    margin-top: 0; }
    #CMD .section__connectivity .img__bg {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/s17_pd.jpg"); } }
  @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__connectivity .img__bg {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s17_pd.webp"); } }
  @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__connectivity .img__bg {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s17_pd.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  html #CMD .section__charge {
    padding-top: 112px; }
    html #CMD .section__charge .wd__content {
      width: 80%;
      max-width: 720px; }
    html #CMD .section__charge .col.pd {
      position: relative; }
  html #CMD .section__charge .img__bg {
    left: 50%;
    margin-left: -640px;
    width: 1280px;
    height: 716px;
    margin-top: 22px; }
    #CMD .section__charge .img__bg {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/s18_pd.jpg"); } }
  @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__charge .img__bg {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s18_pd.webp"); } }
  @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__charge .img__bg {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s18_pd.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  html #CMD .section__myasus {
    margin-top: 0;
    padding-top: 112px;
    padding-bottom: 112px; }
    html #CMD .section__myasus .wd__content {
      max-width: 720px;
      margin: 0 auto; }
  html #CMD .section__grade {
    padding-top: 112px;
    padding-bottom: 22px; }
    html #CMD .section__grade .wd__content {
      margin: 0 auto; }
      html #CMD .section__grade .wd__content .content__title {
        max-width: 720px; }
      html #CMD .section__grade .wd__content .content__info {
        max-width: 720px; }
  html #CMD .section__grade .wd__feature__list {
    max-width: 900px; }
    html #CMD .section__grade .wd__feature__list .wd__feature {
      width: 24%; }
      html #CMD .section__grade .wd__feature__list .wd__feature .wd__feature__data {
        margin-top: 14px;
        font-size: 1rem; }
      html #CMD .section__grade .wd__feature__list .wd__feature .wd__feature__describe {
        margin-top: 4px;
        font-size: 1rem; }
  html #CMD .section__grade .image__container {
    height: 600px; }
  html #CMD .section__grade .img__bg {
    left: 50%;
    margin-left: -640px;
    width: 1280px;
    height: 1000px;
    margin-top: -50px;
    transform: scale(0.9); }
    #CMD .section__grade .img__bg {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/s20_pd.jpg"); } }
  @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__grade .img__bg {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s20_pd.webp"); } }
  @media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__grade .img__bg {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/s20_pd.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  html #CMD .section__grade .img__grade_icon {
    top: 103px;
    left: 50%;
    margin-left: -320px;
    width: 156px;
    height: 197px; }
  html #CMD .section__comment {
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 34px; }
  html #CMD .section__keyboard_inner1 {
    padding: 45px 0 150px; }
    html #CMD .section__keyboard_inner1 .wd__content {
      max-width: 731px;
      margin: 0 auto; }
      html #CMD .section__keyboard_inner1 .wd__content .content__title {
        font-size: 2.1875rem; }
      html #CMD .section__keyboard_inner1 .wd__content .content__info {
        font-size: 1.25rem; }
    html #CMD .section__keyboard_inner1 .touch__containter {
      margin-top: 50px;
      padding: 0 15px;
      max-width: 731px; }
      html #CMD .section__keyboard_inner1 .touch__containter .touch__item {
        display: flex;
        flex-direction: column;
        align-items: center; }
        html #CMD .section__keyboard_inner1 .touch__containter .touch__item_content {
          flex: auto;
          padding-top: 60px; }
          html #CMD .section__keyboard_inner1 .touch__containter .touch__item_content .title {
            margin-bottom: 20px;
            font-size: 2.1875rem;
            text-align: center;
            line-height: 1.1; }
          html #CMD .section__keyboard_inner1 .touch__containter .touch__item_content .info {
            font-size: 1.25rem;
            text-align: center; }
          html #CMD .section__keyboard_inner1 .touch__containter .touch__item_content .list__item {
            margin-bottom: 20px;
            text-align: center; }
            html #CMD .section__keyboard_inner1 .touch__containter .touch__item_content .list__item_title {
              margin-bottom: 4px;
              font-size: 1.875rem; }
            html #CMD .section__keyboard_inner1 .touch__containter .touch__item_content .list__item_info {
              font-size: 1.25rem; }
        html #CMD .section__keyboard_inner1 .touch__containter .touch__item .img__bg {
          width: 611px;
          height: 509px; }
    html #CMD .section__keyboard_inner1 .touch__item_1 {
      flex-direction: row-reverse; }
      html #CMD .section__keyboard_inner1 .touch__item_1 .touch__item_content {
        margin-bottom: -20px;
        padding-right: 5%;
        padding-left: 5%; }
    html #CMD .section__keyboard_inner1 .touch__item_2 .touch__item_content {
      padding-right: 5%;
      padding-left: 5%; }
  #CMD .section__keyboard_inner1 .touch__item_1 .img__bg {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/inner/s__keyboard/img01.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__keyboard_inner1 .touch__item_1 .img__bg {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/inner/s__keyboard/img01.webp"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__keyboard_inner1 .touch__item_1 .img__bg {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/inner/s__keyboard/img01.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  #CMD .section__keyboard_inner1 .touch__item_2 .img__bg {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/1x/inner/s__keyboard/img02.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__keyboard_inner1 .touch__item_2 .img__bg {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/inner/s__keyboard/img02.webp"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__keyboard_inner1 .touch__item_2 .img__bg {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/medium/2x/inner/s__keyboard/img02.jpg"); } }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  html #CMD .section__noise {
    margin-top: 110px;
    padding-top: 70px;
    padding-bottom: 70px; }
    html #CMD .section__noise .wd__content {
      width: 80%; }
      html #CMD .section__noise .wd__content .content__title {
        max-width: 760px !important; }
      html #CMD .section__noise .wd__content .content__info {
        width: 100%;
        max-width: 676px !important; }
    html #CMD .section__noise .sub__content {
      margin-top: 50px;
      margin-right: auto;
      margin-left: auto;
      width: 79%; }
      html #CMD .section__noise .sub__content .content__title {
        font-size: 28px; }
      html #CMD .section__noise .sub__content .content__info {
        margin-top: 8px; }
    html #CMD .section__noise .nav__noise {
      margin-top: 37px; }
      html #CMD .section__noise .nav__noise .nav__item {
        margin: 0 9px;
        padding: 13px 10px;
        width: 226px;
        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: 28px; }
    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: -40px; } }