body{background:#C086D3; font:9pt/120% Arial, Helvetica, sans-serif;}
*{margin: 0; padding: 0;}
img{border: none;}
.right{float: right;}
.left{float: left;}
.clear{clear: both;}
h1,h2,h3,h4,h5,h6{font:10pt Arial, Helvetica, sans-serif;}
button{cursor: pointer;}
/* main */
#main{background: #9160B9; width: 788px;border-top: solid 1px #E6E6E6; position: relative;}
/* logo */
#logo{ height: 60px; background: url(../Img/logo/friend_logo.jpg) no-repeat 2em center; width: 778px;}
#logo a{text-decoration:none;}
#logo b{ visibility: hidden; line-height: 60px; font-size: 2em;}
/* nav */
#nav{line-height: 33px; color: #ccc; padding: 0 1em; margin-bottom: 9px; font-size: 10pt;}
#nav a{color: #fff; text-decoration:none; padding: 0 4px;}
#nav a:hover{ text-decoration: underline;}
/* contain */
#contain{position: relative; left: 130px;top:0; background: #fff; width: 658px;}
#contain h2{line-height: 30px; padding: 0 2em;}
#contain h4,#search h4{color: #F0037F; line-height: 26px; padding: 0 8px; font-weight: bold;}
#contain h4 span{font-weight: lighter;}
/* search */
#search{margin: 8px 9px; background: #fff; width: 100%;}
#search span{ color: #333; float: left; width: 100px; text-align: right; padding-top: 16px!important;padding-top: 9px;font-size: 10pt; cursor: default;}
#search label{display: block; margin: 5px 8px;}
#search b{ display: block; width: 90px; border: solid 1px #000; margin: 8px auto;}
#search button{border: solid 1px #fff; background: #9160B9; height: 22px; padding-top: 2px; overflow: hidden; color: #fff; width: 100%;}
#content{border: solid 1px #eee; padding: 6px; height: 120px;}
#search dl{ line-height: 20px; height: 20px;}
#search dd{float: right; width: 90px; text-decoration: none; text-align: center; margin-left: 2px;}
#tag1 a,#tag2 a,#tag3 a{display: block; width: 100%; color: #fff; text-decoration: none; font-weight: bold;}
#search #tag1{background: #E8CC4B;}
#search #tag2{background: #f90;}
#search #tag3{background: #8ACC68;}
.hidecontent,.hidelist{display:none;}
.soinput{border: solid 1px #D0D9DF; background: url(../Img/bg/input1.gif) repeat-x; padding: 0 3px; height: 21px; line-height: 21px;}
.sobot{position: relative; left: 0; top: 11px!important; top: 4px; border: none;}
.rim{ border: solid 1px #eee; padding: 8px 6px; margin:0 9px 9px 9px;}
.rim2{ background: #EBFFD5; border: solid 1px #8EB86C; line-height: 22px; padding: 0 1em;}
/* usertop */
#usertop{position: absolute; top: 15px; right: 5px; width: 183px; border: solid 1px #eee;}
#usertop dl{height: 22px; line-height: 22px; background: #eee;}
#usertop dd{float: left; width: 91px; text-align: center;}
#usertop dd a{display: block; width: 100%; color: #F0037F; font-weight: bold; text-decoration: none;}
#usertop dd a:hover{background: #f7f7f7;}
.select{background: #fff;}
#usertop ul{list-style: none; margin: 5px 5px}
#usertop li{line-height: 22px; height: 45px;}
#usertop li b a{color: #008BCC; text-decoration: none; display: block;;}
.userimg{ float: left; padding: 2px; border: solid 1px #eee; width: 33px; height: 33px; margin-right:8px;}
/* list */
#list{margin: 8px 9px; position: relative; top: 0; left: 0;}
#list dl{ line-height: 22px;}
#list h6{line-height:22px; border-bottom: solid 3px #9160B9; color: #9160B9; font-weight: bold;}
#list dd{ clear: both; height: 45px; line-height: 45px; border-bottom: dashed 1px #ccc;}
#list dd img{ float: left; padding: 2px; border: solid 1px #eee; margin: 3px 5px; width:36px; height:36px;}
#list dt{ line-height: 22px; font-weight: bold;}
#list dt p,#list dd p{float: left; text-align: center;}
#list dt .tdfirst{width: 99px; padding-left: 49px;}
#list .td1{width: 99px; overflow: hidden; color: #f80; font-weight: bold;}
#list .td2{width: 40px;}
#list .td3{width: 60px;}
#list .td4{width: 110px;}
#list .td5{width: 99px;}
/* telltrue */
#telltrue{position: relative; width: 456px; left: 9px; background: url(../Img/bg/friend_gaobai_bg.gif) no-repeat left 28px; height: 300px;}
#telltrue h6{background: url(../Img/bg/friend_gaobai.gif) no-repeat; height: 28px; text-align: right; padding: 0 1em;}
#telltrue h6 span{ position: absolute; top: 11px; right: 28px;}
#telltrue h5{line-height: 22px; margin: 9px 0 2px 15px;}
#telltrue #writetell{border: solid 1px #D1B1EB; overflow: hidden; margin:15px 0 3px 18px; width: 380px; font-size: 9pt; background: #fff;}
#telltrue button{border: solid 1px #D1B1EB;background: #fff; float:right; margin:16px 14px 0 0;line-height: 22px;overflow: hidden;}
#telltrue marquee{height: 160px;width: 420px; overflow: hidden; position: relative; top: 26px; left: 18px;  cursor: default;}
#telltrue dl{line-height: 150%;}
#telltrue dt span a{color: #f60;padding: 0 3px;}
#telltrue dd{text-indent: 2em; color: #333; background: #FEF2FD; padding:3px 5px; border: dashed 1px #ccc;margin-bottom: 8px;}
/* staruser */
#staruser{border: solid 1px #eee; margin: 5px 9px; padding: 8px;}
#staruser ul{list-style: none; line-height: 22px;}
#staruser ul li{float: left; width: 24%; text-align: center;}
#staruser ul li img{width: 90px; height: 90px; padding: 2px; border: solid 1px #eee;}
#staruser ul li a{color: #008BCC; text-decoration: none; display: block;}
/* leftlist */
#leftlist{position: absolute; left: 0; top: 38px; width: 130px;}
#leftlist h3{text-align: center; font: bolder 10pt/28px Arial; color: #fff;}
#leftlist dl{text-align: center; font-size: 10pt; font-weight: bolder;}
#leftlist dt{border-top:solid 1px #fff;border-bottom:solid 1px #fff; line-height: 22px; background: #CE9DF8;color: #fff;}
#leftlist dd img{ margin: 6px auto; border: solid 1px #666; width: 90px; height: 90px; background: #fff; padding: 3px;}
#leftlist dd a{color: #fff; text-decoration: none; display: block; padding-bottom: 5px;}
#leftlist dd a:hover{color: #fff; text-decoration: underline;}
/* page */
.page{text-align: right; padding: 0 1em; line-height: 35px;}
/* foot */
#foot{clear: both; line-height: 24px; text-align: center;}
#foot a{padding: 0 5px;}
/* linkcolor */
a:link,a:visited{color: #444; text-decoration: none;}
a:hover{color: #f08; text-decoration: underline;}
a.blue:link,a.blue:visited{color: #039}
a.blue:hover{color: #f00;}