@charset "utf-8";
/* CSS Document */
/* --------------------------------------
 * Layout.css
 * -------------------------------------- */


  /*PC背景-背景00捲動物件
  @media screen and (min-width:768px){
		.Area_bgtop_00 { z-index:-55; position:fixed; top:0; left:0; width:100%; height:100%; background-image:url(bgtop_00.png?t=1609828610691); background-position:center 0px; background-repeat:repeat-y; transition: 0.1s linear; pointer-events:none;}
		.Area_bgtop_00 { opacity: 0; transition: opacity 0.5s, background 0.1s linear;}
		.Area_bgtop_00.cate-hover { opacity: 1; transition: opacity 1s, background 0.1s linear;}	
  }*/

  /*PC背景*/
	@media screen and (min-width:768px){
    .Area_bgtop { width:100%;}
    .Area_bgtop span { background-repeat: no-repeat;}
		.Area_bgtop_1 .bgtop_1_1 span { background-image: url(bgtop_1_1.png?t=1609828610691); height:770px;}
/*		.Area_bgtop_1 .bgtop_1_2 span { background-image: url(bgtop_1_2.png?t=1609828610691); height:522px;}*/
	}

  /*Phone背景*/
  @media screen and (max-width:767px){
		.m_Area_bgtop_1 { overflow: hidden; }
		.m_Area_bgtop_1 .m_bgtop_1_1 span { background-image: url(m_bgtop_1_1.png?t=1609828610691); background-repeat: no-repeat;height:540px;}
/*		.m_Area_bgtop_1 .m_bgtop_1_2 span { background-image: url(m_bgtop_1_2.png?t=1609828610691); padding-bottom: 53.5vw;}*/
  }


/* --------------------------------------
 * Page 頁面
 * -------------------------------------- */


/*PC分會場header
.cantantBase1 { display: none;}
.cantantBase2 { display: block;}
*/

/*LOGO
.Area_logo { display: none!important;}
*/


/*最大包*/
.WRAPPER { overflow: hidden; /*background-color: #f9c6a4;*/}


/*版頭*/
.Area_top { z-index:unset;}
.Area_top .box_title { pointer-events: none; z-index:4; position: relative;}
.Area_top .btn_more1 { position: absolute; top: 20px; right: 136px; width: 103px; z-index:101;}
.Area_top .btn_more1 img { width: 100%; height: auto;}
.Area_top .btn_more2 { position: absolute; top: 20px; right: 20px; width: 103px; z-index:101;}
.Area_top .btn_more2 img { width: 100%; height: auto;}
.Area_top .deco_01 { position:absolute; top:179px; left:44px; z-index:3;}
.Area_top .deco_02 { position:absolute; top:179px; left:975px; z-index:3;}

    @media screen and (max-width:767px){
			.Area_top .box_title { z-index:2;}
      .Area_top .btn_more1 { position: absolute; top: 3vw; right:0; width:14%;}
    }



/*按鈕*/
.Area_btn { margin:-20px auto 45px; padding-left:70px;}
.Area_btn .cate-hover { pointer-events:none;}
.Area_btn:after { content:""; clear:both; display:block;}
.Area_btn a { float:left; margin:0 8px 0 0;}
.Area_btn a:last-child { margin-right:0;}
.Area_btn .Area_3btn_box{width: 920px; height: 173px; margin: 0 auto;}/*2020/8/11調整為3顆按鈕用*/

		
/*撒紅包*/
.Area_game {  }
.Area_game .title {}
.Area_game .box {}
.Area_game img { width:100%; height:auto}
.Area_game .game_btn { width:93%; margin:0 auto 20px;}
.Area_game .text { display:inline-block; margin:5px auto 10px; padding:0; color:#a36b2f; font-size:48px; font-weight:700; }
.Area_game .text b { padding:0 5px; font-size:44px; font-weight:300; font-family:Century Gothic;}
.Area_game p { margin:0; padding:0;  font-size:30px; line-height:46px; font-weight:300;}
.Area_game p span { color:#653e04;}
/*.Area_game .momoBtn { width:25%; margin-bottom:0!important;}*/
.timeStatus { position:relative; width:93%; margin:20px auto 0; box-sizing:border-box; -webkit-box-sizing:border-box; background-color:#5d001f; border-radius:12px 12px 0 0;}
.Area_game p a { display:inline-block;}
.Area_game .infoMomocoin { margin-top:15px;}
.Area_game .infoMomocoin b { position:relative; margin:0; padding:8px 30px 8px 19px; font-size:28px; line-height:46px; font-family:Century Gothic,"微軟正黑體","Microsoft JhengHei",Helvetica; border-radius:50px; background-color:#a62650; color:#fff; border:solid 4px #920e39;}
.Area_game .infoMomocoin b:before {content: ""; position:absolute; top:20px; left:196px; width:0; height:0; border-style:solid; border-width:6px 10px; border-color:transparent transparent transparent #fff;}
	@media screen and (max-width:767px){
		.Area_game { z-index:3; margin-top:-8vw;}
		.Area_game .title {}
		.Area_game .box {}
		.Area_game .game_btn { margin:1% auto;}
		.Area_game .text { margin:2.5vw auto 1vw; padding:0; font-size:5.5vw;}
		.Area_game .text b { padding:0 1vw; font-size:6vw; }
		.Area_game p { font-size:4.5vw; line-height:7vw; }
		/*.Area_game .momoBtn { width:45%;}*/
		.timeStatus { margin:2vw auto -0.8vw; border-radius:2vw 2vw 0 0;}
		.Area_game .infoMomocoin { margin-top:2vw;}
		.Area_game .infoMomocoin b { position:relative; margin:0; padding:0.8vw 5.3vw 0.8vw 2.5vw; font-size:4.5vw; line-height:5.6vw; border-radius:200px; border:solid 0.6vw #920e39;}
		.Area_game .infoMomocoin b:before {content: ""; position:absolute; top:2.3vw; left:31.5vw; width:0; height:0; border-style:solid; border-width:1.2vw 2vw; border-color:transparent transparent transparent #fff;}
	}
	
/*獎項*/
.Area_prize .prize { margin:0 auto; width:94%;}
	@media screen and (min-width:768px){
		.Area_prize .Area_boxstyle_box { padding-top:10px;}
	}

/*商品折價券*/
.Area_coupon .box_ { width: 90%;}
.Area_coupon .box_ img { width: 100%; height: auto; border:solid 4px #920e39; margin-left:-4px; border-radius:22px;}
	@media screen and (max-width:767px){
		.Area_coupon .box_ img { border:solid 0.6vw #920e39; margin-left:-0.6vw; border-radius:3.5vw;}
	}



/*全站BN*/
.Area_grabmoney_BN .BN img { border:solid 4px #920e39;}
@media screen and (max-width:767px){
	.Area_grabmoney_BN .BN{ margin:1vw auto 0; width:90%; }
	.Area_grabmoney_BN .BN img { border:solid 0.6vw #920e39; margin-left:-0.6vw;}
}





/* --------------------------------------
 * 動畫
 * -------------------------------------- */


/*遠進(大變小震一下)*/
.zoomIn4-play { opacity: 1; -webkit-transform: scale3d(14.3, 14.3, 1); transform: scale3d(14.3, 14.3, 1);
			-webkit-animation-name: zoomIn4-play;  
					    animation-name: zoomIn4-play;  
			-webkit-animation-duration: 1s;  
					    animation-duration: 1s;
			-webkit-animation-fill-mode:forwards;
					    animation-fill-mode:forwards;
				}
	@keyframes zoomIn4-play {
		from {
			-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
			        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		}
		50%,100% { opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		  -webkit-transform: scale3d(1, 1, 1);
		          transform: scale3d(1, 1, 1);
      
		}
		77%,
		90%,
		to {
		  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		  -webkit-transform: scale3d(1, 1, 1);
		  transform: scale3d(1, 1, 1);
		}
	  
		70%,
		72% {
		  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		  -webkit-transform: scale3d(1.1, 1.1, 1);
		  transform: scale3d(1.1, 1.1, 1);
		}
	  
		95% {
		  -webkit-transform: scale3d(1.02, 1.02, 1);
		  transform: scale3d(1.02, 1.02, 1);
		}
	}
	

/*飄-下上*/
.downtoup-play {
      -webkit-animation-name: downtoup-play;  
              animation-name: downtoup-play;  
      -webkit-animation-duration: 2.5s;  
              animation-duration: 2.5s;
      -webkit-animation-iteration-count: infinite;    
              animation-iteration-count: infinite;			
      -webkit-animation-direction: alternate;
              animation-direction: alternate;}
  @-webkit-keyframes downtoup-play { 
    0%   { -webkit-transform: translate(0,0);} 
    100% { -webkit-transform: translate(0,-20px);}
  }
  @keyframes downtoup-play { 
    0%   { transform: translate(0,0);} 
    100% { transform: translate(0,-20px);}
  }


/*飄-下上(慢慢慢)*/
.downtoup2-play {
			-webkit-animation-name: downtoup2-play;  
					animation-name: downtoup2-play;  
			-webkit-animation-duration: 20s;  
					animation-duration: 20s;
			-webkit-animation-iteration-count: infinite;    
					animation-iteration-count: infinite;			
				}
	@-webkit-keyframes downtoup2-play { 
		0% { -webkit-transform: translate(0,0); transform: translate(0,0); } 
		50% { -webkit-transform: translate(0,-30px); transform: translate(0,-30px); }
		100% {  -webkit-transform: translate(0,0); transform: translate(0,0); }
	}
	@keyframes downtoup2-play { 
		0% { -webkit-transform: translate(0,0); transform: translate(0,0); } 
		50% { -webkit-transform: translate(0,-30px); transform: translate(0,-30px); }
		100% {  -webkit-transform: translate(0,0); transform: translate(0,0); }
	}

	@media screen and (max-width:767px){
		@-webkit-keyframes downtoup2-play { 
			0% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 
			50% { -webkit-transform: translate3d(0,2vw,0); transform: translate3d(0,2vw,0); }
			100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
		}
		@keyframes downtoup2-play { 
			0% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 
			50% { -webkit-transform: translate3d(0,2vw,0); transform: translate3d(0,2vw,0); }
			100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
		}
	}
	
.handL { transform-origin:81% 90%;
		-webkit-transition: all 0.2s ease-in-out;
		   -moz-transition: all 0.2s ease-in-out;
		    -ms-transition: all 0.2s ease-in-out;
			 -o-transition: all 0.2s ease-in-out;
			    transition: all 0.2s ease-in-out;}
.handR {	transform-origin:13% 40%;
		-webkit-transition: all 0.2s ease-in-out;
		   -moz-transition: all 0.2s ease-in-out;
		    -ms-transition: all 0.2s ease-in-out;
			 -o-transition: all 0.2s ease-in-out;
			    transition: all 0.2s ease-in-out;}
.Area_top:hover .handL { transform:rotate(-3deg);}
.Area_top:hover .handR { transform:rotate(4deg);}