@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; 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:#f8ecdc;}
		.WRAPPER img {  width:100%;  height:auto;}
	}



/*PC背景*/
.bg_00 { z-index:-2; 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:-50; 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:822px;left:0; width:100%; height:100%; background-repeat:repeat-y; background-position:center top; pointer-events:none;}
.bg_deco { z-index:-49; position:absolute;top:400px;left:0; width:100%; height:100%; background-repeat:repeat-y; background-position:center top; pointer-events:none;}
@media screen and (max-width:767px){
		}




/*提醒我按鈕*/
.mo_remind_btn {z-index: 5;  position: absolute !important;right:0;top:233vw;width:22%;}	


	

	
/*版頭區塊*/
.Area_title { height:645px;}
.title_01 {
    position: absolute;
    left: -20px;
    top: 160px;
    animation-delay: .5s;
    z-index: 1;
}
.title_02 {position:absolute;left:455px;top:177px;animation-delay:.8s;z-index:-1}
.title_03 {
    position: absolute;
    left: -80px;
    top: 207px;
    animation-delay: 1s;
    z-index: -1;
}
.title_04 {position:absolute;left:487px;top:294px;animation-delay:1s;z-index:-1}
@media screen and (max-width:767px){
			.Area_title {height: 149vw;}
			.title_01 {position:absolute;left: 0vw;top:7vw;z-index:2;width:95%;animation-delay:.5s;}
			.title_02 {position:absolute;left:7vw;top:12vw;z-index:0;width:33%;animation-delay:.8s;}
			.title_03 {position:absolute;left: 12vw;top: 16vw;z-index:0;width: 75%;animation-delay:1s;}
			.title_04 {position:absolute;left:10vw;top:28vw;z-index:0;width:25%;animation-delay:1s;}
		}




/*副標*/
.Area_title .title_swiper {
    position: absolute;
    width: 520px;
    height: 80px;
    left: -10px;
    top: 400px;
    z-index: 5;
    animation-delay: 0s;
}
.Area_title .title_swiper ul { padding: 0; text-align:center;}
.Area_title .title_swiper ul li { list-style: none outside none; }
.Area_title .title_swiper img {
    /* [disabled]width:100%; */
    height: auto;
    padding-left: 0;
}
.Area_title .title_swiper .pagination { position:relative;}
		@media screen and (max-width:767px){
	    .Area_title .title_swiper {position:absolute;left:5%;top: 42vw;width:90%;height:19vw;}
		.Area_title .title_swiper ul{padding:0; margin:0; width:100%;}
		.Area_title .title_swiper ul li{list-style:none;margin:0; padding:0;}
	    .Area_title .title_swiper ul li img{width:85%;}
		}

/*版頭品*/
.pd_top{
    position: relative;
    top: 0;
    left: 280px;
}
@media screen and (max-width:767px){
	.pd_top{position: relative;top: -100vw;left: 2vw;}
}
/*2大攻略*/
.Area_activ {
    height: 485px;
}
.Area_activ .activ01 {position:relative;left:0;top:150px;width:100%;z-index:5;}
		@media screen and (max-width:767px){
			.Area_activ { height:100%;}
			.Area_activ .activ01 { position:absolute;left:0;top:18vw;width:100%;padding-bottom:0;}
		}

	/*登記*/
	.Area_activ .danji { position:relative;left:0px;top:150px;width:1220px;z-index:8}
	.Area_activ .danji ul{display:block;height:220px;margin:0;padding:0}
	.Area_activ .danji ul li {list-style: none;float:left;margin:0; padding:0;}
	.Area_activ .danji .content0_0 { position:absolute;left:445px;top:130px;z-index:9;color:#e9d8be;visibility:visible;}
	.Area_activ .danji .content0_1 { position:absolute;left:240px;top:198px;z-index:9;color:#530010;visibility:visible;}
				@media screen and (max-width:767px){
			}


	/*整點搶5折神券*/
    .Area_activ .coupon_bg {position:relative;left:0;top:140px;width:100%;}
	.Area_coupon {height:360px;}
	.Area_coupon .coupon{position:absolute;left:70px;top:543px;width:31%;z-index:5;padding-bottom:0px;}
	.Area_coupon .kind  { position: absolute;margin:-25px 0 0 415px;padding:0;list-style:none;display:flex;flex-wrap:nowrap;box-sizing: border-box;}
	.Area_coupon .kind li {filter: brightness(0.5);width: 25%; margin: 0 0 0 40px; cursor: pointer; }
	.Area_coupon .kind li.selected {filter: brightness(1)}
	.Area_coupon .kind li img {width:98%}
				@media screen and (max-width:767px){
				.Area_coupon {height:100%;}
				.Area_activ .coupon_bg {position:absolute;left:0;top:68vw;width:100%;}
				.Area_coupon .coupon {position:absolute;left:0%;top:85vw;width:100%;z-index:0;}
				.Area_coupon .coupon img{ width:100%;}
					
				.Area_coupon .kind  {position:absolute;width:80%;top:69vw;left:17%;margin:0;list-style:none;display:flex;flex-wrap:wrap; padding:0; box-sizing: border-box; }
				.Area_coupon .kind li {/*filter:brightness(0.5);*/width:25%; margin:0;padding:1vw 0; cursor: pointer; }
				.Area_coupon .kind li:nth-child(5) {margin:1vw 0 0 15vw;padding:0;}
				.Area_coupon .kind li.selected {filter: brightness(1)}
				.Area_coupon .kind li img {width:80%;}
			}









/*攻略03-06*/
.Area_activ .activ {position:relative;left:3.5%;top:29%;width:95%;z-index:5;}
.Area_activ .activ ul{padding:0; margin:0; display:inline-block; width:100%;}
.Area_activ .activ ul li {position:relative;list-style:none;float:left;margin:0;padding:0;width:50%;}
.Area_activ .activ ul li img{width:100%;}
		@media screen and (max-width:767px){
			.Area_activ { height:100%;}
			.Area_activ .activ  {position:absolute;left:0;top: 24vw;width:100%;padding-bottom:0;}
			.Area_activ .activ ul{padding:0; margin:0; width:100%;}
		    .Area_activ .activ ul li{margin:0; padding:1% 0; width:50%;}
		    .Area_activ .activ ul li:nth-child(3){margin:0; padding:1% 0; width:100%;}
		    .Area_activ .activ ul li:nth-child(4){margin:0; padding:1% 0; width:100%;}
			.Area_activ .activ ul li img{width:100%;}
		}

/*銀行輪播*/
.Area_activ .bank_swiper { position:absolute;width:520px;height:100px;left:640px;top:960px;z-index:5;animation-delay:0s}
.Area_activ .bank_swiper ul { padding: 0; text-align:center;}
.Area_activ .bank_swiper ul li { list-style: none outside none; }
.Area_activ .bank_swiper img {  width:100%;height:auto; padding-left:0;}
.Area_activ .bank_swiper .pagination { position:relative;}
		@media screen and (max-width:767px){
	    .Area_activ .bank_swiper {position:absolute;left:5%;top:170vw;width:90%;height:19vw;}
		.Area_activ .bank_swiper ul{padding:0; margin:0; width:100%;}
		.Area_activ .bank_swiper ul li{list-style:none;margin:0; padding:0;}
	    .Area_activ .bank_swiper ul li img{width:85%;}
		}



/*按鈕三顆*/
.Area_bottom { height:180px;}
.Area_bottom .bottom {position:relative;left:0;top:0px;width:100%;z-index:5;}
.Area_bottom .bottom ul{padding:0; margin:0; display:inline-block; width:100%;}
.Area_bottom .bottom ul li {position:relative;list-style:none;float:left;margin:0;padding:0;width:100%;}
.Area_bottom .bottom ul li img{width:100%;}
		@media screen and (max-width:767px){
			.Area_bottom { height:100%;}
			.Area_bottom .bottom { position:relative;left:0;top:0;width:100%;padding-bottom:0;}
			.Area_bottom .bottom ul{padding:0; margin:0; width:100%;}
		    .Area_bottom .bottom ul li{margin:0; padding:1% 0; width:100%;}
			.Area_bottom .bottom ul li img{width:100%;}
		}


/*BN輪播*/
.Area_bn{height: 154px;overflow: hidden;}
@media screen and (max-width:767px){
	.Area_bn ul li{padding-left:  2vw;width: 960px; height: 44vw; overflow: hidden;}
	}


/*區塊7*/
.Area07 {width:1220px; height:523px;position:relative; margin:0 auto; box-sizing:border-box;padding:40px 0 0;}
.Area07 .list_00 ul {display:inline-block;}
.Area07 .list_00 li {list-style:none;float:left;overflow: hidden;}
@media screen and (max-width:767px){
.Area07 {width:100%;height: 118vw;padding:0;padding-bottom:0vw;margin-bottom:0vw;}
.Area07 .pc_guan  {position:absolute;width: 89%; left:7vw;top:10vw; }
.Area07	.pc_guan  ul {width:100%; }
.Area07	.pc_guan  ul li { width:50%;}	
.Area07	.pc_guan  ul :nth-child(1){width:100%;}
	}


/*區塊9*/
.Area09 {width:1220px; height:1660px;position:relative; margin:0 auto; box-sizing:border-box;padding:30px 0 0;}
@media screen and (max-width:767px){
.Area09 {width:100%;height:auto;padding:0;background-color: #fefaed;padding-bottom:0vw;margin-bottom:3vw;}
	}





/*輪排輪播區*/
.Area_4PDb {}
.Area_4PDb .page { position:absolute;height:800px;width:31%;left:21px; margin-bottom:0px;z-index:6;display:flex;flex-direction:column;background-color: #fefaed;}
.Area_4PDb .page .cate-hover { filter: brightness(1);}
.Area_4PDb .page a { filter: brightness(0.5);}
.Area_4PDb .page a img {width:100%;}
.Area_4PDb .box { overflow: hidden; height:900px;}
@media screen and (max-width:767px){
  .Area_4PDb {}
  .Area_4PDb .page { position:relative;height:20vw;width:98%;top:4vw;left:1%; margin-bottom: 0;z-index:0;display:flex;flex-direction:row;flex-wrap:nowrap;}
  .Area_4PDb .page a{padding:0;}
  .Area_4PDb .box { position: relative; height:140vw;top:0vw;}
}


/*錨點*/
.Area_move { height:150px;}
.Area_move .move {position:relative;left:0;top:0;width:100%;z-index:5;}
.Area_move .move ul{padding:0; margin:0; display:inline-block; width:100%;}
.Area_move .move ul li {position:relative;list-style:none;float:left;margin:0;padding:0;width:10%;}
.Area_move .move ul li img{width:100%;}
		@media screen and (max-width:767px){
			.Area_move { height:100%;}
			.Area_move .move  { position:relative;left:0;top:0;width:100%;padding-bottom:0;}
			.Area_move .move ul{padding:0; margin:0; width:100%;}
		    .Area_move .move ul li{margin:0; padding:1% 0; width:20%;}
			.Area_move .move ul li img{width:100%;}
		}










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









		

/*活動倒數*/
.TimerNick { position: absolute; top:578px; left:600px; display: inline-block; z-index:8; text-align: center;}
.TimerNick .FontStyle { display: inline-block; margin: 0 0 0 5px; padding: 0; border: 0; font: normal 24px/30px Arial; color:#7c612c; letter-spacing: 2px; text-align: center;}
.TimerNick span { padding-left: 2px; font: normal 18px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em; color:#311a1a;}
@media screen and (max-width:767px){
  .TimerNick  { width: 100%; top:144vw; left:0vw;}
  .TimerNick .FontStyle { margin: 0; padding: 0; border: 0; font: bold 5vw/5vw Arial; }
  .TimerNick span { padding-left: 1vw; font: bold 4vw/5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;}
}

/*活動倒數*/
.TimerNick2 { position: absolute; top:577px; left:650px; display: inline-block; z-index: 1; text-align: center;}
.TimerNick2 .FontStyle { display: inline-block; margin: 0 0 0 5px; padding: 0; border: 0; font: normal 24px/30px Arial; color:#7c612c; letter-spacing: 2px; text-align: center;}
.TimerNick2 span { padding-left: 2px; font: normal 18px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em; color:#311a1a;}
@media screen and (max-width:767px){
  .TimerNick2  { width: 100%; top: 143vw; left:0;}
  .TimerNick2 .FontStyle { margin: 0; padding: 0; border: 0; font: bold 5vw/5vw Arial; }
  .TimerNick2 span { padding-left: 1vw; font: bold 4vw/5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;}
}




/*區塊_all*/
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.Area {
    position: relative;
    margin: 0 auto;
    padding: 0;
    /* [disabled]border-radius: 0; */
    text-align: center;
    top: 0;
}
.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;}


	}




/*版頭*/
.Area_top {}
.Area_top .momologo { z-index:8; position: absolute;top: 20px; left:40px;}
.Area_top .momologo a { display:block; width:200px; height:71px; background: url(momo_logo.png?t=1753171594593) no-repeat;}
.Area_top .momologo a:hover{ background: url(momo_logo_on.png?t=1753171594593) no-repeat;}
	@media screen and (max-width:767px){
		.Area_top { height: auto;}
		.Area_top .momologo { display: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);
}	
	
	

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