@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: #f8f8f8;}
.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("mb_repeat.jpg?t=1774597520502") 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: 0;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: 937px;}
@media screen and (min-width:768px){
.toppd03  {position: absolute;top: 510px;left: 35px;z-index:0;width: 95%;}
}
@media screen and (max-width:767px){
.Area_title {height: 142vw;}
.toppd03 {position: absolute;top: 62vw;z-index:0;}
.toppd03 ul{width: 96%;}
}



/*版頭主標*/
.Area_title .main {/* position:relative; */width: 100%;left: 170px;top: 30px;z-index: 3;}
.Area_title .main .PD img { width: auto;}
.Area_title .main ul li { pointer-events: none;}
.Area_title .main .PD_slide {min-width: 10%;}
.Area_title .main li:nth-of-type(1) {position: absolute;top: 55px;left: -10px;}
.Area_title .main li:nth-of-type(2) {position: absolute;top: 70px;left: 492px;z-index: 1;}
.Area_title .main li:nth-of-type(3) {position: absolute;top: 42px;left: 480px;}
.Area_title .main li:nth-of-type(4) {position: absolute;top: 400px;left: 0px;}
@media screen and (max-width:767px){
  .Area_title .main {position: absolute;width: 100%;left: 0;top: 0;z-index: 1;}
  .Area_title .main li:nth-of-type(1) {position: absolute;top: 9vw;left: 5vw;width: 65%;}
  .Area_title .main li:nth-of-type(2) {position: absolute;top: 11vw;left: 70vw;width: 12%;}
  .Area_title .main li:nth-of-type(3) {position: absolute;top: 8vw;left: 67vw;width: 19%;}
  .Area_title .main li:nth-of-type(4) {position: absolute;top: 44vw;left: 6.5vw;width: 80%;}
  .Area_title .main .PD img {width: 100%;}
  .Area_title .main .PD_slide {min-width: 0;}
}



/*副標輪播*/
.Area_title .topPD2 {position: absolute;top: 348px;left: 300px;width: 419px;height: 166px;overflow: hidden;z-index: 21;}
.Area_title .topPD2 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;}
.Area_title .topPD2 ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
.Area_title .topPD2 ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}
@media screen and (min-width: 768px){
  .Area_title .topPD2 ul.PD_wrapper li img{width: 100%;}
}

@media screen and (max-width:767px){
  .Area_title .topPD2 {width: 84%;height: 23vw;position: absolute;top: 41vw;left: 8.5vw;overflow: hidden;}
  .Area_title .topPD2 ul.PD_wrapper li img{width: 65%;}
}



/*區標公版*/
.box_txt .PD_layout ul {padding: 0;grid-gap: 0px !important;}	
@media screen and (min-width: 768px){
.box_txt {position: relative;display: flex;margin: 0 auto;width: 100%;height: auto;justify-content: center; z-index: 50; }
.box_txt img{width: 100%!important;padding: 0;}
}

@media screen and (max-width:767px){
.box_txt {position: relative;margin: 0 auto;width: 100%;z-index: 30;}
.box_txt img{width: 100%;}
}



/*3顆按鈕*/
@media screen and (min-width: 768px) {
	.active{padding: 0 100px 60px;box-sizing: border-box;}
	.active .PD_wrapper{padding: 5px 0 0!important;grid-gap: 10px!important;}
  }
  @media screen and (max-width: 767px) {
	.active{padding: 2vw 4vw 4vw;box-sizing: border-box;}
	.active .PD_wrapper{padding:0!important;grid-gap: 2vw!important;}
  }
  



/*小米熱銷品*/
@media screen and (min-width:767px){
	.Area_2pd { height: auto; }
	.Area_2pd .PD_layout_2PD{background-color: #f38132;padding: 8% 3% 3% 3%;border-radius: 2em;}
	}
	@media screen and (max-width:767px){
	.Area_2pd { height: auto; }
	.Area_2pd .PD_layout_2PD {width: 100%;background-color: #f38132;padding: 11% 3% 5% 3%;border-radius: 0.5em;}
	}
	



/*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){
.Area_danji01 .box2{padding: 0 0em;}
.PD_layout.title_little h3 {color: #000000;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){
.Area_danji01 .box2{padding: 0 0.6em;}
.PD_layout.title_little h3 {color: #000000;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_6pd { height: auto; }
.Area_6pd .PD_layout_5PD{background-color: #ffcb00;padding: 8% 3% 3% 3%;border-radius: 2em;}
}
@media screen and (max-width:767px){
.Area_6pd { height: auto; }
.Area_6pd .PD_layout_5PD {width: 100%;background-color: #ffcb00;padding: 11% 3% 5% 3%;border-radius: 0.5em;}
}




/*館連結*/
@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=1774597520502)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=1774597520502)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=1774597520502)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=1774597520502)top center repeat-y;background-size: 100%;}
}





/*區標*/
@media screen and (min-width:767px){
.PD_layout-D3_02 {margin: 0 0% -9% 0 !important;z-index: 1 !important;}	
.PD_layout-D3_02 ul {padding: 0 0 !important;}
.PD_layout-D3_02 .PD img{width: 65% !important;}
.PD_layout.PD_layout-D3_02 .PD h3 {top: 65% !important;color: #000000 !important;font-size: 50px !important;}
}
@media screen and (max-width:767px){
.PD_layout-D3_02 {margin: 0px 0% -14% 0 !important;z-index: 1 !important;}
.PD_layout-D3_02 ul {padding: 0 0 !important;}
.PD_layout-D3_02 .PD img{width: 100% !important;}
.PD_layout.PD_layout-D3_02 .PD h3 {top: 63% !important;color: #000000 !important;font-size: 5.6vw !important;}
}



/*區標*/
@media screen and (min-width:767px){
	.PD_layout-D3_01 {margin: 0 0% -9% 0;z-index: 1;}	
	.PD_layout-D3_01 ul {padding: 0 0 ;}
	.PD_layout-D3_01 .PD img{width: 65%;}
	.PD_layout.PD_layout-D3_01.a01 .PD h3 {top: 65%;color: #ffff;font-size: 50px;}
	.PD_layout.PD_layout-D3_01 .PD h3 {top: 65%;color: #000000;font-size: 50px;}

	}
	@media screen and (max-width:767px){
	.PD_layout-D3_01 {margin: 0px 0% -14% 0;z-index: 1;}
	.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: 63%;color: #000000;font-size: 5.6vw;}
	.PD_layout.PD_layout-D3_01.a01 .PD h3 {top: 63%;color: #ffff;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;}
}