#Tage100 {
  font-family: "Gilroy";
}

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

#Tage100 p a {
  color: #0368FF;
}

#Tage100 .pc {
  display: inline-block;
}

#Tage100 .mo {
  display: none;
}

#Tage100 .Tagecenter {
  text-align: center;
}

#Tage100 .flex-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#Tage100 h2 {
  font-weight: bold;
  font-size: 1.563vw;
  color: #000000;
  margin: 1.125vw 0 1.055vw;
}

#Tage100 h3 {
  font-weight: bold;
  font-size: 0.938vw;
  color: #000000;
  margin-bottom: 1.172vw;
}

#Tage100 p {
  font-weight: 400;
  font-size: 0.703vw;
  color: #000000;
  line-height: 1.66;
}

#Tage100 .Tage100_banner {
  position: relative;
}

#Tage100 .Tage100_banner .Tage100_banner_txt {
  position: absolute;
  left: 10%;
  top: 50%;
  transform: translate(0, -50%);
}

#Tage100 .Tage100_banner .Tage100_banner_txt_H1 {
  font-weight: bold;
  font-size: 3.4375vw;
  color: #FF640A;
  line-height: 1;
  margin: 0.78125vw 0 1.953125vw;
}

#Tage100 .Tage100_banner .Tage100_banner_txt_p1 {
  font-weight: 500;
  font-size: 1.40625vw;
  color: #FDFDFD;
}

#Tage100 .Tage100_banner .Tage100_banner_txt_p2 {
  font-weight: bold;
  font-size: 1.484375vw;
  color: #FDFDFD;
  margin-bottom: 1.041vw;
  text-transform: uppercase;
}

#Tage100 .Tage100_banner .Tage100_banner_txt_p3 {
  font-weight: 400;
  font-size: 0.9375vw;
  color: #FDFDFD;
}

#Tage100 .Tage100_Link {
  font-weight: bold;
  font-size: 1.172vw;
  color: #FFFFFF;
  display: inline-block;
  background: #FF640A;
  border-radius: 1.641vw;
  padding: 0.703vw 1.797vw;
  line-height: 1;
  margin-top: 0.977vw;
}

#Tage100 .Tage100_box1 {
  padding-bottom: 3.594vw;
}

#Tage100 .Tage100_box1 .Tage100_lhreBox1 {
  padding-bottom: 1.758vw;
  border-bottom: 0.078vw solid #EDECEA;
  margin-bottom: 2.5vw;
}

#Tage100 .Tage100_box1 .Tage100_lhreBox_item {
  width: 25%;
  text-align: center;
}

#Tage100 .Tage100_box1 .Tage100_lhreBox_item img {
  width: 4.688vw;
  margin-bottom: 1.758vw;
}

#Tage100 .Tage100_box1 .Tage100_lhreBox2_L {
  width: 45%;
}

#Tage100 .Tage100_box1 .Tage100_lhreBox2_R {
  width: 50%;
}

#Tage100 .Tage100_box2 {
  background: url(https://resource.xp-pen.com/img/active_list/100Tage/bg.jpg) no-repeat center center/cover;
  padding: 1.5625vw 0;
}

#Tage100 .Tage100_box2 {
  position: relative;
}

#Tage100 .Tage100_box2 .Tage100_txt {
  margin: 0 auto;
  width: 100%;
}

#Tage100 .Tage100_box2 .Tage100_selltxt {
  margin-top: 0.734vw;
  justify-content: left;
  gap: 0.469vw;
}

#Tage100 .Tage100_box2 .Tage100_selltxt .Tage100_selltxt_item {
  background: #FBF8F4;
  padding-bottom: 0;
  position: relative;
  width: 30%;
}

#Tage100 .Tage100_box2 .Tage100_selltxt h4 {
  font-weight: bold;
  font-size: 0.703vw;
  color: #000000;
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 1.016vw;
}

#Tage100 .Tage100_box2 .Tage100_txt_p {
  margin-bottom: 1.0546875vw;
}

#Tage100 .Tage100_box3 {
  background: #1A1A1A;
  padding: 3.203vw 0 0;
  position: relative;
}

#Tage100 .Tage100_box3 .Tage100_swiper1 {
  padding-left: 22.656vw;
  overflow: hidden;
}

#Tage100 .Tage100_box3 .swiper-container {
  padding: 0 0 4.805vw;
  width: 44.023vw !important;
  overflow: visible;
  margin: 0;
}

#Tage100 .Tage100_box3 .swiper-wrapper {
  height: auto;
}

#Tage100 .Tage100_box3 .swiper-slide {
  width: 100% !important;
  margin-right: 1.016vw;
}

#Tage100 .Tage100_box3 .Tage100_box3_top {
  margin-bottom: 0.938vw;
  margin-top: 1.5625vw;
}

#Tage100 .Tage100_box3 .Tage100_box3_top span:hover {
  cursor: pointer;
}

#Tage100 .Tage100_box3 .Tage100_box3_top span {
  font-weight: bold;
  font-size: 0.938vw;
  color: #FBF8F4;
  display: inline-block;
  padding: 0.195vw 1.758vw;
  transition: all 0.3s;
}

#Tage100 .Tage100_box3 .Tage100_box3_top span.active {
  color: #FF640A;
  background: rgba(245, 245, 245, 0.062745098);
}

#Tage100 .Tage100_box3 .swiper-pagination {
  bottom: 2.93vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9;
}

#Tage100 .Tage100_box3 .swiper-pagination-bullet {
  width: 0.625vw;
  height: 0.625vw;
  background: #FFFFFF;
  opacity: 0.2;
  margin: 0 0.313vw;
}

#Tage100 .Tage100_box3 .swiper-pagination-bullet-active {
  opacity: 0.5;
}

#Tage100 .Tage100_box4 {
  padding-bottom: 5.313vw;
}

#Tage100 .Tage100_box4 .Tage100_FAQ_item {
  transition: all 0.3s;
  cursor: pointer;
  margin-bottom: 0;
  border-bottom: 0.078vw solid #2D2D2D;
}

#Tage100 .Tage100_box4 .Tage100_FAQ_item:hover h3 {
  color: #FF7200;
}

#Tage100 .Tage100_box4 .Tage100_FAQ_item:hover .faq-toggle {
  border-top: 0.391vw solid #FF7200;
}

#Tage100 .Tage100_box4 .faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.977vw 0;
  margin: 0;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#Tage100 .Tage100_box4 .faq-toggle {
  position: relative;
  width: 0;
  height: 0;
  border-left: 0.391vw solid transparent;
  border-right: 0.391vw solid transparent;
  border-top: 0.391vw solid #333;
  z-index: 2;
  transition: all 0.3s ease;
}

#Tage100 .Tage100_box4 .faq-toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -129%);
  width: 0;
  height: 0;
  border-left: 0.391vw solid transparent;
  border-right: 0.391vw solid transparent;
  border-top: 0.391vw solid #fff;
  z-index: 9;
}

#Tage100 .Tage100_box4 .faq-answer {
  padding: 0 0.781vw;
  margin: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  background: #F7F7F7;
}

#Tage100 .Tage100_box4 .faq-answer span {
  font-weight: bold;
}

#Tage100 .Tage100_box4 .faq-answer a {
  color: #000;
  text-decoration: underline;
}

#Tage100 .Tage100_box4 .Tage100_FAQ_item.active .faq-answer {
  padding: 0.586vw 0.781vw;
  max-height: 7.813vw;
}

#Tage100 .Tage100_box4 .Tage100_FAQ_item.active .faq-toggle {
  transform: rotate(-180deg);
}

#Tage100 .Tage100_box5 .bg_icon_box {
  width: 100%;
}

#Tage100 .Tage100_box5 .Tage100_inner {
  width: 62.5vw;
}
#Tage100 .Tage100_box5 .mnp_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 5.3125vw;
}
#Tage100 .Tage100_box5 .mnp_left_box {
  width: 45%;
  text-align: center;
}
#Tage100 .Tage100_box5 .mnp_left_box img {
  width: 21.6796875vw;
}
#Tage100 .Tage100_box5 .mnp_right_box {
  width: 55%;
}
#Tage100 .Tage100_box5 .mnp_right_box_btn_box {
  position: relative;
  display: inline-block;
}
#Tage100 .Tage100_box5 .mnp_right_icon {
  position: absolute;
  bottom: 0;
  right: revert-layer;
  width: 2.65625vw;
  margin-left: 0.9375vw;
}
#Tage100 .Tage100_box5 .title_box {
  width: 21.484375vw;
}
#Tage100 .Tage100_box5 .mnp_title_content {
  text-align: center;
}
#Tage100 .Tage100_box5 .mnp_right_box_title {
  font-size: 2.1875vw;
  font-weight: 700;
  line-height: 1.2;
}
#Tage100 .Tage100_box5 .mnp_right_box_title_span {
  font-size: 1.5625vw;
}
#Tage100 .Tage100_box5 .mnp_right_box_text {
  font-size: 1.40625vw;
  line-height: 3;
  color: #333333;
  margin-bottom: 1.328125vw;
  margin-top: 1.5625vw;
}
#Tage100 .Tage100_box5 .mnp_right_box_text_span {
  background-color: #FFECEA;
  padding: 0.390625vw;
}
#Tage100 .Tage100_box5 .mnp_right_price {
  font-size: 2.1875vw;
  color: #FF7416;
  font-weight: 700;
  margin-bottom: 1.2890625vw;
}
#Tage100 .Tage100_box5 .mnp_right_price_span {
  font-size: 1.40625vw;
  color: #666666;
  text-decoration-line: line-through;
  font-weight: 400;
}
#Tage100 .Tage100_box5 .mnp_right_box_count {
  font-size: 1.40625vw;
  color: #389D40;
  padding-left: 1.5625vw;
}
#Tage100 .Tage100_box5 .mnp_right_box_count_span {
  color: #DD1515;
}
#Tage100 .Tage100_box5 .mnp_right_box_btn {
  background: #FF640A;
  border-radius: 1.5625vw;
  display: inline-block;
  font-weight: 500;
  font-size: 1.640625vw;
  color: #FFFFFF;
  padding: 0.390625vw 2.734375vw;
  margin-top: 0.6640625vw;
}
#Tage100 .Tage100_box5 .mnp_remark_box {
  margin-top: 1.25vw;
}
#Tage100 .Tage100_box5 .mnp_remark_box img {
  width: 21.25vw;
}
#Tage100 .Tage100_box5 .mnp_remark_box .mnp_remark_top {
  text-align: left;
}
#Tage100 .Tage100_box5 .mnp_remark_box .mnp_remark_bottom {
  text-align: right;
}
#Tage100 .Tage100_box5 .mnp_remark_box .mnp_remark_text {
  font-size: 1.640625vw;
  color: #000000;
  margin: 0.78125vw 0;
}
#Tage100 .Tage100_box5 .mnp_gift_box {
  margin-top: 1.5625vw;
}

@media screen and (min-width: 1920px) {
  #Tage100 .Tage100_inner {
    width: 54.688vw;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1920px) {
  #Tage100 .br1920 {
    display: none;
  }
  #Tage100 .Tage100_inner {
    width: 90%;
    margin: 0 auto;
  }
  #Tage100 .Tage100_Link {
    font-size: 14px;
  }
  #Tage100 h2 {
    font-size: 2.084vw;
    margin: 4.167vw 0 1.407vw;
  }
  #Tage100 h3 {
    font-size: 1.251vw;
    margin-bottom: 1.563vw;
  }
  #Tage100 p {
    font-size: 14px;
  }
  #Tage100 .Tage100_box1 {
    padding-bottom: 4.792vw;
  }
  #Tage100 .Tage100_box1 .Tage100_lhreBox1 {
    padding-bottom: 2.344vw;
    margin-bottom: 3.333vw;
  }
  #Tage100 .Tage100_box1 .Tage100_lhreBox_item {
    width: 25%;
    text-align: center;
  }
  #Tage100 .Tage100_box1 .Tage100_lhreBox_item img {
    width: 6.251vw;
    margin-bottom: 2.344vw;
  }
  #Tage100 .Tage100_box1 .Tage100_lhreBox2_L {
    width: 45%;
  }
  #Tage100 .Tage100_box1 .Tage100_lhreBox2_R {
    width: 50%;
  }
  #Tage100 .Tage100_box2 h2 {
    margin: 1.82vw 0 0.72vw;
  }
  #Tage100 .Tage100_box2 .Tage100_selltxt {
    margin-top: 0.934vw;
    justify-content: left;
    gap: 0.469vw;
  }
  #Tage100 .Tage100_box2 .Tage100_selltxt .Tage100_selltxt_item {
    background: #FBF8F4;
    padding-bottom: 0;
    position: relative;
    width: 19%;
  }
  #Tage100 .Tage100_box2 .Tage100_selltxt h4 {
    font-weight: bold;
    font-size: 14px;
    color: #000000;
    text-align: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 1.016vw;
    width: 100%;
  }
  #Tage100 .Tage100_box3 .Tage100_swiper1 {
    padding-left: 2.539vw;
    overflow: hidden;
  }
  #Tage100 .Tage100_box3 .swiper-container {
    padding: 0 0 4.805vw;
    margin: 0;
  }
  #Tage100 .Tage100_box3 .swiper-slide {
    width: 44.023vw !important;
    margin-right: 1.016vw;
  }
  #Tage100 .Tage100_box3 .Tage100_box3_top span {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  #Tage100 .pc {
    display: none;
  }
  #Tage100 .mo {
    display: block;
  }
  #Tage100 .Tage100_inner {
    width: 92%;
  }
  #Tage100 .br750 {
    display: block;
  }
  #Tage100 p {
    font-size: 2.933vw;
    line-height: 1.63;
  }
  #Tage100 h2 {
    font-size: 5.333vw;
    margin: 8vw 0 4vw;
  }
  #Tage100 h3 {
    font-size: 3.2vw;
  }
  #Tage100 .Tage100_banner .Tage100_banner_txt {
    width: auto;
    padding-left: 0;
    top: 25%;
    left: 4vw;
  }
  #Tage100 .Tage100_banner .Tage100_banner_txt_H1 {
    font-size: 11.733vw;
    margin: 2.6666666667vw 0 4vw;
  }
  #Tage100 .Tage100_banner .Tage100_banner_txt_p1 {
    font-size: 4.8vw;
  }
  #Tage100 .Tage100_banner .Tage100_banner_txt_p2 {
    font-size: 5.4vw;
  }
  #Tage100 .Tage100_banner .Tage100_banner_txt_p3 {
    font-size: 3.667vw;
  }
  #Tage100 .Tage100_Link {
    font-size: 4vw;
    color: #FFFFFF;
    border-radius: 3.941vw;
    padding: 1.203vw 6vw;
    line-height: 1;
    margin-top: 3.333vw;
  }
  #Tage100 .Tage100_box1 {
    padding-bottom: 11.467vw;
  }
  #Tage100 .Tage100_box1 .Tage100_lhreBox_item {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 8.667vw;
  }
  #Tage100 .Tage100_box1 .Tage100_lhreBox_item h3 {
    font-size: 3.2vw;
  }
  #Tage100 .Tage100_box1 .Tage100_lhreBox_item h3, #Tage100 .Tage100_box1 .Tage100_lhreBox_item p {
    text-align: left;
  }
  #Tage100 .Tage100_box1 .Tage100_lhreBox_item img {
    width: 11.733vw;
    height: 11.733vw;
    margin-right: 6vw;
    margin-bottom: 0;
  }
  #Tage100 .Tage100_box1 .Tage100_lhreBox2 {
    flex-direction: column;
  }
  #Tage100 .Tage100_box1 .Tage100_lhreBox2 h3 {
    margin-bottom: 4.933vw;
  }
  #Tage100 .Tage100_box1 .Tage100_lhreBox2 p {
    font-size: 2.933vw;
  }
  #Tage100 .Tage100_box1 .Tage100_lhreBox2_L, #Tage100 .Tage100_box1 .Tage100_lhreBox2_R {
    width: 100%;
    padding-top: 7.333vw;
  }
  #Tage100 .Tage100_box2 {
    background: url(https://resource.xp-pen.com/img/active_list/100Tage/bg_mob.jpg) no-repeat center center/cover;
    padding: 2.6666666667vw 0;
  }
  #Tage100 .Tage100_box2 h2 {
    margin: 2.067vw 0 2.067vw;
  }
  #Tage100 .Tage100_box2 .Tage100_selltxt {
    margin-top: 4.333vw;
    padding-bottom: 0;
    overflow: hidden;
  }
  #Tage100 .Tage100_box2 .Tage100_txt p {
    font-size: 2.933vw;
  }
  #Tage100 .Tage100_box2 .Tage100_selltxt .Tage100_selltxt_item {
    width: 100%;
  }
  #Tage100 .Tage100_box2 .Tage100_selltxt .Tage100_selltxt_item img {
    width: 100%;
    height: auto;
  }
  #Tage100 .Tage100_box2 .Tage100_selltxt .Tage100_selltxt_item:last-child {
    margin-right: 0;
  }
  #Tage100 .Tage100_box2 .Tage100_selltxt h4 {
    font-size: 2.933vw;
    margin-top: 3.733vw;
  }
  #Tage100 .selltxt-swiper {
    padding-left: 5vw;
    width: 58.8vw !important;
    margin: 0;
    overflow: visible;
  }
  #Tage100 .selltxt-swiper .swiper-wrapper {
    width: 100%;
    height: auto;
  }
  #Tage100 .selltxt-swiper .swiper-slide {
    margin-right: 2.667vw;
    height: auto !important;
  }
  #Tage100 .selltxt-swiper .swiper-slide:last-child {
    margin-right: 0;
  }
  #Tage100 .Tage100_box3 {
    padding-top: 10.933vw;
  }
  #Tage100 .Tage100_box3 .Tage100_box3_top {
    margin-bottom: 3.2vw;
  }
  #Tage100 .Tage100_box3 .Tage100_box3_top span {
    font-size: 3.2vw;
  }
  #Tage100 .Tage100_box3 .swiper-slide {
    width: 60.8vw !important;
  }
  #Tage100 .Tage100_box3 .swiper-pagination-bullet {
    width: 2.133vw;
    height: 2.133vw;
    margin: 0 1.313vw;
  }
  #Tage100 .Tage100_box3 .Tage100_swiper1 {
    padding: 0 0 0 5vw;
    margin: 0;
  }
  #Tage100 .Tage100_box3 .swiper-container {
    padding: 0 0 11.4vw;
    margin: 0;
  }
  #Tage100 .Tage100_box3 .swiper-pagination {
    bottom: 3.9vw;
  }
  #Tage100 .Tage100_box4 .faq-question {
    padding: 3.333vw 0;
  }
  #Tage100 .Tage100_box4 .Tage100_FAQ_item.active .faq-answer {
    max-height: 50vw;
    padding: 3.467vw;
  }
  #Tage100 .Tage100_box4 .faq-toggle {
    position: relative;
    width: 0;
    height: 0;
    border-left: 0.691vw solid transparent;
    border-right: 0.691vw solid transparent;
    border-top: 0.691vw solid #333;
    z-index: 2;
    transition: all 0.3s ease;
  }
  #Tage100 .Tage100_box4 .faq-toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -129%);
    width: 0;
    height: 0;
    border-left: 0.691vw solid transparent;
    border-right: 0.691vw solid transparent;
    border-top: 0.691vw solid #fff;
    z-index: 9;
  }
  #Tage100 .Tage100_box4 .Tage100_FAQ_item:hover .faq-toggle {
    border-top: 0.691vw solid #FF7200;
  }
  #Tage100 .Tage100_box5 .Tage100_inner {
    width: 92%;
  }
  #Tage100 .Tage100_box5 .title_box {
    width: 46.6666666667vw;
  }
  #Tage100 .Tage100_box5 .mnp_left_box, #Tage100 .Tage100_box5 .mnp_right_box {
    width: 100%;
  }
  #Tage100 .Tage100_box5 .mnp_left_box {
    margin-bottom: 5.3333333333vw;
  }
  #Tage100 .Tage100_box5 .mnp_left_box img {
    width: 59.8666666667vw;
  }
  #Tage100 .Tage100_box5 .mnp_right_box {
    text-align: center;
  }
  #Tage100 .Tage100_box5 .mnp_right_box p {
    text-align: center;
  }
  #Tage100 .Tage100_box5 .mnp_right_box_title {
    font-size: 5.6vw;
  }
  #Tage100 .Tage100_box5 .mnp_right_box_title_span {
    font-size: 3.2vw;
  }
  #Tage100 .Tage100_box5 .mnp_right_box_text {
    font-size: 3.2vw;
    margin-bottom: 4.5333333333vw;
    margin-top: 5.3333333333vw;
  }
  #Tage100 .Tage100_box5 .mnp_right_price {
    font-size: 4.8vw;
    margin-bottom: 4.4vw;
  }
  #Tage100 .Tage100_box5 .mnp_right_price_span {
    font-size: 2.4vw;
  }
  #Tage100 .Tage100_box5 .mnp_right_box_count {
    font-size: 3.2vw;
    padding-left: 5.3333333333vw;
  }
  #Tage100 .Tage100_box5 .mnp_right_box_btn {
    border-radius: 4vw;
    padding: 1.3333333333vw 9.3333333333vw;
    margin-top: 2.2666666667vw;
    font-size: 4vw;
  }
  #Tage100 .Tage100_box5 .mnp_right_icon {
    width: 9.0666666667vw;
  }
  #Tage100 .Tage100_box5 .mnp_remark_box {
    margin-top: 4.2666666667vw;
  }
  #Tage100 .Tage100_box5 .mnp_remark_box img {
    width: 72.5333333333vw;
  }
  #Tage100 .Tage100_box5 .mnp_remark_box .mnp_remark_text {
    font-size: 3.7333333333vw;
    margin: 2.6666666667vw 0;
  }
  #Tage100 .Tage100_box5 .mnp_gift_box {
    margin-top: 5.3333333333vw;
  }
}