<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>网站维护</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		
		
	</head>
	<style>
		*{margin: 0;padding: 0;    font-family:microsoft yahei}
		body{background: #000;}
		.top{padding-top: 2em;}
		.top img{width:300px ;}
		.middle div {float: left;color: #EBD5BC;}
		.middle .left{width: 30%;text-align: right;}
		.middle .left img{width: 300px;}
		.middle .right{width: 50%;padding: 0 30%;letter-spacing: .1em;}
		.middle .right p{font-size: 1.3em;line-height: 1.7em;margin-top: 1.4em;}
		.middle .right p span{color: #fff;}
		.under{color: #EBD5BC;clear: both;padding-left: 30%;padding-top: 3em;}
		.under p{font-size: 3em;line-height: 2em;}
		
		@media screen and (max-width: 600px) { 
			/*当屏幕尺寸小于600px时，应用下面的CSS样式*/
			.middle .left{text-align: center;    width: 100%;position: absolute;}
			.middle .left img{opacity: .7;}
			.under{display: none;}
			.middle .right{width: auto;position: absolute;}
			.middle .right p{text-shadow: 1px 1px 20px rgba(165, 165, 165, 0.89);}
		}
	</style>
	<body >
		<div class="top">
			<center>
				<img src="loginLogo.png">
			</center>
		</div>
		<div class="middle">
			<!--<div class="left">
				<img src="img/system_mainten2.jpg">
			</div>-->
			<div class="right">
				<p>尊敬的客户，为提升游戏体验及服务质量，现进行例行维护，给阁下带来不便敬请谅解！</p>
				<p>We are having server maintenance ,website will be unavailable.Sorry for the inconvenience caused.</p>
			</div>
		</div>
		<div class="under">
			<p>网站维护中...</p>
			<p>UNDER MAINTENANCE</p>
		</div>
	</body>
</html>
