@charset "utf-8";
/*基本*/
body {margin: 0; padding:0; background-color: #aa1e1e;}


/*全BOX版面*/
.WRAPPER { position: relative;margin: 0 auto; padding: 0;	width:100%; min-width:1220px; overflow: hidden;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border:0; vertical-align:top;}
.WRAPPER a { text-decoration:none;  display:inline-block;}
.WRAPPER .Area_top{position: relative; }
.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:1220px;}
	@media screen and (max-width:767px){
		.WRAPPER { padding-bottom:0px; margin:0 auto; display: block; min-width:100%;/*background: url("mb_bg.jpg?t=1764153993354") center top/ 100% repeat-y scroll;*/z-index: 0;}
		.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:100%;  }

	}


/*PC背景*/
@media screen and (min-width:767px){
  .bg_deco00 { z-index:-14; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; pointer-events:none;}
	.bgtop01 { z-index:-10; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:1100px; background-repeat:no-repeat; background-position:center top; }
	.bgtop02 { z-index:-11; position:fixed; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; }
	.bgtop_repeat { z-index:-30; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; pointer-events:none;}

}

/*mb背景
@media screen and ( max-width:767px) {
	.m_bg01 { z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position:center top; background-size:100%; }	
}*/


/*區塊_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 img{ width:100%;}
	.Area { position: relative;}

	}


/*LOGO CSS*/
.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;}
    }

/*提醒我按鈕*/
a.mo_remind_btn { z-index:9999; position: absolute!important; right: 0; top:63vw; width: 20%; opacity: .8;}

/*版頭區塊*/
@media screen and (min-width:768px){
	.Area_title {height: 910px;z-index: 20;}
	.Area_title .txt_soon{position:absolute; top:38px; left:650px ;z-index:2;}
	.Area_title .txtbg{position:absolute; top:437px; left:208px ;z-index:2;}

}
@media screen and (max-width:767px){
	.Area_title {height: 80vw;}
	.Area_title .mb_01{position:absolute; top:0; left:0 ;width: 100%; z-index:0;}
	.Area_title .txt_soon{position:absolute; top:4vw; left:45.5vw ;width:30%; z-index:2;}
  .Area_title .txtbg{position:absolute; top:43vw; left:8.5vw ;width:56%; z-index:2;}

 }

  /*版頭主標微調*/
  .Area_title .PD_layout .PD_slide{min-width:inherit;}
  .toptitle .PD_layout .PD a,.top_pd .PD_layout .PD a { pointer-events: none; }
  .toptitle .PD_layout .PD_slide:hover {transform: translateY(0px);box-shadow: none;}
  .toptitle .PD_layout li:nth-of-type(1) {position: absolute;top: 23px;left: 930px; z-index: 10;}
  .toptitle .PD_layout li:nth-of-type(2) {position: absolute;top: 114px;left: 53px; z-index: 10;}
  .toptitle .PD_layout li:nth-of-type(3) {position: absolute;top: 250px;left: 80px; z-index: 10;}

  .toptitle .PD_layout .PD img { width: 100%!important;}
  .toptitle { z-index: 5;}
  /*編輯按鈕移動*/
  #eWriterBtn_bt_B_000_00 { margin-left: 10px!important; margin-top: 60px!important; z-index: 99!important; }
  @media screen and (max-width:767px){
  .toptitle .PD_layout li:nth-of-type(1) {position: absolute;top: 5vw;left: 78.5vw;z-index: 10;width: 20%;}
  .toptitle .PD_layout li:nth-of-type(2) {position: absolute;top: 10vw;left: 2vw;z-index: 10;width: 55%;}
  .toptitle .PD_layout li:nth-of-type(3) {position: absolute;top: 18.7vw;left:4.7vw;z-index: 10;width: 48%;}
  .toptitle .PD_layout .PD img { width: 100%!important; }
   }


  /*輪播副標*/
  .Area_title .topsub {position: absolute;top:220px;left: 34px;width: 700px;height:160px;overflow: hidden;z-index: 10;}
  .Area_title .topsub ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;}
  .Area_title .topsub ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
  .Area_title .topsub 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 .topsub {width: 53%;height: 10.5vw;position: absolute;top: 21.5vw;left: 1.8vw;overflow: hidden;}
  }

  /*版頭品*/
  .Area_title .topPD2 { position: absolute; top:165px; left:565px; width: 717px; height:641px; overflow: hidden; z-index: 10;}
  .Area_title .topPD2 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;}
  .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: 62%;height: 55vw;position: absolute;top: 18vw;left: 39vw;overflow: hidden;}
  }

  

/*活動倒數*/
.TimerNick2 { z-index:10;position: absolute; top:450px; left:81.5px; display: inline-block; text-align: left;width: 595px;}
.TimerNick2 .FontStyle2 {display:inline-block; margin:0 0 0 0; padding:0; border:0; font:bold 40px/24px Arial; color:#fff; letter-spacing: 1px; text-align: center;height: 43px; line-height: 45px;/*background: #9c120f;*/border-radius: 2.5px;}
.TimerNick2 h2 { position: absolute; top:-28px; left:-279px; padding-left:3px; font: bold 40px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em; color:#fff;}
.TimerNick2 span { padding-left:3px; font: normal 30px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em; color:#fff;}

@media screen and (max-width:767px){
  .TimerNick2  {width:70%;top: 30vw;left: 5vw;}
  .TimerNick2 .FontStyle2 {  margin: 3% 0 0 0;padding: 0.5vw 0vw;border: 0; font: normal 4.4vw/4vw Arial;height: 8vw;line-height: 8vw;border-radius: 1.5vw;}
  .TimerNick2 span { padding-left: 0; font: bold 3vw/3vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.0.5em;}
	
}


/*小標題調整*/
.PD_text { position: relative;left:0px;top:0; height: auto; width: 70%; z-index: 1;}
.PD_text2 { position: relative;left:0px;top:0; height: 70px; width: 60%;z-index: 1;}

.PD_text .PD a,.box_PD_txt .PD a { pointer-events: none; }
.PD_text2 .PD a,.box_PD_txt .PD a { pointer-events: none; }
.PD_text.PD_layout .PD_slide:hover {transform: none;filter:none; box-shadow: none;}
.PD_text2.PD_layout .PD_slide:hover {transform: none;filter:none; box-shadow: none;}

@media screen and (max-width:767px){
.PD_text {position: relative;top:0;left:0;height: auto;width: 80%;}
.PD_text2 {position: relative;top:0;left:0;height: 13vw;width: 85%;}		

}


/*最高回饋(線上入搞)*/
@media screen and (min-width:768px){
.Area_event { position: relative; height: auto; margin-bottom:20px;}
.Area_event .layout_event ul {width:90%;margin:0 auto; padding:0% 2% 0% ;grid-gap: 0px;}
.layout_event.PD_layout .PD_slide:hover {transform: translateY(0px);box-shadow: none;}
.Area_event .layout_event ul li {padding:3%;margin:0 auto;}
  
}

@media screen and (max-width:767px){
.Area_event{height: auto;margin-bottom:3vw;}
.Area_event .layout_event{width:100%;margin:0;padding:0;margin-bottom:0; }
.Area_event .layout_event ul {margin:0 auto;padding:0% 1.5% 0;grid-gap:0px!important;}
.Area_event .layout_event ul li {margin: 0 auto;padding:1.5%;}
  
}


/*登記*/
@media screen and (min-width:768px){
.Area_book0 {position: relative;height:auto; margin:0 auto; padding:0;}
.Area_book0 .Area_danji {width:100%;}
.Area_book0 .Area_danji .danji_box{width: 870px;}
}
  @media screen and (max-width:767px){
  .Area_book0 { width:100%;height:auto; padding: 0; margin-bottom:1vw;/*background: url("mb_book_bg1.png?t=1764153993354") center top/ 100% no-repeat scroll;*/ }
  .Area_book0 .box { padding-top:0;}
  .Area_book0 .Area_danji { width:94%; margin: 0 auto;}
  }



/*回饋x2(線上入搞)*/
@media screen and (min-width:768px){
.Area_event2 { position: relative; height: auto; margin-bottom:40px;}
.Area_event2 .layout_event2 ul {width:90%;margin:0 auto; padding:0% 2%  ;grid-gap: 0px!important;}
.Area_event2 .layout_event2 ul li {padding:0%;margin:0 auto;}
.layout_event2.PD_layout .PD_slide:hover {transform: translateY(5px);box-shadow: none;}
  
}

@media screen and (max-width:767px){
.Area_event2{height: auto;margin-bottom: 1vw;}
.Area_event2 .layout_event2{width:100%;margin:0;padding:0;margin-bottom:0; }
.Area_event2 .layout_event2 ul {margin:0 auto;padding: 1% 4% 0%;grid-gap:0px!important;}
.Area_event2 .layout_event2 ul li {margin: 0 auto;padding: 0%;}
  
}


/*好康x2(線上入搞)*/
@media screen and (min-width:768px){
.Area_event3 { position: relative; height: auto; margin-bottom:40px;}
.Area_event3 .layout_event3 ul {width:98%;margin:0 auto; padding:0% 2%  ;grid-gap: 0px;}
.Area_event3 .layout_event3 ul li {padding:2%;margin:0 auto;}
.layout_event3.PD_layout .PD_slide:hover {transform: translateY(5px);box-shadow: none;}
  
}

@media screen and (max-width:767px){
.Area_event3 {height: 28vw;margin-bottom:5vw;}
.Area_event3 .layout_event3 {width:100%;margin:0;padding:0;margin-bottom:0; }
.Area_event3 .layout_event3 ul {margin:0 auto;padding:0% 2% 0;grid-gap:0px!important;}
.Area_event3 .layout_event3 ul li {margin: 0 auto;padding:2.5%;}
  
}


/*新品上市*/
.Area01 {height: auto;}
.Area01 .layout_Area01 {width:96%;/*background-color: #b3d2f1;*/border: 0px solid #000; border-radius:1em; padding:10px; margin: 0 auto 45px}
.Area01 .box .layout_Area01 {width: 91%;/*background-color: #b3d2f1;*/border: 0px solid #000;border-radius:1em;padding: 0;margin: 0 auto 0;}
.Area01 .layout_Area01 ul {width: 100%;}
/*底圖*/
.Area01 .start {width: 100%;}
.Area01 img{width: 100%;}
.Area01 .box {background: url("Area02repeat.png?t=1764153993354") center top/ 100% repeat-y scroll;}
.Area01 .end {width: 100%;}

  @media screen and (max-width:767px){
  .Area01 {padding-bottom: 0;margin-bottom: 3vw;}
  .Area01 .layout_Area01 {width:100%;border-radius:1em; padding:0 0; margin: 0 auto 0% }
  .Area01 .layout_Area01 ul {width: 100%; margin-bottom: 0;}

  }
	

/*熱銷明星爆品*/
.Area02 {height: auto;}
.Area02 .layout_Area02 {width:98%;/*background-color: #b3d2f1;*/border: 0px solid #000; border-radius:1em; padding:0; margin: 0 auto 45px}
.Area02 .layout_Area02 ul {width: 100%;}


  @media screen and (max-width:767px){
  .Area02 {adding-bottom: 0;margin-bottom: 3vw;}
  .Area02 .layout_Area02 {width:100%;border-radius:1em; padding:0 0; margin: 0 auto 6% }
  .Area02 .layout_Area02 ul {width: 94%; margin-bottom: 3vw;}

  }






/*分類(線上入搞)*/
@media screen and (min-width:768px){
.Area_activity { position: relative; height: auto; margin-bottom:40px;}
.Area_activity .layout_activity ul {width:100%;margin:0 auto; padding:0% 2% 0% ;grid-gap: 0px;}
.Area_activity .layout_activity ul li {padding:0%;margin:0 auto;}
.layout_activity.PD_layout .PD_slide:hover {transform: translateY(5px);box-shadow: none;}
 
}

@media screen and (max-width:767px){
.Area_activity{height: auto;margin-bottom:3vw;}
.Area_activity .layout_activity{width:100%;margin:0;padding:0;margin-bottom:0; }
.Area_activity .layout_activity ul {margin:0 auto;padding:0 2%;grid-gap:0!important;}
.Area_activity .layout_activity ul li {margin: 0 auto;padding:0%;}
.layout_activity.PD_layout .PD_slide:hover {transform: translateY(5px);box-shadow: none;}

}


/*分類(線上入搞)*/
@media screen and (min-width:768px){
  .Area_logoo { position: relative; height: auto; margin-bottom:40px;}
  .Area_logoo .layout_logoo ul {width:100%;margin:0 auto; padding:0% 3% 0% ;grid-gap: 0px;}
  .Area_logoo .layout_logoo ul li {padding:3%;margin:0 auto;}
  .layout_logoo.PD_layout .PD_slide:hover {transform: translateY(5px);box-shadow: none;}
   
  }
  
  @media screen and (max-width:767px){
  .Area_logoo{height: auto;margin-bottom:3vw;}
  .Area_logoo .layout_logoo{width:100%;margin:0 auto;padding:0; }
  .Area_logoo .layout_logoo ul {margin:0 auto;padding: 4% 2% 0;grid-gap:0!important;}
  .Area_logoo .layout_logoo ul li {margin: 0 auto;padding:1%;}
  .layout_logoo.PD_layout .PD_slide:hover {transform: translateY(5px);box-shadow: none;}
  
  }
  


/*旗艦館(線上入搞)*/
@media screen and (min-width:768px){
.Area_flag { position: relative; height: auto; margin-bottom:20px;}
.Area_flag .layout_flag ul {width:65%;margin:0 auto; padding:0 ;grid-gap: 0px;}
.Area_flag.PD_layout .PD_slide:hover {transform: translateY(0px);box-shadow: none;}
.Area_flag .layout_flag ul li {padding:0;margin:0 auto;}
  
}

@media screen and (max-width:767px){
.Area_flag{height: auto;margin-bottom:1vw;}
.Area_flag .layout_flag{width:80%;margin:0 auto;padding:0 }
.Area_flag .layout_flag ul {margin:0 auto;padding:2% 0% 0;grid-gap:0px!important;}
.Area_flag .layout_flag ul li {margin: 0 auto;padding:0%;}
  
}



@media screen and (min-width:767px){
.mbottom1 { margin-bottom:25px !important}
.mbottom2 { margin-top:180px !important}
}
@media screen and (max-width:767px){
.mbottom1 { margin-bottom:4vw !important}

}


/*Appletxt*/
.apple_txt{ position: relative;margin:30px auto; color:#fff;font-size: 12px; text-align: center;}
@media screen and (max-width:767px){
.apple_txt{position: relative;margin:0 0 0 0;padding: 3% 4% 3% 4%; color:#fff; }
}


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


/**延遲載圖用**/
.mainArea .articleList * img.lazy {display:none;} 



/*文案白色*/
.Area_danji .danji_box .activityText p { color: #000 !important;}
.Area_danji .danji_box .activityText .Tip { color: #000 !important;}
.Area_danji .danji_box .content p {color: #000 !important;}