body{font-size:12px;}
html,body{overflow-x:hidden}
a:link{color:#676702}
a:visited{color:#676702}
a:hover{color:red}
a:active{color:#676702}
a {text-decoration:none;}
a:hover{color:red}
img{border:0px;}
input,select{color:#666}
.head{ background-image:url(../image/head.jpg);}
.now_position {
    margin: 0 auto;
    font-size: 10pt;
    text-align: left;
    background:none;
    line-height: 24px;
    height: 24px;
    clear: both;
}
.container{clear:both; width:1200px; height:auto; margin:0 auto;  overflow:hidden;}
.left{clear:both; width:240px; height:auto; float:left; overflow:hidden; }
.right{width:954px; float:right; height:auto;  overflow:hidden;}
.l_head{clear:both; width:238px; color:#888;  font-weight:bold;border:1px solid #dcdcdc; height:28px; line-height:28px;  background-color:#FFFFFF; margin-top:6px; }
.l_head_in{clear:both; background:#F1F2E6; background-repeat:repeat-x;  width:236px;   line-height:26px; margin-top:1px; height:26px; text-align:left }
.l_head_in img{border:0; vertical-align:middle; margin-left:3px;  float:left;}
.l_body{clear:both; width:238px; height:auto; border:1px solid #dcdcdc; background-color:#FFFFFF; border-top:0px; text-align:left;  overflow:hidden; }
.r_head{clear:both; width:952px;  color:#666; font-weight:bold;border:1px solid #dcdcdc; background:#fff; height:28px;}
.r_head_in{clear:both; margin:0 auto;background:#F1F2E6; width:950px; height:26px; line-height:26px; margin-top:1px; height:26px; margin-bottom:0px; text-align:left}
.r_head_in img{border:0; vertical-align:middle; margin-left:3px;  float:left;}
.lm {
    float: right;
    margin-right: 20px;
    font-weight: normal;
    padding-right: 12px;
    cursor: pointer;
    border: 0px solid #ccc;
    height: 28px;
    line-height: 28px;
	display:none;
}
.lm_list {
    position: absolute;
    display: block;
    right: 18px;
    top: 29px;
    background: #fff;
    display: none;
    padding: 0 8px;
	border: 1px solid #CDD1A6;
	color:#676702
}
.lm_list{line-height:25px}
.lm_list li{text-align:center;color:#676702}
.lm_list li:hover{cursor:pointer}
.lm_list label{color:#676702; cursor:pointer;}
.lm_list li label{padding:3px 4px}

.sjx_down {
    height: 0;
	border-top: 5px solid #F1F2E6;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    top: 14px;
    right: 20px;
	display:none;
}
.sjx_up {
    height: 0;
	border-top: 5px solid #666600;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    top: 15px;
    right: 20px;
	display:none;
}
.lm_up {
    position: absolute;
    right: 36px;
    top: 25px;
    width: 9px;
    height: 5px;
    z-index: 101;
	background: url(../image/lm.gif) 0 0 no-repeat;
    display: none;
}
.l_head a:link{color:#666}
.l_head a:visited{color:#666}
.l_head a:hover{color:red}
.l_head a:active{color:#666}
#systree{padding-left:5px; overflow:hidden; height:auto;}
.keyboard{width:73px; height:16px;}
.info_container{ overflow:hidden; position:relative}
.info{clear:both; width:952px; height:auto; overflow:hidden;border:1px solid #dcdcdc; border-top:0px; line-height:25px; ; margin-bottom:6px; background:#fff; padding:1px 0 }

.info table{border-collapse:collapse; width:950px; color:#888; margin:0 auto;  }
.info table .titlepic{width:30px; height:30px; margin:2px 0;}
.info table  td{border:1px solid #F5F5F5; height:30px;}
.info_top{ color:#666; background-color:#FAFAFA;}
.info_title{ padding-left:2px; text-align:left;}
#books{padding-bottom:12px}
#books #pic{padding-left:2px}
#books #pic  li {
    line-height: 26px;
    float: left;
    margin: 12px 0px 0px 12px;
    text-align: center;
    color: #172c45;
    position: relative;
	width:105px;
	overflow:hidden;
}
#books #pic  li img {
    width: 100%;
    height: 125px;
	border-radius:2px;
}
#books #pic  li span {
    background: #676702;
    position: absolute;
    top: 106px;
    right: 0;
    color: #fff;
    font-size: 10px;
    padding: 0 2px;
    line-height: 14px;
	opacity:.7;
}
.title_middle{height:40px; border:0px solid green; text-align:center; line-height:20px;  padding-top:2px; font-size:12px;}
.title_left{height:40px; border:0px solid green; text-align:left; line-height:20px;  padding-top:2px;}
#books a:link{color:#676702;}
#books a:visited{color:#676702;}
#books a:hover{color:red}
#books a:active{color:#676702;}

#inherit{padding-bottom:12px}
#inherit #pic{padding-left:2px}
#inherit #pic  li {
    line-height: 26px;
    float: left;
    margin: 12px 0px 0px 12px;
    text-align: center;
    color: #172c45;
    position: relative;
	border:0px solid red;
	width:105px;
	overflow:hidden;
}
#inherit #pic  li img {
    width: 100%;
    height: 105px;
    border: 0px solid blue;
	border-radius:2px;
}
#inherit  #pic  li span {
    background: #676702;
    position: absolute;
    top: 106px;
    right: 0;
    color: #fff;
    font-size: 10px;
    padding: 0 2px;
    line-height: 14px;
	opacity:.7;
}
.title_middle{height:40px; border:0px solid green; text-align:center; line-height:20px;  padding-top:2px; font-size:12px;}
.title_left{height:40px; border:0px solid green; text-align:left; line-height:20px;  padding-top:2px;}
#inherit a:link{color:#676702;}
#inherit a:visited{color:#676702;}
#inherit a:hover{color:red}
#inherit a:active{color:#676702;}


form{margin:0; padding:0; }
#order{clear:both;}
#order ul{margin:0; padding:0;padding-top:2px;  padding-bottom:3px;}
#order li{height:30px; line-height:28px; color:#676702; list-style-type:none;  background-image:url(../image/dot.gif); background-position:bottom; background-repeat:repeat-x; width:228px; text-align:left; margin:0 auto;}
#order span,#good span{background-color:#666600; color:#fff; display:inline-block; width:20px; height:20px; margin-left:2px; background-color:#97975F; line-height:18px; text-align:center;
border-radius:50%; }
#order a:link{	color: #666;}
#order a:visited{color:#666;}
#order a:hover {color: #FF0000!important;}
#order a:active{color: #666;}
#good {clear:both;}
#good  ul{margin:0; padding:0;  padding-top:2px;padding-bottom:3px;}
#good  li{height:30px; line-height:28px; color:#676702; list-style-type:none;  background-image:url(../image/dot.gif); background-position:bottom; background-repeat:repeat-x; width:228px; text-align:left; margin:0 auto;}
#good a:link{color: #666;}
#good a:visited{color:#666;}
#good a:hover {color: #FF0000!important;}
#good a:active{color: #666;}
.more{ float:right; width:50px;text-align:right; padding-right:15px; height:26px; line-height:26px; clear:both;}
.more  a:link{color: #676702;}
.more a:visited{color:#676702;}
.more  a:hover {color: #FF0000!important;}
.more  a:active{color: #676702;}
.order_good{float:right; margin-right:10px}
#visited{clear:both;}
#visited ul{margin:0; padding:0;  padding-bottom:3px;}
#visited li{height:28px; line-height:28px; color:#666; list-style-type:none;  background-image:url(../image/dot.gif); background-position:bottom; background-repeat:repeat-x; width:222px; text-align:left; margin:0 auto;}
#upload{clear:both; height:30px; line-height:30px; color:#666666;}
#upload span{padding-left:5px;}
.pagepage {padding:3px; margin: 0 auto; padding-top: 3px; text-align: center; clear:both;margin:0 auto;  text-align:center; line-height:30px;; }
#pagepage{clear:both;}
.pagepage a {border: #dcdcdc 1px solid; padding-right: 5px; padding-left: 5px; padding-bottom: 2px; margin: 2px;  color: #565231; padding-top: 2px;  text-decoration: none; background-color:#F2F2DF;}
.pagepage a:hover {border: 1px solid #ff6600;  color: #FF0000;}
.pagepage a:active {border: #000000 1px solid;}
.pagepage span.current {border: #ff6600 1px solid; padding-right: 5px;  padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px;color: #fff; padding-top: 2px;  background-color: #ff6600;}
.pagepage span {border: #eee 0px solid; padding-right: 5px; padding-left: 5px; padding-bottom: 2px; margin: 2px;  color: #ddd; padding-top: 2px; }
.pagepage {padding:3px; margin: 3px; padding-top: 2px;  margin-top:3px; _margin-top:2px;text-align: center}
.pagepage a {border: #dcdcdc 1px solid; padding-right: 5px; padding-left: 5px; padding-bottom: 2px; margin: 2px;  color: #565231; padding-top: 2px;  text-decoration: none; background-color:#F2F2DF;}
.pagepage a:hover {border: 1px solid #ff6600;  color: #FF0000;}
.pagepage a:active {border: #000000 1px solid;}
.pagepage span.current {border: #ff6600 1px solid; padding-right: 5px;  padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px;color: #fff; padding-top: 2px;  background-color: #ff6600;}
.pagepage span {border: #eee 1px solid; padding-right: 5px; padding-left: 5px; padding-bottom: 2px; margin: 2px;  color: #ddd; padding-top: 2px; } 
.pagepage select{ vertical-align:middle; margin-top:-2px;}
.pagepage .bold_bg{background-color:#BAB588}
#upload{height:39px; line-height:39px;}
#upload img{margin-left:5px; vertical-align:middle;}
#upload  a:link{color: #666;}
#upload  a:visited{color:#666;}
#upload  a:hover {color: #FF0000!important;}
#upload  a:active{color: #666;}
#form1 #keyboard{width:87px; border:1px solid #ccc; outline:none;}
#form1 select{width:88px; border:1px solid #ccc;}
#form1 #search,#form1 #reset{ padding:0 3px}
.up_down{position: fixed;
right: 3%;
bottom: 10%;
z-index: 888;
}
*{outline:none;}
#dzj{padding-bottom:10px;}
#dzj ul li {
    float: left;
    display: inline-block;
    margin: 10px 0 0 10px;
	border: 1px solid #B0B089;
    border-radius: 2px;
    padding: 0px 5px;
}