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

/*基本*/
html, body {
	margin: 0;
	padding: 0;
	background-color:#47b4df;
	}
	@media screen and (max-width: 767px) {
	html, body {
		background-size: contain;
		background-color: #47b4df;
	}
	}


/*全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;}
	}

/*區塊_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%;}
	}



/*背景*/
.bg_top { 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;}
.bottom{ z-index:0; position: fixed; top:700px; left:0; width:100%; height:100%; background: no-repeat center top;  pointer-events:none; animation-delay:0.5s;}
.deco { z-index:2; position: absolute; top:40px; left: 0px; width: 100%; min-width: 1220px; height: 100%; background: url(deco.png?t=1773725943020) no-repeat center top; pointer-events: none; }
	@media screen and (max-width:767px){
		.bg_top-m {z-index:0; display:inherit; position: absolute; top:8vw; left:0; width:100%; height:100%;background: no-repeat center top; background-size:100%;}
		.bg_top { display:none; background:none !important;}
		.deco_m{ width:100%; position: absolute;z-index: 100;}
	}



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

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


/*版頭LOGO-PC*/
.Area_top {height:813px; }
.Area_top .momologo { z-index:99; position: absolute;}
.Area_top .momologo a { display: block;width:489px;height:67px;background: url(momo_logo.png?t=1773725943020) no-repeat;left:253px; top:0px;}
.Area_top .momologo a:hover{ background: url(momo_logo.png?t=1773725943020) no-repeat;}

.Area_top .title{position: absolute;
	left: 14px;
	top: 104px;
	z-index: 5;}

	@media screen and (max-width:767px){
		.Area_top { height:92vw;}
		.Area_top .momologo { display:none;}
		.Area_top .title{position: absolute;
			left: 2vw;
			top: 21vw;
			width: 100%;}
	}
	

/*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_act{height:100%;}
  @media screen and (max-width:767px){
	.Area_act {height: 100%;}
  }


/*超品日BN*/
.Area_banner { }    
.Area_banner .bg { position: absolute; left: 50%; top: 0px; width:914px; height: 1278px; transform: translateX(-50%); background: url(m_layout_bg.png?t=1773725943020) no-repeat top / 100%;}
@media screen and (max-width:767px){
.Area_banner {height: 192vw  }
.Area_banner .bg { position: absolute; left: 50%; top:0vw; width: 100%; height:180vw; transform: translateX(-50%); background: url(m_layout_bg.png?t=1773725943020) no-repeat top / 100%;}
		}



/*精選品牌輪播*/
.Area_momocard { padding:25px 0 0; height:830px; margin:0 auto 40px}
.Area_momocard .momoareatitle { margin: 10px 70px 32px; 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:118vw; padding:0; margin:4vw auto 8vw; width:100%; background-size: 102%;}			
			.Area_momocard .momoareatitle { margin:0 auto; height:9vw; 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;}		
		}



/*按鈕2*/
.Area_btn2 {position: relative; top:30px; left:0; margin:0 auto; padding:0; text-align: center;  background:center top no-repeat;}
.Area_btn2 ul { display: inline-block;margin:200px auto 0; padding:0;  width:454px; 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 9px; 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:48vw; margin:0 auto; padding:0; background-size: 100%; }
	.Area_btn2 ul { width:50%; margin:19vw 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:9vw;}
	.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%;}
	*/
}


/*注意事項*/
.Area_QA { margin-top: 0;}
.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: #fff;}
  @media screen and (min-width:768px){ 
  }
  @media screen and (max-width:767px){
    .Area_QA { margin-top: 0}
  }

  @media screen and (max-width: 767px) {
    .detailArea {
        margin-top: 0!important;
        width: 90% !important;
        padding: 0 3% 0 7% !important;
    }
}


/*02QA*/  
.QAbox .moreButton .fix.up::after { transform:rotate(0deg);}
.QAbox .moreButton .fix.down::after { transform:rotate(180deg);}
.QAbox .moreButton {
    border: 1px #4d4d4d solid !important;
}
  @media screen and (min-width:768px){
    .Area_QA { min-height: 500px;}
    .Area_QA .box { margin-bottom: 50px;}
    .QAbox { padding: 0 130px; margin-top: -60px;;}
  }
  @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;}
  }

  .textArea { margin: 0 auto !important;}



 @media screen and (min-width: 768px){  
	.Area_QA .bg { background-color: #5bcdc2; position: absolute; top:0; left: 0; width: 100%; height: 105%; z-index: 0;}
 }
 @media screen and (max-width:767px){
	.Area_QA .bg {background-color: #5bcdc2; position: absolute; top:0; left: 0; width: 100%; height: 110%; z-index: 0;}
 }