@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=1772105957354) 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: 980px;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: 1140px;}
.main{position:absolute;right: 220px;top: 50px;z-index: 1;width: 63%;}
.main img {width: 82%;}
.date {position:absolute;top: 290px;left: 180px;z-index:2;width: 12%;}
.toppd {position:absolute;top: 300px;left: 265px;z-index:2;width: 68%;}
.fly { position:absolute;left:-147px;top:254px;}
.fly2 {position:absolute;left: 1200px;top: 250px;}
@media screen and (min-width:768px){
.toppd03  {position: absolute;top: 740px;left: 35px;z-index:0;width: 95%;}
.Area_title .sub  {position: relative;top: 550px;left: 10px;z-index: 2;}
.Area_title .sub ul li img {width: 50%;}
}
@media screen and (max-width:767px){
.Area_title {height: 157vw;}	
.main{position:absolute;top: 3.5vw;left: 9vw;width: 80%;}
.date {width: 12% !important;top: 31vw;left: 3vw;z-index:10;}
.toppd {width: 86% !important;top: 32vw;left: 13vw;z-index: 2;}
.toppd03 {position: absolute;top: 80vw;z-index:0;}
.toppd03 ul{width: 96%;}
.Area_title .sub {position: relative;top: -100vw;left: 0vw;z-index: 2;}
.Area_title .sub ul li img  {width: 68%;}
.fly2  {position: absolute;top: 15vw;left: 89vw;z-index:0;width: 9%;}

}



/*bn輪播*/
.Area05 {position: relative;z-index: 2;}
.Area05 .box_swiper { position: relative; overflow: hidden; width: 90%; margin: 0 auto;}
.Area05 .box_swiper ul.PD_wrapper {display: flex;flex-wrap: nowrap;margin: 0;padding: 0;width: 100%;box-sizing: content-box;height: 500px;grid-gap: inherit;}
.Area05 .box_swiper ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; border: none;}
.Area05 .box_swiper .PD_slide { min-width: inherit;}
.Area05 .box_swiper .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0!important;}
@media screen and (max-width: 767px){
  .Area05 {}
  .Area05 .box_swiper { width: 100%; height: auto; padding: 0 2%; box-sizing: border-box;}
  .Area05 .box_swiper ul.PD_wrapper {padding: 0 0 4%;height: 44vw;}
}


		

/*登記活動*/
@media screen and (min-width:767px){
.box2{padding: 0 0em;}
.PD_layout.title_little h3 {color: #f8ebdb;font-size: 2.5em;max-height: 1.6em;letter-spacing: 0vw;}
.PD_layout.title_little ul li a{pointer-events: none;}
}
@media screen and (max-width:767px){
.box2{padding: 0 0.6em;}
.PD_layout.title_little h3 {color: #f8ebdb;font-size:1.4em;letter-spacing: 0vw;max-height: 1.5em;}
.PD_layout.title_little ul li a{pointer-events: none;}
}
			



/*升級限時搶*/
@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 ;}
}


/** 倒數 **/
.TimerNick_2 {position: absolute;top: 135px;left: 570px;width: 36%;height: 66px;font-size: 1em;text-align: center;padding: 0;z-index: 4;margin: 0 auto;/* background-color: #ffffff; */border-radius: 50px;}
.TimerNick_2 .FontStyle {position: relative;display:inline-block;width: 46px;top: 0;font: bold 45px/62px Century Gothic;color: #ffffff;letter-spacing: 0px;text-align:right;height: 40px;padding: 0 1% 0 0;}
.TimerNick_2 span {padding-left: 8px;font: 40px/40px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;font-weight: 600;color: #404040;}
.TimerNick_2 small{  position:relative; font: bold 16px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0em;color: #2a0d05;}
@media screen and (max-width:767px){
		.TimerNick_2 {position: absolute;top: 14vw;left: 22vw;margin: 0 auto;width: 53%;height: 8vw;text-align: center;padding: 0;/* background-color: #ffffff; */}
		.TimerNick_2 .FontStyle {margin:0;width: 6vw;font: bold 7vw/7vw Century Gothic;color: #ffffff;letter-spacing: 0px;text-align:right;height: 6vw;padding: 0 0.5% 0 0;}
    .TimerNick_2 div:nth-of-type(2),
		.TimerNick_2 div:nth-of-type(3),
		.TimerNick_2 div:nth-of-type(4){width: 6vw;}
		.TimerNick_2 span {font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: 0em;}
}




/*私藏必buy*/
@media screen and (min-width:767px){
	.Area_4pd { height: auto; }
	}
	@media screen and (max-width:767px){
	.Area_4pd { height: auto; }
	.Area_4pd .PD_layout_5PD {width: 96%;}
	
	}
	






/*下方公版*/
@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=1772105957354)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=1772105957354)top center repeat-y;background-size: 100%;padding: 60px 20px 0px 20px;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=1772105957354)top center repeat-y; background-size: 100%; }

.boxtop03 { width: 100%; margin-left: 0;}
.boxrepeat2 {padding: 2.5em 1em 0em 1em;background: url(boxrepeat_m3.png?t=1772105957354)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;}
}