@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:#23289e; 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-color:#4a4bff;}
		.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:-45;position:absolute;top: -22px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_02 {z-index:-44;position:absolute;top: 580px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_03 {z-index:-50;position:fixed;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_color {z-index:-51;position:fixed;top:0;left:15px;width:2000px;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.door01 {z-index:-44;position:absolute;top: -67px;left:-770px;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.door02 {z-index:-44;position:absolute;top: -66px;left:770px;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_deco { z-index:-40;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){
.m_bg_01 {z-index:0;position:fixed;bottom:0;left:0;width:100%;height:100%; background-position:center bottom;background-repeat:no-repeat;background-size:100%;pointer-events:none;}	 
.m_bg_02 {z-index:-2;position:fixed;bottom:0;left:0;width:100%;height:100%; background-position:center bottom;background-repeat:no-repeat;background-size:100%;pointer-events:none;}	 
}

                    
/*LOGO*/
.momologo { z-index:2; position: absolute; top: 15px; left:15px;}
.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;}
  }

/*區標*/
@media screen and (min-width: 768px){
.box_txt {position: relative;margin: 0 auto;width: 78%;height: auto;z-index: 1;}
}
@media screen and (max-width:767px){
.box_txt {position: relative;margin: 0 auto;width: 100%;height: auto;z-index: 1}
.box_txt img{width: 100%;}	
}
		
	
	
/* 間距 */
@media screen and (min-width:768px){
.Area_bottom{padding-bottom: 40px;}
}
@media screen and (max-width: 767px){
.Area_bottom{padding-bottom: 4vw;}
}


/*區標動畫*/
@media screen and (min-width:768px){
.pdtxt_deco {position: absolute;width:100%;height: 100%;background: url("pdtxt_deco.png?t=1753321745555") 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=1753321745555") center top / 100% no-repeat scroll;}	 
}



/*版頭區*/
@media screen and (min-width:768px){
.Area_title {height: 998px;}
.stage {position:absolute;top: 600px;left: 270px;z-index:-45;}
.tt_bg {position:absolute;top:680px;left: 275px;z-index:2;}
.tt_bg img {width:85%;margin:0 auto;}

}
@media screen and (max-width: 767px){
.Area_title {position: relative;height: 118vw;}
.top {position:absolute;top: 2px;z-index:2;pointer-events:none;}
.top_bg {position:relative;top: 0px;z-index:0;pointer-events:none;}
.stage  {position:absolute;width:69%;top: 74vw;left: 16vw;pointer-events:none;}
.tt_bg {position:absolute;width:70%;top: 80vw;left: 16vw;z-index:2;}
.m_door01 {position:absolute;width: 26%;top:0;left: -5vw;z-index:2;background:url(m_door01_off.png?t=1753321745555)top center no-repeat;background-size:100%;pointer-events:none;overflow: hidden;}
.m_door01 .m_color {position:absolute;top:0;width: 12.5vw;height:170vw;background:url(m_color.png?t=1753321745555)top center no-repeat;z-index: -1;}	
	
.m_door02 {position:absolute;width:26%;top:0;right: -5vw;z-index:2;background:url(m_door02_off.png?t=1753321745555)top center no-repeat;background-size:100%;pointer-events:none;overflow: hidden;}
.m_door02 .m_color {position:absolute;width:12.5vw;height:170vw;top:0;right:0;background:url(m_color.png?t=1753321745555)top center no-repeat;z-index: -1;}	
}
	



/*主標入稿*/
@media screen and (min-width:768px){
.Area_title .subtitle {position:absolute;width: 56%;top: 32px;left: 249px;z-index:5}
.Area_title .subtitle .layout_title  ul {display:flex;margin:0;padding:0;}
}
@media screen and (max-width:767px){
.Area_title .subtitle {position:absolute;width: 88%;height:auto;top: 3vw;left: 7vw;z-index:8;}	
}

/* 版頭品 */
@media screen and (min-width:768px){
.Area_PD{
    position: absolute;
    top: 281px;
    left: 73px;
}
.Area_PD .PD_layout{
    width: 81%;
}	
.Area_PD .PD_layout ul img{}			
}
@media screen and (max-width:767px){
.Area_PD{
    position: relative;
    top: -6vw;
}
.Area_PD .PD_layout{position: absolute;top: -60vw;}
}



/*活動倒數*/
.TimerNick2 {display:inline-block;position:relative;top: 73px;left:0;height:80px;z-index:99;letter-spacing: 0.5em;}
.TimerNick2 .FontStyle2 {display: inline-block;margin: 0 0 0 2px;padding: 0;border: 0;font: normal 38px/30px Arial;color: #fff;border-radius:5px;/*text-shadow:1px 1px 0px #fff;*/letter-spacing: 0px;text-align: center;}
.TimerNick2 span {padding-left: 2px;font: 409 26px/48px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0em;color:#aef1eb}
	@media screen and (max-width:767px){
	.TimerNick2 {display:inline-block;width:100%;position: relative;top: 7vw;left:0;margin:0;height:0;padding-bottom:7%;overflow:hidden;text-align:center;background-size:100%;z-index:20;letter-spacing: 0.5em;}
	.TimerNick2 .FontStyle2 {margin: 0;padding: 0;border: 0;font: lighter 4.5vw/5vw Arial;}
	.TimerNick2 span {padding-left:0;font: normal 3.8vw/5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;/* letter-spacing: -0.05em; */}
	}





/*輪播倒數公版*/
@media screen and (min-width:768px){
.Area_time  {height: 556px;}	
.Area_time .b_box {position:relative;margin:0 auto;background:url(pc_sale_bg2.png?t=1753321745555)top center no-repeat;background-size:100%;height: 580px;}	
.Area_time .b_box .Area_swiper{position: relative;width: 95%;overflow: hidden;margin: 0 auto;top: 51px;}
		
}
@media screen and (max-width:767px){
.Area_time  {height:100%;}
.Area_time .b_box {position:relative;margin: 0 auto;background:url(mo_sale_bg2.png?t=1753321745555)top center no-repeat;background-size:100%;height: 87vw;margin-bottom: -2.3vw;}
.Area_time .b_box .Area_swiper{position: relative;width: 89%;overflow: hidden;margin: 0 auto;top: 6vw;}
	
}


/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #5ddde8;}   
.Area_book0 .warningTxt h3{color: #ffffff;}
@media screen and (min-width:768px){
/* 區標 */	
.Area_book0 .box_txt {background:url(m_bottom01.png?t=1753321745555)top center no-repeat;background-size:100%;}
.Area_book0 .box_txt .layout_tt ul{padding: 101px 0 0 0;}
}	
@media screen and (max-width: 767px){
/* 區標 */
.Area_book0 .box_txt {background:url(m_bottom01.png?t=1753321745555)top center no-repeat;background-size:100%;}
.Area_book0 .box_txt .layout_tt ul{padding: 12vw 0 0 0;}	
.Area_book0 { width:100%;height:auto;}
.Area_danji{width: 92%; margin: 0 auto;}
}



/*8品*/
@media screen and (min-width:768px){
.Area_8PD {position: relative;height:100%;}
/* 區標 */
.Area_8PD .box_txt {background:url(mo_hot_box.png?t=1753321745555)top center no-repeat;background-size:100%;}
.Area_8PD .box_txt .layout_tt ul{padding: 145px 0 0 0;}
.Area_8PD .PD8_box .PD_layout{width: 96%;margin: 0 auto;}	

}
@media screen and (max-width:767px){
.Area_8PD {position: relative;height:100%;}
/* 區標 */
.Area_8PD .box_txt {background:url(mo_hot_box.png?t=1753321745555)top center no-repeat;background-size:100%;}
.Area_8PD .box_txt .layout_tt ul{padding: 16vw 0 0 0;}
.Area_8PD .PD8_box .PD_layout{width: 92%;margin: 0 auto;padding: 2vw 0 0 0;}	
	
}


/*輪播公版*/
@media screen and (min-width:768px){
.Area_sale  {height: 698px;}	
/* 區標 */	
.Area_sale .box_txt {background:url(m_bottom01.png?t=1753321745555)top center no-repeat;background-size:100%;}
.Area_sale .box_txt .layout_tt ul{padding: 101px 0 0 0;}

.Area_sale .b_box {position:relative;margin:0 auto;background:url(pc_sale_bg.png?t=1753321745555)top center no-repeat;background-size:100%;height: 520px;margin-top: -30px;}	
.Area_sale .b_box .Area_swiper{position: relative;width: 95%;overflow: hidden;margin: 0 auto;top: 78px;}


}
@media screen and (max-width:767px){
.Area_sale  {height:100%;}
/* 區標 */
.Area_sale .box_txt {background:url(m_bottom01.png?t=1753321745555)top center no-repeat;background-size:100%;}
.Area_sale .box_txt .layout_tt ul{padding: 12vw 0 0 0;}

.Area_sale .b_box {position:relative;/* width: 100%; */margin: 0 auto;background:url(mo_sale_bg.png?t=1753321745555)top center no-repeat;background-size:100%;height: 80vw;margin-top: -2vw;margin-bottom: -2vw;}
.Area_sale .b_box .Area_swiper{position: relative;width: 89%;overflow: hidden;margin: 0 auto;top: 7.5vw;}

	
}

/* --------------------------------------
* 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 #000000 !important; background-color: #000000 !important;}
/*推編輯按鈕 */  
.NavArea_tabbar_page .Nav input { position: fixed; left: 30%}



/*07_頁籤爆品6品_5區*/
@media screen and (min-width:768px){
	.Area_item {z-index: 30;height: auto;margin-top: 0px !important;margin-bottom: 25px!important;}
	.Area_item .Area_sale_bg {overflow: hidden;background:url(pc_item_bg.png?t=1753321745555)top center no-repeat;background-size:100%;margin-bottom: 0px;padding: 68px 0 25px 0;margin: -8px 0 0 0;} 
	.Area_item .NavArea_tabbar_page .Nav .swiper-slide-active i {display:block;border: 1.5px solid #337dff !important;background-color: #337dff  !important;}
	
	/* 區標 */	
	.Area_item .box_txt {background:url(mo_below_ttbg.png?t=1753321745555)top center no-repeat;background-size:100%;}
	.Area_item .box_txt .layout_tt ul{padding: 101px 0 0 0;}

	  
	/*頁籤*/	
	.Area_item .NavArea {display:block!important}		
	.Area_item .tab_swiper {overflow-y:clip!important}		
	.Area_item .NavArea_tabbar_page {padding-bottom: 22px;}		
	.Area_item .content_swiper {width:95%;margin:0 auto;overflow:hidden;margin-bottom:0px;}		
	
	.Area_item .box .layout_PD ul li:hover {box-shadow: none; }	
	}
	@media screen and (max-width: 767px){
	.Area_item {width: 100% !important;height:100%;margin-bottom: 3vw !important;}
	.Area_item .Area_sale_bg {overflow: hidden;background:url(mo_item_bg.png?t=1753321745555)top center no-repeat;background-size:100%;/* margin-bottom: 0vw; */position: relative;margin-top: -3vw;padding: 11vw 0 3vw 0;} 
	.Area_item .NavArea_tabbar_page .Nav .swiper-slide-active i {display:block;border: 0.1vw solid #3334ff !important;background-color: #3334ff !important;}
	  
     /* 區標 */
	.Area_item .box_txt {background:url(mo_below_ttbg.png?t=1753321745555)top center no-repeat;background-size:100%;}
	.Area_item .box_txt .layout_tt ul{padding: 9vw 0 0 0;}
	  
	/*頁籤*/	
	.Area_item .tab_swiper {overflow-y:clip!important}		
	.Area_item .NavArea_tabbar_page {padding-bottom: 2.1vw;}		
	.Area_item .content_swiper {padding-bottom:0.5vw;}		
	
	/*公版區*/		
	.Area_item .box .layout_PD ul li:hover {box-shadow: none; }	
	.Area_item .page_box .PD_layout {width: 95%;}	
  }
  







/*品牌*/
@media screen and (min-width:768px){
.Area_guan  {height:100%;padding-top: 60px;}
.Area_guan  .PD_layout{width: 53%;margin: 0 auto;}
}
@media screen and (max-width:767px){
.Area_guan  {height:100%;padding-top: 6vw;}
.Area_guan  .PD_layout{width: 75%; margin: 0 auto;}

}




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


	}



/*按鈕*/
.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);
}	




/* 版頭品 */
.Area_toppd { z-index: 10; top: 360px ; }
@media screen and (max-width:767px){
	.Area_toppd { z-index: 10; top: 0 ; margin-top: -58vw; padding-left: 4vw; }
}



	

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