@charset "utf-8";

html,body { height:100%; }
body { position:relative; min-height:600px; min-width:100%;}

/* login page */
.login_wrap {
	position:absolute;top:50%; margin-top:-219px;left:0;width:100%;
	display:block; height:437px; background:url(/Management/images/bg_login_repeat.png) repeat-x;
}
.loginbox_wrap { width:100%; height:437px; margin:0 auto; background:url(/Management/images/bg_login.png) no-repeat center top; }
.login_form_wrap { width:522px; margin:0 auto; position:relative; padding-bottom:12px; }
.login_form_wrap h1 { padding:35px 12px 5px; }
.login_form_wrap .login_form { width:522px; height:322px; padding:47px 90px 19px 72px; margin:0 auto; background:url(/Management/images/bg_loginbox.png) no-repeat left top; }
.login_form_wrap .login_form ul {padding-top:10px;font-size:13px;color:#84848c;}
.login_form_wrap .login_form ul li {position:relative;padding-left:120px;margin-top:10px;*zoom:1;}
.login_form_wrap .login_form ul li:after { content:""; display:table; clear:both; }
.login_form_wrap .login_form ul li span {position:absolute;width:120px;top:3px;left:0;line-height:30px;text-align:right;padding-right:22px;font-size:15px;color:#6a6c73;font-weight:bold;}
.login_form_wrap .login_form ul li input[type='text'],
.login_form_wrap .login_form ul li input[type='password'] { width:100%;height:35px; padding:7px 5px 8px;font-size:13px;}
.login_form_wrap .login_form ul li.add { margin-top:8px; }
.login_form_wrap .login_form ul li label { float:left; }
.login_form_wrap .login_form ul li a.find { float:right; }
.login_form_wrap .login_form ul li.loginbtn {margin-top:16px;}
.login_form_wrap p.copyright {position:absolute;bottom:0;left:0;width:100%;color:#9a9dc4;text-align:center;font-size:12px; }
.login_form_wrap input[type=text],
.login_form_wrap input[type=password],
.login_form_wrap textarea {
	border:1px solid #898989;
	padding:4px;
}

#header { width:100%; height:72px; padding:17px 28px 0 20px; position:relative; z-index:100; background:url(/Management/images/bg_header.png) repeat-x; *zoom:1;}
#header:after { content:""; display:table; clear:both; }
#header h1 { float:left; }
#header p { float:left; font-size:15px; color:#84848c; line-height:27px; padding-left:635px;}
#header p strong {color:#3d3d3d; }
#header p .btn { margin-left:20px; }

.btn_wrap { margin-top:30px; text-align:center; }
.btn {display:inline-block; background:#393a3b; color:#fff; font-size:13px; font-weight:bold; height:28px; line-height:28px; padding:0 20px;}
.btn.color1 { background:#888989; }

.btn_wrap .btn {padding:0 30px;margin:0 5px;}
#wrapper { position:relative;z-index:1;margin-top:-7px; *zoom:1;width:100%;}
#wrapper:after { content:""; display:table; clear:both; }
#aside {position:relative; width:250px; height:100%; float:left;background:#316192;padding-top:5px;border-right:1px solid #081c48;}
#content {margin-left:250px;padding:45px 70px; width:980px;}

#aside ul {}
#aside ul li a { background:url(/Management/images/bg_aside_menu01.png) repeat-x; display:block; font-size:15px; color:#e7edf2; height:40px; line-height:40px; padding:0 10px 0 15px; text-decoration:none;}
#aside ul li.show > a,
#aside ul li.current > a { background-image:url(/Management/images/bg_aside_menu01_curr.png); font-weight:bold;}
#aside ul li a:hover { background-image:url(/Management/images/bg_aside_menu01_hover.png); }
#aside ul li ul li a { background:url(/Management/images/bg_aside_menu02.png) repeat-x; font-size:13px; color:#c4daed; padding:0 10px 0 26px;}
#aside ul li ul li.current a { background-image:url(/Management/images/bg_aside_menu02_curr.png);}
#aside ul li ul li a:hover { background-image:url(/Management/images/bg_aside_menu02_hover.png); }
#aside ul li ul li a:before { content:""; width:2px; height:2px; background:#c4daed; vertical-align:middle; display:inline-block; margin:0 6px 2px; }

#aside ul li ul { margin-top:-1px; display:none; }
#aside ul li.show ul ,
#aside ul li.current ul {display:block;}

#aside .icon { background:url(/Management/images/ic_aside.png) no-repeat; display:inline-block; width:18px; height:18px; vertical-align:middle; margin-right:5px;}
#aside .icon.i01 { }
#aside .icon.i02 {background-position:-18px -40px; }
#aside .icon.i03 {background-position:-18px -80px; }
#aside .icon.i04 {background-position:-18px -120px; }
#aside .icon.i05 {background-position:-18px -161px; }
#aside .icon.i06 {background-position:-18px -201px; }
#aside .icon.i07 {background-position:-18px -241px; }
#aside .icon.i08 {background-position:-18px -281px; }
#aside .current .icon {-ms-background-position-x:0;background-position-x:0;}



h2.title { font-size:28px; color:#393a3b; line-height:40px; border-bottom:1px solid #393a3b; padding-bottom:8px; margin-bottom:40px; }
h2.title1 { font-size:28px; color:#393a3b; line-height:40px; border-bottom:1px solid #393a3b; padding-bottom:8px; margin-bottom:20px; }
h2.sub_title { font-size:20px; color:#747474;   }

div.twrap {border:1px solid #393a3b;border-width:1px 0;}
div.vc { line-height:20px; min-height:26px; padding:2px 8px; border:1px solid #e5e5e5;font-size:14px;}
table.form { width:100%; }

table.form tr:first-child td ,
table.form tr:first-child th {border-top:1px solid #393a3b;}
table.form tr td ,
table.form tr th { border-top:1px solid #d5d5d5; padding:8px  0 8px 8px; text-align:left; vertical-align:middle; line-height:26px; }
table.form tr td { padding-right:8px; }
table.form tr th { text-align:right; font-size:14px; color:#333; vertical-align:middle; }
table.form span.scol { font-size:12px; color:#ccc; margin-left:4px; font-weight:normal; }
table th div.line {position:relative;}
table th div.line:after { content:"";position:absolute;height:10px; left:-8px; top:50%; margin-top:-5px; width:1px;background:#ccc;}
table tbody th div.rline { position:relative; padding-right:9px; }
table tbody th div.rline:after { content:"";position:absolute;height:10px; right:0; top:50%; margin-top:-5px; width:1px;background:#ccc;}
table.form tr.bdt td ,
table.form tr.bdt th { border-top:1px solid #393a3b; }
table.form input[type=text],
table.form input[type=password],
table.form textarea { 
	width:100%;
}
table.form div.fileinfo { line-height:26px; font-size:14px; color:#235aa3; border-bottom:1px solid #d5d5d5; padding-bottom:5px; margin-bottom:8px;}
table.form div.file label { color:#333; margin-left:20px;}
table.form div.filelist { line-height:26px; }

table.list { width:100%; }
table.list td ,
table.list th { border-top:1px solid #d5d5d5;line-height:20px;padding:10px; text-align:center; vertical-align:middle; color:#727272;}
table.list tbody tr:first-child td ,
table.list tbody tr:first-child th { border-top:1px solid #393a3b; }
table.list thead td ,
table.list thead th { border-top:1px solid #393a3b; color:#333; font-size:13px; }
table.list td.tit { text-align:left; font-size:14px; color:#333; }
table.list tbody tr:hover td ,
table.list tbody tr:hover th {
	background:#f5fbff;
}
div.paging_wrap { text-align:center; margin-top:35px; }
div.paging { display:inline-block; }
div.paging a { float:left; background:#ededed; color:#393a3b; width:28px; height:28px; line-height:28px; margin-left:2px; text-align:center;} 
div.paging a:first-child {margin-left:0;}
div.paging .first,
div.paging .prev,
div.paging .last,
div.paging .next { background:transparent;}
div.paging ul li {float:left;}
div.paging .first i,
div.paging .prev i,
div.paging .last i,
div.paging .next i {background:url('/Management/images/ic_paging.png') no-repeat;display:inline-block; vertical-align:middle;}
div.paging .first i{
	background-position:0 -11px;
	width: 11px;
	height: 9px;
}
div.paging .prev i{
	background-position:-32px -11px;
	width: 6px;
	height: 9px;
}
div.paging .last i{
	background-position:-390px -11px;
	width: 11px;
	height: 9px;
}
div.paging .next i{
	background-position:-363px -11px;
	width: 6px;
	height: 9px;

}
div.paging .first,
div.paging .last {width:32px;}
div.paging .first + .prev { border-left:1px solid #d5d5d5; }
div.paging .next + .last { border-left:1px solid #d5d5d5; }

div.paging .curr { background:#393a3b; color:#fff; }



div.board_ctrl { line-height:28px; text-align:right; padding-bottom:15px; }
div.board_ctrl input { padding:3px 4px; border-right:0; }
div.board_ctrl span.scol { margin-left:10px; color:#cacaca; display:inline-block; height:18px;margin:5px 0 5px 10px; background:#cacaca; width:1px; vertical-align:middle; }
div.board_ctrl div.searchbox { display:inline-block; vertical-align:middle; margin-left:10px; }
div.board_ctrl div.searchbox input,
div.board_ctrl div.searchbox a.btn { float:left; }
div.board_ctrl .selectric-wrapper { margin-left:10px;}

.twrap_tab { height:40px; }
.twrap_tab:after { content:""; display:table; clear:both; }
.twrap_tab li {position:relative;float:left;}
.twrap_tab li a {display:block; padding:0 15px; height:40px; line-height:40px; background:#fff; color:#666; border:1px solid #666; border-width:1px 1px 0;font-size:14px;}
/*.twrap_tab li a {display:block; padding:0 15px; height:40px; line-height:40px; background:#fff; color:#666; border:1px solid #666; border-width:1px 1px 0;font-size:16px;}*/
.twrap_tab li.current a { background:#666; color:#fff; font-weight:bold; }
.twrap_tab.type2 { border-bottom:1px solid #666; margin-bottom:15px; height:41px;}

h3.subtit { font-size:20px ; color:#376da3; line-height:30px;}

.ui-datepicker-trigger { margin-left:5px; }
.labelset label + label { margin-left:10px; }
