@charset "utf-8";
/*基本*/
body {margin: 0; padding:0;background-color: #ffe5a5!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;}
	}


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

	}


.WRAPPER .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;}
.WRAPPER .go_bt:hover { 
   filter:brightness(110%);
  -webkit-transform:translateY(10px);
     -moz-transform:translateY(10px);
      -ms-transform:translateY(10px);
       -o-transform:translateY(10px);
          transform:translateY(10px);}

/*PC背景*/
@media screen and (min-width:767px){
  .bg_deco00 { z-index:-16; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; pointer-events:none;}
	.bgtop01 { z-index:-15; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:1130px; background-repeat:no-repeat; background-position:center top; }
	.bgtop_repeat { z-index:-30; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; pointer-events:none;}
	.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;}
}


/*區塊_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;}

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

/*版頭區塊*/
@media screen and (min-width:768px){
.Area_title {height:1010px;z-index: 20;}
.Area_title .title_bg{position:absolute; top:40px; left:190px ;z-index:2;}
.Area_title .cloud{position:absolute; top:105px; left:-30px ;width:1442px; z-index:2;}
.Area_title .line{position:absolute; top:67px; left:812px ;z-index:3;}
.Area_title .ribbon2{position:absolute; top:35px; left:-345px ;width:425px;  z-index:3;}	
}
@media screen and (max-width:767px){
.Area_title {height: 101.5vw; }
.Area_title .mb_01{position:absolute; top:0; left:0 ;width: 100%; z-index:0;}
.Area_title .line{position:absolute; top:7.5vw; left:67vw ;width: 14%;z-index:2;}	
 }

/*主標微調(線上入稿)*/
.Area_title .toptitle {position: absolute;top: 121px;left: 336px;z-index: 5;}
.Area_title .toptitle.PD_layout ul{grid-gap: 0;;}
.Area_title .toptitle ul li:nth-child(6) {top: 390px; left:-650px;}
.Area_title .PD_layout .PD img { width: 96%;}
.Area_title .toptitle .js-PD_url {pointer-events: none;}
.Area_title .PD_layout .PD_slide:hover {transform: translateY(0px);box-shadow: none;}
@media screen and (max-width:767px){
.Area_title .toptitle { position: absolute; top:11vw;left:18.5vw; width:62%;height: auto; z-index: 5;}	
.Area_title .toptitle .PD_layout[data-pd-li*="BN-AWD"] .PD_logo {display: block !important;}
.Area_title .toptitle ul li:nth-child(5) {width: 368%;top: 1.5vw; left: 2vw;}
 }


/*副標輪播toppd*/
.Area_title .topPD2 { position: absolute; top:350px; left:425px; width: 400px; height:80px; 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);}

@media screen and (max-width:767px){
.Area_title .topPD2 { width: 45%; height: 10vw; position: absolute; top: 35.6vw; left: 27vw;  overflow: hidden;}

}


/* 版頭品 */
@media screen and (min-width:767px){
.top_pd{position: absolute;width: 51%;top: 516px;z-index: 10;left: 319px;}
.top_pd .PD_layout ul{border: solid 0.4em #fec9dd;}
.top_pd .PD_layout ul li{border: none;}
}
@media screen and (max-width:767px){
.top_pd{position: absolute;top: 51vw;/* width: 90%; */padding: 0px 13vw;}
.top_pd .PD_layout ul{border: solid 0.18em #fec9dd;}
}


/*活動*/
@media screen and (min-width:767px){
.Area_event2 {height:auto; padding-bottom: 75px; background: url("event_bg.png?t=1751874731614") center top/ 90% no-repeat scroll;}
.Area_event2  .PD_layout ul{width: 71%;margin: 0 auto;position: relative; top: 48px;grid-gap: 3em;}
.Area_event2  .PD_layout li:nth-child(1){position: relative;left: -25px;}
.Area_event2  .PD_layout li:nth-child(3){position: relative;left: 25px;}
 }
@media screen and (max-width:767px){
.Area_event2 {width:100%;height:45vw;margin:0 auto;padding:0;background: url("mb_02.jpg?t=1751874731614") center top/ 100% no-repeat scroll;}
.Area_event2  .PD_layout ul{width: 84.5%;margin: 0 auto; position: relative;top: 5.5vw;grid-gap: 0.3em;}
.Area_event2  .PD_layout li:nth-child(1){position: relative;left: -0.5vw;}
.Area_event2  .PD_layout li:nth-child(3){position: relative;left: 0.5vw;}
}
  

/*新書上市*/
@media screen and (min-width:768px){
.Area_newpd {position: relative;height: auto;/* margin-bottom:40px; */}
/* 區標 */
.PD_text{position: relative;z-index: 1;/* top: -117px; */}
.PD_text .PD_layout ul{position: absolute;width: 76%;margin: 0;left: 148px;top: -98px;}
.Area_newpd .box{position: relative;padding: 2% 0;background-color: #49d3cf;border-radius: 2em;}
.Area_newpd .box .PD_layout{width: 95%;}
}
@media screen and (max-width:767px){
.Area_newpd {position: relative;height: auto;}
/* 區標 */
.PD_text{position: relative;z-index: 1;top: -10vw;}
.PD_text .PD_layout ul{position: absolute;}
.Area_newpd .box{padding: 3.5% 0%;background-color: #49d3cf;border-radius: 1.2em;}
.Area_newpd .box .PD_layout{width: 99%;}
}


/*折價劵(線上入搞)*/
@media screen and (min-width:768px){
.Area_newpd .ribbon{position: absolute;left: 0;z-index: 2;pointer-events: none;}
/* 區標 */
.Area_coupon .coupon_txt{position: relative;z-index: 5}
.Area_coupon .coupon_txt ul{width: 78%;position: absolute;left: 140px;top: -70px;}
.Area_coupon {position: relative;margin:0 auto;background: url("coupon_bg.png?t=1751874731614") center top/ 92% no-repeat scroll;height: 584px;}
.Area_coupon .box  {width: 80%;overflow: hidden;margin: 0 auto;position: relative;top: 49px;}
.Area_coupon .box ul {margin:0 auto;padding: 105px 0 0px 0;height: 183px;}
}
.Area_coupon  .Area_swiper_box .PD_layout li { background-color: transparent;}
@media screen and (max-width:767px){
.Area_coupon {padding-bottom:0;background: url("mb_07.png?t=1751874731614") center top/ 100% no-repeat scroll;height: 63.5vw;}
/* 區標 */
.Area_coupon .coupon_txt{position: relative;/* top:11vw; */z-index: 5}
.Area_coupon .coupon_txt ul{position: absolute;top: 12vw;}
.Area_coupon .box  {position: relative;width: 96%;overflow: hidden;margin-bottom: -1.4vw !important;margin: 0 auto;top: 15vw;}
.Area_coupon .box ul {padding: 20% 0 0% 5%;height: 20vw;}
}


/*登記*/
@media screen and (min-width:768px){
.Area_book0 {width:1220px;height:auto;position:relative;margin:0 auto;box-sizing:border-box;padding:0;margin-bottom:30px;margin-top: -13px;}
.Area_book0 .box {padding-top:20px;background:url(book_bg_02.png?t=1751874731614) top center repeat-y;}

.Area_book0 .book_txt  {position: relative;}
.Area_book0 .book_txt  ul{position: absolute;left: 140px;top: 37px;width: 78%;}

}
.warningTxt h3{color: #000000 !important;}
@media screen and (max-width:767px){
.Area_book0 {width:100%;height:auto;padding: 0;margin-bottom: 6vw;margin-top: -1vw;}
.Area_book0 .box {padding-top: 0%;background:url("mb_10.jpg?t=1751874731614") top center repeat-y ; background-size:100%;}
.Area_book0 .Area_danji { width:93%;margin: 0 auto;}

.Area_book0 .book_txt  {position: relative;}
.Area_book0 .book_txt  ul{position: absolute;top: 3vw;}

}


/*熱銷主打星*/
@media screen and (min-width:768px){
.Area_star .hotball{position: absolute;left: 110px;z-index: 2;pointer-events: none;}
.Area_star {position: relative;height: auto;/* margin-bottom:40px; */}
/* 區標 */
.Area_title0{position: absolute;background-image: url(m_Area_startop.png?t=1751874731614);background-size: 100%;background-repeat:no-repeat;height: 313px;z-index: 1;left: 134px;}
.Area_title0 .PD_layout ul{position: relative;padding: 50px 0px 0 0;width: 100%;}

.Area_star .box{padding: 47px 0 25px 0;background-color: #89e2de;border-radius: 0 0 2em 2em;position: relative;top: 209px;height: auto;margin-bottom: 286px;}
.Area_star .startop{ position: relative;top: 214px;}
.Area_star .box .PD_layout ul{width: 95%;}

}
.Area_star .PD_layout .PD_slide:hover {box-shadow: none;}
@media screen and (max-width:767px){
.Area_star {position: relative;height: auto;/* margin-bottom: 4vw; */}
/* 區標 */
.Area_title0{position: absolute;background-image: url(m_Area_startop.png?t=1751874731614);background-size: 100%;background-repeat:no-repeat;height: 32vw;z-index: 1;}
.Area_title0 .PD_layout ul{position: relative;padding: 4.8vw 0 0 0;}

.Area_star .box{padding: 10vw 0 12px 0;background-color: #89e2de;border-radius: 1.2em;position: relative;top: 25vw;height: auto;margin-bottom: 33vw;}

.Area_star .box .PD_layout ul{width: 95%;}
}



/*下方公版*/
@media screen and (min-width:768px){

/* 區標 */
.Area_tt {position: absolute;background-image: url(Area_titlebg.png?t=1751874731614);background-size: 100%;background-repeat:no-repeat;height: 141px;top: -15px;width: 77%;left: 172px;}
.Area_tt2 {position: absolute;background-image: url(Area_titlebg2.png?t=1751874731614);background-size: 100%;background-repeat:no-repeat;height: 141px;top: -15px;width: 77%;left: 172px;}
.Area_tt .PD_layout ul,.Area_tt2 .PD_layout ul{position: relative;padding: 36px 0 0 0;}

/* 公版 */
.Area_list .box1 {position: relative;background-color: #49d3cf;border-radius: 2em;padding: 127px 0 25px 0;margin-bottom: 80px;}
.Area_list .box2 {position: relative;background-color: #ff86b7;;border-radius: 2em;padding: 127px 0 25px 0;margin-bottom: 80px;}
.Area_list .layout_list ul{width: 95%;}

}
@media screen and (max-width:767px){
.Area_list {padding-bottom: 0;margin-bottom: 3vw;}

/* 區標 */
.Area_tt {position: absolute;background-image: url(Area_titlebg.png?t=1751874731614);background-size: 100%;background-repeat:no-repeat;height: 15vw;top: -2vw;}
.Area_tt2 {position: absolute;background-image: url(Area_titlebg2.png?t=1751874731614);background-size: 100%;background-repeat:no-repeat;height: 15vw;top: -2vw;}
.Area_tt .PD_layout ul{position: relative;padding: 4vw 0 0 0;}
.Area_tt2 .PD_layout ul{position: relative;padding: 4vw 0 0 0;}

/* 公版 */
.Area_list .box1 {position: relative;background-color: #49d3cf;border-radius: 1.2em;padding: 14% 0 1%;margin-bottom:8vw;padding-top: -1vw;}
.Area_list .box2 {position: relative;background-color: #ff86b7;border-radius: 1.2em;padding: 14% 0 1%;margin-bottom:8vw;padding-top: -1vw;}
.Area_list .layout_list ul {width: 96%; margin-bottom: 3vw;}

.Area_list .layout_list ul{width: 95%;;}
}


/*品牌*/
@media screen and (min-width:768px){
.Area_brand .hotball{position: absolute;left: 110px;z-index: 2;pointer-events: none;}
.Area_brand {position: relative;height: auto;/* margin-bottom:40px; */}
/* 區標 */
.Area_title0{position: absolute;background-image: url(m_Area_brandtop.png?t=1751874731614);background-size: 100%;background-repeat:no-repeat;height: 313px;z-index: 1;left: 134px;}
.Area_title0 .PD_layout ul{position: relative;padding: 50px 0px 0 0;width: 100%;}
	
.Area_brand .box{padding: 53px 0 34px 0;background-color: #89e2de;border-radius: 0;position: relative;top: 209px;height: 576px;margin-bottom: -1px;}
.Area_brand .startop{ position: relative;top: 214px;}
.Area_brand .box .PD_layout ul{width: 85%;margin: 0 auto;z-index: 11;position: relative;grid-gap: 0.5em;}
	
.Area_brand .guantop{position: relative;/* padding: 9vw 0 0 0; */}
.Area_brand .guan{padding: 1vw 0 33px 0;background-color: #78c4c2;border-radius: 0 0  2em 2em;position:relative;height: auto;margin-bottom: 30px;;}
.Area_brand .guan .PD_layout ul{width: 60%;margin: 0 auto;position: relative;}

}
.Area_brand .PD_layout .PD_slide:hover {box-shadow: none;}
@media screen and (max-width:767px){
.Area_brand {position: relative;height: auto;/* margin-bottom: 4vw; */}
/* 區標 */
.Area_title0{position: absolute;background-image: url(m_Area_brandtop.png?t=1751874731614);background-size: 100%;background-repeat:no-repeat;height: 32vw;z-index: 1;}
.Area_title0 .PD_layout ul{position: relative;padding: 4.8vw 0 0 0;}
	
.Area_brand .box{padding: 10vw 0 22px 0;background-color: #89e2de;border-radius: 1.2em  1.2em  0 0;position:relative;top: 25vw;height: 57vw;}
.Area_brand .box .PD_layout ul{width: 95%; margin: 0 auto;z-index: 11;position: relative;}

.Area_brand .guantop{position: relative;/* padding: 23vw 0 0 0; */}
.Area_brand .guan{padding: 1vw 0 19px 0;background-color: #78c4c2;border-radius: 0 0  1.2em 1.2em;position:relative;height: auto;margin-bottom: 5vw;}
.Area_brand .guan .PD_layout ul{width: 89%;margin: 0 auto;position: relative;}

}
	

/* 間距 */
@media screen and (min-width:767px){
.Area_bottom { padding-bottom:50px !important;}
}
@media screen and (max-width:767px){
.Area_bottom { padding-bottom:5vw !important;}
}


/*Appletxt*/
.apple_txt{ position: relative;margin:30px auto; color:#000;font-size: 13px; text-align: center;}
@media screen and (max-width:767px){
.apple_txt{position: relative;margin:0 0 0 0;padding: 3% 3% 3% 3%; color:#000;}
}


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