header{
	display:block;
	margin:0 auto;
	width:100%;
	text-align:center;
}

body{
	font-family:Arial,Microsoft Yahei;
	background-color: rgba(240, 240, 210, 0.6);
}

header h1{
	font-family:Arial;
}

header p{
	font-weight:bold;
	font-size:22px;
}

header #newgame{
	text-decoration:none;
	color:white;
	background-color:#C5B883;
	padding:10px 20px;
	border-radius:10px;
}

header #newgame:hover{
	background-color:#B4A569;
}

#grid-container{
	z-index: 0;
	width:460px;
	height:460px;
	padding:20px;
	margin:20px auto;
	background-color:#bbada0;
	border-radius:10px;
	position:relative;
}
.grid-cell{
	z-index:-1;
	width:100px;
	height:100px;
	border-radius:6px;
	background-color:#ccc0b3;
	position:absolute;
}
.number-cell{
	z-index:-1;
	font-weight:bold;
	line-height:100px;
	border-radius:6px;
	text-align:center;
	position:absolute;
}
.dialog-success{
	padding:20px;
	margin:auto auto;
	width:160px;
	height:150px;
	background: none repeat scroll 0% 0% rgba(221, 211, 194, 1);
	line-height:50px;
	border-radius: 15px;
	text-align:center;
}
.dialog-fail{
	padding:20px;
	margin:auto auto;
	width:160px;
	height:120px;
	background: none repeat scroll 0% 0% rgba(221, 211, 194, 1);
	line-height:50px;
	border-radius: 15px;
	text-align:center;
}

.success{
	font-size:21px;	
	font-family:Microsoft Yahei;
}
.fail{
	font-size:21px;	
	font-family:Microsoft Yahei;
}
#newgame{
	text-decoration:none;
	color:white;
	background-color:#C5B883;
	padding:10px 20px;
	border-radius:10px;
	z-index:200;
}
#continue{
	text-decoration:none;
	color:white;
	background-color:#C5B883;
	padding:10px 20px;
	border-radius:10px;
}