﻿@charset "gb2312";
/* CSS Document */
* {margin:0;padding:0;}

body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse;border:none;padding:0;margin:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}ul{list-style:none;list-style-type:none;margin:0;padding:0}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{zoom:1;_height:1px;display:block}*


#mainbox {width:940px;margin:0 auto;overflow:hidden;}
#left {float:left;width:630px;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:#F90;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(http://www.xuxule.net/templets/jj//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:#F90;}

#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:80px;height:101px;overflow:hidden;}
#listimg img {border:1;}
#list {float:left;width:205px;height:120px;overflow:hidden;margin-left:15px;}
#list_title {width:200px;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(http://www.xuxule.net/templets/jj//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(http://www.xuxule.net/templets/jj//read_countb.gif) left top no-repeat;text-align:center;margin-top:2px;}

#listimg2 {float:left;width:160px;height:101px;overflow:hidden;}
#listimg2 img {border:1;}
#list2 {float:left;width:405px;height:120px;overflow:hidden;margin-left:15px;}
#list2_title {width:400px;height:22px;overflow:hidden;background:#F6FBFD;padding-left:8px;}
#list2_con {line-height:20px;margin:8px 0 0 8px;}
#view2 {float:right;width:51px;height:80px;overflow:hidden;background:url(http://www.xuxule.net/templets/jj//read_countt.gif) left top no-repeat;text-align:center;}
#viewnum2 {width:51px;height:24px;overflow:hidden;line-height:24px;color:#F90;font-size:16px;font-weight:bold;margin-top:8px;}
#viewer2 {width:51px;height:20px;overflow:hidden;line-height:20px;color:#F90;}
#viewtxt2 {width:51px;height:25px;line-height:25px;overflow:hidden;background:url(http://www.xuxule.net/templets/jj//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;}
 
#notice {width:300px;height:120px;background:url(http://www.xuxule.net/templets/jj//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(http://www.xuxule.net/templets/jj//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(http://www.xuxule.net/templets/jj//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(http://www.xuxule.net/templets/jj//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(http://www.xuxule.net/templets/jj//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:#F90;font-weight:bold;font-size:12px;width:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

#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(http://www.xuxule.net/templets/jj//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:#EEE 1px solid;margin-right:20px;}
#uarticles ul li span {color:#888;}

#uarticles2 {width:640px;overflow:hidden;}
#uarticles2 ul {width:640px;list-style:none;}
#uarticles2 ul li {float:left;width:630px;background:url(http://www.xuxule.net/templets/jj//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:#EEE 1px solid;margin-right:20px;}
#uarticles2 ul li span {color:#888;}

#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;}

#foot {width:960px;margin:0 auto;overflow:hidden;line-height:26px;color:#999;background:url(http://www.xuxule.net/templets/jj//bottom_bg.gif) no-repeat top center;padding:20px 0;text-align:center;}
#foot a:link,#foot a:visited {text-decoration:none;color:#333;}
#foot a:active,#foot a:hover {text-decoration:none;color:#999;}

/*---甯哥敤鏍峰紡鍒楄〃---*/
.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(http://www.xuxule.net/templets/jj//button.png);border:1px solid #9EA9C5;padding:2px 1px 0px 2px;margin-right:2px;}
.inputbox02 {border:#DDD 1px solid;padding:2px 0 2px 5px;}
.inputbox03 {border:#DDD 1px solid;padding:2px 0 2px 5px;width:250px;height:60px;overflow:auto;font-size:12px;}

.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:#F90;}
a.link01:link,a.link01:visited {text-decoration:none;color:#F90;}
a.link01:active,a.link01:hover {text-decoration:underline;color:#F90;}
.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:#F60;}
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:#BBB;}
.color06 {color:#F90;}

.listbr {height:12px;width:400px;background:url(http://xuxule.net/templets/images/hr.jpg) no-repeat;}
.pagelist li { float:left; margin-right:3px; }