@charset "utf-8";
body {width:100%; background: #FFF;font-size:12px;color:#333; }
#header { padding: 5px 5px 4px 5px; background: #0099CC; border-bottom:1px solid #b5cfd9;}
#header .name { font-size: 26px; color: #FFF; }
#header .menu { }
#content { margin: 0;}

#left { float: left; width: 200px; background: #293038; }
#left dl dt { background: #FFF; height: 38px; line-height: 38px; color: #000; text-align: center; font-size: 15px;}
#left dl dd a {color: #DDD; height: 36px; line-height: 36px;  text-align: center;padding:0 10px; }
#left dl dd a:hover { background: #37424F; }
#left dl dd a.current { background: #37424F;color: #09c;}
.leftfixed { top: 10px; box-shadow: 0 0 10px #000; border-radius: 0px;}


#right { float: right; width:100%; }
.hd-1 { font-size:12px; height: 38px; line-height: 38px; background: #0099CC; padding: 0 10px; color: #FFF; }
.bd-1 { padding: 5px 5px 5px 5px; background: #FFF; }

#footer { background: #0099CC; padding: 0px; color: #FFF; }
#footer a { color: #FFF; }

.page_show { margin: 20px 0; }
.page_show a { display: inline-block; height: 40px; line-height: 40px; min-width: 40px; text-align: center; background: #F2F2F2; margin-right: 2px; }
.page_show a:hover, .page_show a.page_current { background: #0A8; color: #FFF; }

#login_wrap { width: 320px; height: 460px; background: #FFF; padding: 40px; position: absolute; top: 50%; left: 50%; margin-top: -230px; margin-left: -160px; box-shadow: 0 0 10px #242424; }
#login_wrap .name { text-align: center; font-size: 24px;  }
#login_wrap .version { text-align: center; font-size: 12px; padding: 10px 0; color: #999; margin-bottom: 10px;}
#login_wrap .copyright { text-align: center; font-size: 12px; padding: 10px 0; color: #999; }
#login_wrap .copyright a { color: #999; }

.leftnav{width:180px; height:100%; position:fixed; top:55px; left:0px;}
.leftnav-title { height:38px; background:#09c;  color:#FFF; padding-left:22px;  font-size:12px; line-height:40px;}
.leftnav-title span{ margin-right:10px;}
.leftnav h6{ padding:10px 0 10px 22px; transition:all .1s ease-in-out; display:block; cursor:pointer; font-weight:bold; font-size:12px; border-top:1px solid #b5cfd9;height:38px;}
.leftnav h6.on{ color:#09c;}
.leftnav .border-bottom{ border-bottom:1px solid #b5cfd9;}
.leftnav h6 span{ margin-right:10px;font-size:12px;}
.leftnav h6:hover{ color:#09c;}
.leftnav ul {display:none; border-top:1px solid #b5cfd9; padding:5px 0; opacity:1; margin-bottom:0px;margin-top:0px;}
.leftnav ul li{ list-style-type:none;  }
.leftnav ul li a{ padding-left:10px;line-height:30px; }
.leftnav ul li span{ margin-right:8px;}
.leftnav ul li a:hover,.leftnav ul li a.on{ color:#09c;}

/***主要内容***/
.rightnav{background:#fff;position:fixed;border-left:solid 1px #b5cfd9;right:0;bottom:0;top:55px;left:180px; padding:0px; padding-right:0px; padding-bottom:0px; overflow:auto; }


/***下拉菜单多选***/
.modal_backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
.modal_backdrop.fade{opacity:0}
.modal_backdrop,.modal_backdrop.fade.in{opacity:0.15;filter:alpha(opacity=15)}
.modal{display: none;position:fixed;top:10%;left:50%;z-index:1050;width:560px;margin-left:-280px;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;outline:0;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);box-shadow:0 3px 7px rgba(0,0,0,0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box}
.modal.fade{top:-25%;-webkit-transition:opacity .3s linear,top .3s ease-out;-moz-transition:opacity .3s linear,top .3s ease-out;-o-transition:opacity .3s linear,top .3s ease-out;transition:opacity .3s linear,top .3s ease-out}
.modal.fade.in{top:2%}
.pager{text-align:center; padding:8px 0}
.pager a,.pager span{padding:3px 8px; margin-left:7px; line-height:20px; background:#f9f9f9; border:1px solid #dbdbdb; text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; color:#333}
.pager a:hover,.pager a.current{background-color:#009174; color:#fff; border:1px solid #009174; cursor:pointer}
.loading{margin:30px 0;text-align: center}

/***字体变小css，当需要字体小于12px时使用***/
.little{
	font-size: 9px;
	height: 10px; 
	width: 10px; 
	margin: 0px; 
	border: 0px solid black;
	display:inline-block;
	word-break:break-all;
	padding-bottom:0px;
}

.x05,.w05{width:5%;}
.x_10,.w_10{width:10%;}
.x15,.w15{width:15%;}
.x20,.w20{width:20%;}
.x25,.w25{width:25%;}
.x30,.w30{width:30%;}
.x35,.w35{width:35%;}
.x40,.w40{width:40%;}
.x45,.w45{width:45%;}
.x50,.w50{width:50%;}
