<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>404</title>
	<style>
			html{
				height: 100%;
			}
			body{
				height: 98%;
				background-color: #fbf8ef;
			}
			.error{
				width: 98%;
				height: 80%;
				min-height: 300px;
			}
			.errors{
				width: 146px;
				height: 46px;
				display: inline-block;
				border-radius: 15px;
				color: #d1ab62;
				line-height: 50px;
				font-size: 20px;
				cursor: pointer;
				border: 2px solid #d1ab62;
				text-decoration:none;
			}
			.errors:hover{
				background-color: #d1ab62;
				color: #fff;
			}
			.both{
				text-align: center;
			}
			.msgContainer{
				width:600px;
				height: 300px;
				position: absolute;
				left: 50%;
				top:40%;
				margin-left: -300px;
				margin-top: -150px;
				background: url(/images/404.png) no-repeat scroll center bottom;
			}
			.xiaoren{
				display: inline-block;
				width: 100px;
				height: 100px;
				background: url(/images/xiaoren.png) no-repeat scroll center center;
			}
			.msg{
				position: absolute;
				top:0;
				display: inline-block;
				line-height: 100px;
				font-size: 30px;
				color: #d1ab62;
				font-family: '黑体';
			}
		</style>
	</head>
	<body>
		<div class="error">
			<div class='msgContainer'>
				<span class="xiaoren"></span>
				<span class="msg">Sorry!&nbsp;您访问的页面不存在......</span>
			</div>
		</div>
		<div class="both">
			<a class="homepage errors" href="/">访问首页</a>
		</div>
	</body>
	</html>