@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;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent}
/*預設清單樣式*/
.Area .list_00 ul {display:inline-block; margin:0; padding:0;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
	@media screen and (max-width:767px){
		.WRAPPER { padding-bottom:30px; min-width: inherit; min-height:100vh; overflow: hidden;}
		.WRAPPER img {  width:100%;  height: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.95);
     -moz-transform:scale(0.95);
      -ms-transform:scale(0.95);
       -o-transform:scale(0.95);
          transform:scale(0.95);}
		  
		  
.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_top {}

	@media screen and (max-width:767px){
		.Area_top { height: auto;}
		.Area_top .momologo { display:none;}
	}

/*PC背景*/
.bg_00 { z-index: -1; 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:680px; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_02 { z-index:-51; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
@media screen and (max-width: 767px){
.bg_02{ z-index:-51; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
}

/*移除公版設定*/
.Area .remove_box_style ul { background-color: transparent; grid-gap: 10px;}
.Area .remove_box_style ul li { border: none!important;}
@media screen and (max-width:767px){
  .Area .remove_box_style ul { width: 100%; grid-gap: 0.2em;}
  .Area .remove_box_style ul {}
}
/*輪播移除公版設定*/
.Area .swiper_remove_box_style ul { background-color: transparent; grid-gap: 0;}
.Area .swiper_remove_box_style ul li { border: none!important; background-color: #fff;}
.Area .swiper_remove_box_style ul li,
.Area .swiper_remove_box_style ul li .PD_img img { border-radius: 10px;}
@media screen and (max-width:767px){
  .Area .swiper_remove_box_style ul { width: 100%; grid-gap: 0.2em;}
  .Area .swiper_remove_box_style ul {}
}
/*3品公版間距*/
.Area .PD_layout-add2cart ul { padding: 20px;}
@media screen and (max-width:767px){
  .Area .PD_layout-add2cart ul { padding: 0.2em 0;}
  .Area .PD_layout-add2cart ul li { padding: 0.2em;}
}


/*移除公版設定*/
.Area .remove_box_style ul { background-color: transparent; grid-gap: 10px;}
.Area .remove_box_style ul li { border: none!important;}
@media screen and (max-width:767px){
  .Area .remove_box_style ul { width: 100%; grid-gap: 0.2em;}
  .Area .remove_box_style ul {}
}
/*輪播移除公版設定*/
.Area .swiper_remove_box_style ul { background-color: transparent; grid-gap: 0;}
.Area .swiper_remove_box_style ul li { border: none!important; background-color: #fff;}
.Area .swiper_remove_box_style ul li,
.Area .swiper_remove_box_style ul li .PD_img img { border-radius: 10px;}
@media screen and (max-width:767px){
  .Area .swiper_remove_box_style ul { width: 100%; grid-gap: 0.2em;}
  .Area .swiper_remove_box_style ul {}
}
/*3品公版間距*/
.Area .PD_layout-add2cart ul { padding: 20px;}
@media screen and (max-width:767px){
  .Area .PD_layout-add2cart ul { padding: 0.2em 0;}
  .Area .PD_layout-add2cart ul li { padding: 0.2em;}
}


/*版頭區塊*/
@media screen and (min-width:768px){
	.Area_title { height:740px;}
	
	/*主標公版*/
	.Area_title .layout_title {width: 49%;top: 205px;left: -280px;}
	.Area_below .layout_title ul { padding:0 ;margin:0 auto}
	
	/*版頭品*/
	.Area_title .layout_toppd {position: absolute;width:55%;top:125px;left:590px;}
	.Area_below .layout_toppd ul { padding:0 ;margin:0 auto}
	
}
@media screen and (max-width: 767px){
	.Area_title {height:127vw;}

	/*主標公版*/
	.Area_title .layout_title {position:absolute;top: 3vw;width:80%;left: 10vw;}
	.Area_title .layout_titl ul {}

	
	/*版頭品*/
	.Area_title .layout_toppd {position:absolute;width: 84%;top: 50vw;left: 8%;}
	
	
}



/* 區標 */
@media screen and (min-width:768px){
.text_all {background: url(pc_belowbg.png?t=1762481560553)top center no-repeat;padding: 40px 0 20px 0;}
.text_all .PD_layout[data-pd-h4="1"] .PD h4 {max-height: 500px;}
.text_all .PD_layout[data-pd-h4="1"] .PD h4 b{display: none;}
.text_all .PD_layout[data-pd-h4="1"] .PD h4 span{font: 900 45px/45px "微軟正黑體","Microsoft JhengHei",Helvetica;margin:0 auto;padding: 50px 0;color:#000;}
}

@media screen and (max-width:767px){
.text_all {background: url(mo_belowbg.png?t=1762481560553)top center no-repeat;padding: 2vw 0 0vw 0;background-size: 100%;}
.text_all .PD_layout[data-pd-h4="1"] .PD h4 {max-height: 10vw;}
.text_all .PD_layout[data-pd-h4="1"] .PD h4 b{display: none;}
.text_all .PD_layout[data-pd-h4="1"] .PD h4 span{font: 900 33px/45px "微軟正黑體","Microsoft JhengHei",Helvetica;margin:0 auto;padding: 50px 0;color:#000;}
}


/* 登記活動 */
@media screen and (min-width:768px){
.Area_active{margin-bottom: 50px;}
.Area_active .btnx2{margin-bottom: 30px;}
}
@media screen and (max-width:767px){
.Area_active{margin-bottom: 5vw;}
.Area_active .btnx2{margin-bottom: 3vw;}
.Area_active .Area_danji{width: 96%;}

}

/* 下方公版 */
@media screen and (min-width:768px){
.Area_below .box{margin-bottom: 50px;}
}
@media screen and (max-width:767px){
.Area_below .box{margin-bottom: 5vw;}
.Area_below .box .pdxall{width: 96%;}
}

/*按鈕*/
.bnn {
}
.bnn a img {
	transition-duration: 0.1s;
	backface-visibility: hidden;
	transform: translateZ(0);
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;
	height: auto;
	text-align: left;
}
.bnn:hover a img {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}	
	
	

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