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