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

/*版頭*/
@media screen and (min-width:767px){
  .Area_hero {height: 810px;}
  .Area_hero-visual_003 .Area_hero .Area_hero--tag {top: 7%;left: 18%;}
  .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:42.5%;left: 18%;}

.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: 94vw;}
  .Area_hero-visual_003 .Area_hero .Area_hero--tag {top: 7%;left: 17%;}
  .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: 38%;left: 18%;}

  .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){
    .Area_today .Area_content {margin-left:7.5%;}
    .Area_today .PD_layout.PD_layout-D1_15 ul .PD .PD_into {background-color: #ff620b;}
    .Area_today .PD_layout.PD_layout-D1_15 ul li .PD h3 {color:#ffffff;}
    .Area_today .PD_layout.PD_layout-D1_15 ul li .PD h4 {color:#ffffff;}
    .Area_today .PD_layout.PD_layout-D1_15 ul li .PD p {color:#ffffff;}
  }
  @media screen and (max-width:767px){
  .Area_today .Area_content {margin-left:10.5%;}
  .Area_today .PD_layout.PD_layout-D1_15 ul .PD .PD_into {background-color: #ff620b;}
  .Area_today .PD_layout.PD_layout-D1_15 ul li .PD h3 {color:#ffffff;}
  .Area_today .PD_layout.PD_layout-D1_15 ul li .PD h4 {color:#ffffff;}
  .Area_today .PD_layout.PD_layout-D1_15 ul li .PD p {color:#ffffff;}
  }


/* 輪播 */
@media screen and (min-width:768px){
.Area_sw .topPD { background-size:80%;background-position: left 0;}
}
/* 關鍵字 */
.Area_search { z-index: 3 ; }
.Area_search .PD_layout-D1_03 ul::before { display: none ; }
@media screen and (min-width:768px){
  .Area_search .layout_text  { width: 100% ; margin-bottom: 20px ; }
  .Area_search .layout_text ul { padding: 0 !important ; }
  .Area_search .box { /*background-image: url(brown_bg.jpg?t=1787042775402);*/ background-repeat: repeat-y; background-size: 100% ; padding-top: 20px ; }
  .Area_search .layout_search ul{ grid-gap: 0 !important; padding: 0 !important ; }
  .Area_search .layout_search .PD h3 { color: #fff;}
  .Area_search .layout_search ul li { background-color: #3e560e ; border: solid #332f09 2px ; box-shadow: 5px 5px 0 #7aa81e; }
  .Area_search.Area_search2 .layout_search ul li { background-color: #ff6510; border: solid #dc611d 2px ; box-shadow: 5px 5px 0 #dc611d; }
  .Area_search.Area_search3 .layout_search ul li { background-color: #70503c; border: solid #4e3525 2px ; box-shadow: 5px 5px 0 #4e3525; }
}
 @media screen and (max-width:767px){
  .Area_search .box { /*background-image: url(brown_bg.jpg?t=1787042775402);*/ background-repeat: repeat-y; background-size: 100% ; padding-top: 3vw; }
  .Area_search .layout_search ul{ grid-gap: 0 !important; }
  .Area_search .layout_search .PD h3 { color: #fff ; font-size: 4vw ; }
  .Area_search .layout_search ul li { background-color: #3e560e ; border: solid #332f09 2.5px ; box-shadow: 0.5vw 0.5vw 0vw #7aa81e; }
  .Area_search.Area_search2 .layout_search ul li { background-color: #ff6510 ; border: solid #dc611d 2.5px ; box-shadow: 0.5vw 0.5vw 0vw #dc611d; }
  .Area_search.Area_search3 .layout_search ul li { background-color: #70503c ; border: solid #4e3525 2.5px ; box-shadow: 0.5vw 0.5vw 0vw #4e3525; }
  .Area_search .swiper-pagination-bullet { width: 6px ; height: 6px ; }
}


/* 倒數 */
.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=1787042775402");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=1787042775402");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;}
}