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

/*基本*/
body{ margin:0; padding:0;}



/*全BOX版面*/
.WRAPPER { position: relative; display:block; margin: 0 auto; padding: 0; width:100%;  min-width:1220px; overflow:hidden; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; background:#fffdf3;}
.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;}
	}
	
	
/*背景*/
@media screen and (min-width:767px){
.bg{ z-index:0; position:absolute;top:0; width:100%; min-width:1220px; height:1130px; background: url(bg_01.jpg?t=1770965518042) no-repeat center top ;}

}
	@media screen and (max-width:767px){
.mbg{ z-index:0; position:absolute;top:0; width:100%;height:133vw; background: url(mb_01.jpg?t=1770965518042) center 100% / 100% no-repeat scroll;}

	}


/*背景*/
.bgtop  { z-index:0; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%;}
	@media screen and (max-width:767px){
		.bgtop { min-width: inherit; background-size:100%;}
	}
	
	

	
/*黏人快速鍵(白色款)*/
.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:500px;}
	/*一般LOGO*/
.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; }
.momologo-white a path { fill:#ffffff; }
	@media screen and (max-width:767px){
		.momologo { display:none;}
	}
/*品牌日*/
/* .momologo a:hover {opacity: 1; background-image:url(momo_logo.png?t=1770965518042);} */
/*品類日*/
/* .momologo a:hover {opacity: 1; background-image:url(momo_logo2.png?t=1770965518042);}
      @media screen and (max-width:767px){
        .momologo {z-index: 999;position:absolute;top: 1vw;left:2vw;}
        .momologo a {  width:22vw!important; height:12vw!important;}
		a:hover{background-size: 45%}		  
      } */


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

  @media screen and (min-width:768px){
	.event_tittle{
		width: 100%;
		margin: 0 auto;
		padding: 10px;
		text-align: center;
		font-size: 34px;
		letter-spacing: 2px;
		color: #595757;
		font-weight: bold;
		padding-top: 100px;
	}
	.Area00 .PD_layout .PD h4{font-size: 1.8em;}
	.Area00 .PD1_box .PD_layout ul li{padding-bottom:10%;}
	.Area00 .PD_layout ul {background-color: inherit;grid-gap:2.5%!important;width:100%;}
	.Area00 .PD1_box .PD_layout .PD p .Price{font-size: 30px;}
	.Area00 .PD1_box .PD_layout .PD p small{font-size:18px;}

	.Area00 .PD2_box .PD_layout .PD a {padding-left: 12%;}
	.Area00 .PD2_box .PD_layout .PD .PD_img {width: 30%;}
	.Area00 .PD2_box .PD_layout .PD h3 span{height: 2em; line-height: 1em; color: #D62672;font-size:2.3em;}
	.Area00 .PD2_box .PD_layout .PD h3 {max-height: 2.8em;}
	.Area00 .PD2_box .PD_layout .PD_into  { margin: 5% 0 0;}
}

  @media screen and (max-width:767px){
	.Area00 .PD_layout .PD h4{font-size: 1.3em!important;}
	.Area00 .PD1_box .PD_layout ul {background-color: inherit;grid-gap: 1%;width: 95%;}

	.Area00 .PD2_box{margin-top: 2%;}
	.Area00 .PD2_box .PD_layout .PD .PD_img {width: 40%;padding-top: 7%;}
	.Area00 .PD2_box .PD_layout .PD h3 {font-size:1.8em!important;max-height:0.8em;}
	.Area00 .PD2_box .PD_layout .PD h3 span{height: 1em; line-height: 1em; color: #D62672;font-size:0.7em!important;}
	.Area00 .PD2_box .PD_layout .PD_into  { width: 100%;}
	.Area00 .PD_layout .PD h4{font-size: 1.2em !important;}
	.Area00 .PD2_box .PD_layout .PD_into  { margin: 10% 0 0;}
}


.Area00{margin: 5% auto;}
.Area00 .PD2_box .PD_layout ul {padding: 0;    width: 96%;}
.Area00 .PD2_box .PD_layout ul li{background-color:#fff6f9;width: 95%;    border: 1px solid #f3c8dc;border-radius:20px;}
.Area00 .PD2_box .PD_layout .PD h3 span{height: 2em; line-height: 1em; color: #D62672;font-size:2.3em;}
.Area00 .PD2_box .PD_layout .PD h4 span{height: 2em; line-height: 2em; color: #D62672;font-weight: 800!important;}

.Area00 .PD1_box .PD_layout ul li{background-color: #FFF;	border: 1px solid #d9d9d9;	border-radius: 5%;}

@media screen and (min-width:768px){
	.PD_layout.PD_layout-btn li .PD h3{width:390px;height: 2.76em;font-size: 1.7em!important;}
}
@media screen and (max-width:767px){
	.PD_layout.PD_layout-btn li .PD h3{width: 60vw;}
}

.PD_layout.PD_layout-btn li .PD h3{	height: 2.76em; 
	height: 2.76em;
	line-height: 1em;
	text-align: center;
	color: #fff;
	background: #3cbaad;
	border-radius: 4px;
	border:1px solid #ffffff;
	margin: 10% auto;
}
.Area_GameStyle{width: 95%;margin: 2% auto;border-radius:20px;padding: 2% 0 ;}




.Area_GameStyle{background: #f4f4f4ba;}
.Area_GameStyle h3{color: #00a19b;}
/*活動倒數*/
.TimerNick {position: absolute;top: 846px;left: 340px;display: inline-block;z-index: 8;text-align: center;color: #ffffff;}
.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: 103.7vw;left: -2vw;}
      .TimerNick .FontStyle {margin: 0;padding: 0;border: 0;font: bold 6.7vw/0vw Arial;}
      .TimerNick span {padding-left: 0;font: bold 3.5vw/5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;/*letter-spacing: -0.05em;*/}
    }



/*隱鑶*/
.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'