/*PC背景*/
@media screen and (min-width:768px){
  .bg_fix {z-index: -65;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
  .bg_repeat {z-index:-66;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
  .bg_deco {z-index: -30;position:absolute;top: 1050px;left: 0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
  }
  
  @media screen and (max-width:767px){
  .m_bg_fix {z-index: -40;position:absolute;top: 10vw;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}	
  .m_bg_repeat {z-index:-50;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;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;}
  .Area_brand-1-plus-2:before{ left: 50%; transform: translateX(-50%); }

  .Area_brand-1-plus-2 .bg {top: -65px;left: 50%;}	
  .Area_brand-1-plus-2 .bg_btom {bottom:-120px;}	
  .Area_brand-1-plus-2:before{ content:''; width: 2000px; height: 98%; background:url(AbgCenter.png?t=1783921707428) repeat-y top center / 100%; position: absolute; top: 90px;} 
}

@media screen and (max-width:767px){
  .Area_brand-1-plus-2 .bg {top:4vw;left:0;width:100%;  }	
  .Area_brand-1-plus-2 .bg_btom {bottom:-6vw;left:0;width:100%; }	
  .Area_brand-1-plus-2:before{ content:''; width: 100%; height: 98%; background:url(mAbgCenter.png?t=1783921707428) repeat-y center / 100%; position: absolute; top: 10vw; left: 0;}
}


 
/*版頭區*/
@media screen and (min-width:768px){
  .AreaTop {height: 645px;}
  .AreaTop  .cat {position: absolute;top: 356px;left: 434px;}
  }
  @media screen and (max-width: 767px){
  .AreaTop {height: 66vw; }
  .AreaTop .cat {position: absolute;top: 37.5vw;left: 26.5vw;width: 41%;}
  }


  
  /*版頭主標微調*/
  .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:0;left:5%; width: 90%; }
  }
  @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; }
 
  }
  

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

/*斜向來回滑動*/
.slideInLeft2 {
  -webkit-animation:slideInLeft2 2s ease infinite ;
          animation:slideInLeft2 2s ease infinite ;
}
@keyframes slideInLeft2 {
0%  {opacity:1;-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}
50%  {opacity:1;-webkit-transform:translate(20px, -10px);transform:translate(20px, 0px)}
100%  {opacity:1;-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}
}


  
/*副標輪播*/
.AreaTop .topPD2 {position: absolute;top: 283px;left: 304px;width: 620px;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:27.5vw;left:16.5vw;width: 68%;z-index: 20;height:11vw;}
  .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:0;left:873px; width:24%; }
}
@media screen and (max-width:767px){
.date{width: 25vw; top:0; right:-1vw;}
.date ul{ padding: 0!important; }
.date .PD_layout {position: relative;top:0;left:0;width: 100%; }
.date .PD_layout .PD img { width: 100%!important; }

}



/*區標*/
@media screen and (min-width: 768px){
  .Area_title{ width: 95%; }
}


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


/*一帶三*/
.PD_layout.PD_layout-D3_02 ul .PD .PD_into{ gap:0!important; }
@media screen and (min-width: 768px){
  .Area_brand-1-plus-2 .Area_content  .PD_layout-D3_02 ul{ padding: 29px 106px 17px !important;}
  .Area_brand-1-plus-2 .Area_content  .PD_layout-D3_02 ul li h3 span{ font-size: 40px!important; }
}
@media screen and (max-width: 767px) {
  .Area_brand-1-plus-2 .Area_content  .PD_layout-D3_02 ul{ padding: 1.8vw 10vw 0.5vw !important;}

}


/*BN*/
@media screen and (min-width: 768px){
  .Area_bn-carousel ul{ height: 220px!important; }
}
@media screen and (max-width: 767px) {
  .Area_bn-carousel ul{ height: 22.5vw!important; }
}


/*logo*/
@media screen and (min-width: 768px){
  .AreaLogo ul{ grid-gap:37px!important; }  
}
@media screen and (max-width: 767px) {
  .AreaLogo ul{ grid-gap: 2vw !important; padding: 0 6vw !important;}
}