@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
#content{
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
}
.legend{
	float: left;
	width: 350px;
	margin-top: 160px;
}
#content h1{
	font-family: "微软雅黑";
	/*text-shadow: 3px 3px 0 #ddd;*/
	color: #FFFFFF;
	font-size: 25px;
	height: 25px;
	line-height: 30px;
	margin-bottom: 10px;
	text-align: right;
	font-weight: normal;
}

#content h3{
	font-family: "微软雅黑";
	/*text-shadow: 3px 3px 0 #ddd;*/
	color: #FFFFFF;
	font-size: 14px;
	height: 25px;
	line-height: 30px;
	margin-bottom: 10px;
	text-align: right;
	font-weight: normal;
}

/* skills */
.skills{float:left;clear:both;width:100%;}
.skills ul,.skills li{display:block;list-style:none;margin:0;padding:0;}
.skills li{
	float: right;
	clear: both;
	padding: 0 15px;
	height: 35px;
	line-height: 30px;
	color: #fff;
	margin-bottom: 1px;
	font-size: 18px;
}
.skills .jq{
	background-color: #912F3C;
	width: 160px;
	text-align: right;
}
.skills .css{
	background-color: #C7455D;
	text-align: right;
	width: 140px;
}
.skills .html{
	background-color: #FFC875;
	width: 100px;
	text-align: right;
}
.skills .php{
	background-color: #F28C95;
	width: 90px;
	text-align: right;
}
.skills .sql{
	background-color: #FF6171;
	text-align: right;
	width: 75px;
}
#diagram{
	float: left;
	width: 600px;
	height: 590px;
	vertical-align: top;
	padding-top: 10px;
}
.get{
	display: none;
}
#main{ margin-top:40px; margin:0 auto;}
.jh {
	display: block;
}