@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; width: 100%; min-width: 1220px; background-color: #500525; text-align: left; font-family: "微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border: 0; 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;}
		.WRAPPER img { width: 100%; height :auto;}
	}


/*背景*/
@media screen and (min-width:768px){
	.bg_01 {z-index: -2;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
	.bg_repeat { z-index:-3;position:absolute;top:3000px; left:0; width:100%; height:100%;background-repeat:repeat-y; background-position: center top;pointer-events:none;}
	.bg_deco { z-index:-1;position:absolute;top:0; left:0; width:100%; height:100%;background-repeat:no-repeat; background-position: center top; /*animation:fadeIn 2.8s 0.9s ease-out forwards,float_s 2.2s 0.7s infinite ease-in;opacity: 0.3;*/pointer-events:none;}
	.Area01_bg {z-index:-1;position:absolute;top: -55px;left: 0;width:100%;height: 900px;min-width:1220px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}

	
	}
	@media screen and (max-width: 767px){
		.bg_01 {display: none;}
		/*.mbg_repeat {z-index:-3;position:absolute;top:0; left:0; width:100%; height:100%;background: url(mbg_repeat.jpg?t=1758076784442) center 100% / 100% repeat-y;pointer-events:none}*/
		.mArea01_bg {z-index:-1;position:absolute;top:;width:100%;height: 85vw;background: url(mArea01_bg.png?t=1758076784442) center 100% / 100% no-repeat scroll;pointer-events:none}
		.bg_deco { z-index:1 !important;position:absolute;top:0vw; left:0; width:100%; height:100%;background-size:100%;background-repeat:no-repeat; background-position: center top; /*animation:fadeIn 2.8s 0.9s ease-out forwards,float_s 2.2s 0.7s infinite ease-in;opacity: 0.3;*/pointer-events:none;}			

	}
	




/*提醒我按鈕*/
a.mo_remind_btn {z-index:99;position: absolute!important;right: 0;top: 115vw;width: 16%;}

/*版頭動畫*/
canvas { position: fixed;  top: 0; left: 0; z-index:0; pointer-events:none;margin-top:-220px !important ;}	
@media screen and (max-width:767px){
canvas {position: absolute; height:100vw; width:100vw; top:15vw; left: 0; z-index:1 !important;margin-top:0vw !important ;}	
}


/*版頭區*/
@media screen and (min-width:768px){
	.Area_title {height: 910px;}
	.Area_title .top_deco {position:absolute;top: 750px;left: 170px;z-index: 8;pointer-events: none;}
	.Area_title .date {position:absolute;top: 40px;left: 790px;animation:fireworks 0.3s .5s ease-out forwards,float_s 2.2s 0.7s infinite ease-in;opacity: 0;pointer-events:none;}
	.Area_title .date img{width:90%;}
	.Area_title .comingsoon {z-index: 4;position:absolute;width: 960px;height:auto;top: 0px;left: 0px;}	
	.Area_title .topdeco01 {position:absolute;left: 150px;top: 205px;z-index: 9;animation:fireworks 0.3s .8s ease-out forwards,float_s 3.2s 1.5s infinite ease-in;opacity: 0;}
	.Area_title .topdeco02 {position:absolute;right: 295px;top: 6px;z-index: 1;animation:fireworks 0.7s .8s ease-out forwards,float_s 3.2s 1.5s infinite ease-in;opacity: 0;}
	.Area_title .topdeco03 {position:absolute;right: 70px;top: 205px;z-index: 1;animation:fireworks 1.1s .8s ease-out forwards,float_s 3.2s 1.5s infinite ease-in;opacity: 0;/*pointer-events:none;*/}


}
@media screen and (max-width: 767px){
	.Area_title .top{z-index:-3 !important;height: 53vw;overflow: hidden !important;}
	.Area_title {margin:0 auto ;padding: 0vw 0 5vw 0 !important;}
	.Area_title .top_deco {position:absolute;width: 12.5%;top: 78vw;left: -3vw;z-index: 4;pointer-events:none;}
	.Area_title .date {position:absolute;width: 18%;top: 31vw;left: 75vw;z-index: 4;/*animation:fireworks 0.3s .8s ease-out forwards,float_s 3.2s 1.5s infinite ease-in;opacity: 0;*/}
	.Area_title .comingsoon {position: absolute;top: 0vw;}
	.Area_title .topdeco01 {position:absolute;width: 10%;top: 24vw;left: 16vw;z-index: 1;animation:fireworks 0.3s .8s ease-out forwards,float_s 3.2s 1.5s infinite ease-in;opacity: 0;}
	.Area_title .topdeco02 {position:absolute;width: 4.5%;top: 1vw;left: 66vw;z-index: 1;animation:fireworks 0.7s .8s ease-out forwards,float_s 3.2s 1.5s infinite ease-in;opacity: 0;}
	.Area_title .topdeco03 {position:absolute;width: 10%;top: 22vw;left: 82vw;z-index: 1;animation:fireworks 1.1s .8s ease-out forwards,float_s 3.2s 1.5s infinite ease-in;opacity: 0;}	

}

/*主標入稿*/
@media screen and (min-width:768px){
	/*主標*/		
	.Area_title .typetitle {position:absolute;width: 960px;height:auto;top: 0px;left: 0px;z-index: 7;/*animation:big 0.8s .2s ease-out forwards, brightness-play 3s 0.5s ease-in-out infinite;*/}
	
	/*主標*/		
	.Area_title .subtitle {position:absolute;width: 960px;height:auto;top: 30px;left: 0px;z-index: 7;/*animation:big 0.8s .2s ease-out forwards, brightness-play 3s 0.5s ease-in-out infinite;*/}
	
	/*副標輪播*/	
	.Area_title .titile02 {position:absolute;width: 960px;top: 0px;left: 0px;overflow: hidden;z-index:18;/*animation:big 0.8s .2s ease-out forwards, brightness-play 3s 0.5s ease-in-out infinite;*/}
	.Area_title .titile02 .PD_layout ul {display:flex;}
	.Area_title .titile02 .PD_slide:hover{transform:none;}
	.Area_title .titile02 .swipwe_remove_box_style ul li {background-color:#fff0!important;}	

	/*版頭品入稿*/
	.Area_title .Area_PD1 {z-index:999 !important ;position:absolute;top: 400px;width: 960px;left: 0px;background:#fff center 100% / 100% no-repeat scroll;border: solid 2px #dbc9a6 !important; }
	.Area_title .Area_PD1 .Area_swiper_boxA .PD_layout{padding-top:15px;padding-left:30px ; }
	.Area_title .Area_PD1 .Area_swiper_boxA .PD_layout li:nth-child(1){border-right: solid 1px #a5a5a5  !important;border-radius:0 ;}
	.Area_title .Area_PD1 .Area_swiper_boxA .PD_layout li:nth-child(2){border-right: solid 1px #a5a5a5  !important;border-radius:0 ;}
	.Area_title .Area_PD1 .Area_swiper_boxA .PD_layout ul{border-right: solid 0px #a5a5a5  !important;}
	/*熱銷話題夯品入稿*/
	.Area_PD2 {position:absolute;top: 0px;width: 1220px;height:630px;background: url(Area_PD2_bg.png?t=1758076784442) center 100% / 100% no-repeat scroll;}
	.Area_PD2 .Area_swiper{width:1000px;height:auto;padding:125px 0 0 50px ;}
	.Area_PD2 .Area_swiper_box .PD_layout li {border: solid 0px #000000 !important;}
}

@media screen and (max-width:767px){
	/*主標*/	
	.Area_title .typetitle {position: absolute;top: 0vw;/*animation:big 0.8s .2s ease-out forwards, brightness-play 3s 0.5s ease-in-out infinite;*/}

	/*主標*/	
	.Area_title .subtitle {position: absolute;top: 6vw;left:0vw;width: 105%;/*animation:big 0.8s .2s ease-out forwards, brightness-play 3s 0.5s ease-in-out infinite;*/}
	/*副標輪播*/	
	.Area_title .titile02 {position:absolute;width: 100%;top: 0vw;left:-14vw;overflow: hidden;/*animation:big 0.8s .2s ease-out forwards, brightness-play 3s 0.5s ease-in-out infinite;*/}
	.Area_title .titile02 {width:120% ;}
	.Area_title .titile02 .PD_layout ul {display:flex;}
	.Area_title .titile02 .PD_layout ul {display:flex;}
	.Area_title .titile02 .swipwe_remove_box_style ul li {background-color:#fff0!important;}

	.Area_title .titile02 .swipwe_remove_box_style ul li:nth-of-type(1){padding:2vw 9vw 0 0!important ;}




	/*版頭品入稿*/
	.Area_title .Area_PD1 {z-index:999 !important ;position:absolute;width: 94% !important;top: 53vw;left:2.5vw;margin:0 auto !important ;background:#fff center 100% / 100% no-repeat scroll;border: solid 2px #dbc9a6 !important;}
	.Area_title .Area_PD1 .Area_swiper_boxA { padding-bottom: 0vw !important;}
	.Area_title .Area_PD1 .Area_swiper_boxA .PD_layout{padding-top:1vw;padding-left:0vw;width: 100%; }
	.Area_title .Area_PD1 .Area_swiper_boxA .PD_layout li{width: 31% !important}
	.Area_title .Area_PD1 .Area_swiper_boxA .PD_layout li:nth-child(1){border-right: solid 1px #a5a5a5  !important;border-radius:0 ;}
	.Area_title .Area_PD1 .Area_swiper_boxA .PD_layout li:nth-child(2){border-right: solid 1px #a5a5a5  !important;border-radius:0 ;}
	.Area_title .Area_PD1 .Area_swiper_box A.PD_layout ul{border-right: solid 0px #a5a5a5  !important;}
}



	/*熱銷話題夯品入稿*/
	.Area_PD2 {position:absolute;top: 0px;width:1220px;height:630px;background: url(Area_PD2_bg.png?t=1758076784442) center 100% / 100% no-repeat scroll;}
	.Area_PD2 .Area_swiper{width:80%;height:auto;padding:6vw 0 0 2vw ;}
	.Area_PD2 .Area_swiper_box .PD_layout li {border: solid 0px #000000 !important;}

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

		.Area_PD2 {position:absolute;top: 0;padding-top:59vw !important;width:100%;height:70vw;background: url(mArea_PD2_bg.png?t=1758076784442) center 100% / 100% no-repeat scroll}
		.Area_PD2 .Area_swiper{width:80%;height:auto;padding:6vw 0 0 2vw ;}
		.Area_PD2 .Area_swiper_box .PD_layout li {border: solid 0px #000000 !important;}

	}


/*活動倒數*/
.TimerNick {position: absolute;top: 872px;left: 260px;display: inline-block;z-index: 8;text-align: center;color:#ffa4b7;}
.TimerNick .FontStyle {display: inline-block;margin: 0 0 0 10px;padding: 0;border: 0;font: bold 51px/40px Arial;letter-spacing: 0px;text-align: center;}
.TimerNick span { padding-left: 2px;font: bold 29px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.025em;}
    @media screen and (max-width:767px){
      .TimerNick  {width: 100%;top: 110vw;left:0vw;}
      .TimerNick .FontStyle {margin: 0;padding: 0;border: 0;font: bold 6vw/0vw Arial;}
      .TimerNick span {padding-left: 0;font: bold 5vw/6vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;/*letter-spacing: -0.05em;*/}
    }




/*攻略*/
@media screen and (min-width:768px){
	.Area_act {width:100% ;height: 100%;margin: 0 auto;}
	.Area_act { background-color: #c40056; background-size:100%; height:auto;}
	.Area_act .layout_coupon ul {width:100% !important;margin: 0 auto !important;}

    .Area_act .PD_layout .PD_slide:hover {transform:translateY(-6px);}
    .Area_act .PD_layout .PD_slide:hover { box-shadow:unset;}

	/**區標**/	
	.Area_act .text {width: 960px;margin: auto;position: absolute;z-index: 9;left: 130px;}	
	.Area_act .box .PD_layout {width: 960px;margin:0 auto;}	

	.Area_act .box00  {width: 1220px;padding: 100px 0 0 0;margin: 0 auto;}
	.Area_act .box01  {width: 960px;padding: 0px 0;margin: 0 auto;}	
	.Area_act .box02  {width: 960px;padding: 10px 0 0 0;margin: 0 auto;}	
	.Area_act .box03  {width: 1114px;padding: 10px 30px 100px 0;margin: 0 auto;}	


	/**攻略123**/
	/*.Area_act .no1  {position: absolute;width: auto;left: 0;top: 586px;pointer-events: none;z-index: 6;}	
	.Area_act .no2  {position: absolute;width: auto;left: 0;top: 820px;pointer-events: none;z-index: 6;}	
	.Area_act .no3  {position: absolute;width: auto;left: 0;top: 1070px;pointer-events: none;z-index: 6;}	*/

	.Area_act .box03 .PD_layout ul {background: none;row-gap: 0px;padding: 0 0px;grid-gap: 0px;}
	.Area_act .box03 .PD_layout li:nth-child(1) {width:426px !important ;}
	.Area_act .box03 .PD_layout li:nth-child(2) {width:318px !important ;}
	.Area_act .box03 .PD_layout li:nth-child(3) {width:370px !important ;}
	.Area_act .box03 .PD_layout li:nth-child(1):hover{ filter:brightness(115%); transform: none; box-shadow: none;}
	.Area_act .box03 .PD_layout li:nth-child(2):hover{ filter:brightness(115%); transform: none; box-shadow: none;}
	.Area_act .box03 .PD_layout li:nth-child(3):hover{ filter:brightness(115%); transform: none; box-shadow: none;}
	.Area_act .box03 .PD_layout.PD_layout-coupon3.PD_layout-oneClick .PD .allinone, .PD_layout.PD_layout-coupon3.PD_layout-oneClick[data-pd-col-pc*="1"] .PD .allinone {color: #FFFFFF;}

}

@media screen and (max-width:767px){
	.Area_act { background-color: #c40056 ; background-size:100%; height:auto;margin-top:10vw !important ;}
	.Area_act .box00 .PD_layout[ data-pd-li="BN" ] ul {padding: 0;}	
	.Area_act .PD_layout {width: 100%;margin: auto;}

	/**區標**/
	.Area_act .text {width: 100%;position: absolute;z-index: 9;}	
	
	.Area_act .box01  {width: 100%;padding: 0vw 0 3vw;}	
	.Area_act .box02  {width: 100%;padding-top: 2vw;}	
	.Area_act .box03  {width: 100%;padding-top: 5vw;}
	
	.Area_act .box03 .PD_layout ul {background: none;row-gap: 0px;padding: 0 0px;grid-gap: 0px;}
	.Area_act .box03 .PD_layout li:nth-child(1) { ;}
	.Area_act .box03 .PD_layout li:nth-child(2) {}
	.Area_act .box03 .PD_layout li:nth-child(3) {}
	.Area_act .box03 .PD_layout li:nth-child(1):hover{ filter:brightness(115%); transform: none; box-shadow: none;}
	.Area_act .box03 .PD_layout li:nth-child(2):hover{ filter:brightness(115%); transform: none; box-shadow: none;}
	.Area_act .box03 .PD_layout li:nth-child(3):hover{ filter:brightness(115%); transform: none; box-shadow: none;}
	.Area_act .box03 .PD_layout.PD_layout-coupon3.PD_layout-oneClick .PD .allinone, .PD_layout.PD_layout-coupon3.PD_layout-oneClick[data-pd-col-pc*="1"] .PD .allinone {color: #FFFFFF;}

	.Area_act .box02 .PD_layout.PD_layout-coupon3.PD_layout-oneClick .PD .allinone, .PD_layout.PD_layout-coupon3.PD_layout-oneClick[data-pd-col-pc*="1"] .PD .allinone {color: #FFF;}

}





/*Area01*/	
@media screen and (min-width:768px){
	.Area01 {position: relative;height:540px;margin:5% auto;z-index: 1}		 
	.Area01 .Area_coupon .PD_layout ul {background: none;row-gap: 10px;padding: 0 30px;}
	.Area01  .kind  {position:relative;width: 100%;margin: 30px auto;list-style:none;display:flex;flex-wrap:wrap;box-sizing: border-box;}
	.Area01  .kind h4 {font-size: 30px;color: #fff;margin: 0;padding: 0;}
	.Area01  .kind li {position: relative;width: 13%;margin: 0 1.1%;padding: 7px 4px 8px 2px;background-color: #939393;border-radius: 30px;}
	.Area01  .kind li.selected {background-color: #b02964;}
	/*.Area01  .kind li:nth-last-child(n+2)::before{content:'>';width: 1px;height: 32px;position: absolute;top: 7px;left: 126px;color: #fe9843;font-weight: 800;font-size: 28px;}*/
	.Area01 h3{font-size: 30px;margin: 15px 0;color: #fff;font-weight: 400;}	  
	}
	
	@media screen and (max-width:767px){
	.Area01 {position: relative;width: 100%;height: 60vw}

	.Area01 .kind  {position:relative;width: 96%;left: 0%;margin:0  auto;list-style:none;display:flex;flex-wrap:wrap;padding:0;box-sizing: border-box;}
	.Area01 .kind h4 {font-size: 4vw;color: #fff;margin: 0;padding: 0;}
	.Area01  .kind li {position: relative;width: 14.5%;margin: 0 auto;padding: 5px 2px 5px 2px;background-color: #939393;border-radius: 20px;}
	.Area01  .kind li.selected {background-color: #b02964;}
	.Area01 h3{font-size: 4vw;margin: 2vw 0;color: #fff;font-weight: 400;}
	
	}




/*02-主打品*/

.Area02 {padding-bottom: 50px;}
.Area02 .title { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 864px;}
.Area02 .bgbluerepeat { padding: 0;/*background: url("Areabg_repty.png?t=1758076784442") center top/100% repeat-y scroll;height: 100%;top: 30px;position: relative;margin-bottom: 51px;*/}
.Area02 .bg {position: absolute;top:106px;left: 50%;transform: translateX(-50%);pointer-events: none;z-index:0;}	
.Area02 .PD_box ul li { position: relative;}
.Area02 .PD_box ul li .PD_img { padding: 0;}
.Area02 .PD_box ul li .PD_into { position: absolute; top:443px; left:49%; transform: translateX(-50%); width: 81%; z-index: 1;}
.Area02 .PD_box ul li .PD_into h3 { color: #000000; font-size: 22px;}
/*.Area02 .PD_box ul li .PD_into h3:after { content: ""; position: absolute; top: 2em; left: 50%; transform: translateX(-50%); width: 13em; height: 1px; background:#000000;}*/
.Area02 .PD_box ul li .PD_into h4 { color: #000000; font-size: 20px;}
.Area02 .PD_box ul li .PD_into p { height: 2.5em; color:#d62672;}
.Area02 .PD_box ul li .PD_into p del { font-size: 22px; color:#616161;}
.Area02 .PD_box ul li .PD_into p b { font-size: 20px;}
.Area02 .PD_box ul li .PD_into p .money { font-size: 22px;}
.Area02 .PD_box ul li .PD_into p .Price { font-size: 40px;}
.Area02 .bgbluerepeat .PD_box ul li .PD_img { padding: 2% 2% 0 2%; position: absolute; top: 13px; width: 97%;left: 7px;}
.Area02 .bgbluerepeat .PD_box ul li {position: relative; border-radius: 20px;background-color: #fff;/*background: url("Area05bg.png?t=1742365296550") center top/ 100% repeat-y scroll;*/height: 600px;}
.Area02 .bgbluerepeat .PD_layout ul{width: 90%;}
/*公版上下標隱藏*/	
.Area02 .imgTagBottom {display:none!important;}
.Area02 .prdImgWrap .imgTagRectangle {display:none!important;}
.Area02 .prdImgWrap .imgTag {display:none!important;} 

/*.Area02 .bgbluerepeat .PD_layout.CX .prdImgWrap .imgTag {display:none!important;} */

@media screen and (max-width:767px){
.Area02 {padding-bottom: 22vw !important;}
.Area02 .bgbluerepeat .PD_layout ul{width: 97%;}
.Area02 .bgbluerepeat { width: 97%;padding: 0;background:none;height: 100%;top: 85px;position: relative;margin-bottom: 51px;}
.Area02 .bg {position:absolute;top:0;}	
	
  .Area02 .title { width: 100%;}
  .Area02 .bgbluerepeat {padding:0 0 0 0;padding-top:1vw;width:100%; margin: -20vw 0 0 0;}
  .Area02 .bgbluerepeat .PD_box ul li {padding-bottom: 3vw; border-radius: 20px;width: 100%;/*background: url("Area05bg.png?t=1742365296550") center top/ 100% no-repeat scroll;width: 100%;*/background-color: #fff;height: 70vw;margin-bottom: 2vw;}	
  .Area02 .bgbluerepeat .PD_box ul li .PD_img { padding: 2% 2% 0 2%;  position: absolute;top: 2vw; width: 94%;left: 1.2vw;}
  .Area02 .PD_box ul li {padding-bottom: 3vw;}	
  .Area02 .PD_box ul { grid-gap: 2em 0;}
  .Area02 .PD_box ul li .PD_into { top:46vw;}
  .Area02 .PD_box ul li .PD_into h3 { font-size: 15px;}
  .Area02 .PD_box ul li .PD_into h3:after { width: 10em;}
  .Area02 .PD_box ul li .PD_into h4 { font-size: 15px; margin-bottom: 0;}
  .Area02 .PD_box ul li .PD_into p { height: 2.5em;}
  .Area02 .PD_box ul li .PD_into p del { font-size: 14px;}
  .Area02 .PD_box ul li .PD_into p b { font-size: 14px;}
  .Area02 .PD_box ul li .PD_into p .money { font-size: 16px;}
  .Area02 .PD_box ul li .PD_into p .Price { font-size: 28px;}
	/*公版上下標隱藏*/	
.Area02 .imgTagBottom {display:none!important;}
.Area02 .prdImgWrap .imgTagRectangle {display:none!important;}
.Area02 .prdImgWrap .imgTag {display:none!important;} 

}
	

/*03*/
.Area03 {padding:60px 0 60px 0 !important;}
.Area03{background-color: #c40056;top center no-repeat; background-size:100%; height:auto;}
@media screen and (max-width:767px){
	.Area03 {margin-bottom:0vw !important;}
}

/*作圖區微調*/
@media screen and (min-width: 768px){
	.Area03 {}
	.Area03 .PD_layout .PD p del {display: none;}
	.Area03 .box .Area_swiper_box{height:490px !important ;}
	.Area03 .PD_layout .PD_into{ top:-106px; position: relative; left:29px;}
	.Area03 .PD_layout .PD p {height: 2.5em;line-height: 2em; color:#c81242;  position: relative; right: 58px; top: -43px;text-align: right; }
	.Area03 .PD_layout .PD p .Price {font-size: 39px; font-weight: 800;}	
	.Area03 .PD_layout .PD h4 {font-size: 22px;top:-4px;position: relative;color: #000000;}	
	.Area03 .PD_layout .PD h3 {font-size: 25px;color: #000000;position: relative; top: 4.2px;}		
	.Area03 .PD_slide {background-color: #0000!important;}
	}
	@media screen and (max-width: 767px){
	.Area03 { padding:10vw 0 5vw 0 !important;}
	.Area03 .PD_layout .PD p del {display: none;}
	.Area03 .box .Area_swiper_box{height:80vw !important ;}
	.Area03 .PD_layout .PD_into{ top: -20vw; position: relative; left: 2vw;}
	.Area03 .PD_layout .PD p {height: 2.1em;line-height: 2em; color:#c81242;  position:absolute;  right:8vw; top:10vw; text-align: right;}
	.Area03 .PD_layout .PD p .Price {font-size:2.0em!important; font-weight: 800;top: -4vw;}	
	.Area03 .PD_layout .PD h4 {font-size: 1.3em;top: -1vw;left: 2vw;position: relative;color: #000000;}	
	.Area03 .PD_layout .PD h3 {font-size:1.3em;color: #000000;position: relative;top: 2vw; left: 2vw;}		
	.Area039 .PD_slide {height:80vw;background-color: #0000!important;}
	.Area03 .Area_swiper_box .swiper-pagination { bottom: 0px !important;}	
    .Area03 .swiper-pagination-white {--swiper-pagination-color: #ffffff!important;}	
	.Area03 .Area_swiper_box .PD_layout li {background-color: transparent !important;}
	}
	

/*04*/
.Area04 .box {padding-bottom: 0px;}
.Area04 .text {width: 100%; margin: 0;}
.Area04 .PD_layout .PD_into {width:100% ;}

@media screen and (max-width:767px){
.Area04 .text {width: 100%; margin: 0; }
.Area04 .box {width: 100%; height:100%;padding-bottom: 0vw;}

}

	

.Area04 {padding: 30px 0px !important;}
.Area04 .title { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 864px;}
.Area04 .bgbluerepeat { padding: 0;background: url("Areabg_repty.png?t=1758076784442") center top/100% repeat-y scroll;height: 100%;top: 30px;position: relative;margin-bottom: 51px;}
.Area04 .bg {position: absolute;top:106px;left: 50%;transform: translateX(-50%);pointer-events: none;z-index:0;}	
.Area04 .PD_box ul li { position: relative;}
.Area04 .PD_box ul li .PD_img { padding: 0;}
.Area04 .PD_box ul li .PD_into { position: absolute; top:443px; left:49%; transform: translateX(-50%); width: 81%; z-index: 1;}
.Area04 .PD_box ul li .PD_into h3 { color: #000000; font-size: 22px;}
/*.Area04 .PD_box ul li .PD_into h3:after { content: ""; position: absolute; top: 2em; left: 50%; transform: translateX(-50%); width: 13em; height: 1px; background:#000000;}*/
.Area04 .PD_box ul li .PD_into h4 { color: #000000; font-size: 20px;}
.Area04 .PD_box ul li .PD_into p { height: 2.5em; color:#d62672;}
.Area04 .PD_box ul li .PD_into p del { font-size: 22px; color:#616161;}
.Area04 .PD_box ul li .PD_into p b { font-size: 20px;}
.Area04 .PD_box ul li .PD_into p .money { font-size: 22px;}
.Area04 .PD_box ul li .PD_into p .Price { font-size: 40px;}
.Area04 .bgbluerepeat .PD_box ul li .PD_img { padding: 2% 2% 0 2%; position: absolute; top: 13px; width: 97%;left: 7px;}
.Area04 .bgbluerepeat .PD_box ul li {position: relative; border-radius:0px;background-color: #fff;height: 600px;transition: 0.2s ease;border-top: solid 1px #d1d1d1 !important;border-right: solid 1px #d1d1d1 !important;}
.Area04 .bgbluerepeat .PD_layout ul{width: 90%;grid-gap: 0px;}
/*公版上下標隱藏*/	
.Area04 .bgbluerepeat .PD_layout.CX .imgTagBottom {display:none!important;}
.Area04 .bgbluerepeat .PD_layout.CX .prdImgWrap .imgTagRectangle {display:none!important;}
.Area04 .bgbluerepeat .PD_layout.CX .prdImgWrap .imgTag {display:none!important;} 

  /*邊線*/
  
  @media screen and (min-width: 768px) {
	.Area04  .bgbluerepeat .PD_box ul {padding: 20px 20px;border-radius:20px ;background-color: #FFF;}
	.Area04  .bgbluerepeat .PD_boxt[data-pd-col-pc="2"] li:nth-child(even){ border-right:none !important; }
	.Area04  .bgbluerepeat .PD_box[data-pd-col-pc="2"] li:nth-child(1){ border-top:none !important; }
	.Area04  .bgbluerepeat .PD_box[data-pd-col-pc="2"] li:nth-child(2){ border-top:none !important; }
	.Area04  .bgbluerepeat .PD_box[data-pd-col-pc="2"] li:nth-child(2n){ border-right:none !important; }	
  }
  @media screen and (max-width: 767px) {
	.Area04  .bgbluerepeat .PD_box ul { padding: 2vw 0; }
	.Area04  .bgbluerepeat .PD_box[data-pd-col-phone="2"] li:nth-child(even){ border-right:none; }
	.Area04  .bgbluerepeat .PD_box[data-pd-col-phone="2"] li:nth-child(1){ border-top:none; }
	.Area04  .bgbluerepeat .PD_box[data-pd-col-phone="2"] li:nth-child(2){ border-top:none; }

  }

@media screen and (max-width:767px){
.Area04 {padding:7vw 0vw 0vw 0vw !important;}
.Area04 .bgbluerepeat .PD_layout ul{width: 97%;}
.Area04 .bgbluerepeat { width: 97%;padding: 0;background:none;height: 100%;top: 85px;position: relative;margin-bottom: 51px;}
.Area04 .bg {position:absolute;top:0;}	
	
  .Area04 .title { width: 100%;}
  .Area04 .bgbluerepeat {padding:0 0 0 0;padding-top:1vw;width:100%; margin: -20vw 0 0 0;}
  .Area04 .bgbluerepeat .PD_box ul li {padding-bottom: 3vw; border-radius: 20px;width: 100%;/*background: url("Area05bg.png?t=1742365296550") center top/ 100% no-repeat scroll;width: 100%;*/background-color: #fff;height: 70vw;margin-bottom: 2vw;}	
  .Area04 .bgbluerepeat .PD_box ul li .PD_img { padding: 2% 2% 0 2%;  position: absolute;top: 2vw; width: 94%;left: 1.2vw;}
  .Area04 .PD_box ul li {padding-bottom: 3vw;}	
  .Area04 .PD_box ul { grid-gap: 2em 0;}
  .Area04 .PD_box ul li .PD_into { top:46vw;}
  .Area04 .PD_box ul li .PD_into h3 { font-size: 15px;}
  .Area04 .PD_box ul li .PD_into h3:after { width: 10em;}
  .Area04 .PD_box ul li .PD_into h4 { font-size: 15px; margin-bottom: 0;}
  .Area04 .PD_box ul li .PD_into p { height: 2.5em;}
  .Area04 .PD_box ul li .PD_into p del { font-size: 14px;}
  .Area04 .PD_box ul li .PD_into p b { font-size: 14px;}
  .Area04 .PD_box ul li .PD_into p .money { font-size: 16px;}
  .Area04 .PD_box ul li .PD_into p .Price { font-size: 28px;}
	/*公版上下標隱藏*/	
.Area04 .bgbluerepeat .PD_layout.CX .imgTagBottom {display:none!important;}
.Area04 .bgbluerepeat .PD_layout.CX .prdImgWrap .imgTagRectangle {display:none!important;}
.Area04 .bgbluerepeat .PD_layout.CX .prdImgWrap .imgTag {display:none!important;} 

}


	

	




/*旗艦館*/
@media screen and (min-width:768px){
	.Area05 {position:relative;margin: 0 auto;height:250px ;}	
	.Area05 .Area_guan {height: 250px;z-index: 10;top:-580px;margin: 0 auto;width: 1000px;}	
	.Area05 .Area_guan .PD_layout .PD_slide:hover {transform:translateY(-6px);}
    .Area05 .Area_guan .PD_layout .PD_slide:hover { box-shadow:unset;}
	.Area05 .Area_guan .guan_bg {z-index: 10;position:absolute;top: -740px;height: 100%;background-repeat:no-repeat;background-position: center top;}	

	/**區標**/	
	.Area05 .Area_guan .text {position:relative;width: 100%;margin: 40px auto;padding: 0;}
	.Area05 .Area_guan .bg{display: none;}
}
@media screen and (max-width:767px){
	.Area05 {position:relative;margin: 0 auto;margin-top:0vw;height:100vw;;}	
	.Area05 .Area_guan {width:95%;height:95%;margin-top:-8vw !important ;}
	/**區標**/	
	.Area05 .Area_guan .text {z-index:2;position:relative;width: 96%;margin: 40px auto 50px;}	
	.Area05 .guan_bg {z-index:-3;position:absolute;margin-top:55vw !important;height: 100%;background-repeat:no-repeat;background-position: center top;}
		
}



.text .PD_img{width: 96% !important;margin:0 auto ;}
@media screen and (max-width:767px){
	.text .PD_img{width: 100%;}
}
/*移除公版設定*/
.Area .remove_box_style ul { background-color: transparent; grid-gap: 10px;}
.Area .remove_box_style ul li { border: none!important;}
@media screen and (max-width:767px){
  .Area .remove_box_style ul { width: 100%; grid-gap: 0.2em;}
  .Area .remove_box_style ul {}
}


/*輪播移除公版設定*/
.Area .swipwe_remove_box_style ul { background-color: transparent; grid-gap: 0;}
.Area .swipwe_remove_box_style ul li { border: none!important; background-color: #fff;}
.Area .swipwe_remove_box_style ul li,
.Area .swipwe_remove_box_style ul li .PD_img img { border-radius: 10px;}
@media screen and (max-width:767px){
  .Area .swipwe_remove_box_style ul { width: 100%; grid-gap: 0;}
  .Area .swipwe_remove_box_style ul {}
}
	

.Area_msg {
    color: #fff !important
}

@media screen and (max-width: 767px) {
    .Area_msg {
        color:#fff !important
    }

    .Area_msg_PDmark {
        color: #fff !important
    }

    .Area_msg_apple {
        color:#fff !important
    }
}

@media screen and (min-width:768px){
	.Area_msg_tiktok {text-align:center;padding: 0 10px 10px 10px;font:12px/18px Helvetica; position: relative;}
	}
	@media screen and (max-width:767px){
	.Area_msg_tiktok {text-align:center; padding: 0 10px 10px 10px;font:12px/18px Helvetica; position: relative;}
	}
	



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

/*版頭logo*/
.Area_top .momologo {z-index: 10;position: absolute;top: 40px;left: -55px;}
.Area_top .momologo a { display: block; width: 172px; height:74px; background: url(momo_logo_super.png?t=1758076784442) no-repeat; background-size: 100%;}
/* .Area_top .momologo a:hover{ background: url(momo_logo_on.png?t=1758076784442) no-repeat;} */

@media screen and (max-width:767px){
	.Area_top {z-index: 1;}
	.Area_top .momologo {top: 5vw;left: 4vw;}
	.Area_top .momologo a{background-size:100%;width: 20vw;height: 10vw;}
}


/*隱鑶*/
.for_pc {}
.for_phone { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_phone { display: inherit !important;}
	}


/*區塊底*/
@media screen and (min-width:768px){
	.Area_bottom {margin-bottom: 60px;}
	}
	@media screen and (max-width: 767px){
	.Area_bottom {margin-bottom: 5vw }
	}


/*黏人精*/
.Area_hammerAD { z-index: 9999; position: fixed; bottom: 0; right: 0;}
.Area_hammerAD .box { position: relative; margin-right: 10px; opacity: 1;}
.Area_hammerAD img { width: 100%; height: auto; position: absolute; top: 0; left: 0;}
.Area_hammerAD .closeButton a { display: block; cursor: pointer; position: absolute; width: 20px; height: 20px; border-radius: 50%; font: bold 20px/1em "Century Gothic"; color: #FFF; text-align: center; background-color: rgba(0%,0%,0%,0.5); text-decoration: none; z-index: 2;}
.Area_hammerAD .Ahammer_text { position: absolute; z-index: 2; display: flex; align-items: center; justify-content: center; width: 90%; color: #000; font-family: "Century Gothic","Noto Sans CJK TC"; font-weight: 700;}
.Area_hammerAD .Ahammer_black .img_0, .Area_hammerAD .img_1 { filter: brightness(0%);}
.Area_hammerAD .Ahammer_black .img_1 { filter: none;}
.Area_hammerAD .Ahammer_black .Ahammer_text { color: #fff;}
@media screen and (min-width:768px){
  .Area_hammerAD { position: fixed; z-index: 300; left: 50%; right: auto; bottom: 50px; display: block; width: 210px; height: 200px; transform: translateX(618px) translate3d(0,200px,0);}
  .Area_hammerAD .closeButton a { top: 0; right: 0;}
  .Area_hammerAD .Ahammer_text { font-size: 2.3em; line-height: 1em; height: 1em; top: 40px;}
}
@media screen and (max-width:767px){
  .Area_hammerAD { display: block; width: 26%; transform: translate3d(0px, -215px, 0px) !important;}
  .Area_hammerAD .closeButton a { top: 1vw; right: 1vw;}
  .Area_hammerAD .Ahammer_text { font-size: 1.5em; line-height: 1.5em; height: 1.5em; top: 3.6vw;}
}


		

/*分享浮層*/
.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%;}
	}