/* basic */
*{
margin: 0px;
padding: 0px;
}

body{
background: transparent;
text-align: center;
font: 12px/120% Verdana, ËÎÌå, Arial, sans-serif, Georgia;
}

a{
color: #3d5a83;
text-decoration: none;
background-color: transparent;
}

a:hover{
color: #ff6000;
text-decoration: underline;
}

span{
line-height: 120%;
}

p{
line-height: 150%;
}

h1, h2, h3, h4, h5, h6{
/*font-size: 16px;*/
line-height: 150%;
letter-spacing:3px;
font-weight: bold;
}

img{
border: 0px;
}

div{
text-align: left;
}

hr{
height: 1px;
border: 1px solid #a4cded;
clear: both;
margin: 5px 0px;
}

ul{
list-style: none;
clear: both;
text-align: left;
}

li{
line-height: 140%;
}

/* table */
table{
text-align: left; 
}

table td{
}

table.fix{
table-layout: fixed;
}

table.fix td{
white-space:nowrap;
overflow: hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
}

table.grid{
border-collapse: collapse;
border: 1px solid #a4cded;
padding: 3px;
margin: auto;
}

table.grid caption, .gridtop{
border: 1px solid #a4cded;
background: #e9f1f8;
background-image: url("image/caption_bg.gif");
vertical-align: middle; 
text-align: center;
color:#054e86;
font-weight: bold;
font-size: 14px;
margin: auto;
padding-top: 5px;
padding-bottom: 5px;
}

table.grid th, .head{
border: 1px solid #a4cded;
background: #f0f7ff;
color:#054e86;
text-align: center;
font-weight: bold;
font-size: 12px;
padding-top: 5px;
padding-bottom: 5px;
}

table.grid td{
border: 1px solid #a4cded;
background-color: #ffffff !important; 
padding-top: 4px;
padding-bottom: 4px;
}

table.hide, table.hide th, table.hide td{
width: 98%;
border: 0;
white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;
}

/* table add-ons */

.title{
background: #e9f1f8;
text-align: center;
padding: 3px;
color:#054e86;
font-weight: bold;
font-size: 14px;
}

.even{
background: #ffffff; 
padding: 3px;
}

.odd{
background: #ffffff; 
padding: 3px;
}

.foot{
background: #f0f7ff; 
padding: 3px; 
text-align: center;
}

.bottom{
height: 9px;
background: #b7b785; 
}


/* form */

form{}

input{}

.text{
border: 1px solid #a4cded; 
background: #ffffff;
color: #054e86;
height: 18px;
font: 12px/150% ΢ÈíÑźÚ, Verdana, ËÎÌå, Arial, sans-serif, Georgia;
}

.textarea{
border: 1px solid #a4cded; 
background: #ffffff;
color: #054e86; 
padding-top: 2px;
font: 12px/120% ΢ÈíÑźÚ, Verdana, ËÎÌå, Arial, sans-serif, Georgia;
}

.button{
background: #36b701;
border:1px solid #96c2cd;
color: #ffffff;
height: 20px;
cursor: hand;
padding:2px 0;
font: 12px/100% ΢ÈíÑźÚ, Verdana, ËÎÌå, Arial, sans-serif, Georgia;
}


.checkbox, .radio{border-width: 0px;}

.select{
height: 20px;
border: 1px solid  #a4cded;
font: 12px ΢ÈíÑźÚ, Verdana, ËÎÌå, Arial, sans-serif, Georgia;
}
select{font-size: 12px;}
/* structure */

#wrapper{}

#left{
float: left;
width: 188px;
margin-right:5px;
}

#right{
float: right;
width: 182px;
}

#centers{
float: left;
width: 576px;
}

#centerm{
float: left;
width: 765px;
}

#centerl{
float: left;
width: 956px;
}

.main{
width: 960px;
clear: both;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.m_top{
line-height: 27px;
height: 27px;
background-image: url("image/m_top_bg.gif"); 
background-repeat: repeat-x;
}

.m_head{
height: 60px;
margin-top: 5px;
margin-bottom: 5px;
}

.h_logo{
float:left;
width:180px;
}

.h_banner{
float:left;
text-align:right;
}

.h_link{
float:right;
width:90px;
}

.m_menu{
background:#55a0ff;
height:22px;
border-top:1px solid #e4e4e4;
border-bottom:1px solid #e4e4e4;
padding-top:3px;
margin-bottom:3px;
}

.m_foot{
background:#FEFCEF;
color:gray;
text-align:center;
padding: 10px 0px;
margin-top:3px;
border: 1px dashed #A4CDED;
letter-spacing:1px;
}

.block{
border: 1px solid #a4cded;
margin-bottom: 5px;
}

.blocktitle{
font-weight: bold;
font-size: 14px;
color: #0049A0;
line-height: 26px; 
padding-left: 15px;
padding-top:2px;
border: 0px;
background-image: url("image/title_bg.gif");
background-repeat: repeat-x;
height: 27px;
}

.blockcontent{
padding: 3px;
}

.blocknote{
border-top: 1px solid #a4cded;
padding: 3px;
text-align: center;
background: #f0f7ff;
line-height: 150%;
}

.blocktitle span{
position: relative;
bottom: -4px;
border-top: 1px solid #c0c0c0;
border-left: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
background: #ffffff;
padding: 3px 6px 3px 6px;
color: #c42205;
height: 22px;
line-height: 22px; 
}

#left .blocktitle, #right .blocktitle{
border: 0px;
background-image: url("image/title_bg.gif");
background-repeat: repeat-x;
height: 27px;
}

#left .blockcontent, #right .blockcontent{
border: 0px;
background: #ffffff;
}

.ultop li{width:90%;list-style: none; background: url("images/liblue.gif") no-repeat; padding-left: 12px !important; margin: 3px 4px; border-bottom: 1px solid #d8e4ef; color: #1b74bc; letter-spacing:2px; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.ulitem li{width:90%; list-style: circle inside; margin: 2px 0 3px 0; letter-spacing:2px; white-space:nowrap; overflow: hidden;}
.ulrowl li{padding:3px;}
.ulcenter li{text-align: center; letter-spacing:2px;}
.ultop2 li{width:90%; list-style: none; background: url("images/ligold.gif") no-repeat; padding-left: 12px !important; margin: 2px 0 3px 0; color: #1b74bc; letter-spacing:2px; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.ulsort li{width: 98%; list-style: none; padding-top:3px; margin: 2px 2px; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; border-top: 1px dotted #d8e4ef;}
.ulsort li a{color: #666666;}
.ulreview li{overflow: hidden; margin-bottom: 5px;}
.sorttl {font-size:14px; font-weight:bold; BORDER-Right: #cccccc 1px dotted; PADDING:5px;}
.sorttr {font-size:14px; font-weight:bold; PADDING:5px;}
.sortl {PADDING:5px;}
.sortr {line-height:140%; BORDER-Right: #cccccc 1px dotted;PADDING:3px;}
.sortrr {line-height:140%; PADDING:3px;}
.sortb {}
.sortt {font-size:14px; font-weight:bold; color:#C42205;}
.ulmul{overflow: hidden;}
.ulmul li{border-bottom:1px dotted #c0c0c0;padding:2px 0 1px 0;}

.fix, .lm{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; letter-spacing:2px;}
.fl{float:left;}
.fr{float:right; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.cl{clear:left;}
.cr{clear:right;}
.cb{clear:both;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.more{text-align: right;}

.c_title{
width: 100%;
text-align: center;
font-weight: bold;
font-size: 16px;
line-height: 200%;
}

.c_head{
line-height: 150%;
}

.c_content{
font-size: 14px;
line-height: 150%;
}

.c_foot{
line-height: 150%;
}

.c_label{
font-weight: bold;
}

.c_value{
}

/* attention */

.hottext, a.hottext{color: #ff0000;}
.poptext, a.poptext{color: #c42205;}
.notetext, a.notetext{color: #1979cc;}
.errortext, a.errortext{color: #ff0000;}

a.btnlink{color: #fff; background: #36b701; border:1px solid #96c2cd; height:20px; padding: 2px 10px 0px 10px;}
a.btnlink:hover{color: #ff6000;}

/* interface */

.jieqiQuote, .jieqiCode, .jieqiNote{
border: #000000 1px solid; 
padding: 2px; 
font-size: 12px; 
color: #000000; 
background-color: #a4cded;
}

.divbox{
border: 1px solid #a4cded;
margin-bottom: 3px;
text-align: center;
}

.textbox{
border: 1px solid #a4cded;
padding: 5px;
margin: 3px;
line-height: 150%;
}

.popbox{
position:absolute;
width:190px !important;
height:110px !important;
width:200px;
height:120px;
border: 1px solid #a4cded;
background: #f0f7ff;
color: #ff0000;
font-size: 12px;
line-height:120%;
padding: 3px;
display:none;
z-index:9999;
}

#tips {
border: 1px solid #a4cded;
padding: 3px;
display: none;
background: #f0f7ff;
position: absolute;
z-index: 2000;
}

.tablist ul{height:25px; margin:0px 0px 0px 10px; padding:0px;}
.tablist li{float:left; height:24px; list-style:none; margin-right:3px;}
.tablist li a{float:left; height:24px; line-height:24px; padding:0px 10px; display:block; background:#f0f7ff; text-decoration:none; color:#000000; border:1px solid #a4cded; border-bottom:none; }
.tablist li a.selected{ background:#ffffff; height:25px; position:relative; margin-bottom:-1px;}
.tabcontent{clear:both; border:1px solid #a4cded; padding:10px;}

.pages{
padding: 5px 0px;
}
.pagelink{
border: 1px solid #a4cded;
float: right;
background: #f0f7ff;
line-height:24px;
padding:0;
}
.pagelink a, .pagelink strong, .pagelink em, .pagelink kbd, .pagelink a.first, .pagelink a.last, .pagelink a.prev, .pagelink a.next, .pagelink a.pgroup, .pagelink a.ngroup{
float: left;
padding: 0 6px;
}
.pagelink a:hover{background-color: #ffffff; }
.pagelink strong{font-weight: bold; color: #ff6600; background: #e9f1f8;}
.pagelink kbd{height:24px; border-left: 1px solid #a4cded;}
.pagelink em{height:24px; border-right: 1px solid #a4cded; font-style:normal;}
.pagelink input{border: 1px solid #a4cded; color: #054e86; margin-top:1px; height: 18px;}

.nav {
    position: relative;
    background: url("image/nav_bg.png") no-repeat 0 -36px;
margin-bottom:3px;
}
.navinner {
    background: url("image/nav_bg.png") no-repeat 100% -72px;
}
.navlist {
    height: 36px;
    overflow: hidden;
    margin: 0px;
    background: url("image/nav_bg.png") repeat-x 0 0;
}
.nav li {
height: 36px;
    line-height: 36px;
    float: left;
    display: inline;
    margin: 0 0 0 -2px;
    padding: 0 4px 0 6px;
    background: url("image/nav_bg.png") no-repeat 0 -108px;
}
.nav a {
    display: block;
    width: 85px;
    text-align: center;
    font-size: 120%;
}
.nav a:link, .nav a:visited {
    color: #fff;text-decoration:none;
}
.nav a.current, .nav a:hover, .nav a:active {
    color: #fff;
    font-weight: bold;
    background: url("image/nav_bg.png") no-repeat 50% -144px;
}

a.articlename{color: seagreen; text-decoration: none;background-color: transparent;}
a.articlename:hover{color: #ff6000;text-decoration: underline;}

.shadeout { 
  position:relative; 
  background:#bbb;  
  margin:4px auto; 
  width:110px 
} 

.shadein { 
  margin-left: 2px;
  background:#fff;  
  border:1px solid #555; 
  padding:3px; 
  position:relative;  
  top:-4px; 
  left:-4px; 
} 

.search{
margin-bottom: 2px;
background: url("images/footbg.gif");
padding: 0;
}

.twop{
letter-spacing:2px;
}

/*ÎÄÕÂÐÅÏ¢Ò³S*/
#content #ContentRight {
border:1px solid #9BC9DF;
width:100%;
}
#CrTop {
background-color:#DBEDF5;
height:25px;
width:100%;
}
#CrTop #CrTopleft {
float:left;
margin-left:5px;
margin-top:6px;
}
#CrTop #CrTopright {
float:right;
margin-right:5px;
margin-top:6px;
}
#CrBookTitle {
margin-top:15px;
padding-bottom:15px;
text-align:center;
color:#ED671D;
font-size:28px;
font-weight:bold;
}
#CrBookText {
border-bottom:1px dashed #9BC9DF;
height:180px;
overflow:visible;
width:100%;
}
#CrBookText #CrbtLeft {
float:left;
width:150px;
}
#CrbtlBookImg {
margin-top:3px;
text-align:center;
}
#Crbtlimg {
margin-top:10px;
text-align:center;
}
#CrBookText #CrbtRight {
float:right;
margin-right:10px;
margin-top:8px;
width:590px;
}
#CrbtrTop ul.h1 {
background-color:#E9F0F6;
float:left;
height:24px;
list-style-type:none;
width:100%;
}
#CrbtrTop ul li {
float:left;
padding-top:5px;
text-align:center;
width:16%;
}
#CrBookSum, #CrBookTip {
clear:both !important;
margin-top:3px;
width:100%;
border-bottom:1px dashed #9BC9DF;
}
#CrbsTitle, #CrtipTitle {
background-color:#FFF7E3;
padding-bottom:5px;
padding-left:10px;
padding-top:6px;
text-align:left;
color:#cc0000;
}
#CrbsSum {
margin-top:5px;
min-height:170px;
height:auto !important;
height:170px;
overflow:visible;
}
#Crbs {
float: left;
}
#CrbsSum, #lastchapter, #CrbsSearch {
width: 580px;
border-right:1px dashed #9BC9DF;
padding: 0 10px 10px 10px;  
}
#CrtipContent{
padding: 10px;  
}
#lastchapter{
text-align: right;
}
#CrBookLink{
float: right;
text-align: center;
width: 156px;
margin-top: 10px;
}
#CrBookLink ul {
text-align: center;
}
#CrBookLink ul li{
font-size: 14px;
width: 120px;
height: 36px;
background: url("images/link.gif")  no-repeat;
margin-top: 6px;
padding-left: 5px;
line-height: 38px;
text-align: center;
letter-spacing:1px;
}
.CommentCss {
float:left;
text-align:left;
}
#CrBookVote {
border-top:1px dashed #9BC9DF;
clear:both !important;
height:110px !important;
line-height:200%;
padding:5px 2px 5px 10px;
text-align:left;
width:778px !important;
}
#CrBookVote ul .li3 {
text-align:left;
width:760px;
}
#CrBookVote ul .li1 {
text-align:center;
width:40px;
}
#CrBookVote ul .li2 {
text-align:left;
width:320px;
}
#CrBookReComT {
background-color:#DBEDF5;
height:25px;
margin:10px 0 10px 0;
width:100%;
}
#CrBookReComT #Crbrtt {
margin-top:5px;
text-align:left;
padding-left: 10px;
}
.CrAounnce {
clear:both !important;
margin-left:auto;
margin-right:auto;
margin-top:5px;
padding-bottom: 3px;
width:98%;
border-bottom: 2px solid #DBEDF5;
}
#CrAounnce {
clear:both !important;
margin:5px;
width:98%;
}
.CommentCss {
float:left;
text-align:left;
}
#CrBookRcSend {
clear:both !important;
padding-left:5px;
margin-top:10px;
border-top:1px dashed #9BC9DF;
}