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

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

/*全BOX版面*/
.WRAPPER {z-index:0;position: relative;display:block;margin: 0 auto;padding:0;width:100%;min-width:1220px;text-align:left;overflow: hidden;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img {border: crimson;vertical-align:top;}
.WRAPPER a { text-decoration: none;}

/*預設清單樣式*/
.Area .list_00 ul {display:inline-block;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
	@media screen and (max-width:767px){
		.WRAPPER {margin-bottom: 0;min-width: inherit;min-height: 100vh;overflow: hidden;background-size: 100%;padding-bottom: 0;}
		.WRAPPER img {  width:100%;  height:auto; }
	}


/*區塊_all*/
.Area1220 {position: relative;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);}
	@media screen and (max-width:767px){
		.Area1220 {width: 100% !important;}
		.Area960 { width:100%;}
		.Area .go_bt:hover {  
			-webkit-transform:none;
			-moz-transform:none;
			-ms-transform:none;
			-o-transform:none;
			transform:none;}
	}


/*PC背景*/
@media screen and (min-width:768px){
.bg_fix {z-index: -65;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_repeat {z-index:-66;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: -30;position:absolute;top: 2400px;left: 0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
}

@media screen and (max-width:767px){
.m_bg_fix {z-index: -40;position:absolute;top: 10vw;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}	
.m_bg_repeat {z-index:-50;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}	
}


/*間距*/
@media screen and (min-width:768px){
.Area_bottom {margin-bottom: 60px!important;}
}
@media screen and (max-width:767px){
.Area_bottom {margin-bottom: 8vw!important;}
}



/*版頭區塊*/
.Area_title img{width: 100%;border-radius: 0!important;}
.Area_title .PD_layout .PD_slide { min-width:auto; }
.Area_title .PD_layout ul{ background-color: #0000;  }
.Area_title .PD_layout li { border:none; }
@media screen and (min-width:768px){
.Area_title {height: 1090px;z-index: 20;}	
.title_deco2 {position: absolute;top: 230px;left: 190px;width: 70%;z-index: -5;}		
}
@media screen and (max-width:767px){
.Area_title {height: 120vw;z-index: 20;}
.title_deco2 {position: absolute;top: 12vw;left: 1vw;width: 100%;z-index: -1;}
}


/*副標輪播*/
.Area_title .topPD2 {position: absolute;top: 310px;left: 270px;width: 670px;height: 94px;overflow: hidden;z-index: 20;}
.Area_title .topPD2 .Area_swiper_box .PD_layout li {background-color:#0000}
.Area_title .topPD2 ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
.Area_title .topPD2 ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}
@media screen and (max-width:767px){
  .Area_title .topPD2 {width: 79%;height: 10vw;position: absolute;top: 31.3vw;left: 11vw;overflow: hidden;}
  .Area_title .topPD2 .PD_layout .PD img {width: 95%!important;}
}


/*版頭主標微調*/
.title .PD_layout .PD a { pointer-events: none; }
.title .PD_layout .PD_slide:hover {filter: brightness(100%); transform: translateY(0);}
@media screen and (min-width: 768px){
.title {z-index: 30;}
.title .PD_layout li:nth-of-type(1) {position: absolute;top: 102px;left: 260px;width: 57%;z-index: 5;}
.title .PD_layout li:nth-of-type(2) {position: absolute;top: 355px;left: 925px;z-index: 12;}
.title .PD_layout .PD img { width: 100%!important; }
}
@media screen and (max-width:767px){
.title .PD_layout li:nth-of-type(1) {position: absolute;top: 9.5vw;left: 12.5vw;z-index: 10;width: 75%;}
.title .PD_layout li:nth-of-type(2) {position: absolute;top: 40vw;left: 76vw;z-index: 12;width: 20%;}
.title .PD_layout .PD img { width: 100%!important; }
}


/*版頭輪播品*/
@media screen and (min-width: 768px) {
.Area_topbn {width: 58%;top: 465px;right:240px;position: relative !important;}
}
@media screen and (max-width: 767px) {
.Area_topbn {width: 55%;top: 49vw;left: 2vw;position: absolute !important;overflow: hidden;}
}


/*公版背景*/
.box_txt ul{padding: 0em !important;}	
@media screen and (min-width: 768px){
.box_txt {position: relative;display: flex;margin: 0 auto;width: 100%;height: auto;justify-content: center; z-index: 50; }
.box_txt img{width: 88%!important;padding: 0;}
}
@media screen and (max-width:767px){
.box_txt {position: relative;margin: 0 auto 0vw;width: 100%;z-index: 30;}
.box_txt img{width: 100%;}
}




/*01_登記區塊*/	
/*登記贈品文案顏色_深色*/.danji01 .danji_box ul li .activityText .gifts span { color: #ffd2db;}                 
.Area_danjiall .text {position:relative;}
.Area_danjiall .text .layout_text {width:90%;margin:0 auto;padding:30px 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 .warningTxt h3 {color:#000!important;}
@media screen and (max-width:767px){
.Area_danjiall {height:100%;padding-bottom: 4vw !important;}
/**區標**/	
.Area_danjiall .text {position:relative;}
.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 {position:relative;width:100%!important;margin:0!important;}
.Area_danjiall .Area_danji .danji_box .box_1 {width:95%;padding:0;margin:0 auto;}
}


/*02_24H每日飆低價*/
@media screen and (min-width: 768px){
.Area03 {margin-bottom: 120px!important;}
.Area03 .box_all {position: relative;margin-bottom: 50px;}
.Area03::before {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("Area03_top.png?t=1773630628238") center top/100% no-repeat scroll;}	
.Area03::after {content:"";position: absolute;display:block;top: 69px;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("Area03_end.png?t=1773630628238") center bottom/100% no-repeat scroll;}
.Area03 .box_all { position: relative; }
.Area03 .box_all::before{content:"";position: absolute;display:block;top: 40px;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -12;background: url("Area03_repeat.png?t=1773630628238") center top/100% repeat-y scroll;}
.Area03 .box_all .PD_layout {margin: 0 2%;}
}
@media screen and (max-width:767px){
.Area03 .box_all {position: relative;margin-bottom: 10vw;}
.Area03::before {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_Area03_top.jpg?t=1773630628238") center top/100% no-repeat scroll;}	
.Area03::after {content:"";position: absolute;display:block;top: 6vw;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_Area03_end.jpg?t=1773630628238") center bottom/100% no-repeat scroll;}
.Area03 .box_all {position: relative;padding: 2% 0 0;}
.Area03 .box_all::before{content:"";position: absolute;display:block;top: 5vw;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -12;background: url("m_Area03_repeat.jpg?t=1773630628238") center top/100% repeat-y scroll;}
.Area03 .pd_box{width: 96%;}
}

/*02_24H每日飆低價*//** 倒數 **/
.TimerNick_2 {position: absolute;width: 30%;padding: 0.4% 0 0;top: 106px;left: 418px;margin: 0 auto;height: 50px;z-index: 50;border-radius: 1em;background-color: #fdf9f5;border: #000 3px solid;}
.TimerNick_2 .FontStyle {position: relative;display:inline-block;width: 62px;top: 0;font: normal 41px/42px Arial;color: #f2849a;letter-spacing: 0px;text-align:right;height: 44px;}
.TimerNick_2 span {padding-left: 6px;font: 27px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;font-weight: 700;color: #000;}
.TimerNick_2 small{  position:relative; font: bold 16px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0em;color: #2a0d05;}
@media screen and (max-width:767px){
	.TIMER {position: relative;top:-2vw;}
		.TimerNick_2 {position: absolute;top: 15vw;left: 24vw;margin: 0;width: 50%;height: 8vw;text-align: center;padding: 0;background-color: #fdf9f5;border: #000 1px solid;border-radius: 0.5em;}
		.TimerNick_2 .FontStyle {margin:0;padding: 0.8vw;border:0px;width: 5vw;height: 5vw;font: bold 22px/42px Arial;letter-spacing: -1px;}
        .TimerNick_2 div:nth-of-type(2),
		.TimerNick_2 div:nth-of-type(3),
		.TimerNick_2 div:nth-of-type(4){width: 5vw;}
		.TimerNick_2 span {font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: 0em;}
}


/*03_精選大牌*/
.Area_selected .ofor3 { padding-bottom: 5%;}
@media screen and (min-width:768px){
	.Area_selected .layout_text {background:url(pc_sale.png?t=1773630628238)top center no-repeat;background-size:100%;}
	.Area_selected .layout_text ul {width: 75%!important;margin:0 auto!important;padding:0;}
	.Area_selected .layout_text ul li:hover {box-shadow: none; }
	.Area_selected .widthbox {background: url(pc_limited_ul.png?t=1773630628238)top center repeat-y;background-size: 100%; width: 100%;}		
  .Area_selected .ofor3 {width: 950px !important;margin: 0 auto;}
	.Area_selected .bottom {background:url(mo_bottom.png?t=1773630628238)top center no-repeat;background-size: 89%;padding-top: 130px;}	
	}
	@media screen and (max-width:767px){
	.Area_selected {position:relative;background:url(mo_sale.png?t=1773630628238)top center no-repeat;background-size:100%;}
	.Area_selected .widthbox {width:100%;background:url(mo_limited_ul.png?t=1773630628238)top center repeat-y;background-size:100%;padding-bottom: 2vw;}		
  .Area_selected .ofor3 {width: 92% !important;margin: 0 auto;}
	.Area_selected .bottom {background:url(mo_bottom.png?t=1773630628238)top center no-repeat;background-size: 100%;padding-top: 10vw;}	
	}


/*04_毛爸媽推薦*/
    .Area_page { overflow: hidden;}
    /* --------------------------------------
    * Page 頁籤_202405291900
    * -------------------------------------- */
    .NavArea_tabbar_page { margin: 0 auto 20px; width: 94%; }  
    .NavArea_tabbar_page .Nav { overflow: visible; transform: translate3d(-30.5%, 0, 0);}  
    .NavArea_tabbar_page .Nav_box { border-radius: 8px; overflow: hidden; padding: 0 2%;}
    .NavArea_tabbar_page[data-num="2"] .Nav-wrapper { transform: translate3d(55.5%, 0, 0)!important}
    .NavArea_tabbar_page[data-num="3"] .Nav-wrapper { transform: translate3d(43.0%, 0, 0)!important}
    .NavArea_tabbar_page[data-num="4"] .Nav-wrapper { transform: translate3d(30.5%, 0, 0)!important}
    .NavArea_tabbar_page[data-light="box"] .Nav ul { padding: 0 }
    .NavArea_tabbar_page .Nav li { overflow: visible; }
    @media screen and (min-width:768px){ 
      .NavArea_tabbar_page { display: block; }
    }
    /*頁籤高亮顏色設定 */  
    .NavArea_tabbar_page .Nav .swiper-slide-active a { color:#fff;}
    .NavArea_tabbar_page .Nav .swiper-slide-active i { display:block; border: 1px solid #f5879e !important; background-color: #f5879e !important;}
    /*推編輯按鈕 */  
    .NavArea_tabbar_page .Nav input { position: fixed; left: 30%}
@media screen and (min-width:768px){
	.Area_K1 .box {width: 99%;margin: 0 auto 30px;padding:30px 0;background-color: #f5c92a;border: 3px solid #000000;border-radius: 1em;}
  .Area_K1 .content_swiper { width: 900px !important;overflow: hidden; padding: 0!important; border-radius: 1em!important; margin: 0 auto;}	
}
@media screen and (max-width:767px){
  .Area_K1 .box {width: 96%;margin: 0 auto 4vw;padding:4vw 0;background-color: #f5c92a;border: 1px solid #000000;border-radius: 1em;}
  .Area_K1 .content_swiper { width: 95% ;overflow: hidden; padding: 0!important;border-radius: 1em!important; margin: 0 auto;}	
}


/*05_2按鈕*/
@media screen and (min-width:768px){
.Area_logo { width: 500px;}	
.Area_logo .PD_wrapper {gap: 10px !important;}
}
@media screen and (max-width:767px){
.Area_logo { width: 65%;}	
.Area_logo .PD_wrapper {gap: 2vw !important;}
}



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