
/* CSS Document */

td{  font-size: 9pt; font-family:"Verdana", "Arial", "ËÎÌå"; }
BigFont{ font-size:11pt;}
select.smallselsect{font-size:9pt;
color:rgb(0,0,128) ;}
input.smallInput{font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; height: 18px; clip:  rect(   ); color: #000000; border-color: black #000000 #000000 black; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-color: #FFFFFF}
textarea.smallarea
     {font-size:9pt;
     background-color: white;
     color: rgb(0,0,128) ;line-height: 18pt}
INPUT.buttonface {
	font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; height: 18px; clip:  rect(   ); color: #000000; border-color: black #000000 #000000 black; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-color: #FFFFFF
}
A{text-decoration:none;color:navy}
A:hover {COLOR: #ff0000; TEXT-DECORATION: underline}
TD.cls3
{   
    BORDER-BOTTOM: #FFB811 2px solid;
}



body
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #ffffff;
}
body, div, form
{
    margin: 0;
    padding: 0;
}
#H_top
{
    width: 915px;
    height: 145px;
    margin: 0 auto;
    /*border-top: 1px solid #CCCCCC;*/
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    background:url(../images/toplogo.jpg);
}
#H_login
{
    width: 890px;
    height: 32px;
    line-height: 32px;
    padding-left: 25px;
    margin: 0 auto;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    background: url(../images/nav_bg.gif) 0 -31px;
}

#H_nav
{
    width: 915px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    background: url(../images/nav_bg.gif);
 
    border-left: 1px solid #cb1d1d;
    border-right: 1px solid #cb1d1d;
}
#H_time
{
    font: "ËÎÌå";
    color: #FFFFFF;
    font-size: 10pt;
    font-weight: bold;
    margin-left: 15px;
    float: left;
}
#H_navdh
{
   
    margin-left: 30px;
    float: left;
}

#H_navdh ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#H_navdh li
{
    display: inline;
    margin: 0;
    padding: 0;
}
#H_navdh a
{
    color: #FFFFFF;
    font-size: 10pt;
    font-weight: bold;
    float: left;
    margin: 0;
    padding: 0 0 0 4px;
    text-decoration: none;
    margin-left: 20px;
}
#H_navdh a:visited
{
    color: #FFFFFF;
    font-size: 10pt;
    font-weight: bold;
    float: left;
    margin: 0;
    padding: 0 0 0 4px;
    text-decoration: none;
    margin-left: 20px;
}
#H_navdh a:hover
{
    color: yellow;
    font-size: 10pt;
    font-weight: bold;
    float: left;
    margin: 0;
    padding: 0 0 0 4px;
    text-decoration: underline;
    margin-left: 20px;
}
#M_body
{
    width: 915px;
    margin: 0 auto;
    margin-top: 15px;
}
#M_leftbody
{
    width: 755px;
    float: left;
    overflow: hidden;
}
#M_rightbody
{
    width: 150px;
    float: right;
    overflow: hidden;
}
#M_search
{
   
    height: 78px;
   /* line-height: 78px;*/
    border: 0px solid #cccccc;
    background: url(../images/searchbg.jpg);
}

.classinput
{
    BACKGROUND-COLOR:#faf1d6;
    width: 500px;
    height: 22px;
    line-height: 22px;
}


.M_myinfo
{
    overflow: hidden;
    margin-top: 15px;
}
.M_leftinfo
{
    width: 372px;
    float: left;
    border: 1px solid #cccccc;
    background: url(../images/info_bg.gif) repeat-y;
}
.M_rightinfo
{
    width: 372px;
    float: right;
    border: 1px solid #cccccc;
    background: url(../images/info_bg.gif) repeat-y;
}
.small_nav
{
    margin: 1px;
    height: 25px;
    line-height: 25px;
    background-color: #EAF2F7;
    background: url(../images/nav_bg.jpg) 0 -31px;
}
.newslist
{
    margin: 0px 1px 1px 1px;
    height: 220px;
    border-top: 1px solid #cccccc;
}

.newslist ul
{
    margin: 10px;
    padding: 0;
    list-style: none;
}
.newslist li
{
    margin: 0;
    overflow:hidden;
}
.newslist a
{
    padding-left: 20px;
    overflow:hidden;
    display: block;
    height: 25px;
    line-height: 25px;
    color: #000000;
    font-size: 9pt;
    text-decoration: none;
    background: url(../images/newsbg.gif) no-repeat;
}
.newslist a:visited
{
    padding-left: 20px;
    display: block;
    overflow:hidden;
    height: 25px;
    color: #000000;
    font-size: 9pt;
    line-height: 25px;
    text-decoration: none;
    background: url(../images/newsbg.gif) no-repeat;
}
.newslist a:hover
{
    padding-left: 20px;
    overflow:hidden;
    color: red;
    font-size: 9pt;
    display: block;
    height: 25px;
    line-height: 25px;
    text-decoration: underline;
    background: url(../images/newsactive.gif) no-repeat;
}

.newstitle
{
    float: left;
    margin-left: 15px;
    color: #CC3300;
    font-weight: bold;
}
.newsmore
{
    float: right;
    margin-right: 15px;
}

#newjoindiv
{
    width: 915px;
    border: 1px solid #ccc;
    margin: 0 auto;
    margin-top: 15px;
}

#friendlinkdiv
{
    width: 815px;
    border: 1px solid #ccc;
    line-height: 25px;
    margin: 0 auto;
    background: url(../images/n_friendlink.gif) no-repeat 18px 7px;
    padding-left: 100px;
    margin-top: 10px;
}
.classfoota a:link
{
    font-size: 9pt;
    color: #cc3300;
    padding: 4px 4px 2px 4px;
    margin-right: 12px;
    text-decoration: none;
}
.classfoota a:visited
{
    font-size: 9pt;
    color: #cc3300; 
padding:4px4px2px4px;
margin-right:12px;
text-decoration:none;

}
.classfoota a:hover
{
    font-size: 9pt;
    color: #ffffff;
    font-weight: bold;
    padding: 4px 4px 2px 4px;
    margin-right: 12px;
    text-decoration: none;
    background-color: #cc3300;
}



#foot
{
    width: 915px;
    border-top: 0px;
    height: 120px;
    margin: 0 auto;
    margin-top: 15px;
}
.hoteditor
{
    width: 120px;
    height: 160px;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 0;
}
.hoteditor img
{
    border: 1px solid #666666;
    width: 118px;
    height: 160px;
}
.submitbutton
{
    background: url(../images/search.png);
    border: 0px;
    width: 72px;
    height: 28px;
}
.loginbutton
{
    background: url(../images/botton_bg.gif) repeat;
    border: 0px;
    height: 20px;
    line-height: 20px;
    font-size: 9pt;
    border: 1px solid #ccc;
}
.newbooklist
{
    margin: 0px 1px 1px 1px;
    border-top: 1px solid #cccccc;
    margin: 0 0px;
}


.newbooklist a
{
    width: 173px;
    padding-left: 10px;
    display: block;
    height: 25px;
    line-height: 25px;
    color: #000000;
    font-size: 9pt;
    text-decoration: none;
}
.newbooklist a:visited
{
    width: 173px;
    padding-left: 10px;
    display: block;
    height: 25px;
    color: #000000;
    font-size: 9pt;
    line-height: 25px;
    text-decoration: none;
}
.newbooklist a:hover
{
    width: 173px;
    padding-left: 10px;
    color: red;
    font-size: 9pt;
    display: block;
    height: 25px;
    line-height: 25px;
    text-decoration: underline;
}
#s_leftbody
{
    width: 250px;
    float: left;
}




#s_rightbody
{
    width: 655px;
    float: right;
   
}
#s_rightbody2
{
    width: 915px;
    float: right;
   
}
#s_rightbody3
{
    width: 755px;
    float: left;
   
}
.s_left
{
     margin:0;
     margin-bottom:12px;
     border:1px solid #cccccc;
}
.s_leftlist
{
    margin: 0px 1px 1px 1px;
    border-top: 1px solid #cccccc;
}

.s_leftlist ul
{
    margin: 10px;
    padding: 0;
    list-style: none;
}
.s_leftlist li
{
    margin: 0;
}
.s_leftlist a
{
    padding-left: 20px;
    
    height: 25px;
    line-height: 25px;
    color: #000000;
    font-size: 9pt;
    text-decoration: none;
    background: url(../images/newsbg.gif) no-repeat;
}
.s_leftlist a:visited
{
    padding-left: 20px;
    height: 25px;
    color: #000000;
    font-size: 9pt;
    line-height: 25px;
    text-decoration: none;
    background: url(../images/newsbg.gif) no-repeat;
}
.s_leftlist a:hover
{
    padding-left: 20px;
    color: red;
    font-size: 9pt;
    height: 25px;
    line-height: 25px;
    text-decoration: underline;
   
}
#s_areadiv
{
    background: url(../images/n_arealink.jpg) no-repeat 10px 7px;
    padding-left: 84px;
    line-height:22px;
     border:1px solid #ccc;
}
#s_areadiv a:link
{
    margin-left:4px;
    color:Black;
    font-size:9pt;
    text-decoration:none;
  
}
#s_areadiv a:visited
{
    margin-left:5px;
    color:Black;
    font-size:9pt;
    text-decoration:none;
  
}

#s_areadiv a:hover
{
    
    color:Red;
    font-size:9pt;
    
    text-decoration:none;
    border-bottom:1px  dotted red;
   
   
}
#bookclasslist
{
    margin-top:12px;
    border:1px solid #ccc;
}
#s_middlebody
{
    width:480px;
    float:left;
    background:url(../images/xxmore.jpg) repeat-x;
    padding-left:10px;
    padding-top:15px;
}
.morenews a:link
{
    font-size:13px;
 
    line-height:22px;
}
.morenews a:visited
{
   
    font-size:13px;
 
    line-height:22px;
}
.morenews a:hover
{
   
    font-size:13px;
 
    line-height:22px;
}
#tjbook
{
    width:752px;
    border: 1px solid #ccc;
    margin: 0 auto;
    margin-top: 15px;

 
}
.hoteditor2
{
    width: 120px;
    height: 160px;
    margin: 0 12px;
    padding: 0;
}
.hoteditor2 img
{
    border: 1px solid #666666;
    width: 118px;
    height: 160px;
}
.datalsit2
{
    width:752px;
}
.remenbook
{
    border:1px solid #ccc;
    margin-top:10px;
   
}
.remenbook1
{
    
    border-top:1px solid #ccc;
}

.remenbook1 ul
{
    margin: 10px 2px;
    padding: 0;
    list-style: none;
}
.remenbook1 li
{
    margin: 0;
    overflow:hidden;
}
.remenbook1 a
{
   
   
    height: 25px;
    line-height: 25px;
   
    font-size: 9pt;
    text-decoration: none;
   
}
.remenbook1 a:visited
{
  
    height: 25px;
   
    font-size: 9pt;
    line-height: 25px;
    text-decoration: none;
   
}
.remenbook1 a:hover
{
   
    font-size: 9pt;
  
    height: 25px;
    line-height: 25px;
    
}
.searchform
{
    padding: 10px;
    text-align: center;
    display: none;
    position: relative;
    clear:both;
    color:#ffffff;
    font-size:9pt;
}
.searchform span
{
   /* position: absolute;
    padding: 15px;
    background: url(../images/search.png) no-repeat;
    left: 80px;
    top: 10px;*/
}
.searchbutton
{
    background: url(../images/sb.png) repeat-x;
   
    font-size: 9pt;
    border: 0;
    line-height: 18px;
    color: #333;
    width:61px;
    height:24px;
    cursor: pointer;
    vertical-align:middle;
    margin:0px;
    padding:0px;
}
.searchbutton2
{
    background: url(../images/b2_bg.png) repeat-x;
    border: 1px solid #777;
    font-size: 9pt;
    line-height: 16px;
    color: #333;
    padding: 0px 2px;
    cursor: pointer;
}
.searchform UL
{
    list-style: none;
}

.searchform UL
{
    text-align: left;
    padding-bottom: 0px;
    border-right-width: 0px;
    padding-left: 0px;
    outline-width: 0px;
    padding-right: 0px;
    font-family: inherit;
    border-top-width: 0px;
    border-bottom-width: 0px;
    vertical-align: baseline;
    border-left-width: 0px;
    padding-top: 0px;
}

.searchform LI
{
    text-align: left;
    padding-bottom: 0px;
    border-right-width: 0px;
    margin: 0;
    padding-left: 3px;
    outline-width: 0px;
    padding-right: 0px;
    font-family: inherit;
    border-top-width: 0px;
    border-bottom-width: 0px;
    vertical-align: baseline;
    border-left-width: 0px;
    padding-top: 0px;
}


.searchform LI
{
    line-height: 1.5em;
    font-family: "ËÎÌå" , Arial, Verdana;
    color: #333;
    font-size: 12px;
}
.clear{clear:both; height:0px; font-size:0px; line-height:0px; overflow:hidden;}   
.search{float:left; margin:0px 0px 0px 0px; display:inline;}
.search input{border:0px; background-color:transparent;}
.search .sBar{width:600px; height:27px; padding:2px 1px 2px 2px; background:url(../images/icons.gif) no-repeat;}
.search .sChannel{float:left; width:80px; height:27px; position:relative; z-index:9;}
.search .sChannel .scInput{width:56px; height:27px; line-height:27px; padding-left:6px;}
.search .sChannel ul{position:absolute; border:2px solid #d24040; border-top:0px; width:78px; background-color:#FFF; z-index:9999; left:-2px; top:25px; padding-top:2px; line-height:25px; display:none;}
.search .sChannel ul li{overflow:hidden; zoom:1; height:25px; font-size:0px;}
.search .sChannel ul li a{float:left; width:72px; padding-left:6px; font-size:12px;}
.search .sChannel ul li a:hover{color:#333; background-color:#f2f2f2;}
.search .sInput{float:left; width:341px; height:27px; line-height:27px; padding:0px 2px; margin-left:2px; display:inline;}
.search .sBtn{float:left; width:81px; height:27px; line-height:27px; text-align:center; font-size:14px; font-weight:bold; color:#FFF; cursor:pointer; margin-left:1px; display:inline;}
.search .sLabel{margin-top:4px; *margin-top:2px;}
.search .sLabel label{margin-right:15px; *margin-right:12px;}
.search .sLabel input{margin:0px 4px 3px 0px; *margin:0px 1px 0px 0px;}
.search .hotWords{margin-top:4px;}
.search .hotWords a{color:#666; margin-left:10px;}
.search .hotWords a:hover{color:#d13d3d;}
.search .hotWords a.more{color:#999;}
.search .hotWords a.more:hover{color:#d13d3d;}

.search .sForm{float:left; width:451px;}
.search .channelSelect{float:left; width:80px; height:24px; border:1px solid #8c8c8c; border-bottom-color:#cbccce; position:relative; z-index:9;}
.search .channelSelect .curChannel{display:block; width:74px; height:24px; line-height:24px; padding:0px 0px 0px 6px; text-align:left;  border:0px;  background:url(../images/icons_indexHeader.gif) no-repeat 70px -429px #FFF;}
.search .channelSelect ul{position:absolute; width:80px; border:1px solid #8c8c8c; background-color:#FFF; top:24px; left:-1px; border-top:0px; line-height:24px; font-size:0px; z-index:9999; display:none;}
.search .channelSelect ul li{border-top:1px solid #cbccce;}
.search .channelSelect ul a{display:block; width:74px; padding-left:6px; font-size:12px;}
.search .sTxt{float:left; width:350px; height:24px; line-height:24px; padding:0px 2px; border:1px; border-top:1px solid #8c8c8c; border-left:1px solid #8c8c8c;border-bottom:1px solid #cbccce; border-right:1px solid #cbccce;background:#fff }
.search .sBtn{float:left; width:67px; height:26px; text-align:center; line-height:26px; font-size:14px; font-weight:bold; color:#FFF; border:0px; background:url(../images/icons_indexHeader.gif) no-repeat 0px -461px; background-color:transparent; cursor:pointer;}
.search .sLabel{margin-top:5px; padding-left:6px; *margin-top:2px; _margin-top:5px; *padding-left:1px;}
.search .sLabel label{margin-right:16px; *margin-right:11px;}
.search .sLabel input{margin-bottom:3px; margin-right:5px; *margin-right:2px;}
.search .bookLabel{display:none;}
.search .sWords{padding-left:645px; line-height:20px;}/*2012.1.11*/
.search .sWords a{color:#1e50a2; margin-right:11px;}
.search .sWords a:hover{color:#D13D3D;}
.search .bookWords{display:none;}
