@charset "utf-8";
/* CSS Document */

<style>
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;
		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;
		box-sizing:border-box;
		text-align:center;
		}
	#nav a:hover{
		background-color: rgba(124,126,133,0.9);
	}
    #container{
		width:1200px;
		margin:0 auto;
		}
	#mainsinger{
		width:700px;
		margin:0 0 0 30px;
		padding:0;
		float:left;
		}

	#similarsinger{
		width:300px;
		float:right;
		margin-bottom:20px;
		margin-top:50px;
		}
	#similarsinger h1{
		font-size:18px;
		}
	#singer1{
		margin-top:20px;
		}
	#singer2,#singer3{
		margin-top:40px;
		}
	#similarsinger a:link,#similarsinger a:visited{
		text-decoration:none;
		display:block;
		color:#000;
		}
	#similarsinger a:hover{
		color:#069;
		}	
   .ajust{
	   margin-left:10px;
	   }
	#content{
		width:1200px;
		margin:0 auto;
		padding:0;
		}

    #TabbedPanels1{
		width:720px;
		margin-bottom:50px;
		padding:0;
		font-size:18px;
		float:left;
		margin-left:30px;
		}
	#TabbedPanels1 li{
		width:180px;
		padding:0;
		margin:0;
		box-sizing:border-box;
		text-align:center;
	    padding:10px 0;
		font-size:18px;
		}
	.TabbedPanelsContent{
	font-size: 16px;
	font-family: "微软雅黑", "宋体", "楷体";
	background-color: #FFF;
	text-indent:2em;
	line-height:1.5;
	letter-spacing:2px;
		}
	table{
		margin-top:15px;}
	th{
		text-align:left;
		box-sizing:border-box;
		width:33.3%;
		}
	td{
		font-weight:bold;
		}
	tr{
		margin-top:20px;
		}
	.songsname a:link,.songsname a:visited{
		color:#000;
		text-decoration:none;
		}
    .songsname a:hover{
		color:#06c;
		}
    .cd{
		float:left;
		margin:20px 0 0 0;
		text-align:center;
		}
	.cd a:link,.cd a:visited{
		color:#000;
		text-decoration:none;
		}
	.cd a:hover{
		color:#06C;
		}
	.mv{
		float:left;
		margin:20px 0 0 0;
		text-align:center;
		}
	.mv a:link,.mv a:visited{
		color:#000;
		text-decoration:none;
		}
	.mv a:hover{
		color:#06C;
		}
	#sidebar{
		width:300px;
		padding:0;
		float:right;
		margin:50px 0 0 0;
		}
	#MenuBar1 li{
		width:150px;
		text-align:center;
		float:left;
		border-sizing:border-box;
		}
	#MenuBar1 li a:link,#MenuBar1 li a:visited{
		color:#000;
		background-color:#FFF;
		border-bottom:1px solid #FFF;
		}
	#MenuBar1 li a:hover{
		background-color:rgba(204,204,204,0.3);
		}
     #footer{
	   text-align:center;
	  background-color:rgba(51,51,51,1);
	   padding:0;
	   left:0;
	   bottom:0;
	   width:100%;
	   }
</style>