@charset "utf-8";
/* CSS Document */

/*基本*/
body{ margin:0; padding:0;}


/*全BOX版面*/
.WRAPPER { z-index:0; position: relative; display:block; margin: 0 auto; padding:0; overflow:hidden; width:100%; min-width:1220px; text-align:left; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; background-color:#162552;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent}
.Area .list_00 ul {display:inline-block;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
	@media screen and (max-width:767px){
		.WRAPPER { padding-bottom:0px; min-width: inherit; min-height:100vh; overflow:visible; background:url(m_10.jpg?t=1772710872135) center bottom repeat-y; background-size: 100%;}
		.WRAPPER img {  width:100%;  height:auto;}
	}

/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.Area a { position:relative; display:inline-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.95);
     -moz-transform:scale(0.95);
      -ms-transform:scale(0.95);
       -o-transform:scale(0.95);
          transform:scale(0.95);}
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
	@media screen and (max-width:767px){
		
		.Area .go_bt:hover {  
		-webkit-transform:none;
     -moz-transform:none;
      -ms-transform:none;
       -o-transform:none;
          transform:none;}
		  
		  
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
		/*區塊_切割*/
		.Area_1bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_1bn a { float:left; margin:0 0 2% 0; padding:0; width:100%; list-style: none;}
		.Area_2bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_2bn a { float:left; margin:0 0% 0%; padding:0; width:50%; list-style: none;}
		.Area_3bn { margin: -1px auto; padding:0; overflow:hidden;}
		.Area_3bn a { float:left; margin:0 0% 0% ; padding:0; width:33.33%; list-style: none;}
		.Area_1bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_1bn_nopadding a { float:left; margin:0; padding:0; width:100%; list-style: none;}
		.Area_2bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_2bn_nopadding a { float:left; margin:0; padding:0; width:50%; list-style: none;}
		.Area_3bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_3bn_nopadding a { float:left; margin:0; padding:0; width:33.3%; list-style: none;}
		.Area_4bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_4bn_nopadding a { float:left; margin:0; padding:0; width:25%; list-style: none;}
	}



/*PC背景*/
.bg_00 { z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_01 { z-index:-50; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_02 { z-index:-51; position:absolute; top:730px; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bg_tree { z-index:-1; position:fixed; bottom:0px; left:0; width:100%;  background-position: center top; pointer-events:none; top:0;}
.bgdeco { z-index:-1; 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;}


/*版頭區塊*/
.Area_title { height:855px;}
.main{position:absolute; right:200px; top:130px;z-index: 1;width: 67%;}
.main img {width: 82%;}
.date {position:absolute; top:48px; left:446px; z-index:2;width: 26%; }
.fly { position:absolute;left:-147px;top:254px;}
@media screen and (min-width:768px){
.toppd03  {position: absolute; top:393px;left:190px;z-index:0;width: 68%;  }
.Area_title .sub  {position: relative;top: 309px;left: 1px;}
.Area_title .sub ul li img {width: 37%;}
}
@media screen and (max-width:767px){
.Area_title { height:110vw; }	
.main{position:absolute; top:15.5vw; left: 6vw; width:88%;}
.date { width: 35% !important; top: 5vw; left:31vw; z-index:10; }
.toppd03 {position: absolute; top: 46vw; z-index:0; }
.toppd03 ul{width: 96%;}
.Area_title .sub {position: relative;top: -131vw;left: -1vw;}
.Area_title .sub ul li img  {width: 60%;}

}





/*活動攻略*/
@media screen and (min-width:767px){
.Area_BN .PD_layout[data-pd-li=BN] ul {grid-gap:0 ;}
}
@media screen and (max-width:767px){
.Area_BN .PD_layout[data-pd-li=BN] ul {grid-gap:0;}
}
		

/*登記活動*/
@media screen and (min-width:767px){
.Area05 .PD_layout .PD_into {padding:0 ;}
.Area05 .PD_layout.PD_layout-D3_01 .PD img{width: 71.8%;}
}
@media screen and (max-width:767px){
.Area05 .PD_layout .PD_into {padding:0 ;}
.Area05 .PD_layout .PD_img{padding: 0;}
}
		


/*LOGO+公版*/
@media screen and (min-width:767px){
.AreaLOGO .PD_layout.PD_layout-D3_02 ul li .PD h3{ width: 40%;}
.AreaLOGO .PD_layout.PD_layout-D3_02 ul .PD .PD_logo{width: 25%;}
}
@media screen and (max-width:767px){
.AreaLOGO .PD_layout.PD_layout-D3_02 ul li .PD h3{ width: 50%;}
.AreaLOGO .PD_layout.PD_layout-D3_02 ul .PD .PD_logo{width: 35%;}
.AreaLOGO .PD_layout_4PD{width: 96%;}

}
	



/*爆品公版*/
@media screen and (min-width:767px){
.Area_sale { height: auto; }
.Area_sale .PD_layout { width: 95.7%; }
.Area_sale .PD_layout .PD_into{padding: 0 0 ;}
}
@media screen and (max-width:767px){
.Area_sale { height: auto; }
.Area_sale .PD_layout { width: 100%; }
.Area_sale .PD_layout .PD_into{padding: 0 0 ;}
.Area_sale .PD_layout .PD_img{padding: 0 0 ;}
}


/*下方公版*/
@media screen and (min-width:767px){
.Area_6pd { height: auto; }
}
@media screen and (max-width:767px){
.Area_6pd { height: auto; }
.Area_6pd .PD_layout_5PD {width: 96%;}

}


/*館連結*/
@media screen and (min-width:768px){
.Area_guan .PD_layout { width: 100%; margin: 30px auto 20px; }
.Area_guan .PD_layout .PD img { width: 92%; }
}
@media screen and (max-width:767px){
.Area_guan .PD_layout { width: 96%; margin: 4vw auto 4vw;}
.Area_guan .PD_layout .PD img { width: 100%; }
}






/*背景重複*/
@media screen and (min-width:767px){
.Area960 { width: 864px;}
.Area960 img { width: 100%;}
.boxtop02 { width: 1147px; margin-left: -141px;}
.boxrepeat { background: url(boxrepeat_m.png?t=1772710872135)top center repeat-y; background-size: 100%; padding: 0 40px; box-sizing: border-box;}

.boxtop03 { width: 1146px; margin-left: -141px;}
.boxrepeat2 { background: url(boxrepeat_m3.png?t=1772710872135)top center repeat-y; background-size: 100%; padding: 0 40px; box-sizing: border-box;}
}

@media screen and (max-width:767px){
.boxtop02 { width: 100%; margin-left: 0;}
.boxrepeat { padding: 0 1.4em;background: url(boxrepeat_m.png?t=1772710872135)top center repeat-y; background-size: 100%; }

.boxtop03 { width: 100%; margin-left: 0;}
.boxrepeat2 { padding: 0 1.4em;background: url(boxrepeat_m3.png?t=1772710872135)top center repeat-y; background-size: 100%; }
}









/*區標*/
@media screen and (min-width:767px){
.PD_layout-D3_01 ul {padding: 0 0 ;}
.PD_layout-D3_01 .PD img{width: 65%;}
.PD_layout.PD_layout-D3_01 .PD h3 {top:47%;color: #76421f;font-size: 50px;}

}
@media screen and (max-width:767px){
.PD_layout-D3_01 ul {padding: 0 0 ;}
.PD_layout-D3_01 .PD img{width: 100%;}
.PD_layout.PD_layout-D3_01 .PD h3 {top:47%;color: #76421f;font-size: 5.6vw;}
	
}


/*間距-共用*/
@media screen and (min-width:768px){
.Area_bottom { margin-bottom: 50px !important; }
}
@media screen and (max-width:767px){
.Area_bottom { margin-bottom: 5vw !important; }
}
	
	


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