/* 00.版頭 */
.Areatop {height: 750px;}
@media screen and (max-width:767px){
  .Areatop {height: 57vw;}
}

/* 01.標題 */
.Area_bn-grid-1x1 {position: relative;}
.Area_bn-grid-1x1 .top_title {position: relative;width: 85%;padding: 96px 78px;}

@media screen and (max-width:767px){
  .Area_bn-grid-1x1 {position: relative;}
  .Area_bn-grid-1x1 .top_title {position: relative;padding: 5vw 0;width: 60%;margin: 0px 16vw;}

}

/* 02.輪播副標 */
.Area_bn-carousel {position: relative;}
.Area_bn-carousel .topsub {position: relative;width: 65%;margin: -117px 108px 0 auto;}
.Area_bn-carousel .topsub .img{width: 100%}

@media screen and (max-width:767px){
 .Area_bn-carousel {position: relative;}
 .Area_bn-carousel .topsub {position: relative;width: 55%;margin: -6vw 22vw;}
}

/* 03.登記活動 */
.Area_register-activity .Area_danji {position: relative;padding-bottom: 50px;}
@media screen and (max-width:767px){
  .Area_register-activity .Area_danji {position: relative;padding-bottom: 12vw;}

}

/* 04.一日驚夏價 */
.Area_countdown-timer .timer_title {position: relative;margin-top: -25px;top: -65px;}
/* .Area_countdown-timer .Area_timer {position: relative;margin-top: -50px;} */
@media screen and (max-width:767px){
  .Area_countdown-timer .timer_title{position: relative;margin-top: -16vw;top: -7vw;}
  /* .Area_countdown-timer .Area_timer {position: relative;margin-top: -3vw;} */
}


/* 11.海浪 */
.seabottom {z-index: -10;margin-top: -85px;}
.Area_spacing .edm_spacing {margin: -15px auto 0 auto;}
@media screen and (max-width:767px){
  .seabottom {z-index: -10;margin-top: -30vw;}
  .Area_spacing .edm_spacing {margin: 27vw auto 0 auto;}

}


/*區塊_all*/
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.Area a { position:relative; display:block;} 
.Area .go_bt {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.Area .go_bt:hover {
  -webkit-transform:scale(0.97);
     -moz-transform:scale(0.97);
      -ms-transform:scale(0.97);
       -o-transform:scale(0.97);
          transform:scale(0.97);}
		  
		  
.WRAPPER .go_bt1 {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.WRAPPER .go_bt1:hover { 
  -webkit-transform:translateY(-10px);
     -moz-transform:translateY(-10px);
      -ms-transform:translateY(-10px);
       -o-transform:translateY(-10px);
          transform:translateY(-10px);}
		  
		  
	@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
		.Area .go_bt:hover {  
			-webkit-transform:none;
			-moz-transform:none;
			-ms-transform:none;
			-o-transform:none;
			transform:none;}
	}
  




/* 下方公版 */
.Area_4pda .layout_text ul { padding: 0; grid-gap:0 ; margin-bottom: 10px ; }
.Area_4pda .layout_4pda {width: 96%;}
@media screen and (max-width: 767px) {
.Area_4pda .layout_text ul { padding: 0; grid-gap:0 ; margin-bottom: 1vw ; }
.Area_4pda .layout_4pda {width: 96%;}
  }
  
/*區標(線上入稿)*/
@media screen and (min-width:768px){
  .txt {position: relative;top:0;background-image:url("txt_bg.png?t=1784013581797");background-size: 100%;width: 960px;height: 110px;overflow: hidden;background-repeat:no-repeat;padding-top: 51px;margin: 0 auto;z-index: 1;}
  .txt .PD_layout ul {padding: 0;margin: 0;list-style: none;height:100%!important;}
  .txt .PD_layout ul li { background-color: transparent; pointer-events: none;}
  .txt .PD_layout ul li h5 {position: relative;z-index: 1;font:52px/45px "微軟正黑體","Microsoft JhengHei",Helvetica;color: #ffffff;margin: 0 auto;font-weight: bolder;}
  .txt02 {position: relative;top:0;background-image:url("txt_bg2.png?t=1784013581797");background-size: 100%;width: 960px;height: 110px;overflow: hidden;background-repeat:no-repeat;padding-top: 51px;margin: 0 auto;z-index: 1;}
  .txt02 .PD_layout ul {padding: 0;margin: 0;list-style: none;height:100%!important;}
  .txt02 .PD_layout ul li { background-color: transparent; pointer-events: none;}
  .txt02 .PD_layout ul li h5 {position: relative;z-index: 1;font:52px/45px "微軟正黑體","Microsoft JhengHei",Helvetica;color: #b9244d;margin: 0 auto;font-weight: bolder;}	
  }
  
  @media screen and (max-width:767px){
  .txt {position: relative;width: 100%;height: 12.5vw;margin-bottom: 0vw;background-image:url(txt_bg.png?t=1784013581797);background-repeat: no-repeat;background-size: 100%;z-index: 20;overflow: hidden;padding-top: 3vw;}	
  .txt .PD_layout ul {margin-top: 0vw;height: 10vw!important;list-style: none;}
  .txt .PD_layout ul li { background-color: transparent; pointer-events: none;}
  .txt .PD_layout ul li h5 {position: relative;top:1vw;margin: 0vw;font:5.4vw/6vw "微軟正黑體","Microsoft JhengHei",Helvetica;color:#ffffff;font-weight: bolder;}
  .txt02 {position: relative;width: 100%;height: 12.5vw;margin-bottom: 0vw;background-image:url(txt_bg2.png?t=1784013581797);background-repeat: no-repeat;background-size: 100%;z-index: 20;overflow: hidden;padding-top: 3vw;}	
  .txt02 .PD_layout ul {margin-top: 0vw;height: 10vw!important;list-style: none;}
  .txt02 .PD_layout ul li { background-color: transparent; pointer-events: none;}
  .txt02 .PD_layout ul li h5 {position: relative;top:1vw;margin: 0vw;font:5.4vw/6vw "微軟正黑體","Microsoft JhengHei",Helvetica;color:#b9244d;font-weight: bolder;}
  }


/* 公版 */   
.Area_countdown-timer .Areabottom{bottom: -93px;margin-top: -60px;}
@media screen and (max-width:767px){
  .Area_countdown-timer .Areabottom{bottom: -33vw;margin-top: -30vw;}

}

/*隱鑶*/
.for_pc {}
.for_phone { display: none !important;}
@media screen and (max-width:767px){
.for_pc { display:none !important;}
.for_phone { display: inherit !important;}
}