@charset "utf-8";
/* CSS Document */

html,body{
	margin:0px;
	padding:0px;
	height:100%;
	width:100%;
	font-family:"Microsoft YaHei";
	background-color:#323A47;
}

input{
	font-family:"Microsoft YaHei";
}

input::-ms-clear { display: none; }
input::-ms-reveal { display: none; }

input:not([type=submit]):focus{
	border:0.9px solid #59add9 !important;
	box-shadow: 0 0 10px rgba(0, 151, 229, 0.3);
}

::-webkit-input-placeholder { /* WebKit browsers */
	color:#CCCCCC
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:#CCCCCC
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:#CCCCCC
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:#CCCCCC !important
}

#content{
	display:flex;
	flex-direction:column;
	justify-content:center;
	width:600px;
	margin:0 auto
}

#logo{
	display:block;	
	height:auto;
	margin-top:50px;
	margin-bottom:20px;	
}

#login{
	background-color:#fff;
	border-radius:3px;
	box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.5);
	overflow:hidden;
}

#tab{
	display:flex;
	justify-content: space-between;
	height:50px;
	background-color:#f9f9f9;
	margin-bottom:50px;
}

#tab li{
	flex:1;
	display:block;
	list-style:none;	
	margin:0px;
	padding:0px;
	line-height:50px;
	text-align:center;
	font-size:18px;
	cursor:pointer	
}

#tab_employee{	
	display:flex;
	flex-direction:column;	
}

#tab_employee input{	
	width:86%;
	height:40px;
	padding-left:20px;
	margin-left:25px;
	margin-bottom:6px;
	border:0.9px solid #ccc;
	border-radius:2px;
	font-size:18px;
}

.tab_normal{
	color:#a7a7a7;
	background-color:#eee !important
}

.table_active{
	color:#373737;
	background-color:#f9f9f9 !important;
}

#button{
	display:block;
	margin-top:10px;
	margin-bottom:30px;
}

#button #b_submit{
	color:#fff;
	width:200px;
	border:0px;
	border-radius:2px;
	padding:10px 16px;
	font-size:18px;
	background-color:#459df5;
	margin-left:25px;
}

#button #b_submit:active{
	background-color:#103274
}

.input_error{
	border:0.9px solid #e65b5b !important;
}

span[id^=ma]{
	display:block;
	visibility:hidden;
	margin-left:26px;	
	font-size:16px;
	color:red;
	margin-bottom:10px;
}

.loading{
	/*display:flex;
	padding:0px;
	margin:0px;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;	
	align-items:flex-end;
	justify-content:flex-end;
	*/
	position:fixed;
	right:0px;
	bottom:0px;
	z-index:999;
}

.loading span{
	display:inline-block;
	height:25px;
	font-size:14px;
}

.loading span:first-child{
	background-color:#aeaeae;
	color:#ffffff;
	line-height:25px;
	padding-left:8px;
	padding-right:8px;
	border-top-left-radius:5px;
}

.loading span:last-child{
	background-color:#e9e9e9;
	color:#777777;
	padding-left:10px;
	padding-right:10px;
	line-height:25px;
}

#copyright{
	display:block;
	margin-top:40px;
	text-align:center;
	color:#576070
}