/*PC背景*/
@media screen and (min-width:767px){
  .bgtop_fixed { z-index:0; position:fixed; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
  .bg_03 {z-index:-55;position:absolute;top: 1160px;left:0;width:100%;height:100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
  .bg_deco { z-index:0;position:fixed;top:0px; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear; pointer-events:none;}	
  }
  
  /*mb背景*/
  @media screen and ( max-width:767px) {
    .bgtop01 { z-index:0; position:absolute; top:44px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; background-size:100%; }	
    .bgtop02 { z-index:0; position:absolute; top:10vw; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; background-size:100%; }	
  .bg03{ z-index:-1; position:fixed; top:0vw; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position:center top; background-size:100%; }	
  .bg02{ z-index:-1; position:absolute; top:0vw; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position:center top; background-size:100%; }	
    
  }
  



/*區背景*/
.Area .bg, .Area .bg_btom{ position: absolute;pointer-events: none;z-index:0; }
@media screen and (min-width: 768px){
  .Area .bg, .Area .bg_btom{ left: 50%; transform: translateX(-50%); width: 2000px;}
  .AreaActive:before{ left: 50%; transform: translateX(-50%); }

  .AreaActive .bg {top:150px;left: 50%;}	
  .AreaActive .bg_btom {bottom:-41px;}	
  .AreaActive:before{ content:''; width: 2000px; height: 94%; background:url(AreaActive_center.png?t=1782460167800) repeat-y center / 100%; position: absolute; top: 182px;} 

}

@media screen and (max-width:767px){

  .AreaActive .bg {top:16vw;left:0;width:100%;  }	
  .AreaActive .bg_btom {bottom:-9vw;left:0;width:100%; }	
  .AreaActive:before{ content:''; width: 100%; height: 96%; background:url(mAreaActive_center.png?t=1782460167800) repeat-y center / 100%; position: absolute; top: 26vw; left: 0;}

}


/*區標圖*/
.box_txt_all {position: relative;  height: auto; z-index: 10; }
.box_txt_all .PD_layout ul {padding: 0;grid-gap: 0px !important;}	
.box_txt_all img{width: 100%!important;padding: 0;}
@media screen and (min-width: 768px){
.box_txt_all { margin: 0 auto 0; width: 860px; }
}
@media screen and (max-width:767px){
.box_txt_all { margin: 0 auto 0; }
}


  /*版頭區塊*/
  @media screen and (min-width:768px){
    .AreaTop {height:520px;z-index: 1;}
    .AreaTop .deco1{position:absolute;top:0px;left: 877px;z-index:2;}
    .AreaTop .deco2{position:absolute;top:286px;left:248px;z-index:35;}
    .AreaTop .deco3{position: absolute;top: 275px;left: 915px;z-index: 2; animation-delay: 1s;}
    .AreaTop .line{position: absolute; top: 326px;  left: 119px; z-index: 5; animation-delay: 0.7s;}
    .AreaTop .today_only {position: absolute;top: 521px;left:61px; width: 65px; z-index: 1;}
  
    }
    @media screen and (max-width:767px){
    .AreaTop {height:50vw;}
    .AreaTop .mb_01{position:absolute; top:0; left:0 ;width: 100%; z-index:-1;}
    .AreaTop .deco1{position:absolute;top: 1.5vw;left:73vw;width: 18%;z-index: 1;}
    .AreaTop .deco2{position:absolute;top:28.5vw;left:12vw;width:15%;z-index: 1;}
    .AreaTop .deco3{ position: absolute; top: 21vw; left: 81vw;width: 15%;z-index: 1;animation-delay: 1s;}
    .AreaTop .line{position: absolute;  top: 25.5vw;  left: 5.5vw;  z-index: 2; width: 17.5%;animation-delay: 0.7s;}
    .AreaTop .today_only{position:absolute;width: 10%;top:50vw;left: 0vw;}
    }
  
 
  
  /*版頭主標微調*/
  .title01 .PD_layout .PD img { width: auto!important; }
  .title01 .PD_layout .PD a { pointer-events: none; }
  .title01 .PD_layout .PD_slide:hover {transform: translateY(0); }
  .title01 .PD_layout .PD_slide {min-width: 100%;}
  .title01 .PD_layout input{position: relative;left: 155px;}
  @media screen and (min-width: 768px){
  .title01 {position: relative;top:33px;left:101px; }
  }
  @media screen and (max-width:767px){
  .title01{width: 100%;}
  .title01 .PD_layout {  position: relative;top: 3vw;left: 0;width: 100%; }
  .title01 .PD_layout .PD img { width: 100%!important; }
 
  }
  
  
  /*副標輪播*/
  .AreaTop .topPD2 {position: absolute;top: 321px;left: 414px;width: 470px;height: 230px;overflow: hidden;z-index: 20;}
  .AreaTop .topPD2 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;}
  .AreaTop .topPD2 ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
  .AreaTop .topPD2 ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}
    @media screen and (max-width:767px){
    .AreaTop .topPD2 { position: relative;top:-13.5vw;left:25vw;width: 50%;z-index: 20;height:17vw;}
    .AreaTop .topPD2 .PD_layout .PD img {width: 90%!important;}
  }

  


/*日期*/
.TIMER_DAY {display:flex; justify-content: center; flex-wrap:nowrap; position: absolute; top: 40px; left: 434px; width:32%; height: 187px;   
  padding: 30px 0px 0 52px; font-size:57px; font-weight: bold; font-family: "Century Gothic"; z-index: 3;  transform:rotate(-5deg) scale(0.8);
   box-sizing: border-box;color: #000;/* background: url(datebg.png?t=1782460167800)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:6px 0 0 7px; text-align: left; width: 46%;}
.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: 45%;top: 2vw;left: 26vw;font-size: 6.5vw;letter-spacing: 0; padding:4vw 1vw 0 2vw; text-align: left;margin: 0;font-weight: 900; height:22vw;  transform: rotate(-5deg) scale(0.7);}
.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.9em;  margin:-0.3vw 0 0 1vw;}	
.TIMER_DAY .box{ height: 8vw; }
}


/*2026/6/23助理新增輪播BN*8張--02*/
@media screen and (max-width: 767px){
.Area_nbn2 {margin-top: 14vw;}
}

/*區標隱藏*/
.Area_title{ min-height: 0; }
.Area_bn-grid-1x1 ul{ grid-gap:0!important;}


/*版頭輪播*/
@media screen and (max-width:767px){
.Area_pd-carousel01{ padding-left: 10vw; }
}


/*攻略區*/
.Area_bn-grid-3x1a ul{ grid-gap:0!important; }
.Area_coupon3_002 { margin-top: -6px; }
@media screen and (min-width: 768px){
  .Area_bn-grid-3x1a ul, .Area_coupon3_002 ul{  padding: 0!important;}
}


@media screen and (max-width:767px){
  .Area_bn-grid-1x1a{ margin-top: 4vw /*14vw*/; }
}


/*活動倒數*/
.TimerNick2 {display:inline-block; height: 52px;z-index:99;font-weight: 700; width: 44%; text-align:center; position: relative; background-color: #fff; border-radius: 50px; padding: 1% 0 0.5%; margin: 0 0 12px;}
.TimerNick2 .FontStyle2 {display: inline-block;margin: 0 0 0 2px;padding: 0;border: 0;font: bold 40px/30px Arial;color: #fe71b4; border-radius:5px; letter-spacing: 0px;text-align: center;}
.TimerNick2 span {padding-left: 2px;font: 400 37px/48px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0em;color: #1a1a1a;}
@media screen and (max-width:767px){
.TimerNick2 { width: 55%;  height:5vw; background-size:100%;  transform: scale(0.85); padding: 2% 0 2%; margin: 0 0 1vw;}
.TimerNick2 .FontStyle2 {margin: 0;padding: 0;border: 0;font: bold 5vw/5vw Arial;}
.TimerNick2 span {padding-left:0;font: normal 5vw/5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;}
}


/*登記*/
.Area_danji .danji_box {  margin-bottom: -12px; }
@media screen and (max-width: 767px) {
  .Area_danji .danji_box {  margin-bottom: 0em; }
  .warningTxt h3{ padding: 0 0 1em  }
}