@import url("fonts.css");

* {
  /* outline: 1px solid #00000030; */
}

html {
  font-size: clamp(3.2px, 1vw, 10px);
}

/* .product-content h1,
.product-content h2,
.product-content h3 {
  font-size: 0;
  text-indent: -9999px;
  text-align: center;
  margin: 0;
  padding: 0;
  z-index: 0;
} */

.product-content h1,
.product-content h2,
.product-content h3 {
  margin: 0;
  padding: 0;
}

.wrap-w-100pct .gotop-m {
  background-color: #f1e8cc;
}

.outerbox {
  position: relative;
}

.main .box {
  padding: 20px;
}

.main .box-w-100pct {
  padding: 0;
}

.product-box.common-content {
  padding-bottom: 0px;
}

.product-box.common-content-w-100pct {
  padding: 25px 0 0 0;
}

.product-box .common-box {
  background: #fff;
}

.product-box .event-box {
  width: 841px;
  padding: 0;
}

.product-box .event-box a {
  position: relative;
  margin-top: -12px;
  z-index: 1;
}

.product-box .event-box a.win {
  margin-top: -2px;
}

.product-box .event-box-w-100pct {
  width: 980px;
  padding: 0;
}

.product-box .event-box-w-100pct a {
  margin-top: 0;
}

.product-box img {
  width: 100%;
}


/* 共用 */
.product-content {
  position: relative;
}

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

.product-content .stroke-svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.product-content>h4 {
  font-size: 2rem;
  color: #5f5f5f;
  font-weight: 900;
  text-align: left;
  line-height: 2.8rem;
}

.product-content>p>span {
  font-size: 1.3rem;
}

/* Premium極緻 */
.premium-fonts {
  font-family: 'Noto Sans CJK TC';
}

.premium-fonts-02 {
  font-family: 'Arial';
}

/* Premium極緻 背景 */
.product-content.premium-video,
.product-content.premium,
.product-content.premium-p2,
.product-content.premium-p3,
.product-content.premium-p4,
.product-content.premium-p5,
.product-content.premium-p6,
.product-content.premium-p7,
.product-content.premium-p8,
.product-content.premium-p9 {
  background-color: #0d3178;
}

.product-content.premium-video>.premium_bg {
  background: url(/images/product/premium/premium_video.webp) center top no-repeat;
  position: relative;
  overflow: hidden;
  background-size: 100% 100%;
  width: 100%;
  height: 59.2rem;
  top: 0;
  left: 0;
  z-index: 0;
}

.product-content.premium>.premium_bg {
  background: url(/images/product/premium/premium_01.webp) center top no-repeat;
  position: relative;
  overflow: hidden;
  background-size: 100% 100%;
  width: 100%;
  height: 117rem;
  top: 0;
  left: 0;
  z-index: 0;
}

.product-content.premium-p2>.premium_bg {
  background: url(/images/product/premium/premium_02.webp) center top no-repeat;
  position: relative;
  overflow: hidden;
  background-size: 100% 100%;
  width: 100%;
  height: 76rem;
}

.product-content.premium-p3>.premium_bg {
  background: url(/images/product/premium/premium_03.webp) center top no-repeat;
  position: relative;
  overflow: hidden;
  background-size: 100% 100%;
  width: 100%;
  height: 78rem;
}

.product-content.premium-p4>.premium_bg {
  background: url(/images/product/premium/premium_04.webp) center top no-repeat;
  position: relative;
  overflow: hidden;
  background-size: 100% 100%;
  width: 100%;
  height: 79rem;
}

.product-content.premium-p5>.premium_bg {
  background: url(/images/product/premium/premium_05.webp) center top no-repeat;
  position: relative;
  overflow: hidden;
  background-size: 100% 100%;
  width: 100%;
  height: 80rem;
}

.product-content.premium-p6>.premium_bg {
  background: url(/images/product/premium/premium_06.webp?20260423) center top no-repeat;
  position: relative;
  overflow: hidden;
  background-size: 100% 100%;
  width: 100%;
  height: 69rem;
}

.product-content.premium-p7>.premium_bg {
  background: url(/images/product/premium/premium_07.webp) center top no-repeat;
  position: relative;
  overflow: hidden;
  background-size: 100% 100%;
  width: 100%;
  height: 59rem;
}

.product-content.premium-p8>.premium_bg {
  background: url(/images/product/premium/premium_08.webp) center top no-repeat;
  position: relative;
  overflow: hidden;
  background-size: 100% 100%;
  width: 100%;
  height: 68rem;
}

.product-content.premium-p9>.premium_bg {
  background: url(/images/product/premium/premium_09.webp) center top no-repeat;
  position: relative;
  overflow: hidden;
  background-size: 100% 100%;
  width: 100%;
  height: 151rem;
}

.product-content.premium-video .premium-video-show {
  width: 82.1rem;
  height: 46.2rem;
  top: 16.2%;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 6px 6px 30px rgba(26, 1, 1, 0.8);
}

.product-content.premium-video .premium-video-show iframe {
  width: 100%;
  height: 100%;
}

.product-content.premium>.premium-title {
  top: 12.6rem;
  left: 22.8rem;
}

.product-content.premium>.premium-title>h1 {
  background: url(/images/product/premium/premium_title.png) center top no-repeat;
  background-size: 100% 100%;
  width: 53.7rem;
  height: 34.3rem;
  z-index: 0;
}

/* Premium極緻 */
/* 光暈 小動畫 1 */
@keyframes glow-pulse {


  0%,
  100% {
    transform: scale(0.9);
    filter: brightness(100%);
    opacity: 0.7;
  }

  50% {
    transform: scale(1.1);
    filter: brightness(120%);
    opacity: 1;
  }
}

/* 光暈 小動畫2 1號動畫 */
@keyframes glow-seq-p2-1 {

  0%,
  100% {
    opacity: 0;
    transform: scale(0.4);
  }

  20%,
  70% {
    opacity: 1;
    transform: scale(0.8);
  }

  80% {
    opacity: 1;
    transform: scale(1.1);
    filter: brightness(100%);
  }
}

/* 光暈 小動畫2 2號動畫 */
@keyframes glow-seq-p2-2 {

  0%,
  21%,
  100% {
    opacity: 0;
    transform: scale(0.4);
  }

  40%,
  70% {
    opacity: 1;
    transform: scale(0.8);
  }

  80% {
    opacity: 1;
    transform: scale(1.1);
    filter: brightness(100%);
  }
}

/* 光暈 小動畫2 3號動畫 */
@keyframes glow-seq-p2-3 {

  0%,
  41%,
  100% {
    opacity: 0;
    transform: scale(0.4);
  }

  60%,
  70% {
    opacity: 1;
    transform: scale(0.8);
  }

  80% {
    opacity: 1;
    transform: scale(1.1);
    filter: brightness(100%);
  }
}

/* 光暈小動畫3-1 1 */
/* @keyframes glow-seq-p3-1-1 {

  0%,
  100% {
    transform: scale(0.5);
    opacity: 0.8;
  }

  20%,
  80% {
    transform: scale(1.2);
    filter: brightness(100%);
    opacity: 1;
  }
} */

/* 光暈小動畫3-1 2 */
/* @keyframes glow-seq-p3-1-2 {

  0%,
  100% {
    transform: scale(1.0);
    filter: brightness(100%);
    opacity: 0.7;
  }

  50% {
    transform: scale(1.3);
    filter: brightness(150%);
    opacity: 1;
  }
} */

/* 光暈 小動畫3 1號 */
@keyframes glow-seq-p3-1 {

  0%,
  100% {
    opacity: 0;
    transform: scale(0.4);
  }

  20%,
  85% {
    opacity: 1;
    transform: scale(1.1);
    filter: brightness(100%);
  }

}

/* 光暈 小動畫3 2號*/
@keyframes glow-seq-p3-2 {

  0%,
  21%,
  100% {
    opacity: 0;
    transform: scale(0.4);
  }

  40%,
  85% {
    opacity: 1;
    transform: scale(1.1);
    filter: brightness(100%);
  }

}

/* 光暈 小動畫3 3號 */
@keyframes glow-seq-p3-3 {

  0%,
  41%,
  100% {
    opacity: 0;
    transform: scale(0.4);
  }

  60%,
  85% {
    opacity: 1;
    transform: scale(1.1);
    filter: brightness(100%);
  }
}

/* 光暈 小動畫3 4號 */
@keyframes glow-seq-p3-4 {

  0%,
  61%,
  100% {
    opacity: 0;
    transform: scale(0.4);
  }

  80%,
  85% {
    opacity: 1;
    transform: scale(1.1);
    filter: brightness(100%);
  }
}

/* 光暈小動畫4-1 1 */
@keyframes glow-seq-p4-1-1 {

  0%,
  100% {
    transform: scale(0.7);
    opacity: 0.8;
  }

  23%,
  85% {
    transform: scale(1.2);
    filter: brightness(100%);
    opacity: 1;
  }
}

/* 光暈小動畫4-1 2 */
@keyframes glow-seq-p4-1-2 {

  0%,
  38%,
  100% {
    transform: scale(0.5);
    opacity: 0.8;
  }

  61%,
  85% {
    transform: scale(1.2);
    filter: brightness(100%);
    opacity: 1;
  }
}

/* 光暈 小動畫4 1號 */
@keyframes glow-seq-p4-1 {

  0%,
  100% {
    opacity: 0;
    transform: scale(0.4);
  }

  25%,
  85% {
    opacity: 1;
    transform: scale(1.1);
    filter: brightness(100%);
  }
}

/* 光暈 小動畫4 2號*/
@keyframes glow-seq-p4-2 {

  0%,
  26%,
  100% {
    opacity: 0;
    transform: scale(0.4);
  }

  50%,
  85% {
    opacity: 1;
    transform: scale(1.1);
    filter: brightness(100%);
  }
}

/* 光暈 小動畫4 3號 */
@keyframes glow-seq-p4-3 {

  0%,
  51%,
  100% {
    opacity: 0;
    transform: scale(0.4);
  }

  75%,
  85% {
    opacity: 1;
    transform: scale(1.1);
    filter: brightness(100%);
  }
}

/* 光暈小動畫5-1 1 */
@keyframes glow-seq-p5-1-1 {

  0%,
  100% {
    transform: scale(0.7);
    opacity: 0.8;
  }

  23%,
  85% {
    transform: scale(1.2);
    filter: brightness(100%);
    opacity: 1;
  }
}

/* 光暈小動畫5-1 2 */
@keyframes glow-seq-p5-1-2 {

  0%,
  40%,
  100% {
    transform: scale(0.5);
    opacity: 0.8;
  }

  63%,
  85% {
    transform: scale(1.2);
    filter: brightness(100%);
    opacity: 1;
  }
}

/* 光暈 小動畫5 1號 */
@keyframes glow-seq-p5-1 {

  0%,
  100% {
    opacity: 0;
    transform: scale(0.4);
  }

  30%,
  85% {
    opacity: 1;
    transform: scale(1.1);
    filter: brightness(100%);
  }
}

/* 光暈 小動畫5 2號*/
@keyframes glow-seq-p5-2 {

  0%,
  31%,
  100% {
    opacity: 0;
    transform: scale(0.4);
  }

  60%,
  85% {
    opacity: 1;
    transform: scale(1.1);
    filter: brightness(100%);
  }
}


/* 光暈 小動畫6 */
@keyframes glow-pulse_4 {

  0%,
  100% {
    opacity: 0;
    transform: scale(1);
    filter: brightness(100%);
  }

  40%,
  80% {
    opacity: 1;
    transform: scale(1);
    filter: brightness(200%);
  }
}


.product-content.premium>.premium_bg::before,
.product-content.premium>.premium_bg::after {
  background: url(/images/product/premium/premium_light_01.png) no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  mix-blend-mode: screen;
  width: 14rem;
  height: 14rem;
}

.product-content.premium>.premium_bg::before {
  top: 46.6%;
  left: 75.5%;
  z-index: 2;
  animation: glow-pulse 5s infinite ease-in-out;
}

.product-content.premium>.premium_bg::after {
  top: 70.5%;
  left: 2.9%;
  z-index: 2;
}

.product-content.premium-p3>.premium_bg::before,
.product-content.premium-p4>.premium_bg::before,
.product-content.premium-p5>.premium_bg::after,
.product-content.premium-p8>.premium_bg::before {
  background: url(/images/product/premium/premium_light_01.png) no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  mix-blend-mode: screen;
  width: 10rem;
  height: 10rem;
  z-index: 2;
}

.product-content.premium-p3>.premium_bg::after,
.product-content.premium-p4>.premium_bg::after,
.product-content.premium-p5>.premium_bg::before,
.product-content.premium-p8>.premium_bg::after {
  background: url(/images/product/premium/premium_light_01.png) no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  mix-blend-mode: screen;
  width: 7rem;
  height: 7rem;
  z-index: 2;
}

.product-content.premium-p3>.premium_bg::before {
  top: 21.5%;
  left: 81.3%;
  rotate: 56deg;
}

.product-content.premium-p3>.premium_bg::after {
  top: 75.1%;
  left: 13.4%;
  rotate: 66deg;
  animation: glow-pulse 5s infinite ease-in-out;
}

.product-content.premium-p4>.premium_bg::before {
  top: 43.9%;
  left: 80.4%;
  rotate: 20deg;
  animation: glow-pulse 5s infinite ease-in-out;
}

.product-content.premium-p4>.premium_bg::after {
  top: 86.6%;
  left: 13.7%;
  rotate: 62deg;
}

.product-content.premium-p5>.premium_bg::before {
  top: 14.5%;
  left: 81.9%;
  rotate: 66deg;
}

.product-content.premium-p5>.premium_bg::after {
  top: 77.5%;
  left: 12%;
  rotate: 77deg;
  animation: glow-pulse 5s infinite ease-in-out;
}

.product-content.premium-p8>.premium_bg::before {
  top: -0.4%;
  left: 8.1%;
  rotate: 70deg;
  animation: glow-pulse 5s infinite ease-in-out;
}

.product-content.premium-p8>.premium_bg::after {
  top: 83.5%;
  left: 81%;
  rotate: 53deg;
  animation: glow-pulse 5s 1s infinite ease-in-out;
}

.product-content.premium>.premium_bg>.glow-effect,
.product-content.premium-p2>.premium_bg>.glow-effect,
.product-content.premium-p3>.premium_bg>.glow-effect,
.product-content.premium-p4>.premium_bg>.glow-effect,
.product-content.premium-p5>.premium_bg>.glow-effect,
.product-content.premium-p6>.premium_bg>.glow-effect,
.premium-btn>.premium-btn-usually>.glow-effect {
  background: url(/images/product/premium/premium_light_02.png) no-repeat;
  background-size: contain;
  position: absolute;
  width: 14rem;
  height: 14rem;
  z-index: 2;
}

.product-content.premium>.premium_bg>.glow-effect.glow-1,
.product-content.premium>.premium_bg>.glow-effect.glow-2,
.product-content.premium>.premium_bg>.glow-effect.glow-3,
.product-content.premium>.premium_bg>.glow-effect.glow-4,
.product-content.premium>.premium_bg>.glow-effect.glow-5,
.product-content.premium>.premium_bg>.glow-effect.glow-6 {
  width: 3rem;
  height: 3rem;
}

.product-content.premium>.premium_bg>.glow-effect.glow-1 {
  top: 6.8%;
  left: 66.9%;
  animation: glow-pulse_4 1.5s infinite linear;
}

.product-content.premium>.premium_bg>.glow-effect.glow-2 {
  top: 6.5%;
  left: 72.6%;
  animation: glow-pulse_4 1.8s infinite linear;
}

.product-content.premium>.premium_bg>.glow-effect.glow-3 {
  top: 7.9%;
  left: 75.8%;
  animation: glow-pulse_4 2.1s infinite linear;
}

.product-content.premium>.premium_bg>.glow-effect.glow-4 {
  top: 9.5%;
  left: 79.1%;
  animation: glow-pulse_4 2.4s infinite linear;
}

.product-content.premium>.premium_bg>.glow-effect.glow-5 {
  top: 9.4%;
  left: 85.4%;
  animation: glow-pulse_4 2.7s infinite linear;
}

.product-content.premium>.premium_bg>.glow-effect.glow-6 {
  top: 13.9%;
  left: 82.3%;
  animation: glow-pulse_4 3s infinite linear;
}

.product-content.premium-p2>.premium_bg>.glow-effect {
  opacity: 0;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.product-content.premium-p2>.premium_bg>.glow-effect.glow-1 {
  top: 61.5%;
  left: 46.6%;
  animation-name: glow-seq-p2-1;
}

.product-content.premium-p2>.premium_bg>.glow-effect.glow-2 {
  top: 40.5%;
  left: 60.7%;
  animation-name: glow-seq-p2-2;
}

.product-content.premium-p2>.premium_bg>.glow-effect.glow-3 {
  top: 51.1%;
  left: 72.1%;
  animation-name: glow-seq-p2-3;
}

.product-content.premium-p3>.premium_bg>.glow-effect.glow-1,
.product-content.premium-p3>.premium_bg>.glow-effect.glow-2,
.product-content.premium-p3>.premium_bg>.glow-effect.glow-3,
.product-content.premium-p3>.premium_bg>.glow-effect.glow-4,
.product-content.premium-p4>.premium_bg>.glow-effect.glow-1,
.product-content.premium-p4>.premium_bg>.glow-effect.glow-2,
.product-content.premium-p4>.premium_bg>.glow-effect.glow-3,
.product-content.premium-p5>.premium_bg>.glow-effect.glow-1,
.product-content.premium-p5>.premium_bg>.glow-effect.glow-2 {
  left: 26.3%;
}

.product-content.premium-p3>.premium_bg>.glow-effect,
.product-content.premium-p4>.premium_bg>.glow-effect,
.product-content.premium-p5>.premium_bg>.glow-effect {
  opacity: 0;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.product-content.premium-p4>.premium_bg>.glow-effect {
  animation-duration: 7s;
}


.product-content.premium-p5>.premium_bg>.glow-effect {
  animation-duration: 6s;
}

.product-content.premium-p3>.premium_bg>.glow-effect.glow-1 {
  top: 25.3%;
  animation-name: glow-seq-p3-1;
}

.product-content.premium-p3>.premium_bg>.glow-effect.glow-2 {
  top: 45.3%;
  animation-name: glow-seq-p3-2;
}

.product-content.premium-p3>.premium_bg>.glow-effect.glow-3 {
  top: 61.3%;
  animation-name: glow-seq-p3-3;
}

.product-content.premium-p3>.premium_bg>.glow-effect.glow-4 {
  top: 78.3%;
  animation-name: glow-seq-p3-4;
}

.product-content.premium-p4>.premium_bg>.glow-effect.glow-1 {
  top: 47.5%;
  animation-name: glow-seq-p4-1;
}

.product-content.premium-p4>.premium_bg>.glow-effect.glow-2 {
  top: 64.5%;
  animation-name: glow-seq-p4-2;
}

.product-content.premium-p4>.premium_bg>.glow-effect.glow-3 {
  top: 80.5%;
  animation-name: glow-seq-p4-3;
}

.product-content.premium-p5>.premium_bg>.glow-effect.glow-1 {
  top: 43.3%;
  animation-name: glow-seq-p5-1;
}

.product-content.premium-p5>.premium_bg>.glow-effect.glow-2 {
  top: 63.5%;
  animation-name: glow-seq-p5-2;
}

.product-content.premium-p6>.premium_bg>.glow-effect.glow-1 {
  width: 10rem;
  height: 10rem;
  top: -2.5%;
  left: 90%;
  animation: glow-pulse_4 4.5s infinite linear;
}

.product-content.premium-p6>.premium_bg>.glow-effect.glow-2 {
  width: 10rem;
  height: 10rem;
  top: 55.6%;
  left: 3.2%;
  animation: glow-pulse_4 4s infinite linear;
}

.product-content.premium-p6>.premium_bg>.glow-effect.glow-3 {
  width: 10rem;
  height: 10rem;
  top: 70.9%;
  left: 35.8%;
  animation: glow-pulse_4 5s infinite linear;
}

.premium-btn>.premium-btn-usually>.glow-effect {
  width: 5rem;
  height: 5rem;
}

.premium-btn>.premium-btn-usually>.glow-effect.glow-1 {
  top: 11.5%;
  left: 69.5%;
  animation: glow-pulse_4 5s infinite linear;
}

.premium-btn>.premium-btn-usually>.glow-effect.glow-2 {
  top: 34.4%;
  left: 0.7%;
  animation: glow-pulse_4 5.5s infinite linear;
}

.premium-btn>.premium-btn-usually>.glow-effect.glow-3 {
  top: 68.5%;
  left: 42.7%;
  animation: glow-pulse_4 6s infinite linear;
}

.premium-btn>.premium-btn-usually>.glow-effect.glow-4 {
  top: 75.7%;
  left: 92.3%;
  animation: glow-pulse_4 6.5s infinite linear;
}

.product-content.premium>.premium-title>h3 {
  width: 99%;
  font-size: 3.9rem;
  top: 9.9rem;
  left: -0.4rem;
  font-weight: 700;
  text-align-last: justify;
  z-index: 1;
  background: linear-gradient(to bottom, #ebd886 25%, #f9f6ae 50%, #ebd886 75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
  filter: drop-shadow(2px 2px 0 #122a88);
}

.product-content.premium>.premium-title>h4 {
  font-size: 2.9rem;
  top: 57.9%;
  left: 17%;
  transform: translateY(-50%);
  letter-spacing: 0.5rem;
  font-weight: 700;
  color: #FFF;
  z-index: 1;
}

.product-content.premium>.premium-title>.premium_txt {
  font-size: 2rem;
  font-weight: 700;
  display: flex;
  justify-content: center;
  text-align: center;
  gap: 3.55rem;
  filter: drop-shadow(2px 2px 0 #122a88);
  top: 84.6%;
  left: 0.5%;
  z-index: 1;
}

.product-content.premium>.premium-title>.premium_txt>p {
  background: linear-gradient(to bottom, #f9f6ae 0%, #ebd886 75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
}

.product-content.premium>h3 {
  font-size: 3.9rem;
  font-weight: 700;
  top: 43%;
  left: 11.1%;
  letter-spacing: 0.17rem;
  color: #FFF;
  filter: drop-shadow(2px 2px 2px #000000b3);
}

.product-content.premium>h3 br {
  display: none;
}

.product-content.premium>h3>span:nth-of-type(1) {
  margin-right: 0.15rem;
}

.product-content.premium>h3>span:nth-of-type(2) {
  font-size: 1.6rem;
  top: -0.65rem;
  left: 15.6rem;
}

.product-content.premium>h3>span:nth-of-type(1),
.product-content.premium>h3>span:nth-of-type(3) {
  background: linear-gradient(to bottom, #c7a56c 0%, #faf6b1 50%, #c7a56c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
}

.product-content.premium>h3>span:nth-of-type(4) {
  font-size: 1.6rem;
}

.product-content.premium>h4 {
  font-size: 3.4rem;
  font-weight: 700;
  top: 56.7%;
  left: 74.7%;
  transform: translateY(-50%);
  letter-spacing: 0.17rem;
  line-height: 4rem;
  color: #1a3f8e;
}

.product-content.premium>.premium-subtitle {
  font-size: 1.8rem;
  font-weight: 700;
  font-family: '微軟正黑體';
  color: #FFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.9rem;
}

.product-content.premium>.premium-subtitle>span {
  font-size: 1.6rem;
}

.product-content.premium>.premium-subtitle:nth-of-type(1) {
  top: 88.9%;
  left: 24.3%;
}

.product-content.premium>.premium-subtitle:nth-of-type(2) {
  top: 87.2%;
  left: 54.2%;
}

.product-content.premium>.premium-content {
  font-size: 1.2rem;
  font-weight: 500;
  font-family: '微軟正黑體';
  color: #FFF;
  top: 96.7%;
  left: 34.5%;
}

.product-content.premium-p2>h2 {
  display: flex;
  flex-direction: column;
  gap: 2.7rem;
  font-size: 4.8rem;
  font-weight: Bold;
  top: 15.9%;
  left: 29.7%;
  color: #FFF;
  letter-spacing: 0.21rem;
  filter: drop-shadow(2px 2px 2px #000000b3);
}

.product-content.premium-p2>h2 span {
  font-size: 4.8rem;
  background: linear-gradient(to bottom, #c7a56c 0%, #faf6b1 50%, #c7a56c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
}

.product-content.premium-p2>p {
  font-size: 1.9rem;
  font-weight: 700;
  filter:
    drop-shadow(2px 2px 0 #122a88) drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.5));
  background: linear-gradient(to bottom, #f9f6ae 0%, #ebd886 75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
  letter-spacing: 0.05rem;
}

.product-content.premium-p2>p:nth-of-type(1) {
  top: 43.5%;
  left: 63.8%;
}

.product-content.premium-p2>p:nth-of-type(2) {
  top: 54.7%;
  right: 16.8%;
}

.product-content.premium-p2>p:nth-of-type(3) {
  top: 65.3%;
  left: 49.9%;
}

.product-content.premium-p2>.premium-doctor {
  top: 78.85%;
  left: 26.3%;
  z-index: 1;
}

.product-content.premium-p2>.premium-doctor>h3 {
  width: 25rem;
  height: 3.5rem;
}

.product-content.premium-p2>.premium-doctor>h3:nth-of-type(1) {
  font-size: 1.96rem;
  font-weight: 600;
  letter-spacing: 0.2rem;
}

.product-content.premium-p2>.premium-doctor>.stroke-svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.product-content.premium-p2>.premium-doctor .svg-text {
  fill: #FFF;
  stroke-linejoin: round;
  paint-order: stroke fill;
  stroke: #094e95;
  filter: drop-shadow(2px 2px 2px #1b3d8c);
  stroke-width: .6rem;
  text-anchor: middle;
  dominant-baseline: middle;
}

.product-content.premium-p2>.premium-doctor>h3:nth-of-type(2) {
  font-size: 2.6rem;
  font-weight: 600;
  letter-spacing: 0.25rem;
}

.product-content.premium-p2>.premium-doctor h3:nth-of-type(2) .svg-text {
  fill: #fffbc2;
}

.product-content.premium-p3>.premium-title,
.product-content.premium-p4>.premium-title,
.product-content.premium-p5>.premium-title {
  display: flex;
  flex-direction: column;
  filter: drop-shadow(2px 2px 2px #000000b3);
  letter-spacing: 0.2rem;
}

.product-content.premium-p3>.premium-title {
  top: 5.9%;
  left: 33%;
  gap: 1.4rem;
}

.product-content.premium-p4>.premium-title {
  top: 23.4%;
  left: 36.7%;
  gap: 1.2rem;
}

.product-content.premium-p5>.premium-title {
  top: 24.3%;
  left: 29.1%;
  gap: 1.5rem;
}

.product-content.premium-p3>.premium-title h3,
.product-content.premium-p4>.premium-title h3,
.product-content.premium-p5>.premium-title h3 {
  font-size: 4.2rem;
  font-weight: 700;
  background: linear-gradient(to bottom, #c7a56c 0%, #faf6b1 50%, #c7a56c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
}

.product-content.premium-p3>.premium-title h4,
.product-content.premium-p4>.premium-title h4,
.product-content.premium-p5>.premium-title h4 {
  font-size: 3.5rem;
  font-weight: 700;
  color: #FFF;
  letter-spacing: 0.17rem;
}

.product-content.premium-p4>.premium-title h4 {
  margin-left: 0.1rem;
  line-height: 4rem;
}

.product-content.premium-p5>.premium-title h4 {
  margin-left: 0.2rem;
}

.product-content.premium-p3>.premium-title br,
.product-content.premium-p5>.premium-title br,
.product-content.premium-p5>.premium-content .mb-only {
  display: none;
}

.product-content.premium-p5>.premium-content .pc-only {
  display: block;
}

.product-content.premium-p3>.premium-content,
.product-content.premium-p4>.premium-content,
.product-content.premium-p5>.premium-content {
  display: flex;
  flex-direction: column;
}

.product-content.premium-p3>.premium-content {
  top: 31.8%;
  left: 40.3%;
  gap: 6rem;
}

.product-content.premium-p4>.premium-content {
  top: 54.2%;
  left: 40.3%;
  gap: 5.7rem;
}

.product-content.premium-p5>.premium-content {
  top: 49.6%;
  left: 40.3%;
  gap: 4.9rem;
}

.product-content.premium-p3>.premium-content>.premium-txt-01,
.product-content.premium-p3>.premium-content>.premium-txt-02,
.product-content.premium-p3>.premium-content>.premium-txt-03,
.product-content.premium-p3>.premium-content>.premium-txt-04,
.product-content.premium-p4>.premium-content>.premium-txt-01,
.product-content.premium-p4>.premium-content>.premium-txt-02,
.product-content.premium-p4>.premium-content>.premium-txt-03,
.product-content.premium-p5>.premium-content>.premium-txt-01,
.product-content.premium-p5>.premium-content>.premium-txt-02 {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 1.1rem;
  filter: drop-shadow(2px 2px 2px #000000b3);
}

.product-content.premium-p3>.premium-content>.premium-txt-01>h4,
.product-content.premium-p3>.premium-content>.premium-txt-02>h4,
.product-content.premium-p3>.premium-content>.premium-txt-03>h4,
.product-content.premium-p3>.premium-content>.premium-txt-04>h4,
.product-content.premium-p4>.premium-content>.premium-txt-01>h4,
.product-content.premium-p4>.premium-content>.premium-txt-02>h4,
.product-content.premium-p4>.premium-content>.premium-txt-03>h4,
.product-content.premium-p5>.premium-content>.premium-txt-01>h4,
.product-content.premium-p5>.premium-content>.premium-txt-02>h4 {
  font-size: 3.5rem;
  font-weight: 700;
  color: #b4eeff;
  letter-spacing: 0.18rem;
}

.product-content.premium-p3>.premium-content>.premium-txt-01>h4 span,
.product-content.premium-p4>.premium-content>.premium-txt-02>h4 span {
  color: #fff79f;
}

.product-content.premium-p3>.premium-content>.premium-txt-01>h4 span:nth-of-type(1) {
  margin-right: 0.5rem;
}

.product-content.premium-p3>.premium-content>.premium-txt-01>h4 span:nth-of-type(2) {
  top: -1.5%;
  left: 34.6%;
  font-size: 1.04rem;
}

.product-content.premium-p3>.premium-content>.premium-txt-01>p,
.product-content.premium-p3>.premium-content>.premium-txt-02>p,
.product-content.premium-p3>.premium-content>.premium-txt-03>p,
.product-content.premium-p3>.premium-content>.premium-txt-04>p,
.product-content.premium-p4>.premium-content>.premium-txt-01>p,
.product-content.premium-p4>.premium-content>.premium-txt-02>p,
.product-content.premium-p4>.premium-content>.premium-txt-03>p,
.product-content.premium-p5>.premium-content>.premium-txt-01>p,
.product-content.premium-p5>.premium-content>.premium-txt-02>p {
  font-size: 2.8rem;
  font-weight: 500;
  color: #FFF;
  letter-spacing: 0.15rem;
  text-align: left;
}

.product-content.premium-p3>.premium-content>.premium-txt-01>p:nth-of-type(2) {
  font-size: 1.4rem;
  font-weight: 300;
  letter-spacing: 0.07rem;
  margin-top: -0.1rem;
}

.product-content.premium-p5>.premium-content>.premium-txt-01>p {
  line-height: 3.6rem;
  margin-top: -0.4rem;
}

.product-content.premium-p3>.premium-content>.premium-txt-03 {
  margin-top: -0.7rem;
}

.product-content.premium-p3>.premium-content>.premium-txt-04,
.product-content.premium-p4>.premium-content>.premium-txt-03 {
  margin-top: -0.4rem;
}

.product-content.premium-p6>.premium-title {
  top: 31.25%;
  left: 10.5%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.7rem;
  letter-spacing: 0.25rem;
}

.product-content.premium-p6>.premium-title h3 {
  font-size: 4.6rem;
  font-weight: 700;
  color: #FFF;
}

.product-content.premium-p6>.premium-title h4 {
  font-size: 5.2rem;
  font-weight: 700;
  background: linear-gradient(to bottom, #c7a56c 0%, #faf6b1 50%, #c7a56c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
  filter: drop-shadow(2px 2px 2px #000000b3);
}

.product-content.premium-p7>.premium-title {
  top: 4.5%;
  left: 41.5%;
  letter-spacing: 0.25rem;
}

.product-content.premium-p7>.premium-title h3 {
  font-size: 4.8rem;
  font-weight: 700;
  background: linear-gradient(to bottom, #c7a56c 0%, #faf6b1 50%, #c7a56c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
  filter: drop-shadow(2px 2px 2px #000000b3);
}

.product-content.premium-p7>.premium-content {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 6.3rem;
  top: 26.3%;
  left: 52.9%;
}

.product-content.premium-p7>.premium-content>p {
  font-size: 3.25rem;
  font-weight: 700;
  color: #FFF;
  letter-spacing: 0.16rem;
  filter: drop-shadow(2px 2px 2px #000000b3);
  display: flex;
  align-items: center;

}

.product-content.premium-p7>.premium-content>p:nth-of-type(1) span,
.product-content.premium-p7>.premium-content>p:nth-of-type(2) span:nth-of-type(1) {
  font-size: 5.35rem;
  margin-top: -1rem;
  letter-spacing: 0.28rem;
}

.product-content.premium-p7>.premium-content>p:nth-of-type(2) span:nth-of-type(2) {
  font-size: 3.82rem;
  padding-top: 0.3rem;
}

.product-content.premium-p8>.premium-title {
  top: 14.4%;
  left: 41.6%;
}

.product-content.premium-p8>.premium-title h3 {
  font-size: 4rem;
  font-weight: 700;
  color: #1b3d8c;
  letter-spacing: 0.2rem;
  text-shadow:
    0px 0px 5px #fffce1,
    0px 0px 10px #fffce1,
    0px 0px 15px #fffce1;
}

.product-content.premium-p8>p:nth-of-type(1) {
  font-size: 3.45rem;
  font-weight: 700;
  color: #b4eeff;
  text-align: center;
  top: 34.2%;
  left: 10.6%;
  letter-spacing: 0.2rem;
  line-height: 4.8rem;
  filter: drop-shadow(2px 2px 2px #000000b3);
}

.product-content.premium-p8>p:nth-of-type(1) br {
  display: block;
}

.product-content.premium-p8>p:nth-of-type(2),
.product-content.premium-p8>p:nth-of-type(3),
.product-content.premium-p8>p:nth-of-type(4) {
  font-size: 3rem;
  font-weight: 700;
  color: #FFF;
  text-align: center;
  line-height: 2.7rem;
}

.product-content.premium-p8>p:nth-of-type(2) {
  top: 49.8%;
  left: 31.05%;
}

.product-content.premium-p8>p:nth-of-type(2)>span:nth-of-type(1) {
  font-size: 3rem;
}

.product-content.premium-p8>p:nth-of-type(2)>span:nth-of-type(2) {
  font-size: 2.5rem;
  margin-left: 0.3rem;
  letter-spacing: -0.05rem;
}

.product-content.premium-p8>p:nth-of-type(2)>span:nth-of-type(3) {
  font-size: 3rem;
  letter-spacing: -0.01rem;
  margin-left: 0.09rem;
}

.product-content.premium-p8>p:nth-of-type(2)>span:nth-of-type(4) {
  font-size: 2.67rem;
}

.product-content.premium-p8>p:nth-of-type(3) {
  font-size: 2.9rem;
  top: 49.8%;
  left: 58.8%;
}

.product-content.premium-p8>p:nth-of-type(4) {
  font-size: 2.7rem;
  top: 52.3%;
  left: 76.4%;
  letter-spacing: -0.09rem;
}

.product-content.premium-p8>p:nth-of-type(3)>span {
  font-size: 3rem;
}

.product-content.premium-p8>p:nth-of-type(4)>span {
  font-size: 3rem;
}

.product-content.premium-p8>.premium-content {
  font-size: 1.8rem;
  color: #FFF;
  top: 70.3%;
  left: 7.45%;
  display: flex;
  flex-direction: column;
  gap: 1.03rem;
}

.product-content.premium-p8>.premium-content>p {
  letter-spacing: -0.02rem;
  text-align: left;
  position: relative;
}

.product-content.premium-p8>.premium-content>p:nth-of-type(1) br,
.product-content.premium-p8>.premium-content>p:nth-of-type(2) br {
  display: none;
}

.product-content.premium-p8>.premium-content>p>span:nth-of-type(1) {
  font-size: 0.8rem;
  top: 34%;
  left: -1.5%;
}

.product-content.premium-p8>.premium-content>p>span:nth-of-type(2) {
  margin-left: -0.5rem;
  margin-right: -0.3rem;
}

.product-content.premium-p8>.premium-content>p:nth-of-type(1)>span:nth-of-type(4) {
  font-style: italic;
  margin-right: 1rem;
}

.product-content.premium-p9>.premium-pagination {
  top: 2.3%;
  left: 1.64%;
}

.product-content.premium-p9>.premium-pagination>ul {
  position: relative;
  display: flex;
  align-items: flex-end;
  z-index: 1;
  width: 94.9rem;
  height: 9.2rem;
  border-radius: 30px 30px 0 0;
  padding: 2px;
  color: #d1ddf7;
  background-image:
    linear-gradient(to bottom, #0f2d72 0%, #0f2d72 50%, #091c47 100%),
    linear-gradient(to bottom, #b78d4c 0%, #f5e2bd 20%, #b78d4c 50%, #f5e2bd 80%, #b78d4c 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
  cursor: pointer;
}

.product-content.premium-p9>.premium-pagination>ul>li {
  position: absolute;
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.product-content.premium-p9>.premium-pagination>ul>li.active {
  bottom: 0;
  height: 10.7rem;
  color: #1b3d8c;
  border-radius: 30px 30px 0 0;
  padding: 2px;
  background-image:
    linear-gradient(to bottom, #c7a56c 0%, #faf6b1 50%, #c7a56c 100%),
    linear-gradient(to bottom, #b78d4c 0%, #f5e2bd 25%, #b78d4c 50%, #f5e2bd 75%, #b78d4c 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
  text-shadow:
    0px 0px 5px #fffce1,
    0px 0px 10px #fffce1,
    0px 0px 15px #fffce1,
    0px 0px 20px #fffce1;
}

.product-content.premium-p9>.premium-pagination>ul>li>h4 {
  margin-top: 0.5rem;
  font-size: 3rem;
  font-weight: 700;
  line-height: 4.8rem;
}

.product-content.premium-p9>.premium-pagination>ul>li>h4 br {
  display: none;
}

.product-content.premium-p9>.premium-pagination>ul>li>p {
  font-size: 1.5rem;
  font-weight: 700;
}

.product-content.premium-p9 .premium-content {
  top: 11.2%;
  left: 12.6%;
}

.product-content.premium-p9 .premium-content img {
  width: 73.5rem;
}

.product-content.premium-p9 .premium-content p {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFF;
  text-align: right;
  margin-right: 0.3rem;
  letter-spacing: 0.03rem;
  margin-bottom: 1.1rem;
}

.product-content.premium-p9 .premium-element-text {
  position: absolute;
  top: 86.5%;
  left: 1%;
  font-size: 1.93rem;
  color: #003DA6;
  font-weight: 500;
  text-align: left;
  line-height: 2.5rem;
}

.product-content.premium-p9 .premium-element-text .text {
  position: relative;
}

.product-content.premium-p9 .premium-element-text .text:nth-of-type(2) {
  letter-spacing: 0.1rem;
}

.product-content.premium-p9 .premium-element-text .text:nth-of-type(3) {
  letter-spacing: 0.03rem;
}

.product-content.premium-p9 .premium-element-text .text:nth-of-type(4) {
  letter-spacing: 0.1rem;
}

.product-content.premium-p9 .premium-element-text .text:nth-of-type(5) {
  margin-top: 0.5rem;
}

.product-content.premium-p9 .premium-element-text .superscript {
  font-weight: 700;
  font-family: sans-serif;
}

.product-content.premium-p9 .premium-element-text .bold {
  font-weight: 700;
  font-family: sans-serif;
}

.product-content.premium-p9 .premium-element-text .diagonal {
  font-style: italic;
}

.product-content.premium-p9 .premium-element-text .subscript {
  vertical-align: sub;
  font-size: 0.75em;
  line-height: 0;
  font-family: sans-serif;
}

.premium-btn>.premium-btn-usually {
  position: relative;
  width: 100%;
  aspect-ratio: 980 / 326;
  display: block;
}

.premium-btn>.premium-btn-usually>h3 {
  font-size: 2.88rem;
  font-weight: 900;
  color: #1a3f8e;
  top: 35.9%;
  left: 47.4%;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.3rem;
  text-shadow:
    0px 0px 5px #fffce1,
    0px 0px 10px #fffce1,
    0px 0px 15px #fffce1;
}

.premium-btn>.premium-btn-usually>h3>span {
  font-size: 1rem;
  margin: 0 0.45rem;
}

.premium-btn>.premium-btn-usually>h4 {
  font-size: 2.6rem;
  font-weight: 700;
  color: #FFF;
  top: 51.1%;
  left: 42.12%;
  letter-spacing: 0.13rem;
}

.premium-btn>.premium-btn-usually>p {
  font-size: 3.28rem;
  font-weight: 700;
  color: #FFF;
  top: 74%;
  left: 60.8%;
  transform: translateY(-50%);
  letter-spacing: 0.67rem;
}

.premium-fixbtn {
  position: fixed;
  top: 39.9%;
  right: 0;
  z-index: 100;
}

.premium-fixbtn img {
  width: 6.3rem;
}


/* 全能HMO⁺ */
.product-content.hmo>.hmo_bg_01 {
  background: url(/images/product/hmo/hmo_01.png) center top no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 47.4rem;
  top: 0;
  left: 0;
  z-index: 0;
}

.product-content.hmo-p2>.hmo_bg_02 {
  background: url(/images/product/hmo/hmo_02.jpg) center top no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 37.3rem;
}

.product-content.hmo-p3>.hmo_bg_03 {
  background: url(/images/product/hmo/hmo_03.jpg) center top no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 64.2rem;
}

.product-content.hmo h1 {
  background: url(/images/product/hmo/hmo_title.png) center top no-repeat;
  background-size: 100% 100%;
  width: 42rem;
  height: 14rem;
  top: 29%;
  left: 5.4%;
}

.product-content.hmo .hmo-txt {
  font-size: 2.9rem;
  font-weight: 700;
  top: 61.2%;
  left: 6.8%;
  line-height: 1.3;
  color: #88501a;
  text-shadow:
    0px 0px 3px #FFF,
    0px 0px 5px #FFF,
    0px 0px 7px #FFF;
}

.product-content.hmo .hmo-title {
  width: 35rem;
  height: 5rem;
  font-size: 2.5rem;
  font-family: 'Noto Sans TC';
  font-weight: 700;
  letter-spacing: 0.67rem;
  top: 21.9%;
  left: 54.4%;
}

.product-content.hmo .hmo-title>.stroke-svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.product-content.hmo .hmo-title .svg-text {
  fill: #c9252b;
  stroke-linejoin: round;
  paint-order: stroke fill;
  stroke: #fff;
  stroke-width: .3rem;
  transform: skewX(-8deg);
  text-anchor: middle;
  dominant-baseline: middle;
}

.product-content.hmo .hmo-txt>p span:nth-of-type(1) {
  margin-left: -0.5rem;
  margin-right: -0.55rem;
}

.product-content.hmo .hmo-txt>p span:nth-of-type(2) {
  margin-left: -0.3rem;
}

.product-content.hmo .hmo-subtitle {
  font-size: 1.06rem;
  color: #673b21;
  font-weight: 700;
}

.product-content.hmo .hmo-subtitle>span {
  font-size: 0.92rem;
}

.product-content.hmo .hmo-subtitle:nth-of-type(1) {
  top: 85.56%;
  left: 56.15%;
}

.product-content.hmo .hmo-subtitle:nth-of-type(2) {
  top: 84.3%;
  left: 75.5%;
}

.product-content.hmo-p2 {
  font-family: 'Noto Sans TC';
}

.product-content.hmo-p2>h2 {
  font-weight: 700;
  top: 26%;
  left: 11.9%;
  font-size: 2.31rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #673b21;
  text-shadow:
    0px 0px 3px #FFF,
    0px 0px 5px #FFF,
    0px 0px 7px #FFF,
    0px 0px 10px #FFF,
    0px 0px 12px #FFF;
}

.product-content.hmo-p2 h2>span,
.product-content.hmo-p2>.hmo-txt-01 {
  font-size: 1.74rem;
  font-weight: Bold;
  line-height: 2.7rem;
  color: #673b21;
  text-shadow:
    0px 0px 3px #FFF,
    0px 0px 5px #FFF,
    0px 0px 7px #FFF,
    0px 0px 10px #FFF,
    0px 0px 12px #FFF;
}

.product-content.hmo-p2 h2>span:nth-of-type(1) {
  -webkit-text-stroke: 1px #673b21;
  font-weight: 900;
  font-size: 2rem;
  filter: drop-shadow(0px 0px 1px #FFF) drop-shadow(0px 0px 3px #FFF);
  top: -8%;
  left: 83%;
}

.product-content.hmo-p2 h2>span:nth-of-type(2) {
  margin-top: 0.5rem;
}

.product-content.hmo-p2.pc h3+.hmo-txt-01 {
  top: 52.5%;
  left: 78.85%;
  text-align: left;
}

.product-content.hmo-p2>h3 {
  font-size: 2.2rem;
  color: #673b21;
  font-weight: Bold;
  text-shadow:
    0px 0px 3px #FFF,
    0px 0px 5px #FFF,
    0px 0px 7px #FFF,
    0px 0px 10px #FFF,
    0px 0px 12px #FFF;
}

.product-content.hmo-p2>h3>span {
  font-size: 2.5rem;
  margin-right: 0.34rem;
}

.product-content.hmo-p2>h3:nth-of-type(1) {
  top: 50.5%;
  left: 12.9%;
}

.product-content.hmo-p2>h3:nth-of-type(2) {
  top: 43.5%;
  left: 75.3%;
  letter-spacing: -0.06rem;
}

.product-content.hmo-p2>p {
  font-size: 1.14rem;
  font-weight: 700;
  top: 78.4%;
  left: 74.4%;
  letter-spacing: 0.01rem;
  color: #FFF;
}

.product-content.hmo-p2>.hmo-txt-02 {
  top: 25%;
  left: 30.5%;
  letter-spacing: 0.3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.product-content.hmo-p2>.hmo-txt-03 {
  top: 45%;
  left: 51.7%;
  letter-spacing: 0.3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.product-content.hmo-p2>.hmo-txt-02 p,
.product-content.hmo-p2>.hmo-txt-03 p {
  font-size: 2.73rem;
  margin-bottom: 0.8rem;
  color: #6d432b;
  font-weight: 500;
  text-shadow:
    0px 0px 3px #FFF,
    0px 0px 5px #FFF,
    0px 0px 7px #FFF,
    0px 0px 10px #FFF,
    0px 0px 12px #FFF;
}

.product-content.hmo-p2>.hmo-txt-02 p:nth-of-type(2) {
  font-size: 1.7rem;
  letter-spacing: 0.12rem;
  margin-left: -0.1rem;
  margin-top: -0.3rem;
  display: flex;
  align-items: center;
}

.product-content.hmo-p2>.hmo-txt-02>p>span {
  padding-top: 0.4rem;
}

.product-content.hmo-p2>.hmo-txt-02 h4,
.product-content.hmo-p2>.hmo-txt-03 h4 {
  font-size: 4.84rem;
  font-weight: 600;
  height: 7rem;
  width: 18rem;
}

.product-content.hmo-p2>.hmo-txt-02 h4 .svg-text,
.product-content.hmo-p2>.hmo-txt-03 h4 .svg-text {
  fill: url(#text-gradient);
  stroke: #fff;
  paint-order: stroke fill;
  stroke-width: 1.2rem;
  stroke-linejoin: round;
  text-anchor: middle;
  dominant-baseline: middle;
}

.product-content.hmo-p2>.hmo-txt-02 h4 .svg-text-02,
.product-content.hmo-p2>.hmo-txt-03 h4 .svg-text-02 {
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));
  stroke: #fff;
  fill: #FFF;
  paint-order: stroke fill;
  stroke-linejoin: round;
  stroke-width: 1.2rem;
  text-anchor: middle;
  dominant-baseline: middle;
}

.product-content.hmo-p2>.hmo-txt-02 h4 .svg-text-bg,
.product-content.hmo-p2>.hmo-txt-03 h4 .svg-text-bg {
  text-anchor: middle;
  dominant-baseline: middle;
  stroke: #fff;
  fill: #FFF;
  paint-order: stroke fill;
  stroke-linejoin: round;
  stroke-width: 0.8rem;
  font-size: 3rem;
}

.product-content.hmo-p3>h2 {
  font-family: 'Noto Sans TC';
  font-size: 4rem;
  font-weight: 600;
  top: 28%;
  left: 1.5%;
  letter-spacing: -0.15rem;
  width: 42rem;
  height: 8rem;
  display: flex;
}

.product-content.hmo-p3>h2 .small-text {
  font-size: 3rem;
  padding-left: 1rem;
  baseline-shift: 0.1rem;
}

.product-content.hmo-p3>h2 .small-text:nth-of-type(2) {
  font-size: 0.8em;
}

.product-content.hmo-p3 h2 .svg-text {
  paint-order: stroke fill;
  text-anchor: middle;
  dominant-baseline: middle;
  transform: skewX(-8deg);
  fill: #0d472a;
}

.product-content.hmo-p3 h2 .stroke-gold {
  stroke: url(#gold-stroke-gradient);
  stroke-width: 1.2rem;
  stroke-linejoin: round;
}

.product-content.hmo-p3 h2 .stroke-white {
  stroke: #FFF;
  stroke-width: 0.6rem;
  stroke-linejoin: round;
}

.product-content.hmo-p3 h2 .stroke-green-body {
  fill: none;
}

.product-content.hmo-p3 h2 .stroke-green-body .plus-symbol {
  fill: #0d472a;
  stroke: #0d472a;
  stroke-width: 0.2rem;
}

.product-content.hmo-p3 .hmo-txt-docter {
  font-size: 1rem;
  font-weight: Bold;
  text-align: left;
  line-height: 1.6rem;
  top: 22.1%;
  left: 25.7%;
  -webkit-text-stroke: 1px #FFF;
  paint-order: stroke fill;
  text-shadow:
    0px 0px 3px #FFF,
    0px 0px 5px #FFF,
    0px 0px 7px #FFF;
}

.product-content.hmo-p3>.hmo-txt {
  font-size: 1.73rem;
  font-weight: 500;
  top: 11.5%;
  left: 42.2%;
  text-align: left;
  line-height: 1.71;
}

.product-content.hmo-p3>.hmo-txt span {
  font-size: 2rem;
  margin-right: 0.2rem;
  -webkit-text-stroke: 0.5px #000;
}

.product-content.hmo-p3>h4 {
  font-size: 2.45rem;
  top: 44.4%;
  letter-spacing: 0.1rem;
  width: 16rem;
  height: 4rem;
}

.product-content.hmo-p3 h4 .svg-text {
  fill: #FFF;
  stroke-linejoin: round;
  paint-order: stroke fill;
  stroke: #047b37;
  stroke-width: .5rem;
  transform: skewX(-5deg);
  text-anchor: middle;
  dominant-baseline: middle;
}

.product-content.hmo-p3 h4 .small-text {
  font-size: 3.43rem;
  font-family: 'Noto Sans TC';
  font-weight: 500;
  baseline-shift: 0.3rem;
  letter-spacing: 0.18rem;
}

.product-content.hmo-p3>h4:nth-of-type(1) {
  left: 17.8%;
}

.product-content.hmo-p3>h4:nth-of-type(2) {
  left: 61.2%;
}

.product-content.hmo-p3>p:nth-of-type(1) {
  font-size: 1.47rem;
  font-weight: 700;
  color: #34a063;
  top: 47.2%;
  left: 35.8%;
}

.product-content.hmo-p3 .hmo-subtitle {
  display: flex;
  gap: 17.35rem;
  top: 52.1%;
  left: 21%;
}

.product-content.hmo-p3 .hmo-subtitle>ul {
  display: flex;
  flex-direction: column;
}

.product-content.hmo-p3 .hmo-subtitle>ul:nth-of-type(1) {
  gap: 1.3rem;
}

.product-content.hmo-p3 .hmo-subtitle>ul:nth-of-type(2) {
  gap: 2rem;
}

.product-content.hmo-p3 .hmo-subtitle>ul>li {
  display: flex;
  flex-direction: column;
  align-items: start;
  line-height: 1.4;
}

.product-content.hmo-p3 .hmo-subtitle>ul>li>h3 {
  font-size: 2.04rem;
  font-weight: 700;
  color: #047835;
  text-indent: 0;
}

.product-content.hmo-p3 .hmo-subtitle>ul>li>h3>span {
  font-size: 2.4rem;
  font-weight: 900;
  color: #047835;
  line-height: 0;
  -webkit-text-stroke: 0.8px #047835;
  padding-left: 0.2rem;
}

.product-content.hmo-p3 .hmo-subtitle>ul>li>p {
  font-size: 1.6rem;
  font-weight: 500;
}

.product-content.hmo-p3 .hmo-subtitle>ul:nth-of-type(1)>li:nth-of-type(1)>p {
  letter-spacing: -0.03rem;
}

.product-content.hmo-p3>p:nth-of-type(2) {
  font-size: 1.21rem;
  font-weight: 500;
  top: 87.5%;
  left: 8.15%;
  opacity: 0.6;
  display: flex;
  align-items: center;
}

.product-content.hmo-p3>p:nth-of-type(2)>span:nth-of-type(1) {
  padding-top: 0.4rem;
  padding-right: 0.05rem;
  font-size: 1.3rem;
}

.product-content.hmo-p3>p:nth-of-type(2)>span:nth-of-type(2) {
  margin-left: -0.75rem;
  margin-right: 0.1rem;
}

a.hmo-btn .hmo-btn-event,
a.hmo-btn .hmo-btn-usually {
  position: relative;
}

a.hmo-btn .hmo-btn-event h4,
a.hmo-btn .hmo-btn-usually h4 {
  font-family: 'HK-Li-Bold';
  color: #0f9c47;
  font-size: 3.46rem;
  top: 36%;
  left: 34.5%;
  letter-spacing: 0.03rem;
}

a.hmo-btn .hmo-btn-usually h4 {
  left: 31.7%;
}

a.hmo-btn .hmo-btn-event>p:nth-of-type(1),
a.hmo-btn .hmo-btn-usually>p:nth-of-type(1) {
  font-size: 2.06rem;
  font-weight: 700;
  color: #FFF;
  top: 62%;
  left: 34.9%;
  letter-spacing: 0.1rem;
}

a.hmo-btn .hmo-btn-usually>p:nth-of-type(1) {
  left: 32.2%;
}

a.hmo-btn .hmo-btn-event>p:nth-of-type(1) span,
a.hmo-btn .hmo-btn-usually>p:nth-of-type(1) span {
  letter-spacing: 0.05rem;
}

a.hmo-btn .hmo-btn-event>p:nth-of-type(1) span:nth-of-type(1),
a.hmo-btn .hmo-btn-usually>p:nth-of-type(1) span:nth-of-type(1) {
  letter-spacing: 0.08rem;
  padding-left: 1.3rem;
}

a.hmo-btn .hmo-btn-event>p:nth-of-type(1) span:nth-of-type(2),
a.hmo-btn .hmo-btn-usually>p:nth-of-type(1) span:nth-of-type(2) {
  -webkit-text-stroke: 0.2px #FFF;
  top: -23%;
  left: 51.7%;
}

a.hmo-btn .hmo-btn-event>p:nth-of-type(1) span:nth-of-type(3),
a.hmo-btn .hmo-btn-usually>p:nth-of-type(1) span:nth-of-type(3) {
  letter-spacing: 0.09rem;
  margin-left: 1.2rem;
}


a.hmo-btn .hmo-btn-event .hmo-dialog-box,
a.hmo-btn .hmo-btn-usually .hmo-dialog-box {
  font-family: 'HK-Li-Bold';
  font-size: 1.58rem;
  color: #d72229;
  top: 29.7%;
  left: 83.1%;
  line-height: 2rem;
  transform: rotate(10deg) skewX(-10deg);
  letter-spacing: 0.1rem;
  display: flex;
  flex-direction: column;
}

a.hmo-btn .hmo-btn-usually .hmo-dialog-box {
  top: 30.7%;
  left: 79.9%;
  line-height: 1.9rem;
  letter-spacing: -0.1rem;
}

a.hmo-btn .hmo-btn-event .hmo-dialog-box p:nth-of-type(1),
a.hmo-btn .hmo-btn-usually .hmo-dialog-box p:nth-of-type(1) {
  margin-left: -0.5rem;
}

a.hmo-btn .hmo-btn-event .hmo-dialog-box p:nth-of-type(2) {
  padding-left: 0.5rem;
}

a.hmo-btn .hmo-btn-event>span,
a.hmo-btn .hmo-btn-usually>span {
  font-size: 2.6rem;
  font-weight: Bold;
  color: #FFF;
  top: 60.5%;
  left: 78.3%;
  letter-spacing: 0.12rem;
  text-shadow: 1px 1px 0px #000;
}

a.hmo-btn .hmo-btn-usually>span {
  left: 76.9%;
}



@media all and (max-width: 1024px) {
  .product-box .event-box {
    width: 100%;
    max-width: 841px;
  }

  .product-box .event-box-w-100pct {
    width: 100%;
    max-width: 100%;
  }
}

@media all and (max-width: 768px) {

  .product-content h1,
  .product-content h2,
  .product-content h3,
  .product-content h4 {
    display: block;
  }

  .main .box {
    padding: 0;
  }

  .main .box-w-100pct {
    padding: 0;
  }

  .product-box.common-content {
    padding: 0;
  }

  .product-box.common-content-w-100pct {
    padding: 0;
  }

  .product-box .event-box a {
    margin-top: -2px;
  }

  .product-box .event-box-w-100pct a {
    margin-top: 0;
  }

  /* 共用 */

  /* Premium極緻 */
  .premium .gotop-m {
    background: #0e2c73;
  }

  /* Premium極緻 背景 */
  .product-content.premium-video>.premium_bg {
    background: url(/images/m/product/premium/premium_video_m.webp) center top no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 64.37rem;
  }

  .product-content.premium>.premium_bg {
    background: url(/images/m/product/premium/premium_01_m.webp) center top no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 196.87rem;
  }

  .product-content.premium-p2>.premium_bg {
    background: url(/images/m/product/premium/premium_02_m.webp) center top no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 103.12rem;
  }

  .product-content.premium-p3>.premium_bg {
    background: url(/images/m/product/premium/premium_03_m.webp) center top no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 142.18rem;
  }

  .product-content.premium-p4>.premium_bg {
    background: url(/images/m/product/premium/premium_04_m.webp) center top no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 125rem;
  }

  .product-content.premium-p5>.premium_bg {
    background: url(/images/m/product/premium/premium_05_m.webp) center top no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 128.12rem;
  }

  .product-content.premium-p6>.premium_bg {
    background: url(/images/m/product/premium/premium_06_m.webp) center top no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 148.43rem;
  }

  .product-content.premium-p7>.premium_bg {
    background: url(/images/m/product/premium/premium_07_m.webp) center top no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 96.87rem;
  }

  .product-content.premium-p8>.premium_bg {
    background: url(/images/m/product/premium/premium_08_m.webp) center top no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 121.87rem;
  }

  .product-content.premium-p9>.premium_bg {
    background: url(/images/m/product/premium/premium_09_m.webp) center top no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 181.25rem;
  }

  .product-content.premium-video .premium-video-show {
    width: 90.7rem;
    height: 51rem;
    top: 14.2%;
    left: 50%;
  }

  /* Premium極緻 */
  /* 光暈 小動畫 */
  .product-content.premium-p3>.premium_bg::after,
  .product-content.premium-p4>.premium_bg::before,
  .product-content.premium-p4>.premium_bg::after,
  .product-content.premium-p5>.premium_bg::after,
  .product-content.premium-p8>.premium_bg::before,
  .product-content.premium-p8>.premium_bg::after,
  .product-content.premium-p6>.premium_bg>.glow-effect.glow-3,
  .product-content.premium-p6>.premium_bg>.glow-effect.glow-4,
  .premium-btn>.premium-btn-usually>.glow-effect {
    display: none;
  }

  .product-content.premium>.premium_bg::before {
    width: 20.3rem;
    height: 20.3rem;
    top: 52.5%;
    left: 81%;
  }

  .product-content.premium>.premium_bg::after {
    width: 14rem;
    height: 14rem;
    top: 92%;
    left: 1.9%;
  }

  .product-content.premium-p3>.premium_bg::before,
  .product-content.premium-p4>.premium_bg::before {
    width: 14rem;
    height: 14rem;
  }

  .product-content.premium-p8>.premium_bg::before {
    width: 17rem;
    height: 17rem;
  }

  .product-content.premium-p5>.premium_bg::before,
  .product-content.premium-p8>.premium_bg::after {
    width: 9rem;
    height: 9rem;
  }

  .product-content.premium-p8>.premium_bg::after {
    width: 14rem;
    height: 14rem;
  }

  .product-content.premium-p3>.premium_bg::before {
    top: 2.5%;
    left: 80%;
  }

  .product-content.premium-p2>.premium_bg>.glow-effect.glow-1 {
    top: 62.9%;
    left: 45.2%;
  }

  .product-content.premium-p2>.premium_bg>.glow-effect.glow-2 {
    top: 39.3%;
    left: 64.9%;
  }

  .product-content.premium-p2>.premium_bg>.glow-effect.glow-3 {
    top: 51.5%;
    left: 81.2%;
  }

  .product-content.premium-p5>.premium_bg::before {
    top: 10%;
    left: 3.4%;
  }

  .product-content.premium-p2>.premium_bg>.glow-effect {
    width: 16rem;
    height: 16rem;
  }

  .product-content.premium-p3>.premium_bg>.glow-effect,
  .product-content.premium-p4>.premium_bg>.glow-effect,
  .product-content.premium-p5>.premium_bg>.glow-effect,
  .product-content.premium-p6>.premium_bg>.glow-effect,
  .premium-btn>.premium-btn-usually>.glow-effect {
    width: 22rem;
    height: 22rem;
  }

  .product-content.premium>.premium_bg>.glow-effect.glow-1,
  .product-content.premium>.premium_bg>.glow-effect.glow-2,
  .product-content.premium>.premium_bg>.glow-effect.glow-3,
  .product-content.premium>.premium_bg>.glow-effect.glow-4,
  .product-content.premium>.premium_bg>.glow-effect.glow-5,
  .product-content.premium>.premium_bg>.glow-effect.glow-6 {
    width: 6rem;
    height: 6rem;
  }

  .product-content.premium>.premium_bg>.glow-effect.glow-1 {
    top: 4.2%;
    left: 74.5%;
  }

  .product-content.premium>.premium_bg>.glow-effect.glow-2 {
    top: 4%;
    left: 83%;
  }

  .product-content.premium>.premium_bg>.glow-effect.glow-3 {
    top: 5.3%;
    left: 88%;
  }

  .product-content.premium>.premium_bg>.glow-effect.glow-4 {
    top: 6.8%;
    left: 93.1%;
  }

  .product-content.premium>.premium_bg>.glow-effect.glow-5,
  .product-content.premium>.premium_bg>.glow-effect.glow-6 {
    display: none;
  }

  .product-content.premium-p3>.premium_bg>.glow-effect.glow-1,
  .product-content.premium-p3>.premium_bg>.glow-effect.glow-2,
  .product-content.premium-p3>.premium_bg>.glow-effect.glow-3,
  .product-content.premium-p3>.premium_bg>.glow-effect.glow-4,
  .product-content.premium-p4>.premium_bg>.glow-effect.glow-1,
  .product-content.premium-p4>.premium_bg>.glow-effect.glow-2,
  .product-content.premium-p4>.premium_bg>.glow-effect.glow-3,
  .product-content.premium-p5>.premium_bg>.glow-effect.glow-1,
  .product-content.premium-p5>.premium_bg>.glow-effect.glow-2 {
    left: 4.2%;
  }

  .product-content.premium-p3>.premium_bg>.glow-effect.glow-1 {
    top: 35%;
  }

  .product-content.premium-p3>.premium_bg>.glow-effect.glow-2 {
    top: 52.2%;
  }

  .product-content.premium-p3>.premium_bg>.glow-effect.glow-3 {
    top: 66.2%;
  }

  .product-content.premium-p3>.premium_bg>.glow-effect.glow-4 {
    top: 80.2%;
  }

  .product-content.premium-p4>.premium_bg>.glow-effect.glow-1 {
    top: 46.1%;
  }

  .product-content.premium-p4>.premium_bg>.glow-effect.glow-2 {
    top: 62.3%;
  }

  .product-content.premium-p4>.premium_bg>.glow-effect.glow-3 {
    top: 78.5%;
  }

  .product-content.premium-p5>.premium_bg>.glow-effect.glow-1 {
    top: 44.7%;
  }

  .product-content.premium-p5>.premium_bg>.glow-effect.glow-2 {
    top: 68.7%;
  }

  .product-content.premium-p6>.premium_bg>.glow-effect.glow-1 {
    top: 6.2%;
    left: 70.3%;
  }

  .product-content.premium-p6>.premium_bg>.glow-effect.glow-2 {
    width: 13rem;
    height: 13rem;
    top: 15.2%;
    left: 83.8%;
  }

  .product-content.premium>.premium-title {
    top: 16.7rem;
    left: 9.4rem;
  }

  .product-content.premium>.premium-title>h1 {
    background: url(/images/m/product/premium/premium_title_m.png) center top no-repeat;
    background-size: 100% 100%;
    width: 83.9rem;
    height: 58.59rem;
  }

  .product-content.premium>.premium-title>h3 {
    font-size: 6rem;
    top: 15.55rem;
    left: -1.1rem;
  }

  .product-content.premium>.premium-title>h4 {
    font-size: 4.5rem;
    top: 60%;
    left: 19.5%;
    letter-spacing: 0.85rem;
  }

  .product-content.premium>.premium-title>.premium_txt {
    font-size: 3.1rem;
    gap: 5.7rem;
    top: 84.5%;
    left: 2.6%;
  }

  .product-content.premium>h3 {
    font-size: 7.35rem;
    top: 42.8%;
    left: 14%;
    letter-spacing: 0.34rem;
    line-height: 10.4rem;
  }

  .product-content.premium>h3 br {
    display: block;
  }

  .product-content.premium>h3>span:nth-of-type(2) {
    font-size: 2.94rem;
    top: -3.2rem;
    left: 30.5rem;
  }

  .product-content.premium>h3>span:nth-of-type(3) {
    margin-right: -0.2rem;
  }

  .product-content.premium>h3>span:nth-of-type(4) {
    font-size: 3rem;
    letter-spacing: 0.2rem;
  }

  .product-content.premium>h4 {
    font-size: 4.85rem;
    top: 61.4%;
    left: 79.9%;
    line-height: 5.7rem;
  }

  .product-content.premium>.premium-subtitle {
    font-size: 2.57rem;
    gap: 0.9rem;
  }

  .product-content.premium>.premium-subtitle>span {
    font-size: 2.28rem;
  }

  .product-content.premium>.premium-subtitle:nth-of-type(1) {
    top: 89.7%;
    left: 13.9%;
  }

  .product-content.premium>.premium-subtitle:nth-of-type(2) {
    top: 88.2%;
    left: 55.7%;
  }

  .product-content.premium>.premium-content {
    font-size: 1.87rem;
    top: 97%;
    left: 26.1%;
  }

  .product-content.premium-p2>h2 {
    gap: 4.1rem;
    font-size: 7.5rem;
    top: 9.4%;
    left: 18.9%;
    letter-spacing: 0.33rem;
  }

  .product-content.premium-p2>h2 span {
    font-size: 7.5rem;
  }

  .product-content.premium-p2>p {
    font-size: 2.81rem;
    filter:
      drop-shadow(2px 2px 0 #122a88) drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.5));
    background: linear-gradient(to bottom, #f9f6ae 0%, #ebd886 75%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block;
    letter-spacing: 0.05rem;
  }

  .product-content.premium-p2>p:nth-of-type(1) {
    top: 41.5%;
    left: 67%;
  }

  .product-content.premium-p2>p:nth-of-type(2) {
    top: 53.5%;
    right: 5.3%;
  }

  .product-content.premium-p2>p:nth-of-type(3) {
    top: 64.5%;
    left: 47.5%;
  }

  .product-content.premium-p2>.premium-doctor {
    top: 82.85%;
    left: 26.5%;
  }

  .product-content.premium-p2>.premium-doctor>h3 {
    width: 32rem;
    height: 5.5rem;
  }

  .product-content.premium-p2>.premium-doctor>h3:nth-of-type(1) {
    font-size: 3.06rem;
    font-weight: 600;
    letter-spacing: 0.3rem;
  }

  .product-content.premium-p2>.premium-doctor .svg-text {
    filter: drop-shadow(2px 2px 2px #1b3d8c);
    stroke-width: .8rem;
  }

  .product-content.premium-p2>.premium-doctor>h3:nth-of-type(2) {
    font-size: 4.06rem;
    font-weight: 600;
    letter-spacing: 0.45rem;
  }

  .product-content.premium-p3>.premium-title,
  .product-content.premium-p4>.premium-title,
  .product-content.premium-p5>.premium-title {
    letter-spacing: 0.3rem;
  }

  .product-content.premium-p3>.premium-title {
    top: 11.4%;
    left: 42.1%;
    gap: 2rem;
  }

  .product-content.premium-p4>.premium-title {
    top: 19.4%;
    left: 25.1%;
    gap: 1.6rem;
  }

  .product-content.premium-p5>.premium-title {
    top: 19.2%;
    left: 41.5%;
    gap: 1.7rem;
  }

  .product-content.premium-p3>.premium-title h3,
  .product-content.premium-p4>.premium-title h3,
  .product-content.premium-p5>.premium-title h3 {
    font-size: 6.56rem;
  }

  .product-content.premium-p3>.premium-title h4,
  .product-content.premium-p4>.premium-title h4,
  .product-content.premium-p5>.premium-title h4 {
    font-size: 5.46rem;
    letter-spacing: 0.3rem;
    line-height: 6.4rem;
  }

  .product-content.premium-p4>.premium-title h4 {
    margin-left: 0.5rem;
    letter-spacing: 0.29rem;
    line-height: 6.3rem;
  }

  .product-content.premium-p5>.premium-title h4 {
    margin-left: 0.5rem;
  }

  .product-content.premium-p3>.premium-title br,
  .product-content.premium-p5>.premium-title br,
  .product-content.premium-p5>.premium-content .mb-only {
    display: inline;
  }

  .product-content.premium-p5>.premium-content .pc-only {
    display: none;
  }

  .product-content.premium-p3>.premium-content {
    top: 40.7%;
    left: 25.7%;
    gap: 9.4rem;
  }

  .product-content.premium-p4>.premium-content {
    top: 52.6%;
    left: 25.7%;
    gap: 8.9rem;
  }

  .product-content.premium-p5>.premium-content {
    top: 51%;
    left: 25.7%;
    gap: 7.5rem;
  }

  .product-content.premium-p3>.premium-content>.premium-txt-01,
  .product-content.premium-p3>.premium-content>.premium-txt-02,
  .product-content.premium-p3>.premium-content>.premium-txt-03,
  .product-content.premium-p3>.premium-content>.premium-txt-04,
  .product-content.premium-p4>.premium-content>.premium-txt-01,
  .product-content.premium-p4>.premium-content>.premium-txt-02,
  .product-content.premium-p4>.premium-content>.premium-txt-03,
  .product-content.premium-p5>.premium-content>.premium-txt-01,
  .product-content.premium-p5>.premium-content>.premium-txt-02 {
    gap: 1.7rem;

  }


  .product-content.premium-p3>.premium-content>.premium-txt-01>h4,
  .product-content.premium-p3>.premium-content>.premium-txt-02>h4,
  .product-content.premium-p3>.premium-content>.premium-txt-03>h4,
  .product-content.premium-p3>.premium-content>.premium-txt-04>h4,
  .product-content.premium-p4>.premium-content>.premium-txt-01>h4,
  .product-content.premium-p4>.premium-content>.premium-txt-02>h4,
  .product-content.premium-p4>.premium-content>.premium-txt-03>h4,
  .product-content.premium-p5>.premium-content>.premium-txt-01>h4,
  .product-content.premium-p5>.premium-content>.premium-txt-02>h4 {
    font-size: 5.46rem;
    letter-spacing: 0.35rem;
  }

  .product-content.premium-p4>.premium-content>.premium-txt-01>h4,
  .product-content.premium-p4>.premium-content>.premium-txt-02>h4,
  .product-content.premium-p4>.premium-content>.premium-txt-03>h4,
  .product-content.premium-p5>.premium-content>.premium-txt-01>h4,
  .product-content.premium-p5>.premium-content>.premium-txt-02>h4 {
    letter-spacing: 0.3rem;
  }

  .product-content.premium-p3>.premium-content>.premium-txt-01>h4 span:nth-of-type(2) {
    top: -1.8%;
    left: 34.5%;
    font-size: 1.63rem;
  }

  .product-content.premium-p3>.premium-content>.premium-txt-01>p,
  .product-content.premium-p3>.premium-content>.premium-txt-02>p,
  .product-content.premium-p3>.premium-content>.premium-txt-03>p,
  .product-content.premium-p3>.premium-content>.premium-txt-04>p,
  .product-content.premium-p4>.premium-content>.premium-txt-01>p,
  .product-content.premium-p4>.premium-content>.premium-txt-02>p,
  .product-content.premium-p4>.premium-content>.premium-txt-03>p,
  .product-content.premium-p5>.premium-content>.premium-txt-01>p,
  .product-content.premium-p5>.premium-content>.premium-txt-02>p {
    font-size: 4.37rem;
    letter-spacing: 0.24rem;
  }

  .product-content.premium-p5>.premium-content>.premium-txt-01>p,
  .product-content.premium-p5>.premium-content>.premium-txt-02>p {
    line-height: 5.5rem;
  }

  .product-content.premium-p3>.premium-content>.premium-txt-01>p:nth-of-type(2) {
    font-size: 2.18rem;
    letter-spacing: 0.12rem;
  }

  .product-content.premium-p3>.premium-content>.premium-txt-03 {
    margin-top: -1.2rem;
  }

  .product-content.premium-p6>.premium-title {
    top: 13%;
    left: 23.9%;
    gap: 2.6rem;
    letter-spacing: 0.35rem;
  }

  .product-content.premium-p6>.premium-title h3 {
    font-size: 7.18rem;
  }

  .product-content.premium-p6>.premium-title h4 {
    font-size: 8.12rem;
  }

  .product-content.premium-p7>.premium-title {
    top: 6%;
    left: 37%;
    letter-spacing: 0.3rem;
  }

  .product-content.premium-p7>.premium-title h3 {
    font-size: 7.5rem;
  }

  .product-content.premium-p7>.premium-content {
    gap: 10.1rem;
    top: 28.7%;
    left: 46%;
  }

  .product-content.premium-p7>.premium-content>p {
    font-size: 5.07rem;
    letter-spacing: 0.25rem;

  }

  .product-content.premium-p7>.premium-content>p:nth-of-type(1) span,
  .product-content.premium-p7>.premium-content>p:nth-of-type(2) span:nth-of-type(1) {
    font-size: 8.37rem;
    margin-top: -2rem;
    letter-spacing: 0.5rem;
  }

  .product-content.premium-p7>.premium-content>p:nth-of-type(2) span:nth-of-type(2) {
    font-size: 5.98rem;
    padding-top: 0.6rem;
  }

  .product-content.premium-p8>.premium-title {
    top: 7.9%;
    left: 37.3%;
  }

  .product-content.premium-p8>.premium-title h3 {
    font-size: 6.25rem;
  }

  .product-content.premium-p8>p:nth-of-type(1) {
    font-size: 5.62rem;
    top: 23.8%;
    left: 35.6%;
  }

  .product-content.premium-p8>p:nth-of-type(1) br {
    display: none;
  }

  .product-content.premium-p8>p:nth-of-type(2),
  .product-content.premium-p8>p:nth-of-type(3),
  .product-content.premium-p8>p:nth-of-type(4) {
    font-size: 3rem;
    line-height: 4.6rem;
  }

  .product-content.premium-p8>p:nth-of-type(2) {
    top: 51.4%;
    left: 7.2%;
  }

  .product-content.premium-p8>p:nth-of-type(2)>span:nth-of-type(1) {
    font-size: 5.2rem;
  }

  .product-content.premium-p8>p:nth-of-type(2)>span:nth-of-type(2) {
    font-size: 4.5rem;
    margin-left: 0.5rem;
    letter-spacing: -0.3rem;
  }

  .product-content.premium-p8>p:nth-of-type(2)>span:nth-of-type(3) {
    font-size: 5.2rem;
    letter-spacing: -0.15rem;
    margin-left: 0.5rem;
  }

  .product-content.premium-p8>p:nth-of-type(2)>span:nth-of-type(4) {
    font-size: 4.6rem;
  }

  .product-content.premium-p8>p:nth-of-type(3) {
    font-size: 4.6rem;
    top: 51%;
    left: 49.9%;
  }

  .product-content.premium-p8>p:nth-of-type(4) {
    font-size: 4.6rem;
    top: 53.3%;
    left: 76%;
    letter-spacing: -0.1rem;
  }

  .product-content.premium-p8>p:nth-of-type(3)>span {
    font-size: 5.6rem;
    margin-right: 0.1rem;
  }

  .product-content.premium-p8>p:nth-of-type(4)>span {
    font-size: 5rem;
  }

  .product-content.premium-p8>.premium-content {
    font-size: 3.43rem;
    top: 71%;
    left: 9%;
    gap: 1.5rem;
    color: #FFF;
  }

  .product-content.premium-p8>.premium-content>p {
    letter-spacing: -0.08rem;
    line-height: 4rem;
  }

  .product-content.premium-p8>.premium-content>p:nth-of-type(1) br,
  .product-content.premium-p8>.premium-content>p:nth-of-type(2) br {
    display: block;
    margin-right: 1rem;
  }

  .product-content.premium-p8>.premium-content>p>span:nth-of-type(1) {
    font-size: 1.4rem;
    top: -1%;
    left: -2.5%;
  }

  .product-content.premium-p8>.premium-content>p>span:nth-of-type(2) {
    margin-left: -1.1rem;
    margin-right: -0.8rem;
  }

  .product-content.premium-p8>.premium-content>p:nth-of-type(1)>span:nth-of-type(4) {
    font-style: italic;
    margin-right: 1rem;
  }

  .product-content.premium-p9>.premium-pagination {
    top: 3%;
    left: 2.8%;
  }

  .product-content.premium-p9>.premium-pagination>ul {
    width: 94.37rem;
    height: 16.25rem;
    cursor: none;
  }

  .product-content.premium-p9>.premium-pagination>ul>li {
    width: 50%;
  }

  .product-content.premium-p9>.premium-pagination>ul>li.active {
    bottom: 0;
    height: 18.43rem;
  }

  .product-content.premium-p9>.premium-pagination>ul>li>h4 {
    margin-top: 0.2rem;
    margin-left: 0.3rem;
    font-size: 4.37rem;
    line-height: 5rem;
    letter-spacing: 0.02rem;
  }

  .product-content.premium-p9>.premium-pagination>ul>li>h4 br {
    display: block;
  }

  .product-content.premium-p9>.premium-pagination>ul>li>p {
    font-size: 2.18rem;
    margin-top: 1rem;
    letter-spacing: 0.1rem;
  }

  .product-content.premium-p9 .premium-content {
    top: 13.7%;
    left: 7.5%;
  }

  .product-content.premium-p9 .premium-content img {
    width: 85.31rem;
  }

  .product-content.premium-p9 .premium-content p {
    font-size: 2.5rem;
    margin-right: 0.3rem;
    letter-spacing: 0.03rem;
    margin-bottom: 2rem;
  }

  .product-content.premium-p9 .premium-element-text {
    top: 86.5%;
    left: 1%;
    font-size: 2.25rem;
    line-height: 3rem;
  }

  .product-content.premium-p9 .premium-element-text .text:nth-of-type(5) {
    margin-top: 0.7rem;
  }

  .premium-btn>.premium-btn-usually>h3 {
    font-size: 5.15rem;
    top: 14.7%;
    left: 12.5%;
    letter-spacing: 0.56rem;
  }

  .premium-btn>.premium-btn-usually>h3>span {
    font-size: 1.5rem;
    margin: 0 0.9rem;
  }

  .premium-btn>.premium-btn-usually>h4 {
    font-size: 4.37rem;
    top: 21.1%;
    left: 6.1%;
    letter-spacing: 0.23rem;
  }

  .premium-btn>.premium-btn-usually>p {
    font-size: 6.83rem;
    top: 69.6%;
    left: 33.8%;
    letter-spacing: 1.45rem;
  }

  .premium-fixbtn {
    top: 56.9%;
  }

  .premium-fixbtn img {
    width: 9.84rem;
  }




  /* 全能HMO⁺ */
  .product-content.hmo .hmo_bg_01 {
    background: url(/images/m/product/hmo/hmo_01_m.jpg) center top no-repeat;
    background-size: 100% 100%;
    height: 133.85rem;

  }

  .product-content.hmo-p2>.hmo_bg_02 {
    background: url(/images/m/product/hmo/hmo_02_m.jpg) center top no-repeat;
    background-size: 100% 100%;
    height: 132.81rem;
  }

  .product-content.hmo-p3>.hmo_bg_03 {
    background: url(/images/m/product/hmo/hmo_03_m.jpg) center top no-repeat;
    background-size: 100% 100%;
    height: 221.09rem;
  }

  .product-content.hmo h1 {
    background: url(/images/m/product/hmo/hmo_title_m.png) center top no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 29.68rem;
    top: 2.8%;
    left: 0;
  }

  .product-content.hmo .hmo-txt {
    font-size: 5.59rem;
    top: 25.8%;
    left: 13%;
    line-height: 1.32;
    text-shadow:
      0px 0px 9px #ffffffe6;
  }

  .product-content.hmo .hmo-title {
    width: 63rem;
    height: 11rem;
    font-size: 5.35rem;
    letter-spacing: 1.8rem;
    top: 39.9%;
    left: 18%;
  }

  .product-content.hmo .hmo-title .svg-text {
    stroke-width: .3rem;
  }

  .product-content.hmo .hmo-txt>p span:nth-of-type(1) {
    margin-left: -0.9rem;
    margin-right: -1.3rem;
  }

  .product-content.hmo .hmo-txt>p span:nth-of-type(2) {
    margin-left: -0.3rem;
  }

  .product-content.hmo .hmo-subtitle {
    font-size: 2.96rem;
  }

  .product-content.hmo .hmo-subtitle>span {
    font-size: 2.57rem;
  }

  .product-content.hmo .hmo-subtitle:nth-of-type(1) {
    top: 87.8%;
    left: 13.6%;
  }

  .product-content.hmo .hmo-subtitle:nth-of-type(2) {
    top: 85.7%;
    left: 52.9%;
  }

  .product-content.hmo-p2>h2 {
    top: 12.3%;
    left: 65.3%;
    font-size: 4.22rem;
  }

  .product-content.hmo-p2 h2>span,
  .product-content.hmo-p2>.hmo-txt-01 {
    font-size: 3.19rem;
    line-height: 5rem;
    font-weight: 500;
  }

  .product-content.hmo-p2 h2>span:nth-of-type(1) {
    -webkit-text-stroke: 1.5px #673b21;
    font-size: 4rem;
    left: 81%;
    top: -9%;
  }

  .product-content.hmo-p2 h2>span:nth-of-type(2) {
    margin-top: 1.2rem;
  }


  .product-content.hmo-p2 h2+.hmo-txt-01 {
    top: 16.5%;
    left: 65.5%;
  }

  .product-content.hmo-p2 h3+.hmo-txt-01 {
    top: 48.9%;
    left: 16.5%;
    text-align: left;
  }

  .product-content.hmo-p2>h3 {
    font-size: 4.22rem;
    font-weight: 500;
  }

  .product-content.hmo-p2>h3>span {
    font-size: 4.22rem;
    margin-right: 0.34rem;
    font-weight: 700;
  }

  .product-content.hmo-p2>h3:nth-of-type(2)>span {
    letter-spacing: 0.1rem;
  }

  .product-content.hmo-p2>h3:nth-of-type(1) {
    top: 25%;
    left: 67.5%;
  }

  .product-content.hmo-p2>h3:nth-of-type(2) {
    font-size: 4rem;
    top: 44.3%;
    left: 10.5%;
  }

  .product-content.hmo-p2>.hmo-txt-02 {
    top: 11%;
    left: 16.3%;
    letter-spacing: 0.7rem;
  }

  .product-content.hmo-p2>.hmo-txt-03 {
    top: 42.5%;
    left: 46.5%;
    letter-spacing: 0.7rem;
  }

  .product-content.hmo-p2>.hmo-txt-02 p,
  .product-content.hmo-p2>.hmo-txt-03 p {
    font-size: 5.86rem;
    margin-bottom: 1.5rem;
  }

  .product-content.hmo-p2>.hmo-txt-02 p:nth-of-type(2) {
    font-size: 3.74rem;
    letter-spacing: 0.12rem;
    margin-left: -0.1rem;
    margin-top: -0.6rem;
  }

  .product-content.hmo-p2>.hmo-txt-02>p>span {
    padding-top: 1.5rem;
  }


  .product-content.hmo-p2>.hmo-txt-02 h4,
  .product-content.hmo-p2>.hmo-txt-03 h4 {
    font-size: 10.38rem;
    height: 15rem;
    width: 39rem;
  }

  .product-content.hmo-p2>.hmo-txt-02 h4 .svg-text,
  .product-content.hmo-p2>.hmo-txt-03 h4 .svg-text {
    fill: url(#text-gradient-m);
    stroke: #fff;
    paint-order: stroke fill;
    stroke-linejoin: round;
    stroke-width: 3rem;
  }

  .product-content.hmo-p2>.hmo-txt-02 h4 .svg-text-02,
  .product-content.hmo-p2>.hmo-txt-03 h4 .svg-text-02 {
    filter: drop-shadow(5px 5px 8px rgba(0, 0, 0, 0.5));
  }

  .product-content.hmo-p2>.hmo-txt-02 h4 .svg-text-bg,
  .product-content.hmo-p2>.hmo-txt-03 h4 .svg-text-bg {
    stroke-width: 4rem;
    font-size: 4rem;
    letter-spacing: -0.1rem;
  }

  .product-content.hmo-p2>h2:nth-of-type(2) {
    font-family: 'Noto Sans TC';
    font-size: 9rem;
    font-weight: 600;
    top: 84.3%;
    left: 6%;
    letter-spacing: -0.3rem;
    width: 94rem;
    height: 18rem;
    display: flex;
    text-shadow: none;
  }

  .product-content.hmo-p2>h2:nth-of-type(2) .small-text {
    font-size: 7rem;
    padding-left: 1rem;
    baseline-shift: 0.1rem;
  }

  .product-content.hmo-p2>h2:nth-of-type(2) .svg-text {
    paint-order: stroke fill;
    text-anchor: middle;
    dominant-baseline: middle;
    font-weight: bold;
    transform: skewX(-8deg);
    fill: #0d472a;
  }

  .product-content.hmo-p2>h2:nth-of-type(2) .stroke-gold {
    stroke: url(#gold-stroke-gradient-m);
    stroke-width: 2rem;
    stroke-linejoin: round;
  }

  .product-content.hmo-p2 h2:nth-of-type(2) .stroke-white {
    stroke: #FFF;
    stroke-width: 1rem;
    stroke-linejoin: round;
  }

  .product-content.hmo-p2 h2:nth-of-type(2) .stroke-green-body {
    fill: none;
  }

  .product-content.hmo-p2 h2:nth-of-type(2) .stroke-green-body .plus-symbol {
    fill: #0d472a;
    stroke: #0d472a;
    stroke-width: 0.2rem;
  }


  .product-content.hmo-p2 .hmo-txt-docter {
    font-family: '微軟正黑體';
    font-size: 3.19rem;
    font-weight: 700;
    letter-spacing: 0.05rem;
    top: 81.3%;
    left: 38.7%;
    -webkit-text-stroke: 1px #FFF;
    paint-order: stroke fill;
    text-shadow:
      0px 0px 3px #FFF,
      0px 0px 5px #FFF,
      0px 0px 7px #FFF,
      0px 0px 10px #FFF;
  }

  .product-content.hmo-p3>.hmo-txt {
    font-size: 4.81rem;
    top: 2.5%;
    left: 13.5%;
    text-align: left;
    line-height: 1.68;
    letter-spacing: -0.12rem;
  }

  .product-content.hmo-p3>.hmo-txt span {
    font-size: 6rem;
    line-height: 0;
    margin-left: 0.5rem;
    -webkit-text-stroke: 1.5px #000;
  }


  .product-content.hmo-p3>h4 {
    font-size: 5.63rem;
    letter-spacing: 0.5rem;
    width: 40rem;
    height: 17rem;
  }

  .product-content.hmo-p3 h4 .svg-text {
    stroke-width: 1rem;
    transform: skewX(-10deg);
  }

  .product-content.hmo-p3 h4 .small-text {
    font-size: 7.88rem;
    baseline-shift: 1rem;
    letter-spacing: 0.5rem;
  }

  .product-content.hmo-p3>h4:nth-of-type(1) {
    top: 33.7%;
    left: 28.5%;
  }

  .product-content.hmo-p3>h4:nth-of-type(2) {
    top: 58%;
    left: 27.6%;
  }

  .product-content.hmo-p3>p:nth-of-type(1) {
    font-size: 3.38rem;
    top: 26.7%;
    left: 15.8%;
    letter-spacing: 0.04rem;
    color: #FFF;
  }

  .product-content.hmo-p3>p:nth-of-type(2) {
    font-size: 3.4rem;
    font-weight: 700;
    color: #34a063;
    top: 37.4%;
    left: 69.8%;
    opacity: 1;
  }

  .product-content.hmo-p3 .hmo-subtitle {
    display: flex;
    flex-direction: column;
    gap: 21.5rem;
    top: 41.34%;
    left: 34.6%;
  }

  .product-content.hmo-p3 .hmo-subtitle>ul:nth-of-type(1) {
    gap: 2.9rem;
  }

  .product-content.hmo-p3 .hmo-subtitle>ul:nth-of-type(2) {
    gap: 2.25rem;
  }


  .product-content.hmo-p3 .hmo-subtitle>ul>li>h3 {
    font-size: 4.72rem;
    text-indent: 0;
  }

  .product-content.hmo-p3 .hmo-subtitle>ul>li>h3>span {
    font-size: 5.46rem;
    -webkit-text-stroke: 1.5px #047835;
    padding-left: 0.3rem;
  }


  .product-content.hmo-p3 .hmo-subtitle>ul>li>p {
    font-size: 3.69rem;
  }

  .product-content.hmo-p3 .hmo-subtitle>ul:nth-of-type(1)>li:nth-of-type(1)>p {
    letter-spacing: -0.06rem;
    margin-left: 0.15rem;
  }

  .product-content.hmo-p3 .hmo-subtitle>ul:nth-of-type(1)>li:nth-of-type(2)>p {
    letter-spacing: 0.01rem;
    margin-left: 0.25rem;
  }

  .product-content.hmo-p3 .hmo-subtitle>ul:nth-of-type(2) li>p {
    letter-spacing: 0.01rem;
    margin-left: 0.3rem;
  }

  .product-content.hmo-p3>p:nth-of-type(3) {
    font-size: 2.69rem;
    font-weight: 500;
    top: 91%;
    left: 6.1%;
    opacity: 0.6;
    text-align: left;
    line-height: 1.45;
    letter-spacing: 0.01rem;
  }

  .product-content.hmo-p3>p:nth-of-type(3)>span:nth-of-type(1) {
    padding-top: 0.4rem;
    padding-right: 0.05rem;
    margin-left: -1.4rem;
    font-size: 2.69rem;
  }

  .product-content.hmo-p3>p:nth-of-type(3)>span:nth-of-type(2) {
    margin-left: -1.45rem;
    margin-right: -0.05rem;
    font-size: 2.69rem;
  }

  a.hmo-btn .hmo-btn-event,
  a.hmo-btn .hmo-btn-usually {
    position: relative;
  }

  a.hmo-btn .hmo-btn-event h4,
  a.hmo-btn .hmo-btn-usually h4 {
    font-size: 7.35rem;
    top: 7.5%;
    left: 42.8%;
    letter-spacing: 0.2rem;
    text-align: left;
    line-height: 9rem;
  }

  a.hmo-btn .hmo-btn-usually h4 {
    top: 10.5%;
    left: 4%;
    letter-spacing: -0.3rem;
  }

  a.hmo-btn .hmo-btn-event>p:nth-of-type(1),
  a.hmo-btn .hmo-btn-usually>p:nth-of-type(1) {
    font-size: 4.08rem;
    color: #FFF;
    top: 35.9%;
    left: 42.9%;
    letter-spacing: 0rem;
    text-align: left;
    line-height: 5.5rem;
  }

  a.hmo-btn .hmo-btn-usually>p:nth-of-type(1) {
    top: 33.5%;
    left: 42.2%;
  }

  a.hmo-btn .hmo-btn-event>p:nth-of-type(1) span,
  a.hmo-btn .hmo-btn-usually>p:nth-of-type(1) span {
    letter-spacing: 0.05rem;
  }

  a.hmo-btn .hmo-btn-event>p:nth-of-type(1) span:nth-of-type(1),
  a.hmo-btn .hmo-btn-usually>p:nth-of-type(1) span:nth-of-type(1) {
    letter-spacing: 0.01rem;
    padding-left: 0rem;
  }

  a.hmo-btn .hmo-btn-event>p:nth-of-type(1) span:nth-of-type(2),
  a.hmo-btn .hmo-btn-usually>p:nth-of-type(1) span:nth-of-type(2) {
    -webkit-text-stroke: 0.5px #FFF;
    top: 41%;
    left: 35%;
  }

  a.hmo-btn .hmo-btn-event>p:nth-of-type(1) span:nth-of-type(3),
  a.hmo-btn .hmo-btn-usually>p:nth-of-type(1) span:nth-of-type(3) {
    letter-spacing: 0.01rem;
    margin-left: 1.8rem;
  }

  a.hmo-btn .hmo-btn-event .hmo-dialog-box,
  a.hmo-btn .hmo-btn-usually .hmo-dialog-box {
    font-size: 4.79rem;
    top: 65.5%;
    left: 12%;
    line-height: 6rem;
    transform: rotate(-3deg) skewX(-10deg);
    letter-spacing: 0.3rem;
  }

  a.hmo-btn .hmo-btn-usually .hmo-dialog-box {
    top: 66.5%;
    left: 8%;
    letter-spacing: 0.1rem;
  }

  a.hmo-btn .hmo-btn-event .hmo-dialog-box p:nth-of-type(1) a.hmo-btn .hmo-btn-usually .hmo-dialog-box p:nth-of-type(1) {
    margin-left: -1rem;
  }

  a.hmo-btn .hmo-btn-event .hmo-dialog-box p:nth-of-type(2),
  a.hmo-btn .hmo-btn-usually .hmo-dialog-box p:nth-of-type(2) {
    padding-left: 1rem;
  }

  a.hmo-btn .hmo-btn-event>span,
  a.hmo-btn .hmo-btn-usually>span {
    font-size: 8.08rem;
    top: 67.5%;
    left: 50.8%;
    letter-spacing: 0.4rem;
    text-shadow: 1px 1px 0px #000;
  }

  a.hmo-btn .hmo-btn-usually>span {
    top: 68.5%;
    left: 55.5%;
  }






}



/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2R1Y3Quc2NzcyIsInByb2R1Y3QuY3NzIiwiX3Zhci5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBO0VBRUkseUJBQXlCO0FDSDdCOztBRE9BO0VBQ0Usa0JBQWtCO0FDSnBCOztBRE9BO0VBRUksYUFBYTtBQ0xqQjs7QUN3REk7RUZyREo7SUFLTSxVQUFVO0VDSGQ7QUFDRjs7QURIQTtFQVVJLFVBQVU7QUNIZDs7QUM4Q0k7RUZyREo7SUFhTSxVQUFVO0VDRGQ7QUFDRjs7QURLQTtFQUVJLG1CQUFtQjtBQ0h2Qjs7QUNvQ0k7RUZuQ0o7SUFLTSxVQUFVO0VDRGQ7QUFDRjs7QURMQTtFQVVJLG1CQUFtQjtBQ0R2Qjs7QUMwQkk7RUZuQ0o7SUFhTSxVQUFVO0VDQ2Q7QUFDRjs7QURmQTtFQWtCSSxnQkVqRFE7QURrRFo7O0FEbkJBO0VBc0JJLFlBQVk7RUFDWixVQUFVO0FDQ2Q7O0FDdUJJO0VGL0NKO0lBMEJNLFdBQVc7SUFDWCxnQkFBZ0I7RUNHcEI7QUFDRjs7QUQvQkE7RUErQk0saUJBQWlCO0FDSXZCOztBQ0FJO0VGbkNKO0lBa0NRLGdCQUFnQjtFQ010QjtBQUNGOztBRHpDQTtFQXNDUSxnQkFBZ0I7QUNPeEI7O0FEN0NBO0VBNENJLFlBQVk7RUFDWixVQUFVO0FDS2Q7O0FDSEk7RUYvQ0o7SUFnRE0sV0FBVztJQUNYLGVBQWU7RUNPbkI7QUFDRjs7QUR6REE7RUFxRE0sYUFBYTtBQ1FuQjs7QUMxQkk7RUZuQ0o7SUF3RFEsYUFBYTtFQ1VuQjtBQUNGOztBRG5FQTtFQThESSxXQUFXO0FDU2YiLCJmaWxlIjoicHJvZHVjdC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0IFwiLi92YXJcIjtcclxuLy8g5pyJ5byV5YWl5q2k5qqU5qGIOueUouWTgeizh+ioilxyXG5cclxuLndyYXAtdy0xMDBwY3Qge1xyXG4gIC5nb3RvcC1tIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNmMWU4Y2M7XHJcbiAgfVxyXG59XHJcblxyXG4ub3V0ZXJib3gge1xyXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxufVxyXG5cclxuLm1haW4ge1xyXG4gIC5ib3gge1xyXG4gICAgcGFkZGluZzogMjBweDtcclxuXHJcbiAgICBAaW5jbHVkZSByZXNwb25kKFwibW9iaWxlXCIpIHtcclxuICAgICAgcGFkZGluZzogMDtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC5ib3gtdy0xMDBwY3Qge1xyXG4gICAgcGFkZGluZzogMDtcclxuXHJcbiAgICBAaW5jbHVkZSByZXNwb25kKFwibW9iaWxlXCIpIHtcclxuICAgICAgcGFkZGluZzogMDtcclxuICAgIH1cclxuICB9XHJcbn1cclxuXHJcbi5wcm9kdWN0LWJveCB7XHJcbiAgJi5jb21tb24tY29udGVudCB7XHJcbiAgICBwYWRkaW5nLWJvdHRvbTogMHB4O1xyXG5cclxuICAgIEBpbmNsdWRlIHJlc3BvbmQoXCJtb2JpbGVcIikge1xyXG4gICAgICBwYWRkaW5nOiAwO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgJi5jb21tb24tY29udGVudC13LTEwMHBjdCB7XHJcbiAgICBwYWRkaW5nOiAyNXB4IDAgMCAwO1xyXG5cclxuICAgIEBpbmNsdWRlIHJlc3BvbmQoXCJtb2JpbGVcIikge1xyXG4gICAgICBwYWRkaW5nOiAwO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgLmNvbW1vbi1ib3gge1xyXG4gICAgYmFja2dyb3VuZDogJHdoaXRlO1xyXG4gIH1cclxuXHJcbiAgLmV2ZW50LWJveCB7XHJcbiAgICB3aWR0aDogODQxcHg7XHJcbiAgICBwYWRkaW5nOiAwO1xyXG5cclxuICAgIEBpbmNsdWRlIHJlc3BvbmQoXCJtZFwiKSB7XHJcbiAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICBtYXgtd2lkdGg6IDg0MXB4O1xyXG4gICAgfVxyXG5cclxuICAgIGEge1xyXG4gICAgICBtYXJnaW4tdG9wOiAtMTJweDtcclxuXHJcbiAgICAgIEBpbmNsdWRlIHJlc3BvbmQoXCJtb2JpbGVcIikge1xyXG4gICAgICAgIG1hcmdpbi10b3A6IC0ycHg7XHJcbiAgICAgIH1cclxuXHJcbiAgICAgICYud2luIHtcclxuICAgICAgICBtYXJnaW4tdG9wOiAtMnB4O1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAuZXZlbnQtYm94LXctMTAwcGN0IHtcclxuICAgIHdpZHRoOiA5ODBweDtcclxuICAgIHBhZGRpbmc6IDA7XHJcblxyXG4gICAgQGluY2x1ZGUgcmVzcG9uZChcIm1kXCIpIHtcclxuICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgIG1heC13aWR0aDogMTAwJTtcclxuICAgIH1cclxuXHJcbiAgICBhIHtcclxuICAgICAgbWFyZ2luLXRvcDogMDtcclxuXHJcbiAgICAgIEBpbmNsdWRlIHJlc3BvbmQoXCJtb2JpbGVcIikge1xyXG4gICAgICAgIG1hcmdpbi10b3A6IDA7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcblxyXG4gIGltZyB7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICB9XHJcbn0iLCIud3JhcC13LTEwMHBjdCAuZ290b3AtbSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmMWU4Y2M7XG59XG5cbi5vdXRlcmJveCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLm1haW4gLmJveCB7XG4gIHBhZGRpbmc6IDIwcHg7XG59XG5cbkBtZWRpYSBhbGwgYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5tYWluIC5ib3gge1xuICAgIHBhZGRpbmc6IDA7XG4gIH1cbn1cblxuLm1haW4gLmJveC13LTEwMHBjdCB7XG4gIHBhZGRpbmc6IDA7XG59XG5cbkBtZWRpYSBhbGwgYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5tYWluIC5ib3gtdy0xMDBwY3Qge1xuICAgIHBhZGRpbmc6IDA7XG4gIH1cbn1cblxuLnByb2R1Y3QtYm94LmNvbW1vbi1jb250ZW50IHtcbiAgcGFkZGluZy1ib3R0b206IDBweDtcbn1cblxuQG1lZGlhIGFsbCBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLnByb2R1Y3QtYm94LmNvbW1vbi1jb250ZW50IHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG59XG5cbi5wcm9kdWN0LWJveC5jb21tb24tY29udGVudC13LTEwMHBjdCB7XG4gIHBhZGRpbmc6IDI1cHggMCAwIDA7XG59XG5cbkBtZWRpYSBhbGwgYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5wcm9kdWN0LWJveC5jb21tb24tY29udGVudC13LTEwMHBjdCB7XG4gICAgcGFkZGluZzogMDtcbiAgfVxufVxuXG4ucHJvZHVjdC1ib3ggLmNvbW1vbi1ib3gge1xuICBiYWNrZ3JvdW5kOiAjZmZmO1xufVxuXG4ucHJvZHVjdC1ib3ggLmV2ZW50LWJveCB7XG4gIHdpZHRoOiA4NDFweDtcbiAgcGFkZGluZzogMDtcbn1cblxuQG1lZGlhIGFsbCBhbmQgKG1heC13aWR0aDogMTAyNHB4KSB7XG4gIC5wcm9kdWN0LWJveCAuZXZlbnQtYm94IHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBtYXgtd2lkdGg6IDg0MXB4O1xuICB9XG59XG5cbi5wcm9kdWN0LWJveCAuZXZlbnQtYm94IGEge1xuICBtYXJnaW4tdG9wOiAtMTJweDtcbn1cblxuQG1lZGlhIGFsbCBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLnByb2R1Y3QtYm94IC5ldmVudC1ib3ggYSB7XG4gICAgbWFyZ2luLXRvcDogLTJweDtcbiAgfVxufVxuXG4ucHJvZHVjdC1ib3ggLmV2ZW50LWJveCBhLndpbiB7XG4gIG1hcmdpbi10b3A6IC0ycHg7XG59XG5cbi5wcm9kdWN0LWJveCAuZXZlbnQtYm94LXctMTAwcGN0IHtcbiAgd2lkdGg6IDk4MHB4O1xuICBwYWRkaW5nOiAwO1xufVxuXG5AbWVkaWEgYWxsIGFuZCAobWF4LXdpZHRoOiAxMDI0cHgpIHtcbiAgLnByb2R1Y3QtYm94IC5ldmVudC1ib3gtdy0xMDBwY3Qge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1heC13aWR0aDogMTAwJTtcbiAgfVxufVxuXG4ucHJvZHVjdC1ib3ggLmV2ZW50LWJveC13LTEwMHBjdCBhIHtcbiAgbWFyZ2luLXRvcDogMDtcbn1cblxuQG1lZGlhIGFsbCBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLnByb2R1Y3QtYm94IC5ldmVudC1ib3gtdy0xMDBwY3QgYSB7XG4gICAgbWFyZ2luLXRvcDogMDtcbiAgfVxufVxuXG4ucHJvZHVjdC1ib3ggaW1nIHtcbiAgd2lkdGg6IDEwMCU7XG59XG4iLCIkd2hpdGU6ICNmZmY7XHJcbiRibGFjazogIzAwMDtcclxuJGdyYXk6ICM2MjYyNjI7XHJcbiRkYXJrZ3JheTogIzQ5NDk0OTtcclxuJGdyZWVuOiAjNjZiOTUyO1xyXG4ka2hha2k6ICNiZTg2MjQ7XHJcbiRkcmFrZ3JlZW46ICMwMDcwMzg7XHJcbiRsaWdodGdyZWVuOiAjZjVmZmU4O1xyXG4kcmVkOiAjYmIzNDMwO1xyXG5cclxuQG1peGluIGJnVXJsKCR3aWR0aCwgJGhlaWdodCwgJGJndXJsKXtcclxud2lkdGg6ICR3aWR0aDtcclxuaGVpZ2h0OiAkaGVpZ2h0O1xyXG5iYWNrZ3JvdW5kOiB1cmwoLi4vaW1hZ2VzLyN7JGJndXJsfSk7XHJcbn1cclxuXHJcbkBtaXhpbiBjZW50ZXJZKCkge1xyXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICB0b3A6IDUwJTtcclxuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgwLCAtNTAlKTtcclxuICBAY29udGVudDtcclxufVxyXG5cclxuLy8gUldEXHJcbiR4LXNtYWxsOiAzMjBweDtcclxuJHNtYWxsMzYwOiAzNjBweDtcclxuJHNtYWxsOiA0MjBweDtcclxuJG1vYmlsZTUwMDogNTUwcHg7XHJcbiRtb2JpbGU2NDA6IDY0MHB4O1xyXG4kbW9iaWxlOiA3NjhweDtcclxuJG1vYmlsZVVwOiA4NzVweDtcclxuJG1lZGl1bTogMTAyNHB4O1xyXG4kcGMxMjAwOiAxMjAwcHg7XHJcblxyXG5AbWl4aW4gcmVzcG9uZCgkYnJlYWtwb2ludCkge1xyXG4gIEBpZiAkYnJlYWtwb2ludCA9PVwieC1zbWFsbFwiIHtcclxuICAgIEBtZWRpYSBhbGwgYW5kIChtYXgtd2lkdGg6ICR4LXNtYWxsKSB7XHJcbiAgICAgIEBjb250ZW50O1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgQGVsc2UgaWYgJGJyZWFrcG9pbnQgPT1cInNtYWxsMzYwXCIge1xyXG4gICAgQG1lZGlhIGFsbCBhbmQgKG1heC13aWR0aDogJHNtYWxsMzYwKSB7XHJcbiAgICAgIEBjb250ZW50O1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgQGVsc2UgaWYgJGJyZWFrcG9pbnQgPT1cInNtYWxsXCIge1xyXG4gICAgQG1lZGlhIGFsbCBhbmQgKG1heC13aWR0aDogJHNtYWxsKSB7XHJcbiAgICAgIEBjb250ZW50O1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgQGVsc2UgaWYgJGJyZWFrcG9pbnQgPT1cIm1vYmlsZTUwMFwiIHtcclxuICAgIEBtZWRpYSBhbGwgYW5kIChtYXgtd2lkdGg6ICRtb2JpbGU1MDApIHtcclxuICAgICAgQGNvbnRlbnQ7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBAZWxzZSBpZiAkYnJlYWtwb2ludCA9PVwibW9iaWxlNjQwXCIge1xyXG4gICAgQG1lZGlhIGFsbCBhbmQgKG1heC13aWR0aDogJG1vYmlsZTY0MCkge1xyXG4gICAgICBAY29udGVudDtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIEBlbHNlIGlmICRicmVha3BvaW50ID09XCJtb2JpbGVcIiB7XHJcbiAgICBAbWVkaWEgYWxsIGFuZCAobWF4LXdpZHRoOiAkbW9iaWxlKSB7XHJcbiAgICAgIEBjb250ZW50O1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgQGVsc2UgaWYgJGJyZWFrcG9pbnQgPT1cIm1vYmlsZS11cFwiIHtcclxuICAgIEBtZWRpYSBhbGwgYW5kIChtYXgtd2lkdGg6ICRtb2JpbGVVcCkge1xyXG4gICAgICBAY29udGVudDtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIEBlbHNlIGlmICRicmVha3BvaW50ID09XCJtZFwiIHtcclxuICAgIEBtZWRpYSBhbGwgYW5kIChtYXgtd2lkdGg6ICRtZWRpdW0pIHtcclxuICAgICAgQGNvbnRlbnQ7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBAZWxzZSBpZiAkYnJlYWtwb2ludCA9PVwibWQtdXBcIiB7XHJcbiAgICBAbWVkaWEgYWxsIGFuZCAobWluLXdpZHRoOiAkbWVkaXVtKSB7XHJcbiAgICAgIEBjb250ZW50O1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgQGVsc2UgaWYgJGJyZWFrcG9pbnQgPT1cInBjMTIwMFwiIHtcclxuICAgIEBtZWRpYSBhbGwgYW5kIChtYXgtd2lkdGg6ICRwYzEyMDApIHtcclxuICAgICAgQGNvbnRlbnQ7XHJcbiAgICB9XHJcbiAgfVxyXG59Il19 */