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

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

/*區塊_all*/
.Area {position: relative;margin:0 auto;padding:0;text-align:center;}
.Area .box_bg{position:absolute;top:0;left: 0;z-index: 0;} 
.Area1220 { margin:0 auto; width:1220px;}
.Area960 {margin:0 auto;width: 960px;}
	@media screen and (max-width:767px){
	.Area .go_bt:hover { 
		-webkit-transform:none;
		 -moz-transform:none;
			-ms-transform:none;
			 -o-transform:none;
				transform:none;}
	.Area1220 { width:100%;}
	.Area960 { width:100%;}
	.Area { position: relative;}

	}

/*公版*/
@media screen and (max-width:767px){
  .PD96 ul{ width: 96%; }
  }

  
/*LOGO CSS*/
.momologo { z-index:2; position: absolute; top: 80px; left:-109px;}
.momologo a { display:block; width:140px; height:21px;}
.momologo a svg { width:140px; height:21px; }
.momologo a path { fill:#EA27C2; }
.momologo-pink  a path { fill:#EA27C2; }/*LOGO 桃紅色*/
.momologo-white a path { fill:#ffffff; }/*LOGO 白色*/
    @media screen and (max-width:767px){
        .momologo { display:none;}
    }



/*全BOX版面*/
.WRAPPER {z-index:0;position: relative;display:block;margin: 0 auto;padding:0;overflow:hidden;width:100%;min-width:1220px;background-color: #ebdfd1;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: -52;position:absolute;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%;}
}


/*公版*/
@media screen and (max-width:767px){
.PD96 ul{ width: 96%; }
}


/*版頭區*/
@media screen and (min-width:768px){
.Area_title {height: 865px;}
.smile {position:absolute;top: -22px;left: 57px; transform:rotate(269deg) scalex(-1);}			
}
@media screen and (max-width: 767px){
.Area_title {height: 100%;}
.m_topbg  {position:relative;width:100%;top:0;left:0;pointer-events:none;}	
.m_top  {position:absolute;width:100%;top:0;pointer-events:none;}	
.smile {z-index: 10;position:absolute;top: 2vw;left: 0;width: 16%;}	
}



/*版頭::主標入稿*/
@media screen and (min-width:768px){
.Area_title .subtitle {position:absolute;width: 80%;top: 0;left: 270px;}
.Area_title .subtitle .layout_title {position:absolute;width: 110%;top: -21px;left: -187px;}
.Area_title .subtitle .layout_title ul li:hover {box-shadow: none; }
.Area_title .subtitle .layout_title02 {position:absolute;width: 28%;left: 661px;top: -34px;}

/*副標輪播*/	
.Area_title .subtitle .layout_title03 {width: 53%;position:absolute;top: 265px;left: 83px;overflow:hidden;height: 90px;z-index:5;}
.Area_title .subtitle .layout_title03 .PD_layout ul {display:flex;margin:0;padding: 15px 0;grid-gap:0;height:10vw;}
.Area_title .subtitle .layout_title03 .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: 0vw;top: 0vw;}
.Area_title .subtitle .layout_title02 {position:absolute;width: 23%;right: -3vw;top: 0vw;}

/*副標輪播*/	
.Area_title .subtitle .layout_title03 {width: 55%;position:absolute;top: 27vw;left: 22vw;overflow:hidden;height: 13vw;z-index:5;}
.Area_title .subtitle .layout_title03 .PD_layout ul {display:flex;margin:0;padding: 2vw 0;grid-gap:0;height:10vw;}
.Area_title .subtitle .layout_title03 .PD_layout ul li .PD_img img {width:90%;}
}


/*版頭品*/
@media screen and (min-width:768px){
.Area_title .top_pd {position: relative;width: 960px;top: 430px;left: 150px;}
.Area_title .top_pd .tag{ position: absolute; top: -63px; left: -90px; transform: scale(0.7);}
}
@media screen and (max-width:767px){
.Area_title .top_pd {position:absolute;width: 96%;top: 44vw;left: 2vw; padding-left: 11vw;}
.Area_title .top_pd .tag{ position: absolute; top: -25vw; left: -8.2vw; transform: scale(0.45);}
}


/*日期*/
.TIMER_DAY {display:flex; justify-content: center; flex-wrap:wrap; position: absolute; top: 240px; left: 142px; width:15%; height: 206px; 
  padding: 37px 35px 0 32px; font-size:46px; font-weight: bold; font-family: "Century Gothic"; z-index: 0;
  box-sizing: border-box;color: #000000; background: url(datebg.png?t=1774945969003)no-repeat center / 81% ;}
.TIMER_DAY small {font-size: 40px; font-weight: 100; position: relative;}
.TIMER_DAY #sendMonth { display: inline-block; text-align: right;  letter-spacing: -2px;} 
.TIMER_DAY #sendToday { display: inline-block;  text-align: left; letter-spacing: -2px;}
.TIMER_DAY .sendtxt { font-size: 0.8em; font-weight: 500; margin:-62px 0 0 1px; text-align: center; width: 81%;}
.TIMER_DAY .box{ width: 60%; display: flex; justify-content: center; align-items: center;height: 80px; }
@media screen and (max-width: 736px){ 
.TIMER_DAY { position: absolute;width:21%;top: 23vw; left:1vw;font-size: 5.5vw;letter-spacing: 0; padding:4.5vw 4vw 0 3vw; text-align: left;margin: 0;font-weight: 900;height:22vw;  transform: scale(1);}
.TIMER_DAY small {font-size: 4vw;}    
.TIMER_DAY #sendMonth {display: inline-block; font-size: 1em; }
.TIMER_DAY #sendToday {display: inline-block; font-size: 1em; }
.TIMER_DAY .sendtxt {font-weight: 500;font-size: 0.8em;  margin:-7vw 0 0 0.5vw;}	
.TIMER_DAY .box{ height: 8vw; }
}



/*activ*/
@media screen and (min-width:768px){
.Area_activ {height:100%; }
.Area_activ .PD_layout ul{padding:0!important;}

}
@media screen and (max-width:767px){
.Area_activ {height:100%; margin-top: 3vw;}
.Area_activ .PD_layout {padding-bottom:1vw}

}

.Area_BN{ padding-top: 10px; margin-bottom: 40px;}
.Area_BN ul{ height: 247px;}
@media screen and (max-width:767px){
  .Area_BN{ padding-left: 2vw; padding-top: 1vw; margin-bottom: -2vw;}
.Area_BN ul{ height: 25vw;}
}


 /*活動倒數*/
 .TimerNick2 {display:inline-block;position:relative;top:-6px;left:-9px;height: 56px;z-index:99;font-weight: 700; width: 55%; }
 .TimerNick2 .FontStyle2 {display: inline-block;margin: 0 0 0 2px;padding: 0;border: 0;font: bold 40px/30px Arial;color: #fff;/*background-color: #000; */border-radius:5px;/*text-shadow:1px 1px 0px #fff;*/letter-spacing: 0px;text-align: center;}
 .TimerNick2 span {padding-left: 2px;font: 400 37px/48px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0em;color: #fff;}
 @media screen and (max-width:767px){
 .TimerNick2 {display:inline-block;width: 75%;position: relative;top:0;left:0;margin:0 auto -3vw;height:0;padding-bottom: 10%;overflow:hidden;text-align:center;background-size:100%;z-index:20;}
 .TimerNick2 .FontStyle2 {margin: 0;padding: 0;border: 0;font: bold 5vw/5vw Arial;}
 .TimerNick2 span {padding-left:0;font: normal 5vw/5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;}
 }
 @media screen and (min-width:768px){
  .TimerNick2 .FontStyle2, .TimerNick2 span{ color:#242424;}
 }


/* 每日飆低價 */
@media screen and (min-width:768px){
  .Area_PD1{ margin-bottom: 80px; }
}
 @media screen and (max-width:767px){
  .Area_PD1{ margin-bottom: 4vw; }
  .Area_PD1 {height:100%;background:url(item_bg.jpg?t=1774945969003)top center repeat-y;background-size:100%;}
  .Area_PD1 .bottom {background:url(item_bottom.jpg?t=1774945969003)top center no-repeat;background-size:100%;padding-top:12vw;}
 }


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



 /*登記*/
@media screen and (min-width:768px){
  .Area_danjiall {height:100%; margin-bottom: 55px;}	
  
  /**區標**/			
  .Area_danjiall .layout_tt {background:url(text_bg.png?t=1774945969003)top center no-repeat;background-size:100%;padding: 40px 0 50px 0;}
  .Area_danjiall .layout_tt ul li .PD h3 {display:block!important;font: 600 55px/60px Arial;color: #1580a4;letter-spacing:0;text-align:center;}
  .Area_danjiall .warningTxt h3 {color:#000000;}

  /*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color:  hsl(351.5deg 100% 67.46%);}  
}	
@media screen and (max-width:767px){
  .Area_danjiall {height:100%;  margin-bottom: 4vw;}	
  
  /**區標**/			
  .Area_danjiall .layout_tt {background:url(text_bg.png?t=1774945969003)top center no-repeat;background-size:100%;padding: 3vw 0;}
  .Area_danjiall .layout_tt ul li .PD h3 {display:block!important;font: 600 23px/35px Arial;color: #1580a4;letter-spacing:0;text-align:center;}
  
  .Area_danjiall .Area_danji {padding-bottom:1vw;}
  .Area_danjiall .Area_danji .danji_box {margin:0!important}
  .Area_danjiall .Area_danji .danji_box .box_1 {width: 96%!important;margin:0 auto!important;}
  .Area_danjiall .warningTxt h3 {color: #000000;}
    /*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span {color: hsl(351.5deg 100% 67.46%);}  
      
}
    

/*毛孩必囤榜單*/
@media screen and (min-width: 768px){
  .Area05 {}
  .Area05 .txt ul {height: 115px;}
  .Area05 .txt ul li h5 {top: 21px;color: #ffe5a5;}
  .Area05 .titlebox {padding-top: 50px;}
  .Area05 .layout_BN ul{ padding: 0; margin: 0 auto -10px; }
  .Area05 .layout_PD {padding-bottom: 20px;  width: 98%;}
  .Area05 .Area_swiper {top: 0;}
  }
  @media screen and (max-width:767px){
    .Area05 {}
    .Area05 .txt ul {height: 12vw;}
    .Area05 .txt ul li h5 {top: 2vw;color: #ffe5a5;}
    .Area05 .titlebox {padding-top: 7vw;}
    .Area05 .layout_BN ul{ padding: 0; margin: 0 auto -.5vw; }
    .Area05 .layout_PD {width: 96%;padding-bottom: 3vw;}
    .Area05 .Area_swiper {width: 98%;left: -1vw;top: 0;}
  }



.Area_iconBN{ margin-bottom: 80px; }
.Area_iconBN ul li img{ border-radius: 0!important; }
@media screen and (max-width:767px){
  .Area_iconBN{ margin-bottom: -4vw; }
}




.Area_PD2{ margin-bottom: 50px; }
@media screen and (max-width:767px){
  .Area_PD2{ margin-bottom: 2vw; }
  .Area_PD2 {height:100%;background:url(item_bg.jpg?t=1774945969003)top center repeat-y;background-size:100%;}
  .Area_PD2 .bottom {background:url(item_bottom.jpg?t=1774945969003)top center no-repeat;background-size:100%;padding-top:12vw;}
 }


 .Area_PD3{ margin-bottom: 15px; }
 @media screen and (max-width:767px){
  .Area_PD3{ margin-bottom: -1vw; }
 }



 .Area_BN2{ margin-bottom: 40px;}
 .Area_BN2 ul{ height: 317px;}
 @media screen and (max-width:767px){
   .Area_BN2{ margin-bottom: 0; padding-left: 2vw;}
 .Area_BN2 ul{ height: 25vw;}
 }



/*毛孩最愛品牌*/
.Area11 {margin-bottom: 80px;}
.Area11 .txt ul {height: 120px;}
.Area11 .txt ul li h5 {top: 23px;}
.Area11 .box_all {position: relative;}
.Area11 .box_txt4 {position: absolute;margin: 0 auto;height: auto;width: auto;}
.Area11 .text02 {width: 100%;margin: auto;height: 160px;}
.Area11 .text02 .PD_layout {width: 74%;}
.Area11 .text02 .PD_layout .PD_into {display: flex;flex-direction: row;margin-top: 0;}
.Area11 .text02 .PD_layout .PD_into .PD_logo {width: 24%;left: 129px;top: 20px;position: relative;}  
.Area11 .text02 .PD_layout .PD_into h3 {width: 50%;color: #353535;margin-top: 45px;left: 160px;position: relative;font: 50px/50px "Noto Sans CJK SC";font-weight: 700;} 
.Area11 .Area_swiper {width: 98%;left: 0;top: 0; height: 451px;}
.Area11 .bg_top {position: absolute;margin: 0 auto;width: 100%;height: auto;top: 0;z-index: 0;}
.Area11 .bg_top img {width: 100%;}
.Area11 .bg_box3 { background: url(bg_box3.png?t=1774945969003)top center repeat-y;}
.Area11 .bg_boxbottom3 {position: relative;background: url(bg_boxbottom3.png?t=1774945969003)top center no-repeat;height: 27px; margin-bottom: 30px;}

@media screen and (max-width:767px){
  .Area11 { margin-bottom: 7vw; }
  .Area11 .txt ul {height: 13vw;}
  .Area11 .txt ul li h5 {top: 2vw;}
  .Area11 .box_all {position: relative;}
  .Area11 .text02 {height: 16vw;}	
  .Area11 .text02 .PD_layout {width: 94%;}
  .Area11 .text02 .PD_layout .PD_into{display: flex;flex-direction: row;margin-top: 0vw;margin-bottom: 0;}
  .Area11 .text02 .PD_layout .PD_into .PD_logo {width: 24%;top: 1.5vw;left: 13vw;position: relative;}  
  .Area11 .text02 .PD_layout .PD_into h3{width: 51%;margin-left: 0;font-size: 20px;line-height: 1.2em;color: #353535;margin-top: 3.5vw;left: 17.5vw;} 
  .Area11 .Area_swiper {width: 95%;left: 0vw;top: 2vw; height: 67vw;}
  .Area11 .bg_top {position: absolute;margin: 0 auto;width: 100%;top:0;}
  .Area11 .bg_top img {width: 100%;}
  .Area11 .bg_box3 { background: url(bg_box3_m.png?t=1774945969003)top center repeat-y; background-size: 100%;}
  .Area11 .bg_boxbottom3 {background: url(mbg_boxbottom3.png?t=1774945969003)top center no-repeat;height: 4vw;background-size: 100%;top: 0; margin-bottom: 3vw;}

}
  

/*頁籤區塊1*/
@media screen and (min-width:768px){
  .Area_tab01 .box { margin-top: 20px;}
  .Area_tab01 .content_swiper  {overflow: hidden;}	
  
}
@media screen and (max-width:767px){
  .Area_tab01 .NavArea_tabbar_page { margin-top: 2vw;  margin-bottom: 3vw;}		
  .Area_K3 { padding-top: 2vw; }
  .Area_K2 {height:100%;background:url(item_bg.jpg?t=1774945969003)top center repeat-y;background-size:100%;}
  .Area_K3 {height:100%;background:url(item_bg.jpg?t=1774945969003)top center repeat-y;background-size:100%;}
  .Area_K3 .bottom {background:url(item_bottom.jpg?t=1774945969003)top center no-repeat;background-size:100%;padding-top:12vw;}

}
    


/*品類館*/
@media screen and (min-width: 768px){
  .Area13 { margin-top: 40px; }
  .Area13 .layout_BN {width: 85%;}
  .Area13 .layout_BN ul {padding: 0;grid-gap:30px;}
  .Area13 .layout_BN ul li {padding: 0 5px;}
  }
  @media screen and (max-width:767px){
    .Area13 { margin-top: 3vw; }
    .Area13 .layout_BN {width: 96%;}
    .Area13 .layout_BN ul {padding: 0;grid-gap:0;}
    .Area13 .layout_BN ul li {padding: 0 1vw;}
  }
  
  



/*區標+下方高度共同設定*/
@media screen and (min-width:768px){
  .layout_text {padding-bottom: 10px; width: 960px;}
  .layout_text ul {margin:0!important;padding:0!important;}
  .layout_text ul li .PD h3 {display:block!important;font: 600 60px/60px Arial;color: #4e250b;letter-spacing:0;text-align:center;padding-top: 15px;}
  .layout_PD {width:100%;padding-bottom:50px;}
  .layout_PD ul{padding:0!important;}

}

@media screen and (max-width:767px){
  .layout_text {padding-bottom:2vw;}
  .layout_text ul {margin:0!important;padding:0!important;}
  .layout_text ul li .PD h3 {display:block!important;font: 600 27px/60px Arial;color: #4e250b;letter-spacing:0;text-align:center;}
  .layout_PD {width:96%;margin:0 auto;padding-bottom:5vw;}

  .layout_tt ul li .PD h3 {display:block!important;font: 500 20px/58px Arial;color: #a70303;letter-spacing:0;text-align: left;}

}




/*注意事項區*/
.edm_notice{position: relative;margin:90px auto 10px;text-align:center;padding:10px 10px 15px 10px;color: #1f1f1f;font:12px/18px Helvetica;}
.edm_notice .apple_notice{  padding:10px 0px 10px 0px; }

@media screen and (max-width:767px){
.edm_notice{position: relative;margin:5vw 0 4vw 0;text-align:center;padding:10px 0 15px 0;color: #1f1f1f;font:12px/18px Helvetica;}
}



	
/*隱鑶*/
.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;} 
}