@charset "utf-8";
html, body {
	height: 100%;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
body {
	padding: 0;
	margin: 0 auto;
	font-family: "微软雅黑", "宋体", "楷体";
}
#header {
	height: 65px;
	background-color: rgba(51,51,51,1);
	margin: 0;
	padding: 0;
	width: 100%;
}
#icon {
	position:absolute;
		left:0;
		top:0;
	  width: 200px;
	  display:inline;
}
#name {
         float:right;
		 height:70px;
		 padding:23px 15px 17px 0;
		 font-family:"Arial Black", Gadget, sans-serif;
		 font-size:20px;
		 color: #FFF;
}
#nav {
	margin-left: 200px;
}
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav li {
	float: left;
	height:100%;
	position: relative;
}
#nav ul li ul {
	display: none;
	position: absolute;
	left: 0;
}
#nav ul li:hover ul {
	display: block;
	background-color: rgba(51,51,51,0.7);
}
#nav a:link, #nav a:visited {
	display: block;
	padding: 20px;
	color: #FFF;
	text-decoration: none;
	width: 196px;
	height:100%;
	box-sizing: border-box;
	text-align: center;
}
#nav a:hover {
	background-color: rgba(124,126,133,0.9);
}
#maincontent {
}
#content {
	width: 800px;
	margin: 0 auto;
}
#singers {
	width: 800px;
	margin: 0 auto;
	margin-top: 20px;
}
#singer1, #singer2, #singer3 {
	float: left;
	text-align: center;
}
#singer1 {
}
#singer2 {
	margin-left: 100px;
}
#singer3 {
	margin-left: 100px;
}
#singers a:link, #singers a:visited {
	display: block;
	text-decoration: none;
	color: #000;
}
#singers a:hover {
	color: #06C;
}
#footer {
	text-align: center;
	background-color: rgba(51,51,51,1);
	padding: 0;
	color:#FFF;
	width: 100%;
}
#copyright {
	color: #FFF;
}
/* CSS Document */