@import "reset.css";
/*  */
#loading {
	display:block;
	background:#1a1a1a url(../images/loading.gif) center no-repeat;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:999999;
}
#loading p {
	width:100%;
	height:50px;
	text-align:center;
	position:absolute;
	top:50%;
	margin-top:-15px;
	left:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.5em;
	color:#999;
	z-index:999999999;
}
/* index */
.p-index {position:relative;height: 100%; width: 100%; min-width:320px;max-width:640px;margin:0 auto;overflow: hidden;display: none; transform-style: preserve-3d;-webkit-transform-origin: 0px 0px 0px;-webkit-perspective: 200px; -webkit-backface-visibility: hidden; }
.portrait .p-index { -webkit-transform: scale(0.4); margin-top: -44%; }
/* m- */
.m-page{position:absolute;left:0;top:0%;height:100%;width:100%;min-width:320px;max-width:640px;-webkit-transform-origin: 50px 0px 0px;display:none;}
.m-page.cur{ display:block;z-index:3;}

.m-img{width:100%;height:100%;}
/* page0 */
.m-img1 { 
	background: url(../images/bg.jpg) top center no-repeat;
	background-size: 100% 100%;
	position: relative;
}
/* startPage */
.startPage {
	width: 100%;
	height: 100%;
	background: url(../images/startPage.jpg) center center no-repeat;
	background-size: 100% 100%;
	position: relative;
	/*display: none;*/
}
.startPage p {
	width: 41%;
	height: 9.97%;
	/*background-image: url(../images/btn_start.png);
	background-position: top center;
	background-repeat: no-repeat;*/
	background: url(../images/btn_start.png) top center no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 80.35%;
	left: 29.5%;
}
.startPage p img {
	width: auto;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
/* rule */
.rule {
	width: 100%;
	height: 100%;
	background: url(../images/rule.jpg) center center no-repeat;
	background-size: 100% 100%;
	position: relative;
	display: none;
}
.rule a {
	display: block;
	width: 19.73%;
	height: 9.97%;
	background: url(../images/btn_go.png) top center no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 87.1%;
	left: 40.5%;
	overflow: hidden;
}
.rule a img {
	width: 100%;
	height: 100%:;
}
.logo {
	width: 28%;
	height: 17.09%;
	background: url(../images/logo_babyfs.png) top center no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 1%;
	left: 1%;
	z-index: 9;
	display: none;
}