body{font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;color:#5E5E5E;}

table {
	border-collapse: collapse;
	border-spacing: 0
}

a{color:#3498db;text-decoration:none;}


.wrap {
	width: 100%;
	margin: auto;
	max-width: 800px;
	position: relative;
	padding-top: 40px;
	overflow-x: hidden
}

.headerFix {
	position: fixed;
	left: 0;
	height: 50px;
	width: 100%;
	top: 0;
	z-index: 999
}

.header {
	width: 100%;
	max-width: 800px;
	height: 50px;
	margin: auto
}

.topInfo {
	float: left;
	height: 50px;
	width: 100%;
	position: relative;
	background-color: #eaeaea;
	border-bottom: 1px solid #ddd
}

.topInfo #time {
	position: absolute;
	left:10px;
	top:1px;
	width: 100px;
	font-size: 30px;
	font-weight: 700;
	line-height: 50px;
	color: #55f;
}


.topInfo .level {
	position: absolute;
	left:110px;
	top:1px;
	font-size: 25px;
	line-height: 50px;
	color: #ccc;
	margin-right: 20px
}

.topInfo #score {
	color: #333;
	font-weight: 700
}


.topInfo #reset {
	position: absolute;
	right:1px;
	top:1px;
	width: 100px;
}

.resetBtn {
	line-height: 18px;
	font-size: 14px;
	display: inline-block;
	text-decoration: none;
	color: #444;
	margin-top: 10px;
	margin-left: 10px;
	background-color: #fff;
	padding: 5px 10px 4px 10px;
	border: 1px solid #aaa;
	border-radius: 5px
}



.description {
	margin: auto;
	width: 99%;
	max-width: 370px;
	color: #777;
	font-size: 12px;
	line-height: 16px;
	text-align: left
}

.description h5 {
	color: #46a;
	font-weight: 700;
	font-size: 25px;
	margin-bottom: 10px
}

.description h5 img {
	height: 20px
}


.stage{
	margin-bottom: 0px;
}


.share {
	float: left;
	width: 100%;
	margin-top: 25px;
	margin-bottom: 10px
}

.share .title {
	font-size: 12px;
	color: #aaa;
	margin-left: 10px
}

.share a {
	margin-left: 10px
}



#result {
	margin: auto;
	width: 95%;
	max-width: 370px;
	height: 370px;
	overflow: hidden
}

.grid {
	margin: auto;
	width: 95%;
	max-width: 370px;
	height: 370px;
	overflow: hidden
}

.grid div {
	float: left;
	margin: .5%;
	background-color: #46a;
	padding: 0;
	text-align: center;
	color: #fff;
	font-weight: 700;
	line-height: 70px;
	font-size: 30px;
	font-family: Arial;
	position: relative;
	overflow: visible
}

.grid div span {
	position: absolute;
	left: -20%;
	top: -20%;
	width: 140%;
	height: 140%;
	z-index: 1
}

.grid div.second {
	background-color: #359
}

.grid.x2 div {
	width: 49%;
	height: 49%
}

.grid.x3 div {
	width: 32.3%;
	height: 32.3%
}

.grid.x4 div {
	width: 24%;
	height: 24%
}

.grid.x5 div {
	width: 19%;
	height: 19%
}

.grid.x8 div {
	width: 11.5%;
	height: 11.5%
}



.footer {
	float: left;
	width: 100%;
	font-size: 12px;
	text-align: center;
	padding-top: 0px;
	text-decoration: none;
	color: #666
}

.footer a {
	color: #666;
	text-decoration: none
}



.button{background:#e74c3c;border:2px solid #e74c3c;color:#fff;display:inline-block;font-size:16px;margin-top:15px;padding:5px 10px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}