@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: #f49eab;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:fixed; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_01 {z-index:-47;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: -50;position:fixed;top:0;left:0;width:100%;height:100%;background-repeat:repeat-y;background-position:center top;pointer-events:none;}
.bg_03 { z-index:-1;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;}
.bg_deco { z-index:-50;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;bottom:0;left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center bottom; pointer-events:none;background-size:100%;}
.bg_02{z-index:-51;position:absolute;bottom:0;left:0;width:100%;height: 55vw;background-repeat:repeat-y;background-position: center bottom;pointer-events:none;background-size:100%;}
}






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


}









/*版頭區*/
.layout_title02 .Area_swiper_box .PD_layout li{background-color: transparent;}
@media screen and (min-width:768px){
.Area_title {height: 830px;}
.deco01 {position:absolute;top: 640px;left: -150px;pointer-events: none;z-index: 2;}
.deco02 {position:absolute;top: 692px;left: 880px;pointer-events:none;z-index: 1;}

}
@media screen and (max-width: 767px){
.Area_title {height:117vw;}
.m_topbg  {position:relative;width:100%;top:0;left:0;pointer-events:none;}	
.m_top  {position:absolute;width:100%;top:0;pointer-events:none;}	
.deco01 {position:absolute;width: 44%;top: 99vw;left: -24vw;pointer-events: none;z-index: 2;}
.deco02 {position:absolute;width: 27%;top: 108vw;left: 71vw;pointer-events:none;z-index: 1;}

	
	
}



/*版頭::主標入稿*/
@media screen and (min-width:768px){
.Area_title .subtitle {position:absolute;width: 94%;top: 0px;left: 47px;}
.Area_title .subtitle .layout_title {position:absolute;width: 85%;top: 40px;left: 98px;}
.Area_title .subtitle .layout_title ul li:hover {box-shadow: none; }

/*副標輪播*/	
.Area_title .subtitle .layout_title02 {width: 43%;position:absolute;top: 306px;left: 346px;overflow:hidden;height: 74px;z-index:5;}
.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 (max-width:767px){
.Area_title .subtitle {position:absolute;width: 100%;top: 0;}

/*主標*/	
.Area_title .subtitle .layout_title {position:absolute;width: 100%;left: 0;top: 3vw;}
.Area_title .subtitle .layout_title ul {}
	
/*副標輪播*/	
.Area_title .subtitle .layout_title02 {width: 53%;position:absolute;top: 32.7vw;left: 24vw;overflow:hidden;height: 10vw;z-index:5;}
.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%;}
	
/*線別*/	
.Area_title .layout_title03 {position:absolute;width: 70%;left: 15vw;top: 33vw;}

	
	
}

/*版頭品*/
@media screen and (min-width:768px){
.Area_title .top_pd {position:absolute;width: 80%;top: 406px;left: 120px;}
.Area_title .top_pd .layout_PD .PD_into {justify-content:center}	


}
@media screen and (max-width:767px){
.Area_title .top_pd {position:absolute;width: 100%;top: 44vw;/* left: 4%; */}	
}

/* 區標01 */
.text01.PD_layout.PD_layout-D3_01 .PD h3{color: #e8336a;}
@media screen and (min-width:768px){
.text01.PD_layout.PD_layout-D3_01 .PD h3{top: 50%;}
}
@media screen and (max-width:767px){
.text01{height: 21vw;}
.text01.PD_layout.PD_layout-D3_01 .PD h3{top: 48%;  font-size: 6.5vw;}
}

/* 區標02 */
.text02.PD_layout.PD_layout-D3_01 .PD h3{color: #005ddd;}
@media screen and (min-width:768px){
.text02.PD_layout.PD_layout-D3_01 .PD h3{top: 47%;}
}
@media screen and (max-width:767px){
.text02{height: 21vw;}
.text02.PD_layout.PD_layout-D3_01 .PD h3{top: 47%;  font-size: 6.5vw;}
}

/* 區標04(藍色) */
.text03.PD_layout.PD_layout-D3_01 .PD h3{color: #005ddd;text-shadow: 1px 1px #fff;}
.text03.PD_layout.PD_layout-D3_01 .PD img{width: 100%;}
.text03.PD_layout.PD_layout-D3_01 .PD .PD_img{padding: 0;}
.text03.PD_layout ul{padding: 0;}
.text03.PD_layout .PD_into{padding: 0;}
@media screen and (min-width:768px){
.text03.PD_layout.PD_layout-D3_01 .PD h3{top: 68%;}
}
@media screen and (max-width:767px){
.text03.PD_layout.PD_layout-D3_01 .PD h3{top: 69%; font-size: 6.5vw;}
}

/* 區標04(粉色) */
.text04.PD_layout.PD_layout-D3_01 .PD h3{color: #840514;text-shadow: 1px 1px #fff;}
.text04.PD_layout.PD_layout-D3_01 .PD img{width: 100%;}
.text04.PD_layout.PD_layout-D3_01 .PD .PD_img{padding: 0;}
.text04.PD_layout ul{padding: 0;}
.text04.PD_layout .PD_into{padding: 0;}
@media screen and (min-width:768px){
.text04.PD_layout.PD_layout-D3_01 .PD h3{top: 68%;}
}
@media screen and (max-width:767px){
.text04.PD_layout.PD_layout-D3_01 .PD h3{top: 69%;  font-size: 6.5vw;}
}

/* 熱銷主打品 */
.Area_hot .boxall .box02 .PD_layout[data-pd-direction=row-reverse] .PD_img{width: 40%;}
.Area_hot .boxall .box02 .PD_layout[data-pd-direction=row-reverse] .PD_into{width: 60%;}

@media screen and (min-width:768px){
.Area_hot {margin-bottom: 50px;}
.Area_hot .boxall{display: flex;background-color: #ffeaec;border-radius: 20px;padding: 20px;}
.Area_hot .boxall .box02 .PD_layout .PD h4 b{color: #e93e72;font-weight: 800;font-size: 26px;line-height: 32px;}
.Area_hot .boxall .box02 .PD_layout[data-pd-h4="2"] .PD h4 span{font-size: 20px;}

.Area_hot .boxall .box01 {width: 50% ;}
.Area_hot .boxall .box02 {width: 50% ;}
.Area_hot .boxall .box02 ul {background-color: transparent;grid-gap: 10px;padding: 0 0 0 31px;}
.Area_hot .boxall .box02 li {border: none;background-color: #fff;border-radius: 10px;}

.Area_hot .boxall .box02 .PD_layout[data-pd-h4="2"] .PD h4{padding-left: 20px;margin-bottom: 0;}

}
@media screen and (max-width:767px){
.Area_hot {margin-bottom: 7vw;}
.Area_hot .boxall{display: flex;background-color: #ffeaec;border-radius: 20px;padding: 10px;}
.Area_hot .boxall .box02 .PD_layout .PD h4 b{color: #e93e72; font-weight: 800;font-size: 16px;}
.Area_hot .boxall .box02 .PD_layout .PD h4 span{display: block;text-overflow: ellipsis;}

.Area_hot .boxall .box01 {width: 45% ;}
.Area_hot .boxall .box02 {width: 55% ;}

.Area_hot .boxall .box02 ul {background-color: transparent;grid-gap: 1.5vw;padding: 0 0 0 1.5vw;}
.Area_hot .boxall .box02 li {border: none;background-color: #fff;border-radius: 10px;}

.Area_hot .boxall .box02 .PD_layout[data-pd-h4="2"] .PD h4{padding-left: 1.5vw;margin-bottom: 0;word-break: keep-all;text-overflow: ellipsis;}
}


/* BN輪播 */
@media screen and (min-width:768px){
.Area_bn{background: url(bn_bg.jpg?t=1775129500223)top center repeat-y; border-radius: 20px;background-size:100%;margin-bottom: 50px;}
.Area_bn .Area_swiper{padding: 20px 0;}

}

@media screen and (max-width:767px){
.Area_bn{background: url(bn_bg.jpg?t=1775129500223)top center repeat-y; background-size:100%;margin-bottom: 4vw;padding-top: 2vw;}
.Area_bn .Area_swiper{padding: 3vw 0;}
}


/* 登記活動 */
/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #f0497c;}                 
@media screen and (min-width:768px){


} 

@media screen and (max-width:767px){
.Area_danji{width: 96%; margin-bottom: 5vw;}

}

/* 熱搜新品推薦 */
@media screen and (min-width:768px){
.Area_new{margin-bottom: 50px;}

} 

@media screen and (max-width:767px){
.Area_new{margin-bottom: 6vw;}

}

/* 下方公版(藍色) */
@media screen and (min-width:768px){
.Area_blue{margin-bottom: 20px;}
.Area_blue .box .PD_layout{width: 96%;padding: 0 0 20px 0;}
}
@media screen and (max-width:767px){
.Area_blue{margin-bottom: 5vw;}
.Area_blue .box .PD_layout{width: 96%;}
  
}


/* 下方公版(粉色) */
@media screen and (min-width:768px){
.Area_pink {margin-bottom: 20px;}
.Area_pink .box{background: url(pink_bg_repeat.png?t=1775129500223)top center repeat-y; background-size:100%;border-radius: 0 0 20px 20px;}
.Area_pink .box .PD_layout{width: 96%;padding: 0 0 20px 0;}

.Area_pink_last{margin-bottom: 35px; }
}

@media screen and (max-width:767px){
.Area_pink{margin-bottom: -6vw;}
.Area_pink .box{background: url(pink_bg_repeat.png?t=1775129500223)top center repeat-y; background-size:100%;border-radius: 0 0 20px 20px;}
.Area_pink .box .PD_layout{width: 96%;padding-bottom: 10vw;}
  
.Area_pink_last{margin-bottom: 5vw; }
.Area_pink_last .box .PD_layout{padding-bottom: 5vw;}
}




















































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

	
/*注意事項區*/
.edm_notice{ text-align:center; padding:10px 10px 15px 10px; color:#000000; font:12px/18px Helvetica;}
.edm_notice .apple_notice{  padding:10px 0px 10px 0px; }