@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=1789973157040) no-repeat center;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.top_deco {z-index: -1;position:absolute;top: 900px;left:0;width:100%;height: 100%; background: url(top_deco.png?t=1789973157040) no-repeat center;background-repeat:repeat-y;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=1789973157040) no-repeat top center; background-size: 100%;z-index:-1;}
}

/*版頭*/
@media screen and (min-width:767px){
  .Area_hero {height: 600px;}
  .Area_hero-visual_003 .Area_hero .Area_hero--tag {top: 8%;left: 0%;}
  .Area_hero-visual_003 .Area_hero .Area_hero--title  {top: 8%;left: 0%;z-index: 99;}
  .Area_hero-visual_003 .Area_hero .Area_hero--PD  {top: 0%;left: 0%;}
  .Area_hero-visual_003 .Area_hero .Area_hero--subtitle {top:69.5%;left: 29%;}

.Area_hero .top_deco01 {position:absolute;top: 105px;left: 185px;z-index: 1;pointer-events: none;}
.Area_hero .top_deco02 {position:absolute;top: 138px;left: 120px;z-index: 1;pointer-events: none;}
.Area_hero .top_deco03 {position:absolute;top: 308px;left: 740px;z-index: 1;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%;}

  .Area_hero .top_deco01 {position: absolute;top: 7vw;left: 20vw;width: 5%;}
  .Area_hero .top_deco02 {position: absolute;top: 13vw;left: 14.5vw;width: 4%;}
  .Area_hero .top_deco03 {position: absolute;top: 30vw;left: 75.5vw;width: 3.5%;}
}

/* 日期 */
@media screen and (min-width:767px){
  .TIMER_DAY {position:absolute;top:410px;left: 35px;width: 174px;z-index: 180;display:block;font-size: 56px;font-family:"Century Gothic", sans-serif;font-weight: 900;font-style: normal;color: #fff;letter-spacing: 5px;text-align:center;/*transform: rotate(5deg);*/}
  .TIMER_DAY small {font-size: 25px;}
  .TIMER_DAY #sendMonth {width: 33px;text-align: center;display: inline-block;margin-right: 0px;}
  .TIMER_DAY #sendToday {width: 68px;text-align: left;display: inline-block;margin-left: 0px;}
  }
  @media screen and (max-width:767px){
  /*日期*/	
  .TIMER_DAY {position:absolute;top: 38vw;left:0.5vw;width: 20%;z-index:62;display:block;font-size: 21px;color: #fff;letter-spacing: 1px;font-family:"Century Gothic", sans-serif;font-weight: 900;font-style: normal;text-align:center;/*transform: rotate(5deg);*/}
  .TIMER_DAY small {font-size: 10px;margin-right: 0vw;}
  .TIMER_DAY #sendMonth {width: 10px;text-align: center;display: inline-block;margin-right: 0vw;}
  .TIMER_DAY #sendToday {width: 20px;text-align: left;display: inline-block;margin-left: 0vw;}
  }
  
  /* 今日輪播 */
  @media screen and (min-width:767px){
    .Area_today .Area_content {padding:0% 4.1%;}
    .Area_today .Area_content .PD_layout li {border: 2.5px solid #000;}
  }
  @media screen and (max-width:767px){
    .Area_today .Area_content {padding:0% 4.1%;}
    .Area_today .Area_content .PD_layout li {border: 1.5px solid #000;}
  }

/* 輪播BN */
@media screen and (min-width:767px){
.Area_bn01 .Area_content {padding:11% 0%;}
}
@media screen and (max-width:767px){
.Area_bn01 .Area_content {padding:6% 0%;}
}

/* 倒數 */
.TimerNick { position: relative;top: 0px;left:320px;padding: 0; margin:0 0 30px; width: 100%; text-align: left; z-index:1;}
.TimerNick .FontStyle { display: inline-block; margin: 0; padding: 0; width: 45px; font: normal 30px/30px Arial; color: #0150a3; letter-spacing: -1px; text-align: center;}
.TimerNick span { padding-left: 2px; font: bold 30px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em; color: #0150a3;}
.TimerNick small{  position: relative; font: bold 15px/24px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0; color: #311840;}
@media screen and (max-width:767px){
.TimerNick { position: relative;top:0vw;left: 0vw;margin: 0 auto;text-align: center;z-index:10;/*background-color:#f79ab9;*/padding:0vw 0 3vw 0;}
.TimerNick .FontStyle {color: #0150a3;}
.TimerNick span {color: #0150a3;}
.TimerNick .FontStyle { width: 7.5vw; font: normal 5vw/4vw Arial;}
.TimerNick div:nth-of-type(2),
.TimerNick div:nth-of-type(3),
.TimerNick div:nth-of-type(4){ width: 7.5vw;}
.TimerNick span { font: bold 3.2vw/2vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0;}
}
  
/* 折價券改顏色 */
.PD_layout.PD_layout-coupon3 .PD .divine_coupon {color: #000;}


/* 獨家 */
@media screen and (min-width:768px){
  .Area_new_sw2{margin: 0px auto 40px auto;}
  /*公版*/
  .Area_new_sw2 .box{width: 100%;padding: 0 0 0 0;padding-bottom: 0px;}
  .Area_new_sw2 .box .ly ul li{background: no-repeat center top/105% url("new_sw_bg.png?t=1789973157040");padding: 0 0 70px 0;}
  .Area_new_sw2 .box .ly ul li .PD .PD_img{width: 80%;margin: 60px 0 0 0;position: relative;left: 50%;transform: translateX(-50%);}
  .Area_new_sw2 .box .ly ul li .PD .PD_into {position: relative;top: 0px;}
  .Area_new_sw2 .box .ly ul li .PD .PD_into h3{color: #000000;}
  .Area_new_sw2 .box .ly ul li .PD .PD_into h4{display: none;}
  /*文字*/
  .Area_new_sw2 .box .ly ul li .PD .PD_into h3{font-size: 1.8em;}
  .Area_new_sw2 .box .ly ul li .PD .PD_into h4{display: none;}
  /*價錢*/
  .Area_new_sw2 .PD_layout ul li p{color: #4566f0;}
  .Area_new_sw2  .PD_layout ul li h4 b{}
  .Area_new_sw2  .PD_layout .PD p b, .PD_layout .PD p del {font-size: 20px;}
  .Area_new_sw2  .PD_layout .PD p .money {font-size: 25px;}
  .Area_new_sw2  .PD_layout .PD p .Price {font-size: 40px;font-weight: 800;}
}
@media screen and (max-width:767px){
  .Area_new_sw2{margin: 0vw auto 2vw auto;}
  /*公版*/
  .Area_new_sw2 .box{padding: 0 0 0 0;width: 98%;}
  .Area_new_sw2 .box .ly ul li{background: no-repeat center top/102% url("new_sw_bg.png?t=1789973157040");padding: 0 0 4% 0;margin-right: 0vw !important;}
  .Area_new_sw2 .box .ly ul li .PD .PD_img{width: 88%;margin: 5.5vw 0 0 0;position: relative;left: 50%;transform: translateX(-50%);}
  .Area_new_sw2 .box .ly ul li .PD .PD_into {position: relative;top: 0vw;}
  .Area_new_sw2 .box .ly ul li .PD .PD_into h3{color: #000000;}
  .Area_new_sw2 .box .ly ul li .PD .PD_into h4{display: none;}
  /*價錢*/
  .Area_new_sw2 .box .PD_layout ul li p{color: #4566f0;line-height: 1.2em;}
  .Area_new_sw2 .box .PD_layout ul li h4 b{}
  .Area_new_sw2 .Area_swiper_box .PD_layout .PD p .Price {font-size: 26px;}
}
  

/* 公版 */
@media screen and (min-width:767px){
.Area_PD .Area_title_lbtclass #js-PD_val_1 {color:#ffffff;}
}
@media screen and (max-width:767px){
.Area_PD .Area_title_lbtclass #js-PD_val_1 {color:#ffffff;}
}