@charset "utf-8";
/* CSS初始化 */
body, div, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, table, th, td, form, input, button, select, textarea {
margin:0; 
padding:0;
font-style: normal;
font:12px/22px "\5B8B\4F53",Arial, Helvetica, sans-serif
}

ol, ul ,li{list-style:none}

.bgpic{ 
position:fixed; 
top:0; 
left:0; 
bottom:0; 
right:0; 
z-index:-1; 
} 

.bgpic > img { 
height:100%; 
width:100%; 
border:0; 
} 

.ds-avatar{
margin:10px auto;
padding-top:100px;
text-align:center;
}

.ds-avatar img{
-webkit-border-radius: 50%;
-moz-border-radius:50%;
box-shadow: inset 0 -1px 0 #3333sf;
-webkit-box-shadow: inset 0 -1px 0 #3333sf;
-webkit-transition: 0.8s;
-webkit-transition: -webkit-transform 0.8s ease-out;
transition: transform 0.8s ease-out;
-moz-transition: -moz-transform 0.8s ease-out;
}

.ds-avatar img:hover{
box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);
-webkit-box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);
transform: rotateZ(360deg);
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
}

.ds-avatar img{
border-radius: 50%;*/
-webkit-border-radius: 50%;
-moz-border-radius:50%;
box-shadow: inset 0 -1px 0 #3333sf;
-webkit-box-shadow: inset 0 -1px 0 #3333sf;
border-radius: 50%;
height:auto;
max-width: 30%;
height: auto;
width: auto\9; /* ie8 */
}

.maininfo li{
text-align:center;
font-size:20px;
font-weight:bold;
color:#FAFAFA;
}

a{
text-decoration:none;
font-weight:bold;
color:#FAFAFA;
} 

.name{
text-shadow:0px -0.5px 0px #444444,0px 1px 1px #CCCCCC;
}
.about{
  text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 25px;
  line-height: 120%;
  padding: 5px;
  transition: all ease 0.250s;
   border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  }