@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:#151412; text-align:left; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img {border: 0px;vertical-align:top;}
.WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent}
/*預設清單樣式*/
.Area .list_00 ul {display:inline-block; margin:0; padding:0;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
	@media screen and (max-width:767px){
		.WRAPPER { padding-bottom:30px; min-width: inherit; min-height:100vh; overflow: hidden;}
		.WRAPPER img {  width:100%;  height:auto;}
	}

/*背景*/
@media screen and (min-width:768px){
.bg_00 { z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_01 { z-index:-51; position:absolute;top:0;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_02 { z-index:-55; position:absolute;top:0;left:0; width:100%; height:100%; background-repeat:repeat-y; background-position:center top; pointer-events:none;}
.bg_deco { z-index:-54;position:fixed;top:0; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear; pointer-events:none;}
}
@media screen and (max-width: 767px){
.bg_01 { z-index:-52;position:absolute;top:0;left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;background-size:100%;}
.bg_02 { z-index:-51;position:absolute;bottom:0;left:0; width:100%; height:25vw; background-repeat:repeat-y; background-position: center bottom; pointer-events:none;background-size:100%;mix-blend-mode: screen;}

}


/*區塊底*/
@media screen and (min-width:768px){
.Area_bottom01 {background:url(pc_bottom01.png?t=1750240160414)top center no-repeat;background-size:95%;padding-top:80px;margin-bottom:50px;}
}
@media screen and (max-width: 767px){
.Area_bottom01 {background:url(m_bottom01.png?t=1750240160414)top center no-repeat;background-size:100%;padding-top:15vw}


}
	





/*版頭區*/
@media screen and (min-width:768px){
.Area_title {height:850px;}
.top  {position:absolute;top: 310px;left: 0;pointer-events:none;z-index:0}	
.top_deco  {position:absolute;top:629px;left: 480px;pointer-events:none;z-index:1}	
.top_deco02  {position:absolute;top:0;left:700px;pointer-events:none;z-index:1;transform: rotate(351deg);}	
}
@media screen and (max-width: 767px){
.Area_title {height:100%;}
.mo_topbg  {position:absolute;width:100%;top:0;left:0;pointer-events:none;}	
.m_top  {position:relative;width:100%;top:0;left:0;pointer-events:none;z-index:1;}	
.top_deco  {position:absolute;width: 60%;pointer-events:none;top: 79vw;z-index: 1;left: 35vw;}	
.top_deco02  {position:absolute;width: 39%;pointer-events:none;top: -4vw;z-index: 2;left: 69vw;}	
}
		

/*版頭::主標入稿*/
@media screen and (min-width:768px){
.Area_title .subtitle {position:absolute;width: 35%;top: 66px;left: 97px;}
.Area_title .subtitle .light{position:absolute;top: 66px;left: 97px;mix-blend-mode:screen}
.Area_title .subtitle .layout_title00 {position:absolute;top: -90px;left: 257px;}
	
/*副標輪播*/	
.Area_title .subtitle .layout_title02 {position:absolute;width: 78%;top: 363px;left: 42px;z-index:5;overflow:hidden;height: 152px;} 
.Area_title .subtitle .layout_title02 .PD_layout {} 
.Area_title .subtitle .layout_title02 .PD_layout ul {display:flex;margin:0;padding:0;grid-gap:0;height: 75px;}
.Area_title .subtitle .layout_title02 .PD_layout ul li {}
.Area_title .subtitle .layout_title02 .PD_layout ul li .PD_img img {width:100%;margin:0 auto;}

	
}
@media screen and (max-width:767px){
.Area_title .subtitle {position:absolute;width: 100%;height:auto;top: 2vw;left: 4vw;z-index:2}
		
/*主標副標*/	
.Area_title .subtitle .layout_title {width: 43%;left: 3vw;position: absolute;top: 10vw;}
.Area_title .subtitle .layout_title ul {}
	
/*副標輪播*/	
.Area_title .subtitle .layout_title02 {width: 42%;position:absolute;top: 50vw;left: 3vw;overflow:hidden;animation-delay:.5s;height: 17vw;}
.Area_title .subtitle .layout_title02 .PD_layout {} 
.Area_title .subtitle .layout_title02 .PD_layout ul {display:flex;margin:0;padding:0;grid-gap:0;height:10vw;}
.Area_title .subtitle .layout_title02 .PD_layout ul li {}
.Area_title .subtitle .layout_title02 .PD_layout ul li .PD_img img {width:100%;}

	
}



/*版頭品公版輪播*/
@media screen and (min-width:768px){
.Area_title .topPD  {width: 60%;position:absolute;top:350px;left: 526px;overflow: hidden;}
.Area_title .topPD .layout_PD {width:80%;}
.Area_title .topPD .layout_PD ul {display:flex;margin:0;padding:0;grid-gap:0;}
.Area_title .topPD .layout_PD ul li {margin:0;padding:0;grid-gap:0}	
.Area_title .topPD .layout_PD ul li:hover {box-shadow: none; }	
.Area_title .topPD .swipwe_remove_box_style ul li {background-color:#FFFFFF;}	
.Area_title .topPD .layout_PD .swiper-pagination {top:0;position:relative;}
}
@media screen and (max-width:767px){
.Area_title .topPD  {position:absolute;width: 49%;top: 21vw;left: 51vw;overflow: hidden;}
.Area_title .topPD .layout_PD {width:90%;margin:0 auto}
.Area_title .topPD .layout_PD ul {display:flex;margin:0;padding:0;grid-gap:0;height: 68vw;}
.Area_title .topPD .layout_PD ul li {margin:0;padding:0;grid-gap:0}	
.Area_title .topPD .layout_PD ul li:hover {box-shadow: none; }	
.Area_title .topPD .swipwe_remove_box_style ul li {background-color:#FFFFFF!important;}	
.Area_title .topPD .layout_PD .swiper-pagination {top:0;position:relative;}
}	


/*錨點*/
@media screen and (min-width:768px){
.Area_move {height:100%;}
/*公版*/		
.Area_move .layout_PD {position: relative;top:45px;left: 135px;width: 70%;padding-bottom:68px;}
.Area_move .layout_PD ul {width: 100%!important;margin:0 auto!important;}
.Area_move .layout_PD ul li {}
.Area_move .layout_PD ul li .PD_img img {width:75%;margin:0 auto;}
}
@media screen and (max-width:767px){
.Area_move {height:100%;background:url(mo_move_bg.jpg?t=1750240160414)top center no-repeat;background-size:100%;}

/*公版*/		
.Area_move .layout_PD {width: 72%;margin-left: 27vw;padding: 2vw 0;}
.Area_move .layout_PD ul {}
.Area_move .layout_PD ul li {}
.Area_move .layout_PD ul li:hover {box-shadow: none; }
.Area_move .layout_PD ul li .PD_img img {width: 90%;margin:0 auto;}
}


/*鋪底按鈕*/
@media screen and (min-width:768px){
.Area_btn {height:100%;}
.Area_btn .bg {z-index:-51; position:absolute;top:0;left:-390px;width:2000px; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
	
.Area_btn .PD_layout {width:62%;margin: 0 0 0 289px;padding: 10px 0 0 0;}
.Area_btn .PD_layout {}
.Area_btn .PD_layout ul {}
.Area_btn .PD_layout ul li {}	
}
@media screen and (max-width:767px){
.Area_btn {height:100%;background:url(mo_btn_bg.jpg?t=1750240160414)top center no-repeat;background-size:100%;}
.Area_btn .PD_layout {width: 80%;margin-left: 20vw;padding-top: 1vw;}
.Area_btn .PD_layout ul {}
.Area_btn .PD_layout ul li {}
}

.bg {position:relative;top:0;left:0;width:100%;background-repeat:no-repeat; background-position: center top; pointer-events:none;}


/*今日限搶*/
@media screen and (min-width:768px){
.Area_limited  {height:100%;}
/**區標**/	
.Area_limited .text {position:relative;background:url(pc_limited_bg.png?t=1750240160414)top center no-repeat;background-size:100%;padding-bottom:50px}
.Area_limited .text .layout_text {width:80%;margin:0 auto;}
.Area_limited .text .layout_text ul {margin:0;padding:0;}
.Area_limited .text .layout_text .PD_slide:hover{transform:none;}
.Area_limited .text .layout_text .PD a {pointer-events: none!important}

/** 倒數 **/
.TimerNick {position:absolute;left: 470px;top: 178px;display:inline-block;height:51px;text-align:right;z-index:1;}
.TimerNick .FontStyle {display:inline-block;margin: 0 71px 0 0;padding:0;border:0px;font:bold 30px/32px Arial;color:#dfcaaa;letter-spacing:-1px;text-align:right;background:transparent;}
.TimerNick span { padding-left:2px; font: bold 27px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #000;}
	
/**公版**/	
.Area_limited .layout_PD {background:url(mo_ul_bg01.png?t=1750240160414)top center repeat-y;background-size:100%;}
.Area_limited .layout_PD ul {width:90%!important;margin:0 auto!important;}
.Area_limited .layout_PD ul li {}
.Area_limited .layout_PD ul li:hover {box-shadow: none; }	
.Area_limited .bg {position:relative;top:0;left:0;width:100%;height:100px; background-repeat:no-repeat; background-position: center top; pointer-events:none;}	
}
@media screen and (max-width:767px){
.Area_limited  {height:100%;}
	
/**區標**/	
.Area_limited .text {position:relative;background:url(mo_limited_bg.png?t=1750240160414)top center no-repeat;background-size:100%;padding-bottom: 4vw;}
.Area_limited .text .layout_text {width:100%;margin:0;}
.Area_limited .text .layout_text ul {margin:0;padding:0;}
.Area_limited .text .layout_text .PD_slide:hover{transform:none;}
.Area_limited .text .layout_text .PD a {pointer-events: none!important}
	
/** 倒數 **/
.TimerNick {position:absolute;left: 35vw;top: 12.5vw;display:inline-block;height:51px;text-align:right;z-index:1;}
.TimerNick .FontStyle {display:inline-block;margin: 0 9vw 0 0;padding:0;border:0px;font: bold 16px/32px Arial;color:#dfcaaa;letter-spacing:-1px;text-align:right;background:transparent;}
.TimerNick span { padding-left:2px; font: bold 27px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #000;}
	
/**公版**/	
.Area_limited .layout_PD {background:url(mo_ul_bg01.png?t=1750240160414)top center repeat-y;background-size:100%;}
.Area_limited .layout_PD ul {width:96%!important;margin:0 auto!important;}
.Area_limited .layout_PD ul li {}
.Area_limited .layout_PD ul li:hover {box-shadow: none; }
.Area_limited .Area_bottom {background-size:100%;margin-bottom:5vw}	
	
}



/*一日超強牌*/
@media screen and (min-width:768px){
.Area_hot  {height:100%;}
/**區標**/	
.Area_hot .text {position:relative;background:url(pc_top_bg.png?t=1750240160414)top center no-repeat;background-size:100%;}
.Area_hot .text .layout_text {width:80%;margin:0 auto;}
.Area_hot .text .layout_text ul {margin:0;padding:0;}
.Area_hot .text .layout_text .PD_slide:hover{transform:none;}
.Area_hot .text .layout_text .PD a {pointer-events: none!important}

/**公版**/	
.Area_hot .layout_PD {background:url(pc_ul.png?t=1750240160414)top center repeat-y;background-size:100%;}
.Area_hot .layout_PD ul {width: 94%!important;margin:0 auto!important;padding: 0!important;margin-bottom:150px}
.Area_hot .layout_PD ul li {}
.Area_hot .layout_PD ul li:hover {box-shadow: none; }
.Area_hot .Area_bottom {margin-bottom:50px}			
}
@media screen and (max-width:767px){
.Area_hot  {height:100%;}
	
/**區標**/	
.Area_hot .text {position:relative;background:url(mo_hot_bg.png?t=1750240160414)top center no-repeat;background-size:100%;}
.Area_hot .text .layout_text {width:100%;margin:0;}
.Area_hot .text .layout_text ul {margin:0;padding:0;}
.Area_hot .text .layout_text .PD_slide:hover{transform:none;}
.Area_hot .text .layout_text .PD a {pointer-events: none!important}

/**公版**/	
.Area_hot .layout_PD {background:url(mo_ul_bg01.png?t=1750240160414)top center repeat-y;background-size:100%;}
.Area_hot .layout_PD ul {width:96%!important;margin:0 auto!important;}
.Area_hot .layout_PD ul li {}
.Area_hot .layout_PD ul li:hover {box-shadow:none;}	
.Area_hot .Area_bottom {background-size:100%;}	
}


/*攻略活動*/
@media screen and (min-width: 768px){
.Area_activ {height:100%;}

.Area_activ .box {position:relative;}
.Area_activ .box .bg { z-index:-51; position:absolute;top:0;left:-390px; width:2000px; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.Area_activ .box:nth-child(3) .bg { z-index:-52; position:absolute;top:0;left:-390px; width:2000px; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.Area_activ .box:nth-child(4) .bg { z-index:-52; position:absolute;top:0;left:-390px; width:2000px; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
	
	
/**區標**/	
.Area_activ .box {position:relative;}
.Area_activ .box .layout_text {width:90%;margin: 0 auto;padding-top:0;}
.Area_activ .box:nth-child(2) .layout_text {width:90%;margin: 0 auto;padding-top:50px;}
.Area_activ .box .layout_text ul {margin:0;padding:0;}
.Area_activ .box .layout_text .PD_slide:hover{transform:none;}
.Area_activ .box .layout_text .PD a {pointer-events: none!important}
	
		
/*攻略1公版*/		
.Area_activ .box .layout_activ01 {width:74%;margin:0 auto;}
.Area_activ .box .layout_activ01 ul {}
.Area_activ .box .layout_activ01 ul li {}
.Area_activ .box .layout_activ01 ul li:hover {box-shadow: none; }
.Area_activ .box .layout_activ01 ul li .PD_img img {width:90%;margin:0;}	
	
/*攻略2公版*/		
.Area_activ .box .layout_category {width:80%;margin:0 auto;}
.Area_activ .box .layout_category ul {}
.Area_activ .box .layout_category ul li {}
.Area_activ .box .layout_category ul li:hover {box-shadow: none; }
.Area_activ .box .layout_category ul li .PD_img img {width:100%;margin:0;}	
	
	
/*攻略3公版*/		
.Area_activ .box .layout_sale {width:80%;margin:0 auto;padding-bottom:50px}
.Area_activ .box .layout_sale ul {}
.Area_activ .box .layout_sale ul li {}
.Area_activ .box .layout_sale ul li:hover {box-shadow: none; }
.Area_activ .box .layout_sale ul li .PD_img img {width:100%;margin:0;}	
	
	
	
	
}
@media screen and (max-width:767px){
.Area_activ {height:100%;}
.Area_activ .deco {position:absolute;width:5%;left:.5vw;top:48vw;z-index: 5;pointer-events: none;}
	
.Area_activ .box {position:relative;}
.Area_activ .box:nth-child(2) {position:relative;background:url(mo_activ_bg01.jpg?t=1750240160414)top center repeat-y;background-size:100%;}	
.Area_activ .box:nth-child(3) {position:relative;background:url(mo_activ_bg02.jpg?t=1750240160414)top center repeat-y;background-size:100%;}	
.Area_activ .box:nth-child(4) {position:relative;background:url(mo_activ_bg02.jpg?t=1750240160414)top center repeat-y;background-size:100%;}	
.Area_activ .box .bg {position:absolute;}
	
/**區標**/	
.Area_activ .box:nth-child(2) .layout_text {width:100%;/* margin-left: 7vw; */padding-top: 8vw;}
.Area_activ .box:nth-child(3) .layout_text {width:100%;margin-left: 7vw;padding-top:0;}
.Area_activ .box:nth-child(4) .layout_text {width:100%;margin-left: 7vw;padding-top:0;}
.Area_activ .box .layout_text ul {margin:0;padding:0;}
.Area_activ .box .layout_text .PD_slide:hover{transform:none;}
.Area_activ .box .layout_text .PD a {pointer-events: none!important}
	
/*攻略1公版*/		
.Area_activ .box .layout_activ01 {width:90%;/* margin-left: 9vw; */padding-top: 0;}
.Area_activ .box .layout_activ01 ul {}
.Area_activ .box .layout_activ01 ul li {}
.Area_activ .box .layout_activ01 ul li:hover {box-shadow: none; }
.Area_activ .box .layout_activ01 ul li .PD_img img {width:100%;margin:0;}	
	
/*攻略2公版*/		
.Area_activ .box .layout_category {width:90%;margin-left: 9vw;padding-top: 0}
.Area_activ .box .layout_category ul {}
.Area_activ .box .layout_category ul li {}
.Area_activ .box .layout_category ul li:hover {box-shadow: none; }
.Area_activ .box .layout_category ul li .PD_img img {width:100%;margin:0;}	
	
	
/*攻略3公版*/		
.Area_activ .box .layout_sale {width: 85%;/* margin-left:9vw; */padding-bottom:5vw}
.Area_activ .box .layout_sale ul {}
.Area_activ .box .layout_sale ul li {}
.Area_activ .box .layout_sale ul li:hover {box-shadow: none; }
.Area_activ .box .layout_sale ul li .PD_img img {width:100%;margin:0;}	
	
	
	
	
	
}


/*折價券*/
@media screen and (min-width:768px){
.Area_coupon  {height:100%;}
.Area_coupon .bg01 { z-index:-51; position:absolute;top:0;left:-390px; width:2000px; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.Area_coupon .bg02 { z-index:-52; position:absolute;top:0;left:-390px; width:2000px; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
	
/**區標**/	
.Area_coupon .text {position:relative;}
.Area_coupon .text .layout_text {width:95%;margin:0 auto;padding:0;}
.Area_coupon .text .layout_text ul {margin:0;padding:0;}
.Area_coupon .text .layout_text .PD_slide:hover{transform:none;}
.Area_coupon .text .layout_text .PD a {pointer-events: none!important}


/**公版**/	
.Area_coupon .js-Area_coupon {width:80%;margin:0 auto;padding-bottom:20px}
.Area_coupon .js-Area_coupon ul {}
.Area_coupon .js-Area_coupon ul li {}
.Area_coupon .js-Area_coupon ul li:hover {box-shadow: none; }
.Area_coupon .js-Area_coupon ul li .PD_img img {width:100%;margin:0;}
	
}
@media screen and (max-width:767px){
.Area_coupon  {height:100%;}	
/**區標**/	
.Area_coupon .text {position:relative;background:url(mo_coupon_bg.jpg?t=1750240160414)top center no-repeat;background-size:100%;}
.Area_coupon .text .layout_text {width:100%;margin:0;padding:0;}
.Area_coupon .text .layout_text ul {margin:0;padding:0;}
.Area_coupon .text .layout_text .PD_slide:hover{transform:none;}
.Area_coupon .text .layout_text .PD a {pointer-events: none!important}
	
/**公版**/	
.Area_coupon .js-Area_coupon {background:url(mo_ul_bg02.jpg?t=1750240160414)top center repeat-y;background-size:100%;}
.Area_coupon .js-Area_coupon ul {width:94%!important;margin:0 auto!important;padding-bottom:2vw!important}
.Area_coupon .js-Area_coupon ul li {}
.Area_coupon .js-Area_coupon ul li:hover {box-shadow: none; }
.Area_coupon .js-Area_coupon ul li .PD_img img {width:100%;margin:0;}
	
}


/*一日補貼價*/
@media screen and (min-width: 768px){
.Area_add  {height:100%;}
.Area_add .bg { z-index:-52;position:absolute;top:0;left:-390px; width:2000px; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
	
/**區標**/	
.Area_add .text {position:relative;}
.Area_add .text .layout_text {width:95%;margin:0 auto;padding:0;}
.Area_add .text .layout_text ul {margin:0;padding:0;}
.Area_add .text .layout_text .PD_slide:hover{transform:none;}
.Area_add .text .layout_text .PD a {pointer-events: none!important}

/**公版**/	
.Area_add .layout_PD {
    width: 86%;
}
.Area_add .layout_PD ul {width: 60%!important;margin:0 auto!important;}
.Area_add .layout_PD ul li {}
.Area_add .layout_PD ul li a {color:#fff;}	
.Area_add .layout_PD ul li:hover {box-shadow:none;}	
.Area_add .layout_PD ul li .PD_img {border-radius:50%;background-color:#FFFFFF; overflow: hidden}	
.Area_add .layout_PD ul li .PD_into {padding-top:3vw}	
.Area_add .layout_PD ul li .PD p {color:#d3a979;}	
.Area_add .layout_PD ul li .PD p del {color:#c9c9c9;}	


	
}
@media screen and (max-width:767px){
.Area_add  {height:100%;}
	
/**區標**/	
.Area_add .text {position:relative;background:url(mo_ul_bg02.jpg?t=1750240160414)top center repeat-y;background-size:100%;}
.Area_add .text .layout_text {width:98%;margin:0 auto;}
.Area_add .text .layout_text ul {margin:0;padding:0;}
.Area_add .text .layout_text .PD_slide:hover{transform:none;}
.Area_add .text .layout_text .PD a {pointer-events: none!important}

/**公版**/	
.Area_add .layout_PD {background:url(mo_ul_bg02.jpg?t=1750240160414)top center repeat-y;background-size:100%;}
.Area_add .layout_PD ul {width:94%!important;margin:0 auto!important;padding-top: 4vw!important;}
.Area_add .layout_PD ul li {}
.Area_add .layout_PD ul li a {color:#fff;}
.Area_add .layout_PD ul li:hover {box-shadow:none;}	
.Area_add .layout_PD ul li .PD_img {border-radius:10em;background-color:#FFFFFF; overflow: hidden}	
.Area_add .layout_PD ul li .PD_into {padding-top:3vw}	
.Area_add .layout_PD ul li .PD p {color:#d3a979;}	
.Area_add .layout_PD ul li .PD p del {color:#c9c9c9;}	
	
			
}


/*一日補貼價*/
@media screen and (min-width: 768px){
  .Area_add02  {height:100%;}
  .Area_add02 .bg { z-index:-52;position:absolute;top:0;left:-390px; width:2000px; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
    
  /**區標**/	
  .Area_add02 .text {position:relative;}
  .Area_add02 .text .layout_text {width:95%;margin:0 auto;padding:0;}
  .Area_add02 .text .layout_text ul {margin:0;padding:0;}
  .Area_add02 .text .layout_text .PD_slide:hover{transform:none;}
  .Area_add02 .text .layout_text .PD a {pointer-events: none!important}
  
  /**公版**/	
  .Area_add02 .layout_PD {
      width: 100%;
  }
  .Area_add02 .layout_PD ul {width: 60%!important;margin:0 auto!important;}
  .Area_add02 .layout_PD ul li {}
  .Area_add02 .layout_PD ul li a {color:#fff;}	
  .Area_add02 .layout_PD ul li:hover {box-shadow:none;}	
  .Area_add02 .layout_PD ul li .PD_img {border-radius:50%;background-color:#FFFFFF; overflow: hidden}	
  .Area_add02 .layout_PD ul li .PD_into {padding-top:3vw}	
  .Area_add02 .layout_PD ul li .PD p {color:#d3a979;}	
  .Area_add02 .layout_PD ul li .PD p del {color:#c9c9c9;}	
  
  
    
  }
  @media screen and (max-width:767px){
  .Area_add02  {height:100%;}
    
  /**區標**/	
  .Area_add02 .text {position:relative;background:url(mo_ul_bg02.jpg?t=1750240160414)top center repeat-y;background-size:100%;}
  .Area_add02 .text .layout_text {width:98%;margin:0 auto;}
  .Area_add02 .text .layout_text ul {margin:0;padding:0;}
  .Area_add02 .text .layout_text .PD_slide:hover{transform:none;}
  .Area_add02 .text .layout_text .PD a {pointer-events: none!important}
  
  /**公版**/	
  .Area_add02 .layout_PD {background:url(mo_ul_bg02.jpg?t=1750240160414)top center repeat-y;background-size:100%;}
  .Area_add02 .layout_PD ul {width:94%!important;margin:0 auto!important;padding-top: 4vw!important;}
  .Area_add02 .layout_PD ul li {}
  .Area_add02 .layout_PD ul li a {color:#fff;}
  .Area_add02 .layout_PD ul li:hover {box-shadow:none;}	
  .Area_add02 .layout_PD ul li .PD_img {border-radius:10em;background-color:#FFFFFF; overflow: hidden}	
  .Area_add02 .layout_PD ul li .PD_into {padding-top:3vw}	
  .Area_add02 .layout_PD ul li .PD p {color:#d3a979;}	
  .Area_add02 .layout_PD ul li .PD p del {color:#c9c9c9;}	
    
        
  }





/*登記*/
@media screen and (min-width:768px){
.Area_danjiall {height:100%;}
.Area_danjiall .bg01 { z-index:-51; position:absolute;top:0;left:-390px; width:2000px; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.Area_danjiall .bg02 { z-index:-52; position:absolute;top:0;left:-390px; width:2000px; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.Area_danjiall .bg03 { z-index:-52; position:absolute;bottom:-50px;left:-390px; width:2000px; height:100%; background-repeat:no-repeat; background-position: center bottom; pointer-events:none;}

/**區標**/	
.Area_danjiall .text {position:relative;padding-top:150px}
.Area_danjiall .text .layout_text {width:80%;margin:0 auto;padding:0;}
.Area_danjiall .text .layout_text ul {margin:0;padding:0;}
.Area_danjiall .text .layout_text .PD_slide:hover{transform:none;}
.Area_danjiall .text .layout_text .PD a {pointer-events: none!important}

	
.Area_danji {width:100%;}
.Area_danji .danji_box {width:100%;margin:0 auto;}
.Area_danjiall .warningTxt {margin-bottom:0;}
.Area_danjiall .warningTxt h3 {color: #000000;}
	
}	
@media screen and (max-width:767px){
.Area_danjiall {height:100%;}
	
/**區標**/	
.Area_danjiall .text {position:relative;background:url(mo_danji_bg.jpg?t=1750240160414)top center repeat-y;background-size:100%;}
.Area_danjiall .text .layout_text {width:100%;margin:0;padding:0;}
.Area_danjiall .text .layout_text ul {margin:0;padding:0;}
.Area_danjiall .text .layout_text .PD_slide:hover{transform:none;}
.Area_danjiall .text .layout_text .PD a {pointer-events: none!important}
	
.Area_danjiall .Area_danji {background:url(mo_danji_bg.jpg?t=1750240160414)top center repeat-y;background-size:100%;}
.Area_danjiall .Area_danji .danji_box {width:96%!important;margin:0 auto!important}
.Area_danjiall .Area_danji .danji_box .box_1 {}
.Area_danjiall .warningTxt {background:url(mo_danji_bg.jpg?t=1750240160414)top center repeat-y;background-size:100%;}
.Area_danjiall .warningTxt h3 {color:#000000;}
	
/**適用商品按鈕**/	
.Area_danjiall .PD_layout-btn {background:url(mo_danji_bg.jpg?t=1750240160414)top center repeat-y;background-size:100%;}	
.Area_danjiall .deco {position:absolute;width:50%;bottom: -9vw;left: 71vw;z-index: 5;pointer-events: none;}	
}


/*頁籤:年終好物 */
@media screen and (min-width:768px){
.Area_end {height:100%;}
	
/**區標**/	
.Area_end .text {position:relative;background:url(pc_top_bg.png?t=1750240160414)top center no-repeat;background-size:100%;}
.Area_end .text .layout_text {width:80%;margin:0 auto;}
.Area_end .text .layout_text ul {margin:0;padding:0;}
.Area_end .text .layout_text .PD_slide:hover{transform:none;}
.Area_end .text .layout_text .PD a {pointer-events: none!important}
	
/*頁籤*/	
.Area_end .NavArea {display:block!important;}		
.Area_end .Nav_box {margin-bottom:2vw}		
.Area_end .tab_swiper {overflow-y:visible!important}		
.Area_end .NavArea_tabbar_page {}		
.Area_end .content_swiper {width:95%;margin:0 auto;overflow:hidden;}
	
/*公版區*/		
.Area_end .box {background:url(pc_ul.png?t=1750240160414)top center repeat-y;background-size:100%;}
.Area_end .box .layout_PD {width: 94%!important;margin:0 auto!important;padding: 0!important;}
.Area_end .box .layout_PD ul {}
.Area_end .box .layout_PD ul li {}	
.Area_end .box .layout_PD ul li:hover {box-shadow: none; }	
.Area_end .Area_bottom {margin-bottom:50px}			
	
	
	
}
@media screen and (max-width:767px){
.Area_end {height:100%;}
	
/**區標**/	
.Area_end .text {position:relative;}
.Area_end .text .layout_text {}
.Area_end .text .layout_text .PD a {pointer-events: none!important}
/*頁籤*/	
.Area_end .Nav_box {margin-bottom:2vw}		
.Area_end .tab_swiper {overflow-y:visible!important}		
.Area_end .NavArea_tabbar_page .Nav ul {left:-9vw!important}
.Area_end .NavArea .Nav li {width:110px!important} 
.Area_end .content_swiper {padding-bottom:5vw}		

/*公版區*/		
.Area_end .box .layout_PD {}
.Area_end .box .layout_PD ul{}
.Area_end .box .layout_PD ul li {}	
.Area_end .box .layout_PD ul li:hover {box-shadow: none; }	
}


/*頁籤:過年搶先買 */
@media screen and (min-width:768px){
.Area_new {height:100%;}
	
/**區標**/	
.Area_new .text {position:relative;background:url(pc_top_bg.png?t=1750240160414)top center no-repeat;background-size:100%;}
.Area_new .text .layout_text {width:80%;margin:0 auto;}
.Area_new .text .layout_text ul {margin:0;padding:0;}
.Area_new .text .layout_text .PD_slide:hover{transform:none;}
.Area_new .text .layout_text .PD a {pointer-events: none!important}
	
	
/*頁籤*/	
.Area_new .NavArea {display:block!important;}		
.Area_new .Nav_box {margin-bottom:2vw}		
.Area_new .tab_swiper {overflow-y:visible!important}		
.Area_new .NavArea_tabbar_page {}		
.Area_new .content_swiper {width:95%;margin:0 auto;overflow:hidden;}		
/*公版區*/		
.Area_new .box {background:url(pc_ul.png?t=1750240160414)top center repeat-y;background-size:100%;}
.Area_new .box .layout_PD {width: 94%!important;margin:0 auto!important;padding: 0!important;}
.Area_new .box .layout_PD ul {}
.Area_new .box .layout_PD ul li {}	
.Area_new .box .layout_PD ul li:hover {box-shadow: none; }	
/**適用商品按鈕**/	
.Area_new .box .PD_layout-btn {}	
.Area_new .box .PD_layout-btn .PD h3 {background:#ad7640;}	
	
.Area_new .Area_bottom {margin-bottom:50px}			
}
@media screen and (max-width:767px){
.Area_end {height:100%;}
	
/**區標**/	
.Area_new .text {position:relative;}
.Area_new .text .layout_text {}
.Area_new .text .layout_text .PD a {pointer-events: none!important}
	
/*頁籤*/	
.Area_new .Nav_box {margin-bottom:2vw}		
.Area_new .tab_swiper {overflow-y:visible!important}		
.Area_new .NavArea_tabbar_page .Nav ul {left:-9vw!important}
.Area_new .NavArea .Nav li {width:110px!important} 
.Area_new .content_swiper {padding-bottom:5vw}	
	
/*公版區*/		
.Area_new .box .layout_PD {}
.Area_new .box .layout_PD ul{}
.Area_new .box .layout_PD ul li {}	
.Area_new .box .layout_PD ul li:hover {box-shadow: none; }	
	
/**適用商品按鈕**/	
.Area_new .box .PD_layout-btn {}	
.Area_new .box .PD_layout-btn .PD h3 {background:#ad7640;}	
	
}

/*品牌(1帶3)*/
@media screen and (min-width:768px){
.Area_brand  {height:100%;}
/**區標**/	
.Area_brand .text {position:relative;}
.Area_brand .text .layout_text {width:85%;margin:0 auto;padding-top:50px;}
.Area_brand .text .layout_text ul {margin:0;padding:0;}
.Area_brand .text .layout_text .PD_slide:hover{transform:none;}
.Area_brand .text .layout_text .PD a {pointer-events: none!important}
	
.Area_brand .b_box {position:relative;display:flex;flex-direction: row;flex-wrap: wrap;}
.Area_brand .box {position:relative;width:50%;}
/**小小標**/		
.Area_brand .layout_tt {}
.Area_brand .layout_tt ul {}
.Area_brand .layout_tt ul li {}
.Area_brand .layout_tt ul li:hover {box-shadow:none;}
/**公版**/	
.Area_brand .layout_PD {width:92%;margin:0 auto;padding-bottom:30px}
.Area_brand .layout_PD ul {}
.Area_brand .layout_PD ul li {}
.Area_brand .layout_PD ul li:hover {box-shadow: none; }
	
}
@media screen and (max-width:767px){
.Area_brand  {height:100%;}	
/**區標**/	
.Area_brand .text {position:relative;background:url(mo_hot_bg.png?t=1750240160414)top center no-repeat;background-size:100%;}
.Area_brand .text .layout_text {width:100%;margin:0;padding:0;}
.Area_brand .text .layout_text ul {margin:0;padding:0;}
.Area_brand .text .layout_text .PD_slide:hover{transform:none;}
.Area_brand .text .layout_text .PD a {pointer-events: none!important}
	
	
.Area_brand .tagstyle {padding-bottom:5vw!important}
	
.Area_brand .box {position: relative;background:url(mo_ul_bg01.png?t=1750240160414)top center repeat-y;background-size:100%;}
/**小小標**/		
.Area_brand .layout_tt {}
.Area_brand .layout_tt ul {}
.Area_brand .layout_tt ul li {}
.Area_brand .layout_tt ul li:hover {box-shadow:none;}
/**公版**/	
.Area_brand .layout_PD {width:96%;margin:0 auto;padding-bottom:5vw}
.Area_brand .layout_PD ul {}
.Area_brand .layout_PD ul li {}
.Area_brand .layout_PD ul li:hover {box-shadow: none; }
	
}


/*bn輪播*/
@media screen and (min-width:768px){
.Area_bn {height:100%;}	
	
.Area_bn .box  {width:95%;margin:0 auto;overflow:hidden}
.Area_bn .box .layout_PD {}
.Area_bn .box .layout_PD ul {display:flex;margin:0;padding:0;grid-gap:0;height:300px;}
.Area_bn .box .layout_PD ul li {margin:0;padding:0;grid-gap:0;}	
.Area_bn .box .layout_PD ul li:hover {box-shadow: none; }	
.Area_bn .box .layout_PD .swiper-pagination {position:relative;top: 0;margin-bottom:50px}
.Area_bn .box .swipwe_remove_box_style ul li,
.Area_bn .box .swipwe_remove_box_style ul li .PD_img img { border-radius:0;}

}
@media screen and (max-width:767px){
.Area_bn {height:100%;}
	
.Area_bn .box  {margin: 5vw 0 10vw 0;}
.Area_bn .box .layout_PD {width:96%!important;margin:0 auto;overflow: hidden;}
.Area_bn .box .layout_PD ul {display:flex;margin:0;padding:0;grid-gap:0;height:42vw;}
.Area_bn .box .layout_PD ul li {margin:0;padding:0;grid-gap:0}	
.Area_bn .box .layout_PD ul li:hover {box-shadow: none; }	
.Area_bn .box .swipwe_remove_box_style ul li {background-color:transparent;}	
.Area_bn .box .layout_PD .swiper-pagination {top:0;position:relative;}
.Area_bn .box .swipwe_remove_box_style ul li,
.Area_bn .box .swipwe_remove_box_style ul li .PD_img img { border-radius:0;}
	
}	


/*下方公版*/
@media screen and (min-width:768px){
.Area_below  {height:100%;}
.Area_below .box {position:relative;background:url(pc_below_bg.png?t=1750240160414)top center no-repeat;background-size:100%;margin-bottom:50px}	
/**區標**/	
.Area_below .box .layout_text {width:70%;margin:0 auto;padding-top:30px}
.Area_below .box .layout_text ul {margin:0;padding:0;}
.Area_below .box .layout_text .PD_slide:hover{transform:none;}
.Area_below .box .layout_text .PD a {pointer-events: none!important}

	
/**公版**/	
.Area_below .box .layout_PD {width:85%;margin:0 auto;padding-bottom:50px;}	
.Area_below .box .layout_PD ul {}	

}
@media screen and (max-width:767px){
.Area_below  {height:100%;}
.Area_below .bg01  {position:absolute;}
.Area_below .bg02  {position:relative;}
.Area_below .deco {position:absolute;width: 46%;top: -6vw;left: 73vw;z-index: 5;pointer-events: none;}	
	
/**錨點**/	
.Area_below .NavArea  {padding: 9vw 0 2vw 0;}
	


.Area_below .box {width:100%;background:url(mo_danji_bg.jpg?t=1750240160414)top center repeat-y;background-size:100%;padding-bottom:5vw;}
	
/**區標**/	
.Area_below .box .layout_text {width:100%;}
.Area_below .box .layout_text ul {margin:0;padding:0;}
.Area_below .box .layout_text .PD_slide:hover{transform:none;}
.Area_below .box .layout_text .PD a {pointer-events: none!important}
	
/**公版**/	
.Area_below .box .layout_PD {width:96%;margin:0 auto;}
.Area_below .box .layout_PD ul {}

	
	
}





/*館icon*/
@media screen and (min-width:768px){
.Area_icon {height:100%;}
/**區標**/	
.Area_icon .text {position:relative;}
.Area_icon .text .layout_text {width:90%;margin:0 auto;}
.Area_icon .text .layout_text ul {margin:0;padding:0;}
.Area_icon .text .layout_text .PD_slide:hover{transform:none;}
.Area_icon .text .layout_text .PD a {pointer-events: none!important}

/**公版**/	
.Area_icon .layout_PD {}
.Area_icon .layout_PD ul {width:85%!important;margin:0 auto!important;}
.Area_icon .layout_PD ul li {}
.Area_icon .layout_PD ul li:nth-child(17) {left:130px}
.Area_icon .layout_PD ul li:nth-child(18) {left:130px}
.Area_icon .layout_PD ul li:nth-child(19) {left:130px}
.Area_icon .layout_PD ul li:nth-child(20) {left:130px}
.Area_icon .layout_PD ul li:nth-child(21) {left:130px}
.Area_icon .layout_PD ul li:nth-child(22) {left:130px}
.Area_icon .layout_PD ul li:hover {box-shadow: none; }
.Area_icon .layout_PD ul li .PD_img img {width: 60%;margin:0 auto;}
.Area_icon .Area_bottom {background:url(pc_bottom03.png?t=1750240160414)top center no-repeat;background-size:100%;padding-top:50px;margin-bottom:50px}			
	
}
@media screen and (max-width:767px){
.Area_icon  {height: 31vw;}
.Area_icon .bg {position: absolute;pointer-events: none;z-index:-1;bottom: 0;/* top: -19vw; */}	
.Area_icon .deco {position:absolute;width:35%;top: -10vw;left: 78vw;z-index: 5;pointer-events: none;}	
	
/**區標**/	
.Area_icon .text {position:relative;}
.Area_icon .text .layout_text {width:100%;margin:0;padding:0;}
.Area_icon .text .layout_text ul {margin:0;padding:0;}
.Area_icon .text .layout_text .PD_slide:hover{transform:none;}
.Area_icon .text .layout_text .PD a {pointer-events: none!important}
	
/**公版**/	
.Area_icon .layout_PD {
    width: 77%;
}
.Area_icon .layout_PD ul {width:95%!important;margin:0 auto!important;padding-top:1vw!important}
.Area_icon .layout_PD ul li {}
.Area_icon .layout_PD ul li:nth-child(21) {left:30vw}
.Area_icon .layout_PD ul li:nth-child(22) {left:30vw}	
.Area_icon .layout_PD ul li:hover {box-shadow: none; }
	
}






















/*移除公版設定*/
.Area .remove_box_style ul {background-color: transparent;grid-gap: 20px;}
.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:transparent;}

.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.2em;}
  .Area .swipwe_remove_box_style ul {}
}
	
/*3品公版間距*/	

.Area .PD_layout-add2cart ul { padding: 20px;}
@media screen and (max-width:767px){
  .Area .PD_layout-add2cart ul { padding: 0.2em 0;}
  .Area .PD_layout-add2cart ul li { padding: 0.2em;}
}

	
	
	
















/*置底*/
.fixbn a {padding-bottom:constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
				    padding-bottom:env(safe-area-inset-bottom);}   /* 兼容 iOS >= 11.2 */ 
.fixbn{position:fixed; background-size:100%;bottom:0; display:block; z-index:10;}
.fixbn ul li{float:left;padding:0;list-style-type:none;width:50vw;}
.fixbn ul li img{width:100%;margin:0 auto;}


.fixbn ul{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
}
/*2顆按鈕*/
.fixbn .class_00 {position:absolute;width:100%; height: 100%; }
.fixbn .class_00 a {display:block;width:100%;height:100%;}
.fixbn .class_01 { top:0%;left:0%;}
.fixbn .class_02 { top:0%;left:34%;}
.fixbn .class_03 { top:0%;left:67%;}






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


	}





	

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