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


/*全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=1751283988976") 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:0; position:fixed; top:60px; left:0; width:100%; min-width:1220px; height:100%; background-repeat:no-repeat; background-position:center bottom; 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: 28px;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: auto;z-index: 20;}
.Area_title .deco_ice{position:absolute;top: 140px;left: 145px;z-index: 0;}
.Area_title .sub_bg{position:absolute;top: 281px;left: 300px;z-index: 0;}
.Area_title .deco_leaf01{position:absolute;top: 560px;left: -390px;width: auto;z-index: 0;}
.Area_title .deco_leaf02{position:absolute;top: 0;left: 895px;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_ice{position:absolute;top: 13vw;left: 1vw;width: 92%;z-index: 13;}
.Area_title .sub_bg{position:absolute;top: 27.5vw;left: 17.5vw;width: 62%;z-index: 1;}
.Area_title .deco_leaf02{position:absolute;top: 0;left: 68vw;width: 48%;z-index: 1;}

}


/*版頭主標微調*/
.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: 0;left: 375px;z-index: 11;}
.toptitle .PD_layout li:nth-of-type(2) {position: absolute;top: 100px;left: 260px;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: 0;left: 25vw;width: 50%;z-index: 14;}
.toptitle .PD_layout li:nth-of-type(2) {position: absolute;top: 10vw;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: 355px;left: 890px;z-index: 11;}
.topbottom .PD_layout .PD img { width: 100%!important;}

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

/*副標輪播*/
.Area_title .topPD2 {position: absolute;top: 290px;left: 390px;width: 450px;height: 80px;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;}
}

 
/*活動倒數*/
.TimerNick2 {display:inline-block;position:relative;top: 435px;left: -115px;height: 60px;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: #0363b8;/* 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: #0363b8;}
@media screen and (max-width:767px){
.TimerNick2 {display:inline-block;position: relative;top: 40.5vw;left: -20vw;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;}
}

/*版頭品入稿*/
@media screen and (min-width:768px){
.timebg{position:absolute;top: 425px;left: 110px;z-index: 0;}
.timebg img{width: 85%;}
.layout_toppd {position:relative;width: 709px;top: 0;margin: 425px auto 40px;right: 0;left: 0;z-index: 5;padding: 0;border-radius: 0;}
.layout_toppd ul {padding:0;border: 0px solid #f03f2f;}
.PD_layout li {border-top: solid 0px #d1d1d1 !important;}
.PD_layout li {border-right: solid 0px #d1d1d1 !important;}

}

@media screen and (max-width:767px){
.layout_toppd {position:relative;width: 93%;margin: 39.5vw auto 3vw;padding: 0;z-index: 2;}
.layout_toppd ul {border: 0px solid #f03f2f;}	
.timebg{position:absolute;top: 40vw;left: -5vw;width: 100%;z-index: 0;}
.timebg img{width: 80%;}
}


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

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


/*小標題調整*/
.PD_text0 {position: absolute;left: -20px;top: 25px;height: auto;width: 9%!important;z-index: 1;}
.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_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_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;}

@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;}
}





/*活動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%;}
}


/*全站銀行bn輪播*/
.Area_bn2 .swiper-pagination-bullet {background: #fff;}
@media screen and (min-width:768px){
.Area_bn2 {width:399px;margin: 96px auto 0;height: auto;overflow: hidden;}
.layout_bn2.PD_layout ul{display: flex;margin: 10px 0; padding: 0 0 0;height: 390px;grid-gap: 0;}
}

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

/*全站活動*/
.Area02 {}
.Area02 .Area02_bg {position: absolute;margin: 0 auto;width: 100%;top: 0;left: 0;z-index: 1;}
.Area02 .activ_box {position: relative;display: flex;flex-wrap: nowrap;z-index: 2;margin: 0 auto;width: 910px;}
.Area02 .activ_box .box_box1 {width: 42%;overflow: hidden;padding: 135px 0 0 0;}
.Area02 .activ_box .box_box1 .PD_layout ul {display: flex;flex-wrap: nowrap;height: auto;grid-gap:0;width: 96%;margin: 0 auto;justify-content: center;}
.Area02 .activ_box .box_box1 .PD_layout ul li {margin:0 10px;}
.Area02 .activ_box .box_box1 .PD_layout[data-pd-li=BN] ul{padding: 0 15px}
.Area02 .activ_box .box_box2 {width: 54%;padding: 100px 0 0 0;}
.Area02 .activ_box .box_box2 ul { padding:0; position: relative;}
.Area02 .layout_BN {width: 100%;padding-top: 50px;}
.Area02 .layout_BN ul li {padding: 0 10px 20px;}
@media screen and (max-width: 767px){
.Area02 {}
.Area02 .Area02_bg {top: 1vw;}
.Area02 .activ_box {padding: 0;margin: 0 auto;width: 96%;}
.Area02 .activ_box .box_box1 {width:45%;padding: 14vw 0 0 0;}
.Area02 .activ_box .box_box1 .PD_layout ul {height: 46vw;width: 100%;margin: 0 auto;}
.Area02 .activ_box .box_box1 .PD_layout ul li {margin:0 1.5vw;}
.Area02 .activ_box .box_box2  {width: 53%;padding: 12vw 0 0 0;}	
.Area02 .activ_box .box_box2 ul { padding: 0;position: relative;}	
.Area02 .layout_BN {width: 99%;padding-top: 5vw;}
.Area02 .layout_BN ul li {padding: 0 1vw;}
}


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

@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;}

}

/*2品RWD公版/*/
@media screen and (min-width:768px){
.Area_2PD {margin-bottom: 0;}
.Area_2PD .layout_2PD {padding: 1% 2%;}
.Area_2PD .box {width: 100%;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;}
.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=1751283988976") 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=1751283988976);background-repeat:no-repeat;background-size:100%;pointer-events:none;}*/

}
	

/*大牌好康選*/
.Area04 {}
.Area04 .box { position: relative;margin-bottom: 20px;}
.Area04 .box:last-child { margin-bottom: 0;}
.Area04 .box .bgg_top {position: absolute;margin: 0 auto;width: 96%;top: 0;left: 0;transform: translateX(0%);z-index: 0;}
.Area04 .subtitle ul {grid-gap:0;}
.Area04 .subtitle ul li h5 {margin: 0;font: bold 48px/48px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;text-align: center;color: #fff;width: 75%;position: relative;left: 130px;padding: 45px 0 0 0;}
.Area04 .PD_box {width: 100%;padding: 1%;background-image: repeating-linear-gradient(90deg, #14c8ff 0%, #0ca4ff 100%);}

.PD_layout.PD_box {}
.Area04 .PD_box ul {border-radius:0;}
.Area04 .PD_box ul li .PD_img { padding: 0.5em;}
.Area04 .PD_box ul li .PD_into {background-color: #ffe129;}
.Area04 .PD_box ul li .PD_into .PD_logo { margin-top: 0.5em!important;}
.Area04 .PD_box ul li .PD_into h4 { color: #110327;font-size: 21px;}
@media screen and (max-width:767px){
.Area04 {}
.Area04 .box { position: relative;margin-bottom: 4vw;}
.Area04 .box .bgg_top {position: absolute;margin: 0 auto;width: 96%;top: 0;left: 0;transform: translateX(2%);z-index: 0;}
.Area04 .box .Area04_bg {top: 3.2vw;}
.Area04 .subtitle ul li h5 {font: bold 5.1vw/5.1vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;width: 75%;left: 12vw;padding: 3.7vw 0 0 0;}
.Area04 .PD_box {width: 96%;}
.Area04 .PD_box ul {width:98% ; padding: 0.2em;}
.Area04 .PD_box ul li .PD_img { padding: 0.3em!important;}
.Area04 .PD_box ul li .PD_into .PD_logo { margin-top: 0.2em!important; width: 94%; margin: 0 auto; height: auto;}
.Area04 .PD_box ul li .PD_into .PD_logo img { width: 100%; height: auto; padding: 0 0.8em;}
.Area04 .boxbottom { height: auto;}
.Area04 .PD_box ul li .PD_into h4 { color: #110327;font-size: 15px;}
}


/*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;background-color: #ffffff00;}
}

@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;}
}


/*線上作圖*/
.Area03 {height: auto; z-index:30; margin-bottom: 10px;}
.Area03 .box_all {width: 99.5%;margin: auto;padding: 0px 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: #cecece;/*font-size: 0.7em;*/}
.Area03 .PD_layout.layout_item .PD p .money, .Area03 .PD_layout.layout_item .PD p .Price {color: #ffdb00;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: 370px;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: 28px;transform: translateX(15%);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: 28px;transform: translateX(15%);text-align:center;font-size: 0.8em;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_img img {width: 62%;margin: 31% 0 0 0;box-shadow: unset;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_img img {width: 62%;margin: 31% 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: #ffffff;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into h4 {margin-top: 215px;font-size: 2em;color: #ffdb00;/*transform: rotate3d(25, 55, 1, 357deg);*/}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD p {width: 92%;margin: 0 auto;padding: 108% 0 0;height: auto;line-height: 1.5em;font-size: 2em;border-radius: 0;/* transform: rotate3d(25, 55, 1, 354deg); *//* background-color: #0e52c1; */position: absolute;}
.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:#ffffff;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into h4 {margin-top: 215px;font-size: 2em;color: #ffdb00;/*transform: rotate3d(35, -60, -2, 343deg);*/}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD p {width: 92%;margin: 0 auto;padding: 108% 0 0;height: auto;line-height: 1.5em;font-size: 2em;border-radius: 0;/* transform: rotate3d(25, 55, 1, 354deg); *//* background-color: #0e52c1; */position: absolute;}
.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=1751283988976") center top / 95% no-repeat scroll;}	
.Area03 .PD_layout.layout_item li:nth-of-type(even){background: url("layout_itembg1.png?t=1751283988976") center top / 95% 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: 3vw;width: 90%;transform: translateX(6.5%);text-align:center;display: block;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into {position: absolute;margin: 0 auto;top: 3vw;width: 90%;transform: translateX(6.5%);text-align:center; display: block;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_img img {width: 67%;margin: 32% 0 0 0;box-shadow: unset;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_img img {width: 67%; margin: 32% 0 0 0; box-shadow: unset;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into h3 {color:#fff;line-height: 1.1em;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into h4 {margin-top: 23.9vw;color:#ffdb00;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;margin: 22vw 0 0 0;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD p { padding: 0 0 0;margin: 22vw 0 0 0;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into h3 { color:#fff;line-height: 1.1em;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into h4 {margin-top: 23.9vw; color: #ffdb00;max-height: 1.2em;}
.Area03 .PD_layout.layout_item .PD p .Price {text-align: center;}
.Area03 .PD_layout.layout_item li:nth-of-type(odd){height: 43vw;background: url("layout_itembg1.png?t=1751283988976") center top / 99% no-repeat scroll;}	
.Area03 .PD_layout.layout_item li:nth-of-type(even){height: 43vw;background: url("layout_itembg1.png?t=1751283988976") center top / 99% no-repeat scroll;}

}



/*12品RWD公版/*/
@media screen and (min-width:768px){
.Area_4PD  {width: 100%;margin: 0 auto;height:auto;background: url("bgg_repeat.png?t=1751283988976") 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=1751283988976") 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;}
.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: #015eb5;}                 
.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;}                  

}



/*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 .coupontxt{position:relative;top: 0;left: -225px;z-index: 0;}
.coupon_all2 .coupontxt img{width: 50%;}
@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_all2 .coupontxt{position:relative;top: 0;left: -20.5vw;z-index: 0;}
.coupon_all2 .coupontxt img{width: 55%;}


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

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




/*下方公版*/
.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: 10px 0 10px 0;margin: 0 auto 0;font: bold italic 41px/45px "Noto Sans CJK SC","Microsoft JhengHei", Arial, Helvetica;transform:rotate(-0deg);color: #0054a9;letter-spacing: -1px;text-align: center;}
.txt02::before {content:"";position: absolute;display:block;top: 0;left: 0;width:100%;height:100%;background: url("layoutBG_txtbg2.png?t=1751283988976") 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: 2.5vw 0 0 0;margin: 0;}
.txt02::before {content:"";position: absolute;display:block;top: 0;left: 0;width:100%;height:100%;background: url("layoutBG_txtbg2.png?t=1751283988976") center bottom/ 90% no-repeat scroll;z-index: -1;pointer-events:none;}
}


/*mo店+超強店家*/
.Area09 {}
.Area09 .txt2 ul {height: 131px;}
.Area09 .bg_top {top:53px;}
.Area09 .Area_PD1 {position: relative;width: 97%;left: 34px;padding-bottom: 30px;}
.Area09 .Area_swiper_box .PD_layout li {border: none; height: auto;background: url("Area09_bg.jpg?t=1751283988976") center top/100% no-repeat scroll;padding-top: 113px;padding-bottom:0!important;border-radius:0;}
.Area09 .Area_swiper_box .PD .PD_into .txtn {width: 90%; position: absolute; top: 1.5vw; left: 50%;  transform: translateX(-50%);  padding: 0;  font-weight: 900;   font-size: 24px;color: #000;  line-height:3vw;  background: #fff; border-radius: 2vw;}
.Area09 .Area_swiper_box .PD .PD_into h3 { width: 100%;  position: absolute; top: 65px;left: 50%;transform: translateX(-50%);padding: .5vw;font-weight: 700; font-size: 25px;  line-height: 33px; color: #0f2948;}
/*抵用券(線上入稿)*/
.Area09 .A16_coupon {position: relative;width: 97%;left: 20px;padding-bottom: 30px;overflow: hidden;}
.Area09 .layout_C16 ul { display: flex;flex-wrap: nowrap; height: 174px;}
.Area09 .layout_C16 .PD_slide { background: url(PD_couponShop_bg.png?t=1751283988976) no-repeat; background-size: 100%; font-size: 3.7vw; font-family: Arial, Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}
.Area09 .layout_C16 .PD .txta .money { font-size: 1.5em; position: relative; top: -0.1em;}
.Area09 .layout_C16 .PD .txta .Discount { font-size: 2.5em;}
.Area09 .layout_C16 .PD .txta .Dis_unit { font-size: 1.5em; position: relative; top: -0.2em;}
.Area09 .layout_C16 .PD_into { padding: 0; width: 100%; display: flex; font-size: 32px;}
.Area09 .layout_C16 .PD .txta {margin: 30px 0;font-size: 27px;display: flex;justify-content: center;align-items: flex-end;color: #ffffff;font-weight: 700;letter-spacing: -0.025em;text-align: center;padding: 0;width: 33%;}
.Area09 .layout_C16 .PD .txtb { top: 15px;position: absolute; left: 35%; color: #000; font-size: 0.8em; font-weight: 600; letter-spacing: -0.02em; text-align: left; background: #ddecfc; padding: .05em .35em .15em; border-radius: 1vw;}
.Area09 .layout_C16 .PD .txtc { top: 62px;position: absolute;  left: 36%; color: #000; font-size: 0.85em; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-align: left;}
.Area09 .swiper-pagination-bullet {background: #fff;}
/*mo店+商品專區*/
.Area09 .box_all {position: relative;overflow: hidden;padding-bottom: 20px;background-color: #0ca4ff;}
.Area09 .txt3 ul li h5 {top: 18px;}
.Area09 .txt3 ul {height: 127px;}
.Area09 .layout_PD {width: 96%;}
.Area09 .layout_PD ul {/* border-radius:0; */padding: 0;}
.Area09 .NavArea_tabbar_page .Nav .swiper-slide-active i {border: 1px solid #000000 !important;background-color: #000000 !important;}
@media screen and (max-width:767px){
.Area09 {}
.Area09 .txt2 ul {height: 15vw;}
.Area09 .bg_top {top:6.5vw;}
.Area09 .Area_PD1 {position: relative;width: 98%;left: 2vw;padding-bottom: 4vw;}
.Area09 .Area_swiper_box .PD_layout li { background-color: #fff;border: none; height: 70vw;background: url("Area09_bg_m.jpg?t=1751283988976") center top/100% no-repeat scroll;padding-top: 17vw;}
.Area09 .Area_swiper_box .PD .PD_into .txtn {width: 86%;position: absolute;top: 2.5vw; left: 50%;transform: translateX(-50%);padding: 0;font-weight: 900;font-size: 18px; color: #000; line-height: 8vw;background: #fff; border-radius: 2vw;}
.Area09 .Area_swiper_box .PD .PD_into h3 { width: 100%;position: absolute;top: 9vw;left: 50%;transform: translateX(-50%);padding: .5vw;font-weight: 700;font-size: 17px;line-height: 33px; color: #0f2948;}
/*抵用券(線上入稿)*/
.Area09 .A16_coupon {position: relative;width: 97%;left: 3vw;padding-bottom: 3vw;overflow: hidden;}
.Area09 .layout_C16 ul {height: 27vw;padding: 0;grid-gap: 0;}
.Area09 .layout_C16 .PD_into { padding: 0; width: 100%; display: flex;font-size: 0.9em;} 
.Area09 .layout_C16 .PD .txta {display: flex;justify-content: center;align-items: flex-end;color: #ffffff;font-weight: 700;letter-spacing: -0.025em;text-align: center;margin: 3vw 0;padding: 0;width: 35%;font-size:1.2em;}
.Area09 .layout_C16 .PD .txtb { position: absolute; top: 3.4vw; left:36%; color: #000; font-size: 1em; font-weight: 600; letter-spacing: -0.02em; text-align: left; background: #e9e9e9; padding: .05em .35em .15em; border-radius: 1vw;}
.Area09 .layout_C16 .PD .txtc { position: absolute; top: 10vw; left:36%; color: #000; font-size: 1.2em; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-align: left;}
.Area09 .layout_C16 .PD .txtd { position: absolute; top: 12vw; left: 33%; color: #000; font-size: .9em; font-weight: 500; letter-spacing: -0.02em; text-align: left; display: none;}
/*mo店+商品專區*/
.Area09 .box_txt {top: 0;}
.Area09 .txt3 ul li h5 {top: 1.5vw;}
.Area09 .txt3 ul {height: 12vw;}
.Area09 .layout_PD {width: 98%;}
}



/*嚴選品類*/
.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: 90%;display: flex;padding: 0;margin: 0 auto;justify-content: center;flex-wrap: wrap;}
.Area14 .btn.PD_layout ul li{width: calc(100%/4);min-width: inherit;}

@media screen and (max-width: 767px){
.Area14 {margin-bottom:4vw }	
.Area14 .btn.PD_layout {padding: 1vw 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(120%/4);min-width: inherit;}	
.Area14 .bookbg_top{position:relative;top: 0;left: 0;width: 128%;z-index: 0;pointer-events: none;}                  
.NavArea_tabbar_page{margin: 0 auto 5px}
}


/*熱搜關鍵字*/
.Area11 .PD_layout-D1_03 { width: 90%; padding: 0; margin: 0 auto;}
.Area11 .PD_layout-D1_03 ul { margin: 0; padding: 0; grid-gap: 10px; display: flex; flex-direction: row; flex-wrap: wrap;}
.Area11 .PD_layout-D1_03 ul::before { display: none;}	
.Area11 .PD_layout-D1_03 ul li {list-style: none;float: left;margin: 0;padding: 0;min-width: 32%;border-radius: .5em;background-color: #14c8ff;}	
.Area11 .PD_layout-D1_03 ul li:hover { box-shadow: none;}	
.Area11 .PD_layout-D1_03 .PD h3 { font-weight: bolder; color: #0f2948;}
@media screen and (max-width:767px){
.Area11 .PD_layout-D1_03 { width: 100%;}
.Area11 .PD_layout-D1_03 ul { width: 95%!important; padding: 0; margin: 0 auto; display: flex; flex-direction: column;}
.Area11 .PD_layout-D1_03 ul li { padding: 1vw; width: 100%;}	
.Area11 .PD_layout-D1_03 .PD h3 { font-weight: 600; font-size: .95em;}	
}



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

}
@media screen and (max-width:767px){
.mbottom1 { margin-bottom:2vw !important}
.mbottom2 { margin-bottom: 4vw !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;}