@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 768px){
.WRAPPER.Template_bg {background-color: #00b2ed;}
}

/*背景*/
@media screen and (min-width:767px){
.pc_top {z-index: -1;position:absolute;top: 0;left:0;width:100%;height: 100%; background: url(pc_top.jpg?t=1787636008783) no-repeat center;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
/* .Area_hero .top_deco02 {position:absolute;top: 349px;left: 750px;z-index: 1;pointer-events: none;} */
}
@media screen and (max-width:767px){
.mb_top {position: absolute;top: 10vw;left:0;width:100%;height: 100%; background: url(mb_top.jpg?t=1787636008783) no-repeat top center; background-size: 100%;z-index:-1;}
}

/*版頭*/
@media screen and (min-width:767px){
  .Area_hero {height: 1055px;}
  .Area_hero-visual_003 .Area_hero .Area_hero--tag {top: 8%;left: 0%;}
  .Area_hero-visual_003 .Area_hero .Area_hero--title  {top: 4%;left: 11%;}
  .Area_hero-visual_003 .Area_hero .Area_hero--PD  {top: 0%;left: 0%;}
  .Area_hero-visual_003 .Area_hero .Area_hero--subtitle {top:43.5%;left: 24%;}

  .star_01 {position: absolute;top: 69px;left: 296px;z-index: 10;width: 7%;pointer-events: none;}
  .star_02 {position: absolute;top: 440px;left: 124px;z-index: 10;width: 6%;pointer-events: none;}
  .star_03 {position: absolute;top: 313px;left: 741px;z-index: 10;width: 5%;pointer-events: none;}
}
@media screen and (max-width:767px){
  /* .Area_hero {height: 57vw;}
  .Area_hero-visual_003 .Area_hero .Area_hero--tag {top: 0%;left: 0%;}
  .Area_hero-visual_003 .Area_hero .Area_hero--title  {top: 0%;left: 0%;}
  .Area_hero-visual_003 .Area_hero .Area_hero--PD  {top: 0%;left: 0%;}
  .Area_hero-visual_003 .Area_hero .Area_hero--subtitle {top: 67%;left: 29%;} */

  .star_01 {position: absolute;top: 9vw;left: 31vw;z-index: 10;width: 7%;pointer-events: none;z-index: 13;}
  .star_02 {position: absolute;top: 48vw;left: 13vw;z-index: 10;width: 6%;pointer-events: none;z-index: 13;}
  .star_03 {position: absolute;top: 34vw;left: 76vw;z-index: 10;width: 5%;pointer-events: none;z-index: 13;}
}



/*日期*/
.TIMER_DAY {
  display:flex;
  justify-content: center;
  flex-wrap:nowrap;
  position: absolute;
  top: 20px;
  left: 475px;
  width:25%;
  height: 206px;
  animation: time 1s ease forwards;
  animation-delay: 1s;
  opacity: 0;
  padding: 36px 36px 0 36px;
  font-size: 55px;
  font-weight: bold;
  font-family: "Century Gothic";
  z-index: 0;
  transform: rotate(349deg) scale(0.85);
  box-sizing: border-box;
  color: #fbe0e5;
  /* background: url(datebg.png?t=1787636008783)no-repeat center / 88% ;*/
  } 
.TIMER_DAY small {font-size: 40px; font-weight: 100; position: relative;}
.TIMER_DAY #sendMonth { display: inline-block; text-align: right;  letter-spacing: -2px;} 
.TIMER_DAY #sendToday { display: inline-block;  text-align: left; letter-spacing: -2px;}
.TIMER_DAY .sendtxt { font-size: 0.8em; font-weight: 500; margin:12px 0 0 3px; text-align: left; width: 90%;}
.TIMER_DAY .box{ width: 100%; display: flex; justify-content: right; align-items: center;height: 80px; }
@media screen and (max-width: 736px){ 
.TIMER_DAY {position: absolute;width: 34%;top: 1.5vw;left: 45.5vw;font-size: 7vw;letter-spacing: 0;padding: 4vw 4vw 0 4vw;text-align: left;margin: 0;font-weight: 900;height:22vw;transform: rotate(
349deg) scale(0.78);}
.TIMER_DAY small {font-size: 4vw;}    
.TIMER_DAY #sendMonth {display: inline-block; font-size: 1em; }
.TIMER_DAY #sendToday {display: inline-block; font-size: 1em; }
.TIMER_DAY .sendtxt {font-weight: 500;font-size: 0.8em;  margin:0.3vw 0 0 0.5vw;}	
.TIMER_DAY .box{ height: 8vw; }
}
@keyframes time{
  0%{ opacity: 0;}
  100%{ opacity: 100; }
}

  
/* 區塊 */
@media screen and (min-width:767px){
.pc_bgtop {width:2000px;position:absolute;top: -80px;left: 50%;transform: translate(-50%);}
.pc_bgbom {width:2000px;position:absolute;bottom: -140px;left: 50%;transform: translate(-50%);}
.Areabottom_uniq {margin-bottom: 110px;}
}
@media screen and (max-width:767px){
.mb_bgtop {}
}


/* 小小標改一下 */
@media screen and (min-width:767px){
.Area_liltxt .PD_layout.PD_layout-D3_01 .PD h3 {font-size:45px;}
}


/*特談新品嚐鮮價到輪播*/
.Area_key{}
.Area_key .box2 {width: 100%;position: relative;overflow: hidden;margin: 10px auto 0;}
.Area_key .box2 .Area_swiper_box ul.PD_wrapper { position: relative; display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; background-color: rgba(0,0,0,0); grid-gap: 0 }
.Area_key .box2 .Area_swiper_box ul.PD_wrapper li {flex-shrink: 0;margin: 0;padding:0px 10px 15px 10px;min-width: auto;background-color: transparent;border: none;border-radius: 0;background:url(mPD5_bg.png?t=1787636008783) no-repeat top / 100%;}
.Area_key .box2 .Area_swiper_box ul.PD_wrapper li .PD_into{padding: 39px 0 0;}
.Area_key .box2 .Area_swiper_box ul.PD_wrapper li .PD_into p{ display: none; }
.Area_key .box2 .PD_layout .PD h3 span{background-color:transparent;color: #17100c;font-size: 25px;max-width: 100%;padding: 0;font-weight: 700;}
.Area_key .box2 .PD_layout .PD h4 {color: #17100c;font-size: 25px;}
.Area_key .box2 .PD_layout .PD h4 b{ display:none; }
.Area_key .box2 .PD_layout .PD h4 span{ display: block; width: 92%; margin: 6px auto 0; font-weight: 700;}
@media screen and (max-width: 767px) {
  .Area_key{}
  .Area_key .box2 {width:98%;margin: 2vw 0 0 2vw;}
  .Area_key .box2 .Area_swiper_box { width: 100%; }
  .Area_key .box2 .Area_swiper_box ul.PD_wrapper { padding: 0 0 1vw;}
  .Area_key .box2 .Area_swiper_box ul.PD_wrapper li {padding: 0vw 0 3.5vw 0;background:url(mPD5_bg.png?t=1787636008783) no-repeat top / 100%;}
  .Area_key .box2 .PD_layout .PD_img {padding: 1.7em;}
  .Area_key .box2 .Area_swiper_box ul.PD_wrapper li .PD_into{padding: 2.3vw 0 0;}
  .Area_key .box2 .PD_layout .PD h3 span{ font-size: 4vw; max-width: 88%;}
  .Area_key .box2 .PD_layout .PD h4{ font-size: 3.5vw; }
  .Area_key .box2 .PD_layout .PD h4 span{ width: 82%; margin: -.6vw auto 0;}
}


/* 頁籤底盤 */
@media screen and (min-width: 767px) {
  .Area_K1 {margin-bottom: 50px;}
  }
@media screen and (max-width: 767px) {
.Area_K1 {margin-bottom: 5vw;}
}