/*login.php*/
#login_body {
	background-color: #EEF5FF;
}
#login_form {
	width: 900px;
	height: 600px;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 
}
#login_form_left {
	float: left;
	border-radius: 20px 0 0 20px;
	width: 400px;
	height: 600px;
	background-color: #1F3A8B;
}
#logo {
	display: block;
	width: 70px;
	margin: 0 auto;
	margin-top: 50px;
}
#title {
	color: #fff;
	margin-top: 15px;
	text-align: center;
	font-size: 25px;
	font-weight: bolder;
}
#out_date {
	width: 300px;
	height: 50px;
	line-height: 50px;
	background-color: #2E4892;
	border-radius: 15px;
	margin: 0 auto;
	margin-top: 50px;
	color: #eee;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
.tip1 {
	margin-left: 40px;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	font-family: '黑体';
}
.tip2 {
	margin-top: 2px;
	margin-left: 40px;
	color: #6B82C8;
	font-size: 15px;
	font-family: '黑体';
	font-weight: 580;
}
#tip1_1 {
	margin-top: 80px;
	
}
#tip2_1 {
	margin-top: 20px;
}
#tip3_1 {
	margin-top: 20px;
}
#login_form_right {
	float: left;
	border-radius: 0 20px 20px 0;
	width: 500px;
	height: 600px;
	background-color: #fff;
}
#welcome {
	font-size: 25px;
	font-weight: bold;
	margin-top: 120px;
	margin-left: 73px;
}
#welcome_tips{
	margin-top: 5px;
	margin-left: 73px;
	color: #ABADBA;
	font-size: 15px;
}
#username {
	width: 350px;
	height: 50px;
	margin: 0 auto;
	margin-top: 40px;
	border-radius: 10px;
}
#password {
	width: 350px;
	height: 50px;
	margin: 0 auto;
	margin-top: 40px;
	border-radius: 10px;
}
#login_btn {
	width: 350px;
	height: 50px;
	margin: 0 auto;
	margin-top: 30px;
	display: block;
	font-size: 18px;
	font-weight: bold;
	background-color: #2563EA;
	border-radius: 10px;
	border: 0;
	outline: none;
}
#login_btn:hover,#login_btn:active {
	opacity: 0.9;
}
#error {
	text-align: center;
	margin-top: 50px;
	font-size: 16px;
	color: #C83E3E;
	font-weight: 500;
}
@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(5px); }
    50% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
    100% { transform: translateX(0); }
}
.shake {
    animation: shake 1s;
}
/*list.php*/
h2 {
	text-align: center;
	font-size: 50px;
	margin-top: 5%;
}
#list {
    border: solid 0px red;
    width: 1050px;
    height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 
}
.list_title {
    text-align: center;
    font-size: 20px;
    margin-top: 5px;
}
#zc_table {
    float: left;
    border: solid 1px #ccc;
    width: 500px;
    height: 93%;
    overflow: auto;
}
#ky_table {
    float: right;
    border: solid 1px #ccc;
    width: 500px;
    height: 93%;
    overflow: auto;
}
.my_table {
	margin: 0 auto;
	margin-top: 10px;
	border-collapse: collapse;
	border: solid 1px #ccc;
}
.my_table th,.my_table td {
	text-align: center;
	padding: 10px;
	font-size: 15px;
	border: solid 1px #ccc;
}
.fen {
	width: 120px;
	text-align: center;
}
#submit_btn {
	width: 250px;
	height: 50px;
	margin: 0 auto;
	position: relative;
	top: 30px;
	display: block;
	font-size: 18px;
	background-color: #2563EA;
	border: 0;
	outline: none;
}
#submit_btn:hover,#submit_btn:active {
	opacity: 0.9;
}