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

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



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


/*Area_txt(有設計的區標PC手機共用)*/
@media screen and (min-width:768px){
	.Area_txt {margin:0 auto 0px!important;width:100% ; }
	.Area_txt img {width: 800px !important;mix-blend-mode: screen; }	  
}
@media screen and (max-width:767px){
		.Area_txt {width:100%!important;margin:0 auto 2vw ; }
	    .Area_txt img {width:100%!important;mix-blend-mode: screen;}
}
	

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


/*版頭*/
.Area_top {height:867px;position: relative;}

	@media screen and (max-width:767px){
		.Area_top {height: 111vw;z-index: 0}
  	
	}


    .bg{z-index:0;position:absolute;min-width:1220px;width:100%;height:100%;background:url(bg_01.jpg?t=1763543604215) no-repeat center top;z-index:-3}
	.bg_top01{z-index:0;position:absolute;min-width:1220px;width:100%;height:100%;background:url(bg_top01.png?t=1763543604215) no-repeat center top;z-index:-1;pointer-events:none}
	.bg_light{z-index:-2;position:absolute;min-width:1220px;width:100%;height:100%;background:url(mo_light.png?t=1763543604215) no-repeat center top;z-index:-2;pointer-events:none}
	.A01{z-index:0;position:absolute;min-width:1220px;width:100%;height:100%;background:url(A01_bg.jpg?t=1763543604215) no-repeat center top;top:27px;z-index:-1}
	
	.store{z-index:0;position:absolute;min-width:1220px;width:100%;height:100%;background:url(bottom_bg.jpg?t=1763543604215) no-repeat center top;bottom:0px;z-index:-1}
	.A01_bg_c{z-index:0;position:absolute;min-width:1220px;width:100%;background:url(A01_bg_c.jpg?t=1763543604215) repeat-y center top;z-index:-1;height:calc(100% - 1745px);pointer-events:none;bottom:0}
	.A01_bg_b{z-index:0;position:absolute;min-width:1220px;width:100%;background:url(A01_bg_b.jpg?t=1763543604215) no-repeat center top;z-index:-1;position:relative;height:800px;pointer-events:none;bottom:0vw;top:-96px}
	.mbg{z-index:0;position:absolute;width:100%;height:100%;background:url(mbg_01.png?t=1763543604215) no-repeat center top;background-size:100%;top:11vw;}


	.mstore{z-index:0;position:absolute;width:100%;height:100%;background:url(mbottom_bg.jpg?t=1763543604215) no-repeat center top;z-index:-1;pointer-events:none;background-size:100%;bottom:0vw}
	.mA01_bg_c{z-index:0;position:absolute;width:100%;background:url(mA01_bg_c.jpg?t=1763543604216) repeat-y center top;z-index:-1;height:calc(100% - 220vw);pointer-events:none;background-size:100%;bottom:0}
	.mA01_bg_b{z-index:0;position:absolute;width:100%;background:url(mA01_bg_b.jpg?t=1763543604216) no-repeat center top;z-index:-1;position:relative;height:20vw;pointer-events:none;background-size:100%;bottom:0vw}




/*背景*/
.bgtop_fixed { z-index:-10; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; pointer-events:none;}

@media screen and ( max-width:767px) {
	.m_bg01 { z-index:-1; position:fixed; top:0; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position:center top; background-size:100%; }	
}

/*版頭品輪播*/
.Area_top .topPD {z-index: 20;position: absolute;top: 366px;left: -7px;width: 600px;height: auto;overflow: hidden;}
.Area_top .topPD ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;height:auto ;}
.Area_top .topPD ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
.Area_top .topPD ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}
.Area_top .topPD .PD_layout .PD img {width: 100%!important;}
.Area_top .PD_layout .swiper-pagination {z-index:999 ;position:relative;margin-top: 0px;}
@media screen and (max-width:767px){
  .Area_top .topPD {position: absolute;width: 100%;height: auto;top: 47vw;left: 0vw;overflow: hidden;margin:0 auto ;}
  .Area_top .topPD .PD_layout .PD img {width: 80%!important;}
}





/*版頭品*/
@media screen and (min-width:768px){
.Area_top .top_pd {width: 80%;position:absolute; top: 440px;left: 50%; transform: translateX(-50%);height: auto;z-index: 0;}
}
@media screen and (max-width:767px){
		.Area_top .top_pd {width: 100%; top: 48vw; height: auto; z-index:0; margin:0 auto ;}
		.Area_top .top_pd .PD_layout {padding: 0 ; margin: 5vw auto;}
	     }

		 

@media screen and (min-width:768px){
.title_box{margin:5% auto 2%;}	
.PDbox {position: relative;top:380px;left:0px;}
.PDbox .PD_layout ul img{width:53% !important;}

.title_sub  {position:absolute;top: 284px;left:356px;}
.title_sub .sub_box {width:500px;}
.title_sub .sub_box .PD_layout ul img{width:100%;}

}
@media screen and (max-width:767px){
.title_box{margin:3% auto 2%;}	
.PDbox {position: relative;top:47vw;left:-3vw;}
.PDbox .PD_layout ul img{width: 85% !important;padding:1vw 1vw 0 7vw;}


.title_sub  {position:absolute;top:34vw;left:16vw;width:68%;}
.title_sub .sub_box .PD_layout ul img{width:100%;}
}
.title_sub .sub_box ul,
.PDbox .PDbox_swiper ul{display: flex;flex-direction: row;flex-wrap: nowrap;}

  @media screen and (min-width:768px){
.main_title{position: absolute;top:68px;left:126px;width: 957px;}	 
.date{z-index:10;position: absolute;top:48px;left:409px;width: 403px;}	
.topPD{position: absolute;top: 256px;width: 53%;margin: 0 26%;z-index: 1;}	

.sub_bg{position: absolute;top: 322px;width: 36%;margin: 0px 36%;z-index: 1}	
.coming{position: absolute;top: 116px;width: 17%;margin: 0 53%;}
.deco{position: absolute;top:0px;left:0px;position: fixed;margin: 0 auto;min-width:1220px;width: 100%;mix-blend-mode: screen}	
}

@media screen and (max-width:767px){
	.main_title{position: absolute;top:9vw;left:0vw;width:100%;margin:0}	 
	.date{z-index: 5;position: absolute;top: 5vw;left:26vw;width:48%;}	
	.topPD{z-index: 1;position: absolute;top: 31vw;width: 77%;margin: 0 15%;}	
	
	.sub_bg{z-index: 1;position: absolute;top: 40vw;width: 60%;margin: 0 25%;}	
	.coming{position: absolute;top:14.8vw;width:22%;margin: 0 54.8%;}
	.deco{position: absolute;top:18vw;pointer-events: none;mix-blend-mode: screen}	 	  
	}
	

/*活動倒數*/
.TimerNick {position: absolute;top: 890px;left: 340px;display: inline-block;z-index: 8;text-align: center;color: #ffffff;}
.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;-webkit-text-stroke: 0.5px #00ea7b;text-shadow: 0 0 6px #00ea7b;}
.TimerNick span { padding-left: 2px;font: bold 29px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.025em;-webkit-text-stroke: 0.5px #00ea7b;text-shadow: 0 0 6px #00ea7b;}
.time_bg{position: absolute; width: 50%; height: 200px; margin: 0 24%; bottom: 40px; background: url(TimerNick_bg.png?t=1763543604216) center 100% / 100% no-repeat scroll;}
.TimerNick span:nth-child(1) {position:relative;top:13px}
	
@media screen and (max-width:767px){
      .TimerNick  {width: 100%;top:106vw;left:0vw;}
      .TimerNick .FontStyle {margin: 0;padding: 0;border: 0;font: bold 6.7vw/0vw Arial;}
      .TimerNick span {padding-left: 0;font: bold 4.5vw/5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;-webkit-text-stroke: 0.02vw #00ea7b;}
	  .time_bg{position: absolute; width:83%; height:18vw; margin: 0 8%; bottom: 5vw; background: url(TimerNick_bg.png?t=1763543604216) center 100% / 100% no-repeat scroll;}

	}




	  
/* .pc_deco{max-width:2000px;z-index: -1;} */
	  @media screen and (min-width:768px){
	    .Area01 {position: relative;height: 220px;margin-bottom :50px !important; }

	}
	@media screen and (max-width:767px){
		.Area01 {position: relative;height: auto;margin-bottom :10vw !important; }

		

	}











	@media screen and (min-width:768px){
	    .bank {position: relative;height:auto;margin-bottom :50px !important; }
		.bank .PD_layout.act ul,
		.bank .Area_Bn .PD_layout ul{padding:0 ;}
	}
	@media screen and (max-width:767px){
		.bank {position: relative;width:100% ;height: auto;margin-bottom :5vw !important; }
		.bank .PD_layout ul{padding:0 ;}
	}




/*主打品*/
.Area_item .Area_txt {position: absolute;}
.Area_item .txt ul li h5 {color: #ffebc2;}
.Area_item .PD_layout a {color: #ffffff;}
.Area_item .PD_layout .PD p del {color: #a0a0a0;}
.Area_item .layout_PD .PD p {color:#ffcd90;}
.Area_item .layout_PD .PD .PD_btn {background-image: repeating-linear-gradient(45deg, #653f13 -2%, #a77f4c 120%);}	
@media screen and (min-width:768px){
	.Area_item {height:100%;}
		
	/**區標**/	
	.Area_item .text {position:relative;background-size:100%;margin-bottom:30px;}
	.Area_item .text .layout_text {width:70%;margin:0 auto;padding-top:45px;}
	.Area_item .text .layout_text ul {margin:0;padding:0;}
	.Area_item .text .layout_text .PD_slide:hover{transform:none;}
	.Area_item .text .layout_text .PD a {pointer-events: none!important}
		
			
	/*公版*/		
	.Area_item .layout_PD {width:100%;margin:0 auto;}
	.Area_item .layout_PD ul {}
	.Area_item .layout_PD ul li {}
	.Area_item .layout_PD ul li:nth-child(odd)::after  {content:"";display:block;position: absolute;clear:both;width:100%;height:71vw;background:url(item_bg01.png?t=1763543604216)top center no-repeat!important;background-size:100%!important;padding-bottom:0!important;top: 0;z-index: -2;}		
	.Area_item .layout_PD ul li:nth-child(even)::after {content:"";display:block;position: absolute;clear:both;top:20px;left:20px ; width:100%;height:71vw;background:url(item_bg02.png?t=1763543604216)top center no-repeat!important;background-size:100%!important;padding-bottom:0!important;top: 0;z-index: -2;}		
	.Area_item .layout_PD ul li:hover {box-shadow: none; }
	.Area_item .layout_PD ul li .PD .PD_img {position: relative;left: -19px;top:-10px;padding:0 ;}
	.Area_item .layout_PD ul li:nth-child(even) .PD .PD_img {position: relative;left: -266px;top:-10px}
	.Area_item .layout_PD ul li .PD_into {width:48%}
	.Area_item .layout_PD ul li:nth-child(even) .PD_into {position: relative;left: 328px;}
		
	.Area_item .txt ul {position: relative;padding: 0;margin: 0;list-style: none;height: 130px;top:0;}
	.Area_item .txt ul li { background-color: transparent; pointer-events: none;padding: 0;}
	.Area_item .txt .PD_into {padding: 0;}
	.Area_item .txt ul li h5 {position: relative;top:38px;margin: 0;padding: 0;width: 100%;font: 50px/50px "Noto Sans CJK SC";font-weight: 700;text-align: center;overflow: hidden;}
	
	}
	@media screen and (max-width:767px){
	.Area_item	{z-index:1 ;height:100%;margin-bottom:10vw!important ;}
	/**區標**/	
	.Area_item .text {position:relative;background-size:100%;}
	.Area_item .text .layout_text {width:100%;margin:0;padding-top:5vw;}
	.Area_item .text .layout_text ul {margin:0;padding:0;}
	.Area_item .text .layout_text .PD_slide:hover{transform:none;}
	.Area_item .text .layout_text .PD a {pointer-events: none!important}
		
			
	/*公版*/		
	.Area_item .layout_PD {width:95%;margin:0 auto;}
	.Area_item .layout_PD ul {}
	.Area_item .layout_PD ul li {}
	.Area_item .layout_PD ul li:nth-child(odd)::after  {content:"";display:block;position: absolute;clear:both;width:100%;height:71vw;background:url(item_bg01.png?t=1763543604216)top center no-repeat!important;background-size:100%!important;padding-bottom:0!important;top: 0;z-index: -2;mix-blend-mode: screen;}		
	.Area_item .layout_PD ul li:nth-child(even)::after {content:"";display:block;position: absolute;clear:both;width:100%;height:71vw;background:url(item_bg02.png?t=1763543604216)top center no-repeat!important;background-size:100%!important;padding-bottom:0!important;top: 0;z-index: -2;mix-blend-mode: screen;}		
	.Area_item .layout_PD ul li:hover {box-shadow: none; }
	.Area_item .layout_PD ul li .PD .PD_img {padding-top:0!important}
	.Area_item .layout_PD ul li:nth-child(even) .PD .PD_img {position: relative;left:-45vw;}
	.Area_item .layout_PD ul li .PD_into {width:48%}
	.Area_item .layout_PD ul li:nth-child(even) .PD_into {position: relative;left: 47vw;}
	
	.Area_item .txt ul {padding: 0;margin: 0;list-style: none;height: 15vw;}
	.Area_item .txt ul li { background-color: transparent; pointer-events: none;padding-top: 0;}
	.Area_item .txt .PD_into {padding: 0;}
	.Area_item .txt ul li h5 {position: relative;top:3.6vw;margin: 0;padding: 0;width: 100%;font: 7vw/8vw "Noto Sans CJK SC";font-weight: 700;text-align: center;letter-spacing: 0vw;overflow: hidden;}
 	
		
	}
	












/*登記活動*/
.danji .Area_txt {position: absolute;}
.danji .txt ul li h5 {color: #ffebc2;}
.Area_danji .danji_box ul li .activityText .gifts span { color: #a3581b;} 
@media screen and (min-width:768px){
.danji { height:auto ;margin-bottom:70px!important ;}
.danji .danji_box .Area_danji .box_1 { width:80% ;padding: 0;height:auto ;}

.danji .txt ul {position: relative;padding: 0;margin: 0;list-style: none;height: 130px;top:0;}
.danji .txt ul li { background-color: transparent; pointer-events: none;padding: 0;}
.danji .txt .PD_into {padding: 0;}
.danji .txt ul li h5 {position: relative;top:38px;margin: 0;padding: 0;width: 100%;font: 50px/50px "Noto Sans CJK SC";font-weight: 700;text-align: center;overflow: hidden;}

}
@media screen and (max-width:767px){
  .danji { height:auto ;margin-bottom:10vw!important ;}
  .danji .danji_box .Area_danji .box_1 { width:100% ;padding: 0;}
  .Area_danji{width: 96%;}

  .danji .txt ul {padding: 0;margin: 0;list-style: none;height: 15vw;}
  .danji .txt ul li { background-color: transparent; pointer-events: none;padding-top: 0;}
  .danji .txt .PD_into {padding: 0;}
  .danji .txt ul li h5 {position: relative;top:3.6vw;margin: 0;padding: 0;width: 100%;font: 7vw/8vw "Noto Sans CJK SC";font-weight: 700;text-align: center;letter-spacing: 0vw;overflow: hidden;}
 
}




/**bn輪播**/
@media screen and (min-width:768px){
	/** 公版 **/		
	.Area_bn {height:auto ;width: 100%;margin: 100px auto 50px;}	
	
	.Area_bn .box .PD_layout {width: 100%;/* overflow:hidden; */margin-top: 0px;/* margin-left: 18px; */}	
	.Area_bn .box .PD_layout ul {display:flex;height: 400px;}
	.Area_bn .box .PD_layout ul li {}
	.Area_bn .box .swipwe_remove_box_style ul li {background-color:#fff0!important;}

	.Area_bn .box .PD_layout .swiper-pagination {position:relative;margin: 0;}
}
@media screen and (max-width:767px){
	.Area_bn {margin-bottom: 2vw !important;}
	/** 公版 **/	
	.Area_bn .box {padding-bottom: 0;width: 95%;margin: 0vw auto ;padding-top: 0vw;}	
	.Area_bn .box .PD_layout {overflow:hidden;padding-top: 0vw;}	
	.Area_bn .box .PD_layout ul {display:flex;height: 43vw;}
	.Area_bn .box .PD_layout ul li {}
	.Area_bn .box .swipwe_remove_box_style ul li {background-color:#fff0!important;}
		
	.Area_bn .box .PD_layout .swiper-pagination {position:relative;margin: 0vw;}
	/* .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {background-color: #ffffff !important;} */
}




.Area_4pd .box_bg {position: absolute;width:100% ;margin:0 auto ;}
.Area_4pd .Area_txt {position: absolute;}
.Area_4pd .txt ul li h5 {color: #ffebc2;}

@media screen and (min-width:768px){
	.Area_4pd {margin-top:0px;}
	.Area_4pd .box {margin:0px auto 50px;}	
	.Area_4pd .PD_box ul { width: 100%;background-color:#ffffff ;border-radius: 1vw 1vw 5vw 5vw ;border:2px solid #ffffff;box-shadow: 0 0 15px #ffe6b8;}

	.Area_4pd .box_bg img {width:1100px;}

	.Area_4pd .txt ul {position: relative;padding: 0;margin: 0;list-style: none;height: 130px;top:0;}
	.Area_4pd .txt ul li { background-color: transparent; pointer-events: none;padding: 0;}
	.Area_4pd .txt .PD_into {padding: 0;}
	.Area_4pd .txt ul li h5 {position: relative;top:38px;margin: 0;padding: 0;width: 100%;font: 50px/50px "Noto Sans CJK SC";font-weight: 700;text-align: center;overflow: hidden;}

}

@media screen and (max-width:767px){
	.Area_4pd .Area_title{width: 100%;transform: translateX(-6vw);}		
	.Area_4pd {margin-top:10vw;}	
	.Area_4pd .box {margin:3vw auto 5vw;}
	.Area_4pd .PD_box { width: 100%;background-color:#0000 ;border-radius: 0vw 0vw 2vw 2vw ;padding-bottom:3vw ;}
	.Area_4pd .PD_box ul { width: 96%;background-color:#fff ;border-radius: 2vw 2vw 8vw 8vw;border:2px solid #ffffff;box-shadow: 0 0 15px #ffe6b8;}

	
	.Area_4pd .txt ul {padding: 0;margin: 0;list-style: none;height: 15vw;}
	.Area_4pd .txt ul li { background-color: transparent; pointer-events: none;padding-top: 0;}
	.Area_4pd .txt .PD_into {padding: 0;}
	.Area_4pd .txt ul li h5 {position: relative;top:3.6vw;margin: 0;padding: 0;width: 100%;font: 7vw/8vw "Noto Sans CJK SC";font-weight: 700;text-align: center;letter-spacing: 0vw;overflow: hidden;}
  
				
}


/*熱銷愛牌 馬上逛*/
.Area_logo {padding: 0;margin-bottom: 10px!important;width: 1000px;height: 520px;}
.Area_logo .logo.PD_layout {top: 20px;width: 100%;}
.Area_logo .logo.PD_layout .PD_slide {border-radius:0.5em;}
.Area_logo .logo.PD_layout ul li{padding: 0px;margin:-10px ;}
.Area_logo .logo.PD_layout .PD_img{width: 100%;}
@media screen and (max-width:767px){
	  .Area_logo{padding: 0 0 0;margin-bottom: 5vw!important;width: 98%;height: auto;}

    .Area_logo .logo.PD_layout {top: 0vw;margin: 0vw 0vw 0vw 1.5vw;width: 100%;}	
    .Area_logo .logo.PD_layout ul li{padding: 0px;margin: 0 0 2% 0;}
    .Area_logo .logo.PD_layout .PD_img{width: 100%;}	
    .Area_logo .logo.PD_layout ul li{padding: 0%;}
}




    @import'Area_boxstyle'    




/*登記贈品文案顏色*/