/*fixed背景*/
.pc_bg { z-index:-10; position:fixed;top:0;left:0; width:100%; height:100vh; background-repeat:no-repeat; background-position:center top; pointer-events:none; }
@media screen and (max-width:767px){
 .m_bg { z-index: -10; position: fixed; top:-40px; left: 0; width: 100%; height:100vh; background-position: center top; background-repeat: no-repeat; pointer-events: none; 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;}
  .Areabg00:before{ left: 50%; transform: translateX(-50%); }

  .Areabg00 .bg {top: 64px;left: 50%;}	
  .Areabg00 .bg_btom {bottom:-41px;}	
  .Areabg00:before{ content:''; width: 2000px; height: 20000px; background:url(pc_Areabgcenter.jpg?t=1783318927589) repeat-y top center / 100%; position: absolute; top: 162px;} 
}

@media screen and (max-width:767px){
  .Areabg00 .bg {top:-6vw;left:0;width:100%;  }	
  .Areabg00 .bg_btom {bottom:-9vw;left:0;width:100%; }	
  /* .Areabg00:before{ content:''; width: 100%; height: 94%; background:url(mb_Areabgcenter.jpg?t=1783318927589) repeat-y center / 100%; position: absolute; top: 26vw; left: 0;} */
}


 
/*版頭區*/
.title_deco{ z-index: 100; }
.AreaTop .title_02 { position: absolute;}
.AreaTop .title_02_deco{ position: absolute; mix-blend-mode: screen;}
.AreaTop .title_03{ position: absolute; mix-blend-mode: screen;}
.AreaTop .title_04{ position: absolute; }
@media screen and (min-width:768px){
  .AreaTop {height: 426px;}
  .AreaTop .title_02 { left: 91.5%;  top: 13%; width: 15.5%; }
  .AreaTop .title_02_deco{ left: 74%;  top: 8%; width: 11.2%;}
  .AreaTop .title_03{ left: 0;  top: 0; width: 100%;}
  .AreaTop .title_04{ left: 54px;  top: 91px; width: 1220px;}
  }
  @media screen and (max-width: 767px){
  .AreaTop {height: 52vw; }
  .AreaTop .title_02 { width: 16%; right: 3vw; top: 3vw;  }
  .AreaTop .title_02_deco { width: 18%; right: 2vw; top: 4vw;  }
  .AreaTop .title_03{ left: 0;  top: 0; width: 100%;}
  .AreaTop .title_04{ left: 0;  top: 0; width: 100%;}
  }
  


  
  /*版頭主標微調*/
  .title01{ z-index: 10; }
  .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:-36px;left:80px;width: 1030px; }
  }
  @media screen and (max-width:767px){
  .title01{width: 100%; position: absolute; top: 0; left:0;}
  .title01 .PD_layout {  position: relative;top: 0;left: 0;width: 100%;  }
  .title01 .PD_layout ul{ padding: 0!important; }
  .title01 .PD_layout .PD img { width: 100%!important; }
 
  }
  
  
  /*副標輪播*/
  .AreaTop .topPD2 {position: absolute;top: 290px;left: 362px;width: 470px;height: 125px;overflow: hidden;z-index: 101;}
  .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:33.5vw;left:16.5vw;width: 68%;z-index: 20;height:16vw;}
    .AreaTop .topPD2 .PD_layout .PD img {width: 90%!important;}
  }


/*日期*/
.date{ z-index: 31; position: absolute; }
.date .PD_layout .PD img { width:100%!important; }
.date .PD_layout .PD a { pointer-events: none; }
.date .PD_layout .PD_slide:hover {transform: translateY(0); }
.date .PD_layout .PD_slide {min-width: 100%;}
@media screen and (min-width: 768px){
.date { top:33px;left:867px; width:17%; }
}
@media screen and (max-width:767px){
.date{width: 18%; top:4vw; right:2vw;}
.date ul{ padding: 0!important; }
.date .PD_layout {position: relative;top:0;left:0;width: 100%; }
.date .PD_layout .PD img { width: 100%!important; }

}




/*登記*/
.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  }
}

@media screen and (max-width:767px){
  .Area_pd-tabs-6-a .NavArea .Nav-wrapper li:nth-child(1){ width: 18%!important; }
  .Area_pd-tabs-6-a .NavArea .Nav-wrapper li:nth-child(3){ width: 31%!important; }
}

.Area_bn-grid-3x1 ul{ grid-gap:0!important; width: 800px !important;}
@media screen and (max-width:767px){
  .Area_bn-grid-3x1 ul{ width: 80vw !important;}
}