@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0;}

body {background:#FFF;}

body,td,th {font-family: Arial, Verdana, Helvetica, sans-serif;font-size:12px;color:#333;line-height:20px;}

a:link,a:visited {text-decoration:none;color:#069;}
a:active,a:hover {text-decoration:underline;color:#C00;}

h1 {font-size:20px;color:#444;font-weight:bold;line-height:30px;height:30px;margin:10px 0 5px 0;text-align:center;}
h2 {font-size:14px;color:#444;line-height:22px;font-weight:normal;height:22px;margin:10px 0;}
h3 {font-size:14px;font-weight:normal;line-height:22px;height:22px;}
h4 {font-size:12px;width:100%;font-weight:normal;line-height:20px;height:20px;background:#F2F9FC;}
h5 {font-size:14px;width:100%;font-weight:normal;line-height:20px;height:20px;background:#F2F9FC;margin-bottom:10px;}


#head {margin:0 auto;width:100%;height:85px;overflow:hidden;background: url(header.gif) repeat-x left top;}
#logo {float:left;width:180px;height:40px;overflow:hidden;margin:16px 0 0 10px;display:inline;}
#headright {float:right;width:765px;overflow:hidden;}
#hello {height:20px;line-height:20px;margin:10px 10px 0 0;text-align:right;}
#menu {width:590px;height:40px;margin:15px 0 0 30px;overflow:hidden;}
#menu ul {width:600px;list-style:none;}
#menu ul li {float:left;width:50px;height:40px;line-height:36px;font-size:14px;margin-right:10px;text-align:center;display:inline;}
#menu ul li.choose {background:url(menu_bg.gif) left top no-repeat;}
#menu ul li a {color:#0093BB;}
#menu ul li a:active,#menu ul li a:hover {display:block;background:url(menu_bg.gif) left top no-repeat;width:28px;height:16px;padding:0 11px 23px 11px;color:#0093BB;text-decoration:none;}
.headline {width:100%;height:1px;margin:0 auto;overflow:hidden;border-top:#DFEEFF 1px dashed;position:relative;top:-7px;}


#mainbox {width:940px;margin:0 auto;overflow:hidden;}
#left {float:left;width:600px;overflow:hidden;}
#right {float:right;width:300px;overflow:hidden;}


#game_left {float:left;width:120px;overflow:hidden;}
#game_center {float:left;width:700px;overflow:hidden;}
#game_right {float:right;width:120px;overflow:hidden;}

#login {width:300px;margin:0 auto;text-align:center;}
#login div {height:18px;line-height:18px;margin:5px 0;}
.userpass{border:#E6E6E6 1px solid;height:16px;font-size:12px;font-family: Verdana, Arial, Helvetica, sans-serif;}
#registerBox {width:300px;margin:0 auto;}
#registerBox div {height:18px;line-height:18px;margin:5px 0;}

#flashchange {float:left;width:240px;height:220px;background:#F5F5F5;overflow:hidden;}
#hot {float:right;width:340px;height:220px;overflow:hidden;}
#hot_title {height:20px;line-height:20px;font-size:14px;color:#FF9900;text-align:center;font-weight:bold;}
#hot_summary {width:340px;height:40px;line-height:18px;overflow:hidden;text-indent:2em;text-overflow:ellipsis;margin:6px auto;}
#hot ul {width:330px;list-style:none;margin:6px auto;}
#hot ul li {width:319px;background:url(dot_03.gif) 0px 8px no-repeat;height:24px;line-height:24px;font-size:14px;font-family: Verdana,Arial,  Helvetica, sans-serif;padding-left:11px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#hot ul li span {color:#FF9900;}


#topimg {width:590px;height:224px;overflow:hidden;margin:0 auto;}
#topimg ul {width:615px;list-style:none;}
#topimg ul li {float:left;width:180px;height:224px;margin-right:25px;overflow:hidden;text-align:center;}
#topimg ul li img {border:0;}


#listimg {float:left;width:110px;height:120px;overflow:hidden;}
#listimg img {border:0;}
#list {float:left;width:410px;height:120px;overflow:hidden;margin-left:15px;}
#list_title {width:410px;height:22px;overflow:hidden;background:#F6FBFD;padding-left:8px;}
#list_con {line-height:20px;margin:8px 0 0 8px;}
#view {float:right;width:51px;height:80px;overflow:hidden;background:url(read_countt.gif) left top no-repeat;text-align:center;}
#viewnum {width:51px;height:24px;overflow:hidden;line-height:24px;color:#F90;font-size:16px;font-weight:bold;margin-top:8px;}
#viewer {width:51px;height:20px;overflow:hidden;line-height:20px;color:#F90;}
#viewtxt {width:51px;height:25px;line-height:25px;overflow:hidden;background:url(read_countb.gif) left top no-repeat;text-align:center;margin-top:2px;}


#whooplist {float:left;width:530px;height:120px;overflow:hidden;}
#whooplist_title {width:530px;height:22px;overflow:hidden;background:#F6FBFD;padding-left:8px;}
#whooplist_con {line-height:20px;margin:8px 0 0 8px;}


#recommend {width:520px;margin:20px auto;padding:10px 20px;border:#B8DFED 6px solid;font-size:12px;line-height:20px;background:#f1f9fd;text-align:left;}
#recommend .rbutton {width:60px;height:22px;margin:4px 0 0 0;}
#result {width:520px;margin:20px auto;padding:10px 20px;border:#B8DFED 6px solid;font-size:12px;line-height:20px;background:#f1f9fd;text-align:left;}
#result .rbutton {width:60px;height:22px;margin:4px 0 0 0;}


.pageli {margin:10px 0;text-align:center;}
.pageli a {border:#8db5d7 1px solid;padding:2px 5px;margin-right:5px;text-decoration:none;}
.pageli a:hover,.pageli a:active {border:#F90 1px solid;padding:2px 5px;margin-right:5px;text-decoration:none;}
.pageli span.current {border:#F90 1px solid;padding:2px 5px;margin-right:2px;font-weight:bold;color:#000;margin-right:5px;background-color:#F90;}
.pageli span.disabled {border:#ccc 1px solid;padding:2px 5px;margin-right:5px;color:#ccc;}

.page {clear:both;padding-right:5px;height:18px;font-family:Verdana, Arial, Helvetica, sans-serif;margin-bottom:30px;text-align:center;font-size:13px;color:#666;}
 

#txtcon {font-size:14px;line-height:26px;word-break:break-all;word-wrap:break-word;}
#txtcon a:link,#txtcon a:visited {text-decoration:underline;color:#069;}
#txtcon a:active,#txtcon a:hover {text-decoration:none;color:#33CCFF;}
#txtcon img {border:1px solid #DDD;padding:5px;margin:0 14px;background:#FCFCFC;}
blockquote {width:460px;background:#FBFBF9 url(quote.png) no-repeat top right;border:1px solid #ECECEC;border-left:5px solid #ECECEC;text-align:left;padding:10px;margin:16px auto;word-break:break-all;word-wrap:break-word;}
.sendurl {font-size:14px;height:26px;text-align:center;line-height:26px;}

#relatetxt {width:600px;margin:10px auto 20px auto;background:url(commenttop_bg.gif) left -2px repeat-x;padding-top:7px;border-top:#EEE 1px solid;overflow:hidden;position:relative;}
#relatetxt #relateleft {float:left;width:300px;overflow:hidden;}
#relatetxt #relateright {float:right;width:300px;height:250px;overflow:hidden;}
#relatetitle {width:300px;overflow:hidden;}
#relatetitle ul {list-style:none;}
#relatetitle ul li {width:280px;background:url(dot_02.gif) 10px 7px no-repeat;height:22px;line-height:22px;font-size:12px;padding-left:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

#relatecon {float:right;width:300px;height:250px;margin:10px 0 6px 10px;display:inline;}/*忽悠显示页*/

#comments {margin:20px auto;width:600px;}
#comments .commentscon {clear:both;width:585px;margin:0 auto;overflow:hidden;border-top:2px solid #F6F6F6;padding:10px 0;}
#comments .commentscon .userhead{float:left;width:48px;height:48px;margin:0 15px 10px 10px;}
#comments .commentscon .comcontxt{float:right;text-align:left;width:500px;font-size:14px;line-height:26px;margin:0 10px 20px 0;word-break:break-all;word-wrap:break-word;}
#comments .commentscon .userpost {font-size:12px;margin-bottom:8px;}
#comments .commentscon .userpost span {font-size:11px;color:#999;}
#commentContents {width:550px;height:110px;overflow:auto;}

/* Fckeditor */
pre{font-family:'Courier New' , Monospace;font-size:12px;width:99%;overflow:auto;margin:0 0 1em 0;background:#FBFBF9;}
pre ol, pre ol li, pre ol li span{margin:0 0;padding:0;border:none}
pre a, pre a:hover{background:none;border:none;padding:0;margin:0}
pre ol{list-style:decimal;background:#FBFBF9;margin:0px 0px 1px 3em !important;padding:5px 0;color:#5C5C5C;border-left:3px solid #DDD;}
pre ol li{list-style:decimal-leading-zero;list-style-position:outside !important;color:#5C5C5C;padding:0 3px 0 10px !important;margin:0 !important;line-height:1.3em}
pre ol li.alt{color:inherit}
pre ol li span{color:black;background-color:inherit}
pre .comment, pre .comments{color:#008200;background-color:inherit}
pre .string{color:blue;background-color:inherit}
pre .keyword{color:#069;font-weight:bold;background-color:inherit}
pre .preprocessor{color:gray;background-color:inherit}
pre .dp-xml .cdata{color:#ff1493}
pre .dp-xml .tag, pre .dp-xml .tag-name{color:#069;font-weight:bold}
pre .dp-xml .attribute{color:red}
pre .dp-xml .attribute-value{color:blue}


#notice {width:300px;height:120px;background:url(notice_bg.gif) left top no-repeat;overflow:hidden;}
#notice ul {width:296px;list-style:none;margin:12px auto;}
#notice ul li {width:250px;background:url(notice_dot.gif) 15px 6px no-repeat;height:24px;line-height:24px;padding-left:35px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}


#search {width:235px;line-height:20px;margin:16px auto;}
#search .searchbox {width:180px;}
#focus {margin:16px 0;} 
#tag {width:270px;height:116px;padding:12px 15px;background:url(tag_bg.gif) left top no-repeat;overflow:hidden;}


#bar_list {width:300px;overflow:hidden;margin:0 auto;}
#bar_list ul {width:296px;list-style:none;margin:0 auto;}
#bar_list ul li {width:284px;background:url(dot_02.gif) 0px 9px no-repeat;height:24px;line-height:24px;padding-left:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}


#ClassTop_tit {width:280px;overflow:hidden;}
#ClassTop_tit ul {list-style:none;width:275px;border-bottom:#E6E6E6 1px solid;height:22px !important;height:20px;}
#ClassTop_tit ul li {float:left;margin-left:3px;line-height:16px;}
#ClassTop_tit ul li a {float:left;background:#F6F6F6;border-left:#CCC 1px solid;padding:4px 6px 2px 5px;cursor:pointer;text-align:center;}
#ClassTop_tit ul li .selected {background:#F6F6F6;border-left:#CCC 2px solid;color:#F90;cursor:pointer;text-align:center;}
#ClassTop_cnt {clear:both;background:url(top10.gif) no-repeat 0 7px;text-align:left;width:295px;height:260px;overflow:hidden;margin:0 auto;}
#ClassTop_cnt ul {list-style:none;}
#ClassTop_cnt ul li {padding-left:25px;width:260px;height:26px;line-height:26px;overflow:hidden;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.hidecontent {display:none;}


#group_info {width:290px;margin-right:15px;overflow:hidden;word-break:break-all;word-wrap:break-word;}
#group_info img {width:48px;height:48px;margin:0 8px 0 0;float:left;padding:1px;background:#FFF;border:0;}
#group_info .groupname {color:#FF9900;font-weight:bold;font-size:12px;width:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/* 文章页面发帖会员信息 */
#utiao_infobg {width:300px;height:140px;background:url(tag_bg.gif) left top no-repeat;overflow:hidden;margin:0 auto;}
#utiao_info {width:260px;line-height:20px;overflow:hidden;margin:10px auto 10px auto;text-align:left;word-break:break-all;word-wrap:break-word;}
#utiao_info #uhead {width:48px;height:48px;overflow:hidden;margin:0 8px 0 0;float:left;padding:1px;background:#FFF;border:0;}


#memberlist {width:100%;overflow:hidden;}
#memberlist ul {list-style:none;}
#memberlist ul li {float:left;margin-bottom:6px;width:75px;height:72px;overflow:hidden;text-align:center;word-break:break-all;word-wrap:break-word;}
#image {width:50px;height:50px;border:#E6E6E6 0 solid;margin:0 auto 2px auto;}
#image img {width:48px;height:48px;border:#FFF 1px solid;}

#uarticles {width:600px;overflow:hidden;}
#uarticles ul {width:640px;list-style:none;}
#uarticles ul li {float:left;width:280px;background:url(dot_02.gif) 8px 13px no-repeat;height:34px;line-height:34px;padding-left:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-bottom:#F6F6F6 1px solid;margin-right:20px;}
#uarticles ul li span {color:#888;}


#ShowPicDiv {width:300px;height:160px;line-height:160px;overflow:hidden;}
#ShowPicDiv ul {list-style:none;}
#ShowPicDiv ul li{height:160px;text-align:center}

#info_about {width:600px;margin:0 auto;line-height:24px;}

#linksli {width:100%;}
#linksli ul {list-style:none;width:290px;overflow:hidden;}
#linksli li {float:left;width:84px;height:24px;line-height:24px;margin-right:12px;overflow:hidden;}

.footline {width:960px;height:1px;margin:0 auto;overflow:hidden;border-top:#DFEEFF 1px dashed;}
#foot {width:960px;margin:0 auto;overflow:hidden;line-height:12px;color:#666;}
#foot_l {float:left;height:18px;margin:8px 0 12px 0;display:inline;}
#foot_r {float:right;height:18px;margin:8px 0 12px 0;display:inline;}


/*---用户个人页面---*/
#usertop {width:940px;height:45px;margin:auto;overflow:hidden;background:url(usericon/usertop.gif) left top no-repeat;}

#userleft {float:left;width:145px;overflow:hidden;padding:10px 10px;}

#usercenter {float:left;width:560px;min-height:600px;_height:600px;border-left:#F3F3F3 5px solid;border-right:#F3F3F3 5px solid;padding:10px 20px;}
#usercenter #usercentercon {width:520px;margin:10px auto 20px auto;position:relative;overflow:hidden;}
#usercenter #usercentercon #changehead {width:100px;height:100px;position:absolute;left:400px;top:5px;}
#usercenter #usercentercon #changehead img {width:48px;height:48px;margin-bottom:6px;}
#usercenter #usercentercon #changehead #headerDIV {position:absolute;overflow:hidden;width:270px;left:-180px;top:75px;z-index:10000;background:#FFF;border:solid 5px #F3F3F3;text-align:center;display:none;}
#usercenter #usercentercon #changehead #headerDIV ul {width:270px;list-style:none;}
#usercenter #usercentercon #changehead #headerDIV ul li {float:left;width:48px;height:48px;margin:5px 0 0 5px;display:inline;}

#usercenter #usercentercon .input01 {width:110px;height:26px;}
#usercenter #usercentercon textarea {width:360px;height:120px;overflow:auto;}
#usercenter #usercentercon #tablelist {border:0;width:100%;margin:10px 0;}
#usercenter #usercentercon #tablelist td {height:26px;line-height:26px;border-bottom:#DDD 1px dashed;word-break:break-all;word-wrap:break-word;font-size:12px;color:#666;}
#usercenter #usercentercon #messageimg {float:left;width:48px;height:48px;margin:5px 15px 15px 0;}
#usercenter #usercentercon #inputbox {width:400px;height:200px;overflow:auto;}
#usercenter #usercentercon #contents {width:400px;height:200px;overflow:auto;}
.groupintro_t {border:0;width:100%;table-layout:fixed;}
.groupintro_t td {line-height:20px;padding:8px 4px;text-align:left;vertical-align:top;white-space:normal;word-break:break-all;word-wrap:break-word;}


#member_tabbox {width:100%;height:25px;margin:0 auto;overflow:hidden;background:url(line_title.gif) left 21px repeat-x !important;background:url(line_title.gif) left 22px repeat-x;}
#member_tabbox ul {list-style:none;margin:0;padding:0;margin-left:30px;}
#member_tabbox ul li {float:left;margin-left:10px;}
#member_tabbox ul li a {float:left;color:#0093BB;height:16px;padding:2px 6px 3px 7px !important;padding:4px 6px 1px 7px;border:#EEE 1px solid;border-bottom:0;background:#F2F9FC;}
#member_tabbox ul li .selected {background:#FFF;color:#0093BB;}
#member_tabbox ul li a:visited {color:#0093BB;}
#member_tabbox ul li a:hover {background:#FFF;color:#0093BB;}
#member_tabcontent {width:100%;margin:10px auto;line-height:22px;text-align:left;}


#usercenter #usercentercon #simglist {width:520px;overflow:hidden;}
#usercenter #usercentercon #simglist ul {width:520px;list-style:none;}
#usercenter #usercentercon #simglist ul li {float:left;width:70px;height:75px;margin:0 15px 0 0;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#usercenter #usercentercon #simglist ul li img {width:48px;height:48px;border:0;margin:0 auto 2px auto;}

#usercenter #usercentercon #mimglist {width:520px;overflow:hidden;}
#usercenter #usercentercon #mimglist ul {width:520px;list-style:none;}
#usercenter #usercentercon #mimglist ul li {float:left;width:110px;height:145px;margin:0 20px 10px 0;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#usercenter #usercentercon #mimglist ul li img {width:110px;height:120px;border:0;margin:0 auto 2px auto;}

#usercenter #usercentercon #tiplist {width:520px;overflow:hidden;}
#usercenter #usercentercon #tiplist ul {width:520px;list-style:none;}
#usercenter #usercentercon #tiplist ul li {width:520px;height:22px;line-height:22px;color:#888;padding:10px 0;border-bottom:#DDD 1px dotted;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#usercenter #usercentercon #tiplist ul li span {color:#CCC;font-family:Georgia, "Times New Roman", Times, serif;font-size:11px;padding-left:15px;}
#usercenter #usercentercon #tiplist ul li img {margin:0 10px;}

#tips {width:520px;margin:10px auto;padding:10px 0;border:#ddedf7 1px dashed;background:#f1f9fd url(tips_bg.gif) right bottom no-repeat;color:#006699;}
#tips img {width:16px;height:16px;border:0;margin:0 6px 0 15px;}
#tips ul {width:480px;margin:5px auto;list-style:none;}
#tips ul li {height:22px;line-height:22px;}

#userright {float:left;width:165px;overflow:hidden;padding:10px 0;}
#userright #usermenu {width:130px;margin-left:25px;}
#userright #usermenu ul {list-style:none;}
#userright #usermenu ul li {width:130px;height:30px;line-height:30px;font-size:14px;}
#userright #usermenu ul li img {width:16px;height:16px;border:0;margin:2px 10px 0 0;vertical-align:text-bottom;}
#userright #userinfo {width:150px;overflow:hidden;margin-left:15px;line-height:24px;}
#userright #userinfo img {float:right;width:48px;height:48px;border:0;margin:5px 0 0 0;}
#userright #userinfo #userop {background:#F6FBFD;width:150px;height:26px;line-height:26px;margin:12px auto 0 auto;text-align:center;}


/*---常用样式列表---*/
.height01 {height:10px;overflow:hidden;}
.height02 {height:30px;overflow:hidden;}
.height03 {height:5px;overflow:hidden;}
.width01 {width:6px;}

.clear01 {clear:both;}
.clear02 {clear:left;}
.clear03 {clear:right;}

.inputbox01 {background:#fff url(button.png);border:1px solid #9EA9C5;padding:2px 1px 0px 2px;margin-right:2px;}
.inputbox02 {border:#DDD 1px solid;padding:2px 0 2px 5px;}

.line01 {width:98%;border-top:#CCC 1px dashed;margin:0 auto;height:1px;overflow:hidden;}
.line04 {width:100%;border-bottom:#DDD 1px dashed;margin:0 auto;height:1px;overflow:hidden;margin:16px auto 16px auto;}

.size01 {font-size:10px;color:#CCC;}
.size02 {font-size:12px;}
.size03 {font-size:14px;}

.link01 {color:#FF9900;}
a.link01:link,a.link01:visited {text-decoration:none;color:#FF9900;}
a.link01:active,a.link01:hover {text-decoration:underline;color:#FF9900;}
.link02 {color:#444;}
a.link02:link,a.link02:visited {text-decoration:none;color:#444;}
a.link02:active,a.link02:hover {text-decoration:underline;color:#444;}
.link03 {color:#368332;}
a.link03:link,a.link03:visited {text-decoration:none;color:#368332;}
a.link03:active,a.link03:hover {text-decoration:underline;color:#368332;}
.link04 {color:#0093BB;}
a.link04:link,a.link04:visited {text-decoration:underline;color:#FF6600;}
a.link04:active,a.link04:hover {text-decoration:underline;color:#C00;}
.link05 {color:#0093BB;}
a.link05:link,a.link05:visited {text-decoration:underline;color:#0093BB;}
a.link05:active,a.link05:hover {text-decoration:underline;color:#C00;}

.color01 {color:#DDD;}
.color02 {color:#999;}
.color03 {color:#F90;}
.color04 {color:#FF0084;}
.color05 {color:#BBBBBB;}
.color06 {color:#FF9900;}