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

/*基本*/
body{ margin:0; padding:0;background:#1d7ae9;}



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

	
/*黏人快速鍵(白色款)*/
.fixed_Area {z-index:999; position:fixed; top:20px; right:0px; width:100px; font-weight:800; font-size:16px; line-height:48px; font-family:Century Gothic, "微軟正黑體",Helvetica; text-align:center;
			-webkit-transform: rotate3d(0,0,0,0deg) translate3d(0,0,0); transform: rotate3d(0,0,0,0deg) translate3d(0,0,0); -webkit-transform-origin:top right; transform-origin:top right;
			  -webkit-transition: all 0.2s ease;
				 -moz-transition: all 0.2s ease;
				  -ms-transition: all 0.2s ease;
				   -o-transition: all 0.2s ease;
					  transition: all 0.2s ease;}
.fixed_Area a { display:block; text-decoration: none; color: #000;}
.fixed_Area img {-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;}
.fixed_Area .box ul { margin:0; padding:0; list-style:none;}
.fixed_Area .box li { margin:0 0 1px 0; padding:0; height:48px; background-color:rgba(255,255,255,0.6);}
.fixed_Area .box li a { letter-spacing:-1px;height:48px; overflow:hidden;}
.fixed_Area .box li a:hover { background-color:rgba(255,255,255,1);}
.fixed_Area .box li.cate-hover { background-color:rgba(255,255,255,1);}
.fixed_Area .box h2 { margin:0; padding:0;}
	/*快速導覽*/
	.fixed_Area h3 { position: absolute; top:100px; right:-50px; margin:0; padding:35px 0 0 0; border-radius:10px; width:48px; height:82px; font-size: 16px; line-height:30px; writing-mode: tb-lr; writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; background-color:rgba(255,255,255,0.6); text-align:left; cursor:pointer;
			-webkit-transform-origin:top left; transform-origin:top left;
			  -webkit-transition: all 0.2s ease;
				 -moz-transition: all 0.2s ease;
				  -ms-transition: all 0.2s ease;
				   -o-transition: all 0.2s ease;
					  transition: all 0.2s ease;}
	.fixed_Area h3 i { position: absolute; top:0; right:0; display:block; width:50px; height:50px; cursor:pointer;}
	.fixed_Area h3 i:before { content: ""; position:absolute; top:41%; left:37%; display:block; border:1px solid #000; border-width:0 1px 1px 0; width:15%; height:15%; -webkit-transform:translate(-50%,-50%) rotate(135deg); transform:translate(-50%,-50%) rotate(135deg); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
			/*黑色款*/
			.fixed_Area.fixed_Area-dark a { color: #fff;}
			.fixed_Area.fixed_Area-dark .box li { background-color:rgba(0,0,0,0.5);}
			.fixed_Area.fixed_Area-dark .box li a:hover { background-color:rgba(0,0,0,1);}
			.fixed_Area.fixed_Area-dark .box li.cate-hover { background-color:rgba(0,0,0,1);}
            .fixed_Area.fixed_Area-dark h3 {background-color:rgba(0,0,0,0.5);color: #fff; }
            .fixed_Area.fixed_Area-dark h3  i:before { border-color:#fff;}



			/*收合黏人精*/
			.fixed_Area.fixed_Area_hide { -webkit-transform: rotate3d(0,0,0,0deg) translate3d(150px,0,0); transform: rotate3d(0,0,0,0deg) translate3d(150px,0,0); }
			.fixed_Area.fixed_Area_hide h3 { -webkit-transform: rotate3d(0,0,0,0deg) translate3d(-185px,0,0); transform: rotate3d(0,0,0,0deg) translate3d(-185px,0,0); 
											 -webkit-transition-delay:0.2s; transition-delay:0.2s;}
/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.Area a { display:block;margin: auto;} 
.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);}
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
			@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
		
	}


/*版頭*/ 
.Area_top {height:630px;}
@media screen and (min-width:768px){
.Area_top .momologo { z-index:2; position: absolute;top:15px; left:30px;}
.Area_top .momologo a { display:block; width:200px; height:60px; background: url(momo_logo.png?t=1750753480439) no-repeat;}
.Area_top .momologo a:hover{ background: url(momo_logo.png?t=1750753480439) no-repeat;}
}
	@media screen and (max-width:767px){
		.Area_top {height: 110vw;z-index: 0}
		.Area_top .momologo {top: 2vw; left: 2vw;}
		.Area_top .momologo a{background-size:46%;}
		
/*提醒我按鈕*/
a.mo_remind_btn { z-index:10; position: absolute; right: 0; top:93vw; width: 17%;}	  

		
	}
.bank_bn{ position:absolute; top:200px; left:0; z-index:3;}


/*版頭輪播*/
.Area_pdA_swiper {display:block;  width:1220px;height: 100%;  position: absolute; left:0px; top:0px; }
.pd_A_swiper a { }
	@media screen and (max-width:767px){
	.Area_pdA_swiper {display:block;width:100%;height: auto;position: absolute;left:0vw;top:0vw;}	
	
		}

.Area_pdA_swiper .icon_ { position: absolute;}
.Area_pdA_swiper .icon_1,
.Area_pdA_swiper .icon_3{ top:5px;left:200px;z-index:3}
.Area_pdA_swiper .icon_5{ top:5px;left:200px;z-index:3}

.Area_pdA_swiper .icon_2,
.Area_pdA_swiper .icon_4,
.Area_pdA_swiper .icon_6 {top:110px;left:525px;right: 90px;;z-index:3}


@media screen and (max-width:767px){
.Area_pdA_swiper .icon_ { position: absolute;}
.Area_pdA_swiper .icon_1,
.Area_pdA_swiper .icon_3,
.Area_pdA_swiper .icon_5 {top: 1vw;left: 24vw;z-index: 3;width: 57%;}
.Area_pdA_swiper .icon_2,

.Area_pdA_swiper .icon_6 {top: 41vw;left: 16vw;z-index:3;width: 82%;}
	
.Area_pdA_swiper .icon_4{top:43vw;left:26vw;z-index:3;width:71%;}
}  


@media screen and (min-width:768px){
	.main{position: absolute;top: 133px;width: 37%;margin: 0 10%;}	 
	.date{position: absolute;top: 118px;width: 10%;margin: 0 36%;}	
	.coming{position: absolute;top: 375px;width: 31%;margin: 0 6%;}

	}
	
	@media screen and (max-width:767px){
		.main{position: absolute;top: 17vw;width: 53%;margin: 0px 10%;}	 
		.date{position: absolute;top: 14vw;width:16%;margin: 0 45%;}	
		.coming{position: absolute;top: 45vw;width: 50%;margin: 0 7%;}
		.deco{position: absolute;top:18vw;}	
	  
		}

		
@media screen and (min-width:768px){
	.title_box{margin:5% auto 2%;}	

	
	.title_sub .sub_box {width:500px;}
	.title_sub .sub_box .PD_layout ul img{width:100%;}
	
	.title_sub  {position:absolute;top:406px;left:105px;}
	}
	@media screen and (max-width:767px){
	.title_box{margin:3% auto 2%;}	

	
	.title_sub  {position:absolute;top:51vw;left:0vw;}
	.title_sub .sub_box {width: 70vw;}
	.title_sub .sub_box .PD_layout ul img{width:100%;}
	}
	.title_sub .sub_box ul{display: flex;flex-direction: row;flex-wrap: nowrap;}
/*活動倒數*/
.TimerNick {position: absolute;top:670px;left:540px;display: inline-block;z-index: 8;text-align: center;color: #ffffff;text-shadow: 0vw 0vw 20px #8a6532;}
.TimerNick .FontStyle {display: inline-block;margin: 0 0 0 10px;padding: 0;border: 0;font: bold 51px/40px Arial;letter-spacing: 0px;text-align: center;}
.TimerNick span { padding-left: 2px;font: bold 29px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.025em;}
    @media screen and (max-width:767px){
      .TimerNick  {width: 100%;top: 114.7vw;left: 18vw;text-shadow: 0vw 0vw 2vw #8a6532;}
      .TimerNick .FontStyle {margin: 0;padding: 0;border: 0;font: bold 5.1vw/0vw Arial;}
      .TimerNick span {padding-left: 0;font: bold 3.1vw/5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: 0.05em;}
    }


    .momologo a { display:block; width:151px; height:57px; background-size: 100%; transition: .5s opacity; opacity: 1; background-image:url(momo_logo.png?t=1750753480439);background-repeat: no-repeat; }
    .momologo a:hover {opacity: 1; background-image:url(momo_logo.png?t=1750753480439);}
      @media screen and (max-width:767px){
        .momologo { z-index: 999; position:absolute; top:2vw; left:2vw; }
        .momologo a {  width:37vw; height:12vw;}
		a:hover{background-size: 45%}		  
      }


	  .Area01{margin-bottom: 5%;}
	  .Area01 .PD_layout ul li .PD .PD_into:nth-child(even) {animation-name:horizon-play;animation-duration:1.5s;animation-iteration-count: infinite;animation-direction: alternate;}	
	  .Area01 .PD_layout ul li .PD .PD_into:nth-child(odd) {animation-name:horizon-play2;animation-duration:1.5s;animation-iteration-count: infinite;animation-direction: alternate;}	
  .Area01 .PD_layout ul a {flex-direction: column-reverse;}
  .Area01 .PD_layout ul .PD h3{background-color: inherit!important;}
  .Area01 .PD_layout ul .PD h4{color: #fff;}
  .Area01 .PD_layout ul .PD h4 b{display: none;}
  .Area01 .PD_layout ul .PD p{color: #ffea00;}
  .Area01 .PD_layout ul li {border: none;margin-bottom: -15%;}	
  .Area01 .PD_layout ul li .PD_into{padding-bottom: 0;}
  .Area01 .PD_layout .PD p del{color: #929292}
  @media screen and (min-width:768px){
.Area01 .PD_layout ul li .PD_into::after {content: '';position: absolute;z-index: -2;width: 410px;height: 215px;background-image: url(PD1_bg.png?t=1750753480439);background-repeat: no-repeat;background-size: 100%;left: -15px;top: -4px;pointer-events: none;}	

  .Area01 .PD_layout ul{background-color: inherit;padding-top:40px;padding-left:70px;padding-right:80px;grid-gap:25px;}
  .Area01 .PD_layout ul li:nth-child(even) .PD{background: url(PD2_deco.png?t=1750753480439) center 92% / 100% no-repeat scroll;}
  .Area01 .PD_layout ul li:nth-child(odd) .PD{background: url(PD1_deco.png?t=1750753480439) center 88% / 100% no-repeat scroll;}
 
  .Area01 .PD_layout ul li:nth-child(even) {margin-top:20%!important;}
  .Area01 .PD_layout ul li .PD_img{padding:2.7em 2em 2em;}
  .Area01 .PD_layout ul .PD h3{margin:28px 0 0 0;font-size:28px;}
  .Area01 .PD_layout ul .PD h4{font-size: 20px;}
  .Area01 .PD_layout ul .PD .Price{font-size: 38px;}
   }
  
   @media screen and (max-width:767px){
	.Area01 .PD_layout ul li .PD_into::after {content: '';position: absolute;z-index: -2;width: 60vw;height: 35vw;background-image: url(PD1_bg.png?t=1750753480439);background-repeat: no-repeat;background-size: 100%;left: -7vw;top: 1vw;pointer-events: none;}	

  .Area01 .PD_layout ul li:nth-child(even) .PD{background: url(PD2_deco.png?t=1750753480439) center 102% / 100% no-repeat scroll;}
  .Area01 .PD_layout ul li:nth-child(odd) .PD{background: url(PD1_deco.png?t=1750753480439) center 102% / 100% no-repeat scroll;}
  
  .Area01 .PD_layout ul li:nth-child(even) {margin:15% auto 0;}
  .Area01 .PD_layout ul{background-color: inherit;padding:3vw 3vw 0;grid-gap:2vw;}
  .Area01 .PD_layout ul li .PD_img{padding: 1em 1.5em 0px;}
  .Area01 .PD_layout ul .PD h3{margin-bottom: 0;margin-top:3vw;font-size:4.5vw;height: 8vw;}
  .Area01 .PD_layout ul .PD h4{margin:0;}
  
  }

  .Area02  .act03.PD_layout ul li:nth-child(1){  grid-column: 1 / 4;grid-row: 1 / 2;}
  .Area02  .act03.PD_layout ul li:nth-child(2){  grid-column: 1 / 4; grid-row: 2 / 4;}
  .Area02  .act03.PD_layout ul li:nth-child(3){ grid-column: 5 / 7; grid-row: 1 / 4; transform: scale(1.02);}

.Area03{margin: 7% auto;}
.Area03 .PD_layout{width: 95%;}
.Area03 .PD_layout ul{border: solid 5px #ffea00;}

.Area04{margin:5% auto;}
.Area04 .Area_PD1{margin-top: 5%;}
.Area04 .PD_layout ul {margin-bottom: 5%;}
.Area04 .PD_layout ul li{background: url(PD4_bg.png?t=1750753480439) center 0 / 100% no-repeat scroll;} 
.Area04 .PD_layout ul li .PD_into{padding: 0;} 
.Area04 .swiper-pagination-bullet-active{background:#007aff!important;}
@media screen and (min-width:768px){
.Area04 .PD_layout ul li .PD h3{padding: 0 1em;color: #ff6c00;background-color: #ffffff;border: solid 3px #ff6c00;margin: 0 auto;font-size:24px;width: 90%;} 
.Area04 .PD_layout-btn li .PD h3{font-size: 33px;}	
.Area04 .Area_swiper_box .swiper-pagination {bottom: -20px !important;}
.Area04 .PD_layout ul li .PD .PD_img{width: 80%;margin:30px auto 0;}
.Area04 .Area_swiper,
.Area04 .Area_swiper_box{overflow: visible; margin-bottom: 3%;}
.Area04 .PD_layout .PD p {color:#fff;position: absolute;top: 0px;background-color: #ff6c00;padding: 4% 6%;line-height: 30px;height: 55px;border-radius: 25px;}
.Area04 .PD_layout .PD p .Price{font-size:40px; font-family:Century Gothic, "微軟正黑體",Helvetica;}
.Area04 .PD_layout .PD p .money { font-size: 30px; }

}
@media screen and (max-width:767px){
	.Area04 .PD_layout ul li .PD h3 span {margin-top: -0.8vw;}
	.Area04 .PD_layout ul li .PD h3{padding: 0 1em;color: #ff6c00;background-color: #ffffff;border: solid 1vw #ff6c00;margin: 0 auto;font-size:5vw;width: 90%;} 
	.Area04 .PD_layout ul li .PD .PD_img{width: 80%;margin:5vw auto 0;}
.Area04{margin: 14vw 0 4vw;}
	.Area04 .PD_layout ul{margin-bottom: 2vw!important;}
	.Area04 .PD_layout .PD p {color:#fff;position: absolute;top: 0px;background-color: #ff6c00;padding:4%;line-height:6vw;height:9vw;border-radius: 5vw;}
.Area04 .PD_layout .PD p .Price{font-size:6vw!important; font-family:Century Gothic, "微軟正黑體",Helvetica;}
.Area04 .PD_layout .PD p .money { font-size: 5vw!important; }
}
.PD_layout-btn li { border: none; text-align: center; list-style: none!important; }
  




/* --------------------------------------
* 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%}
                    


.Area05 .Area_K1{margin-top:5%;}
.Area05 .PD_layout{width: 95%;}
@media screen and (min-width:768px){
.Area05 .page{background-color: #ffea00;border-radius:20px;padding-bottom:20px;max-height: 1350px;}
.Area05 .content_swiper{overflow: hidden;}
}

@media screen and (max-width:767px){
.Area05 .page{background-color: #ffea00;border-radius: 3vw;padding-bottom: 2vw;max-height: 182vw;}
}



.Area06{margin:5% auto 0;padding:5% 0;}
.Area06 .PD_layout{margin-top:7%;}
@media screen and (min-width:768px){
	.Area06 .PD_layout ul li{margin-bottom: -14%;}
.Area06 .PD_layout ul li:nth-child(even){margin-top:30%;}
.Area06 .PD_layout ul li:nth-child(6), 
.Area06 .PD_layout ul li:nth-child(7), 
.Area06 .PD_layout ul li:nth-child(8), 
.Area06 .PD_layout ul li:nth-child(9){margin-left:60%;}
}
@media screen and (max-width:767px){
	.Area06 .PD_layout{margin:5% auto;}
	.Area06 .PD_layout ul{grid-gap:0.7em!important;padding: 0px 1.7em!important;    margin-bottom: 4%;	}
	.Area06 .PD_layout ul li{margin-bottom: -38%;}
	.Area06 .PD_layout ul li:nth-child(1), 
	.Area06 .PD_layout ul li:nth-child(3), 
	.Area06 .PD_layout ul li:nth-child(4), 
	.Area06 .PD_layout ul li:nth-child(6), 
	.Area06 .PD_layout ul li:nth-child(7), 
	.Area06 .PD_layout ul li:nth-child(9){margin-top:30%;}
}

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

    @import'Area_boxstyle'