@charset "utf-8";
/* CSS Document */
* {WORD-WRAP: break-word; WORD-BREAK: break-all}
body {font-family:"Arial","宋体"; color:#4d4d4d; font-size:12px; background:#fff;}
/*main*/
html { overflow-y:auto!important; *overflow-y:scroll;}

.frame_class {
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	overflow:hidden;
	}
#mainFrameContainer {
	position:absolute;
	/* top:91px; */
	top:0px;
	left:182px;
	bottom:30px;
	right:0;
	overflow:hidden;
	overflow-y:scroll;
	z-index:4;
	height:	auto;
}
.mainFrame{
	width:100%;
	height:100%;
_height:expression(document.body.offsetHeight - 91 + 'px');
*height:expression(document.body.offsetHeight - 122 + 'px');
	z-index:5;
}
.leftOpen{_width:expression(document.body.offsetWidth - 182 + 'px');}
.leftClose{width:100%}
#menu {
	position:absolute;
	/* top:91px; */
	top:0px;
	width:175px;
	left:0px;
	bottom:0px;
	height:auto;
	background:#e9f3f5;
	_height:expression(document.body.offsetHeight - 121 + 'px');

}
#s_center {width: 5px; height: auto; _height:expression(document.body.offsetHeight - 91 + 'px'); position: absolute; 
/* top: 91px;  */
top: 0px; 
left: 175px; bottom: 30px;border-left: 1px solid #A1B7C2; border-right: 1px solid #A1B7C2;background: url(../images/middle_bg.gif) #DFEDF0 no-repeat -6px center; cursor:pointer}
.cls{background-position: -18px center;}
.left_menu ul.l_s_menu li h3{width: 123px;}

/*head*/
.head{ height:61px; background:url(../images/topbg.png) repeat-x; overflow:hidden; color:#fff;}
#logo{ width:264px; height:61px; background:url(../images/logo.png) no-repeat; }
.u_info{ margin-left:105px; line-height:61px;_height:41px;_padding-top:20px; }
.head_r_menu{ float:right;}
.head_r_menu li{ width:70px; float:left; margin-top:11px; text-align:center;}
.head_r_menu li em{ display:block; width:70px; height:27px; margin-bottom:3px; }
.head_r_menu li p{ line-height:18px; text-align:center;}
.head_r_menu li p a{ color:#fff;}
.head_r_menu li p a:Hover{ color:#fff; text-decoration:none;}
.head_r_menu li p a:visited{ color:#fff;}
/*icon*/
.icon_user{ width:17px; height:17px; background:url(../images/icon.png) no-repeat 0px -85px; display:inline-block; vertical-align:middle; margin:0 3px;}
.icon_help{ background:url(../images/icon.png) no-repeat center 0px; }
.icon_set{background:url(../images/icon.png) no-repeat center -28px;}
.icon_out{background:url(../images/icon.png) no-repeat center -56px;}
/*s_menu*/
.s_menu{ height:30px; line-height:30px; background:url(../images/s_menubg.png) repeat-x; overflow:hidden; position:relative;}
.s_menu em{ display:inline-block; width:166px; height:30px; background:url(../images/mainbg.png) no-repeat 0px 0px; }
.s_menu div a{ background:url(../images/s_menu_li_bg.png) no-repeat left; padding:0 15px; text-align:center; display:inline-block}
.s_menu .control{ width:25px;  padding-right:5px;}
.s_menu .control span{ display:inline-block; cursor:pointer; width:10px; height:27px; margin-top:3px; background-image:url(../images/mainbg.png); background-repeat:no-repeat;}
.s_menu .control span.btnLeft{ background-position:-22px -89px;}
.s_menu .control span.btnRight{ background-position:-36px -89px;}
.menulist{ height:30px; overflow:hidden; position:absolute; left:200px; top:0px; right:30px;}
.menulist p{ line-height:30px;}
/*left menu*/
.listflow{position: absolute;bottom: 30px;height: auto;_height: 100%;overflow: hidden;top:0px;right: 0px;left: 0px;}
.left_menu {
position: absolute;
	overflow-x: hidden;
	margin: 0px;
	bottom: 30px;
	height: 100%;
	overflow: auto;
	top: 0px;
	right: 0px;
	left: 0px;
	_position: none;
}
.left_menu ul.l_f_menu li p{ width:152px; height:29px;_height:21px; _padding-top:8px; line-height:28px; background:url(../images/mainbg.png) 0px -34px; cursor:pointer; margin:5px auto 0 auto;}
.left_menu ul.l_f_menu  em{ width:10px; height:9px; display:inline-block; vertical-align:middle; margin-left:8px; margin-right:5px; background-image:url(../images/mainbg.png); background-repeat:no-repeat;_margin-top:1px; overflow:hidden;}
.left_menu ul.l_f_menu  em{ background-position: 0px -94px;}
.left_menu ul.l_f_menu  em.dot02{ background-position: -1px -106px;}
.left_menu ul.l_f_menu  .l_s_menu{ display:none}
.left_menu ul.l_s_menu  li h3{height:22px; line-height:22px; background:#e9e9e9; border:1px solid #c1c2c4; cursor:pointer; font-weight:normal; font-size:12px; margin:5px 10px 0px 28px; padding-left:10px;}
.left_menu ul div {margin:5px 15px; display:none;}
.left_menu ul div  h2 { height:24px; line-height:24px; background:url(../images/graydot.png) no-repeat 5px center; padding-left:15px; margin-left:10px; font-weight:normal;}
.left_menu .no { display:none;}
/*close left*/
/*bottom*/
.bottom{ height:28px; line-height:28px; background:url(../images/bottombg.png) repeat-x; color:#fff; position:fixed; bottom:0px; width:100%; z-index:8}
.bottom span{ float:right; padding-right:10px; }
.bottom em{ padding-left:20px;}

a,a:visited{color: #4c4c4c; text-decoration:none;}
a:hover {color: #d84600; text-decoration: none}
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote, th, td {margin: 0;padding: 0;}
fieldset, img {border: 0;}
/* remember to define focus styles! */
:focus {outline: 0;}
address, caption, cite, code, dfn,em, strong, th, var, optgroup {font-style: normal;font-weight: normal;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
abbr, acronym {border: 0;font-variant: normal;}
input, button, textarea,select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
code, kbd, samp, tt {font-size: 100%;}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {*font-size: 100%;}
body {line-height: 1.5;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
caption, th {text-align: left;}
sup,sub {font-size: 100%;vertical-align: baseline;}
/* remember to highlight anchors and inserts somehow! */
:link, :visited ,ins {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
.clearfix:after { content: "."; display: block; height: 0; clear: both;  visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} /* End hide from IE-mac */
.top0 {clear: both; padding-top: 0px}
.top1 {clear: both; padding-top: 1px}
.top4 {clear: both; padding-top: 4px}
.top5 {clear: both; padding-top: 5px}
.top10 {clear: both; padding-top: 10px}
.top15 {clear: both; padding-top: 15px}
.clear {line-height: 0px; height: 0px; clear: both; font-size: 0px}
.vertical_t {vertical-align:top;}
.vertical_m {vertical-align: middle}
.div960 {margin: 0px auto; width: 960px; height: auto; clear: both}
.div980 {margin: 0px auto; width: 980px; height: auto; clear: both}
.fl {float: left}
.fr {float: right}
.f12 {font-size: 12px}
.f14 {font-size: 14px}
.f16 {font-size: 16px}
.f12b {font-size: 12px; font-weight: bold}
.f14b {font-size: 14px; font-weight: bold}
.f16b {font-size: 16px; font-weight: bold}
.bold {font-weight: bold}
.nor {font-weight: normal}
.gray_c {color: #ccc}
.gray_d {color: #ddd}
.gray_6 {color: #666}
.gray_9 {color: #999}
.gray_3 {color: #333}
.hightlight {color: #cc0000; font-weight: bold}
.hightlight_nor {color: #cc0000; font-weight: normal}
.m_all_5 {margin: 5px}
.p_all_5 {padding: 5px;}
.m_all_10 {margin: 10px}
.p_all_10 {padding: 10px;}
.m_all_20 {margin: 20px}
.p_all_20 {padding: 20px;}
.mt5 {margin-top: 5px}
.mr5 {margin-right: 5px}
.mb5 {margin-bottom: 5px}
.ml5 {margin-left: 5px}
.pt5 {padding-top: 5px}
.pr5 {padding-right: 5px}
.pb5 {padding-bottom: 5px}
.pl5 {padding-left: 5px}
.mt10 {margin-top: 10px}
.mr10 {margin-right: 10px}
.mb10 {margin-bottom: 10px}
.ml10 {margin-left: 10px}
.pt10 {padding-top: 10px}
.pr10 {padding-right: 10px}
.pb10 {padding-bottom: 10px}
.pl10 {padding-left: 10px}
.mt20 {margin-top: 20px}
.mr20 {margin-right: 20px}
.mb20 {margin-bottom: 20px}
.ml20 {margin-left: 20px}
.mt15 {margin-top: 15px}
.pt20 {margin-top: 20px}
.pr20 {padding-right: 20px}
.pb20 {padding-bottom: 20px}
.pl20 {padding-left: 20px}
.center {text-align: center}
.right {text-align: right}
.l22 {line-height: 22px}
.l26 {line-height: 26px}
.l25 {line-height: 25px}
.l30 {line-height: 30px}
.nocenter {text-align: left}
.zoom1 {ZOOM: 1}
.nobg {background: none transparent scroll repeat 0% 0%}
.red{ color:red;}

/* 按钮 */
.btn {
    display: inline-block;
    margin: 0 0 5px;
    padding: 6px 16px;
    line-height: 22px;
    font-size: 16px;
    color: #FFFFFF;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    border: 0 none;
    border-radius: 2px 2px 2px 2px;
	background-color: #013C9A;
    transition: opacity 0.2s ease-in-out 0s;
}
.btn:hover {
	text-decoration: none;
	background-color: #2f81bf;
}

.tb_btn {
	font-family: verdana,arial,sans-serif;  
    display: inline-block;
    /* margin: 0 0 5px; */
    padding: 6px 16px;
    line-height: 22px;
    /* font-size: 16px; */
    color: #000;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    border: 0 none;
    /* border-radius: 2px 2px 2px 2px; */
	background:#b5cfd2 url('../images/cell-blue.jpg');
	/* background-color: #dcddc0; */
    transition: opacity 0.2s ease-in-out 0s;
}
.tb_btn:hover {
	text-decoration: none;
	background:#dcddc0 url('../images/cell-grey.jpg');  
	/* background-color: #b5cfd2; */
}
.tb_btn_in {
	
	background:#dcddc0 url('../images/cell-grey.jpg');  

}

.tb_btn_width{
	width:150px;
}

.ser_tb_btn {
	font-family: verdana,arial,sans-serif;  
    display: inline-block;
    /* margin: 0 0 5px; */
    padding: 6px 16px;
    line-height: 22px;
    /* font-size: 16px; */
    color: #fff;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    border: 0 none;
    /* border-radius: 2px 2px 2px 2px; */
	/* background:#b5cfd2 url('../images/cell-blue.jpg'); */
	background-color: #0059ad;
    transition: opacity 0.2s ease-in-out 0s;
}
/* .ser_tb_btn:hover {
	text-decoration: none;
	background:#dcddc0 url('../images/cell-grey.jpg');  
	background-color: #b5cfd2; 
}*/
.ser_tb_btn_in {
	
	background:#0059ad;  

}

.ser_tb_btn_width{
	width:150px;
}



/*内容样式*/
.bread{
	width:100%;
	background:#0059AD;
	height:30px;
	color:#fff;
	line-height:30px;
	padding-left:20px;
}
.bread a{
	color:#fff;
}
.func{
	width:100%;
	background:#e9f3f5;
	/* height:100px; */
	color:#fff;
	padding:10px;
}
.func .func_left{
	
	/* width:80%; */
	/* height:100px; */
	/* border:1px #999999 solid; */
	
	
	
}
.func_left input{
	font-family: verdana,arial,sans-serif;  
    display: inline-block;
    padding: 6px 16px;
    line-height: 22px;
    color: #000;
    /* cursor: pointer; */
    /* text-align: center; */
    vertical-align: middle;
    border: 1px #999999 solid;
	background:#ddd;
	
    transition: opacity 0.2s ease-in-out 0s;
}

.func_left input:focus{
	background:#eee;
}

.func_ex{
	width:100%;
	background:#e9f3f5;
	/* height:100px; */
	color:#000;
	padding:10px;
	float:left;
	height:auto;
}
.func_ex input[type="text"],.func_ex select{
	width:150px;
	height:25px;
	border: 1px #999999 solid;
	padding-left: 3px;

}

.func_ex label{
	font-size:17px;
	cursor:pointer;

}

.func_line{
	float:left;
	width:100%;
	/* height:50px; */
}

.func_line label{
	width:100%;
	/* height:80px; */
	/* line-height:80px; */
	font-size:15px;
	float:left;
}

.func_line label:hover{
	color:red;
}

.func_half_line{
	float:left;
	width:250px;
	height:30px;
	line-height:30px;
	padding: 3px 8px;
}




.form{
	width:100%;
	/* background:#666; */
	height:100%;
	/* color:#fff; */
	/* overflow-y:scroll; */
	/* height:500px; */
}


.form .form-index{
	border-collapse: collapse;
	border-spacing: 0;
	/* background: #0c7dac */
}

table.imagetable {  
margin:0;
    font-family: verdana,arial,sans-serif;  
    /* font-size:15px;   */
    color:#333333;  
    border-width: 1px;  
    border-color: #999999;  
    border-collapse: collapse;  
}  
table.imagetable th {  
    background:#b5cfd2 url('../images/cell-blue.jpg');  
    border-width: 1px;  
    padding: 8px;  
    border-style: solid;  
    border-color: #999999;  
	
}  
table.imagetable th.haiguan {  
    background:#b5cfd2 url('../images/cell-grey.jpg');  
    border-width: 1px;  
    padding: 8px;  
    border-style: solid;  
    border-color: #999999;  
	
} 
table.imagetable td {  
    /* background:#dcddc0 url('../images/cell-grey.jpg');   */
    border-width: 1px;  
    padding: 8px;  
    border-style: solid;  
    border-color: #999999;  
}  
table.imagetable td.haiguan_td,.duishu_td {  
    background:#ddd ;
    border-width: 1px;  
    padding: 8px;  
    border-style: solid;  
    border-color: #999999;  
} 
.imagetable tr{
	background:#fff;
}
.imagetable input[type="text"]{
	width:90%;
	height:50%;
	border:0;
	/* background:none; */
	/* background:#ddd; */
	border-bottom:1px #aaa solid;
	padding: 4px 6px;
}

.imagetable select{
	width:50%;
	height:50px;
	/* border:0; */
	/* background:none; */
	/* background:#ddd; */
	/* border-bottom:1px #aaa solid; */

}

.imagetable  textarea {
    padding: 4px 6px;
    font-size: 11px;
    color: #34495E;
    vertical-align: middle;
    border: 1px solid #ebebeb;
 	border-radius: 2px;
 	background-color: #fff;
	width:80%;
}

.imagetable input.hide_text{
	height:50px;
	display:none;
}

.imagetable select.hide_select{
	height:50px;
	width:100%;
	display:none;
}
.clr{
	clear:both;
}

.tb_hide{
	display:none;
}

.font_red{
	color:red;
}

.func_tab_btn_off{
	display:none;
}


.info_box{
	display:none;
	/* margin-left:63px; */
	/* top:50%; */
	width:500px;
	position:absolute;
	z-index:1111;
	height:300px;
	background:#dce5e4;
	overflow-y:auto;
	border:1px solid #999999;
}

.info_box .info_title{
	/* background:#fff; */
	float:left;
	width:120px;
	height:30px;
	text-align:center;
	font-size:12px;
	cursor:pointer;
	line-height:30px;
}
.info_box .info_title:hover{
	background:#eee;
}
.info_box .info_title_visited{
	background:#eee;
}

.info_box .info_title_more{
	/* background:#fff; */
	float:left;
	width:120px;
	height:30px;
	text-align:center;
	font-size:12px;
	cursor:pointer;
	line-height:30px;
}
.info_box .info_title_more:hover{
	background:#eee;
}
.info_box .info_title_more_visited{
	background:#eee;
}


.func_half_line .box_text{
	color:#666;
	cursor:pointer;
	display:none;
}

.imagetable input.full_input{
	border:0;
	width:100%;
	height:100%;
	padding:5px 0px;
}

