/* styles written in this file is for Standard */


.clearfix:after{
	content:		".";
	display:		block;
	visibility:		hidden;
	height:			0.1px;
	font-size:		0.1em;
	line-height:		0;
	clear:			both;
}

.clearfix{
	zoom:			100%;
}


*{
	margin:			0;
	padding:		0;
}

input,button,select,textarea{outline:none;-webkit-appearance:none;-webkit-box-shadow:none;}
textarea{resize:none;}

html{
	font-size:		62.5%;
}

body{
	font-family:		'微软雅黑','Microsoft YaHei',sans-serif,Helvetica,Arial;
	font-size:		16px;
	font-size:		1.6rem;
	line-height:		1.6;
	background:		rgba(238,238,238,1);
	color:			#333;
	text-shadow:		1px 1px 1px #000;
}

#wrapper{
	
}

.bgswitcher{
	background-position:	center center !important;
	background-size:	cover !important;
}

#teaser{
	position:		fixed;
	top:			0;
	left:			0;
	//z-index:		9999;
	width:			100%;
	height:			100%;
}


#teaser .lbx{
	display:		block;
	color:			#fff;
	text-decoration:	none;
}

#teaser .button{
	//display:		none;
	position:		fixed;
	top:			50%;
	left:			50%;
	margin:			-158px 0 0 -111px;
	color:			#fff;
	text-align:		center;
	//animation:		bounce 1s infinite ease;
	//cursor:			pointer;
}

#teaser .button p{
	margin:			10px auto;
}

#teaser .button .nosee{
	margin:			0;
	font-size:		40px;
	font-size:		4rem;
	line-height:		1;
}

#teaser .button .noseetxt{
	margin-top:		0;
	font-size:		12px;
	font-size:		1.2rem;
}

#teaser .button .date{
	width:			100px;
	border:			1px solid #fff;
	border-radius:		5px;
}

#teaser .button .date .month{
	display:		block;
	background:		rgba(255,255,255,0.3);
	border-bottom:		1px solid #fff;
	padding:		5px 0;
}

#teaser .button .date .day{
	display:		block;
	padding:		5px 0;
	font-size:		48px;
	font-size:		4.8rem;
	font-weight:		bold;
	text-shadow:		none;
}

#teaser .button .title{
	font-size:		20px;
	font-size:		2rem;
}

#teaser .button .cs{
	margin-bottom:		0;
}

#teaser .button.ani{
	animation:		bounce 0.3s ease-in-out;
}


@keyframes bounce {
	0%, 100% {transform: scale(1,1);}
	20% {transform: scale(1.1,1.1);}
	70% {transform: scale(0.8,0.8);}
	80% {transform: scale(1,1);}
	90% {transform: scale(0.9,0.9);}
}



#lb{
	display:		none;
	width:			350px;
	height:			270px;
	background:		url(../img/red_bg.png) no-repeat center center;
	text-shadow:		none;
}

#lb p{
	line-height:		1;
	color:			#FCE8B5;
	text-align:		center;
}

#lb .money{
	padding-top:		75px;
	margin-bottom:		20px;
	font-size:		50px;
	font-size:		5rem;
}

#lb .money span.pay{
	display:		none;
	font-size:		20px;
	font-size:		2rem;
}

#lb .money span.unit{
	font-size:		20px;
	font-size:		2rem;
}

#lb .txt{
	margin-bottom:		38px;
	font-size:		20px;
	font-size:		2rem;
}

#lb .txt2{
	display:		none;
	margin-bottom:		10px;
	font-size:		16px;
	font-size:		1.6rem;
}

#lb ul{
	display:		none;
	list-style:		none;
	width:			280px;
	margin:			0 auto 5px;
}

#lb ul li{
	width:			120px;
	font-size:		14px;
	font-size:		1.4rem;
	color:			#FCE8B5;
	text-align:		center;
}

#lb ul li:first-child{
	float:			left;
}

#lb ul li:last-child{
	float:			right;
}

#lb .btn{
	width:			310px;
	margin:			0 auto;
}

#lb .btn span{
	display:		block;
	background:		#FCE8B5;
	border-radius:		5px;
	padding:		15px 0;
	font-size:		20px;
	font-size:		2rem;
	color:			#E24943;
	text-decoration:	none;
	cursor:			pointer;
}

#lb .btn img{
	vertical-align:		top;
}


#lb.face2 .money{
	padding-top:		20px;
	margin-bottom:		5px;
	font-size:		30px;
	font-size:		3rem;
}

#lb.face2 .money span.pay{
	display:		inline;
	font-size:		12px;
	font-size:		1.2rem;
}

#lb.face2 .money span.unit{
	font-size:		12px;
	font-size:		1.2rem;
}

#lb.face2 .txt{
	display:		none;
}

#lb.face2 .txt2{
	display:		block;
}

#lb.face2 ul{
	display:		block;
}

#lb.face2 .btn{
	display:		none;
}


#form{
	display:		none;
	position:		fixed;
	top:			50%;
	left:			50%;
	margin:			-120px 0 0 -140px;
	width:			280px;
	text-align:		center;
}

#form h1{
	margin-bottom:		10px;
	color:			#cc0000;
	text-shadow:		1px 1px 1px #fff;
}

#form p{
	margin-bottom:		10px;
	color:			#fff;
}

#form input{
	box-sizing:		border-box;
	border:			1px solid #b8b8b8;
	border-right:		0;
	border-radius:		0;
	box-shadow:		none;
	padding:		0 10px;
	width:			200px;
	height:			35px;
	font-size:		14px;
	font-size:		1.4rem;
	color:			#666;
}

#form input:focus{
	border:			1px solid #2d78f4;
	border-right:		0;
	color:			#333;
}

#form button{
	box-sizing:		border-box;
	border:			1px solid #2d78f4;
	background:		#2d78f4;
	width:			80px;
	height:			35px;
	font-size:		15px;
	font-size:		1.5rem;
	color:			#fff;
	cursor:			pointer;
}

#form .error span{
	font-size:		70px;
	font-size:		7rem;
}


#form .ticket{
	position:		absolute;
	left:			0;
	top:			0;
	z-index:		-1;
	background:		url(../img/boruto.jpg) no-repeat center center;
	background-size:	contain;
	width:			100%;
	height:			100%;
	opacity:		0;
}

#form .ticket.zoom{
	z-index:		1;
	animation:		zoomin 6s ease;
}

@keyframes zoomin{
	0% {opacity:0;transform:scale(1,1);}
	30% {opacity:1;transform:scale(3,3);}
	70% {opacity:1;transform:scale(3,3);}
	100% {opacity:0;transform:scale(5,5);}
}

#form .bingo{
	display:		none;
}



#qLoverlay{
	display:		none;
}

#loading{
	position:		fixed;
	z-index:		9999;
	background:		url(../img/bg.jpg) no-repeat center center;
	background-size:	cover;
	width:			100%;
	height:			100%;
}

#loading img{
	position:		fixed;
	top:			50%;
	left:			50%;
	margin:			-53px 0 0 -110px;
}