@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; background-color: #450500;}
.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:700px;position: relative;}

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


    .bg{z-index: 0;position:absolute;min-width:1220px;width:100%;height:100%;background:url(bg_01.jpg?t=1764293824989) no-repeat center top;}
	.bg_top01{z-index:0;position:absolute;min-width:1220px;width:100%;height:100%;background:url(bg_top01.png?t=1764293824989) 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=1764293824989) 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=1764293824989) 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=1764293824989) 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=1764293824989) 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=1764293824989) 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=1764293824989) 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=1764293824989) 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=1764293824989) 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=1764293824989) no-repeat center top;z-index:-1;position:relative;height:20vw;pointer-events:none;background-size:100%;bottom:0vw}




/*背景*/
.bgtop_fixed { z-index:0; 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 .title_sub {z-index: 20;position: absolute;top: 508px;left: 183px;width: 420px;height: auto;overflow: hidden;}
.Area_top .title_sub 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 .title_sub ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
.Area_top .title_sub ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}
.Area_top .title_sub .PD_layout .PD img {width: 100%!important;}

@media screen and (max-width:767px){
  .Area_top .title_sub {position: absolute;width: 54%;height: auto;top: 59vw;left: 3vw;overflow: hidden;margin:0 auto ;}
  .Area_top .title_sub .PD_layout .PD img {width: 80%!important;}
}



/*版頭品輪播*/
.Area_top .topPD {z-index: 20;position: absolute;top: 95px;left: 240px;width: 540px;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: 68%;height: auto;top: 22vw;left: 37vw;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 .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:0vw;left:60vw;width:50%;}
.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{z-index: 2;position: absolute;top:68px;left:126px;width: 587px;}	 
.date{z-index:10;position: absolute;top:20px;left:826px;width: 393px;}	
.topPD{z-index: 2;position: absolute;top: 256px;width: 53%;margin: 0 26%;}	
	

	
}

@media screen and (max-width:767px){
	.main_title{position: absolute;top:6vw;left:3vw;width:64%;margin:0}	 
	.date{z-index: 5;position: absolute;top: 2vw;left:62vw;width:48%;}	
	.topPD{z-index: 1;position: absolute;top: 31vw;width: 77%;margin: 0 15%;}	
	
	

 	  
	}
	

/*活動倒數*/
.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=1764293824989) 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=1764293824989) center 100% / 100% no-repeat scroll;}

	}






	@media screen and ( min-width:768px) {
		.feedback {z-index: 2;margin:10px auto 20px;}
		.feedback .btn { width: 90%;}
		}
		@media screen and (max-width:767px){
		  .feedback {margin:0vw auto 5vw;}
		  .feedback .btn { margin:0vw auto 0vw;width: 100%;}
		  .feedback .btn ul { width: 100%;padding:0 ;}
		}


/*登記活動*/
.danji .Area_txt {position: absolute;}
.danji .txt ul li h5 {color: #fff;}
.Area_danji .danji_box ul li .activityText .gifts span { color: #fffc01;} 
@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;}
 
}







.brand_introduction .Area_txt {position: absolute;}
.brand_introduction .txt ul li h5 {color: #fff;}

@media screen and (min-width:768px){
.brand_introduction { height:auto ;margin-bottom:70px!important ;}

.brand_introduction .brand ul { width:1073px  ;margin: -80px auto 0;}

.brand_introduction .txt ul {position: relative;padding: 0;margin: 0;list-style: none;height: 130px;top:0;}
.brand_introduction .txt ul li { background-color: transparent; pointer-events: none;padding: 0;}
.brand_introduction .txt .PD_into {padding: 0;}
.brand_introduction .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){
	.brand_introduction { height:auto ;margin-bottom:0vw!important ;}
  
	.brand_introduction {width: 100%;}
	.brand_introduction .PD_layout ul {padding: 0;margin: 0;}

	.brand_introduction .txt ul {padding: 0;margin: 0;list-style: none;height: 15vw;}
	.brand_introduction .txt ul li { background-color: transparent; pointer-events: none;padding-top: 0;}
	.brand_introduction .txt .PD_into {padding: 0;}
	.brand_introduction .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;}
 
	.brand_introduction .brand { z-index:0 ;height:78vw ; padding-top: 0vw; box-sizing: border-box; margin-top: -8vw;}
}





.featured_product .Area_txt {position: absolute;}
.featured_product .txt ul li h5 {color: #fff;}

@media screen and (min-width:768px){
.featured_product { height:auto ;margin-bottom:50px!important ;}

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



.featured_product .bgbox02 { background: url(bgbox02.png?t=1764293824989)top center repeat-y; padding: 37px 0 1px;padding-top:1px; box-sizing: border-box; margin-top: -74px;}

.featured_product .title02 { padding: 14px 0 19px; background: url(titlebg02.png?t=1764293824989)top center no-repeat; background-size: 100%;}
.featured_product .title02 ul li h5 { color: #fff;}

.featured_product .youtube { height:auto ;margin-bottom:70px!important ;}

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

	.featured_product .txt ul {padding: 0;margin: 0;list-style: none;height: 15vw;}
	.featured_product .txt ul li { background-color: transparent; pointer-events: none;padding-top: 0;}
	.featured_product .txt .PD_into {padding: 0;}
	.featured_product .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;}
 
	.featured_product .bgbox02 { background: url(bgbox02_m.png?t=1764293824989)top center no-repeat;background-size: 100%;height:167vw ; padding-top: 5vw; box-sizing: border-box; margin-top: -8vw;}

	.featured_product .title02 { padding: 2vw 0;}

	.featured_product .youtube { height:auto ;margin-bottom:10vw!important ;}
}


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

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


	



                  
/*Youtube影片浮層css*/
.box_youtube { margin: 0 auto; overflow: hidden }
@media screen and (min-width:768px){
  .box_youtube { width: 940px; border-radius: 20px;margin:0 auto 70px ; }
}
@media screen and (max-width:767px){
  .box_youtube { width: 94%; border-radius: 10px;margin:0 auto 10vw ;}
}

.bigpicture { height: 100%;	width: 100%; position: relative; background-position: center center; background-size: cover; cursor: pointer;}
.bigpicture h3 { position: absolute; left: 5%; bottom: 0; z-index: 1; color: #fff; font-size: 40px }
.bigpicture:before,
.bigpicture:after { z-index: 1; content: ''; position: absolute; left: 0; top: 0; right: 0;	bottom: 0;height: 100%;	width: 100%; transition: opacity 0.2s;}
.bigpicture:after { background-repeat: no-repeat; background-position: center; opacity: 1; background-size: 2em;}
.bigpicture:before { background: linear-gradient(0deg, #000, transparent 40%); opacity: 0.7;}
/*.bigpicture:hover:after { opacity: 0.8; }*/
.bigpicture:hover:before { opacity: 0.5; }
.bigpicture:after { height: 100%; width: 100%;	
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20159.00691%20111.60904%22%3E%3Cpath%20d%3D%22M36.2%20111c-25-1.3-29.6-4-34-18.6C.3%2086.7%200%2080%200%2057.4%200%2019%202.3%209.7%2013.6%204c11.5-5.6%20120-5.6%20131.4%200%206%203%2010%208.7%2011.8%2017.2%202%209.8%203%2042.2%201.5%2057.5-2%2020.4-7%2028.5-19.2%2030.8-7.6%201.5-82%202.4-102.8%201.3zM85%2065.3c11.3-6%2020.4-11%2020.3-11L84%2043%2063%2032v22c0%2012%20.4%2022%20.8%2022%20.3%200%2010-5%2021.2-10.8z%22%20fill%3D%22%23db2823%22%2F%3E%3Cpath%20d%3D%22M63.2%2032c-.4.3-.2%201-.3%201.3v28.5c0%204.6%200%209.2.5%2013.8%200%20.4.3.7.6.5%206.3-3%2012.3-6%2018.4-9.3%207.5-4%2015-7.8%2022.2-12%20.3%200%201-.4.6-.8-12.8-7-25.7-13.5-38.6-20.2-1-.6-2.2-1.3-3.4-1.7z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
  background-size: 4em;
}
.bigpicture img { width: 100%; border-radius: 10px; aspect-ratio: 1.777777;}
@media screen and (max-width:767px) {
  .bigpicture h3 { font-size: 5vw; left: 1.2em;}
}
           





/**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: 100%;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: 45vw;}
	.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: #fff;}

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

	.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: 1vw 8vw 1vw 8vw;border:2px solid #ffffff;box-shadow: 0 0 15px #fff;}

	
	.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: 0px!important;width: 670px;height: 250px;}
.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:0px ;}
.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: 70%;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'    




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