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


/*全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=1751351254558") 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:1; position:fixed; top:60px; left:0; width:100%; min-width:1220px; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
.bgtop01 { z-index: index -8;; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:1100px; 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;}
}

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


 /*版頭區塊*/
 @media screen and (min-width:768px){
.Area_title {height: 635px;z-index: 20;}
.Area_title .deco_ribbon{position:absolute;top: 0;left: 740px;z-index: 0;}
.Area_title .sub_bg{position:absolute;top: 245px;left: 300px;z-index: 0;}
.Area_title .people{position:absolute;top: 358px;left: 215px;z-index: 0;}
.Area_title .bottom001{position:absolute;top: 485px;left: 925px;z-index: 0;}
.Area_title .star01{position:absolute;top: 126px;left: 444px;z-index: 15;}
.Area_title .star02{position:absolute;top: 155px;left: 880px;z-index: 0;}

}
 @media screen and (max-width:767px){
.Area_title {height: auto;}
.Area_title .mb_01{position:absolute; top:0; left:0 ;width: 100%; z-index:0;}
.Area_title .deco_ribbon{position:absolute;top: 0;left: 54vw;width: 46%;z-index: 13;}
.Area_title .sub_bg{position:absolute;top: 27vw;left: 18.5vw;width: 60%;z-index: 1;}
.Area_title .people{position:absolute;top: 38.5vw;left: 11vw;width: 70%;z-index: 6;}
.Area_title .bottom001{position:absolute;top: 95vw;left: -4vw;width: 100%;z-index: 6;}
.Area_title .star01{position:absolute;top: 13.3vw;left: 34vw;width: 4%;z-index: 18;}
.Area_title .star02{position:absolute;top: 16.5vw;left: 79.1vw;width: 5%;z-index: 17;}

}


/*版頭主標微調*/
.Area_title .PD_layout .PD_slide{min-width:inherit;}
.toptitle .PD_layout .PD a,.top_pd .PD_layout .PD a { pointer-events: none;}
.toptitle .PD_layout .PD_slide:hover {transform: translateY(0px);box-shadow: none;}
.toptitle { z-index: 5;}

.toptitle .PD_layout li:nth-of-type(1) {position: absolute;top: 35px;left: 270px;z-index: 11;}
.toptitle .PD_layout li:nth-of-type(2) {position: absolute;top: 95px;left: 240px;z-index: 11;}
.toptitle .PD_layout .PD img { width: 100%!important;}

/*編輯按鈕移動*/
#eWriterBtn_bt_B_000_00 { margin-left: 10px!important; margin-top: 60px!important; z-index: 99!important; }
@media screen and (max-width:767px){
.toptitle .PD_layout li:nth-of-type(1) {position: absolute;top: 4vw;left: 16vw;width: 36%;z-index: 14;}
.toptitle .PD_layout li:nth-of-type(2) {position: absolute;top: 11vw;left: 13.5vw;width: 72%;z-index: 14;}
.toptitle .PD_layout .PD img { width: 100%!important; }
 }


 /*版頭主標微調*/
.Area_title .PD_layout .PD_slide{min-width:inherit;}
/*.topbottom .PD_layout .PD a,.top_pd .PD_layout .PD a { pointer-events: none;}*/
.topbottom .PD_layout .PD_slide:hover {transform: translateY(0px);box-shadow: none;}
.topbottom { z-index: 5;}

.topbottom .PD_layout li:nth-of-type(1) {position: absolute;top: 480px;left: 930px;z-index: 11;}
.topbottom .PD_layout .PD img { width: 100%!important;}

/*編輯按鈕移動*/
#eWriterBtn_bt_B_000_00 { margin-left: 10px!important; margin-top: 100px!important; z-index: 99!important; }
@media screen and (max-width:767px){
.topbottom .PD_layout li:nth-of-type(1) {position: absolute;top: 48.5vw;left: 81.5vw;width: 17%;z-index: 14;}
.topbottom .PD_layout .PD img { width: 100%!important; }
 }

/*副標輪播*/
.Area_title .topPD2 {position: absolute;top: 264px;left: 395px;width: 350px;height: 70px;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: 43%;height: 9vw;position: absolute;top: 28.7vw;left: 26.5vw;overflow: hidden;}
}

/*輪播物件*/
.Area_topbn2 {top: 0;height: 390px;}
.Area_topbn2 .box { width: 90%; position: relative; overflow: hidden; margin: 0 0 0 60px; }
.Area_topbn2 .Area_swiper_box ul.PD_wrapper { position: relative; display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; background-color: rgba(0,0,0,0); grid-gap: 0 }
.Area_topbn2 .Area_swiper_box ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; min-width: auto; background-color: #fff; border: none; border-radius: 10px;}

.Area_topbn2 .PD_layout .PD p .Price { font-size: 25px; }
@media screen and (min-width: 768px) {
.Area_topbn .Area_swiper_box ul.PD_wrapper { padding: 0 0 0;}
}
@media screen and (max-width: 767px) {
.Area_topbn2 .Area_swiper_box{}.Area_topbn2  { height: auto; margin-bottom: 0;}
.Area_topbn2 .box {width: 91%;  margin: 68vw 0 0 9vw; }
.Area_topbn2 .Area_swiper_box {width: 100%;padding-bottom: 0vw;}
.Area_topbn2 .Area_swiper_box ul.PD_wrapper { padding: 0 0 5vw;}
.Area_topbn2 .PD_layout .PD .Price { font-size:24px; }
.Area_topbn2 .PD_layout .PD p b, .Area_01 .PD_layout .PD p del, .Area_01 .PD_layout .PD p .money{ font-size:14px; }
.Area_topbn2 .PD_layout .PD p b{display: inline}
}



/*小標題調整*/
.PD_text0 {position: absolute;left: -20px;top: 25px;height: auto;width: 9%!important;}
.PD_text {position: relative;left: 0;top: 0;height: auto;width: 90%!important;z-index: 1;}
.PD_text2 {position: relative;left: 0;top:0;height: auto;width: 75%!important;z-index: 1;}
.PD_text3 {position: relative;left: 0;top: 25px;height: 115px;width: 80%!important;z-index: 1;}
.PD_text4 {position: relative;left: -5px;top: 0;height: 115px;width: 80%!important;z-index: 1;}
.PD_text5 {position: relative;left: 20px;top: 15px;height: 0;width: 80%!important;}
.PD_text6 {position: relative;left: 20px;top: 15px;height: 0;width: 80%!important;z-index: 1;}

.PD_text0 .PD a,.box_PD_txt .PD a { pointer-events: none; }
.PD_text .PD a,.box_PD_txt .PD a { pointer-events: none; }
.PD_text2 .PD a,.box_PD_txt .PD a { pointer-events: none; }
.PD_text3 .PD a,.box_PD_txt .PD a { pointer-events: none; }
.PD_text4 .PD a,.box_PD_txt .PD a { pointer-events: none; }
.PD_text5 .PD a,.box_PD_txt .PD a { pointer-events: none; }
.PD_text6 .PD a,.box_PD_txt .PD a { pointer-events: none; }
.PD_text0.PD_layout .PD_slide:hover {transform: none;box-shadow: none;}
.PD_text.PD_layout .PD_slide:hover {transform: none;box-shadow: none;}
.PD_text2.PD_layout .PD_slide:hover {transform: none;box-shadow: none;}
.PD_text3.PD_layout .PD_slide:hover {transform: none;box-shadow: none;}
.PD_text4.PD_layout .PD_slide:hover {transform: none;box-shadow: none;}
.PD_text5.PD_layout .PD_slide:hover {transform: none;box-shadow: none;}
.PD_text6.PD_layout .PD_slide:hover {transform: none;box-shadow: none;}

@media screen and (max-width:767px){
.PD_text0 {position: absolute;top: 76.5vw;left: 0vw;width: 10%!important;}
.PD_text {position: relative;top: 0vw;left: 0;height: auto;width: 95%!important;}
.PD_text2 {position: relative;top:0;left:0;height: auto;width: 85%!important;}
.PD_text3 {position: relative;top: 2.5vw;left:0;height: 11.5vw;width: 90%!important;z-index: 2}
.PD_text4 {position: relative;top:0;left: 5vw;height: auto;width: 89%!important;}
.PD_text5 {position: relative;top: 1vw;left: 5vw;height: 0vw;width: 89%!important;}
.PD_text6 {position: relative;top:0;left:0;height: auto;width: 73%!important;}
}


/*最高回饋(線上入搞)*/
@media screen and (min-width:768px){
.Area_event0 {position: relative;height: auto;margin-bottom: 20px;} 
.Area_event0 .layout_event ul {width: 96%;margin:0 auto;padding: 0 0 0 0;grid-gap: 0px;}
.Area_event0 .layout_event ul li {padding: 0% 0% 2%;margin:0 auto;}
.Area_event0 .PD_layout .PD_slide:hover {transform: translateY(-5px);box-shadow: none;}
}

@media screen and (max-width:767px){
.Area_event0 {height: auto;margin-bottom: 0vw;}
.Area_event0 .layout_event{width: 96%;margin:0 auto;padding:0;margin-bottom:0;}
.Area_event0 .layout_event ul {margin:0 auto;padding: 0% 0% 0%;grid-gap:0px!important;}
.Area_event0 .layout_event ul li {margin: 0 auto;padding: 0% 0% 3%;}
}



/*活動x3(線上入搞)*/
@media screen and (min-width:768px){
.Area_event { position: relative; height: auto; margin-bottom:0;} 
.Area_event .layout_event ul {width: 96%;margin:0 auto;padding: 10px 0 0 0;grid-gap: 0px;}
.Area_event .layout_event ul li {padding: 3% 3% 5%;margin:0 auto;}
.Area_event .PD_layout .PD_slide:hover {transform: translateY(-5px);box-shadow: none;}
.Area_event .event_txt{position: relative;left: -170px;}
.Area_event .event_txt img {width: 60%;}
}

@media screen and (max-width:767px){
.Area_event{height: auto;margin-bottom: 0vw;}
.Area_event .layout_event{width: 98%;margin:0 auto;padding:0;margin-bottom:0;}
.Area_event .layout_event ul {margin:0 auto;padding: 0% 0% 0%;grid-gap:0px!important;}
.Area_event .layout_event ul li {margin: 0 auto;padding: 7% 4% 3%;}
.Area_event .event_txt{position: relative;left: -19vw;}
.Area_event .event_txt img {width: 60%;}
}


/*錨點(線上入搞)*/
@media screen and (min-width:768px){
.Area_point {position: relative;height: auto;margin-bottom: 0;}
.Area_point .layout_point ul {width:100%;margin:0 auto;padding: 0px 3% 5%;grid-gap: 0px;}
.Area_point .layout_point ul li {padding:0;margin:0 auto;}
.layout_point.PD_layout .PD_slide:hover {transform: translateY(-5px);box-shadow: none;}
}

@media screen and (max-width:767px){
.Area_point{height: auto;margin-bottom: 0;}
.Area_point .layout_point{width:100%;margin:0;padding:0;margin-bottom:0; }
.Area_point .layout_point ul {margin:0 auto;padding: 2% 2% 2%;grid-gap:0px!important;}
.Area_point .layout_point ul li {margin: 0 auto;padding: 0;}
.Area_point .layout_point ul li img {width:100%;}
}


/*event3(線上入搞)*/
@media screen and (min-width:768px){
.Area_event3 {position: relative;height: auto;margin-bottom: 40px;} 
.Area_event3 .layout_event3 ul {width: 96%;margin:0 auto;padding: 0 0 0 0;grid-gap: 0px;}
.Area_event3 .layout_event3 ul li {padding: 1% 1% 0;margin:0 auto;}
.layout_event3 .PD_layout .PD_slide:hover {transform: translateY(-5px);box-shadow: none;}
.bgg_top,.bgg_end {position: relative;}
.Area_event3 .box1{background: url("bgg_repeat.png?t=1751351254558") center top/ 100% repeat-y scroll;}
}

@media screen and (max-width:767px){
.Area_event3{height: auto;margin-bottom: 2vw;}
.Area_event3 .layout_event3{width:100%;margin:0 auto;padding:0;margin-bottom:0;}
.Area_event3 .layout_event3 ul {margin:0 auto;padding: 0% 2% 0%;grid-gap:0px!important;}
.Area_event3 .layout_event3 ul li {margin: 0 auto;padding: 1.5% 1% 1%;}
.bgg_top{position: relative;width: 122%;margin: 0 auto;}
.bgg_end {position: relative;}
.Area_event3 .box1{background: url("bgg_repeat.png?t=1751351254558") center top/ 100% repeat-y scroll;}

}


/*event4(線上入搞)*/
@media screen and (min-width:768px){
.Area_event4 {position: relative;height: auto;margin-bottom: 40px;} 
.Area_event4 .layout_event4 ul {width: 100%;margin:0 auto;padding: 0 0 0 0;grid-gap: 0px;}
.Area_event4 .layout_event4 ul li {padding: 2% 3% 0;margin:0 auto;}
.layout_event4 .PD_layout .PD_slide:hover {transform: translateY(-5px);box-shadow: none;}
}

@media screen and (max-width:767px){
.Area_event4{height: auto;margin-bottom: 2vw;}
.Area_event4 .layout_event4{width:100%;margin:0 auto;padding:0;margin-bottom:0;}
.Area_event4 .layout_event4 ul {margin: 0px auto;padding: 0.5% 2%;grid-gap:0px!important;}
.Area_event4 .layout_event4 ul li {margin: 0 auto;padding: 2%;}
}



/*活動倒數*/
.TimerNick2 {display:inline-block;position:relative;top: 0;left: 0;height: 50px;background-color: #ffdb80;border-radius: 5em;z-index:99;}
.TimerNick2 .FontStyle2 {display: inline-block;margin: 0 0 0 2px;padding: 0;border: 0;font:normal 30px/30px Arial;color: #643a16;/* background-color: #ff8bb2; */border-radius:5px;/*text-shadow:1px 1px 0px #fff;*/letter-spacing: 0px;text-align: center;}
.TimerNick2 span {padding-left: 2px;font: 500 23px/48px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0em;color: #643a16;}
@media screen and (max-width:767px){
.TimerNick2 {display:inline-block;position: relative;top: 0;left: 0;margin:0;height: auto;padding: 1%;overflow:hidden;text-align:center;background-size:100%;z-index:20;}
.TimerNick2 .FontStyle2 { margin: 0; padding: 0; border: 0; font: lighter 4.5vw/5vw Arial; }
.TimerNick2 span { padding-left:0; font:normal 4vw/5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;}
}

/*2品RWD公版/*/
@media screen and (min-width:768px){
.Area_2PD {margin-bottom: 0;background-color: #eb3a2a;}
.Area_2PD .layout_2PD {padding: 2% 2%}
.Area_2PD .box {width: 96%;margin: 0 auto;height:auto;/*border:4px solid #354462;*//* box-shadow: 1px 9px 10px 0px #ff59bc inset; */} 

}
@media screen and (max-width:767px){
.Area_2PD  {width: 100%;margin-bottom: 0;background-color: #eb3a2a;}
.Area_2PD .box {width: 96%;margin: 0 auto;padding: 1% 1% 1.5%;}
/*.Area_2PD::after {content:"";position: absolute;display:block;top: 15vw;left: 0;width:100%;height: 100%;pointer-events:none;background: url("toplower.png?t=1751351254558") center top/ 93% no-repeat scroll;z-index: -1;}
押標
.layout_2PD .PD_img:after {content:"";position:absolute;top:1.7vw;left:30vw;display:block;width: 28%;height:100%;background-image:url(icon.png?t=1751351254558);background-repeat:no-repeat;background-size:100%;pointer-events:none;}*/

}
	

/*bn輪播*/
.Area_bn .swiper-pagination-bullet {background: #fff;}
@media screen and (min-width:768px){
.Area_bn {width: 960px;margin: 0 auto 50px;height: auto;overflow: hidden;}
.layout_bn.PD_layout ul{display: flex;margin: 10px 0; padding: 0 0 0;height: 210px;grid-gap: 0;}
.Area_bn .Area_swiper_box .PD_layout li{margin:15px 0 0 0}
}

@media screen and (max-width:767px){
.Area_bn {width: 95%;height: auto;margin-bottom: 3vw;overflow: hidden;padding: 0;}
.layout_bn.PD_layout ul{ display: flex;padding: 0 0 0 0;margin: 0 auto;height: 31vw;grid-gap: 0;}
.Area_bn .Area_swiper_box .PD_layout li{margin: 2vw 0 0 0;}
}


/*event2(線上入搞)*/
@media screen and (min-width:768px){
.Area_event2 {position: relative;height: auto;margin-bottom: 30px;background: url("event2_bg.png?t=1751351254558") center top/ 96% no-repeat scroll;}
.Area_event2 .layout_event2 ul {width:96%;margin:0 auto;padding: 0px 0 5px 0;grid-gap: 0px;}
.Area_event2 .layout_event2 ul li {padding: 2%;margin:0 auto;}
.layout_event2.PD_layout .PD_slide:hover {transform: translateY(-5px);box-shadow: none;}
}

@media screen and (max-width:767px){
.Area_event2{height: auto;margin-bottom:0vw;background: url("event2_bg.png?t=1751351254558") center top/ 96% no-repeat scroll;}
.Area_event2 .layout_event2{width: 100%;margin:0 auto;padding:0;margin-bottom:0;}
.Area_event2 .layout_event2 ul {margin:0 auto;padding: 0 2% 4%;grid-gap:0px!important;}
.Area_event2 .layout_event2 ul li {margin: 0 auto;padding: 1%;}
}


/*線上作圖*/
.Area03 {height: auto; z-index:30; margin-bottom: 10px;}
.Area03 .box_all {width: 99.5%;margin: auto;padding: 20px 0 0;}

@media screen and (max-width:767px){
.Area03 {width: 100%;height:auto;padding: 0;background:none;margin-bottom: 1vw;}
.Area03 .box_all {  padding: 1vw 0 0 0; }
.Area03 .PD_layout .PD_slide:hover { box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
}

/*作圖區*/
.Area03 .PD_layout.layout_item .PD p b { /*font-weight: 500;*/ color: #f5301e;}	
.Area03 .PD_layout.layout_item .PD_slide .PD p del {color: #a6a6a6;/*font-size: 0.7em;*/}
.Area03 .PD_layout.layout_item .PD p .money, .Area03 .PD_layout.layout_item .PD p .Price {color: #ea3829;font-weight: 800;}
@media screen and (max-width:767px){
.Area03 .PD_layout.layout_item .PD p b { display: none;}
}

@media screen and (min-width:768px){
.Area03 .PD_layout.layout_item {margin: 1% 0% 0;}
.Area03 .PD_layout.layout_item .PD_slide:hover {transform:translateY(-6px);}
.Area03 .PD_layout.layout_item .PD_slide:hover { box-shadow:unset;}
.Area03 .PD_layout.layout_item .PD_slide {height: 500px;padding:0;margin: 0;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into {width: 80%;margin: 0 auto;position: absolute;left: 0;top: 15px;transform: translateX(10%);text-align:center;font-size: 0.8em;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into {width: 80%;margin: 0 auto;position: absolute;left:0;top: 15px;transform: translateX(10%);text-align:center;font-size: 0.8em;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_img img {width: 55%;margin: 33% 0 0 0;box-shadow: unset;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_img img {width: 55%;margin: 33% 0 0 0;box-shadow: unset;}

.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into h3 {padding: 0;max-height: 1.7em;font-weight: 600;font-size: 2em;line-height: 1.7em;font-family: "Noto Sans CJK SC";color: #643a16;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into h4 {font-size: 1.8em;color: #643a16;/*transform: rotate3d(25, 55, 1, 357deg);*/}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD p {width: 70%;margin: 0 auto;padding: 2% 0 0;height: auto;line-height: 1.5em;font-size: 2em;border-radius: 2em;/* transform: rotate3d(25, 55, 1, 354deg); *//* background-color: #0e52c1; */}
.Area03 .PD_layout.layout_item .PD_slide .PD .PD_logo img{width: 45%;height: auto;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD .PD_logo {position: absolute;top: -330px;left: -30px;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD .PD_logo {position: absolute;top: -330px;left: -30px;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into h3 { padding: 0; max-height: 1.7em; font-weight: 600;font-size: 2em; line-height: 1.7em; font-family: "Noto Sans CJK SC"; color:#000000;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into h4 { font-size: 1.8em; color: #000000;/*transform: rotate3d(35, -60, -2, 343deg);*/}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD p {width: 70%;margin: 0 auto;padding: 2% 0 0;height: auto;line-height: 1.5em;font-size: 2em;border-radius: 2em;/*transform: rotate3d(25, 55, 1, 354deg)*//* background-color: #fff; */}
.Area03 .PD_layout.layout_item .PD p .Price { font-size: 1.7em;text-align: left;}

.Area03 .PD_layout.layout_item li:nth-of-type(odd){ background: url("layout_itembg1.png?t=1751351254558") center top / 85% no-repeat scroll;}	
.Area03 .PD_layout.layout_item li:nth-of-type(even){background: url("layout_itembg1.png?t=1751351254558") center top / 85% no-repeat scroll;}	
.Area03 .more2 a {background: #643a16;color: #ffffff;font-size: 36px;font-weight: bold;padding: 10px 50px;border-radius: 60px;width: 300px;display: block;margin: 10px auto 50px;}

}

@media screen and (max-width:767px){
.Area03 .PD_layout.layout_item { width: 100%;position: relative; z-index: 50; }
.Area03 .PD_layout.layout_item ul {padding: 1% 1%;margin:1% auto;}
.Area03 .PD_layout.layout_item ul li {width: 100%;}
.Area03 .PD_layout.layout_item .PD_slide .PD_img {margin-bottom: 0;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into {position: absolute;margin: 0 auto;top: 1.5vw;width: 90%;transform: translateX(0%);text-align:center;display: block;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into {position: absolute;margin: 0 auto;top: 1.5vw;width: 90%;transform: translateX(0%);text-align:center; display: block;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_img img {width: 67%;margin: 40% 0 0 0;box-shadow: unset;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_img img {width: 67%; margin: 40% 0 0 0; box-shadow: unset;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into h3 {color:#000;line-height: 1.1em;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into h4 {color:#000;max-height: 1.2em;}
.Area03 .PD_layout.layout_item .PD_slide .PD .PD_logo img{width: 25%;height: auto;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD .PD_logo {position: absolute;top: -41.5vw;left: 0;transform: translateX(-35%);}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD .PD_logo {position: absolute;top:-41.5vw;left: 0;transform: translateX(-35%);}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD p { padding: 0 0 0 ;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD p { padding: 0 0 0 ;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into h3 { color:#000;line-height: 1.1em;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into h4 { color: #000;max-height: 1.2em;}
.Area03 .PD_layout.layout_item .PD p .Price {text-align: left;}
.Area03 .PD_layout.layout_item li:nth-of-type(odd){height: 58vw;background: url("layout_itembg1.png?t=1751351254558") center top / 99% no-repeat scroll;}	
.Area03 .PD_layout.layout_item li:nth-of-type(even){height: 58vw;background: url("layout_itembg1.png?t=1751351254558") center top / 99% no-repeat scroll;}
.Area03 .more2 a {background: #ffc705;color: #232323;font-size: 36px;font-weight: bold;border-radius: 60px;width: 300px;display: block;margin: 10px auto 50px;padding: 3% 0;font: bold 5.5vw / 3.5vw "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica;margin: 3vw auto 9vw;}	

}


/*輪播公版區01(線上入搞)*/
@media screen and (min-width:768px){
.Area_PD2 {margin: 0 0 0 0;background: url("Area_PD2bg.png?t=1751351254558") center top/ 100% no-repeat scroll;}
.Area_PD2 .layout_PD2{padding: 137px 0 0;}
.Area_PD2 .Area_swiper{padding: 0 0 35px;}
.Area_PD4 {margin: 0 0 0 0;background: url("Area_PD4bg.png?t=1751351254558") center top/ 100% no-repeat scroll;}
.Area_PD4 .layout_PD4{padding: 140px 0 0;}
.Area_PD4 .Area_swiper{padding: 0 0 35px;}
.Area_PD6 {margin: 0 0 0 0;}
.Area_PD6 .layout_PD6{padding: 140px 0 0;}
.Area_PD6 .Area_swiper{padding: 0 0 35px;}
.Area_PD6 .PD_layout-D1_03 ul::before{display: none;}
.Area_PD6 .PD_layout-D1_03.PD_layout ul{grid-template-columns: repeat(3, 1fr);}
.Area_PD6 .PD_layout-D1_03 .PD_slide{background-color: #fedf8d;}
.Area_PD6 .PD_layout-D1_03 .PD h3 {color: #000;}

.Area_PD22 {width: 100%;padding: 0% 0 0;margin: 0 auto;background-color: #fedf8d;}
.Area_PD22 .layout_PD22{padding: 1px 0 0;}

.Area_PD44 {width: 100%;padding: 0% 0 0;margin: 0 auto;}
.Area_PD44 .layout_PD44{padding: 1px 0 0;}


}

@media screen and (max-width:767px){
.Area_PD2 {width: 100%;margin: 0 auto;height: auto;margin-bottom: 0vw;background: url("mArea_PD2bg.png?t=1751351254558") center top/ 100% no-repeat scroll;}
.Area_PD2 .layout_PD2{width:100%;padding: 15.5% 0 0%;margin: 0 auto 1vw;}
.Area_PD2 .Area_swiper{padding: 0 0 4vw;}
.Area_PD4 {width: 100%;margin: 0 auto;height: auto;margin-bottom: 0;background: url("mArea_PD4bg.png?t=1751351254558") center top/ 100% no-repeat scroll;}
.Area_PD4 .layout_PD4{width:100%;padding: 15.5% 0 0%;margin: 0 auto 1vw;}
.Area_PD4 .Area_swiper{padding: 0 0 2vw;}
.Area_PD6 {margin: 0 0 0 0;}
.Area_PD6 .layout_PD6{padding: 15.5% 0 0;}
.Area_PD6 .Area_swiper{padding: 0 0 3vw;}
.Area_PD6 .PD_layout-D1_03 ul::before{display: none;}
.Area_PD6 .PD_layout-D1_03.PD_layout ul{grid-template-columns: repeat(3, 1fr);}
.Area_PD6 .PD_layout-D1_03 .PD_slide{background-color: #fedf8d;}
.Area_PD6 .PD_layout-D1_03 .PD h3 {color: #000;}


.Area_PD22 {width: 100%;margin: 0 auto;height: auto;margin-bottom: 0;background-color: #fde090;}
.Area_PD22 .layout_PD22{width:100%;padding:2.5% 0 2%; margin: 0 auto 1vw;}	

.Area_PD44 {width: 100%;margin: 0 auto;height: auto;margin-bottom: 0;}
.Area_PD44 .layout_PD44{width:100%;padding:2.5% 0 2%; margin: 0 auto 1vw;}	

}

/*1帶3*/
@media screen and (min-width:768px){
.Area_discount04  {height:100%;display: flex;justify-content: center;flex-wrap: wrap;margin-bottom: 30px;}
.Area_discount04 .box {position:relative;margin-bottom:50px;width:95%;margin: 1px auto 38px auto;}	
.Area_discount04 .b_box {width: 900px;height: 520px;margin: 0 0 35px;background-color: #ea3829;border-radius: 1.5em;}	
.Area_discount04 .c_box {width: 900px;height: 520px;margin: 3px;background-color: #8bcef6;border-radius: 1.5em;}	
.Area_discount04 .text02 {width: 90%;margin: 15px auto 0;height: 75px;}	
.Area_discount04 .text03 {width: 90%;margin: 15px auto 0;height: 81px;}	

/**區標**/	
.Area_discount04 .text {width: 63%;margin: 0px auto;}
.Area_discount04 .text .PD_layout .PD_into{color: #fff;position: relative;}
.Area_discount04 .text .PD_layout .PD_into .PD_logo{width: 33%;}  
.Area_discount04 .text .PD_layout .PD_into h3{width: 100%;font-size: 1.5em;line-height: 1em;color: #000;text-align: center;}  
.Area_discount04 .text .PD_layout .PD_into h5{font: bold 43px/56px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;margin-top: 24px;margin-left: 34px;margin-bottom: 32px;}  

.Area_discount04 .text02 .PD_layout .PD_into{display: flex;flex-direction: row;margin-top: 0vw;margin-bottom: 0vw;justify-content: center;}
.Area_discount04 .text02 .PD_layout .PD_into .PD_logo{width: 21%;left: 0;top: 0;position: relative;}  
.Area_discount04 .text02 .PD_layout .PD_into h3{width: 30%;font-size: 34px;line-height: 1.69em;color: #fff;margin-left: 20px;text-align: left;}  


/** 公版 **/	
.Area_discount04 .b_box .box {position:relative;width: 91%;margin: 0 auto 22px auto;padding-bottom: 0px;}	
.Area_discount04 .b_box .box .PD_layout ul{}
.Area_discount04 .b_box .box .PD_layout ul li{background-color: #fff;border-radius: 5px;}
}

@media screen and (max-width:767px){

.Area_discount04  {padding-top: 2vw;margin-bottom: 4vw;}
.Area_discount04 .box {position: relative;}

.Area_discount04 .b_box {background-color: #ea3829;padding-top: 0;width: 98%;height: 68vw;margin: 0vw auto 3%;border-radius: 1em;}	
.Area_discount04 .c_box {background-color: #8bcef6;padding-top: 0;width: 98%;height: 68vw;margin: 0vw auto 3%;border-radius: 1em;}	

/**區標**/	
.Area_discount04 .text {width: 100%;margin: auto;padding-top: 0vw;width: 100%;margin: 0px auto -2vw auto;/*background: url(item_text_001.png?t=1751351254558)top center no-repeat;background-size: 100%;*/}
.Area_discount04 .text .PD_layout .PD_into .PD_logo{width: 33%;}  
.Area_discount04 .text .PD_layout .PD_into h3{width: 100%;font-size: 1.5em;line-height: 1em;color: #000;text-align: center;}  
.Area_discount04 .text .PD_layout .PD_into h5{font: bold 6vw/6vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;margin-top: 10.5vw;margin-left: 2vw;margin-bottom: 0;}  

.Area_discount04 .text02 .PD_layout .PD_into{display: flex;flex-direction: row;margin-top: 1vw;margin-bottom: -4vw;height: 14.2vw;justify-content: center;}
.Area_discount04 .text02 .PD_layout .PD_into .PD_logo{width: 26%;}  
.Area_discount04 .text02 .PD_layout .PD_into h3{width: 40%;margin-left: 2.5vw;font-size: 22px;line-height: 1.8em;text-align: left;color: #fff;}  

.Area_discount04 .text03 .PD_layout .PD_into{display: flex;flex-direction: row;margin-top: 1vw;margin-bottom: -4vw;height: 14.2vw;justify-content: center;}
.Area_discount04 .text03 .PD_layout .PD_into .PD_logo{width: 26%;}  
.Area_discount04 .text03 .PD_layout .PD_into h3{width: 40%;margin-left: 2.5vw;font-size: 22px;line-height: 1.8em;text-align: left;color: #8f0107;}  

/** 公版 **/	
.Area_discount04 .box {position: relative;width: 97%;margin: 0vw auto 0;padding-bottom: 2vw;}


}

/*12品RWD公版/*/
@media screen and (min-width:768px){
.Area_4PD  {width: 100%;margin: 0 auto;height:auto;background: url("bgg_repeat.png?t=1751351254558") center top/ 100% repeat-y scroll;} 
.Area_4PD .layout_4PD {padding: 0% 2%;}

}
@media screen and (max-width:767px){
.Area_4PD  {width: 100%;margin-bottom: 0;background: url("bgg_repeat.png?t=1751351254558") center top/ 100% repeat-y scroll;}
.Area_4PD .box {width: 96%;margin: 0 auto;padding: 0% 1% 1.5%;}
}
	
/*登記*/
.Area_book0 { height:auto; margin:0 auto ; padding:0 ;}
.Area_book0 .box {width: 100%;margin: 0 auto;padding-top: 20px;background: url("bookbg_repeat.png?t=1751351254558") center top/ 100% repeat-y scroll;}
.Area_book0 .Area_danji .danji_box{ width: 900px;}
.Area_book0 .bookbg_top{position:relative;top: 0;left: -520px;width: 2000px;z-index: 0;pointer-events: none;}                  
.Area_book0 .bookbg_repeat{position:absolute;top: 0;left: -522px;width: 2000px;z-index: 0;pointer-events: none;}                  
.Area_book0 .bookbg_end{position:relative;top: 0;left: -520px;width: 2000px;z-index: 0;pointer-events: none;}                  

/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #ffcd04;}                 
.warningTxt.Area_btnblack h3{color: #000;}  

@media screen and (max-width:767px){
.Area_book0 { width:100%;/*height:87vw*/; padding: 0; margin-bottom:0; }
.Area_book0 .box { padding-top:2vw;}
.Area_book0 .Area_danji .danji_box{width: 97%;}
.Area_book0 .bookbg{width: 250%;position:absolute;top: 0;left:0;transform: translateX(-31%);z-index: 0;}
.Area_book0 .bookbg_top{position:relative;top: 0;left: 0;width: 128%;z-index: 0;pointer-events: none;}                  
.Area_book0 .bookbg_repeat{position:absolute;top: 0;left: 0;width: 100%;z-index: 0;pointer-events: none;}                  
.Area_book0 .bookbg_end{position:relative;top: 0;left: 0;width: 100%;z-index: 0;pointer-events: none;}                  

}


/*折價劵(線上入搞)*/
@media screen and (min-width:768px){
.Area_coupon {margin-bottom: 10px;}
.Area_coupon .box ul {width: 920px;margin:0 auto;padding: 0;border-radius: 0;}
.Area_coupon.Area .remove_box_style ul{grid-gap:0;}
}
@media screen and (max-width:767px){
.Area_coupon {padding-bottom: 2vw;}
.Area_coupon .box ul {width:100% ;padding: 0; margin: 0 auto;}
.Area_coupon .box ul li img{width:100%;}

}

/*mo+折價劵(線上入搞)*/
.Area_coupon_ppp {padding-bottom: 50px !important;padding-top: 25px;}
.Area_coupon_ppp .PD_coupon ul{padding: 25px 0 0 0 !important;}
.coupon_all2 .bggggg{position:absolute;top: 0;left: 0;z-index: 0;}
@media screen and (max-width:767px){	
.coupon_all2{margin-bottom: 4vw;border-radius: 0;}
.Area_coupon_ppp {margin: 0 auto !important;padding: 1% 0;padding-bottom: 0vw !important;}
.Area_coupon_ppp .Area_swiper_box{padding-top: 2.5vw;}
.Area_coupon_ppp .Area_swiper{width: 94%;}
.Area_coupon_ppp .PD_coupon ul{padding: 0vw 0 0 0 !important;}


/*.coupon_pppbg3{position: absolute;background: url("couponbg3.png?t=1751351254558") center top/ 100% no-repeat scroll;width: 98%; transform: translateX(1%);}*/
}

/*使用說明*/
@media screen and (min-width:768px){
.i_btn{width: 24%;position: absolute;top: 110px;right: 80px;z-index: 2;}
}
@media screen and (max-width:767px){
.i_btn{width: 29%;position: absolute;top: 2vw;right: 5vw;z-index: 2;}
}


/*1帶3*/
@media screen and (min-width:768px){
.Area_discount02  {height:100%;display: flex;justify-content: center;flex-wrap: wrap;margin-bottom: 30px;background-color: #ea3829;}
.Area_discount02 .box {position:relative;margin-bottom:50px;width:95%;margin: 1px auto 38px auto;}	
.Area_discount02 .b_box {width: 900px;height: 460px;margin: 0 0 35px;}	
.Area_discount02 .c_box {width: 900px;height: 520px;margin: 3px;background-color: #8bcef6;border-radius: 1.5em;}	
.Area_discount02 .text02 {width: 86%;margin: 15px auto 0;height: 75px;}	
.Area_discount02 .text03 {width: 90%;margin: 15px auto 0;height: 81px;}	

/**區標**/	
.Area_discount02 .text {width: 63%;margin: 0px auto;}
.Area_discount02 .text .PD_layout .PD_into{color: #fff;position: relative;}
.Area_discount02 .text .PD_layout .PD_into .PD_logo{width: 33%;}  
.Area_discount02 .text .PD_layout .PD_into h3{width: 100%;font-size: 1.5em;line-height: 1em;color: #000;text-align: center;}  
.Area_discount02 .text .PD_layout .PD_into h5{font: bold 43px/56px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;margin-top: 24px;margin-left: 34px;margin-bottom: 32px;}  

.Area_discount02 .text02 .PD_layout .PD_into{display: flex;flex-direction: row;margin-top: 0vw;margin-bottom: 0vw;justify-content: center;background: url("discount02_bg.png?t=1751351254558") center top/ 100% no-repeat scroll;
}
.Area_discount02 .text02 .PD_layout .PD_into .PD_logo{width: 21%;left: 0;top: 7px;position: relative;}  
.Area_discount02 .text02 .PD_layout .PD_into h3{width: 30%;font-size: 34px;line-height: 2.1em;color: #643a16;margin-left: 20px;text-align: left;}  

.Area_discount02 .text03 .PD_layout .PD_into{display: flex;flex-direction: row;margin-top: 0vw;margin-bottom: 0vw;justify-content: center;}
.Area_discount02 .text03 .PD_layout .PD_into .PD_logo{width: 21%;left: 0;top: 0;position: relative;}  
.Area_discount02 .text03 .PD_layout .PD_into h3{width: 30%;font-size: 34px;line-height: 1.7em;color: #8f0107;margin-left: 20px;text-align: left;}  


/** 公版 **/	
.Area_discount02 .b_box .box {position:relative;width: 91%;margin: 0 auto 22px auto;padding-bottom: 0px;}	
.Area_discount02 .b_box .box .PD_layout ul li{background-color: #fff;border-radius: 5px;}
}

@media screen and (max-width:767px){

.Area_discount02  {padding-top: 3vw;margin-bottom: 3vw;background-color: #ea3829;}
.Area_discount02 .box {position: relative;}

.Area_discount02 .b_box {/*background-color: #0000008c;*/padding-top: 0;width: 98%;height: 69vw;margin: 0vw auto;}	
.Area_discount02 .c_box {/*background-color: #0000008c;*/padding-top: 0;width: 98%;height: 70vw; margin: 0vw auto;}	

/**區標**/	
.Area_discount02 .text {width: 100%;margin: auto;padding-top: 0vw;width: 100%;margin: 0px auto -2vw auto;/*background: url(item_text_001.png?t=1751351254558)top center no-repeat;background-size: 100%;*/}
.Area_discount02 .text .PD_layout .PD_into .PD_logo{width: 33%;}  
.Area_discount02 .text .PD_layout .PD_into h3{width: 100%;font-size: 1.5em;line-height: 1em;color: #000;text-align: center;}  
.Area_discount02 .text .PD_layout .PD_into h5{font: bold 6vw/6vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;margin-top: 10.5vw;margin-left: 2vw;margin-bottom: 0;}  

.Area_discount02 .text02 .PD_layout .PD_into{display: flex;flex-direction: row;margin-top: 1vw;margin-bottom: -4vw;height: 14.2vw;justify-content: center;background: url("discount02_bg.png?t=1751351254558") center top/ 96% no-repeat scroll;}
.Area_discount02 .text02 .PD_layout .PD_into .PD_logo{width: 25%;}  
.Area_discount02 .text02 .PD_layout .PD_into h3{width: 37%;margin-left: 2.5vw;font-size: 22px;line-height: 1.8em;text-align: left;color: #643a16;}  


/** 公版 **/	
.Area_discount02 .b_box .box {position: relative;width: 96%;margin: 0vw auto 8px;padding-bottom: 2vw;}

}



/*下方公版*/
.Area_below {height: auto;}
.Area_below .layout_below.box1 {width:96%;padding: 10px 0 10px;margin: 0 auto 20px;border-radius:1em;/*box-shadow: 0px 4px 5px 3px #f94f6b60*/}
.Area_below .layout_below.box2 {width:96%;padding: 0;margin: 0 auto 30px;border-radius:1em;/*box-shadow: 0px 4px 5px 3px #f94f6b60*/}
.Area_below .box00 {width: 98.6%;margin: 0 auto;}

@media screen and (max-width:767px){
.Area_below .layout_below {width:100%;margin: 0 auto 3vw;}
.Area_below .layout_below.box1 {width: 98%;padding: 1.5vw 0 1vw;margin: 0 auto 2vw;box-shadow: none;}
}

/*區塊標題960_01*/
.Area .txt02 {padding: 0;margin: 0 auto;width: 67%!important;z-index: 2}
.Area .txt02 ul { padding: 0; grid-gap: 0;}
.Area .txt02 ul li { background-color: transparent; pointer-events: none;}
.Area .txt02 ul li .PD_into {padding: 0 0 0 0;}
.Area .txt02 ul li h5 {padding: 22px 0 7px 0;margin: 0 auto 0;font: bold italic 41px/45px "Noto Sans CJK SC","Microsoft JhengHei", Arial, Helvetica;transform:rotate(-0deg);color: #fff;letter-spacing: -1px;text-align: center;}
.txt02::before {content:"";position: absolute;display:block;top: 0;left: 0;width:100%;height:100%;background: url("layoutBG_txtbg3.png?t=1751351254558") center bottom/ 100% no-repeat scroll;z-index: -1;pointer-events:none;}

@media screen and (max-width:767px){
.Area .txt02 {padding: 0;margin: 0 auto;height: 12vw;width: 98%!important;}
.Area .txt02 ul li h5 {font: bold italic 6vw/6vw "Noto Sans CJK SC","Microsoft JhengHei", Arial, Helvetica;}
.Area .txt02 ul li h5 {padding: 3.5vw 0 0 0;margin: 0;}
.txt02::before {content:"";position: absolute;display:block;top: 0;left: 0;width:100%;height:100%;background: url("layoutBG_txtbg3.png?t=1751351254558") center bottom/ 90% no-repeat scroll;z-index: -1;pointer-events:none;}
}



/*嚴選品類*/
.Area14 {position: relative;z-index: 2;}
.Area14 .bg_box{padding-top: 5px;}
.Area14 .btn.PD_layout {width: 100%;margin: 0 auto 0 auto;padding: 20px 0 40px 0;height: auto;}	
.Area14 .btn.PD_layout ul{width: 85%;display: flex;padding: 0;margin: 0 auto;justify-content: center;flex-wrap: wrap;}
.Area14 .btn.PD_layout ul li{width: calc(100%/9);min-width: inherit;}
.Area14 .btn.PD_layout ul li img{filter: brightness(30%);}
@media screen and (min-width:767px){
.Area14 {background: url("Area14bg.png?t=1751351254558") center top/ 96% no-repeat scroll;}
}
@media screen and (max-width: 767px){
.Area14 .bg_box{background: url("bookbg_repeat.png?t=1751351254558") center top/ 100% repeat-y scroll;}	
.Area14 .btn.PD_layout {padding: 4vw 0 0 0;}	
.Area14 .btn.PD_layout ul{width: 99%;display: flex;justify-content: center;flex-wrap: wrap;grid-gap: 2vw;}	
.Area14 .btn.PD_layout ul li{width: calc(100%/6);min-width: inherit;}	
.Area14 .bookbg_top{position:relative;top: 0;left: 0;width: 128%;z-index: 0;pointer-events: none;}                  

}


@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}
.mbottom2 {margin-bottom: 2vw !important;}

}


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


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


/*分享浮層*/
.floatBox { position:relative; margin:2% auto; padding: 2% 0; width: 700px; height:auto; background-color:rgba(0,0,0,0.8); text-align:center;  border-radius:20px;}
.floatBox img { width:100%; height:auto;}
.floatBox .go_bt {
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
          transition: all 0.2s ease;}
.floatBox .go_bt:hover { filter: brightness(120%);
  -webkit-transform:translateY(-6px);
     -moz-transform:translateY(-6px);
      -ms-transform:translateY(-6px);
       -o-transform:translateY(-6px);
          transform:translateY(-6px);}
.floatBox .closeButton a { display:block; cursor:pointer; position:absolute; top:-20px; right:-20px; width:40px; height:40px; border-radius:50%; border:solid 2px #999999; font:bold 40px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
.floatBox .closeButton:hover {background-color:#666; text-decoration:none;}
.floatBox .title  { display:inline-block; margin:0 0 10px 0; border-bottom:1px solid #ffd800; font:bold 45px/1.5em "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;  color:#ffd800; text-align:center}
.floatBox .box_ { margin:0 auto; width:90%;}
.floatBox .box_:after { content: ""; display:block; clear:both;}
.floatBox .box_btn { margin:20px auto 0; width: 80%;}
.floatBox .box_btn a { display:block; margin:3% 0;}
.floatBox .box_btn img { width:100%;}
.floatBox .box_btn .btn { margin:0 auto; width:60%;}
.floatBox .box_btn2 a { float:left; margin:0 1%; width:48%;}
	@media screen and (max-width:767px){
		.floatBox { padding:5% 0; width:90%; height: auto;}
		.floatBox .closeButton a {display:block; position:absolute; top:-15px; right:-15px; width:30px; height:30px; border-radius:50%; border:solid 2px #999999; font:bold 30px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
		.floatBox .closeButton:hover {background-color:#666; text-decoration:none}
		.floatBox .title  { margin:0 5% 3vw; font-size: 6vw; line-height:2rem;}
		.floatBox .box_btn { margin:2% auto 0;}
		.floatBox .box_btn .btn { margin:0 auto; width:80%;}
	}