@charset "utf-8";
/*基本*/
body {margin: 0; padding:0;background-color: #fddbbf; }


/*全BOX版面*/
.WRAPPER { position: relative;margin: 0 auto; padding: 0;	width:100%; min-width:1220px; overflow: hidden;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border:0; vertical-align:top;}
.WRAPPER a { text-decoration:none;  display:inline-block;}
.WRAPPER .Area_top{position: relative; }
.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:1220px;}
	@media screen and (max-width:767px){
		.WRAPPER { padding-bottom:0px; margin:0 auto; display: block; min-width:100%;/*background: url("mb_bg.jpg?t=1773973736406") center top/ 100% repeat-y scroll;*/z-index: 0;}
		.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:100%;  }

	}


/*背景*/
@media screen and (min-width:767px){
.bgtop_fixed { z-index:-10; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
.deco3{ z-index:10; position:absolute; top:1802px; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top;pointer-events:none;} 		
}
@media screen and ( max-width:767px) {
.bgtop_fixed { z-index:0; position:absolute; top:45px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; background-size:100%; }	
}


/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; text-align:center;  }
.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 img{ width:100%;}
	.Area { position: relative;}

	}


/*區標*/
.box_txt .PD_layout ul { padding: 0; }	
@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: 88%!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%;}
}


/*區標背景*/
.Abox_txt .PD_layout ul { padding: 0; }	
@media screen and (min-width: 768px){
.Abox_txt {position: relative;display: flex;margin: 0 auto;width: 100%;height: 133px;justify-content: center; z-index: 50;  z-index: 0;background: url("txtbg.png?t=1773973736406") center top/ 100% no-repeat scroll;  }
.Abox_txt img{width:100%!important;padding: 0;}
.Abox_txt ul li h5 { padding: 0; margin: 34px 0 23px 0; font: bold 47px / 47px "Noto Sans CJK SC", "Microsoft JhengHei", Arial, Helvetica;  transform: rotate(0deg);color: #000000;letter-spacing: -1px;text-align: center;}	
}
@media screen and (max-width:767px){
.Abox_txt {position: relative;margin: 0 auto;width: 100%;z-index:0; }
.Abox_txt img{width: 100%;}
.Abox_txt {margin: 1% auto;width: 100%!important;background: url("txtbg.png?t=1773973736406") center top/ 100% no-repeat scroll;}
.Abox_txt ul li h5 { font: bold 6.5vw/6.5vw "Noto Sans CJK SC","Microsoft JhengHei", Arial, Helvetica;margin: 2vw 0 2vw 0;color:#000000; letter-spacing: -1px; text-align: center;}		
}



/*版頭區塊*/
.Area_title .PD_layout .PD_slide {  min-width: 0; }
.Area_title img{width: 100%;border-radius: 0!important;}
.Area_title .PD_layout .PD_slide { min-width:auto; }
#eWriterBtn_bt_B_000_01 { margin-left: 10px!important; margin-top: 60px!important; z-index: 99!important; }
#eWriterBtn_bt_B_000_02 { margin-left:368px!important; margin-top: -9px!important; z-index: 99!important; }
@media screen and (min-width:768px){
.Area_title {height:1084px;z-index: 20;}
.Area_title .title01 {z-index:4;position: relative;top: 291px;}
.Area_title .toppd {z-index:4;position: absolute;top: 386px;left: 206px;width: 66%;}
.title{position: relative;width: 1000px;top: 20px;margin: 0 auto;z-index: 9;}
.title .PD_layout .PD img { width: 100%!important; }
}
@media screen and (max-width:767px){
.Area_title {width:100%;height: 122vw;z-index: 0;}	
.title {position: relative;top: 3vw;margin: 0 auto;width: 100%;z-index: 9;}
.title .PD_layout[data-pd-li*="BN-AWD"] .PD_img{ display: block!important;}
.title .PD_layout ul { display: flex; left: 0;top: 0;}
.title .PD_layout .PD img { width: 100%!important; }
.Area_title .title01 {z-index:4;position: absolute;width: 100%;}
.Area_title .toppd {z-index:4;position: absolute;width: 82%;top: 40vw;left: 10vw;}
}


/*版頭品*/
@media screen and (min-width:768px){
.Toppd{z-index: 4;position: relative;top:429px;left: 103px;width: 26%;}
.Toppd2{z-index: 4; position: relative; top: -23px;  left: 671px; width: 25%;}	
}

@media screen and (max-width:767px){
.Toppd{ width:20%; position: absolute;top:40vw;left:6vw; height: auto;}
.Toppd .PD_layout[data-pd-li*="BN-AWD"] .PD_img{ display: block!important;}
.Toppd .PD_layout ul { display: flex; left: 0;top: 0;}
.Toppd .PD_layout .PD img { width: 100%!important; }
	
.Toppd2{ width: 27%;position: absolute;top: 57vw;  left: 60vw; height: auto;}
.Toppd2 .PD_layout[data-pd-li*="BN-AWD"] .PD_img{ display: block!important;}
.Toppd2 .PD_layout ul { display: flex; left: 0;top: 0;}
.Toppd2 .PD_layout .PD img { width: 100%!important; }
}


.Area_PD1 .Area_swiper_box .PD_layout li {border: 1px solid #000000;}
@media screen and (max-width:767px){
.Area_PD1 {padding-bottom:3vw;}
.Area_PD1 .Area_swiper_box .PD_layout li {border: 1px solid #000000;}
	
}


/*副標輪播*/
.Area_title .topPD2 {position: absolute;top:655px; left:-305px;width:444px; height:261px;overflow: hidden;z-index: 10;}
.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);}
.Area_title .topPD2 .PD_layout .PD img{width:100%!important;}

@media screen and (max-width:767px){
.Area_title .topPD2 {width: 38%;position: absolute;top: 96vw;left: 4vw;overflow: hidden;}
.Area_title .topPD2 .PD_layout .PD img{width:100%!important;}
}


/*間距*/
@media screen and (min-width:768px){
  .zonespace { margin-bottom: 60px !important; }
  }
  @media screen and (max-width:767px){
  .zonespace { margin-bottom: 6vw !important; }
  }	

  
/*24HR*/
.Area_2PD .box_txt .PD_layout .PD_img{display:block;}
.Area_2PD .box_txt .PD_layout .PD_logo {display:none; }
@media screen and (max-width:767px){
.Area_2PD .box_txt .PD_layout .PD_img{display:none;}
.Area_2PD .box_txt .PD_layout .PD_logo {display:block; }
.Area_2PD .box {padding: 3% 0 0 0 ; }
}


/*登記*/
/*登記贈品文案顏色_深色*/.danji01 .danji_box ul li .activityText .gifts span { color: #4c91bf;}
/*警示文字顏色*/.warningTxt h3 {color: #000 !important;}
@media screen and (min-width:768px){
  .Area_activ .Area_danji .danji_box {width: 960px !important;}
  }  
@media screen and (max-width:767px){
  .Area_activ .Area_danji .danji_box {width: 96%;}
}


/*8品RWD公版/*/
@media screen and (min-width:768px){
.AreaTime {height: 100%; padding-bottom:59px;}
.AreaTime .PD_layout[data-pd-col-pc="4"] ul { grid-template-columns: repeat(4, auto); border: 2px solid #000000; }	
.AreaTime .PD_layout.B01{width: 94%;padding-bottom: 42px;}
.AreaTime .layout_2PD {padding: 1% 2%;margin-bottom: 30px;  padding: 2% 0 0 0;}
.AreaTime .box {width: 100%;margin: 0 auto;height:2916px;}
}
@media screen and (max-width:767px){
.AreaTime {height: 100%;}	
.AreaTime {width:100%; margin-bottom:10vw;}
.AreaTime .PD_layout{width:97%;}
.AreaTime .PD_layout.B01{top:-11vw;padding-bottom: 7vw;}	
.AreaTime .box {padding:0% 0 0%;background-color:#b25e80;height: 392vw;}
.AreaTime .layout_2PD ul {border: 1.5px solid #524bf1;}
.AreaTime .PD_layout[data-pd-col-pc="4"] ul {border: 1px solid #000000; }	
}


/*品牌*/
.Area15 {width: 60%;margin: 0 auto;padding-bottom: 26px;}
.Area15 .logo ul { grid-gap: 10px;width:86%;margin: 0 auto;}
@media screen and (max-width:767px){
.Area15 {width: 88%;padding: 0 0 0 0;margin-bottom: 2vw;}
.Area15 .logo ul { grid-gap: 10px;width:98%;margin: 0 auto;}
}


/*注意事項區*/
.edm_notice{ text-align:center; padding:10px 10px 15px 10px; color:#b85c5e; font:12px/18px Helvetica;    background-color: #fdb9ba;}
.edm_notice .apple_notice{  padding:10px 0px 10px 0px; }

@media screen and (max-width:767px){
.edm_notice{ text-align:center; padding:10px 10px 15px 10px; color:#b85c5e; font:12px/18px Helvetica;background-color: #fdb9ba;}
}


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