.homepage_2 .boss {
  overflow: initial;
}

.w_1440 {
  padding: 0 !important;
  max-width: none !important;
}

.product_details {
  overflow: initial;
}

.product_details .product_details_img {
  overflow: initial;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

#DoodleLearningBoard {
  font-size: 0;
  margin-bottom: 100px;
}

#DoodleLearningBoard .text_max {
  color: #364470;
  font-size: 3.04688vw;
  margin-bottom: 1.95312vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.25;
}

#DoodleLearningBoard .text_min {
  color: #252d46;
  font-size: 1.17188vw;
  text-align: center;
  line-height: 1.5;
}

#DoodleLearningBoard img {
  width: 100%;
  height: auto;
}

#DoodleLearningBoard .img_pc {
  display: inline-block;
}

#DoodleLearningBoard .img_h5 {
  display: none;
}

#DoodleLearningBoard .module1 {
  position: relative;
}

#DoodleLearningBoard .module1 .module1-content {
  position: absolute;
  left: 17.5%;
  top: 31%;
  width: 30%;
}

#DoodleLearningBoard .module1 .module1-content .title {
  position: relative;
  color: #364470;
  font-weight: 700;
  line-height: 1.15;
  margin-bottom: 1.5625vw;
  text-align: left;
}

#DoodleLearningBoard .module1 .module1-content .title span {
  color: #3bb6e5;
}

#DoodleLearningBoard .module1 .module1-content .title ::after {
  content: "";
  position: absolute;
  right: 102%;
  bottom: 80%;
  display: block;
  width: 1.83594vw;
  height: 2.89062vw;
  background: url("https://resource.xp-pen.com/img/officialWebsite/XPPenDoodleLearningBoard/images/1.webp") no-repeat center center/100% 100%;
}

#DoodleLearningBoard .module1 .module1-content .text_p1 {
  font-size: 2.53906vw;
  color: #3b4873;
  font-weight: 500;
  margin-bottom: 1.95312vw;
}

#DoodleLearningBoard .module1 .module1-content .text_p2 {
  font-size: 1.48438vw;
  color: #2c3551;
  line-height: 1.3;
}

#DoodleLearningBoard .module2 {
  position: relative;
}

#DoodleLearningBoard .module2 .module2-content {
  position: absolute;
  left: 5%;
  top: 10%;
  width: 90%;
}

#DoodleLearningBoard .module2 .module2-content .text_p1 {
  width: 52%;
  margin: 0 auto;
}

#DoodleLearningBoard .module2 .module2-ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 5.46875vw;
}

#DoodleLearningBoard .module2 .module2-ul .module2-li {
  width: 16.40625vw;
  margin-right: 1.95312vw;
  position: relative;
}

#DoodleLearningBoard .module2 .module2-ul .module2-li img {
  border-radius: 1.17188vw;
}

#DoodleLearningBoard .module2 .module2-ul .module2-li p {
  font-size: 1.40625vw;
  color: #364470;
  line-height: 1.4;
  position: absolute;
  left: 2%;
  top: 65%;
  width: 96%;
  text-align: center;
  font-weight: 700;
}

#DoodleLearningBoard .module2 .module2-ul .module2-li:last-child {
  margin-right: 0;
}

#DoodleLearningBoard .module3 {
  position: relative;
}

#DoodleLearningBoard .module3 .module3-content {
  position: absolute;
  left: 5%;
  top: 12%;
  width: 90%;
}

#DoodleLearningBoard .module3 .module3-content .title span {
  color: #f9ba3c;
  display: inline-block;
  position: relative;
}

#DoodleLearningBoard .module3 .module3-content .title ::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0%;
  top: 100%;
  display: block;
  background: url("https://resource.xp-pen.com/img/officialWebsite/XPPenDoodleLearningBoard/images/3_1.webp") no-repeat top center/100% auto;
}

#DoodleLearningBoard .module3 .module3-content .text_p1 {
  width: 55%;
  margin: 0 auto;
}

#DoodleLearningBoard .module4 {
  position: relative;
}

#DoodleLearningBoard .module4 .module4-content {
  position: absolute;
  left: 5%;
  top: 10%;
  width: 90%;
}

#DoodleLearningBoard .module4 .module4-content .title span {
  color: #64c6ef;
  display: inline-block;
  position: relative;
}

#DoodleLearningBoard .module4 .module4-content .title ::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: 50%;
  transform: translateX(50%);
  top: 100%;
  display: block;
  background: url("https://resource.xp-pen.com/img/officialWebsite/XPPenDoodleLearningBoard/images/4_2.webp") no-repeat top center/100% auto;
}

#DoodleLearningBoard .module4 .module4-content .text_p1 {
  width: 50%;
  margin: 0 auto;
}

#DoodleLearningBoard .module4 .module4-img {
  position: absolute;
  left: 65%;
  top: 69%;
  width: 14.72656vw;
}

#DoodleLearningBoard .module4 .module4-img img {
  border-radius: 1.17188vw;
}

#DoodleLearningBoard .module4 .module4-img .text_p2 {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  padding-left: 1.95312vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 1.48438vw;
  color: #573b00;
  line-height: 1.3;
  font-weight: 300;
}

#DoodleLearningBoard .module4 .module4-img .text_p2 span {
  font-size: 2.65625vw;
  font-weight: 700;
  color: #ffffff;
}

#DoodleLearningBoard .module5 {
  background-color: #89d4f3;
  padding-top: 7.8125vw;
  padding-bottom: 7.03125vw;
  display: flex;
  justify-content: center;
  transform: translateY(-2px);
}

#DoodleLearningBoard .module5 .module5-left {
  width: 42.96875vw;
  position: relative;
}

#DoodleLearningBoard .module5 .module5-content {
  width: 30%;
  margin-left: 4.84375vw;
  margin-top: 3.90625vw;
}

#DoodleLearningBoard .module5 .module5-content .title {
  text-align: left;
}

#DoodleLearningBoard .module5 .module5-content .text_p1 {
  text-align: left;
  width: 80%;
}

#DoodleLearningBoard .module5 .module5-content .div_img {
  margin-top: 2.53906vw;
  width: 14.25781vw;
  position: relative;
}

#DoodleLearningBoard .module5 .module5-content .div_img img {
  border-radius: 1.17188vw;
}

#DoodleLearningBoard .module5 .module5-content .div_img .text_p2 {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  padding-left: 2.34375vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 1.48438vw;
  color: #573b00;
  line-height: 1.3;
  font-weight: 300;
}

#DoodleLearningBoard .module5 .module5-content .div_img .text_p2 span {
  font-size: 2.65625vw;
  font-weight: 700;
  color: #ffffff;
}

#DoodleLearningBoard .module6 {
  position: relative;
  transform: translateY(-3px);
}

#DoodleLearningBoard .module6 .module6-content {
  position: absolute;
  left: 17.5%;
  top: 17%;
  width: 40%;
}

#DoodleLearningBoard .module6 .module6-content .title {
  text-align: left;
}

#DoodleLearningBoard .module6 .module6-content .text_p1 {
  text-align: left;
  width: 65%;
}

#DoodleLearningBoard .module6 .div_img {
  width: 6.60156vw;
  position: absolute;
  left: 4.5%;
  bottom: 93.2%;
}

#DoodleLearningBoard .module7 {
  padding-top: 3.90625vw;
  padding-bottom: 3.90625vw;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 17.5%;
  padding-right: 9.5%;
  position: relative;
  transform: translateY(-3px);
}

#DoodleLearningBoard .module7 .module7-content {
  flex: 1;
}

#DoodleLearningBoard .module7 .module7-content .title {
  text-align: left;
}

#DoodleLearningBoard .module7 .module7-content .text_p1 {
  text-align: left;
  width: 75%;
}

#DoodleLearningBoard .module7 .module7-right {
  width: 36.36719vw;
}

#DoodleLearningBoard .module7 .pos_img1 {
  position: absolute;
  width: 12.34375vw;
  top: 78%;
  left: 4%;
}

#DoodleLearningBoard .module7 .pos_img2 {
  position: absolute;
  width: 2.03125vw;
  top: 66%;
  left: 12%;
}

#DoodleLearningBoard .module8 {
  position: relative;
  z-index: 2;
}

#DoodleLearningBoard .module8 .module8-content {
  position: absolute;
  left: 5%;
  top: 9%;
  width: 90%;
}

#DoodleLearningBoard .module8 .module8-content .text_p1 {
  width: 46%;
  margin: 0 auto;
}

@media screen and (max-width: 1080px) {
  #DoodleLearningBoard .text_max {
    font-size: 6.48148vw;
  }
  #DoodleLearningBoard .text_min {
    font-size: 3.33333vw;
    line-height: 1.4;
  }
  #DoodleLearningBoard .img_pc {
    display: none;
  }
  #DoodleLearningBoard .img_h5 {
    display: inline-block;
  }
  #DoodleLearningBoard .module1 .module1-content {
    width: 94%;
    left: 3%;
    top: 10%;
  }
  #DoodleLearningBoard .module1 .module1-content .title {
    text-align: center;
    font-size: 5.37037vw;
    width: max-content;
    margin: 0 auto 1.85185vw;
  }
  #DoodleLearningBoard .module1 .module1-content .title ::after {
    width: 2.59259vw;
    height: 4.07407vw;
    bottom: 60%;
    right: 101%;
  }
  #DoodleLearningBoard .module1 .module1-content .text_p1 {
    text-align: center;
    font-size: 4.44444vw;
    margin-bottom: 2.96296vw;
  }
  #DoodleLearningBoard .module1 .module1-content .text_p2 {
    text-align: center;
    font-size: 2.59259vw;
  }
  #DoodleLearningBoard .module2 .module2-content {
    top: 7%;
  }
  #DoodleLearningBoard .module2 .module2-content .text_p1 {
    width: 100%;
  }
  #DoodleLearningBoard .module2 .module2-ul {
    justify-content: space-between;
    width: 82.03704vw;
    margin: 4.62963vw auto 0;
  }
  #DoodleLearningBoard .module2 .module2-ul .module2-li {
    margin-right: 0;
    width: 38.88889vw;
  }
  #DoodleLearningBoard .module2 .module2-ul .module2-li img {
    border-radius: 2.77778vw;
  }
  #DoodleLearningBoard .module2 .module2-ul .module2-li p {
    font-size: 3.33333vw;
  }
  #DoodleLearningBoard .module2 .module2-ul .module2-li:last-child {
    width: 100%;
    margin-top: 3.24074vw;
  }
  #DoodleLearningBoard .module2 .module2-ul .module2-li:last-child p {
    width: 60%;
    top: 35%;
  }
  #DoodleLearningBoard .module3 .module3-content {
    top: 10%;
  }
  #DoodleLearningBoard .module3 .module3-content .title {
    margin-bottom: 4.62963vw;
  }
  #DoodleLearningBoard .module3 .module3-content .title ::after {
    width: 70%;
    left: 15%;
  }
  #DoodleLearningBoard .module3 .module3-content .text_p1 {
    width: 100%;
  }
  #DoodleLearningBoard .module4 .module4-content {
    top: 7%;
  }
  #DoodleLearningBoard .module4 .module4-content .title {
    margin-bottom: 4.62963vw;
  }
  #DoodleLearningBoard .module4 .module4-content .title ::after {
    width: 70%;
  }
  #DoodleLearningBoard .module4 .module4-content .text_p1 {
    width: 80%;
  }
  #DoodleLearningBoard .module4 .module4-img {
    width: 24.07407vw;
    top: 75%;
    left: 63%;
  }
  #DoodleLearningBoard .module4 .module4-img img {
    border-radius: 2.77778vw;
  }
  #DoodleLearningBoard .module4 .module4-img .text_p2 {
    font-size: 2.96296vw;
    padding-left: 3.24074vw;
  }
  #DoodleLearningBoard .module4 .module4-img .text_p2 span {
    font-size: 4.07407vw;
  }
  #DoodleLearningBoard .module5 {
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    padding: 11.11111vw 6.01852vw;
  }
  #DoodleLearningBoard .module5 .module5-left {
    width: 100%;
    position: relative;
  }
  #DoodleLearningBoard .module5 .module5-left .div_img {
    width: 29.62963vw;
    position: absolute;
    left: 60%;
    top: 9%;
  }
  #DoodleLearningBoard .module5 .module5-left .div_img img {
    border-radius: 2.77778vw;
  }
  #DoodleLearningBoard .module5 .module5-left .div_img .text_p2 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding-left: 4.62963vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 3.51852vw;
    color: #573b00;
    line-height: 1.3;
    font-weight: 300;
  }
  #DoodleLearningBoard .module5 .module5-left .div_img .text_p2 span {
    font-size: 6.2963vw;
    font-weight: 700;
    color: #ffffff;
  }
  #DoodleLearningBoard .module5 .module5-content {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 6.01852vw;
  }
  #DoodleLearningBoard .module5 .module5-content .title {
    text-align: center;
  }
  #DoodleLearningBoard .module5 .module5-content .text_p1 {
    width: 100%;
    text-align: center;
  }
  #DoodleLearningBoard .module6 .module6-content {
    width: 90%;
    left: 5%;
    top: 9%;
  }
  #DoodleLearningBoard .module6 .module6-content .title {
    text-align: center;
  }
  #DoodleLearningBoard .module6 .module6-content .text_p1 {
    width: 100%;
    text-align: center;
  }
  #DoodleLearningBoard .module7 {
    flex-direction: column;
    width: 100%;
    padding: 9.25926vw 6.01852vw;
  }
  #DoodleLearningBoard .module7 .module7-content {
    margin-bottom: 1.85185vw;
  }
  #DoodleLearningBoard .module7 .module7-content .title {
    text-align: center;
  }
  #DoodleLearningBoard .module7 .module7-content .text_p1 {
    text-align: center;
    width: 100%;
  }
  #DoodleLearningBoard .module7 .module7-right {
    width: 100%;
  }
  #DoodleLearningBoard .module8 {
    background-color: #ffffff;
    padding-top: 18.51852vw;
  }
  #DoodleLearningBoard .module8 .module8-content {
    top: 8%;
  }
  #DoodleLearningBoard .module8 .module8-content .text_p1 {
    width: 100%;
  }
}

@media screen and (max-width: 410px) {
  #DoodleLearningBoard .module1 .module1-content .text_p2 {
    font-size: 12px;
  }
  #DoodleLearningBoard .module4 .module4-img .text_p2 {
    font-size: 12px;
  }
}