@charset "utf-8";
/* CSS Document */

/*基本*/
body{ margin:0; padding:0;}


/*全BOX版面*/
.WRAPPER { z-index:0; position: relative; display:block; margin: 0 auto; padding:0; overflow:hidden;background-color:#dfbef3; width:100%; min-width:1220px; text-align:left; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent}
/*預設清單樣式*/
.Area .list_00 ul {display:inline-block; margin:0; padding:0;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
	@media screen and (max-width:767px){
		.WRAPPER { padding-bottom:30px; min-width: inherit; min-height:100vh; overflow: hidden;background-image: url(m_bg.jpg?t=1743424157840);background-repeat:repeat-y;background-size:100%;}
		.WRAPPER img {  width:100%;  height:auto;}
	}

/*PC背景*/
@media screen and (min-width:768px){
.bg_00 { z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_02 { z-index:-55; position:absolute; top:797px; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bg_deco { z-index:-50;position:fixed;top:0px; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear; pointer-events:none;}
.bg_fixed { z-index:1; position:absolute;top:0;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
}

@media screen and (max-width:767px){
.m_top{ z-index:0;position:absolute; top:10vw; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none; background-size: 100%;}
}





/*共用樣式*/
.Area .prdImgWrap .imgTag,
.Area .prdImgWrap .imgTagRectangle,
.Area .prdImgWrap .imgTagBottom { display: none!important;}
.boxrepeat { background: url(boxrepeat.png?t=1743424157840)top center repeat-y; position: relative; z-index: 1;}
.boxrepeat01 { background: url(boxrepeat01.png?t=1743424157840)top center repeat-y; position: relative; z-index: 1;}
.boxbottom { position: relative; z-index: 1;}
@media screen and (max-width:767px){
  .boxrepeat { background: url(boxrepeat_m.png?t=1743424157840)top center repeat-y; background-size: 100%;}
  .boxrepeat01 { background: url(boxrepeat01_m.png?t=1743424157840)top center repeat-y; background-size: 100%;}
}






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




/*公版背景*/
@media screen and (min-width: 768px){
.box_txt {position: relative;margin: 0 auto;width: 100%;height: auto;}
.box_txt img{width: 64%;}
.box_txth2 {position: relative;margin: 0 auto;width: 100%;height: auto;left: -100px;}
.box_txth2 img{width: 64%;}
.box_txt2 {position: absolute;margin: 0 auto;width: 100%;height: auto;}
.box_txt2 img{width: 62%;}
.box_txt3 {position: relative;margin: 0 auto;width: 100%;height: auto;}
.box_txt3 img{width: 80.5%;}
.box_txt4 {position: relative;margin: 0 auto;width: 100%;height: 125px;}
.box_txt4 img{width: 64%;}
.box_txt5 {position: relative;margin: 0 auto;width: 100%;height: auto;}
.box_txt5 img{width: 64%;}
.box_txt6 {position: relative;margin: 0 auto;width: 100%;height: auto;}
.box_txt6 img{width: 80.5%;}

}

@media screen and (max-width:767px){
.box_txt {position: relative;margin: 0 auto;width: 100%;padding: 0.5% 0;height: 19vw;}
.box_txt img{width: 100%;}
.box_txth2 {position: relative;margin: 0 auto;width: 100%;padding: 0.5% 0;height: 12vw;left: 0vw;}
.box_txth2 img{width: 100%;}
.box_txt2 {position: absolute;margin: 0 auto;width: 100%;padding: 0.7% 0;height: 15vw;}
.box_txt2 img{width: 100%;}
.box_txt3 {position: relative;margin: 0 auto;width: 100%;padding: 0% 0;height: 16vw;}
.box_txt3 img{width: 100;}
.box_txt4 {position: relative;margin: 0 auto;width: 100%;padding: 0% 0;height: 17vw;}
.box_txt4 img{width: 100;}
.box_txt5 {position: relative;margin: 0 auto;width: 100%;padding: 0% 0;height: 26vw;}
.box_txt5 img{width: 100;}
.box_txt6 {position: relative;margin: 0 auto;width: 100%;padding: 0% 0;height: 4vw;}
.box_txt6 img{width: 100;}

}

@media screen and (max-width:767px){
    .Area_danji { width: 96%}
}

/*公版樣式*/
.PDbox.PD_layout .PD_slide {/*border-radius: 0!important;background-color: #0000;*//*background: url("PDbox_bg.png?t=1743424157840") center top/ 100% no-repeat scroll;*/}
.PDbox.PD_layout li:hover {box-shadow: none; }
.PDbox.PD_layout .PD_img img {border-radius: 0.5em!important;/*border: #333333 1px solid;*/}
.PDbox.PD_layout .PD h3 { background-color: #eb6089;/*color: #ffffff!important;padding: 0!important;background-color: #0000!important;*//*border-top: #fff7eb 1px solid*/;/*border-bottom: #fff7eb 1px solid;*//*border-radius: 0!important; margin-bottom: 0em !important;*/}
/*.PDbox.PD_layout .PD h4 {color: #ffffff;margin-bottom: 5px;}*/
/*.PDbox.PD_layout .PD p {color: #ffffff;}*/
/*.PDbox.PD_layout .PD p del {color: #4d4d4d;}*/
/*.PDbox.PD_layout .PD:hover h4 { color: #ffffff; }*/
/*.PDbox.PD_layout .PD p .Price,.PDbox.PD_layout .PD p .money { color: 000; }*/
.PD_img .prdImgWrap .imgTag img,.PD_img .prdImgWrap .imgTagBottom img{ border: none; }
/*PDborder.PD_layout .PD_slide {border: #ffdc85 1px solid;}*/
.PDbox.PD_layout .PD p span{font-weight:700;}
@media screen and (max-width:767px){
.PDbox.PD_layout .PD_slide {/*padding: 0% 2.5% 0%;*/ /*background: url("Area08_PDbg2.jpg?t=1743424157840") center top/ 100% no-repeat scroll;*/}
/*.PDbox.PD_layout .PD h4,.PDbox2.PD_layout .PD h4 {margin-bottom: 0vw;}*/
/*.PDbox.PD_layout .PD p,.PDbox2.PD_layout .PD p {font-size: 1em;padding: 0% 3%;height: 2em;}*/
.PDbox.PD_layout .PD h3 {/*color: #ffffff!important;padding: 0!important;background-color: #0000!important;*//*border-top: #fff7eb 1px solid;border-bottom: #fff7eb 1px solid;*//*border-radius: 0!important;margin-bottom: 0!important;*/}

}



/*公版樣式*/
.PDbox2.PD_layout .PD_slide {/*border-radius: 0!important;background-color: #0000;*//*background: url("PDbox2_bg.png?t=1743424157840") center top/ 100% no-repeat scroll;*/}
.PDbox2.PD_layout li:hover { box-shadow: none; }
.PDbox2.PD_layout .PD_img img { border-radius: 0.5em!important;/*border: #333333 1px solid;*/}
.PDbox2.PD_layout .PD h3 { background-color: #eb6089;/* color: #ffffff!important;padding: 0!important;background-color: #0000!important*/;/*border-top: #fff7eb 1px solid*/;/*border-bottom: #fff7eb 1px solid*//* ;border-radius: 0!important; margin-bottom: 0em !important*/;}
/*.PDbox2.PD_layout .PD h4 {color: #ffffff;margin-bottom: 5px;}*/
/*.PDbox2.PD_layout .PD p {color: #ffffff;}*/
/*.PDbox2.PD_layout .PD p del {color: #4d4d4d;}*/
/*.PDbox2.PD_layout .PD:hover h4 { color: #2f2f2f; }*/
/*.PDbox2.PD_layout .PD p .Price,.PDbox2.PD_layout .PD p .money { color: 000; }*/
.PD_img .prdImgWrap .imgTag img,.PD_img .prdImgWrap .imgTagBottom img{ border: none; }
/*PDborder.PD_layout .PD_slide { border: #ffdc85 1px solid;}*/
.PDbox2.PD_layout .PD p span{ font-weight:700;}
@media screen and (max-width:767px){
.PDbox2.PD_layout .PD_slide {/*padding: 2% 2.5% 0%; *//*background: url("Area08_PDbg2.jpg?t=1743424157840") center top/ 100% no-repeat scroll;*/}
/*.PDbox2.PD_layout .PD h4,.PDbox2.PD_layout .PD h4 {margin-bottom: 0vw;}*/
/*.PDbox2.PD_layout .PD p,.PDbox2.PD_layout .PD p {font-size: 1em;padding: 0% 3%;height: 2em;}*/
.PDbox2.PD_layout .PD h3 { /*color: #ffffff!important;padding: 0!important;background-color: #0000!important;*/ /*border-top: #fff7eb 1px solid;border-bottom: #fff7eb 1px solid;*/ /*border-radius: 0!important;margin-bottom: 0!important;*/}

}


/*公版樣式*/
.PDbox3.PD_layout .PD_slide {/*border-radius: 0!important;background-color: #0000;background: url("PDbox3_bg.png?t=1743424157840") center top/ 100% no-repeat scroll;*/}
.PDbox3.PD_layout li:hover {box-shadow: none; }
.PDbox3.PD_layout .PD_img img {border-radius: 0.5em!important;/*border: #333333 1px solid;*/}
.PDbox3.PD_layout .PD h3 { background-color: #5caef7;/*color: #ffffff!important;padding: 0!important;background-color: #0000!important;*//*border-top: #fff7eb 1px solid*/;/*border-bottom: #fff7eb 1px solid;*//*border-radius: 0!important; margin-bottom: 0em !important;*/}
/*.PDbox3.PD_layout .PD h4 {color: #ffffff;margin-bottom: 5px;}*/
/*.PDbox3.PD_layout .PD p {color: #ffffff;}*/
/*.PDbox3.PD_layout .PD p del {color: #4d4d4d;}*/
/*.PDbox3.PD_layout .PD:hover h4 { color: #2f2f2f; }*/
/*.PDbox3.PD_layout .PD p .Price,.PDbox3.PD_layout .PD p .money { color: 000; }*/
.PD_img .prdImgWrap .imgTag img,.PD_img .prdImgWrap .imgTagBottom img{ border: none; }
/*PDborder.PD_layout .PD_slide {border: #ffdc85 1px solid;}*/
.PDbox3.PD_layout .PD p span{font-weight:700;}
@media screen and (max-width:767px){
.PDbox3.PD_layout .PD_slide { /*padding: 0% 2.5% 0%;*/ /*background: url("Area08_PDbg2.jpg?t=1743424157840") center top/ 100% no-repeat scroll;*/}
.PDbox3.PD_layout .PD h4,.PDbox3.PD_layout .PD h4 {margin-bottom: 0vw;}
.PDbox3.PD_layout .PD p,.PDbox3.PD_layout .PD p {font-size: 1em;padding: 0% 3%;height: 2em;}
.PDbox3.PD_layout .PD h3 {/* color: #ffffff!important;padding: 0!important;background-color: #0000!important;*/ /*border-top: #fff7eb 1px solid;border-bottom: #fff7eb 1px solid;*//*border-radius: 0!important;margin-bottom: 0!important;*/}

}








/*版頭區*/
@media screen and (min-width:768px){
.Area_title {height:960px;}
.Area_title .toptitle {position: absolute;top: 70px;left: 310px;width: 50%; z-index: 1;}
.deco01 {position: absolute;top: 880px;left: -390px;animation-delay:.8s;}
.Area_title .leftgirl{position:absolute; top:215px; left:-40px ;z-index:1;}
.Area_title .diamond{position:absolute; top:270px; left:880px ;z-index:2;}
.Area_title .timeline{position:absolute; top:480px; left:-30px ;z-index:2;}
.Area_title .timeline img{width: 100%;}
.title_girl{position: absolute;left: 1065px;top: 285px;z-index: 1;}
}
@media screen and (max-width: 767px){
   .Area_title { width:100%;height:117vw;}
   .Area_title .toptitle {width: 62%;left: 1vw;top: 3vw;z-index: 5;}
   .Area_title .leftgirl{position:absolute; top:22vw; left:-1vw ;width: 25%; z-index:1;}
   .Area_title .timeline{position:absolute; top:51vw; left:0 ;width:10%; z-index:2;}
   .Area_title .diamond{position:absolute; top:26vw; left:76vw ;width: 9%; z-index:2;}
}




/*副標*/
.sub .PD_layout ul{display: flex;padding: 0;}
@media screen and (min-width: 768px){
.sub { position: absolute; top: 390px;left: 320px; width: 48%;height: 210px; z-index: 5;overflow: hidden;}	
.sub .PD_layout .PD img {width: 90%;}	
.sub::after {content:"";position: absolute;display:block;top: 1px;left: 48px;width: 86%;height: 100%;pointer-events:none;z-index: -1;/*background: url("sub_bg.png?t=1743424157840") center top/100% no-repeat scroll;*/}
}
@media screen and (max-width:767px){
.sub {position: absolute;top: 35.5vw;left: 18vw;width: 68%;height: 12vw;z-index: 5;overflow: hidden;}
.sub .PD_layout .PD img {width: 80%;padding: 0;}
.sub::after {content:"";position: absolute;display:block;top: 0vw;left: 6vw;width: 86%;height: 100%;pointer-events:none;z-index: -1;/*background: url("sub_bg.png?t=1743424157840") center top/100% no-repeat scroll;*/}
}

/*輪播特效*/
.Area_title .sub .swiper-slide { opacity: 0; transform: translate(6%,0);}
.Area_title .sub .swiper-slide-active { opacity: 1; transition: 1s ease-out; transform: translate(0,0);}




/*版頭品輪播*/
.Area_pd  { top: 530px; }
.Area_pd .box { width: 95%; position: relative; overflow: hidden; margin-left: 60px; }
.Area_pd .Area_swiper_box ul.PD_wrapper {position: relative;height: 57vw;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_pd .Area_swiper_box ul.PD_wrapper li {flex-shrink: 0;height: 393px;margin: 0;padding: 0;min-width: auto;background-color: #fff;border: none;border-radius: 10px;}
@media screen and (min-width: 768px) {
  .Area_pd .Area_swiper_box ul.PD_wrapper li {flex-shrink: 0;height: 393px;margin: 0;padding: 0;min-width: auto;background-color: #fff;border: none;border-radius: 10px;}
  .Area_pd .Area_swiper_box ul.PD_wrapper { padding: 0 0 30px;height: 360px;}
  .Area_pd .PD_layout .PD p .Price {font-size: 30px;}
}
@media screen and (max-width: 767px) {
  .Area_pd  { top: 6vw; }
  .Area_pd .box { width: 90%;margin-left: 10vw; }
  .Area_pd .Area_swiper_box { width: 100%;}
  .Area_pd .Area_swiper_box ul.PD_wrapper { padding: 0 0 5vw;}
  .Area_pd .Area_swiper_box ul.PD_wrapper li {flex-shrink: 0;height: 62vw;margin: 0;padding: 0;min-width: auto;background-color: #fff;border: none;border-radius: 10px;}
  .Area_pd .PD_layout .PD .Price { font-size: 25px; }
  .Area_pd .PD_layout .PD p b, .Area_01 .PD_layout .PD p del, .Area_01 .PD_layout .PD p .money{ font-size:14px; }
}



/*01_活動按鈕1加3顆_1大*/
.Area_activB .all_01 {z-index: 99;position: relative;margin-bottom: 10px;width: 94.5%;margin: 0 auto;left: 9px;}
.Area_activB .all_01 img {width: 85%;}
.Area_activB .all_01 a:hover {transform: none;filter: none}
/**區標**/	
.Area_activB .text {position:relative;}
.Area_activB .text .layout_text {width: 67%;height: 170px;margin:0 auto;padding-bottom:0;}
.Area_activB .text .layout_text .PD_slide:hover{transform:none;}
.Area_activB .text .layout_text .PD a {pointer-events: none!important}
.Area_activB .all_01{z-index: 99;width: 98.5%;margin: 0 auto;padding: 0vw 2vw 2vw 0vw;left: 0vw;}
@media screen and (max-width: 767px) {
.Area_activB .all_01 img {width: 97%;}
.Area_activB .all_01 a:hover {transform: none;filter: none}
/**區標**/	
.Area_activB .text {position:relative;padding: 0vw;height: 17.5vw;width: 100%;margin-left: 3vw;}
.Area_activB .text .layout_text {width:100%;height: auto;margin:0 auto;padding-bottom:0;}
.Area_activB .text .layout_text.PD_layout ul {padding-left: 0em!important;padding-right: 0em!important;}
.Area_activB .text .layout_text .PD a {pointer-events: none!important}
}


/*01_活動按鈕1加3顆_3小*/
.Area_activB { z-index: 99;height: 855px; }
.Area_activB .title { position: relative; z-index: 1;}
.Area_activB .BN2 {display: flex;flex-wrap: nowrap;box-sizing: border-box;height: 402px;}
.Area_activB .BN2 ul{ padding-left: 155px;grid-gap: 40px!important;}
@media screen and (max-width:767px){
.Area_activB {z-index: 99;height: 88vw;}
.Area_activB .BN2 {flex-wrap: wrap;width: 93%;margin: 2vw auto 0vw;height: 41vw;}
.Area_activB .BN2 ul{padding: 0;grid-gap: 2.5vw!important;}
}





/*錨點*/
@media screen and (min-width: 768px){
.Area00_btn_01 {position: absolute;top: 190px;left: 200px;width: 250px;height: 200px;}
.Area00_btn_02 {position: absolute;top: 190px;left: 480px;width: 270px;height: 200px;}
.Area00_btn_03 {position: absolute;top: 190px;left: 780px;width: 260px;height: 200px;}
}
@media screen and (max-width: 767px){
.Area00_btn_01 {position: absolute;top: 16vw;left: 3vw;width: 30vw;height: 25vw;}
.Area00_btn_02 {position: absolute;top: 16vw;left: 33vw;width: 30vw;height: 25vw;}
.Area00_btn_03 {position: absolute;top: 16vw;left: 63vw;width: 30vw;height: 25vw;}
}









/*活動倒數*/
.TimerNick2 {display:inline-block; position:relative; top:50px; left:0;  height:80px; z-index:99; }
.TimerNick2 .FontStyle2 { display: inline-block; margin: 0 0 0 2px; padding: 0; border: 0; font:normal 30px/30px Arial; color: #6037e1;background-color: #ffffff; border-radius:5px;/*text-shadow:1px 1px 0px #fff;*/ letter-spacing: 0px; text-align: center;}
.TimerNick2 span { padding-left: 2px; font: 400 23px/48px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0em; color:#ffffff}
	@media screen and (max-width:767px){
	.TimerNick2 {display:inline-block; width:100%; position: relative; top:0vw; left:0; margin:0;  height:0; padding-bottom:7%; 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;}
	}

	/*8品RWD公版/*/
	@media screen and (min-width:768px){
	.Area02 .layout_2PD {padding: 2% 2%}
	.Area02 .box {width: 90%;margin: 0 auto;height:auto ;background-color: #ff80a1; border: 4px solid #fff; border-radius:0em;}
	}
	@media screen and (max-width:767px){
	.Area02  {width: 96%!important;}
	.Area02 .box {padding:7% 0 3%; background-color: #ff80a1; border: 2px solid #fff; border-radius:0em;}

	}



/*標題*/
.PD_text { position: relative;left:0;top:0; height: 82.5px; width: 61%;z-index: 1;}
.PD_text .PD a,.box_PD_txt .PD a { pointer-events: none; }
.PD_text.PD_layout .PD_slide:hover {transform: none;filter:none; box-shadow: none;}
@media screen and (max-width:767px){
.PD_text {position: relative;top:0;left:0;height: 10.5vw;width: 99%;}
}









/*公版調整(共用)*/
.PDtxt ul{ padding: 0!important; grid-gap:0!important; }
.PDtxt .PD a { pointer-events: none; }
.PDtxt li:hover {filter: brightness(100%)!important; box-shadow: none; }
.PDtxt .PD_slide:hover { transform: translateY(0)!important; }

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






/*區塊7*/
.bn_bg {z-index: -1;position:absolute;top: 0px;width:100%;height: 500px;background-repeat:no-repeat;background-position: center top;pointer-events:none;} 
.Area_BN .swiper_remove_box_style ul li { background-color: #0000!important;}
@media screen and (min-width: 768px){
.Area_BN { padding-bottom: 40px!important; }
.Area_BN .Area_swiper_box { overflow: hidden; top: 20px;}
.Area_BN .swiper_remove_box_style ul{height: 280px;}
}
@media screen and (max-width:767px){
.bn_bg {z-index: -1;position:absolute;top: -5.5vw;left: 0;width: 100%;height: 260vw;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}	
.Area_BN {position: relative;padding-bottom: 0vw!important;}
.Area_BN .swiper_remove_box_style ul{height: 44vw;}	
}





/*下方公版*/
@media screen and (min-width:768px){
  .Area_6PD .PD_layout_6PD {}
  .Area_6PD .PD_layout_6PD {width:1220px;height: auto;margin-bottom: 60px;}
  .Area_6PD .PD_layout_6PD ul {width: 95%; padding:0px 0 0 0;}
  .Area_6PD .PD_layout_6PD ul li {border-radius:0px;}
  .Area_6PD .PD_layout_6PD h2 {position:relative; top:93px; margin:0px; padding:0px;  font-size:50px; line-height:51px; letter-spacing:1px; overflow:hidden;font-family: Noto Sans CJK SC, "Microsoft JhengHei", Helvetica; background-image: repeating-linear-gradient(180deg, #4c72bb 0%, #4c72bb 50%, #4c72bb 100%)!important;-webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
  .Area_6PD .box1 {width:90%;background-color: #f6759a;border-radius:3em; padding:30px 10px 30px 10px ; margin: 0 auto 30px}
  .Area_6PD .box2 {width:90%;background-color: #6d47e4;border-radius:3em; padding:30px 10px 30px 10px ;margin: 0 auto 30px}
}
	@media screen and (max-width:767px){
	.Area_6PD .PD_layout_6PD.PD_layout { margin-bottom: 4vw; }
	.Area_6PD .PD_layout_6PD.PD_layout h2 {top:1vw; margin:0 auto; padding:0 2%; width:100%; height: 23vw; overflow:hidden; font-weight:bold; font-size:6.5vw; line-height:32vw; text-align:center;/*text-shadow:1px 0 0 #fff;*/letter-spacing:-0.05rem;  color:#4c72bb;}  
	.Area_6PD .PD_layout_6PD.PD_layout ul {width: 95%; padding: 0% 0% 0 0%;} 
	.Area_6PD .PD_layout_6PD ul li {border-radius:0px;}
	.Area_6PD .PD_layout_6PD .PD .PD_logo {display: block;}
	/* .Area_6PD .PD_layout_6PD .PD_layout[data-pd-col-phone="2"] ul { padding:0 2em 0 2em;} */
    .Area_6PD .box1{width:100%;background-color: #f6759a;border-radius:1.5em; padding:3% 1%; margin: 0 auto 7vw; }
    .Area_6PD .box2{width:100%;background-color: #6d47e4;border-radius:1.5em; padding:3% 1%;margin: 0 auto 7vw; }
	.Area_6PD .PD_layout_6PD ul{ background-size:100%; background-repeat: repeat-y; box-sizing:border-box; padding: 0 0 0 0;}
	.Area_6PD .PD_layout_6PD ul:before{ content:"" ; width: 100%; height: 0;  position: absolute; z-index: 1; top:0; left: 0;  }
	.Area_6PD .PD_layout_6PD ul {}
	.Area_6PD .PD_layout_6PD ul:nth-child(even):before {/* background-image:url("mb_09.png?t=1743424157840"); background-size: 100%*/}

	}






	
/*精選熱搜*/
.Area_search{padding: 0; margin-bottom: 10px!important;width: 1220px;height: 510px;}
.Area_search .PD_layout {top: 10px;width: 55%;}
.Area_search .PD_layout .PD_slide {border-radius:0.5em;}
.Area_search .PD_layout li{margin: 0px 0px 0px 0px;}
.Area_search .PD_layout .PD_img{width: 100%;}
@media screen and (max-width:767px){
	.Area_search{padding: 0 0 0; margin-bottom: 0vw!important;width: 100%;height: 68vw;}
   .Area_search .PD_layout li:nth-child(20){left: 21vw!important;}
    .Area_search .PD_layout {top: 0vw;margin: 0vw 0vw 0vw 5vw;width: 91%}	
    .Area_search .PD_layout li{margin: 0 0 2% 0;}
    .Area_search .PD_layout .PD_img{width: 95%;}	
}




/*活動館*/
.Area_gum{padding: 0; margin-bottom: 0px;width: 700px!important;padding-bottom: 20px!important;}
@media screen and (max-width:767px){
	.Area_gum{padding: 5vw 0 3vw; margin-bottom: 0px;width: 92%!important;padding-bottom: 5vw!important;}
}



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




/*區塊_all*/
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.Area a { position:relative; display:block;} 
.Area .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;}
.Area .go_bt:hover {
  -webkit-transform:scale(0.95);
     -moz-transform:scale(0.95);
      -ms-transform:scale(0.95);
       -o-transform:scale(0.95);
          transform:scale(0.95);}
		  
		  
.WRAPPER .go_bt1 {
  -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_bt1:hover { 
  -webkit-transform:translateY(-10px);
     -moz-transform:translateY(-10px);
      -ms-transform:translateY(-10px);
       -o-transform:translateY(-10px);
          transform:translateY(-10px);}
		  
		  
	@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
		.Area .go_bt:hover {  
			-webkit-transform:none;
			-moz-transform:none;
			-ms-transform:none;
			-o-transform:none;
			transform:none;}


	}






/*按鈕*/
.bnn {
}
.bnn a img {
	transition-duration: 0.1s;
	backface-visibility: hidden;
	transform: translateZ(0);
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;
	height: auto;
	text-align: left;
}
.bnn:hover a img {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}	
	
	

/*隱鑶*/
.for_pc {}
.for_phone { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_phone { display: inherit !important;}
	}
  
/*分享浮層*/
.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%;}
	}