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

/*基本*/
body{ margin:0; padding:0; background: url(bg.jpg?t=1751279349721)top center repeat-y;}
	@media screen and (max-width:767px){
		body{ background: url(bg.jpg?t=1751279349721)top center repeat-y;}
	}


/*全BOX版面*/
.WRAPPER { z-index:0; position: relative; display:block; margin: 0 auto; padding:0; overflow:hidden; width:100%; min-width:1220px; text-align:left; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; overflow: hidden; }
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent}
.Area ul {display:inline-block; margin:0 auto;}
/*.Area li {float:left;}*/
	@media screen and (max-width:767px){
		.WRAPPER {min-width: inherit; min-height:100vh;}
		.WRAPPER img {  width:100%;  height:auto;}
	}



/*背景*/
.bg_top-1 { z-index:0; position: absolute; top:0; left:0; width:100%; height:100%; background: no-repeat center top;  pointer-events:none; animation-delay:0.5s;}
.bg_top-2 { z-index:-2; position: absolute; top:0; left:0; width:100%; height:100%; background: no-repeat center 468px;  pointer-events:none; }

.bgdeco { z-index: 99; position: absolute; top: 0px; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgdeco.png?t=1751279349721) repeat-y center top; transition: 0.5s linear; pointer-events: none;}

.bg_top-m { display:none; background:none;}
	@media screen and (max-width:767px){
		.bg_top-m { display:inherit; position: absolute; top:0; left:0; width:100%; height:100%;background: no-repeat center top; background-size:100%;}
		.bg_top-1 { display:none; background:none !important;}
		.bg_top-2 { z-index:-2; position: absolute; top:0; left:0; width:100%; height:100%; background: no-repeat center ;  pointer-events:none;}
	}

/*如何使用支付*/
.Area0 { height: 1260px }
	@media screen and (max-width:767px){
		.Area0 { height: 174vw!important}
		
	}



.Area1 .text01{position: relative;top: 0; left: 0px; font-size: 24px;color: #1c0e0b;    margin: 20px 0;}
@media screen and (max-width:767px){
	.Area1 .text01{ position: relative;top: 0; left: 0px; font-size: 4vw;color: #1c0e0b; margin: 2vw 0;}
	
}




/*注意事項*/
.Area_QA { margin-top: 85px;}
.Area_game .box { position: relative; z-index: 2; margin:0 auto; overflow: hidden; padding: 0 1%;}
.Area_game .btn  { position: absolute;}
.Area_game .txt_cpNum { position: absolute; color: #494848;}
  @media screen and (min-width:768px){ 

  }
  @media screen and (max-width:767px){
    .Area_QA { margin-top: -7vw;}

  }


/*02QA*/  
.QAbox .moreButton .fix.up::after { transform:rotate(0deg);}
.QAbox .moreButton .fix.down::after { transform:rotate(180deg);}
  @media screen and (min-width:768px){
    .Area_QA { min-height: 500px;}
    .Area_QA .box { margin-bottom: 50px;}
    .QAbox { padding: 0 120px; margin-top: 25px;}
  }
  @media screen and (max-width:767px){
    .Area_QA .box { margin-bottom: 6vw;}
    .QAbox { width: 100%; margin: 0 auto; padding-top: 3vw;}
    .Area_QA .QAtitle { width: 45%; margin-left: 28vw;}
  }










/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:left; }
.Area a { position:relative; display:block;} 
		  
.Area1220 { margin:0 auto; width:1220px;}
.Area1290 { margin:0 auto; width:1290px;}
.Area960 { margin:0 auto; width:960px; }
	@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area1290 { width:100%;}
		.Area960 { width:100%;}
	}





/*版頭LOGO-PC*/
.Area_top {height:1000px ; margin-bottom: -225px}
.Area_top .momologo { z-index:99999; position: absolute;top: 38px; left:40px;}
.Area_top .momologo a { display: block;width: 556px;height: 126px;background: url(momo_logo.png?t=1751279349721) no-repeat;left: 291px;top: -25px;}
.Area_top .momologo a:hover{ background: url(momo_logo.png?t=1751279349721) no-repeat;}
	@media screen and (max-width:767px){
		.Area_top { height: auto;}
		.Area_top .momologo { display:none;}
	}
	

/*MB-LOGO*/
.Area_logo   { z-index:50; position:absolute; }
.Area_logo a { display:block;}
  @media screen and (max-width:767px){
    .Area_logo { top:0; left:0; width:100%;/* filter: drop-shadow(0 5px 7px rgba(0,0,0,0.4));*/}
    .Area_logo img { width:100%; height:auto;}
  }





/*版頭區塊*/
.Area_title {  height: 187px;;top: -604px ;left: -124px;}
@media screen and (max-width:767px){
	.Area_title {margin-top: 2vw; height: 183vw;top: 12vw; width: 96%;left: 3vw; }
		}


/*超品日BN*/
.Area_banner { margin-bottom: 50px; }
.Area_banner   {}    

@media screen and (max-width:767px){
	.Area_banner{width: 95%;margin-bottom: 20vw; }
		}



/*活動*/
.Area_banner  .linkA{display: block; position: absolute; bottom: 111px;left: 238px;font-size:20px;line-height:1.7;font-weight:800;font-family: "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica;text-align:left;margin:0; padding: 0.5rem 0; font-size:30px; line-height:1.4; color: inherit; letter-spacing: -0.5px;}
.Area_banner  .linkB{display: block; position: absolute; bottom: 130px;left: 238px;font-size:20px;line-height:1.7;font-weight:800;font-family: "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica;text-align:left;margin:0; padding: 0.5rem 0; font-size:30px; line-height:1.4; color: inherit; letter-spacing: -0.5px;}
.Area_banner a {color: #fff;}
.Area_banner a:hover {color: #fff09c;}

@media screen and (max-width:767px){
	.Area_banner  .linkA{font-size:4vw; height: auto; bottom:7%; left: 11%;}
	.Area_banner  .linkA a {}
	.Area_banner  .linkB{font-size:4vw; height: auto; bottom:9%; left: 11%;}
}





/*版頭輪播*/
.pc_toppd_box{position: absolute;top: 399px; left:427px; width:524px; height:390px; }		
.pc_toppd_swiper { display:block; z-index:1;}
		@media screen and (max-width:767px){
			.pc_toppd_box{top:51vw; left:3%; width:94%; height:auto;} 		
			.pc_toppd_swiper { height:100%; top: 0px;   left:0px;}	

		}


/*bn輪播*/
.Area_swiper {position: relative;top: 0px; left:0px; height:150px; margin:0 auto 80px; }
.Area_swiper .swiper-slide img:nth-child(2) { display:none;}
.Area_swiper .pc_swiper_bn { padding:0 0 30px;}
		@media screen and (max-width:767px){
			.Area_swiper{top:0vw; left:0; width:94%;  height:54vw; margin:0 auto 8vw; overflow:hidden;} 		
			.Area_swiper .swiper-slide img:nth-child(1) { display:none;}
			.Area_swiper .swiper-slide img:nth-child(2) { display: block;}
			.Area_swiper .pc_swiper_bn { padding:0 0 5vw; height:50vw; overflow:hidden;}
		}



/*精選品牌輪播*/
.Area_momocard { padding:10px 0 0; height:830px; background:url(layout02_bg.png?t=1751279349721) center bottom no-repeat; margin:0 auto 40px}
.Area_momocard .momoareatitle { margin: 10px 120px 25px; height:89px;}
.Area_momocard .pc_momocard_swiper { width:800px; height: auto; padding:0 0 30px; margin:0 auto;}
.Area_momocard .pc_momocard_swiper .swiper-slide {}
.Area_momocard .pc_momocard_swiper .swiper-slide img { width: 100%; height: auto;}
@media screen and (max-width:767px){
			.Area_momocard { height:130vw; padding:0; margin:0 auto 8vw; width:100%; background-size: 100%;}			
			.Area_momocard .momoareatitle { margin:0 auto; height:12vw; width:90%;}
			.Area_momocard .pc_momocard_swiper { height:110vw;background-image:none;padding:0; margin:5% auto 0 5%; width: 90%;left:0;}	
			.Area_momocard .pc_momocard_swiper .swiper-slide:nth-child(even) {margin-top:0;}		
		}


/*主打品背景*/
.Area_p_bg { background:url(Area_p_bg_re.png?t=1751279349721) center top repeat; margin:146px auto;}
.Area_p_bg:before { content: ""; display: block; z-index: 0; position: absolute;  top: -66px; height: 66px; width: 100%; background:url(Area_p_bg_top.png?t=1751279349721) center top no-repeat;}
.Area_p_bg:after { content: ""; display: block; z-index: 0; position: absolute;  bottom: -86px; height: 86px; width: 100%; background:url(Area_p_bg_bot.png?t=1751279349721) center bottom no-repeat;}
	@media screen and (max-width:767px){

.Area_p_bg { background-size:100%; margin:15vw auto; padding:1vw 0 0;}
.Area_p_bg:before {  background-size:100%;  top: -5.1vw; height: 20vw; }
.Area_p_bg:after {  background-size:100%;  bottom: -6.7vw; height:20vw; }

		}



/*品牌logo*/
.Area_brand_logo { height: auto;}
.Area_brand_logo  ul {margin:0 auto; width:100%; padding:0; overflow:hidden; margin-left:34px;}
.Area_brand_logo  ul li { list-style:none; width:19%; display:inline-block; float:left; margin:0px 0px 0 0px ; padding:0px; box-sizing:border-box;  position:relative;}
.Area_brand_logo  ul li a { display:block; text-decoration:none;}
.Area_brand_logo  ul li a img{ width:100%; }
.brand_logo_bg { z-index:-10; position:relative;width:1220px;height:711px; top:37px;background-repeat:no-repeat;background-position:center top;pointer-events:none;background-image: url(brand_logo_bg.png?t=1751279349721);}

	@media screen and (max-width:767px){
	.Area_brand_logo { height:100%; position: relative; margin:0vw 0; width:100%; padding:0; box-sizing:border-box; top: auto; left: auto;}
	.Area_brand_logo ul {margin:0;  overflow:hidden; margin-left:0px; background-image:url(mbg.jpg?t=1751279349721); background-size:100%; }
	.Area_brand_logo ul li {list-style:none; display:inline-block; float:left; width:20%; margin:0; padding: 0; }
	.Area_brand_logo li a { display:block;  padding:0;text-decoration:none; box-sizing: border-box; }
	.Area_brand_logo li a img{ width:100%; margin:0; }	
		}
			

/*按鈕*/
.Area_btn_top {position: relative; left:0; margin:0px auto 60px; padding:0; height:162px; text-align: center; overflow:hidden; background:url(Area_btn_top_bg.png?t=1751279349721) center top no-repeat; }
.Area_btn_top ul { display:inline-block; margin:20px 0 0 300px; padding:0; width:720px;}
.Area_btn_top ul li a { position:relative;}
.Area_btn_top ul li a img {  transition-duration: 0.2s; width:100%;}
.Area_btn_top ul li { float:left; margin:5px 10px; transition-duration: 0.3s;}
.Area_btn_top ul li:hover { 
animation: ease-in-out;
-webkit-transform: translateY(-5px); scale(1);filter:brightness(115%);
-moz-transform: translateY(-5px); scale(1);filter:brightness(115%);
-ms-transform: translateY(-5px); scale(1);filter:brightness(115%);
-o-transform: translateY(-5px); scale(1);filter:brightness(115%);
transform: translateY(-5px); scale(1);filter:brightness(115%);
}
@media screen and (max-width:767px){
	.Area_btn_top { width:100%; height:30vw; margin:0 auto 6vw; padding:0;background:url(m_02.jpg?t=1751279349721) center top no-repeat; background-size:100%; }
	.Area_btn_top ul { margin:11vw auto 0; padding:0; width:90%}
	.Area_btn_top ul li a { position:relative;}
	.Area_btn_top ul li a img {  transition-duration: 0.2s;}
	.Area_btn_top ul li { margin:0vw 1% 1vw ; width:23%;}
	.Area_btn_top ul li:hover { 
		animation: ease-in-out;
		-webkit-transform: none;filter:brightness(100%);
		-moz-transform: none;filter:brightness(100%);
		-ms-transform: none;filter:brightness(100%);
		-o-transform: none;filter:brightness(100%);
		transform: none;filter:brightness(100%);
	}
}

/*按鈕*/
.Area_btn {position: relative; left:0; margin:0px auto 60px; padding:0; text-align: center; height:260px; background:center top no-repeat;}
.Area_btn ul { display: inline-block;margin:80px auto 0; padding:0; width:1140px;}
.Area_btn ul li a { position:relative; }
.Area_btn ul li a img {  transition-duration: 0.2s; width:100%;}
.Area_btn ul li { float:left; margin:10px auto; transition-duration: 0.3s; width:50%;}
.Area_btn ul li:hover { 
animation: ease-in-out;
-webkit-transform: translateY(-5px); scale(1);filter:brightness(115%);
-moz-transform: translateY(-5px); scale(1);filter:brightness(115%);
-ms-transform: translateY(-5px); scale(1);filter:brightness(115%);
-o-transform: translateY(-5px); scale(1);filter:brightness(115%);
transform: translateY(-5px); scale(1);filter:brightness(115%);
}

/*純文字版
.Area_btn ul li a { text-shadow:0 1px 1px rgba(0,0,0,0.5); font-size:22px; line-height:24px; font-weight: bolder; font-family:"Century Gothic", "微軟正黑體", sans-serif; text-decoration:none; color:#fff; width:126px; padding:16px 0; }
.Area_btn ul li { background: linear-gradient(#ff298d,#e80266); border-radius:100px;}
*/

@media screen and (max-width:767px){
	.Area_btn { width:100%; height:44vw; margin:10vw auto; padding:0; background-size:90%;}
	.Area_btn ul { width:94%; margin:0 auto; padding:0; display:inline-block; -webkit-display:inline-block;}
	.Area_btn ul li a { position:relative; font-size:4.5vw; width:100%;}
	.Area_btn ul li a img {  transition-duration: 0.2s;}
	.Area_btn ul li { margin:0 auto; width:100%; height:auto;}
	.Area_btn ul li:hover { 
		animation: ease-in-out;
		-webkit-transform: none;filter:brightness(100%);
		-moz-transform: none;filter:brightness(100%);
		-ms-transform: none;filter:brightness(100%);
		-o-transform: none;filter:brightness(100%);
		transform: none;filter:brightness(100%);
	}

	/*純文字版
	.Area_btn ul li a { font-size:4.5vw; width:100%;}
	*/
}



/*按鈕2*/
.Area_btn2 {position: relative; left:0; margin:0px auto; padding:0;top:-281; text-align: center;  background:center top no-repeat;}
.Area_btn2 ul { display: inline-block;margin:160px auto 0; padding:0;  width:402px; background:center top no-repeat; list-style: none;}
.Area_btn2 ul li a { position:relative; }
.Area_btn2 ul li a img {  transition-duration: 0.2s; width:100%;}
.Area_btn2 ul li { float:left; margin:0 auto 25px; transition-duration: 0.3s;}
.Area_btn2 ul li:nth-child(2) {  margin:0 auto 0; }
.Area_btn2 ul li:hover { 
animation: ease-in-out;
-webkit-transform: translateY(-5px); scale(1);filter:brightness(115%);
-moz-transform: translateY(-5px); scale(1);filter:brightness(115%);
-ms-transform: translateY(-5px); scale(1);filter:brightness(115%);
-o-transform: translateY(-5px); scale(1);filter:brightness(115%);
transform: translateY(-5px); scale(1);filter:brightness(115%);
}

/*純文字版
.Area_btn2 ul li a { text-shadow:0 1px 1px rgba(0,0,0,0.5); font-size:22px; line-height:24px; font-weight: bolder; font-family:"Century Gothic", "微軟正黑體", sans-serif; text-decoration:none; color:#fff; width:126px; padding:16px 0; }
.Area_btn2 ul li { background: linear-gradient(#ff298d,#e80266); border-radius:100px;}
*/

@media screen and (max-width:767px){
	.Area_btn2 { width:100%; height:50vw; margin:0 auto; padding:0; background-size: 100%; }
	.Area_btn2 ul { width:50%; margin:18vw auto 0; float:inherit; display:inline-block;  background-size:90%;}
	.Area_btn2 ul li a { position:relative; font-size:4.5vw; width:100%;}
	.Area_btn2 ul li a img {  transition-duration: 0.2s;}
	.Area_btn2 ul li { margin:0 auto 4vw; width:100%; height:12vw;}
	.Area_btn2 ul li:hover { 
		animation: ease-in-out;
		-webkit-transform: none;filter:brightness(100%);
		-moz-transform: none;filter:brightness(100%);
		-ms-transform: none;filter:brightness(100%);
		-o-transform: none;filter:brightness(100%);
		transform: none;filter:brightness(100%);
	}

	/*純文字版
	.Area_btn2 ul li a { font-size:4.5vw; width:100%;}
	*/
}
	
/*按鈕3*/
.Area_btn_p {position: relative; left:0; margin:100px auto 80px; padding:0; text-align: center; height: 720px; background: center top no-repeat;}
.Area_btn_p ul { display: inline-block;margin:160px auto 0; padding:0;}
.Area_btn_p ul li a { position:relative; }
.Area_btn_p ul li a img {  transition-duration: 0.2s; width:100%;}
.Area_btn_p ul li { float:left; margin:0 7px 20px; transition-duration: 0.3s; width:230px; height:257px;}
.Area_btn_p ul li:hover { 
animation: ease-in-out;
-webkit-transform: translateY(-5px); scale(1);filter:brightness(115%);
-moz-transform: translateY(-5px); scale(1);filter:brightness(115%);
-ms-transform: translateY(-5px); scale(1);filter:brightness(115%);
-o-transform: translateY(-5px); scale(1);filter:brightness(115%);
transform: translateY(-5px); scale(1);filter:brightness(115%);
}

/*純文字版
.Area_btn_p ul li a { text-shadow:0 1px 1px rgba(0,0,0,0.5); font-size:22px; line-height:24px; font-weight: bolder; font-family:"Century Gothic", "微軟正黑體", sans-serif; text-decoration:none; color:#fff; width:126px; padding:16px 0; }
.Area_btn_p ul li { background: linear-gradient(#ff298d,#e80266); border-radius:100px;}
*/

@media screen and (max-width:767px){
	.Area_btn_p { width:100%; height:270vw; margin:0 auto 6vw; padding:0; background-size:90%; }
	.Area_btn_p ul { width:82%; margin:20vw auto 0; padding:0; display:inline-block; -webkit-display:inline-block;}
	.Area_btn_p ul li a { position:relative; font-size:4.5vw; width:100%;}
	.Area_btn_p ul li a img {  transition-duration: 0.2s;}
	.Area_btn_p ul li { margin:0 1% 5vw; width:48%; height:46vw;}
	.Area_btn_p ul li:hover { 
		animation: ease-in-out;
		-webkit-transform: none;filter:brightness(100%);
		-moz-transform: none;filter:brightness(100%);
		-ms-transform: none;filter:brightness(100%);
		-o-transform: none;filter:brightness(100%);
		transform: none;filter:brightness(100%);
	}

	/*純文字版
	.Area_btn_p ul li a { font-size:4.5vw; width:100%;}
	*/
}

/*按鈕4*/
.Area_btn4 {position: relative; left:0; margin:0px auto 80px; padding:0; text-align: center; height:580px; background:center top no-repeat;}
.Area_btn4 ul { display: inline-block;margin:160px auto 0; padding:0; width:1206px }
.Area_btn4 ul li a { position:relative; }
.Area_btn4 ul li a img {  transition-duration: 0.2s; width:100%;}
.Area_btn4 ul li { float:left; margin:10px 5px; transition-duration: 0.3s; width:191px; height:191px}
.Area_btn4 ul li:hover { 
animation: ease-in-out;
-webkit-transform: translateY(-5px); scale(1);filter:brightness(115%);
-moz-transform: translateY(-5px); scale(1);filter:brightness(115%);
-ms-transform: translateY(-5px); scale(1);filter:brightness(115%);
-o-transform: translateY(-5px); scale(1);filter:brightness(115%);
transform: translateY(-5px); scale(1);filter:brightness(115%);
}

/*純文字版
.Area_btn4 ul li a { text-shadow:0 1px 1px rgba(0,0,0,0.5); font-size:22px; line-height:24px; font-weight: bolder; font-family:"Century Gothic", "微軟正黑體", sans-serif; text-decoration:none; color:#fff; width:126px; padding:16px 0; }
.Area_btn4 ul li { background: linear-gradient(#ff298d,#e80266); border-radius:100px;}
*/

@media screen and (max-width:767px){
	.Area_btn4 { width:100%; height:158vw; margin:0 auto 6vw; padding:0; background-size: 90%;}
	.Area_btn4 ul { width:90%; margin:20vw auto 0; padding:0; display:inline-block; -webkit-display:inline-block;}
	.Area_btn4 ul li a { position:relative; font-size:4.5vw; width:100%;}
	.Area_btn4 ul li a img {  transition-duration: 0.2s;}
	.Area_btn4 ul li { margin:0 auto 2.5%; width:33.3%; height:auto;}
	.Area_btn4 ul li:hover { 
		animation: ease-in-out;
		-webkit-transform: none;filter:brightness(100%);
		-moz-transform: none;filter:brightness(100%);
		-ms-transform: none;filter:brightness(100%);
		-o-transform: none;filter:brightness(100%);
		transform: none;filter:brightness(100%);
	}

	/*純文字版
	.Area_btn4 ul li a { font-size:4.5vw; width:100%;}
	*/
}
	
	

/*hover*/
.hover0 {transition-duration: 0.3s;}
.hover0:hover { 
animation: ease-in-out;
-webkit-transform: translateY(-5px); scale(1);filter:brightness(115%);
-moz-transform: translateY(-5px); scale(1);filter:brightness(115%);
-ms-transform: translateY(-5px); scale(1);filter:brightness(115%);
-o-transform: translateY(-5px); scale(1);filter:brightness(115%);
transform: translateY(-5px); scale(1);filter:brightness(115%);
}