/* CSS Document */
* { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
a { text-decoration:none; color:#8f52a0; font-size:12px;}
a:hover { text-decoration:underline; font-size:12px;}
input { border:1px solid #000000;}
dl { margin:0; padding:0; clear:both; }
dt { padding:0 2px; width:257px;float:left; }
dd { padding:0 2px; width:80px; float:left; text-align:center;}
br {clear:both;height:0;font-size:1px;line-height:0px;}
.clearall {clear:both;height:0;font-size:1px;line-height:0px;}
.over-hidden-line {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.over-hidden-text {overflow:hidden;text-overflow:ellipsis;}

/*border*/
.border-top-3px {border-top:3px solid #8f52a0;}
.border-image { border:2px solid #a16eb0;}

/*background*/
.bg-header { background:url(images/bg-header.gif) no-repeat;}
.bg-login { background:url(images/bg-login.gif) no-repeat;}
.bg-recruitment { background:url(images/bg-recruitment.gif) no-repeat;}
.bg-brand-bbs { background:url(images/bg-brand-bbs.gif) no-repeat;}
.bg-kongjie-join { background:url(images/bg-kongjie-join.gif) no-repeat;}
.bg-photo { background:url(images/bg-photo.gif) no-repeat;}
.bg-btn-homepage { background:url(images/btn-homepage.gif) no-repeat;}
.bg-friend-link { background:#fde5f3 url(images/bg-friend-link.gif) no-repeat;}
.bg-blue { background:#bee2fa;}
.bg-red { background:#f9c9d9;}
/*margin*/
.margin-top10 { margin-top:10px;}
.margin-right30 { margin-right:30px;}

/*padding*/
.padding5 { padding:5px;}

/*font*/
.font11 { font-size:11px; color:#FFFFFF}
.font12 { font-size:12px; color:#FFFFFF}
.font12-000 { font-size:12px; color:#000}
.font12-8f52a0 { font-size:12px; color:#8f52a0;}
.font12-12759e { font-size:12px; color:#12759e;}
.font12-fe4502 { font-size:12px; color:#fe4502;}
/*width*/
.width10 { width:10px;}
.width54 { width:54px;}
.width680 {width:731px;}
.width330 {width:330px;}
.width335 {width:335px;}
.width100 {width:100px;}

/*height*/
.height75 { height:75px;}
.height150 { height:150px;}
.height200 { height:200px;}
.height320 { height:320px;}

/*line-height*/
.line-height150 { line-height:150%;}

/*float*/
.float-left { clear:left; float:left;}
.float-right { clear:right; float:right;}

/*list-style*/
.list-style-none {list-style:none;}

/*头部*/
#header { margin:0 auto; width:1002px; height:17px;}
#header ul { padding:0; padding-top:1px; list-style:none; clear:both; float:right; width:284px;}
#header ul li { float:left; text-align:center}
/*主体*/
#page { margin:0 auto; width:955px; clear:both;}
#left { margin:2px 0; padding:0 2px; width:206px; float:left; overflow:hidden;}
#right { margin:2px 0; padding:0 1px; width:731px; float:right; overflow:hidden; }

#menu {height:66px;}

#person { list-style:none; clear:both; line-height:13px;}
#person li { margin:4px 2px; padding:3px 0px; width:55px; float:left; text-align:center; border:1px solid #8f52a0; background:#f9f9f9; }
#person2 { list-style:none; clear:both; line-height:13px;}
#person2 li {margin:0 5px;padding:4px 0px; width:96px; float:left; text-align:center; border:1px solid #8f52a0; background:#f9f9f9; }
#Photo { height:148px;}
#person3 { list-style:none; clear:both;line-height:18px;}
#person3 li { margin:5px 3px; width:115px; float:left; text-align:center; background:#f9f9f9; }

#brand { list-style:none; clear:both;}
#brand li { margin:1px 0; padding:0 2px; width:30px; float:left; text-align:center;}

#friend { margin-left:20px; list-style:none; clear:both;}
#friend li { margin:3px 0; padding:0 2px; width:50px; float:left; text-align:center;}