@font-face {
    font-family: "Kaushan Script";
    src: url(https://resource.xp-pen.com/img/product/detail/Deco01V3/font/KaushanScript-Regular.ttf);
  }
  .homepage_2_new {
    max-width: 100% !important;
    width: 100%;
  }
  
  #moduleContent {
    background: #fff;
  }
  #moduleContent p, #moduleContent span, #moduleContent div, #moduleContent h1, #moduleContent h2, #moduleContent h3, #moduleContent h4, #moduleContent h5, #moduleContent h6, #moduleContent a {
    font-family: Gilroy;
    color: #000;
    text-align: center;
  }
  #moduleContent .pc {
    display: inline-block;
  }
  #moduleContent .mo {
    display: none;
  }
  #moduleContent img {
    max-width: max-content;
    width: 100%;
    height: auto;
  }
  #moduleContent .flex-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #moduleContent .flex-box.reverse-box {
    flex-direction: row-reverse;
  }
  #moduleContent .main-inner-box {
    max-width: 46.875vw;
    width: 100%;
    margin: 0 auto;
    position: relative;
  }
  #moduleContent .banner-box {
    position: relative;
  }
  #moduleContent .banner-box img {
    width: 100%;
  }
  #moduleContent .banner-inner-box {
    position: absolute;
    width: 100%;
    left: 0;
    top: 3.90625vw;
  }
  #moduleContent .banner-inner-box h1 {
    font-weight: bold;
    font-size: 4.6875vw;
    color: #3D7F9C;
    margin-bottom: 3.125vw;
  }
  #moduleContent .banner-inner-box p {
    font-weight: 500;
    font-size: 2.34375vw;
    color: #000000;
  }
  #moduleContent .module-content {
    position: relative;
  }
  #moduleContent .page_one {
    background-color: #6BD2FF;
    padding: 0.390625vw 0 0;
    position: relative;
  }
  #moduleContent .module-inner-box {
    max-width: 64.453125vw;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
  #moduleContent .module-title {
    font-weight: bold;
    font-size: 3.125vw;
    max-width: 64.453125vw;
    margin: 0 auto;
    margin-bottom: 1.953125vw;
  }
  #moduleContent .module-text {
    font-size: 1.40625vw;
    line-height: 1.5;
  }
  #moduleContent .sell-point-box {
    display: flex;
    justify-content: center;
    margin-top: 3.3203125vw;
  }
  #moduleContent .sell-item {
    padding: 0 4.6875vw;
  }
  #moduleContent .sell-item img {
    width: 7.5vw;
  }
  #moduleContent .sell-item p {
    font-size: 1.875vw;
    margin-top: 1.171875vw;
  }
  #moduleContent .left-icon_box {
    position: absolute;
    left: 0;
    top: 20%;
  }
  #moduleContent .left-icon_box img {
    width: 12.1875vw;
  }
  #moduleContent .right-icon_box {
    position: absolute;
    right: 0;
    top: 20%;
  }
  #moduleContent .right-icon_box img {
    width: 23.4375vw;
  }
  #moduleContent .page_two {
    background-color: #A3E5FF;
    padding-top: 5.6640625vw;
  }
  #moduleContent .page_two_img_1 {
    text-align: center;
  }
  #moduleContent .page_two_img_1 img {
    max-width: 76.8359375vw;
    display: inline-block;
  }
  #moduleContent .page_two_inner {
    padding-top: 7.8125vw;
  }
  #moduleContent .page_two_img_2 {
    text-align: center;
    margin: 3.125vw 0;
    position: relative;
  }
  #moduleContent .page_two_img_2 img {
    max-width: 71.1328125vw;
    display: inline-block;
  }
  #moduleContent .page_two_img_2 p {
    font-family: Kaushan Script;
    font-size: 7.8125vw;
    color: #17A2E0;
    position: absolute;
    top: -62%;
    left: 0;
    width: 100%;
  }
  #moduleContent .page_two_img_3 {
    position: relative;
  }
  #moduleContent .page_two_img_3 p {
    font-family: Kaushan Script;
    font-size: 5.5078125vw;
    color: #FFE4ED;
    position: absolute;
    left: 54%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  #moduleContent .page_3 {
    margin-top: 7.03125vw;
    padding-top: 3.90625vw;
  }
  #moduleContent .page_3_inner_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #moduleContent .page_4, #moduleContent .page_5 {
    background-color: #6BD2FF;
    padding-top: 5.078125vw;
  }
  #moduleContent .scene-item-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  #moduleContent .scene-item-box.reverse-box {
    flex-direction: row-reverse;
  }
  #moduleContent .scene-item-box.reverse-box .item-right-box {
    padding-left: 7.8125vw;
    left: 2%;
  }
  #moduleContent .item-left-box {
    width: 57.8%;
  }
  #moduleContent .item-left-box img {
    max-width: 57.734375vw;
  }
  #moduleContent .item-right-box {
    width: 42%;
    position: relative;
    left: -5%;
  }
  #moduleContent .item-right-box p, #moduleContent .item-right-box h2 {
    text-align: left;
  }
  #moduleContent .page_4_icon {
    position: absolute;
    right: 0;
    top: 6%;
  }
  #moduleContent .page_4_icon img {
    width: 26.328125vw;
  }
  #moduleContent .page_4_icon_2 {
    position: absolute;
    left: 1.2890625vw;
    bottom: 3%;
  }
  #moduleContent .page_4_icon_2 img {
    width: 5.859375vw;
  }
  #moduleContent .page_5 {
    padding-top: 7.8125vw;
  }
  #moduleContent .page_5_icon {
    position: absolute;
    left: 0;
    top: 7.8125vw;
  }
  #moduleContent .page_5_icon img {
    max-width: 23.4375vw;
  }
  #moduleContent .page_5_icon_1 {
    position: absolute;
    right: 0;
    top: 3.90625vw;
  }
  #moduleContent .page_5_icon_1 img {
    max-width: 23.4375vw;
  }
  #moduleContent .page_5_banner {
    padding-top: 3.90625vw;
  }
  #moduleContent .page_5_banner p {
    font-size: 1.171875vw;
    color: #000000;
    margin-top: 2.34375vw;
  }
  #moduleContent .page_5_banner img {
    max-width: 79.609375vw;
  }
  #moduleContent .page_5_icon_2 {
    position: absolute;
    bottom: -3%;
    left: 0;
    z-index: 2;
  }
  #moduleContent .page_5_icon_2 img {
    max-width: 23.1640625vw;
  }
  #moduleContent .page_6 {
    padding-bottom: 3.515625vw;
  }
  #moduleContent .page_6_icon {
    position: absolute;
    right: 0;
    top: 12%;
  }
  #moduleContent .page_6_icon img {
    width: 16.640625vw;
  }
  #moduleContent .page_6_img_box {
    text-align: center;
    margin-top: 2.734375vw;
  }
  #moduleContent .page_6_img_box img {
    max-width: 76.9140625vw;
    display: inline-block;
  }
  #moduleContent .page_7 {
    background-image: url(https://resource.xp-pen.com/img/product/detail/Deco01V3/extend_bg.webp);
    background-size: cover;
    padding-top: 9.6875vw;
    padding-bottom: 7.8125vw;
  }
  #moduleContent .extensive-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 3.515625vw 0 4.296875vw;
  }
  #moduleContent .extensive-item {
    width: 20%;
    text-align: center;
  }
  #moduleContent .extensive-item p {
    font-weight: bold;
    font-size: 1.484375vw;
    color: #000000;
    margin-top: 0.78125vw;
  }
  #moduleContent .extensive-item img {
    max-width: 6.8359375vw;
  }
  #moduleContent .extensive-remark {
    font-size: 0.9375vw;
    color: #000000;
    margin-bottom: 3.046875vw;
  }
  #moduleContent .ps_box {
    padding-bottom: 3.90625vw;
  }
  #moduleContent .product-title {
    font-weight: bold;
    font-size: 3.125vw;
    color: #17A2E0;
    margin-bottom: 4.6875vw;
  }
  #moduleContent .spec-content {
    margin-top: 6.640625vw;
  }
  #moduleContent .product-gallery-content {
    margin-bottom: 6.640625vw;
  }
  
  @media screen and (max-width: 1080px) {
    #moduleContent .pc {
      display: none;
    }
    #moduleContent .mo {
      display: inline-block;
    }
    #moduleContent .banner-inner-box h1 {
      font-size: 5.5555555556vw;
      margin-bottom: 1.8518518519vw;
    }
    #moduleContent .banner-inner-box p {
      font-size: 3.3333333333vw;
    }
    #moduleContent .module-title {
      font-size: 5.5555555556vw;
      margin-bottom: 2.7777777778vw;
      line-height: 1.2;
      max-width: max-content;
    }
    #moduleContent .module-title.module-title_2 {
      font-size: 4.4444444444vw;
    }
    #moduleContent .module-text {
      font-size: 2.7777777778vw;
      line-height: 1.2;
    }
    #moduleContent .module-inner-box {
      max-width: 87.962962963vw;
    }
    #moduleContent .page_one {
      padding: 9.2592592593vw 0 0;
    }
    #moduleContent .right-icon_box img {
      width: 23.5185185185vw;
    }
    #moduleContent .right-icon_box, #moduleContent .left-icon_box {
      top: 33%;
    }
    #moduleContent .left-icon_box img {
      width: 12.2222222222vw;
    }
    #moduleContent .sell-point-box {
      margin-top: 6.0185185185vw;
    }
    #moduleContent .sell-item {
      padding: 0 4.6296296296vw;
    }
    #moduleContent .sell-item img {
      width: 10vw;
    }
    #moduleContent .sell-item p {
      font-size: 2.5925925926vw;
    }
    #moduleContent .page_two {
      padding-top: 6.4814814815vw;
    }
    #moduleContent .page_two_img_1 {
      padding: 0 4.6296296296vw;
    }
    #moduleContent .page_two_inner {
      padding-top: 9.2592592593vw;
    }
    #moduleContent .page_two_img_2 {
      margin: 5.5555555556vw 0;
    }
    #moduleContent .page_two_img_2 p {
      font-size: 7.7777777778vw;
      top: -64%;
    }
    #moduleContent .page_two_img_3 p {
      font-size: 5.5555555556vw;
    }
    #moduleContent .page_3 {
      margin-top: 9.2592592593vw;
      padding-top: 31.4814814815vw;
    }
    #moduleContent .page_4_icon {
      top: 17%;
    }
    #moduleContent .page_4_icon img {
      width: 22.962962963vw;
    }
    #moduleContent .page_4_icon_2 {
      bottom: 26%;
    }
    #moduleContent .page_4_icon_2 img {
      width: 5.8333333333vw;
    }
    #moduleContent .scene-item-box {
      flex-direction: column-reverse;
    }
    #moduleContent .scene-item-box.reverse-box {
      flex-direction: column-reverse;
    }
    #moduleContent .scene-item-box.reverse-box .item-right-box {
      padding-left: 0;
      left: 0;
      margin-top: 9.2592592593vw;
    }
    #moduleContent .item-left-box {
      width: 100%;
    }
    #moduleContent .item-left-box img {
      max-width: 100%;
    }
    #moduleContent .item-right-box {
      width: 100%;
      left: 0;
      margin-bottom: 3.3333333333vw;
    }
    #moduleContent .item-right-box h2, #moduleContent .item-right-box p {
      text-align: center;
    }
    #moduleContent .page_5 {
      padding-top: 32.4074074074vw;
    }
    #moduleContent .page_5_banner img {
      max-width: 85.7407407407vw;
    }
    #moduleContent .page_5_icon {
      top: 9.2592592593vw;
    }
    #moduleContent .page_5_icon img {
      max-width: 31.2962962963vw;
    }
    #moduleContent .page_5_icon_1 {
      top: 4.6296296296vw;
    }
    #moduleContent .page_5_icon_1 img {
      max-width: 31.0185185185vw;
    }
    #moduleContent .page_5_icon_2 {
      width: 23.1481481481vw;
    }
    #moduleContent .page_6 {
      padding-top: 12.037037037vw;
    }
    #moduleContent .page_5_banner p {
      font-size: 2.2222222222vw;
    }
    #moduleContent .page_6_icon {
      top: -9%;
    }
    #moduleContent .page_6_icon img {
      width: 22.8703703704vw;
    }
    #moduleContent .extensive-item img {
      width: 10.9259259259vw;
    }
    #moduleContent .extensive-item p {
      font-size: 2.4074074074vw;
      margin-top: 0.9259259259vw;
    }
    #moduleContent .page_7 {
      background-image: url(https://resource.xp-pen.com/img/product/detail/Deco01V3/h5/4.webp);
      padding-top: 9.2592592593vw;
      padding-bottom: 0;
    }
    #moduleContent .extensive-list {
      margin: 5.5555555556vw 0;
    }
    #moduleContent .extensive-remark {
      margin-bottom: 5.5555555556vw;
      font-size: 2.2222222222vw;
    }
    #moduleContent .ps_box {
      padding-bottom: 5.5555555556vw;
    }
    #moduleContent .product-gallery-content {
      padding-top: 0;
    }
    #moduleContent .product-title {
      margin-bottom: 3.7037037037vw;
      font-size: 5.5555555556vw;
    }
  }
  #gaishu .spec_title {
    border: none;
  }
  
  .product3_title ul li h3 {
    font-size: 3.125vw;
    color: #17A2E0;
    font-weight: bold;
  }
  
  @media screen and (max-width: 1080px) {
    .product3_title ul li h3 {
      font-size: 5.5555555556vw;
    }
  }