@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;background-color:#1c1c1c; width:100%; min-width:1220px; 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;background-image: url(m_bg.jpg?t=1782181862077);background-repeat:repeat-y;background-size:100%;}
		.WRAPPER img {  width:100%;  height:auto;}
	}

/*PC背景*/
.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:-49; 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:877px; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bg_05 { z-index:-49; 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 (min-width:768px){
.pdtxt_deco {position: absolute;width:100%;height: 100%;background: url("pdtxt_deco.png?t=1782181862077") center top / 100% no-repeat scroll;}
}
@media screen and (max-width: 767px){
.pdtxt_deco {position: absolute;width:100%;height: 100%;background: url("m_pdtxt_deco.png?t=1782181862077") center top / 100% no-repeat scroll;}	 
}



/*版頭區*/
@media screen and (min-width:768px){
  .Area_title {height: 779px;}
  .title01 {position: absolute;top: 31px;left: 680px;}
  .title02 {position: absolute;top: 74px;left: 20px;}
  .title03 {position: absolute;top: 404px;left: 77px;animation-delay:.8s;}
  .title04 {position: absolute;top: 498px;left: 110px;animation-delay:.8s;}
  .deco {position: absolute;top: 556px;left: 323px;z-index: 40;}
}
@media screen and (max-width: 767px){
  .Area_title {width:100%;height: 103vw;}
  .title01 {position:absolute;left: 86vw;top: 8vw;width: 8.5%;}
  .title02 {position:absolute;left: 7vw; top: 5vw;  width: 75%;}
  .title03 {position:absolute;left: 8vw;top: 40vw;width: 50%;animation-delay:.8s;}
  .title04 {position:absolute;left: 8vw; top: 50vw; width: 28%;animation-delay:.8s;}
}


.Area_title .sub_box {position: absolute;top: 382px;left: -49px;transform: translateX(-50%);width: 670px;height: 170px;overflow: hidden;}
.Area_title .sub_swiper {position: relative;left: 50%;transform: translateX(-50%);width: 850px;z-index: 1;}
.Area_title .sub_swiper ul.PD_wrapper {display: flex;flex-wrap: nowrap;margin: 0;padding: 0;width: 100%;grid-gap: 0;box-sizing: content-box;}
.Area_title .sub_swiper ul.PD_wrapper li {position: relative;flex-shrink: 0;margin: 0;padding: 0;pointer-events: none;}
.Area_title .sub_swiper ul.PD_wrapper li.PD_slide { min-width: inherit;}
.Area_title .sub_swiper ul.PD_wrapper li.PD_slide:hover { box-shadow: 0 3px 30px rgba(0, 0, 0, 0);}
@media screen and (min-width:768px){
  .Area_title .sub_swiper ul.PD_wrapper li img { width: 60%;}
}
@media screen and (max-width:767px){
  .Area_title .sub_box {width: 50%;height: 18vw;top: 40vw;left: 8vw;}
  .Area_title .sub_swiper {width: 100%;}
  .Area_title .sub_swiper ul.PD_wrapper { height: 53.5vw;}
}


/*版頭輪播品*/
.top_pd {position: absolute;top: 182px;left: 405px;width: 855px;height: 443px;}
.top_pd .Area_swiper .swiper-slide .PD_img img {width:100%;}
.top_pd .Area_swiper ul {margin: 0;padding: 0; display: flex;}
@media screen and (max-width:767px){
  .top_pd  {z-index: 0;position:absolute;top: 25.5vw;left: -2vw;width: 104%;}
  .top_pd .Area_swiper  .swiper-slide .PD_img img {width:100%;}
}
/*輪播公板調整*/
.top_pd .PD_layout {}
@media screen and (max-width:767px){
   .top_pd .PD_layout .PD_logo { z-index: 5; position: absolute; top: 0; left: 0;}
}

/*大小網吃不同張*/
@media screen and (min-width:768px){
   .top_pd .PD_layout[data-pd-pdlogo] .PD .PD_logo { display: none!important;}
}
@media screen and (max-width:767px){
   .top_pd .PD_layout[data-pd-pdlogo] .PD .PD_img { display: none!important;}
}




/*公版背景*/
@media screen and (min-width: 768px){
.box_txt {position: relative;margin: 0 auto;width: 100%;height: auto;}
.box_txt img{width: 80%;}	
}

@media screen and (max-width:767px){
.box_txt {position: relative;margin: 0 auto 1.5vw;width: 100%;height: auto;}
.box_txt img{width: 100%;}
.box_txt2 {position: relative;margin: 0 auto;width: 100%;padding: 0.7% 0;height: 11vw;}
.box_txt2 img{width: 66%;}
.box_txt3 {position: relative;margin: 0 auto;width: 100%;padding: 0.7% 0;height: 11vw;}
.box_txt3 img{width: 66%;}
}


/*本週新品*/
.Area00 {position: relative;padding-bottom: 45px;}
.Area00 .bg { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 2000px;}
.Area00 .title { position: absolute; top: 40px; left: 15px; width: 60px;}
@media screen and (max-width:767px){
  .Area00 { padding-bottom: 0;}
  .Area00 .bg { width: 100%;}
  .Area00 .title {top: 6.5vw;left: 2vw;width: 6vw;}
}

/*輪播公版*/
.box4_swiper { position: relative; width: 100%; margin: 0 0 0 80px; padding: 60px 0 0; overflow: hidden; z-index: 1;}
.box4_swiper ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0 0 20px; width: 100%; grid-gap: 0; box-sizing: content-box; height: 400px;}
.box4_swiper ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; pointer-events: inherit;}
.box4_swiper ul.PD_wrapper li.PD_slide { min-width: inherit;}
.box4_swiper ul.PD_wrapper li.PD_slide:hover { box-shadow: 0 1em 2em rgba(0, 0, 0, 0);}
@media screen and (max-width:767px){
  .box4_swiper {width: 91%;margin: 0 0 4vw 9vw;padding: 4vw 0 0;}
  .box4_swiper ul.PD_wrapper {padding: 0.5% 0 2.5%;height: 65vw;}
}


/*神券手刀搶*/
.coupon .PD_layout.PD_layout-coupon3 .PD .divine_coupon { color: #000;}
.Area01 {}
.Area01 .Area_coupon {margin-bottom: 60px;}
.Area01 .Area_coupon:last-child { margin-bottom: 0;}
.Area01 .Area_coupon ul { padding: 0; grid-gap: 0;}
@media screen and (max-width:767px){
  .Area01 { margin-top: -2.5vw;}
  .Area01 .Area_coupon {margin: 0 auto 6vw;width: 101%;}
}




/*區塊1*/
@media screen and (min-width: 768px){
.Area01 {height: auto;padding-bottom: 40px;z-index: 30;}
.Area01 .box_all {position: relative;}
.Area01 .Area_danji{margin:0 0 0 -30px;}
.Area01 .box01 {padding: 0;}
.Area01 .box02 .PD_layout ul{grid-gap: 0;padding:0 2%;}
.Area01 .box03 {padding: 2% 6%;}	
.Area01_bg {z-index: -67;position:absolute;top: 138px;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}		
}
@media screen and (max-width: 767px){
  .Area01 {height:100%;z-index: 50;}
  .m_Area01_bg {z-index:-1;position:absolute;top: 26vw;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
  .Area01 .box_all {position: relative;padding: 0;}
  .Area01 .box01 {padding: 0 4% 0;height: auto;}
  .Area01 .box01 .Area_danji{width: 100%;}	
  .Area01 .box02 {position: relative;padding: 2vw 4vw;display: flex;z-index: 50;flex-wrap: nowrap;flex-direction: row;}
  .Area01 .box02 .PD_layout ul {grid-gap: 2vw;}
  .Area01 .box03 {padding: 0 4%;}	
}

/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span {color: #ff2969;} 



/**BN輪播**/	
@media screen and (min-width: 768px){
  .Area03 {margin: 0 auto 70px !important;overflow: hidden;}
}
@media screen and (max-width:767px){
  .Area03 {width: 94.5% !important;overflow: hidden;margin: 3vw auto 4vw!important;}
  .Area03 .BN_box img {border-radius: 2vw;}
}



/**BN輪播**/	
@media screen and (min-width:768px){
  .Area_bn {margin-bottom: 80px !important;}				
  .Area_bn .box .PD_layout {width:95%;overflow:hidden}	
  .Area_bn .box .PD_layout ul {display:flex;height: 330px;margin:0;padding:0;grid-gap:0}
  .Area_bn .box .PD_layout ul li {margin:0;padding:0;grid-gap:0}
  .Area_bn .box .swipwe_remove_box_style ul li {background-color:#fff0!important;}
  .Area_bn .box .PD_layout .swiper-pagination {position:relative;margin: 0 0;}
}
@media screen and (max-width:767px){
  .Area_bn {height: 41vw;margin-top: 7vw !important;}
  .Area_bn .box .PD_layout {width: 100%;overflow:hidden;padding-bottom: 1.5vw;}	
  .Area_bn .box .PD_layout ul {display:flex;height: 26vw;margin:0;padding:0;grid-gap:0}
  .Area_bn .box .PD_layout ul li {margin:0;padding:0;grid-gap:0}
  .Area_bn .box .swipwe_remove_box_style ul li {background-color:#fff0!important;}
  .Area_bn .box .PD_layout .swiper-pagination {position:relative;margin: 3.5vw 0;}
}
  


/*品類*/
.Area11 {padding-bottom: 120px;}
.Area11 .PD_box{padding: 2% 0 0 0;}
@media screen and (max-width:767px){
  .Area11 { padding-bottom: 9vw;}
  .Area11 .PD_box{padding: 2% 2% 2% 2%;}
}

	
	

/* 大牌鉅獻 官方直營 */
.Area10{height: 100%;}
.Area10 .box{padding: 4% 0 0 0;}
.Area10 .Area_brand{/*background: no-repeat top center / 100% url(bg01.png?t=1724990151426);*/height: 610px;width: 100%;border: 3px solid #e44070;border-radius: 30px;margin-bottom: 100px;} 
.Area10 .Area_swiper{top: 52px;}
/*logo*/ 
.Area_brand  .logo{width: 100%;height: 78px;}
.Area_brand  .logo ul{grid-gap: 0;}
.Area_brand  .logo ul .PD_into{padding: 0;}
.Area_brand  .logo ul .PD_logo{width: 27%;  position: relative; top: -10px; left: 122px; background-color: #fff; border-radius: 65px;padding: 0% 3% 0% 3%;}
.Area_brand  .logo ul li h3{color:#ffffff;width: 51%;position: absolute;right: 113px;top: -13px;margin: 0 auto;font-size: 3.5em;text-align: left;}

@media screen and (max-width:767px){
.Area10{height: 100%;}
.Area10 .box{padding: 7% 0 1% 0;}
.Area10 .Area_brand{/*background: no-repeat top center / 100% url(mbg01.png?t=1724990151426);*/height:100%;padding-bottom:0vw;width: 94%;margin: 0 auto;margin-bottom: 9vw;} 
.Area10 .Area_swiper{padding: 0;top:0;height: 74vw;}
	
/*logo*/ 
.Area_brand  .logo{width: 100%;height: 11vw;}
.Area_brand  .logo ul{grid-gap: 0;}
.Area_brand  .logo ul .PD_into{padding: 0;}
.Area_brand  .logo ul .PD_logo{width: 33%;position: relative;  top: -3vw; left: 6vw; background-color: #fff; border-radius: 31px; padding: 0% 3% 0% 3%;}
.Area_brand  .logo ul li h3{color:#ffffff;width: 53%;position: absolute;right: 4vw;top: -3.5vw;margin: 0 auto;font-size: 1.45em;text-align: left;}
}







/*區塊6*/
.Area06 { padding-bottom: 60px; }
.Area06 .PD_layout-D1_03 ul { grid-gap:20px; }
.Area06 .PD_layout-D1_03 ul::before { content:none; }
.Area06 .PD_layout-D1_03 .PD_slide { background-color: #e44070; }
.Area06 .PD_layout .PD h3 {  font-size:25px; font-weight: 800;}
@media screen and (max-width:767px){
	.Area06 {height: auto;padding-bottom: 10vw;}
	.Area06 .PD_layout-D1_03 ul {padding: 0 6%;grid-gap:2vw;}
	.Area06 .PD_layout .PD h3 {  font-size:17px; font-weight: 800;}
}


/*新生活新想像*/
.Area05 {}
.Area05 .title { padding: 35px 0 37px; margin: 0 auto 20px; background: url(Area05_titlebg.png?t=1782181862077)top center no-repeat; background-size: 100%;}
.Area05 .title.tt {padding: 35px 0 10px;margin: 0 auto 20px;background: url(Area05_ttbg.png?t=1782181862077)top center no-repeat;background-size: 100%;}
.Area05 .A5_box  {width: 1040px;margin: 0 auto 60px;padding: 0;box-sizing: border-box;}
.Area05 .A5_box.box_Y01 { margin-top: 0;}
.Area05 .A5_box.box_B04 { padding-bottom: 40px;}
/* .Area05 .box_Y {background-color: #98c0d2;border-radius: 0 80px 0 0;}
.Area05 .box_B { background-color: #19579f; border-radius: 80px 0 0 0;} */
.Area05 .Area_slide .PD_layout_bn { border-radius: 10px; overflow: hidden;}
.Area05 .Area_slide .box_pd { margin-left: 10px;}
@media screen and (max-width:767px){
  .Area05 {}
  .Area05 .title { padding: 3vw 0 4.5vw; margin: 0 auto 2vw;}
  .Area05 .title.tt { padding: 12px 0 0;margin: 10px auto 15px;}
  .Area05 .Area_floorPD_NavArea_tabbar { margin: 0 auto 2vw;}
  .Area05 .A5_box  {width: 100%;margin: 0 auto 0;padding: 1vw 0.65em 4vw;}
  .Area05 .A5_box.box_B04 { padding-bottom: 6vw;}
  .Area05 .box_Y { border-radius: 0 10vw 0 0;}
  .Area05 .box_B { border-radius: 10vw 0 0 0;}
  .Area05 .Area_slide .box_pd { margin-left: 1vw;}
}







/*置底*/
.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:33.33%; 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%;}


/** 倒數1 **/
.TimerNick {z-index:1;position: absolute;left: 485px;top: 190px;display:inline-block;height:51px;text-align:right;}
.TimerNick .FontStyle {display:inline-block;margin: 0 15px;padding:0;border:0px;font:bold 30px/32px Arial;color: #687754;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;}
	@media screen and (max-width:767px){
		.TimerNick  {left: 32vw;top: 14vw;height:6vw;background-size: 100%;transform: scale(1)}
		.TimerNick .FontStyle {margin: 0 0 0 1vw;padding:0;border:0px;width:6.2vw;font:bold 13pt/5vw Arial;color: rgb(104 119 84);letter-spacing:-1px;text-align:right;background:transparent;}
		.TimerNick span { padding-left:1vw; font: bold 3.2vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #000;}
	}





/*區塊_all*/
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.Area {position: relative;margin:0 auto;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;}


	}



/*按鈕*/
.bnn {
}
.bnn a img {
	transition-duration: 0.1s;
	backface-visibility: hidden;
	transform: translateZ(0);
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;
	height: auto;
	text-align: left;
}
.bnn:hover a img {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}	
	
	

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