@CHARSET "UTF-8";
body
{
	margin:0;
	text-align:center;
	font-family:"Microsoft YaHei";
	background-color:white;color:#EA8430;
}

div.top
{
	margin-left:20%;width:80%;height:150px;text-align:left;display:flex;align-items:center;
}
div.top img
{
	width:150px;
}
div.top span
{
	font-size:50px;margin-left:40px;
}
img.menu
{
	display:none;
}
div.block
{
	position:relative;
	top:9px;
	left:0px;
	background-color:#AF8B7A;
	width:140px;
	height:61px;
}
div.topmenu
{
	width:100%;height:50px;background-color:#F5F5F5;text-align:left;line-height:40px;
}
div.topmenu div
{
	margin-left:20%;
}
div.bottom
{
	width:100%;height:300px;background-color:#F5F5F5;color:black;display:flex;justify-content:space-evenly;
}
div.bottom div
{
	display:flex;width:60%;margin-top:50px;
}
div.bottom div div
{
	text-align:left;width:300px;display:block;margin-top:0;
}
div.bottom div div img
{
	width:100px;
}
div.mainpic
{
	width:100%;
}
div.mainpic img
{
	width:100%;
}
div.homemain
{
	width:100%;
	height:300px;
}
div.main
{
	width:80%;
	margin-left:20%;
	display:flex;
	flex-wrap:wrap;	
	margin-top:20px;	
}
div.member
{
	width:25%;
	height:400px;
	margin-right:5%;
	text-align:center;
	overflow-x:hidden;
	overflow-y:hidden;
	margin-bottom:30px;
	
}
div.memberimg
{
	width:100%;
	height:350px;
	z-index:2;
	margin-bottom:0;
	overflow:hidden;
}
div.memberimg img
{
	width:100%;margin-bottom:0;
}
div.name
{
	color:white;
	background-color:#EA8430;
	height:50px;
	z-index:3;
	position:relative;
	background-color:rgba(236,132,47,0.8)
}


div.second
{
	width:1200px;
}
div.search
{
	position:absolute;
	left:296px;
	top:96px;
	border:1px solid #ccc;
	width:608px;
	height:44px;
}
div.log
{
	color:#424242;
	position:absolute;
	left:908px;
	top:32px;
	width:150px;
	height:15px;
	font-size:14px;
	cursor:pointer;
	text-align:right;
}
div.third
{
	width:1200px;
	height:400px;
	text-align:center;
}
div.bandnews
{
	position:relative;
	left:532px;
	top:20px;
	width:137px;
	height:30px;
	font-size:30px;
	color:#424242;
}
div.bandnews1
{
	float:left;
	margin-left:10px;
	margin-top:50px;
	width:366px;
	height:380px;
	font-size:30px;
	color:#424242;
	border:1px solid #ccc;
	overflow:hidden;
}
div.bandnews2
{
	float:left;
	margin-left:30px;
	margin-top:50px;
	width:366px;
	height:380px;
	font-size:30px;
	color:#424242;
	border:1px solid #ccc;
	overflow:hidden;
}
div.bandnews3
{
	float:left;
	margin-left:30px;
	margin-top:50px;
	width:366px;
	height:380px;
	font-size:30px;
	color:#424242;
	border:1px solid #ccc;
	overflow:hidden;
}
div.fourth
{
	margin-top:80px;
	background-image: url(../pic/introduce.png);
	background-repeat: no-repeat;
	background-size:100% 100%;
	height:300px;
	color:white;
}
div.introduce
{
	position:relative;
	left:74px;
	top:50px;
	width:109px;
	height:26px;
	font-size:26px;
	color:#FEFEFE;
}
div.introducecontent
{
	position:relative;
	left:200px;
	top:100px;
	height:100px;
	color:white;
	width:70%;
}
div.fifth
{
	background-image: url(../pic/recruit.png);
	background-repeat: no-repeat;
	background-size:100% 100%;
	height:600px;
	color:white;
}
div.recruitcontent
{
	position:relative;
	left:200px;
	top:100px;
	height:100px;
	color:white;
	width:70%;
}
div.recall
{
	position:relative;
	left:532px;
	top:50px;
	width:138px;
	height:30px;
	font-size:30px;
	color:#424242;
}
div.recruit
{
	position:relative;
	left:539px;
	top:50px;
	width:139px;
	height:30px;
	font-size:30px;
	color:#FFFFFF;
}
#maskdiv
{
	position:fixed;
	left:0;top:0;
	width:100%;height:100%;
	background-color:#F0F0F0;background-color:rgba(0,0,0,0.7);z-index:10;display:none;
}
div.popoutdiv
{
	display:none;
	position:fixed;
	left:30%;top:30%;
	width:40%;height:40%;
	z-index:11;
	border:1px solid #b0c4de;
	background:#b0c4de;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding:0px;
}
div.newstitle
{
	width:366px;
	height:33px;
	overflow:hidden;
	text-align:left;
	font-size:20px;
	padding:2px 20px;
}
div.newstitle a
{
	text-decoration:none;
	font-size:22px;
	color:#424242;
}
div.newstitle a:visited
{
	color:#424242;
}
div.newscontent
{
	width:366px;
	height:90px;
	font-size:16px;
	overflow:hidden;
	text-align:left;
	cursor:pointer;	
}
div.newscontent p
{
	text-indent:20px;
}
div.newspic
{
	width:366px;
	height:257px;
	font-size:18px;
	overflow:hidden;
	text-align:left;	
}
div.newspic img
{	
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;		
}
div.author
{
	font-size:12px;
}
div.personalitem
{
	border:1px solid #ccc;
	padding:10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width:800px;
	background-color:#F7F8F9;
	font-size:13px;
	margin-left:50px;
	margin-bottom:10px;
}
div.uploadscore
{
	border:1px solid #ccc;
	padding:10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width:700px;
	background-color:#F7F8F9;
	font-size:13px;
	margin-bottom:10px;
}

div.personalintroduce
{
	clear:both;
	border:1px solid #ccc;
	padding:10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width:700px;
	background-color:#F7F8F9;
	font-size:13px;
	margin-bottom:20px;	
	height:100%;	
}
div.personalintroduce img
{
	display:block;
	width:450px;
}
div.scoreitem
{
	border:1px solid #ccc;
	padding:10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width:700px;
	background-color:#F7F8F9;
	font-size:13px;
	margin-bottom:10px;
	clear:both;
	height:100px;
}
div.scoreitem div:nth-child(1)
{
	width:100px;
	height:100px;
	float:left;
	background-color:#A9A9A9;
	text-align:center;
	valign:center;
}
div.scoreitem div:nth-child(2)
{
	margin-left:30px;
	float:left;
}
div.scoreitem a
{
	font-size:20px;
	text-decoration:none;
	color:#424242;
}
div.scoreitem img
{
	margin-top:13px;
}
div.greyblock
{
	clear:both;float:left;width:36px;height:36px;background-color:#ccc;
}
div.performancepictures
{
	width:900px;overflow:hidden;position:relative;
}
div.performancepictures div:nth-child(1)
{
	position:absolute;left:0;top:50%;transform:translate(0,-50%);z-index:10;
}
div.performancepictures div:nth-child(2)
{
	position:absolute;left:838px;top:50%;transform:translate(0,-50%);z-index:10;
}
div.performancepictures div:nth-child(3)
{
	width:900px;overflow:hidden;z-index:1;
}
#logindiv
{
	display:none;
	position:fixed;
	left:35%;top:30%;
	width:30%;height:40%;
	z-index:11;
	border:1px solid #b0c4de;
	background:white;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding:0px;
}
#logindiv table
{
	width:90%;
	left:5%;
	margin-top:10%;
}

span.loginbutton
{
	margin-top:20px;
	display:block;
	background-color:#AF8B7A;
	color:white;
	font-size:20px;
	cursor:pointer;
	width:100px;
	padding:5px;
}
img.banner
{
	width:100%;
}
img.introduce
{
	width:100%;
}
span.topmenu
{
	margin-right:40px;
	color:#424242;
	cursor:pointer;
}
span.button
{
	display:block;
	border:1px solid #6495ed;
	background:#6495ed;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width:50px;
	height:22px;
	padding:1px;	
	text-align:center;
	font-size:15px;
	color:white;
	cursor:pointer;
}
span.personalitem {
	font-size:17px;
	font-weight:bold;
}
a.ht
{
	display:block;
	margin-bottom:4px;
	border:1px solid #6495ed;
	background:#6495ed;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width:100px;
	height:40px;
	padding:1px;	
	text-align:center;
	font-size:15px;
	color:white;
}
a.nodecoration
{
	text-decoration:none;
	color:#6495ed;
}
a.nodecoration:visited
{
	color:#6495ed;
}
#loginalert
{
	color:red; 
}
table.news td
{
	vertical-align: text-top; 
}
table.info
{
	border:1px solid #ccc;
}
table.info th {
	text-align:center;
	border-left:1px solid #ccc;
}
table.info td
{
	border-left:1px solid #ccc;
	font-size:14px;
	padding:1px;
}
table.info tbody tr:nth-child(odd) {
  	background-color:#F0F0F0;
	border-bottom:1px solid #F0F0F0;
}
table.data tbody tr.highlight
{
	background: yellow;
}
input.login
{
	width:85%;
	height:32px;
	border:1px solid #ccc;
	font-size:18px;
}