/* CSS Document */

*{border:none; margin:0; padding:0;}
body{background:#FFF; font-family:verdana,arial,ËÎÌå; font-size:12px;}

 a:link{color:#036; text-decoration:none;}
 a:hover{color:#B80965; text-decoration:underline;}
 a:visited{color:#036; text-decoration:none;}
.cyellow{color:#FF0;}
.fb{font-weight:bold;}
#wrap{clear:both; width:940px; margin:0 auto; background:#036;}
#header{clear:both; height:101px; background:url(../images/header_bg.gif) repeat-x;}
#header .logo{float:left; height:101px; width:266px;}
#header .header_right{float:right; height:101px; width:674px;}
#header .header_right .userinfo{text-align:right; padding-right:10px; height:34px; line-height:34px; color:#CFF;}
#header .header_right .userinfo a:link{color:#CFF; text-decoration:none;}
#header .header_right .userinfo a:hover{color:#CFF; text-decoration:underline;}
#header .header_right .userinfo a:visited{color:#CFF; text-decoration:none;}
#header .header_right .header_search{height:47px;paddsing-right:10px;padding-top:20px;}
#header .header_right .header_search_input_box{float:left;width:580px;height:30px;text-align:right;padding-right:10px;}
#header .header_right .header_search_input{width:230px; height:18px; line-height:18px; border:2px solid #6BDEFF; padding-top:4px;}
#header .header_right .header_search_button_box{float:left;width:74px;height:30px;}
#header .header_right .header_search_button{}

#main_nav{clear:both; border-top:1px solid #CCFFFF; height:34px; }
.main_nav_01{width:158px;height:34px;}
.main_nav_01 a{width:158px;height:34px;background:url(../images/main_nav_01.jpg) 0 0;display:block;}
.main_nav_01 a:hover{width:158px;height:34px;background:#F00;background:url(../images/main_nav_01.jpg) 0 -34px;}

.main_nav_02{width:113px;height:34px;}
.main_nav_02 a{width:113px;height:34px;background:url(../images/main_nav_02.jpg) 0 0;display:block;}
.main_nav_02 a:hover{width:113px;height:34px;background:#F00;background:url(../images/main_nav_02.jpg) 0 -34px;}

.main_nav_03{width:109px;height:34px;}
.main_nav_03 a{width:109px;height:34px;background:url(../images/main_nav_03.jpg) 0 0;display:block;}
.main_nav_03 a:hover{width:109px;height:34px;background:#F00;background:url(../images/main_nav_03.jpg) 0 -34px;}

.main_nav_04{width:105px;height:34px;}
.main_nav_04 a{width:105px;height:34px;background:url(../images/main_nav_04.jpg) 0 0;display:block;}
.main_nav_04 a:hover{width:105px;height:34px;background:#F00;background:url(../images/main_nav_04.jpg) 0 -34px;}

.main_nav_05{width:111px;height:34px;}
.main_nav_05 a{width:111px;height:34px;background:url(../images/main_nav_05.jpg) 0 0;display:block;}
.main_nav_05 a:hover{width:111px;height:34px;background:#F00;background:url(../images/main_nav_05.jpg) 0 -34px;}

.main_nav_06{width:84px;height:34px;}
.main_nav_06 a{width:84px;height:34px;background:url(../images/main_nav_06.jpg) 0 0;display:block;}
.main_nav_06 a:hover{width:84px;height:34px;background:#F00;background:url(../images/main_nav_06.jpg) 0 -34px;}

.main_nav_07{width:101px;height:34px;}
.main_nav_07 a{width:101px;height:34px;background:url(../images/main_nav_07.jpg) 0 0;display:block;}
.main_nav_07 a:hover{width:101px;height:34px;background:#F00;background:url(../images/main_nav_07.jpg) 0 -34px;}

.main_nav_08{width:159px;height:34px;}
.main_nav_08 a{width:159px;height:34px;background:url(../images/main_nav_08.jpg) 0 0;display:block;}
.main_nav_08 a:hover{width:159px;height:34px;background:#F00;background:url(../images/main_nav_08.jpg) 0 -34px;}


#main{clear:both;padding:10px;}
#main_left{float:left;margin-right:10px;width:220px;}
#main_center{float:left;width:457px;}
#main_right{float:right;width:220px;}
#narrow_box{width:220px;border:1px solid #6BDEFF;margin-bottom:20px;}
#narrow_box .narrow_box_title{color:#6BDEFF; font-weight:bold; text-indent:1em;height:21px; line-height:21px;background:url(../images/title_bg.gif) repeat-x;}
#narrow_box .narrow_box_content{padding:10px;background:#FFF;}
#narrow_box .narrow_ul{}
#narrow_box .narrow_li{width:183px;list-style-position:inside;line-height:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#narrow_box .narrow_box_content .narrow_circle{clear:both;margin-bottom:10px;height:52px;}
#narrow_box .narrow_box_content .narrow_circle .narrow_circle_pic{float:left; border:1px solid #C7C7C7; padding:3px;margin-right:5px;}
#narrow_box .narrow_box_content .narrow_circle .narrow_circle_txt{folat:right;}
#narrow_box .narrow_box_content .narrow_circle .narrow_circle_txt .narrow_circle_name{line-height:17px;height:17px; font-weight:bold;width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#narrow_box .narrow_box_content .narrow_circle .narrow_circle_txt .narrow_circle_name_black{line-height:30px;height:30px; font-weight:bold;width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000;}
.narrow_circle_name_black a:link{color:#000; text-decoration:underline;}
#narrow_box .narrow_box_content .narrow_circle .narrow_circle_txt .narrow_circle_intro{color:#666;line-height:18px;width:130px; height:37px; overflow:hidden;}

.wide_box{width:457px;border:1px solid #6BDEFF;margin-bottom:20px;}
.wide_box_title{color:#6BDEFF; font-weight:bold; text-indent:1em;height:21px; line-height:21px;background:url(../images/title_bg.gif) repeat-x;}
.wide_box_content{padding:10px;background:#FFF;}
.wide_circle_box{clear:both; height:115px;}
.wide_circle_pic{float:left; border:1px solid #C7C7C7; padding:3px;margin-right:5px;}
.wide_circle_txt{}
.wide_circle_title_line{height:35px;line-height:35px;}
.wide_circle_title{float:left;width:225px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px; font-weight:bold; text-align:left;}
.wide_circle_btn_box{width:90px;float:right;text-align:right;}
.wide_circle_btn{width:80px;height:25px;font-size:14px; font-weight:bold; color:#FFF; background:#B80965; border:1px outset #FFA500; cursor:hand;}
.wide_circle_info{width:320px;color:#666;}
#my_circle{height:130px;}
.my_circle_list_box{height:95px; width:105px;float:left;margin-right:0px;}
.my_circle_name{width:110px; height:35px; line-height:35px; font-weight:bold; text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.black_line{height:1px; background:#CCC; margin-bottom:10px;clear:both;}
#wide_circle_bbs_list{width:320px;color:#666;}
.wide_circle_bbs_list_txt{width:310px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.wide_circle_manager_txt{width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }

#user_login{width:200px;height:115px;}
.user_login_input{width:130px; border:1px solid #6BDEFF; height:20px; }
.user_login_btn{height:23px; border:1px outset #CAC8BB; background:#3399FE; color:#FFF;width:60px;}
.login_username{width:80px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.login_enter{font-size:14px;font-weight:bold;}
.hot_bbs_list{width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

#list_left{float:left; width:689px; }
#list_box{border:1px solid #6BDEFF;margin-bottom:20px;background:#FFF;}
.list_box_title{color:#6BDEFF; font-weight:bold; text-indent:1em;height:21px; line-height:21px;background:url(../images/title_bg.gif) repeat-x;}
.list_box_title a{color:#6BDEFF;}
.list_box_content{background:#FFF;padding:10px;}
.list_circle_title{float:left;width:425px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px; font-weight:bold; text-align:left;}
.list_circle_info{width:550px;color:#666;}
.list_circle_intro_txt{width:490px;height:38px;overflow:hidden;line-height:20px;color:#666;}

#mycircle_list{width:165px;text-align:center;height:210px;float:left;}
.circle_big_pic{width:90px; border:1px solid #C7C7C7; padding:3px;}
.mycircle_list_name{width:120px; height:35px; line-height:35px; font-weight:bold; text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.mycircle_btn{width:80px;height:25px;font-size:14px; font-weight:bold; color:#B80965; background:#FECCFF; border:1px outset #FFA500; cursor:hand;}

#pages_nav{height:35px;clear:both;text-align:center;}


#footer{clear:both;height:80px; background:url(../images/footer_bg.gif) repeat-x; color:#71A4BB;width:900px; margin:0 auto;padding:10px; text-align:center;line-height:30px;}
#footer a:link{color:#71A4BB; text-decoration:none;}
#footer a:hover{color:#B80965; text-decoration:underline;}
#footer a:visited{color:#71A4BB; text-decoration:none;}