@CHARSET "UTF-8";

<!--导航区布局-->
#topNav{
	margin: 20px;
	padding-left: 50px;
	width: 85%;	
}
#topNav img {
	float:left;
	width: 15%;
}
#submenu {
	float:left;
	margin: 0px 8px 0px 8px;
	padding: 4px 0px 0px 0px;
	border: #fff 1px solid;
	background: #dfdfdf;
	color:#666;
	height: 20px;
	width: 60%;
}
#navImg img {
	margin:30px;
	padding-top:10px;
	position:absolute;
	left:140px;
	width: 60%;
	height: 100px;
}
#submenu ul {
	clear: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style-type: none;
	text-align: center;
	display: inline;
}

#submenu li {
	float: left;
	display: block;
	margin: 0px;
	padding:0px;
	text-align:center;
}

#submenu li a {
	display: block;
	padding:2px 3px 2px 3px;
	background: url("images/1.gif") transparent no-repeat 2px 8px;
	font-weight: bold;
	width: 100%;
	color: #444;
	text-decoration: none;
}
#submenu li a:hover {
	background: url("images/1.gif") #c61c18 no-repeat 2px 3px;
	color: #fff;
}
#submenu ul li#one A {width: 60px;}
#submenu ul li#two A {width: 80px;}
#submenu ul li#three A {width: 80px;}
#submenu ul li#four A {width: 110px;}
#submenu ul li#five A {width: 80px;}
#submenu ul li#six A {width: 80px;}
#submenu ul li#seven A {width: 80px;}

#navClear {
	clear: both;
}
<!--内容区域布局-->
#content{
	margin: 0px;
	padding-left: 20px;
}
#content h1{
	margin: 0px;
	padding-left: 200px;
	font-size: 20px;
}
<!--登陆区域布局-->
#login {
	margin: 20px;
	padding-left: 20px;
	padding-top:20px;
	float: left;
	text-align: center;
	
}

#loginClear {
	clear: both;
}

#content {
	margin: 20px;
	padding-left: 20px;
}
#content h1 {
	margin: 20px;
	padding: 20px;
	text-align: center;
}

#onlinefairy{
	margin-left:10px;
	padding:0;
	left: 20px;
}