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


/*全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_02.jpg?t=1773654681179") center top/ 100% repeat-y scroll;z-index: 0;}
		.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:100%;  }

	}




/*PC背景*/
@media screen and (min-width:767px){
    .bg_deco00 { z-index:-9; position:absolute; top:1000px; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; pointer-events:none;}
	.bgtop01 { z-index:10; position:absolute; top:0px; left:0px; width:100%; min-width:1220px; height:1000px; background-repeat:no-repeat; background-position:center top; }
	.bgtop02 { z-index:1; position:absolute; top:0px; left:0px; width:100%; min-width:1220px; height:1000px; background-repeat:no-repeat; background-position:center top; }
	.bgtop_fixed { z-index:-10; position:fixed; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
	.bgtop_2{ z-index:-20; position:fixed; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; pointer-events:none;}
}




/*mb背景*/
@media screen and ( max-width:767px) {
	.bgtop01 { z-index:0; position:absolute; top:44px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; background-size:100%; }	
	.bgtop02 { z-index:-1; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position:center top; background-size:100%; }	
	.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;  }
.Area .box_bg{position:absolute;top:0;left: 0;z-index: 0;} 
.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;}

	}




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




/*區標題公版背景*/
.box_txt ul,.box_txt2 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;padding:116px 0 17px 0;}
.box_txt img{width: 88%!important;padding: 0;}
.box_txt::before {content:"";position: absolute;display:block;top: 0;width: 80%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg.png?t=1773654681179") center top/100% no-repeat scroll;}
.box_txt .PD_layout .PD h3 {color:#000000; font-size: 2.9em; font-family: "Century Gothic";   letter-spacing: -1px; margin:-77px 0 0 25px;}
}
@media screen and (max-width:767px){
.box_txt {position: relative;margin: 0 auto 2vw;width: 100%;z-index: 30;height:19vw;}
.box_txt img{width: 100%;}
.box_txt::before {content:"";position: absolute;display:block;top:1vw;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg.png?t=1773654681179") center top/100% no-repeat scroll;}
.box_txt .PD_layout .PD h3 {color:#000000;font-size: 1.6em;letter-spacing: -2px;line-height: 20vw;font-family: "Century Gothic","微軟正黑體";max-height: 13vw;font-weight: bold; top:1vw;
  position: relative;}
}




/*版頭區塊*/
.Area_title .PD_layout .PD_slide {  min-width: 0; }
@media screen and (min-width:768px){
	.Area_title {height:514px;z-index: 20;}
	.Area_title .title01 {z-index:4;position: relative;top: 291px;}
	.Area_title .title02 {z-index:4;position: relative;width: 100%;top: 417px;left: -19px;}
}
@media screen and (max-width:767px){
	.Area_title {width:100%; height: 49vw;z-index: 20;}	
	.Area_title .title01 {z-index:4;position: absolute;width: 100%;}
	.Area_title .title02 {z-index:4;position: relative;top: 52vw;width: 100%;}
	.Area_title .title02 img {padding: 1% 0;width: 68%;}
}




/*版頭主標微調*/
.Area_title img{width: 100%;border-radius: 0!important;}
.Area_title .PD_layout .PD_slide { min-width:auto; }
@media screen and (min-width: 768px){
.title { z-index: 99; }
.title .PD_layout li:nth-of-type(1) { position: absolute;  top: 88px;left: 239px; z-index: 9;}
.title .PD_layout .PD img { width: 100%!important; }
}
/*編輯按鈕移動*/
#eWriterBtn_bt_B_000_01 { margin-left: 10px!important; margin-top: 60px!important; z-index: 99!important; }

@media screen and (max-width:767px){
.title .PD_layout li:nth-of-type(1) {position: absolute; top: 6vw; left: 10vw; width: 83%; 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; }
}




/*30品*/
@media screen and (min-width:768px){
.Area_9 {margin-bottom:50px!important;}
.Area_9 .PD_layout.layout_8PD {height: auto;padding-top: 50px;width: 95%;padding-bottom: 116px;}
}
@media screen and (max-width:767px){
.Area_9 {height:100%;margin-bottom:5vw!important;}
.Area_9 .Ad02{width: 96%;	}
}







@media screen and (max-width:767px){
.PD_layout-btn{padding: 2vw 0 0vw;}
}




@media screen and (min-width:767px){
.mbottom1 { margin-bottom:20px !important}
.mbottom2 { margin-bottom:60px !important}
}
@media screen and (max-width:767px){
.mbottom1 { margin-bottom:2vw !important}
}




/*隱鑶*/
.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;}
	}




/**延遲載圖用**/
.mainArea .articleList * img.lazy {display:none;}