.slick-next {
  right: 0;
  z-index: 99;
}

.ugc_section {
  padding-top: 6rem;
}

@media (max-width: 768px) {
  .ugc_section {
    padding-top: 0rem;
  }
}

.section_title2 {
  left: 0;
  right: 0;
  top: 3%;
  z-index: 1;
  position: absolute;
}

.slick-prev {
  left: 0;
  z-index: 99;
}
@media (max-width: 768px) {
  .slick-next {
    right: -20px;
  }

  .slick-prev {
    left: -20px;
  }
}

.sold_out {
  position: relative;
}
.sold_out img {
  filter: brightness(0.5);
}

.sold_out::before {
  content: "已售完";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  align-self: center;
  font-size: 3rem;
  color: white;
  z-index: 1;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 768px) {
  .sold_out::before {
    font-size: 2rem;
  }
}

.LP_ugc {
  background: url("/images/LP_202507/PC_UGC_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 6rem;
  background-position: center;
}

@media (max-width: 768px) {
  .LP_ugc {
    background: url("/images/LP_202507/M_UGC_bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 3rem;
  }
}
.text_title {
  border-radius: 62.4375rem;
  border: 1px solid #333133;
  background: #fff;
  box-shadow: 4px 6px 0px 0px #333133;
  display: flex;
  height: 5.625rem;
  padding: 0rem 2.5rem;
  justify-content: center;
  align-items: center;
  color: #333133;
  text-align: center;
  font-size: 3rem;
  font-weight: 700;
  line-height: 3.625rem; /* 120.833% */
}

@media (max-width: 768px) {
  .text_title {
    font-size: 1.75rem;
    display: flex;
    height: 3rem;
    padding: 0rem 1rem;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    width: 87%;
  }
}

.text_title_sub {
  border-radius: 0.25rem;
  background: #df4742;
  color: #fff;

  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: normal;
  position: absolute;
  transform: rotate(10deg);
  right: 30%;
  top: -18%;
  padding: 0.25rem 1rem;
}

@media (max-width: 768px) {
  .text_title_sub {
    font-size: 1rem;
    right: 7%;
    top: -49%;
  }
}
.text_title_sub2 {
  border-radius: 0.25rem;
  background: #df4742;
  color: #fff;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: normal;
  position: absolute;
  right: 13%;
  top: 42%;
  padding: 0.25rem 1rem;
}

@media (max-width: 768px) {
  .text_title_sub2 {
    font-size: 1rem;
    right: 5%;
    top: 34%;
  }
}

.text_title_sub::before,
.text_title_sub2::before {
  content: "";
  position: absolute;
  top: 35px;
  left: 77px;
  width: 10px;
  height: 10px;
  background: #df4742;
  transform: scaleX(0.5) rotate(45deg);
}

@media (max-width: 768px) {
  .text_title_sub::before,
  .text_title_sub2::before {
    top: 24px;
    left: 62px;
  }
}

.text_title2 {
  color: #855b8d;
  text-align: center;
  font-size: 3.75rem;
  font-weight: 700;
  line-height: 3.625rem; /* 96.667% */
}

.text_title3 {
  font-size: 3.5rem;
}

@media (max-width: 768px) {
  .text_title3 {
    font-size: 2rem;
  }
}

.text-DF4742 {
  color: #df4742;
}

.text-855B8D {
  color: #855b8d;
}
.text-0097A9 {
  color: #0097a9;
}

.reloveGift_off {
  position: absolute;
  bottom: 31.8%;
  right: 6.7%;
}

@media (max-width: 768px) {
  .reloveGift_off {
    right: 6.7%;
    width: 33%;
    bottom: 34.6%;
  }
}

.bitthdayGift_off {
  position: absolute;
  bottom: 31.8%;
  right: 6.7%;
}

@media (max-width: 768px) {
  .bitthdayGift_off {
    right: 16.7%;
    bottom: 3.6%;
  }
}

.img_title {
  max-width: 712px;
  margin: 3rem auto;
}

@media (max-width: 768px) {
  .img_title {
    max-width: 85%;
    margin: 1.5rem auto;
  }
}

.weekly30_btn {
  background-color: #333133;
  color: #fff;
  padding: 0.75rem 1.5rem;
  font-size: 1.66667rem;
  cursor: pointer;
  font-weight: 700;
}

@media (max-width: 768px) {
  .weekly30_btn {
    padding: 0.75rem 2.5rem;
    font-size: 1.2rem;
  }
}

.weekly30_btn_box {
  position: absolute;
  bottom: 13%;
  left: 8%;
}

@media (max-width: 768px) {
  .weekly30_btn_box {
    bottom: 3%;
  }
}

.weekly30_btn_readmore {
  color: #333133;
  background: var(--Paulas-Choice-primary-Potency, #c7fd50);
}

.section_sales {
  max-width: 100%;
}

@media (max-width: 768px) {
  .section_sales,
  .section_morningcnighta {
    max-width: 100%;
  }
}

.sales2 {
  max-width: 708px;
  margin: 0 auto;
}

.mcna_btn {
  background-color: #333133;
  color: #fff;
  padding: 0.75rem 1.5rem;
  font-size: 1.66667rem;
  cursor: pointer;
  font-weight: 700;
  width: 38%;
}

@media (max-width: 768px) {
  .mcna_btn {
    font-size: 1rem;
  }
}

.mcna_btn_box {
  gap: 2rem;
}
.mcna_btn_readmore {
  color: #fff !important;
  background: linear-gradient(90deg, #ff9800 0%, #671e75 100%);
}

.section_btn {
  background-color: #333133;
  color: #fff;
  padding: 1rem 5.5rem;
  font-size: 1.66667rem;
  cursor: pointer;
  font-weight: 700;
}

@media (max-width: 768px) {
  .section_btn {
    padding: 0.5rem 2.5rem;
    font-size: 1rem;
    margin-top: 1rem;
  }
}

.section_btn2 {
  background-color: #57575c;
  color: #fff;
  padding: 1rem 5.5rem;
  font-size: 1.66667rem;
  cursor: pointer;
  font-weight: 700;
}

@media (max-width: 768px) {
  .section_btn2 {
    padding: 0.5rem 2.5rem;
    font-size: 1rem;
    margin-top: 1rem;
  }
}
.section_btn3 {
  background-color: #333133;
  color: #fff;
  padding: 0.5rem 2.5rem;
  font-size: 1.66667rem;
  cursor: pointer;
  font-weight: 700;
}

@media (max-width: 768px) {
  .section_btn3 {
    padding: 0.5rem 2.5rem;
    font-size: 1rem;
    margin-top: 1rem;
  }
}
#popSpark {
  position: absolute;
  bottom: 75%;
  width: 20%;
  left: 40%;
  pointer-events: none;
}

@media (max-width: 768px) {
  #popSpark {
    bottom: 90%;
    width: 20%;
    left: 65%;
  }
}

.section2_btn {
  background-color: #333133;
  color: #fff;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  cursor: pointer;
  font-weight: 700;
}

.section_click {
  position: absolute;
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
}

@media (max-width: 768px) {
  .section_click {
    max-width: 12%;
  }
  .section4_2_btn2 {
    padding: 0.5rem 1.5rem;
    font-size: 1rem;
    left: 71%;
    top: 41%;
  }
  .btn_radius {
    border-radius: 4px;
  }
}

.gap-4 {
  gap: 1rem;
}

.section4_1_click1 {
  top: 84%;
  left: 24%;
}

.section4_1_click2 {
  top: 84%;
  right: 28%;
}

@media (max-width: 768px) {
  .section4_1_click1 {
    top: 90%;
    left: 17%;
  }

  .section4_1_click2 {
    top: 90%;
    right: 17%;
  }
}

.section4_2_click1 {
  top: 71%;
  left: 24%;
}

.section4_2_click2 {
  top: 71%;
  right: 24%;
}

@media (max-width: 768px) {
  .section4_2_click1 {
    top: 73%;
    left: 17%;
  }

  .section4_2_click2 {
    top: 73%;
    right: 17%;
  }
}

.section7_click {
  top: 48%;
  left: 31%;
}

@media (max-width: 768px) {
  .section7_click {
    top: 29%;
    left: 76%;
  }
}

.section8_click1 {
  top: 25%;
  left: 31%;
}

.section8_click2 {
  top: 71%;
  left: 31%;
}

@media (max-width: 768px) {
  .section8_click1 {
    top: 16%;
    left: 76%;
  }

  .section8_click2 {
    top: 65%;
    left: 76%;
  }
}

.section9_click {
  top: 48%;
  left: 31%;
}

@media (max-width: 768px) {
  .section9_click {
    top: 29%;
    left: 76%;
  }
}

.section11_staff {
  width: 30%;
}

@media (max-width: 768px) {
  .section11_staff {
    width: 85%;
    margin: auto;
    padding: 3rem 0 0 0;
  }
}

.section11_card {
  border-radius: 10rem;
  overflow: hidden;
  background: white;
  margin: 0rem 3rem;
}

@media (max-width: 768px) {
  .section11_card {
    margin: 0 0.5rem;
    border-radius: 10rem 10rem 1rem 1rem;
  }
}

#comments .slick-slide {
  transition: transform 0.5s ease-in-out;
  /* duration 設為 0.5 秒 */
  transform: scale(0.9);
}

#comments .slick-current {
  transform: scale(1);
}

.comment_button_left {
  z-index: 1;
  transform: translateX(-50%);
  top: 40%;
  left: 80px;
}

.comment_button_left button {
  width: 40px;
  height: 40px;
  padding: 0;
  background: white;
  border: none;
}

.comment_button_right {
  z-index: 1;
  transform: translateX(-50%);
  top: 40%;
  right: 40px;
}

.comment_button_right button {
  width: 40px;
  height: 40px;
  padding: 0;
  background: white;
  border: none;
}

@media (max-width: 768px) {
  .comment_button_left {
    left: 40%;
    top: 94%;
  }

  .comment_button_left button {
    width: 25px;
    height: 25px;
  }

  .comment_button_right {
    right: auto;
    right: 34%;
    top: 94%;
  }

  .comment_button_right button {
    width: 25px;
    height: 25px;
  }
}

.section_margin {
  margin: 0 0 2rem 0;
}

.section_title {
  margin: 2.5rem 0;
}

@media (max-width: 768px) {
  .section_title {
    margin: 1.5rem 0;
  }
}

.section_subtitle {
  text-align: center;
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration: none !important;
  color: #7e434a !important;
}

@media (max-width: 768px) {
  .section_subtitle {
    font-size: 1.5rem;
  }
}

.section_subtitle_2 {
  color: #7e434a;
}

.section11_text {
  color: #333133;
  text-align: justify;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

@media (max-width: 768px) {
  .section11_text {
    padding: 1rem 0;
  }
}

.section11_text_2 {
  font-weight: 700;
}

.text-num25 {
  font-size: 2rem;
  color: #0097a9;
  font-weight: 700;
  top: 10%;
  left: 54%;
}

.text-num22 {
  font-size: 2rem;
  color: #0097a9;
  font-weight: 700;
  top: 31%;
  left: 78%;
}

@media (max-width: 768px) {
  .text-num25 {
    font-size: 1rem;
    top: 45%;
    left: 32%;
  }

  .text-num22 {
    font-size: 1rem;
    top: 55%;
    left: 78%;
  }
}

.double-arrow-horizontal {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 30px;
  /* 可調整箭頭的寬度 */
  height: 6px;
  /* 可調整箭頭主體的高度 */
  background-color: #0097a9;
  /* 箭頭主體顏色 */
  left: 6%;
  bottom: -21%;
}

@media (max-width: 768px) {
  .double-arrow-horizontal {
    left: 2%;
    bottom: -44%;
  }
}

.double-arrow-horizontal::before,
.double-arrow-horizontal::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}

/* 左箭頭 */
.double-arrow-horizontal::before {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #0097a9;
  /* 設定箭頭顏色 */
  left: -10px;
  /* 與主體間隔 */
}

/* 右箭頭 */
.double-arrow-horizontal::after {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #0097a9;
  /* 設定箭頭顏色 */
  right: -10px;
  /* 與主體間隔 */
}

.double-arrow-vertical {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 6px;
  /* 可調整箭頭主體的高度 */
  height: 30px;
  /* 可調整箭頭的寬度 */
  background-color: #0097a9;
  /* 箭頭主體顏色 */
  left: -15%;
  top: -60%;
}

@media (max-width: 768px) {
  .double-arrow-vertical {
    left: -12%;
    top: -60%;
  }
}

.double-arrow-vertical::before,
.double-arrow-vertical::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}

/* 下箭頭 */
.double-arrow-vertical::after {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #0097a9;
  /* 設定箭頭顏色 */
  bottom: -10px;
  /* 與主體間隔 */
}

.comment_p_name {
  color: #855b8d !important;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}

.comment_text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #333133;
  margin-bottom: 12px;
}

.comment_text_truncate {
  cursor: pointer;
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.comment_name {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
  color: #333133;
}

#comments .position-relative {
  background: #ffffff;
  border-radius: 15px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  transition: transform 0.3s ease;
  padding: 0 15px;
}

#comments .align-items-center {
  padding: 20px 0;
}

#comments img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  padding: 15px;
}

#comments {
  max-width: 1024px;
}

@media (min-width: 768px) {
  #comments .align-items-center > div:first-child {
    width: 340px;
    height: 340px;
  }
}

@media (max-width: 768px) {
  #comments .position-relative {
    width: 85%;
    margin: 0 auto 30px;
    padding: 0 10px;
  }

  #comments .align-items-center > div:first-child {
    width: 100%;
    aspect-ratio: 1;
  }

  #comments img {
    padding: 10px;
  }

  #comments .slick-slide {
    transform: scale(0.95);
  }

  .slick-current {
    transform: scale(1);
  }
}

[v-cloak] {
  display: none;
}

.safe_text {
  position: absolute;
  top: 45%;
  left: 9%;
  font-size: 0.8rem;
}

@media (min-width: 768px) {
  .safe_text {
    position: absolute;
    top: 49%;
    left: 10%;
    font-size: 1rem;
  }
}

.sweep_text {
  top: 0;
  right: 0;
  width: 33.2%;
}

@media (min-width: 768px) {
  .sweep_text {
    left: 43.8%;
    right: auto;
    width: 13.5%;
  }
}

/*閃光*/
.lightSweep {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: none 0% 0% / auto repeat scroll padding-box border-box
    rgba(-50%, 0, 0, 0);
  overflow: hidden;
  z-index: 9;
  pointer-events: none;
  -webkit-filter: brightness(1.5);
  -webkit-mask-size: 300% 200%;
  -webkit-mask-image: -webkit-linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 1) 50%,
    rgba(255, 255, 255, 0) 60%
  );
  -webkit-transition: -webkit-mask-position;
  -webkit-animation-timing-function: linear;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-filter: brightness(1.5);
  -moz-mask-size: 300% 200%;
  -moz-mask-image: -webkit-linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 1) 50%,
    rgba(255, 255, 255, 0) 60%
  );
  -moz-transition: -webkit-mask-position;
  -moz-animation-timing-function: linear;
  -moz-transform: translate3d(0, 0, 0);
  -o-filter: brightness(1.5);
  -o-mask-size: 300% 200%;
  -o-mask-image: -webkit-linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 1) 50%,
    rgba(255, 255, 255, 0) 60%
  );
  -o-transition: -webkit-mask-position;
  -o-animation-timing-function: linear;
  -o-transform: translate3d(0, 0, 0);
  filter: brightness(1.5);
  mask-size: 300% 200%;
  mask-image: -webkit-linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 1) 50%,
    rgba(255, 255, 255, 0) 60%
  );
  transition: -webkit-mask-position;
  animation-timing-function: linear;
  transform: translate3d(0, 0, 0);
  transition-duration: 3s;
  animation: move 2s ease-out infinite;
}

@keyframes move {
  from {
    -webkit-mask-position: 150% 0px;
    -moz-mask-position: 150% 0px;
    -o-mask-position: 150% 0px;
    mask-position: 150% 0px;
  }

  to {
    -webkit-mask-position: 0% 0px;
    -moz-mask-position: 0% 0px;
    -o-mask-position: 0% 0px;
    mask-position: 0% 0px;
  }
}

#app .tags {
  gap: 2rem;
  margin: 4rem 2rem;
}

@media (max-width: 768px) {
  #app .tags {
    gap: 1rem;
    margin: 2rem 1rem;
  }
}

#app .tag {
  /* color: #333133;
  text-align: center;
  padding: 0.5rem 0;
  font-size: 2rem;
  cursor: pointer;
  border-radius: 62.4375rem;
  background: linear-gradient(
    0deg,
    #99d5dd 49.52%,
    #b0e996 90.38%,
    #c7fd50 100%
  );
  box-shadow: 0px 3px 5px 0px #0097a9;
  font-weight: 700; */

  display: flex;
  padding: 0.5rem 1.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
  grid-row: 1 / span 1;
  grid-column: 1 / span 1;
  border-radius: 0.375rem;
  background: linear-gradient(0deg, #855b8d 0%, #b59dbb 100%);
  box-shadow: 0px 4px 4px 0px rgba(133, 91, 141, 0.5),
    0px 2px 4px 0px rgba(209, 194, 213, 0.5) inset,
    0px -2px 4px 0px rgba(133, 91, 141, 0.5) inset;
  color: #fff;
  text-align: center;
  font-size: 1.875rem;
  font-weight: 600;
  line-height: normal;

  cursor: pointer;
}

.tag1 {
  width: 31%;
}

.tag2 {
  width: 48%;
}

.tag3 {
  width: 48%;
}

@media (max-width: 768px) {
  #app .tag {
    font-size: 0.8rem;
    padding: 0.5rem 0.5rem;
  }

  .tag1 {
    width: 47%;
  }

  .tag2 {
    width: 47%;
  }

  .tag3 {
    width: 100%;
  }
}

.title01_text {
  font-size: 3rem;
  color: #333133;
  font-weight: 700;
  text-align: center;
}

@media (max-width: 768px) {
  .title01_text {
    font-size: 1.2rem;
  }
}

#countdown {
  display: flex;
  font-size: 3rem;
  gap: 2rem;
  justify-content: center;
  font-weight: 700;
  color: #f59ab5;
  margin: 3rem 0;
}

#countdown div {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  align-items: baseline;
}

#countdown span {
  border-radius: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.7) 0%,
    rgba(231, 63, 118, 0.49) 100%
  );
  box-shadow: 0px 4px 4px 0px rgba(51, 49, 51, 0.1);
  backdrop-filter: blur(32.5px);
  width: 60px;
  display: inline-block;
  text-align: center;
  color: white;
}

#countdown p {
  text-align: center;
}

@media (max-width: 768px) {
  #countdown {
    font-size: 2rem;
    gap: 0rem;
    margin: 2rem 1rem 0rem;
  }

  #countdown div {
    gap: 0.25rem;
  }

  #countdown span {
    width: 34px;
  }

  #countdown p {
    flex-basis: 100%;
    font-size: 1.4rem;
  }
}

.section_03 {
  display: flex;
  flex-wrap: nowrap;
}

@media (max-width: 768px) {
  .section_03 {
    flex-wrap: wrap;
    gap: 1rem;
  }
}

.l1_coupons .slick-prev:before,
.l1_coupons .slick-next:before {
  color: white;
}

.l1_coupons {
  margin: 0 2.5rem;
}

@media (min-width: 768px) {
  .l1_coupons {
    margin: 0 2.55rem;
  }
}

.coupon_btn {
  background-color: #333133;
  color: #fff;
  padding: 1rem 6rem;
  font-size: 1.66667rem;
  margin: 3rem 0;
  cursor: pointer;
  font-weight: 700;
}

@media (max-width: 768px) {
  .coupon_btn {
    padding: 0.5rem 3rem;
    margin: 1.5rem 0;
  }
}

.top_banner_button {
  position: absolute !important;
  background-color: #333133;
  color: #fff;
  padding: 1rem 2.5rem;
  font-size: 1.66667rem;
  cursor: pointer;
  font-weight: 700;
  bottom: 20%;
  left: 6.7%;
}

.top_banner_text {
  position: absolute !important;
  color: #333133;
  font-size: 1rem;
  bottom: 15%;
  left: 12%;
}

@media (max-width: 768px) {
  .top_banner_button {
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    bottom: 60%;
    left: 5%;
  }

  .top_banner_text {
    font-size: 0.8rem;
    bottom: 60%;
    left: 8%;
  }
}

.read_more_btn {
  position: absolute !important;
  background-color: #333133;
  color: #fff;
  padding: 1rem 4rem;
  font-size: 1.66667rem;
  cursor: pointer;
  font-weight: 700;
}

.read_more_btn1 {
  left: 9.5%;
  top: 37%;
}

.read_more_btn2 {
  right: 9.5%;
  top: 37%;
}

@media (max-width: 768px) {
  .read_more_btn {
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
  }

  .read_more_btn1 {
    left: 11.3%;
    top: 47%;
  }

  .read_more_btn2 {
    right: 11.3%;
    top: 47%;
  }
}

.ps5 {
  margin: 2rem 0;
  gap: 2rem;
}

.ps5_btns {
  color: white;
  display: flex;
  gap: 1rem;
  font-size: 1.33333rem;
  right: 1.5%;
  bottom: 5%;
}

@media (max-width: 768px) {
  .ps5_btns {
    right: 6%;
    bottom: 3%;
  }
}

.ps5_btn1 {
  background-color: #52565b;
  padding: 1rem 2rem;
  cursor: pointer;
}

.ps5_btn2 {
  background-color: #333133;
  padding: 1rem 2rem;
  cursor: pointer;
}

.ps5_text {
  color: #333133;
}

@media (max-width: 768px) {
  .ps5_text {
    font-size: 0.8rem;
    margin: -1rem 0 0 0;
  }
}

.q1 {
  position: relative;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 10%,
    #fff 50%,
    rgba(255, 255, 255, 0) 90%
  );
  font-size: 3.333rem;
  font-weight: 700;
  color: #333133;
  text-align: center;
}

.q1_sub {
  font-size: 4.333rem;
  font-style: italic;
  color: #e73f76;
}

.q1_a {
  font-size: 2.3333rem;
  width: 67%;
  margin: 2rem 0 4rem;
}

.q1_a_sub {
  font-weight: 700;
}

@media (max-width: 768px) {
  .q1 {
    font-size: 1.7rem;
  }

  .q1_sub {
    font-size: 1.7rem;
  }

  .q1_a {
    font-size: 1.333rem;
    width: 87%;
    margin: 1rem 0 2rem;
  }
}

.q2 {
  position: relative;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 10%,
    #fff 50%,
    rgba(255, 255, 255, 0) 90%
  );
  font-size: 3.333rem;
  font-weight: 700;
  color: #333133;
  text-align: center;
}

.q2_sub {
  font-size: 4.333rem;
  font-style: italic;
  color: #e73f76;
}

.q2_a {
  font-size: 2.3333rem;
  width: 67%;
  margin: 4rem 0;
  text-align: center;
  cursor: pointer;
}

.q2_a_sub {
  border-bottom: 2px solid #333133;
}

@media (max-width: 768px) {
  .q2 {
    font-size: 1.5rem;
  }

  .q2_sub {
    font-size: 1.7rem;
  }

  .q2_a {
    font-size: 1.333rem;
    width: 87%;
    margin: 1rem 0 2rem;
  }
}

.q3 {
  position: relative;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 10%,
    #fff 50%,
    rgba(255, 255, 255, 0) 90%
  );
  font-size: 3.333rem;
  font-weight: 700;
  color: #333133;
  text-align: center;
}

.q3_sub {
  font-size: 4.333rem;
  font-style: italic;
  color: #e73f76;
}

.q3_a {
  font-size: 2.3333rem;
  width: 67%;
  margin: 4rem 0;
  text-align: center;
}

@media (max-width: 768px) {
  .q3 {
    font-size: 1.5rem;
  }

  .q3_sub {
    font-size: 1.7rem;
  }

  .q3_a {
    font-size: 1.333rem;
    width: 87%;
    margin: 1rem 0 2rem;
  }
}

#shiny1 {
  position: absolute;
  left: 26%;
  top: 11%;
  width: 5%;
}

#shiny2 {
  position: absolute;
  left: 69%;
  top: 5%;
  width: 4%;
}

@media (max-width: 768px) {
  #shiny1 {
    position: absolute;
    left: 7%;
    top: 17%;
    width: 8%;
  }

  #shiny2 {
    position: absolute;
    left: 82%;
    top: 7%;
    width: 8%;
  }
}

#qq_line_1 {
  position: absolute;
  left: 50%;
  bottom: -58%;
  width: 20%;
}

@media (max-width: 768px) {
  #qq_line_1 {
    width: 24%;
    left: 55%;
  }
}

#qq_line_2 {
  position: absolute;
  left: 30%;
  bottom: -58%;
  width: 20%;
}

@media (max-width: 768px) {
  #qq_line_2 {
    left: 24%;
    width: 24%;
  }
}

#qq_line_3 {
  position: absolute;
  left: 45%;
  bottom: -58%;
  width: 20%;
}

@media (max-width: 768px) {
  #qq_line_3 {
    width: 24%;
  }
}

.step3 {
  position: relative;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 10%,
    #fff 50%,
    rgba(255, 255, 255, 0) 90%
  );
  font-size: 3.333rem;
  font-weight: 700;
  color: #333133;
  text-align: center;
}

.step3_sub {
  font-size: 4.333rem;
  font-style: italic;
  color: #e73f76;
}

.step3_text {
  font-size: 2.3333rem;
  width: 67%;
  margin: 4rem 0;
  text-align: center;
}

@media (max-width: 768px) {
  .step3 {
    font-size: 1.5rem;
  }

  .step3_sub {
    font-size: 1.7rem;
  }

  .step3_text {
    font-size: 1.333rem;
    width: 87%;
    margin: 1rem 0;
  }
}

#step3 {
  width: 70%;
  margin: auto;
}

.hover_button {
  text-align: center;
  text-decoration: none;
  display: inline-block;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  overflow: hidden;
}

.hover_button:before {
  content: "";
  background-color: rgba(255, 255, 255, 0.5);
  height: 100%;
  width: 3em;
  display: block;
  position: absolute;
  top: 0;
  left: -4.5em;
  -webkit-transform: skewX(-45deg) translateX(0);
  transform: skewX(-45deg) translateX(0);
  -webkit-transition: none;
  transition: none;
}

.hover_button:hover {
  text-decoration: none;
}

.hover_button:hover:before {
  -webkit-transform: skewX(-45deg) translateX(25em);
  transform: skewX(-45deg) translateX(25em);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.section5_btn {
  background-color: #333133;
  color: #fff;
  padding: 1rem 3rem;
  font-size: 1.66667rem;
  cursor: pointer;
  font-weight: 700;
  position: absolute;
}

.section5_btn1 {
  top: 43%;
  right: 8%;
}

.section5_btn2 {
  top: 93%;
  left: 29%;
}

.section5_btn3 {
  top: 43%;
  right: 29%;
}

.section5_btn4 {
  top: 93%;
  left: 9.5%;
}

@media (max-width: 768px) {
  .section5_btn1 {
    right: 10%;
  }

  .section5_btn2 {
    left: 52%;
  }

  .section5_btn3 {
    top: 43%;
    right: 56%;
  }

  .section5_btn4 {
    top: 93%;
    left: 9%;
  }
}

@media (max-width: 768px) {
  .section5_btn {
    padding: 0.5rem 2.5rem;
    font-size: 1rem;
    margin-top: 1rem;
  }
}

.section6_btn {
  background-color: #333133;
  color: #fff;
  padding: 1rem 5.5rem;
  font-size: 1.66667rem;
  cursor: pointer;
  font-weight: 700;
  position: absolute;
}

.section6_btn1 {
  top: 90%;
  left: 14%;
}

.section6_btn2 {
  top: 90%;
  right: 14%;
}

@media (max-width: 768px) {
  .section6_btn1 {
    left: 11%;
  }

  .section6_btn2 {
    right: 11%;
  }
}

@media (max-width: 768px) {
  .section6_btn {
    padding: 0.5rem 1.5rem;
    font-size: 1rem;
    margin-top: 1rem;
    top: 80%;
  }
}

.section_5700crosssell01_btn, .section_5700crosssell02_btn {
  background-color: #333133;
  color: #fff;
  padding: 0.5rem 5.5rem;
  font-size: 1.66667rem;
  cursor: pointer;
  font-weight: 700;
  position: absolute;
  bottom: 12%;
  left: 4%; 
}

@media (max-width: 768px) {
  .section_5700crosssell01_btn, .section_5700crosssell02_btn {
    padding: 0.5rem 6rem;
    font-size: 1rem;
    margin-top: 1rem;
    bottom: 11%;
    left: auto;
  }
}

.section7_btn {
  background-color: #333133;
  color: #fff;
  padding: 0.5rem 5.5rem;
  font-size: 1.66667rem;
  cursor: pointer;
  font-weight: 700;
  position: absolute;
  bottom: 3%;
  right: 6%;
}

.section7_btn_r {
  background-color: #fff;
  color: #333133;
}

.section7_btn_79 {
  display: block;
  font-size: 1rem;
  line-height: 1rem;
  color: #ffcb80;
}

.section7_btn_9 {
  display: block;
  font-size: 1rem;
  line-height: 1rem;
}

.section7_href {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.section7_btn2 {
  right: 31%;
}

@media (max-width: 768px) {
  .section7_btn {
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    margin-top: 1rem;
    bottom: 5%;
    right: 8%;
  }

  .section7_btn2 {
    right: 36%;
  }

  .section7_btn_79 {
    font-size: 0.75rem;
  }

  .section7_btn_9 {
    font-size: 0.75rem;
  }
}

.section8_btn {
  background-color: #333133;
  color: #fff;
  padding: 0.5rem 5.5rem;
  font-size: 1.66667rem;
  cursor: pointer;
  font-weight: 700;
  position: absolute;
}

.section8_btn_79 {
  display: block;
  font-size: 1rem;
  line-height: 1rem;
  color: #ffcb80;
}

.section8_btn_9 {
  display: block;
  font-size: 1rem;
  line-height: 1rem;
}

.section8_href {
  position: absolute;
  width: 100%;
  cursor: pointer;
}

.section8_href1 {
  top: 0;
  height: 55%;
}

.section8_href2 {
  bottom: 0;
  height: 45%;
}

.section8_btn1 {
  bottom: 48.5%;
  right: 6%;
}

.section8_btn2 {
  bottom: 2%;
  right: 6%;
}

.section8_btn3 {
  bottom: 48.5%;
  right: 31%;
}

.section8_btn4 {
  bottom: 2%;
  right: 31%;
}

@media (max-width: 768px) {
  .section8_btn {
    padding: 0.5rem 2rem;
    font-size: 1rem;
    margin-top: 1rem;
  }

  .section8_btn1 {
    bottom: 51.5%;
    right: 13%;
  }

  .section8_btn2 {
    bottom: 3%;
    right: 13%;
  }

  .section8_btn3 {
    bottom: 51.5%;
    right: 56%;
  }

  .section8_btn4 {
    bottom: 3%;
    right: 56%;
  }

  .section8_btn_79 {
    font-size: 0.75rem;
  }

  .section8_btn_9 {
    font-size: 0.75rem;
  }

  .section8_href1 {
    height: 52%;
  }

  .section8_href2 {
    height: 48%;
  }
}

.section9_btn {
  background-color: #333133;
  color: #fff;
  padding: 0.5rem 5.5rem;
  font-size: 1.66667rem;
  cursor: pointer;
  font-weight: 700;
  position: absolute;
  bottom: 6.5%;
  right: 6%;
}

.section9_btn_79 {
  display: block;
  font-size: 1rem;
  line-height: 1rem;
  color: #ffcb80;
}

.section9_btn_9 {
  display: block;
  font-size: 1rem;
  line-height: 1rem;
}

.section9_btn2 {
  right: 31%;
}

@media (max-width: 768px) {
  .section9_btn {
    padding: 0.5rem 2rem;
    font-size: 1rem;
    margin-top: 1rem;
    bottom: 8%;
    right: 13%;
  }

  .section9_btn2 {
    right: 56%;
  }

  .section9_btn_79 {
    font-size: 0.75rem;
  }

  .section9_btn_9 {
    font-size: 0.75rem;
  }
}

.section9_href {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.section4_2_btn {
  background-color: #333133;
  color: #fff;
  padding: 1rem 5.5rem;
  font-size: 1.66667rem;
  cursor: pointer;
  font-weight: 700;
}

@media (max-width: 768px) {
  .section4_2_btn {
    padding: 0.5rem 2.5rem;
    font-size: 1.66667rem;
    margin-top: 1rem;
  }
}

.pName {
  margin: 0 1rem 5% 1rem;
  font-weight: 600;
  font-size: 17px;
  text-align: center;
}

.price {
  font-size: 19px;
}

.pLinks {
  gap: 0.5rem;
  margin: 0 0.5rem;
}

.psBox {
  gap: 1rem;
}

.section_click:hover {
  transform: translateY(-1rem);
  padding-bottom: 1rem;
}

@media (max-width: 768px) {
  .psBox {
    width: 100%;
    margin: auto;
  }

  .psItem {
    width: 40%;
    margin: 0 0.5rem;
  }

  .psItem2 {
    width: 40%;
    margin: 0 0.5rem;
  }
}

.psItem {
  width: 24%;
  background: white;
  padding-top: 5%;
  padding-bottom: 3%;
  flex-direction: column;
  display: flex;
}

.psItem3 {
  width: 25%;
}

.psItem a:hover {
  text-decoration: none;
}

@media (max-width: 768px) {
  .psItem {
    width: 44%;
    margin: 0;
  }
}

.psInner2 {
  max-width: 50%;
  margin: auto;
}

@media (max-width: 768px) {
  .psInner2 {
    max-width: 100%;
  }
}

.psItem2 {
  width: 48%;
  background: white;
  padding-top: 5%;
  padding-bottom: 3%;
  flex-direction: column;
  display: flex;
  position: relative;
}

.psItem2 a:hover {
  text-decoration: none;
}

@media (max-width: 768px) {
  .psItem2 {
    width: 40%;
  }
}

.section11_mask {
  font-size: 2rem;
}

@media (max-width: 768px) {
  .section11_mask {
    font-size: 1.5rem;
  }
}

.linkBox {
  margin-top: auto;
}

.section_09_title {
  color: #e73f76;
  position: absolute;
  top: 14%;
  margin: auto;
  height: 100%;
  font-size: 3rem;
  font-weight: 700;
}

@media (max-width: 768px) {
  .section_09_title {
    font-size: 1.3333rem;
    top: 22%;
  }
}

.btn_radius {
  border-radius: 6px;
}

@media (max-width: 768px) {
  .btn_radius {
    border-radius: 4px;
  }
}

.monthBtn {
  width: 46%;
}

.num-mb {
  margin-top: -24px;
}

@media (max-width: 768px) {
  .monthBtn {
    width: 88%;
  }

  .num-mb {
    margin-top: -6px;
  }
}

.swal2-container {
  z-index: 9999999999;
}

.slick-prev:before,
.slick-next:before {
  color: #333133;
}

.addCartBox {
  width: 165px;
}

@media (max-width: 768px) {
  .addCartBox {
    width: 100px;
  }
}

#sw_comment.swal2-popup {
  padding: 0;
}

#sw_comment .swal2-html-container {
  margin: 0;
}

#showProIntroBox.swal2-popup {
  padding: 1rem;
}

#showProIntroBox .swal2-html-container {
  margin: 0;
}

.guide-box-text-table tbody tr td:first-child {
  width: 25%;
}

#underline_1 {
  position: absolute;
  bottom: -50%;
  width: 100%;
  left: 0;
}

@media (max-width: 768px) {
  #underline_1 {
    bottom: -40%;
  }
}

.z-0 {
  z-index: 0;
}

.z-1 {
  z-index: 1;
}

.section_instagram {
  margin-left: 4rem;
  margin-right: 4rem;
  padding-bottom: 2rem;
}

@media (max-width: 768px) {
  .section_instagram {
    margin-left: 0;
    margin-right: 0;
  }

  .section_instagram iframe {
    max-width: 250px !important;
    min-width: auto !important;
    box-sizing: content-box;
  }
}

#instagrams {
  overflow-x: scroll;
  margin: auto;
  display: flex;
  flex-wrap: nowrap;
  gap: 2rem;
  max-height: 530px;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

@media (max-width: 768px) {
  #instagrams {
    padding: 0 70px;
    max-height: 442px;
  }
}

.instagram_button_left {
  z-index: 1;
  transform: translateX(-50%);
  top: 40%;
  left: -30px;
}

.instagram_button_left button {
  width: 40px;
  height: 40px;
  padding: 0;
  background: white;
  border: none;
}

.instagram_button_right {
  z-index: 1;
  transform: translateX(-50%);
  top: 40%;
  right: -70px;
}

.instagram_button_right button {
  width: 40px;
  height: 40px;
  padding: 0;
  background: white;
  border: none;
}

@media (max-width: 768px) {
  .instagram_button_left {
    left: 40%;
    top: 92%;
  }

  .instagram_button_left button {
    width: 25px;
    height: 25px;
  }

  .instagram_button_right {
    right: auto;
    right: 34%;
    top: 92%;
  }

  .instagram_button_right button {
    width: 25px;
    height: 25px;
  }
}

.s2_title {
  max-width: 519px;
  margin: auto;
}

@media (max-width: 768px) {
  .s2_title {
    max-width: 70%;
  }
}

.s2_coupons {
  gap: 1.5rem;
  margin: 1.5rem;
}

.s3_title {
  max-width: 586px;
}

@media (max-width: 768px) {
  .s3_title {
    max-width: 70%;
  }
}

.s3_photos {
  max-width: 627px;
}

.s3_photos_VitC {
  max-width: 726px;
}

@media (max-width: 768px) {
  .s3_photos {
    max-width: 70%;
  }
}

@media (max-width: 768px) {
  .s3_photos_VitC {
    max-width: 70%;
  }
}

.s4_title {
  color: #fff;

  /* Shadow 1 */
  text-shadow: 0px 1px 3px rgba(166, 175, 195, 0.4);
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;

  display: flex;
  width: 24.5rem;
  padding: 0.25rem 0rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0rem 62.4375rem 62.4375rem 0rem;
  background: linear-gradient(0deg, #fa8239 0%, #ff9800 100%);
}

@media (max-width: 768px) {
  .s4_title {
    font-size: 2rem;
    width: 11.5rem;
    padding: 0.25rem 0rem;
  }
}

.s4_title_0 {
  margin: auto;
  max-width: 605px;
}

@media (max-width: 768px) {
  .s4_title_0 {
    max-width: 70%;
  }
}

.s4_title2 {
  color: #333133;
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

@media (max-width: 768px) {
  .s4_title2 {
    margin-top: 1rem;
    font-size: 2rem;
  }
}

.s4_1_7770p {
  max-width: 457px;
}

.s4_1_7770text {
  max-width: 634px;
}

.s4_2_1470p {
  max-width: 457px;
}

.s4_2_1470text {
  max-width: 634px;
}

.s4_1_price {
  max-width: 820px;
  margin: auto;
}

@media (max-width: 768px) {
  .s4_1_price {
    max-width: 87%;
  }
}

.s4_btn {
  background-color: #333133;
  color: #fff;
  padding: 1rem 5.5rem;
  font-size: 1.66667rem;
  cursor: pointer;
  font-weight: 700;
  position: absolute;
  bottom: 20%;
  left: 20%;
}

@media (max-width: 768px) {
  .s4_btn {
    font-size: 1rem;
    padding: 0.5rem 2.5rem;
    left: 11%;
    bottom: 16%;
  }
}

.s5_title {
  max-width: 580px;
  margin: auto;
}

@media (max-width: 768px) {
  .s5_title {
    max-width: 70%;
  }
}

.s6_title {
  max-width: 700px;
  margin: auto;
}

@media (max-width: 768px) {
  .s6_title {
    max-width: 70%;
  }
}

.s6_btn {
  background-color: #333133;
  color: #fff;
  padding: 1rem 5.5rem;
  font-size: 1.66667rem;
  cursor: pointer;
  font-weight: 700;
}

@media (max-width: 768px) {
  .s6_btn {
    font-size: 1rem;
    width: 100%;
    padding: 1rem 1.5rem;
  }
}

.s7_title {
  max-width: 605px;
  margin: auto;
}

@media (max-width: 768px) {
  .s7_title {
    max-width: 70%;
  }
}

.s8_title {
  max-width: 605px;
  margin: auto;
}

@media (max-width: 768px) {
  .s8_title {
    max-width: 70%;
  }
}

.s8_price {
  max-width: 820px;
  margin: auto;
}

@media (max-width: 768px) {
  .s8_price {
    max-width: 87%;
  }
}

.s10_title {
  max-width: 504px;
  margin: auto;
}

@media (max-width: 768px) {
  .s10_title {
    max-width: 70%;
  }
}

.s11_title {
  max-width: 645px;
  margin: auto;
}

@media (max-width: 768px) {
  .s11_title {
    max-width: 70%;
  }
}
.section4_2_btn2 {
  position: absolute !important;
  background-color: #333133;
  color: #fff;
  padding: 1rem 2.5rem;
  font-size: 1.66667rem;
  cursor: pointer;
  font-weight: 700;
  left: 75%;
  top: 50%;
}
@media (max-width: 768px) {
  .section4_2_btn2 {
    padding: 0.5rem 1.5rem;
    font-size: 1rem;
    left: 71%;
    top: 41%;
  }
  .ca-mobile {
    margin-left: 24px;
    margin-right: 24px;
  }
}