@charset "utf-8";
/* CSS Document */
.logo{
	height: 160px;
}
.banner{
	background: url(../../images/yuepu/banner_bg.png) no-repeat center;
	height: 183px;
	width: 100%;
}

.database{ width:744px; height:130px;  background: url(../../images/yuepu/database-bg.png)top no-repeat; margin: 0 auto;top: 27px;}
.database p{ height:53px; line-height:53px; text-align:right; padding-right:20px;}
#tablit .on{
		color: #827958;
		background: url(../../images/yuepu/btn-bg.png) no-repeat;
	}
	#tablit .out{
		color: #ffffff;
	}
	#scrollBox{height: 285px;width: 275px;overflow: hidden;}
	#scrollBox #con1,#con2{float:left;}
.btn dl{
	float: left;
	padding-left: 20px;
}
.btn dl dd{
	float: left;
	color: #fff;
	font-size: 16px;
	height: 32px;
	width: 105px;
	margin-top: 7px;
	line-height: 32px;
	text-align: center;
	font-family: "微软雅黑";
}
.re-btn{
	margin-left: 50px;
	clear: both;
	position: absolute;top: 55px;
}
.re-btn span{color: #666666; margin-right: 10px;}
.re-btn #JS_gjc{
	height: 32px; width: 410px;  border: 1px solid #a5a5a5; border-radius: 3px; padding-left: 10px;margin-right: 10px;vertical-align: middle;
}
.re-btn #JS_btn{
	background: url(../../images/yuepu/jiansbtn.png); height: 34px;width: 130px;border: none;vertical-align: middle;
	display: inline-block;
}
.DADIO{
	position: absolute;
    top: 97px;
    left: 100px;
}
.DADIO input{
	margin-right: 6px;
    vertical-align: middle;
}
.DADIO label{
    vertical-align: middle;
	    color: #666666;
	margin-right: 6px;
} 
select{
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 background: url(../../images/yuepu/select-button.png) no-repeat scroll right center;
}

select::-ms-expand { 
    display: none; 
}


/*导航css*/
.nav_title{
	height: 40px;
	background: #b5ab88;
	width: 220px;
	line-height: 40px;	
}
.nav_title p{
	color: #fff;
	font-size: 16px;
	background: url(../../images/yuepu/nav-title_bg.png) no-repeat left ;
	padding-left: 25px;
	margin-left: 20px;
}
.foldpanel {
	width: 220px;
	border: 0px solid #ccc;
	border-bottom: none;
	font-size: 14px;
}

.foldpanel dt,
.foldpanel dd {
	border-bottom: 0px solid #ccc;
	margin: 0px;
	
}

.foldpanel dt {
    background: #b5ab88;
    cursor: pointer;
    padding: 10px 4px;
    font-size: 14px;
    font-weight: bold;
    padding-left: 20px;
    border-bottom: 1px solid #ecdfcc;
	color: #fff;
}
.foldpanel a {
	display: block;
    line-height: 36px;
    padding-left: 30px;
	background-color: #c4ba97;
    transition:all .7s ease 0s;
	border-bottom: 1px solid #e4dcc0;
	color: #fff;
}
.foldpanel a:hover{
	color: #fff;
    background-color: #c4ba96;   
	text-decoration: underline;
}

#my-foldpanel dd {
	display: none;
}
.mleft{ width:220px; float:left; margin-top: 20px;}
.SJK_con{
	border: 1px solid #b5ab88;
	border-top: 6px solid #b5ab88;
	width: 218px;
	height: auto;
	background:-moz-linear-gradient(top,rgb(250,245,228),rgb(255,255,255));
    background:-ms-linear-gradient(top,rgb(250,245,228),rgb(255,255,255));
    background:-o-linear-gradient(top,rgb(250,245,228),rgb(255,255,255));
    background:-webkit-linear-gradient(top,rgb(250,245,228),rgb(255,255,255));
	margin-top: 20px;
}
.SJK_title{
	height: 40px;
	width: 220px;
	line-height: 40px;	
}
.SJK_title p{
	font-size: 16px;
	background: url(../../images/yuepu/SJK-title_bg.png) no-repeat left ;
	padding-left: 30px;
	margin-left: 20px;
	text-shadow: #fff 1px 0px 0, #fff 0px 2px 0, #fff 2px 0 0, #fff 0 2px 0,#fff 2px 0 0, #fff 0 2px 0;
	color: #827958;
}
.SJK_con > p{
	color: #827958;
	text-indent: 2em;
	text-align: justify;
	line-height: 24px;
    padding: 0px 10px
}

/* 右侧*/
.mright{ width:960px; float:right; margin-top: 20px;}
.yptj{
	border: 1px solid #b5ab88;
	border-top: 6px solid #b5ab88;
	width: 958px;
	height: auto;
	background:-moz-linear-gradient(top,rgb(250,245,228),rgb(255,255,255));
    background:-ms-linear-gradient(top,rgb(250,245,228),rgb(255,255,255));
    background:-o-linear-gradient(top,rgb(250,245,228),rgb(255,255,255));
    background:-webkit-linear-gradient(top,rgb(250,245,228),rgb(255,255,255));
}
.yptj_second{
	border: 1px solid #b5ab88;
	border-top: 6px solid #b5ab88;
	width: 1198px;
	height: auto;
	background:-moz-linear-gradient(top,rgb(250,245,228),rgb(255,255,255));
    background:-ms-linear-gradient(top,rgb(250,245,228),rgb(255,255,255));
    background:-o-linear-gradient(top,rgb(250,245,228),rgb(255,255,255));
    background:-webkit-linear-gradient(top,rgb(250,245,228),rgb(255,255,255));
	    margin-top: 20px;
}
.yptj .CON_title,.yptj_second .CON_title{padding: 10px 20px;height: 32px;}
.CON-con{
	background: url(../../images/yuepu/book_list.png) no-repeat bottom;
	width: 800px;
	height: 192px;
	padding: 0px 50px;
	margin: 5px 30px 20px 30px;
}
.CON_second{
	background: url(../../images/yuepu/book_list_2.png) no-repeat bottom;
	width: 1100px;
	height: 192px;
	padding: 0px 30px;
	margin: 5px 15px 20px 18px;
}
.flex{
	
}
.yptj .yptj-list a,.yptj_second .yptj-list a{
	display: block;
	text-align: center;
	line-height: 24px;
}
.yptj .yptj-list img,.yptj_second .yptj-list img{
	box-shadow: 3px 2px 3px #9e9b91;
}
.more {color: #827958;}

.footer{
	background: #b5ab88;
	height: 92px;
	width: 100%;
	margin-top: 20px;
}
.footer p{
	line-height: 92px;
	color: #fff;
	text-align: center;
}

/*页码*/
.m-style {
    position: relative;
    text-align: center;
    zoom: 1;
	max-width: 500px;
	margin: 20px auto;
}

.m-style:before,
.m-style:after {
    content: "";
    display: table;
}

.m-style:after {
    clear: both;
    overflow: hidden;
}

.m-style span {
    float: left;
    margin: 0 5px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    color: #bdbdbd;
    font-size: 12px;
}

.m-style .active {
    float: left;
    margin: 0 5px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background: #515151;
    color: #fff;
    font-size: 12px;
    border: 1px solid #515151;
	display:block; 
     vertical-align:middle;
}

.m-style a {
    float: left;
    margin: 0 5px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    background: #fff;
    border: 1px solid #ebebeb;
    color: #bdbdbd;
    font-size: 12px;
	display: block;
	vertical-align: middle;
}

.m-style a:hover {
    color: #fff;
    background: #6f0a0f;
}

.m-style .next,
.m-style .prev {
    font-size: 12px;
	height: 22px;
	width: 44px;
}
.m-style .jump-btn{
    font-size: 12px;
	height: 22px;
	width: 44px;
}
.now,
.count {
    padding: 0 5px;
    color: #f00;
}

.eg img {
    max-width: 800px;
    min-height: 200px;
}

.m-style input {
    float: left;
    margin: 0 5px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    background: #fff;
    border: 1px solid #ebebeb;
    outline: none;
    color: #bdbdbd;
    font-size: 12px;
}