body {
	width: 100%;
	margin: 0;
	padding: 0;
}

#left {
	width: 60%;
	background-color: royalblue;
	float: left;
}

#left h3 {
	margin: 30px 0;
}

#article #p1,
#article #p2 {
	color: white;
	font-family: "宋体";
	font-weight: bolder;
}

#p1 {
	font-size: calc(35px);
}

#p2 {
	font-size: calc(22px);
}

#article {
	text-align: center;
	margin: 220px auto;
}

#right {
	width: 40%;
	float: left;
	background-color: #f6f8fb;
}

#left,
#right {
	height: 754px;
	padding: 0;
	margin: 0;
}

#right h1 {
	margin: 80px auto;
}

#registerBox {
	margin: 100px auto;
	height: 360px;
	width: 440px;
	background-color: #f6f8fb;
}

#registerBox form {
	top: 60px;
}

fieldset {
	width: 90%;
	text-align: center;
}

#regis_table {
	margin: 20px auto;
	border: none;
}

#regis_table input {
	height: 20px;
	margin-bottom: 8px;
}

#have_account {
	text-align: center;
	padding: 40px 0;
}

#buttons input {
	width: 95px;
	height: 35px;
	color: #ffffff;
	background-color: #1b6ec2;
	border: none;
	border-radius: 6px;
	margin: 0 6px 30px 6px;
}

#buttons input:hover {
	background-color: #00AAFF;
	transition: all .2s ease;
}

#buttons input:active {
	background-color: #1768b4;
	transition: all .2s ease;
}

#have_account p {
	/* font-size: 15px; */
}
#have_account a {
	/* text-decoration: none; */
	color: blue;
}
#have_account a:active {
	color: red;
}