body {
	background: url(../images/background.jpg) no-repeat;
	background-size: 100% 100%;
}

header {
	width: 100vw;
	height: 36vh;
	text-align: center;
	line-height: 36vh;
	color: #FFFFFF;
	font-family: STHeitiSC-Light;
}

.content {
	width: 100vw;
	height: 44vh;
}

.content form {
	width: 300px;
	margin: 15px auto;
}

.btn-group {
	list-style: none;
	width: 100%;
	margin: 40px 0px;
	padding: 0;
}

.icon-text-input {
	border: 1px solid #9B9B9B;
	margin: 15px 0px;
	height: 30px;
}

.icon-text-input:hover {
	border: 1px solid #20BD90;
}

.icon-text-input img {
	width: 20px;
	height: 20px;
	margin: 5px;
	float: left;
}

.icon-text-input input {
	width: 268px;
	height: 28px;
	border: 0px;
}

footer {
	width: 100vw;
	height: 5vh;
	text-align: center;
}

footer span {
	display: inline-block;
	width: 70vw;
	margin: 0 auto;
	border-top: 1px solid #ccc;
	padding: 10px 0px;
	font-family: STHeitiSC-Light;
	font-size: 13px;
	color: #9B9B9B;
}

.link {
	font-family: STHeitiSC-Light;
	font-size: 14px;
	line-height: 30px;
	color: #20BD90;
}

@media screen and (max-width: 422px) {
	header h1 {
		font-size: 20px;
	}
}