/*PC背景*/
@media screen and (min-width:767px){
  .bg_fix {z-index: -1;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
  .bg_fix2 {z-index: 2;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}

  .bg_deco {z-index:-1;position:absolute;top:850px;left:0;width:100%;height:100%;background-position:center 0px;background-repeat:repeat-y;pointer-events:none;}	
  }


/*版頭區塊*/
.topdeco{ position:absolute; pointer-events: none;  }  
.topdeco img{ width: 100%; }
@media screen and (min-width:768px){
.Area_top {height:851px; }
.deco01 { top:21px;left:38px; width: 900px; z-index: 0;}
}
@media screen and (max-width:767px){
.Area_top {height:95vw;}
.Area_top .mb_01{position:absolute; top:0; left:0 ;width: 100%; z-index:-1;}
.Area_top .mb_02{position:absolute; top:0; left:0 ;width: 100%; z-index:2;}
.deco01 {top: 0; left: 0vw; width: 100vw; z-index: 0;}
}



/*版頭主標*/
.maintitle{ z-index:1;  position: absolute;}
.maintitle .PD_layout .PD a { pointer-events: none; }
.maintitle ul{ padding: 0!important; }
@media screen and (min-width: 768px){
.maintitle { top:21px;left:38px; width: 900px;}
}
@media screen and (max-width:767px){
.maintitle{  width: 100%; right: 0vw;top: 0vw;}
.maintitle .PD_layout {position: relative;top:0;right:0; }
}

/*副標*/
.Area_top .subtitle {position: absolute; top: 703px; left:403px; width:643px;height: 130px; z-index:1;}
.Area_top .subtitle img{ width: 80%; }
@media screen and (max-width:767px){
  .Area_top .subtitle {width: 67%; height:15vw; position: absolute; top:75vw; left: 40vw; }
  .Area_top .subtitle img{ width: 79%; }
}

/*日期*/
/* .Area_top .date .PD_layout .PD a { pointer-events: none; }
.Area_top .date ul{ padding: 0!important; }
.Area_top .date{ z-index: 1; position: absolute;}
@media screen and (min-width: 768px){
.Area_top .date {top:235px;left:107px; width:17%;}
}
@media screen and (max-width:767px){
  .Area_top .date {top:23.5vw;left:10vw; width:18%;}
} */



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

  .Area_hasbg .bg {top:-148px;left: 50%; height: 1186px;  overflow: hidden;}	
  /* .Area_hasbg .bg_btom {bottom:-50px;}	
  .Area_hasbg:before{ content:''; width: 2000px; height: 94%; background:url(AreaPD1_center.png?t=1791195177052) repeat-y center / 100%; position: absolute; top: 170px;}  */

}
@media screen and (max-width:767px){
  .Area_hasbg .bg {top:-13vw; right:-25vw; width:170%;  }	
   .Area_hasbg .bg_btom {bottom:-2vw;left:0;width:100%; }	
  /*.Area_hasbg:before{ content:''; width: 100%; height: 94%; background:url(mAreaPD1_center.png?t=1791195177052) repeat-y center / 100%; position: absolute; top: 21vw; left: 0;} */

}


/*區標*/
 .Area_title h3{ font-size: 56px;  margin-top: -4px;}
/*.Area_title span{ text-shadow: 2px 2px 4px rgba(0,0,0,.5);  } */
@media screen and (max-width:767px){
   .Area_title h3{ font-size: 5.5vw; margin-top: -.5vw;  }
  /*.Area_title span{ text-shadow: 1px 1px 3px rgba(0,0,0,.5);  } */
}



/*登記*/
.Area_danji .danji_box {  margin-bottom: -12px; }
.warningTxt h3{ padding: 0 0 0;  }
/* .Area_danji .btn_reg .activityText .Tip{ color: #000; } */
@media screen and (max-width: 767px) {
  .Area_danji .danji_box {  margin-bottom: 0em; }
  .warningTxt h3{ padding: 0 0 .2em  }
}


/*警示文字*/
.edm_notice{  padding: 10px 10px 35px 10px; }



/*版頭側標輪播*/
.Area_pd-carousel2 .topPD{ padding-left: 75px; margin-left: -43px;}
@media screen and (max-width: 767px) {
  .Area_pd-carousel2 .topPD{ padding-left: 6vw; margin-left: 0;}
}


/*券*/
.get_all{ margin: -73px 0 -30px 0; }
@media screen and (max-width: 767px) {
  .get_all{ margin: -7vw 0 -4.9vw 0; }
}


/*有背景PD+2行文案*/
.AreaPDhasbg .Area_content ul li .PD_into p, .AreaPDhasbg .Area_content ul li .PD_into h4 b { display: none; }
.AreaPDhasbg .Area_content ul li { background-color: transparent; background: url(PDhasbg_bg.png?t=1791195177052) no-repeat top / 100%; }
.AreaPDhasbg .Area_content ul li h3 span{ color: #fff!important; background-color: transparent!important; max-width: 100%!important; }
.AreaPDhasbg .Area_content ul li h3 span, .AreaPDhasbg .Area_content ul li h4 span { font-weight: 700!important;}
@media screen and (min-width: 768px){
  .AreaPDhasbg .Area_content ul { height: 489px; }
  .AreaPDhasbg .Area_content ul li .PD_into{ padding: 23px 15px 0 0px; }
  .AreaPDhasbg .Area_content ul li .PD_img { padding: 97px 35px 0px 21px; }
  .AreaPDhasbg .Area_content ul li h3{ font-size: 24px;  }
  .AreaPDhasbg .Area_content ul li h4{ font-size: 22px;  line-height: 2.5em; max-height: 2.5em!important;}  
}
@media screen and (max-width: 767px) {
  .AreaPDhasbg .Area_content ul { height: 74vw; }
  .AreaPDhasbg .Area_content ul li .PD_into{ padding: 3vw 2vw 0 0vw; }
  .AreaPDhasbg .Area_content ul li .PD_img { padding: 14vw 5vw 0 3vw; }
  .AreaPDhasbg .Area_content ul li h4{ line-height: 2.5em; max-height: 2.5em!important; }
}