/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html{
 font-family:sans-serif;/* 1 */
 -ms-text-size-adjust:100%;/* 2 */
 -webkit-text-size-adjust:100%;/* 2 */
}
body{margin:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;/* 1 */
 vertical-align:baseline;/* 2 */
}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a{background:transparent;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
h1{font-size:2em;margin:0.67em 0;}
mark{background:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
pre{overflow:auto;}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}
button,input,optgroup,select,textarea{color:inherit;/* 1 */
 font:inherit;/* 2 */
 margin:0;/* 3 */
}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance:button;/* 2 */
 cursor:pointer;/* 3 */
}
button[disabled],html input[disabled]{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;/* 1 */
 padding:0;/* 2 */
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-appearance:textfield;/* 1 */
 -moz-box-sizing:content-box;-webkit-box-sizing:content-box;/* 2 */
 box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;/* 1 */
 padding:0;/* 2 */
}
textarea{overflow:auto; resize:none;}
optgroup{font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;}
td,th{padding:0;}

/**
	base
 */
html,body { color:#555555; font-size: 12px; font-family: "Microsoft YaHei"; } 
ul,li,dl,dt,dd { list-style: none; padding:0px; margin:0px;}
 
a { color:#4477aa; text-decoration: none;}
a:link    {color:#4477aa;}
a:visited {color:#4477aa;}
a:hover   {color:#ee5544;}
a:active  {color:#ee5544;}

.em {color:#ee5544;}
.tc { text-align:center;}
.block { display:block; }
/**
  icon
*/
.icon {
	position: relative;
	display: inline-block;
	*zoom:1;
	*display: inline;
	background:url(imgs/icons.png) 0px 0px no-repeat;
}
.icon.dropdown-es { 
	width:8px;
	height:5px;
	background-position: -20px -80px;
}
.icon.dropdown-s { 
	width:10px;
	height:6px;
	background-position: -30px -80px;
}
.icon.dropup-m {
	width:15px;
	height:6px;
	background-position: 0px -80px;
}
.icon.dropleft-es {
	width:6px;
	height:10px;
	background-position: -49px -80px;
}

.icon.user {
	width:11px;
	height:11px;
	background-position: 0px -100px;
}
.icon.user-m {
	width:20px;
	height:14px;
	background-position: -126px -710px;
}
.icon.local {
	width:10px;
	height:14px;
	background-position: -20px -100px;
}
.icon.ontime {
	width:24px;
	height:24px;
	background-position: 0px -130px;
}
.icon.underway {
	width:24px;
	height:24px;
	background-position: -30px -130px;
}
.icon.delayed {
	width:24px;
	height:24px;
	background-position: -60px -130px;
}
.icon.search {
	width:16px;
	height:16px;
	background-position: 0px -170px;
}
.icon.uploadfile {
	width:13px;
	height:12px;
	background-position: -130px -150px;
}
.icon.plus-l {
	width:19px;
	height:19px;
	background-position: -67px -170px;
}
.icon.uparrow-m {
	width:15px;
	height:16px;
	background-position: -100px -170px;
}
.icon.datepicker {
	width:18px;
	height:18px;
	background-position: 0px -200px;
}
.icon.item {
	width: 20px;
	height: 20px;
	background-position: -120px -120px;
}
.icon.calc {
	width: 22px;
	height: 22px;
	background-position: -120px -430px;
}
.icon.warning {
	width: 22px;
	height: 23px;
	background-position: -120px -220px;
}
.icon.success {
	width: 22px;
	height: 22px;
	background-position: -120px -191px;
}
.icon.import {
	width: 22px;
	height: 22px;
	background-position: -120px -400px;
}
.icon.del {
	width: 22px;
	height: 22px;
	background-position: -90px -120px;
}
.icon.eye {
	width: 20px;
	height: 10px;
	background-position: -130px -380px;
}
.icon.add {
	width: 12px;
	height: 12px;
	background-position: -130px -460px;
}
.icon.MMP {
	width: 16px;
	height: 16px;
	background-position: 0px 0px;
}

/**
  button
*/
.btn {
	position: relative;
	display: inline-block;
	*display: inline;
	zoom: 1;
	cursor:pointer;
	color:#FFFFFF;
	border-radius: 2px;
	vertical-align: middle;
	border:none;
	margin-left:10px;
	margin-right: 10px;
}
.btn.disabled {
	background:#CCCCCC !important;
}
.btn.btn-s {
	font-size:12px;
	width:100px;
	height: 24px;
	line-height: 24px;
}
.btn.btn-m-es {
	font-size:14px;
	width:126px;
	height: 30px;
	line-height: 30px;
}
.btn.btn-s .icon {
	position: absolute;
	left:6px;
	top:4px;
}
.btn.btn-s .vline-inline {
	position: absolute;
	left:30px;
	top:8px;
	border-right: 1px solid #4E658E;
	height: 10px;
}
.btn.btn-s span {
	display: block;
	margin-left: 24px;
}
.btn.btn-m {
	font-size:16px;
	width:160px;
	height: 34px;
	line-height: 34px;
}
.btn.btn-m .icon {
	position: absolute;
	left:10px;
	top:10px;
}
.btn.btn-m .vline-inline {
	position: absolute;
	left:34px;
	top:12px;
	border-right: 1px solid #4E658E;
	height: 14px;
}
.btn.btn-m span {
	display: block;
	margin-left: 28px;
}
.btn.btn-l {
	font-size:16px;
	width: 160px;
	height: 46px;
	line-height: 46px;
}

.btn.btn-blue {
	background:#425C88;
}
.btn.btn-blue:hover {
	background: #2C406A;
}
.btn.btn-blue:active {
	background: #1A2E53;
}

.btn.btn-red {
	background: #EF6750;
}
.btn.btn-red .vline-inline { border-right:1px solid #F58E7F !important;}
.btn.btn-red:hover {
	background: #EF4F34;
}
.btn.btn-red:active {
	background:#EF3A1C;
}

.btn.btn-grey {
	color:#E2E2E2;
	background:#E2E2E2;
	color:#555555;
}

.btn.btn-grey:hover {
	background: #CDD6E5;
}
.btn.btn-grey:active {
	background:#BAC4D9;
}

/**
 * form-group
 */
.form-group {
	position: relative;
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-right: 40px;
	margin-bottom: 10px;
	vertical-align: top;
}
.form-group .control-label,
.form-group .control-wrap {
	position: relative;
	display: inline-block;
	*display: inline;
	zoom:1;
	margin-right: 10px;
}
.form-group .control-label {
	vertical-align: middle;
	margin-top: 0.3em;
}
.form-group .control-label em {
	color:#FF583D;
	font-style: normal;
	font-weight: bold;
}
.form-group .control-label:first-child {	
	width: 94px;
}
/*.form-group.checkbox .control-label,
.form-group.radio .control-label  {	
	width: auto;
}*/
.form-group .control-wrap {
	vertical-align: top;
	width: 200px;
}
.form-group.checkbox .control-wrap:first-child,
.form-group.radio  .control-wrap:first-child {
	width: 20px;
	margin-right: 0px;
}
.form-group.checkbox .control-wrap input[type=checkbox],
.form-group.radio  .control-wrap input[type=radio] {
	width: 20px;
	vertical-align:middle;
}
.form-group .control-wrap.date {
	width: 100px;
}
.form-group .control-wrap > * {
	width: 100%;
	vertical-align:middle;
}
.form-group .control-wrap select { font-size: 14px;}
.form-group .control-wrap:last-child {
	margin-right: auto;
}
.form-group .control-wrap .form-addon {
	position: absolute;
	width: 22px;
	height: 22px;
	right: -3px;
	top:0px;
	text-align: center;
	vertical-align: middle;
}
.form-group .control-wrap .icon {
	vertical-align: middle;
}
.form-group .control-wrap div.error {
	position: relative;
	font-size: 12px;
	color:#EE5C44;
	background: url(imgs/icons.png) -130px -590px no-repeat;
	padding-left:20px;
	margin-top: 4px;
}
.form-group .control-wrap.auto,
.form-group .control-wrap.textarea {
	width:auto;
}
.form-group .control-wrap.auto > * {
	width: auto;
}
.form-group .control-wrap  textarea {
	width:460px;
	height:60px;
}
.file-input {
	position:relative;
	display:inline-block;
	*display:inline;
	zoom:1;
	border:1px solid #94A5C3;
	background:#ffffff;
	width:320px !important;
	height:30px;
	line-height:30px;
	overflow:hidden;
	margin-right:20px;
	vertical-align:middle;
}
.file-input label,
.file-input span {
	position:absolute;
	height:100%;
	top:0px;
}
.file-input label {
	width:86px;
	background:#EFEEFF;
	color:#4476A9;
	text-align:center;
	border-right:1px solid #94A5C3;
	cursor:pointer;
}
.file-input span { 
	left:86px;
	width:224px;
	padding-left:10px;
	cursor:text;
}
.file-input input[type=file] {
	position:absolute;
	/* visibility: hidden; */
	opacity: 0;
	filter:alpha(opacity=0);
	height:34px;
	left: 0px;
	top:0px;
	width: 320px;
	cursor: pointer;
	top:-40px \9;
}
.file-input ~ button {
	height:32px !important;
	font-size:14px !important;
}
.file-input ~ button i {
	top:8px !important;
}
.file-input ~ button .vline-inline {
	top:10px !important;
	height:14px !important;
}

/**
 * .dialog
 */
.overlayer { 
	position: fixed;
	left: 0px;
	top:0px;
	width: 100%;
	height: 100%;
	z-index: 10001;
	background-color:rgba(0,0,0,0.5); 
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
}
.overlayer .dialog {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top:-110px;
	top:50%;
	width: 450px;
	background: #FDFDFF;
	border:1px solid #D9D9D9;
	box-shadow: 0px 0px 3px #C3C3C3; 
}
.overlayer .dialog .dialog-hd {
	position: relative;
	padding:10px;
	border-bottom: 1px solid #CBCEED;
	margin:0px 4px;
	overflow: hidden;
}
.overlayer .dialog .dialog-hd strong {
	font-size: 14px;
	color:#323232;
}
.overlayer .dialog .dialog-hd .close {
	float: right;
	top:0px;
	right: 0px;
	width: 17px;
	height: 17px;
	cursor: pointer;
	border: 1px solid transparent;
	background:url(imgs/icons.png) 2px -228px no-repeat;
}
.overlayer .dialog .dialog-hd .close:hover {
	border: 1px solid #CBCEED;
}
.overlayer .dialog .dialog-bd {
	position: relative;
	padding:10px;
	max-height: 422px;
}
.overlayer .dialog .dialog-ft {
	position: relative;
	padding:10px;
	text-align: right;
	/* border-top:1px solid #CBCEED; */
}

.overlayer .dialog.alert .dialog-bd {
	position:relative;
	margin-left:auto;
	margin-right: auto;
}
.overlayer .dialog.alert .dialog-content {
	position: relative;
	vertical-align: middle;
	font-size: 14px;
	padding:30px 0px;
	text-align:center;
}
.overlayer .dialog.alert .dialog-content .text {
	position:relative;
	max-width:300px;
	display:inline-block;
	*display:inline;
	zoom:1;
	text-align:left;
}

.loading {
	background-image:url(imgs/loading.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

/**
  droplist
*/
.droplist {
	position: relative;
	display:inline-block;
	vertical-align: middle;
	*display: inline;
	zoom:1;
	text-align: left;
	top:-2px;
	z-index:40;
}
.droplist>.label {
	position: relative;
	padding:4px 10px;
	border:1px solid transparent;
	box-shadow: 0px 0px 1px transparent;
	box-shadow-bottom:none;
	line-height: 20px;
	height: 20px;
	cursor: pointer;
}
.droplist>.label .icon {
	vertical-align: middle;
}
.droplist>.label>span {
	padding-left:5px;
	padding-right: 10px;
	vertical-align: middle;
}
.droplist>.list {
	position: absolute;
	margin-top:-1px;
	top:100%;
	left:0px;
	min-width: 100%;
	//min-width:expression(parseInt(this.parentNode.offsetWidth) - 2);
	right:auto;
	bottom:auto;
	display:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.droplist>.list.box-align-right {
	left:auto;
	right:0px;
}
.droplist>.list.box-valign-top {
	top:auto;
	bottom:100%;
}
.droplist:hover > .label,
.droplist > .label:hover {
	background:#FDFDFF;
	box-shadow: 0px 0px 1px #EBEEF3;
	box-shadow-bottom:none;
	border:1px solid #D6DDE3;
	border-bottom-color:transparent;
	*border-bottom-color:#FDFDFF;
	z-index: 100;
}
.droplist > .label:hover + .list,
.droplist > .label + .list:hover { 
	display:block; 
	background:#FDFDFF;
	border:1px solid #D6DDE3;
	box-shadow: 0px 0px 1px #EBEEF3;
	z-index: 99;
}

/**
  .list
*/
.list {}
.list > li {
	line-height: 32px;
	background:#FDFDFF;
	white-space:nowrap;
	vertical-align:middle;
	padding:0px 10px;
}
.list.hover > li:hover {
	background:#F3F3F3;
}
.list.border > li {
	border-bottom: 1px solid #EBEEF3;
}
.list.border > li:last-child {
	border-bottom: none;
}
.list .vline-inline { 
	display: inline-block;
	*display: inline; 
	zoom: 1;
	border-left:1px solid #EBEBED; 
	border-right:1px solid #F2F2F4;
	margin-left:8px;
	margin-right:8px;
	height: 10px;
}

.clear { clear:both;}
.clearfix { zoom:1;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

/*=============================== page =====================================*/
.container { 
	position: relative; 
	width: 1174px; 
	margin:0px auto;
}
.header { position:relative;}
.header .top { 
	/* background:#f6f6f6; */ 
	height:50px; 
	line-height: 34px; 
	/* border-bottom: 1px solid #EEEEEE;  */
}
.header .top .logo { 
	position: absolute; 
	left:20px; 
	top:14px; 
	display: inline-block; 
	*display: inline; 
	zoom: 1; 
	vertical-align: middle;
}
.header .top .logo img {
	height: 30px;
}
.header .top { text-align: right; }
.content { 
	position: relative;
	border:1px solid #DEE2EE;
	border-top:4px solid #55709B;
	margin-top:10px;
	width:100%;
}
.main {
	position: relative;
	padding:50px 60px;
}

.main > img {
	position:relative;
}
.block-box {
	position:relative;
	width:540px;
	border:1px solid #BEC8E1;
	margin-left:56px;
	
}
.block-box .block-box-hd {
	position:relative;
	background:#F8F8F8;
	padding:8px 10px;
	border-bottom:1px solid #BEC8E1;
}
.block-box .block-box-hd > .icon {
	margin-right:4px;
	vertical-align:middle;
}
.block-box .block-box-hd strong { font-size:14px;vertical-align:middle;}
.block-box .block-box-bd {
	position:relative;	
	padding:50px 0px;
}

#loginTable { position:relative;}
#loginForm {
	position:relative;
	width:380px;
	margin:0px auto;
}
#loginForm .form-group  input {
	height:26px;
	line-height:26px;
	padding:0px;
}
#loginBtn {
	margin-top:20px;
	margin-left:108px;
}
.box {
	border: 1px solid #C7D3E3;
}

.footer {
	margin-top: 10px;
	border-top: 1px solid #D3D3D3;
	height: 60px;
	color:#888888;
	line-height: 60px;
	text-align: center;
}

.item {
	position: relative;
}

#loginForm input[type=text], #loginForm input[type=password] {
	padding-left: 5px;
}