@charset "utf-8";
/* CSS Document */


/*版頭*/
.Area_momologo .superlogo { z-index: 10; position: absolute; top: -2px; left: 88px;}
.Area_momologo .superlogo a { display: block; width: 210px; height:75px; background: url(momo_logo_super.png?t=1786706103022) no-repeat; background-size: 100%;}

@media screen and (max-width:767px){
	.Area_momologo .superlogo { z-index: 10; top: 2vw; left: 2vw;}
	.Area_momologo .superlogo a {background-size:100%;width: 30vw;height: 12vw;}
}


@media screen and (max-width: 767px) {
  /* 標題*/
  .Area_hero-visual_003[org="1"]:is(.Area_hero--title), .Area_hero-visual_003[org="1"] .Area_hero--title {position: absolute;width: 48%;left: 0;top: 2vw;}

  /* 標題(輪播)*/
  .Area_hero-visual_003[org="1"] .Area_hero--subtitle {position: absolute;width: 48%;left: 0;top: 44vw;}

  /* 相片(輪播) */
  .Area_hero--PIC {display: none;}
  .Area_hero-visual_003[org="1"]:is(.Area_hero--PD), .Area_hero-visual_003[org="1"] .Area_hero--PD {width: 40%;top: 3vw;left: 67vw;}

  /* 版頭品 */
  .Area_hero-visual_003[org="1"]:is(.Area_hero--PD2), .Area_hero-visual_003[org="1"] .Area_hero--PD2 {position: absolute;width: 57%;left: 41vw;top: 16vw;z-index: 3;}
  .Area_hero-visual_003[org="1"]:is(.Area_hero--PD2), .Area_hero-visual_003[org="1"] .Area_hero--PD3 {position: absolute;width: 58%;left: 0vw;top: 56vw;}

  /* 限定標 */
  .Area_hero-visual_003[org="1"]:is(.Area_hero--tag), .Area_hero-visual_003[org="1"] .Area_hero--tag {position: absolute;width: 30%;left: 35vw;top: 8vw;}

  /* 相片貼紙 */
  .Area_hero .deco {position: absolute;width: 10%;right: 7vw;top: 2vw;z-index: 4;pointer-events: none;}

  }
  


  @media screen and (min-width: 768px) {
    /* 標題*/
    .Area_hero-visual_003[org="1"]:is(.Area_hero--title), .Area_hero-visual_003[org="1"] .Area_hero--title {position: absolute;width: 48%;left: 0;top: 0;}
    
    /* 標題(輪播)*/
    .Area_hero-visual_003[org="1"] .Area_hero--subtitle {position: absolute;width: 48%;left: 0;top: 400px;}
  
    /* 相片(輪播) */
    .Area_hero--PIC {position: absolute;width: 30%;right: 81px;top: 34px;}
    .Area_hero-visual_003[org="1"]:is(.Area_hero--PD), .Area_hero-visual_003[org="1"] .Area_hero--PD {display: none;}
  
    /* 版頭品 */
    .Area_hero-visual_003[org="1"]:is(.Area_hero--PD2), .Area_hero-visual_003[org="1"] .Area_hero--PD2 {position: absolute;width: 55%;left: 420px;top: 180px;z-index: 3;}
    .Area_hero-visual_003[org="1"]:is(.Area_hero--PD2), .Area_hero-visual_003[org="1"] .Area_hero--PD3 {position: absolute;width: 58%;left: 0;top: 535px;}
  
    /* 限定標 */
    .Area_hero-visual_003[org="1"]:is(.Area_hero--tag), .Area_hero-visual_003[org="1"] .Area_hero--tag {position: absolute;width: 30%;left: 330px;top: 60px;}
  
    /* 相片貼紙 */
    .Area_hero .deco {position: absolute;width: 48%;right: -134px;top: 27px;z-index: 4; pointer-events: none;}


  }
  
  



/* ====(((( 模板開始：倒數計時 (comp_block_20260623001__countdown-timer) ))))===== */
.Area_Timecountdown {display: flex;flex-direction: row;justify-content: left;align-items: center;gap: 0em;font-weight: 600;}
@media screen and (max-width: 767px) {
  .Area_Timecountdown {font-size: 4vw;transform: rotate(5deg);position: relative;top: 0vw;left: 9vw;}
}
@media screen and (min-width: 768px) {
  .Area_Timecountdown {font-size: 1.6em;transform: rotate(5deg);position: relative;top: -45px;left: 90px;}
}
.Area_Timecountdown .FontStyle { display: flex; align-items: center; gap: 0em;}
.Area_Timecountdown .FontStyle-number { display: flex; justify-content: center; align-items: center; min-width: 0; padding: 0.1em 0.2em; border-radius: 0.2em; font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1em;}
/* 黑字白底 */
:where(.Area_Timecountdown-black) {color: #969696;}
:where(.Area_Timecountdown-black .FontStyle-number) {color: #e5391c; background-color: rgba(255, 255, 255, 0);}
/* 白字黑底 */
:where(.Area_Timecountdown-white) { color: #fff;}
:where(.Area_Timecountdown-white .FontStyle-number) { color: #F4E0C1; background-color: rgba(0, 0, 0, 0.9);}
/* ====(((( 模板結束：倒數計時 (comp_block_20260623001__countdown-timer) ))))===== */



@media screen and (min-width: 768px) {  
  .Area05 .Area_content .PD_layout ul li {background:url(Area05_bg.png?t=1786706103022)top center no-repeat;background-size:100%;}
  .Area05 .Area_content .PD_layout ul li .PD_img{margin: 10% 0;padding: 2%;}
  .Area05 .Area_content .PD_layout ul li .PD_into{margin: 38% 0 0;}
  .Area05 .Area_content .PD_layout[data-pd-h3="5"] .PD h3 {font-size: 30px;margin-bottom: 0em;line-height: 1em;color: #000000;}
  .Area05 .Area_content .PD_layout[data-pd-h3="5"] .PD h3 span {display: inline-block;padding: 0 .5em;max-width: 85%;border-radius: 4px;background-color:rgb(255 255 255 / 0%);}
  .Area05 .Area_content .PD_layout[data-pd-h4="1"] .PD h4 {font-size: 30px;color: #000000;margin-bottom: 0em;line-height: 1.5em;}
  .Area05 .Area_content .PD_layout ul li .PD p {color: #e1461d;margin-top: 20px;height: 45px;line-height: 40px;}  
  .Area05 .Area_content .PD_layout ul li .PD p del{ font-size: 20px}
  .Area05 .Area_content .PD_layout ul li .PD p .money{font-size: 26px;}
  .Area05 .Area_content .PD_layout ul li .PD p .Price{font-size: 50px;}


  
  .Area06 .Area_content .PD_layout ul li {background:url(Area06_pdbg.png?t=1786706103022)top center no-repeat;background-size: 96%;margin: 160px 0 100px;}
  .Area06 .Area_content .PD_layout ul li:nth-child(even) {transform: rotate(-5deg);}
  .Area06 .Area_content .PD_layout ul li:nth-child(odd) {transform: rotate(5deg);}
  .Area06 .Area_content .PD_layout ul li .PD_img{margin: 3% 5%;}
  .Area06 .Area_content .PD_layout ul li .PD_into{margin: 0;}
  .Area06 .Area_content .PD_layout[data-pd-h3="5"] .PD h3 {font-size: 30px;margin-bottom: 0em;line-height: 1em;color: #000000;}
  .Area06 .Area_content .PD_layout[data-pd-h3="5"] .PD h3 span {display: inline-block;padding: 0 .5em;max-width: 85%;border-radius: 4px;background-color:rgb(255 255 255 / 0%);}
  .Area06 .Area_content .PD_layout[data-pd-h4="1"] .PD h4 {font-size: 30px;color: #000000;margin-bottom: 0em;line-height: 1.5em;}
  .Area06 .Area_swiper_box .PD_layout li,.Area_swiper_box .PD_layout li .PD_img img {border-radius: 0px;}
  .Area06 .clip {position: absolute;top: 55px;pointer-events: none;z-index: 3;}
 
}

  

@media screen and (max-width: 767px) {
.Area05 .Area_content .PD_layout ul li {background:url(Area05_bg.png?t=1786706103022)top center no-repeat;background-size:100%;}
.Area05 .Area_content .PD_layout ul li .PD_img{margin: 10% 0;padding: 2%;}
.Area05 .Area_content .PD_layout ul li .PD_into{margin: 35% 0 0;}
.Area05 .Area_content .PD_layout[data-pd-h3="5"] .PD h3 {font-size: 19px;margin-bottom: 0em;line-height: 1em;color: #000000;}
.Area05 .Area_content .PD_layout[data-pd-h3="5"] .PD h3 span {display: inline-block;padding: 0 .5em;max-width: 85%;border-radius: 4px;background-color:rgb(255 255 255 / 0%);}
.Area05 .Area_content .PD_layout[data-pd-h4="1"] .PD h4 {color: #000000;margin-bottom: 0em;line-height: 1.5em;}
.Area05 .Area_content .PD_layout ul li .PD p { color: #e1461d;}



.Area06 .Area_content .PD_layout ul li {background:url(Area06_pdbg.png?t=1786706103022)top center no-repeat;background-size: 100%;margin: 15% 0 10%;}
.Area06 .Area_content .PD_layout ul li:nth-child(even) {transform: rotate(-5deg);}
.Area06 .Area_content .PD_layout ul li:nth-child(odd) {transform: rotate(5deg);}
.Area06 .Area_content .PD_layout ul li .PD_into{margin: 0;}
.Area06 .Area_content .PD_layout[data-pd-h3="5"] .PD h3 {font-size: 19px;margin-bottom: 0em;line-height: 1em;color: #000000;}
.Area06 .Area_content .PD_layout[data-pd-h3="5"] .PD h3 span {display: inline-block;padding: 0 .5em;max-width: 85%;border-radius: 4px;background-color:rgb(255 255 255 / 0%);}
.Area06 .Area_content .PD_layout[data-pd-h4="1"] .PD h4 {color: #000000;margin-bottom: 0em;line-height: 1.5em;}
.Area06 .Area_swiper_box .PD_layout li,.Area_swiper_box .PD_layout li .PD_img img {border-radius: 0px;}
.Area06 .clip {position: absolute;top: 3vw;pointer-events: none;z-index: 3;}





}



.Area_pd-grid-4x2:nth-child(even) .Area_content{background-color:#5fa5ad;padding: 0 2% 2%;}
.Area_pd-grid-4x2:nth-child(odd) .Area_content{background-color:#ca7727;padding: 0 2% 2%;}



/*短距位移*/
@keyframes fadeInLeft_s_2 {
  from {
    opacity: 0;
    transform: translate3d(-20%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft_s_2 {
  animation-name: fadeInLeft_s_2;
  animation-duration:1s;

}


/*短距位移*/
@keyframes fadeInUp_s {
  from {
    opacity: 0;
    transform: translate3d(0, 5%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUp_s {
  animation-name: fadeInUp_s;
  animation-duration:1s;
}

.Area_hero--PD2 {
  animation: swingFadeIn 1s ease-out forwards,
             swing 3.5s ease-in-out 1s infinite alternate;
  transform-origin: center;
}

@keyframes swingFadeIn {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes swing {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(3deg);
  }
}


.Area_hero--tag {
  opacity: 0;
  transform-origin: center;
  animation: stampIn 0.7s ease-out forwards;
}

@keyframes stampIn {
  0% {
      opacity: 0;
      transform: scale(3);
  }

  60% {
      opacity: 1;
      transform: scale(0.85);
  }

  80% {
      transform: scale(1.1);
  }

  100% {
      opacity: 1;
      transform: scale(1);
  }
}

.Area_hero--tag {
  opacity: 0;
  transform-origin: center;
  animation: stampIn 0.7s ease-out 0.8s forwards;
}


/*黏人精*/
.Area_hammerAD { z-index: 9999; position: fixed; bottom: 0; right: 0;}
.Area_hammerAD .box { position: relative; margin-right: 10px; opacity: 1;}
.Area_hammerAD img { width: 100%; height: auto; position: absolute; top: 0; left: 0;}
.Area_hammerAD .closeButton a { display: block; cursor: pointer; position: absolute; width: 20px; height: 20px; border-radius: 50%; font: bold 20px/1em "Century Gothic"; color: #FFF; text-align: center; background-color: rgba(0%,0%,0%,0.5); text-decoration: none; z-index: 2;}
.Area_hammerAD .Ahammer_text { position: absolute; z-index: 2; display: flex; align-items: center; justify-content: center; width: 90%; color: #000; font-family: "Century Gothic","Noto Sans CJK TC"; font-weight: 700;}
.Area_hammerAD .Ahammer_black .img_0, .Area_hammerAD .img_1 { filter: brightness(0%);}
.Area_hammerAD .Ahammer_black .img_1 { filter: none;}
.Area_hammerAD .Ahammer_black .Ahammer_text { color: #fff;}
@media screen and (min-width:768px){
  .Area_hammerAD { position: fixed; z-index: 300; left: 50%; right: auto; bottom: 50px; display: block; width: 210px; height: 200px; transform: translateX(618px) translate3d(0,200px,0);}
  .Area_hammerAD .closeButton a { top: 0; right: 0;}
  .Area_hammerAD .Ahammer_text { font-size: 2.3em; line-height: 1em; height: 1em; top: 40px;}
}
@media screen and (max-width:767px){
  .Area_hammerAD { display: block; width: 26%; transform: translate3d(0px, -215px, 0px) !important;}
  .Area_hammerAD .closeButton a { top: 1vw; right: 1vw;}
  .Area_hammerAD .Ahammer_text { font-size: 1.5em; line-height: 1.5em; height: 1.5em; top: 3.6vw;}
}