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

/*基本*/
body{ margin:0; padding:0;background:#08122f}


/*全BOX版面*/
.WRAPPER { position: relative; display:block; margin: 0 auto; padding: 0; width:100%;  min-width:1220px; overflow:hidden; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; ;}
.WRAPPER img {width: 100%; border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none;}
		@media screen and (max-width:767px){
		.WRAPPER { min-width: inherit; padding-bottom:0px; }
		.WRAPPER img {  width:100%;  height:auto;}
	}


	
/*背景*/

	.bg1{ z-index:-2; position:absolute;top:0; width:2000px; min-width:1220px; height:1200px; background: url(bg_01.jpg?t=1756977079773) no-repeat center top ;background-size: cover;left: 50%;transform: translateX(-50%);}
	.bg2{ z-index:-3; position:fixed;top:0px; width:100%; min-width:1220px; height:100%; background: url(bg_02.png?t=1756977079773) no-repeat center top ;background-size: cover;}
	/* 日期限定區 */
	.date-main{width:442px;position: absolute;right: 65px;top: 517px;z-index: 0;}
	.date-main .date{width:31%;position: absolute;left: 28%;top: 31%;}
	.window_R { z-index:1; position:absolute; top: 0px; right:-500px; width:484px; height:482px; background-repeat:no-repeat; background-position: center top; pointer-events:none;}	



@media screen and (max-width:767px){
	.mbg01{ z-index:-2; position:absolute;top:-3vw; width:110%;height:151vw;right:-4vw; background: url(mbg_01.png?t=1756977079773) center 100% / 100% no-repeat scroll;}
	.mArea01_bg{ z-index:-3; position:absolute;top:53vw; width:100%;height:100%; background: url(mbg_02.png?t=1756977079773) center top / 100% no-repeat scroll;}
	/* 日期限定區 */
	.date-main{width:52%;position: absolute;left: 70vw;top: 46vw;z-index: -1;}
	.date-main .date{width:33%;position: absolute;left: 10vw;top: 15vw;}
	.mwindow_R { z-index:-2; position:absolute; top: 0vw; right:-44vw; width:72vw; height:108vw; background-repeat:no-repeat; background-position: center top; pointer-events:none;}	



	}








/*背景*/
.bgtop  { z-index:0; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%;}

@media screen and (max-width:767px){
	.bgtop { min-width: inherit; background-size:100%;}

}

	
/*黏人快速鍵(白色款)*/
.fixed_Area {z-index:999; position:fixed; top:20px; right:0px; width:100px; font-weight:800; font-size:16px; line-height:48px; font-family:Century Gothic, "微軟正黑體",Helvetica; text-align:center;
			-webkit-transform: rotate3d(0,0,0,0deg) translate3d(0,0,0); transform: rotate3d(0,0,0,0deg) translate3d(0,0,0); -webkit-transform-origin:top right; transform-origin:top right;
			  -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;}
.fixed_Area a { display:block; text-decoration: none; color: #000;}
.fixed_Area img {-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;}
.fixed_Area .box ul { margin:0; padding:0; list-style:none;}
.fixed_Area .box li { margin:0 0 1px 0; padding:0; height:48px; background-color:rgba(255,255,255,0.6);}
.fixed_Area .box li a { letter-spacing:-1px;height:48px; overflow:hidden;}
.fixed_Area .box li a:hover { background-color:rgba(255,255,255,1);}
.fixed_Area .box li.cate-hover { background-color:rgba(255,255,255,1);}
.fixed_Area .box h2 { margin:0; padding:0;}
	/*快速導覽*/
	.fixed_Area h3 { position: absolute; top:100px; right:-50px; margin:0; padding:35px 0 0 0; border-radius:10px; width:48px; height:82px; font-size: 16px; line-height:30px; writing-mode: tb-lr; writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; background-color:rgba(255,255,255,0.6); text-align:left; cursor:pointer;
			-webkit-transform-origin:top left; transform-origin:top left;
			  -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;}
	.fixed_Area h3 i { position: absolute; top:0; right:0; display:block; width:50px; height:50px; cursor:pointer;}
	.fixed_Area h3 i:before { content: ""; position:absolute; top:51%; left:37%; display:block; border:1px solid #000; border-width:0 1px 1px 0; width:15%; height:15%; -webkit-transform:translate(-50%,-50%) rotate(135deg); transform:translate(-50%,-50%) rotate(135deg); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
			/*黑色款*/
			.fixed_Area.fixed_Area-dark a { color: #fff;}
			.fixed_Area.fixed_Area-dark .box li { background-color:rgba(0,0,0,0.5);}
			.fixed_Area.fixed_Area-dark .box li a:hover { background-color:rgba(0,0,0,1);}
			.fixed_Area.fixed_Area-dark .box li.cate-hover { background-color:rgba(0,0,0,1);}
            .fixed_Area.fixed_Area-dark h3 {background-color:rgba(0,0,0,0.5);color: #fff; }
            .fixed_Area.fixed_Area-dark h3  i:before { border-color:#fff;}



			/*收合黏人精*/
			.fixed_Area.fixed_Area_hide { -webkit-transform: rotate3d(0,0,0,0deg) translate3d(150px,0,0); transform: rotate3d(0,0,0,0deg) translate3d(150px,0,0); }
			.fixed_Area.fixed_Area_hide h3 { -webkit-transform: rotate3d(0,0,0,0deg) translate3d(-185px,0,0); transform: rotate3d(0,0,0,0deg) translate3d(-185px,0,0); 
											 -webkit-transition-delay:0.2s; transition-delay:0.2s;}
/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.Area a { display:block;margin: auto;} 
.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);}
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
			@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
		
	}



.momologo { position:absolute; top:5px; left:3px; z-index:999; }
	

/*版頭*/
.Area_top {height: 1354px;position: relative;}
.Area_top .momologo { z-index:999; position: absolute;top:15px; left:30px;}

.Area_top .momologo a { display: block; width: 165px; height: 83px; background: url(momo_logo.png?t=1756977079773) no-repeat; background-size: 100%;}
.Area_top .momologo a:hover{ background: url(momo_logo.png?t=1756977079774) no-repeat;  background-size: 100%;}
/* .Area_top .momologo a:hover{ background: url(momo_logo.png?t=1756977079774) no-repeat;} */
	@media screen and (max-width:767px){
		.Area_top {height: 141vw;z-index: 0}
		.Area_top .momologo { top: 2vw; left: 1vw;}
		.Area_top .momologo a { width:23vw;}
		
/*提醒我按鈕*/
a.mo_remind_btn { z-index:10; position: absolute; right: 0; top:93vw; width: 17%;}	  

}
.bank_bn{ position:absolute; top:200px; left:0; z-index:3;}

@keyframes spotlightL{
	0%{ opacity: 0; transform: rotate(-20deg);}
	20%{ opacity: .5; }
	50%{ opacity: 0; transform: rotate(40deg);  }
	100%{ opacity: 0; transform: rotate(40deg);  }
}
@keyframes spotlightR{
	0%{ opacity: 0; transform: rotate(20deg);}
	20%{ opacity: .5; }
	50%{ opacity: 0; transform: rotate(-40deg);  }
	100%{ opacity: 0; transform: rotate(-40deg);  }
}




/*副標*/
.Area_top  .title_sub .PD_layout ul{display: flex;padding: 0;}
@media screen and (min-width: 768px){
.Area_top  .title_sub { position: absolute; top: 330px;left: 297px; width: 55%;height: auto; z-index: 5;overflow: hidden;}	
.Area_top  .title_sub .PD_layout .PD img {width: 90%;}	
}
@media screen and (max-width:767px){
.Area_top  .title_sub {position: absolute;top: 38vw;left: 6vw;width: 97%;z-index: 5;overflow: hidden;}
.Area_top  .title_sub .PD_layout .PD img {width: 70%;padding: 0;}
}

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







@media screen and (min-width:768px){
	.Area_top .main{position: absolute;top: 196px;width: 51%;left: 50%;transform: translateX(-50%);}	
	.Area_top .title-light {position:absolute; left: 779px;top: 224px;animation-delay:.8s;z-index: 1;mix-blend-mode: screen;}	
	.Area_top .coming{position: absolute;top: 422px;left: 70%;transform:rotate(-12deg);width: 20%;}


	.Area_top .pd_logo { position: absolute; top: 97px; width: 72%;left: 50%;z-index: 5;transform: translateX(-50%);background: linear-gradient(to right , rgba(18, 28, 69, 0), rgba(18, 28, 69, 1), rgba(18, 28, 69, 0));padding: 1% 6%;box-sizing: border-box;}


}

@media screen and (max-width:767px){
	.Area_top .main{position: absolute;top:23vw;width:72%;margin:0 15%; z-index:6;}	 

	.Area_top .title-light {position:absolute; left: 73vw;top: 28vw;animation-delay:.8s;z-index: 30;mix-blend-mode: screen;width: 20%;}	

	.Area_top .coming{position: absolute;top: 51vw;width: 31%;left: 66%;transform: rotate(-12deg);}
	

	.Area_top .pd_logo { position: absolute; top: 14vw; width: 100%;left: 50%;z-index: 5;transform: translateX(-50%);background: linear-gradient(to right , rgba(18, 28, 69, 0), rgba(18, 28, 69, 1), rgba(18, 28, 69, 0));padding: 1% 2%;box-sizing: border-box;}

}


 /*手機版頭光暈效果加強*/
@media screen and (max-width:767px){
	.title-light {
	  mix-blend-mode: screen;
	  /*強制元素進入GPU渲染層(主要觸發器)*/
	  -webkit-transform: translateZ(0);
	  /*提前告知瀏覽器元素會變化(預分配資源)*/
	  will-change: transform;
	  /*觸發合成層創建(強化觸發)*/
	  backface-visibility: hidden;
	  /*創建獨立層疊上下文*/
	  isolation: isolate;
	}
  }
   




/* .Area_top .pd_logo .PD { position: relative;top: 0;width: 100%;margin: 0;} */

/*版頭輪播頁籤*/
@media screen and (min-width:768px){
	.Area_title .logoBG { z-index: 2; position: absolute; left: -390px; top: 512px; pointer-events: none;}
	.layout_page { z-index: 3; position: absolute; width: 780px; top: 615px; left: 310px;}
	.layout_page .PD_layout[ data-pd-li="BN" ] ul { display: flex; flex-wrap: wrap; margin: 0; padding: 0; width: 826px; height: 47px; grid-gap: 0; box-sizing: border-box; overflow: hidden;}
	.layout_page .PD_layout ul li { filter: brightness(0.9);}
	.layout_page .PD_layout .swiper-slide-active { filter: brightness(2); transform: scale(1.1); margin: 0;}
	.layout_page .PD_layout .PD_slide:hover { transform: none;}
	/*小白點-文字版*/
	.layout_page .PD_layout .menutableArea { position: absolute; top: -36px; left: -188px; pointer-events: none;}
	.layout_page .PD_layout .menutableArea ul { width: 144px; height: inherit; overflow: visible; }
	.layout_page .PD_layout .menutableArea li.swiper-pagination-bullet { opacity: 1; display:inline-block; margin: 0px; padding: 10px; width:100%; position: absolute; left: 0; top: 0; text-align: left; filter: brightness(1); -webkit-box-sizing: border-box; box-sizing: border-box;}
	.layout_page .PD_layout .menutableArea li.swiper-pagination-bullet:focus { outline: none;}
	.layout_page .PD_layout .menutableArea li.swiper-pagination-bullet span { display: block; color:#ffece0; font: 27px/50px "Century Gothic","微軟正黑體","Microsoft JhengHei", Arial, Helvetica; text-decoration:none; opacity: 0;}
	.layout_page .PD_layout .menutableArea li.swiper-pagination-bullet-active span { font-weight: 800; color:#fff; -webkit-tap-highlight-color: transparent; opacity: 1;}    
}
@media screen and (max-width: 767px){
	.Area_title .logoBG { z-index: 2; position: absolute; left: 0; top: 94.5vw; width: 100%; pointer-events: none;}
	.layout_page { z-index: 3; position: absolute; width: 92%; left: 1%; top: 111vw;}
	.layout_page .PD_layout ul { display: flex; flex-wrap: wrap; margin: 0; padding:0; width: 110%; height: 6vw; grid-gap: 0; box-sizing: border-box; overflow: hidden;}
	.layout_page .PD_layout ul li { filter: brightness(0.9); /*padding: 0;margin: 0;height: 9.3vw!important;height: auto;width: 15vw;*/}
	.layout_page .PD_layout .swiper-slide-active { filter: brightness(2); transform: scale(1.1); margin: 0;}
	/*小白點-文字版*/
	.layout_page .PD_layout .menutableArea { position: absolute; top: -16.5vw; left: 0; pointer-events: none;}
	.layout_page .PD_layout .menutableArea ul { width: 144px; height: inherit; overflow: visible;}
	.layout_page .PD_layout .menutableArea li.swiper-pagination-bullet { opacity: 1; display:inline-block; margin: 0px; padding: 10px; width:100%; position: absolute; left: 0; top: 0; text-align: left; filter: brightness(1); -webkit-box-sizing: border-box; box-sizing: border-box;}
	.layout_page .PD_layout .menutableArea li.swiper-pagination-bullet:focus { outline: none;}
	.layout_page .PD_layout .menutableArea li.swiper-pagination-bullet span { display: block; color:#ffece0; font: 4vw/5vw "Century Gothic","微軟正黑體","Microsoft JhengHei", Arial, Helvetica; text-decoration:none; opacity: 0;}
	.layout_page .PD_layout .menutableArea li.swiper-pagination-bullet-active span { font-weight: 800; color:#fff; -webkit-tap-highlight-color: transparent; opacity: 1;}    
  }


/*版頭品輪播*/
.Area_pdA_swiper { display:block;z-index: 50;}
.Area_pdA_swiper a {position: relative;height: 500px;width: 100%;}
@media screen and (min-width:768px){
	.Area_pdA_swiper { width: 874px; position:absolute;top:535px; left: 47%; transform: translateX(-50%);}	
	.Area_pdA_swiper img { width: 80%; height: auto;}
	/*品*/
	.Area_pdA_swiper .icon_ { position: absolute; top: 0; left: 0; width: 100%;}
	.Area_pdA_swiper .icon_1 {z-index:3}
	.Area_pdA_swiper .icon_2 {z-index:2}
	/* .Area_top .pd_logo { position: absolute; top: 10%;z-index: 5; width: 70%;background: linear-gradient(90deg,#6c75b100 0%, #6c75b1ea 20%, #6c75b1ea 80%, #6c75b100 100%);padding: 1.3% 6%;box-sizing: border-box;left: 50%;transform: translateX(-50%);} */
}
@media screen and (max-width:767px){
.Area_pdA_swiper { width:100%; height: auto; position: absolute;top: 52vw;right:5vw}	
.Area_pdA_swiper a {position: relative;height: 80vw;width: 81%;}
	/*品*/
	.Area_pdA_swiper .icon_ { position: absolute; top: 0; left: 0; width: 100%;}
	.Area_pdA_swiper .icon_1 { z-index:3;}
	.Area_pdA_swiper .icon_2 { z-index:2;}
	/*.Area_pdA_swiper .icon_4 img{transform: rotate(6deg)!important;}*/		
}



/*副標統一間距*/
  @media screen and (min-width:768px){
.Area_title{position: relative;margin:24px auto 5px}	 	  
}

  @media screen and (max-width:767px){
.Area_title{position: relative;margin:0 auto 3vw}	  
}


/*活動倒數*/
.TimerNick {position: absolute;bottom: 99px;margin: 0 auto;display: inline-block;z-index: 8;text-align: center;color: #ffffff; right:-60px;}
.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:129.8vw;left: 66%;transform: translateX(-50%);}
      .TimerNick .FontStyle {margin: 0;padding: 0;border: 0;font: bold 6.7vw/0vw Arial;}
      .TimerNick span {padding-left: 0;font: bold 3.5vw/5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;/*letter-spacing: -0.05em;*/}
    }

    .momologo a { display:block; width:151px; height:57px; background-size: 100%; transition: .5s opacity; opacity: 1; background-image:url(momo_logo.png?t=1756977079774);background-repeat: no-repeat; }
    .momologo a:hover {opacity: 1; background-image:url(momo_logo.png?t=1756977079774);}
      @media screen and (max-width:767px){
        .momologo { z-index: 999; position:absolute; top:2vw; left:2vw; }
        .momologo a {  width:26vw; height:12vw;}
		a:hover{background-size: 45%}		  
      }



.Area00 > img{width: 90%; margin: 0 auto 20px;}
.Area00 .Area_coupon{ width: 90%; margin: 0 auto;}

.A00_act{display: flex;}
@media screen and (min-width:768px){  
	.A00_act {margin: 0;}	  
	.A00_act .Area_danji{margin: 0}
	.A00_act .A00tag{width: 10%;margin: 0;position: absolute;left: -80px;}	  
}

@media screen and (max-width:767px){
	.Area00{width: 98%;position:relative;top:6vw;}		  
	.A00_act .A00tag{width:10%;margin: 0 1%;}	  
}



@media screen and (min-width:768px){
	.Area01{position: relative;margin-bottom: 6%}	  
	.Area01 .PD_layout li{padding:3%}	  
}

@media screen and (max-width:767px){
	.Area01{position: relative; width:100%;margin-bottom:15%}
	.Area01 .PD_layout li{padding:3%}
}

.Area02 .PD_layout.PD_layout-CSSBG_01 ul{    background-color: #fff0!important;}
.Area02 .PD_layout.PD_layout-CSSBG_01 ul li{  border:none;}

@media screen and (min-width:768px){
	.Area02 .PD_layout.PD_layout-CSSBG_01 .PD{width: 60%;left: 20%;top:15%}
	.Area02 .PD_layout.PD_layout-CSSBG_01 .PD .PD_img{margin: 0 auto;}
	.Area02 .PD_layout.PD_layout-CSSBG_01 ul  .PD_into .PD_logo  {position: absolute;top: 12px;left: -52px;height: 3.5em;width: 150px;overflow: hidden;}
	.Area02 .PD_layout.PD_layout-CSSBG_01 ul li .PD_logo img{   background-color: #fff0;box-shadow:none;    padding: 0 1em;}	
	.Area02	.PD_layout.PD_layout-CSSBG_01 .PD h4{margin: 0;color: #600dc6;line-height: 1.2em; font-size: 22px;}	  
	.Area02 .PD_layout.PD_layout-CSSBG_01 .PD p .Price{font-size:38px;}
	.Area02 .PD_layout.PD_layout-CSSBG_01 .PD .PD_img{padding:60px 0 14px;height: 375px;overflow: hidden;}
}

@media screen and (max-width:767px){
	.Area02 .PD_layout.PD_layout-CSSBG_01 .PD{width: 95%;left: 3%;top: 9%;}
	.Area02 .PD_layout.PD_layout-CSSBG_01 .PD .PD_img{width: 35%!important;margin: 4% auto 5%;height: 35vw;overflow: hidden;}	  
	.Area02 .PD_layout.PD_layout-CSSBG_01 ul  .PD_into .PD_logo  {position: absolute;top: 8vw;left: 2vw;height: 7vw;overflow: hidden;width: 17vw;}
	.Area02 .PD_layout.PD_layout-CSSBG_01 ul li .PD_logo img{   background-color: #fff0;box-shadow:none;    padding: 0 1em;}	
	.Area02	.PD_layout.PD_layout-CSSBG_01 .PD h4{margin: 0;color: #600dc6;line-height: 1.2em;}  
}



/*04-主打品區*/
.Area04PDD .PD_layout ul {gap: 32px;}	
.Area04PDD .PD_layout.layout_item .PD p b {background-image: repeating-linear-gradient(179deg,  #ffead0 10%, #ffead0 109%)!important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 1em;font-weight: 800;}	
.Area04PDD .PD_layout.layout_item .PD_slide .PD p del {position: absolute;color: #a4a4a4;font-size: 0.7em;top: 310px;text-align: right;}
.Area04PDD .PD_layout.layout_item .PD p .money, .Area04PDD .PD_layout.layout_item .PD p .Price {background-image: repeating-linear-gradient(179deg,  #ffead0 10%, #ffead0 109%)!important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 800;}
.Area04PDD .PD_layout.layout_item .PD_slide .PD_img {width: 50%; padding-top: 2%;}
.Area04PDD .PD_layout.layout_item .PD_slide .PD_into h3 {padding: 0;max-height: 1em;font-weight: 800;font-size: 2.6em;line-height: 1em;color: #f3d79a;font-family: "Noto Sans CJK ";text-align: center;}
.Area04PDD .PD_layout.layout_item .PD_slide .PD_into h4 {font-size: 2.4em;color: #f3d79a;overflow: hidden;max-height: 3em;line-height: 1.2em;text-align: center;}
.Area04PDD .PD_layout.layout_item .PD p {padding: 5% 0;height: auto;line-height: 1em;font-size: 2em;color: #ffead0;text-align: center;}
.Area04PDD .PD_layout.layout_item .PD_slide a { flex-direction: row;align-items: center;justify-content: center;gap: 6px;}
.Area04PDD .PD_layout.layout_item .PD_slide:nth-child(odd) a { flex-direction: row-reverse;}
.Area04PDD .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_img img {margin: 0 auto;box-shadow: unset;}
.Area04PDD .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_img img {margin: 0 auto;box-shadow: unset;}

@media screen and (min-width:768px){
    .Area04PDD .PD_layout.layout_item {padding: 0;}
    .Area04PDD .PD_layout.layout_item .PD_slide:hover {transform:translateY(-6px);}
    .Area04PDD .PD_layout.layout_item .PD_slide:hover { box-shadow:unset;}
    .Area04PDD .PD_layout.layout_item .PD_slide { padding: 43px 0 58px;}
	.Area04PDD .PD_layout.layout_item .PD_slide .PD_into{padding-top: 37px;}
	.Area04PDD .PD_layout.layout_item .PD p .Price {font-size: 2.4em;text-align: left;}
	.Area04PDD .PD_layout.layout_item li:nth-child(odd){background: url("layout_itembg1.png?t=1756977079774") center top / 100% no-repeat scroll;}
	.Area04PDD .PD_layout.layout_item li:nth-child(even){background: url("layout_itembg2.png?t=1756977079774") center top / 100% no-repeat scroll;}	
	.Area04PDD .PD_layout[data-pd-pdlogo="4"]:not([data-pd-direction*="row"]) .PD .PD_logo {width: 100%;height: auto;max-width: 250px;margin-top:0;margin-bottom: 24px;}
	.Area04PDD .PD_layout[data-pd-pdlogo="4"] .PD .PD_logo img{border-radius: 1em;border: 0px solid #dadada;box-shadow: none;width: 100%;height: 100%;}
	
}
@media screen and (max-width:767px){
    .Area04PDD .PD_layout ul {gap: 12px;}	
	.Area04PDD .PD_layout.layout_item .PD_slide { padding: 3vw 0 ;}
	.Area04PDD .PD_layout.layout_item .PD_slide .PD_into{padding-top: 4vw;}
    .Area04PDD .PD_layout.layout_item ul {padding-left:0; padding-right:0;}
    .Area04PDD .PD_layout.layout_item li {width: 100%;margin: 0;}
    .Area04PDD .PD_layout.layout_item .PD_slide .PD_img {margin-bottom: 0;}
    .Area04PDD .PD_layout.layout_item .PD_slide .PD_into h3 {padding: 0;max-height: 1.3em;font-weight: bolder;font-size: 1.2em;line-height: 1.7em;margin: 0;font-family: Noto Sans CJK SC;}
    .Area04PDD .PD_layout.layout_item .PD_slide .PD_into h4 {font-size: 1.1em;margin: 0;line-height: 1.7em;font-weight: 700;max-height: 3em;}
	.Area04PDD .PD_layout.layout_item .PD_slide .PD p del {position: absolute;color: #a4a4a4;font-size: .5em;top: -3vw;text-align: right;}
	.Area04PDD .PD_layout.layout_item .PD p {position: relative;line-height: 10vw; padding: 1vw 0;top:2vw;}
	.Area04PDD .PD_layout.layout_item .PD p .Price { font-size: 1em;text-align: left;}
	.Area04PDD .PD_layout.layout_item .PD p b {background-image: repeating-linear-gradient(179deg,  #ffead0 10%, #ffead0 109%)!important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: .5em;font-weight: 800;}	
	.Area04PDD .PD_layout.layout_item li:nth-child(odd){ height: 50vw;background: url("layout_itembg1_mb.png?t=1756977079774") center top / 100% no-repeat scroll;}
	.Area04PDD .PD_layout.layout_item li:nth-child(even){ height: 50vw;background: url("layout_itembg2_mb.png?t=1756977079774") center top / 100% no-repeat scroll;}	
	.Area04PDD .PD_layout[data-pd-pdlogo="4"]:not([data-pd-direction*="row"]) .PD .PD_logo {margin-top:0;height: 8vw;}
	.Area04PDD .PD_layout[data-pd-pdlogo="4"] .PD .PD_logo img{border-radius: 1em;border: 0px solid #dadada;box-shadow: none;}
}


.Area04PDD .PD_layout[data-pd-h4="1"] .PD h4 b {font-weight: inherit; display: block; max-height: 1.5em; overflow: hidden;}
.Area04PDD .PD_layout[data-pd-h4="1"] .PD h4 span {display: inline-block;-webkit-line-clamp: 1;white-space: normal;overflow: hidden;font-size: 0.8em;}
@media screen and (max-width:767px){
.Area04PDD .PD_layout[data-pd-h4="1"] .PD h4 b {font-weight: inherit; display: block; max-height: 1.5em; overflow: hidden;}
.Area04PDD .PD_layout[data-pd-h4="1"] .PD h4 span {display: inline-block;-webkit-line-clamp: 1;white-space: normal;overflow: hidden;font-size: 0.8em;}
}






.Area_boxstyle {}
.Area_boxstyle > .Area_boxstyle_box { position:relative; background-repeat: no-repeat; background-position: center bottom;z-index: 1}
.Area_boxstyle > .Area_boxstyle_box:before { content:""; display:block; z-index:-1; position:absolute; left:0; width:100%;}
.Area_boxstyle > .Area_boxstyle_box:after  { content:""; display:block; z-index:-2; position:absolute; top:122px; left:0px; width:100%; height:81%;}
    @media screen and (min-width:768px){
      .Area_boxstyle > .Area_boxstyle_box { margin: 0; padding:0 0 100px 0; width: 1220px;}
      .Area_boxstyle > .Area_boxstyle_box:before {top: -36px; left:0px;height: 290px;width: 100%;}
      .Area_boxstyle > .Area_boxstyle_box:before { background-image:url(Area_boxstyle_bgtop.png?t=1756977079774);background-size: 100%;  }
      .Area_boxstyle > .Area_boxstyle_box:after  { background-image:url(Area_boxstyle_bgcon.png?t=1756977079774);background-size: 100%;}
      .Area_boxstyle > .Area_boxstyle_box { background-image:url(Area_boxstyle_bgbottom.png?t=1756977079774);background-size: 100%;}

    }


@media screen and (max-width: 767px) {
  .Area_boxstyle > .Area_boxstyle_box { margin: 0; padding:0;}
  .Area_boxstyle > .Area_boxstyle_box:before { top:0vw; height:0vw;}
  .Area_boxstyle > .Area_boxstyle_box:after {top: 11vw;height: calc(100% - 28vw);left: -10vw; width: 120%;}
  .Area_boxstyle > .Area_boxstyle_box {padding-top: 0;}
  .Area_boxstyle > .Area_boxstyle_box:before {top: -5vw; height: 42vw; left: -4vw; width: 108.5%;}
  .Area_boxstyle > .Area_boxstyle_box {background-image: url(Area_boxstyle_bgbottom.png?t=1756977079774);background-size: 109%;padding-bottom: 10vw;}
  .Area_boxstyle > .Area_boxstyle_box:before { background-image: url(Area_boxstyle_bgtop.png?t=1756977079774);background-size: 100%;}
  .Area_boxstyle > .Area_boxstyle_box:after  { background-image: url(Area_boxstyle_bgcon.png?t=1756977079774);background-size: 100%;}

  }



  .Area_boxstyle2 {}
  .Area_boxstyle2 > .Area_boxstyle_box { position:relative; background-repeat: no-repeat; background-position: center bottom;z-index: 1}
  .Area_boxstyle2 > .Area_boxstyle_box:before { content:""; display:block; z-index:-1; position:absolute; left:0; width:100%;}
  .Area_boxstyle2 > .Area_boxstyle_box:after  { content:""; display:block; z-index:-2; position:absolute; top:122px; left:0px; width:100%; height:81%;}
	  @media screen and (min-width:768px){
		.Area_boxstyle2 > .Area_boxstyle_box { margin: 0; padding:68px 0 100px 0; width: 1220px;}
		.Area_boxstyle2 > .Area_boxstyle_box:before {top: -36px; left:0px;height: 290px;width: 100%;}
		.Area_boxstyle2 > .Area_boxstyle_box:before { background-image:url(Area_boxstyle_bgtop2.png?t=1756977079774);background-size: 100%;  }
		.Area_boxstyle2 > .Area_boxstyle_box:after  { background-image:url(Area_boxstyle_bgcon2.png?t=1756977079774);background-size: 100%;}
		.Area_boxstyle2 > .Area_boxstyle_box { background-image:url(Area_boxstyle_bgbottom2.png?t=1756977079774);background-size: 100%;}
  
	  }
  
  
  @media screen and (max-width: 767px) {
	.Area_boxstyle2 > .Area_boxstyle_box { margin: 0; padding:0;}
	.Area_boxstyle2 > .Area_boxstyle_box:before { top:0vw; height:0vw;}
	.Area_boxstyle2 > .Area_boxstyle_box:after {top: 11vw;height: calc(100% - 28vw);left: -10vw; width: 120%;}
	.Area_boxstyle2 > .Area_boxstyle_box {padding-top: 0;}
	.Area_boxstyle2 > .Area_boxstyle_box:before {top: -7vw; height: 42vw; left: -4vw; width: 108.5%;}
	.Area_boxstyle2 > .Area_boxstyle_box {background-image: url(Area_boxstyle_bgbottom2.png?t=1756977079774);background-size: 109%;padding-bottom: 9vw;}
	.Area_boxstyle2 > .Area_boxstyle_box:before { background-image: url(Area_boxstyle_bgtop2.png?t=1756977079774);background-size: 100%;}
	.Area_boxstyle2 > .Area_boxstyle_box:after  { background-image: url(Area_boxstyle_bgcon2.png?t=1756977079774);background-size: 100%;}
  
	}
  



    /*登記區*/


	.A00_act .A00tag {flex: 0.9; position: absolute;left:1px;z-index: 5;width:14%;margin-top: -20px; }  

	@media screen and (min-width:768px){  

		.Area03  .Area_coupon{position: relative;margin:0px auto 32px;}	  
  		/*登記小標*/
		.A00_act { margin: 0; }
		.A00_act .Area_danji { margin: 0; flex: 8; }


		}

		@media screen and (max-width: 767px) {
	  
		.Area03  .Area_coupon{position: relative;margin:0vw auto 3vw;width: 97%;}	  
		/*登記小標*/
		.A00_act .A00tag {flex: 0.9; position: absolute;left:1vw;z-index: 5;width:14%;margin-top: -2vw;}
		.Area03 .Area_danji{width: 97%;}
		}
	








    /*領券*/
	@media screen and (min-width:768px){  
	.Area05 .Area_title{position: relative;margin:51px auto 14px; width: 960px;}	
	.Area05 .Area_title img{border: 7px solid #999;border-radius:35px 35px  0 0;padding: 20px 0px;background-color: rgba(128, 128, 128, 0);border-bottom:none}
	.Area05  .Area_coupon{position: relative;margin:0px auto 32px;}	  

	}

	@media screen and (max-width: 767px) {
	.Area05  .Area_title{position: relative;margin:7vw auto 6vw;width: auto;}	 
	.Area05  .Area_title img{border: 1vw solid #999;border-radius:3vw 3vw  0 0;padding: 2vw 0vw;background-color: rgba(128, 128, 128, 0);border-bottom:none;width: 90%;}	 
	.Area05  .Area_coupon{position: relative;margin:0vw auto 3vw;width: 97%;}	  
	}



    /*錨點頁籤*/
@media screen and (min-width:768px){ 
	.NavArea_tabbar_page2 { margin: 0 auto 20px ; width: 94%; display: block ; text-align: center; }
  }
  @media screen and (max-width:767px){
	.NavArea_tabbar_page2 { margin: 5vw auto 3vw ; width: 94%; }
  } 
  /*頁籤高亮顏色設定 */ 
  .NavArea[data-light="box"].NavArea_tabbar_page .Nav .cate-hover i { border: 1px solid #f14fc9 !important; background-color: #f14fc9 !important; }
  .NavArea_tabbar_page2 .Nav_box { border-radius: 8px;  }
  .NavArea_tabbar_page2 .Nav li { overflow: visible; }



.Area_bottom{margin-bottom: 40px;}

.Area_bg{background:url(Area00_bg.png?t=1756977079774) no-repeat; background-size: 100% ;padding-bottom: 12px;margin-top: 80px;margin-bottom: 40px;}


@media screen and (max-width:767px){
	.Area_bottom{margin-bottom: 7vw;}
	.Area_bg{background:url(mArea00_bg.png?t=1756977079774) no-repeat;background-size: 100% ;padding-bottom: 15vw;margin-top: 10vw;margin-bottom: 7vw;}
	.Area08 {background-color: #2e3268; border-radius: 20px;margin-bottom: 20px;padding: 0 2vw 2vw;}
}


.Area06 .PD_layout[data-pd-h3="5"]{width: 95%;}


.Area07 .PD_layout[data-pd-col-pc="4"]{width: 95%;}
.Area07 .PD_layout[data-pd-h3="5"]{width: 95%;}



/*Area_page*/
.Area_page h3 { color: #fff; margin: 0; padding: 0}
  @media screen and (min-width:768px){ 
    .Area_page { overflow: hidden; /*background-color: #555;*/; border-radius: 20px } 
    .Area_page h3 { color: #fff; margin: 0 auto 20px; padding: 0}
    .Area_page .PD_layout { width: 96%}
  }
  @media screen and (max-width:767px){
    .Area_page { width: 100%; overflow: hidden; /*background-color: #555; */ border-radius: 1em } 
    .Area_page h3 { color: #fff; margin: 0 auto 2vw; padding: 0}
  }


.Area09 .PD_layout[data-pd-col-pc="3"] ul{gap: 8px;}
.Area09 .PD_layout[data-pd-col-pc="3"] .PD_into{padding: .5em 1em;}

@media screen and (max-width:767px){
	.Area09 {padding-bottom: 2vw;margin-bottom: 4vw;}
	.Area09 .PD_layout[data-pd-col-pc="3"] ul{gap: 0;padding: 0 0 0}
	.Area09 .PD_layout[data-pd-col-pc="3"] .PD_into{padding: .5em 1em;}
	
}



/*黏人精*/
.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: 214px; 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;}
}





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