@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_bg.jpg?t=1777356662364") 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){
.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:absolute; 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:0px; left:0; width:100%; min-width:1220px; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
.deco1	{ z-index:0; position:absolute; top:266px; left:0px; width:100%; min-width:1220px; height:100%; background-repeat:no-repeat; background-position:center top; }
.deco2	{ z-index:0; position:absolute; top:268px; left:0px; width:100%; min-width:1220px; height:100%; background-repeat:no-repeat; background-position:center top; }
.deco3{ z-index:0; position:absolute; top:902px; 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%; }
.bg02{ z-index:-1; position:absolute; top:160vw; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position:center top; background-size:100%; }
.bgtop02 { z-index:0; position:absolute; top:10vw; left:0; width:100%; height:100%; background-repeat:no-repeat; 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;}

	}


/*LOGO CSS*/
.momologo { z-index:2; position: absolute; top: 15px; left:15px;}
.momologo a { display:block; width:140px; height:21px;}
.momologo a svg { width:140px; height:21px; }
.momologo a path { fill:#EA27C2; }
.momologo-pink  a path { fill:#EA27C2; }/*LOGO 桃紅色*/
.momologo-white a path { fill:#ffffff; }/*LOGO 白色*/
@media screen and (max-width:767px){
.momologo { display:none;}
}





/*區標*/
.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;}
.box_txt3 {position: relative;display: flex;margin: 0 auto;width: 100%;height: auto;justify-content: center; z-index: 50;        top: 0px; }
.box_txt3 img{width: 88%!important;padding: 0;}
.box_txt4 {position: relative;display: flex;margin: 0 auto;width: 100%;height: auto;justify-content: center; z-index: 50;        top: 0px; }
.box_txt4 img{width: 88%!important;padding: 0;}
.box_txt5 {position: relative;display: flex;margin: 0 auto;width: 100%;height: auto;justify-content: center; z-index: 50;        top: 0px; }
.box_txt5 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%;}
.box_txt3 {position: relative;margin: 0 auto;width: 100%;z-index: 30;top: 0vw;}
.box_txt3 img{width: 100%;}	
.box_txt4 {position: relative;margin: 0 auto;width: 100%;z-index: 30;top:-1vw;}
.box_txt4 img{width: 100%;}	
.box_txt5 {position: relative;margin: 0 auto;width: 100%;z-index: 30;top:0vw;}
.box_txt5 img{width: 100%;}		
}


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


/*版頭區塊*/
.Area_title .PD_layout .PD_slide {  min-width: 0; }
@media screen and (min-width:768px){
.Area_title {height: 1118px;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;background: url("title02_bg.png?t=1777356662364") center top / 50% no-repeat scroll;}
.title_light {z-index:5;position:absolute;left:0;top:0px;width: 93%;mix-blend-mode: overlay;pointer-events:none;}
.toppd	{position: absolute;top: 426px;left: 120px;z-index: 9;width: 76%;}
.date{position: absolute;top: 377px;left: 943px;z-index: 9;width: 21%;}	
}

/*編輯按鈕移動*/
#eWriterBtn_bt_B_000_01 { margin-left: 10px!important; margin-top: 60px!important; z-index: 99!important; }

@media screen and (max-width:767px){
.Area_title {width:100%;height: 107vw;z-index: 0;}	
.Area_title .deco1{z-index:5;position: absolute;width: 100%;top: 105vw;}	
.Area_title .deco2{z-index:5;position: absolute;width: 100%;top: 108vw;}	
.title_light {position:absolute;top:0vw;width:40%;left:0vw;mix-blend-mode: overlay;}
.toppd {position: absolute;top: 37vw;left: 2vw;width: 93%;z-index: 9;}
.date{position: absolute;top: 42vw;left: 76vw;width: 21%;z-index: 9;}
}


/*版頭主標微調*/
.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: 85px;left: 198px;z-index: 9;width: 66%;}	
.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: 4vw;left: 10vw;width: 79%;z-index: 9;}
.title .PD_layout li:nth-of-type(2) {position: absolute;  top: 30vw;  left:14vw; width: 74%; z-index: 10;}
.title .PD_layout li:nth-of-type(3) {position: absolute;  top: 1vw; left: 5vw; width: 16%; z-index: 10;}
.title .PD_layout li:nth-of-type(4) {position: absolute; top:55vw; left: 5vw;width: 17%; z-index: 10;}
.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 .topPD2 {position: absolute;top: 328px;left:241px;width:701px;height:155px;overflow: hidden;z-index: 20;}
.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 (max-width:767px){
.Area_title .topPD2 {width: 72%;height: 15vw;position: absolute;top: 26.3vw;left: 12vw;overflow: hidden;}
.Area_title .topPD2 .PD_layout .PD img {width: 90%!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 ; }
}


/*登記(線上入搞)*/
.Area_danji { margin-bottom: 0px;}
@media screen and (max-width:767px){
.Area_danji { width: 96%; margin-bottom: 0vw; }
}


/*輪播8品公版區1*/
.Area_PD301 {padding-bottom: 0px ;}
.Area_PD301 .Area_swiper{margin: 0 auto;    left: 17px;}
.Area_PD301 .box{/*background-color: #5b80f5;*/ }
.Area_PD301 h2 { text-align: center; color: #fff }
@media screen and (min-width: 768px){
.Area_PD301 .box{ /*border-radius: 15px!important; border: solid 2.5px #fff;*/ background: url("pcArea_PD301bg.png?t=1703837711058") center top / 100% no-repeat scroll;height: 100%;
    padding: 0 0 8% 0;}
.Area_PD301 .Area_swiper_box{padding-bottom: 0px;}
/*logo*/ 
.Area_PD301 .logo{width: 100%;height: 120px;}
.Area_PD301 .logo ul{grid-gap: 0;}
.Area_PD301 .logo ul .PD_into{padding: 0;}
.Area_PD301 .logo ul .PD_logo{width: 24%;position: relative;top:26px;left:125px;border-radius: 31px; padding: 0% 3% 0% 3%;}
.Area_PD301 .logo ul li h3{color:#ffffff;width: 50%;position: absolute;right: 119px;top:30px;margin: 0 auto;font-size: 2.5em;}	 

}
@media screen and (max-width:767px){
.Area_PD301 { width:100%!important; border-radius: 10px!important;padding-bottom:0vw ; }
.Area_PD301 .box{  width: 94%; margin: 0 0 0 3vw;     padding-bottom: 13vw;background: url("Area_PD301bg.png?t=1703837711058") center top / 100% no-repeat scroll;/*border-radius: 15px!important; border: solid 1px #fff;*/ }
.Area_PD301 .Area_swiper_box{padding-bottom: 0vw;}
.Area_PD301 .box_all{  margin-bottom: 0vw;  padding: 3% 0 0 0;}	  
.Area_PD301 .Area_swiper{margin: 0 auto; left:-1vw;}

/*logo*/ 
.Area_PD301 .logo{width: 100%;height: 17vw;}
.Area_PD301 .logo ul{grid-gap: 0;}
.Area_PD301 .logo ul .PD_into{padding: 0;}
.Area_PD301 .logo ul .PD_logo{width: 37%;    position: relative;   top: 2vw;     left: 6vw;    border-radius: 31px; padding: 0% 3% 0% 3%;}
.Area_PD301 .logo ul li h3{color: #42291b;width: 48%;position: absolute;right: 7vw;top: 3vw;margin: 0 auto;font-size: 1.6em;}
.Area_PD301  .logo ul li h3{color:rgb(255 255 255);
    width: 48%;
    position: absolute;
    right:4vw;
    top: 3vw;
    margin: 0 auto;
    font-size: 1.4em;}
}





/*8品RWD公版/*/
@media screen and (min-width:768px){
.AreaTime.Area_2PD{height: 100%; padding-bottom:0px;}
.AreaTime.Area_2PD .PD_layout.B01{padding-top:0px;width: 94%;top: 0px;padding-bottom: 0px;}
.AreaTime.Area_2PD .layout_2PD {padding: 1% 2%;margin-bottom: 30px;  padding: 2% 0 0 0;}
/*.AreaTime.Area_2PD .box {background-color:#b25e80;width: 100%;margin: 0 auto;height:2916px;  background-color: #ffe1ec; border-radius: 20px 20px 20px 20px;margin: -56px 0 0 0;}*/
.AreaTime.Area_2PD .layout_2PD ul {/*border: 1.5px solid #524bf1;*/}
.AreaTime.Area_2PD .floor2 {position: absolute;left: -390;top: -38px;}
}
@media screen and (max-width:767px){
.AreaTime.Area_2PD{height: 100%;}	
.AreaTime.Area_2PD .bgbg1 {position: relative;height: 2.8vw;}
.AreaTime.Area_2PD  {width:100%; margin-bottom: 0vw; /*background: url("mb_02.jpg?t=1777356662364") center top/ 100% repeat-y scroll;*/ }
.AreaTime.Area_2PD .PD_layout.B01{top:0vw;padding-bottom: 0vw;width: 97%;}	
/*.AreaTime.Area_2PD .box {padding:0% 0 0%;background-color:#b25e80;height: 392vw;}*/
.AreaTime.Area_2PD .layout_2PD ul {border: 1.5px solid #524bf1;}
.AreaTim .Area_2PD .floor2 {position: absolute;left: 0;top:0 ;}
}


/*---攻略---*/
@media screen and (min-width:768px){
.Area_sale{margin:31px auto 0 auto;}
.Area_sale .box_all {width: 100%;}
/*登記*/
.danji{ margin: 0px auto 0 auto;}
.danji .box{padding: 0 0 0 0;}
.danji .Area_danji .danji_box{width: 900px;}
}
@media screen and (max-width:767px){
.Area_sale{margin:5vw auto 1vw auto;background: url("m_repty.png?t=1777356662364") center top/ 100% repeat-y scroll;}
.Area_sale .box_all {width: 96%;margin:0 auto;padding:0;}
/*登記*/
.danji{margin: 1vw auto 0 auto;        width: 98%;}
.danji .Area_danji{width: 95%;}
.danji .box_all{position: relative;padding: 0 0 0 0;z-index: 99;}
}


/*折價劵(線上入搞)*/
@media screen and (min-width:768px){
.Area_sale .PD_layout-coupon3 {margin-bottom: 20px;width:96%;}
}
@media screen and (max-width:767px){
.Area_sale .PD_layout-coupon3 {width:97%; padding-bottom: 2vw;}
}


/*BN*/
.Area_bn {  margin-bottom: 22px;}
@media screen and (max-width:767px){
.Area_bn { margin-bottom:2vw;width: 98%;left: -1vw;}
}

/*輪播BN*/
.BN_swiper { position: relative; width:960px; margin: 0 auto; overflow: hidden; z-index: 1;}
.BN_swiper ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0 0 20px; width: 100%; grid-gap: 0; box-sizing: content-box; height: 228px;}
.BN_swiper ul.PD_wrapper li { position: relative; flex-shrink: 0; margin: 0; padding: 0; pointer-events: inherit;}
.BN_swiper ul.PD_wrapper li.PD_slide { min-width: inherit;}
.BN_swiper ul.PD_wrapper li.PD_slide:hover { box-shadow: 0 3px 30px rgba(0, 0, 0, 0);}
@media screen and (max-width:767px){
.BN_swiper { width: 100%; margin: 0 auto;}
.BN_swiper ul.PD_wrapper { margin: 0; padding: 0 0 9%; height: 45vw;}
}


/*館類*/
.Area45 {margin: 0 auto ;padding: 0 0 0 0;}
.Area45 .logo ul { grid-gap: 10px;width:100%;margin: 0 auto;}
.Area45 .bg {position: absolute;top:-345px;left: 50%;transform: translateX(-50%);pointer-events: none;z-index:-1;}	
@media screen and (max-width:767px){
/* .Area45 {width: 100%;  padding:17% 0 0 0;background: url("mlogo_bg.png?t=1777356662364") center top/ 100% no-repeat scroll;        height: 32vw;} */
.Area45 .logo ul { grid-gap: 10px;width: 100%;margin: 0 auto;}
}



/*注意事項區BG*/
.edm_notice{ text-align:center; padding:10px 10px 15px 10px; color:#ce7777; font:12px/18px Helvetica;}
.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:#ce7777; font:12px/18px Helvetica;background-color: #a40c0c;}
}


/*作圖區 */
.Area044 {height:100%;    padding-bottom: 0px; }
.Area044 .bg {position: absolute;top:-245px;left: 50%;transform: translateX(-50%);pointer-events: none;z-index:-1;}	
.Area044 .box{ background-color: #a40c0c;width: 1667px;margin: 199px  auto 0 auto;padding-top: 16px;}
.Area044 .PD_layout.layout_item { padding:0% 2% 0% 2%;margin: -63px 0 0 0; }
.Area044 .PD_layout.layout_item ul {background-color: transparent;width:61%; 	}
.Area044 .PD_layout.layout_item li {background: url("item_bg.jpg?t=1777356662364") center top / 100% no-repeat scroll;height:655px;  	}
.Area044 .PD_layout.layout_item li {border-right: none;border-top:none;}
.Area044 .PD_layout.layout_item .PD_slide .PD_img img {width:75%; margin: 16% 0 0 0%;box-shadow: unset;}
.Area044 .PD_layout.layout_item .PD h3 span { background-color: transparent;}
.Area044 .PD_layout.layout_item .PD_into{ position: relative;top:56px;}

.Area044_top {z-index:-1;position:absolute;top: -30px;left: 0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}	
.Area044_repeat {z-index:-1;position:absolute;top:416px;left:0;width:100%;height:556px;background-repeat: repeat-y;pointer-events:none;background-position: center top;pointer-events:none;}	
.Area044_end {z-index:-1;position:absolute;top:-21px;left: 0;width:100%;height:1817px;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;}
/*調整*/
.Area044 .PD_layout .PD p { color:#ffe8b4;position: relative;top: 11px;}
.Area044 .PD_layout .PD h4{ color:#fff !important;}
.Area044 .PD_layout[data-pd-h3="5"] .PD h3 span{ color:#8b0a0a!important;}
.Area044 .PD_layout .PD p .Price { font-size: 35px; font-weight: 800;}
.Area044 .PD_layout.layout_item .PD h3 { font-size: 25px; font-weight: 800;color:#fff ;}
.Area044 .PD_layout.layout_item .PD h4 { font-size: 22px;top: 10px;position: relative;}
.Area044 .PD_layout.layout_item .PD p del {color:#f39d9d !important;font-size: 22px;}


/*背景*/
.Area044_top {z-index: -40;position:absolute;top:-6px;left: 0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}	
.Area044_repeat {z-index: -42;position:absolute;top:79px;left: 50%;width:2000px;height:1838px;;pointer-events:none;background-color:#ff4d71;transform: translateX(-50%);}	
.Area044_end {z-index: -40;position:absolute;top:65px;left: 0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;}	


@media screen and (max-width:767px){
.Area044 { height:100%;        padding-bottom: 0vw;}
.Area044 .box{ margin: -3vw 0 0 0; background-color: #a40c0c;width: 100%;}
.Area044 .PD_layout.layout_item ul {background-color: transparent;width:100%;}
.Area044 .PD_layout.layout_item li {background: url("mitem_bg.jpg?t=1777356662364") center top / 100% no-repeat scroll;	height:75vw;width: 47vw;}
.Area044 .PD_layout.layout_item li {border-right: none;border-top:none;}
.Area044 .PD_layout.layout_item .PD_slide .PD_img img {width:93%;margin:4% 0 0 3%;box-shadow: unset;}
.Area044 .PD_layout.layout_item .PD h3 span { background-color: transparent;}
.Area044 .PD_layout .PD p { color: #d20bf9;}
.Area044 .PD_layout.layout_item .PD_into{ position: relative;top:2.3vw;}
.Area044 .bg_deco0 { z-index:99; position:absolute; top:0; left:.5vw; width:4%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
/*調整*/
.Area044 .PD_layout .PD p { color:#ffe8b4;}
.Area044 .PD_layout .PD h4{ color:#ffffff !important;}
.Area044 .PD_layout[data-pd-h3="5"] .PD h3 span{ color:#a50c0e  !important;}
.Area044 .PD_layout .PD p .Price { font-size: 28px; font-weight: 800;}
.Area044 .PD_layout.layout_item .PD p del {color:#ffffff !important;}
.Area044 .PD_layout.layout_item .PD h3 { font-size: 15px; font-weight: 800;}
.Area044 .PD_layout.layout_item .PD h4 { font-size: 14px;}
.Area044 .PD_layout.layout_item .PD p del {color:#f39d9d !important;font-size: 13px;}
.Area044 .PD_layout.layout_item .PD_img	 {position: relative;top:1vw;}
.Area044 .PD_layout.layout_item	{padding:0 0 0 0;  margin: -8vw 0 0 0; }
}	


/*嚴選品牌推薦*/
.Area12 { padding-bottom: 85px;}
.Area12 .logo ul {grid-gap: -30px;}
.Area12 .logo.PD_layout{padding-top: 30px;}
.Area12 .logo.PD_layout[data-pd-li*="BN"] li {margin: -15% 0%;}
.Area12 .logo.PD_layout[data-pd-li*="BN"] li:nth-of-type(odd) {padding-top: 0px;}
.Area12 .logo.PD_layout[data-pd-li*="BN"] li:nth-of-type(even) {padding-top: 60px;}
.Area12 .logo.PD_layout[data-pd-col-pc="3"] li:nth-child(5) {padding-top: 110px;}
.Area12 .logo.PD_layout[ data-pd-li="BN" ] ul {margin: 0 auto;padding: 0;width: 100%;background-color: transparent;}
@media screen and (max-width:767px){
.Area12 {width: 100%;padding: 0 0 0 0;padding-bottom: 0%;}
.Area12 .logo ul { grid-gap: 0.2em; padding: 0 0.5em;}
.Area12 .logo.PD_layout{ padding-top: 3vw;width: 90%;}
.Area12 .logo.PD_layout[data-pd-li*="BN"] li {margin: -10% 0%;}
.Area12 .logo.PD_layout[data-pd-li*="BN"] li:nth-of-type(even) {padding-top:6vw;}
.Area12 .logo.PD_layout[data-pd-col-pc="3"] li:nth-child(5) {padding-top: 12vw;}
.Area12 .logo.PD_layout[ data-pd-li="BN" ] ul { margin: 0 auto;padding: 0;width: 100%; background-color: transparent;}	
}


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