#main{
	width: 600px;
	height: 800px;
	background:url(bg.jpg) repeat;
 	text-align: center;
 	margin: 0 auto;
 	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}
body{
	background-color: black;
  }

 .ctop{
	 position:relative;
	 left: 45px;
	 right: 45px;
	 top:12px;
     border: 5px;

	background-color: #5CC199;
    border-color: #256873;
    border-style: solid;
 	width: 500px;
    height: 60px;
 	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
 
 }
 .topcircle{
 	background-color: black;
 	font-family: 隶书,serif;
	font-weight: 3px;
	position:absolute;
	font-size: 40px;
	top:5px;
	color: #90B2B7;
	width: 50px;
	height: 50px;
	left: 0px;
	-webkit-border-radius: 25px;
    -moz-border-radius: 25px;
 }

 .toptitle{
 	 
	position:absolute;
	font-size: 40px;
	top:5px;
	left: 50px;
	width: 450px;
	height: 50px;
	background:url(name.png) no-repeat;
    
 }

 .topstar{
 	width: 500px;
    height: 60px;
    position:relative;
    text-align: right;
	left: 45px;
	right: 45px;
	top:20px;

 }

 .mainpic{
 	 position:relative;
	 left: 45px;
	 right: 45px;
	 top:12px;
     border: 5px;
	 background:url(ad.jpg) no-repeat;
	background-color: #5CC199;
    border-color: #256873;
    border-style: solid;
 	width: 500px;
    height: 400px;
 	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
 }

 .skilltitle{
 	 position:relative;
	 left: 15px;
	 right: 45px;
	 top:15px;
     border: 5px;
	width: 500px;
    height: 55px;
    font-size: 35px;
    color:black;
    font-family: 楷体;
    text-align: left;
 }
 .skill{
 		 position:relative;
	 left: 45px;
	 right: 45px;
	 top:0px;
     border: 5px;
	width: 500px;
    height: 80px;
     border-color: #256873;
    border-style: solid;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
 }