* {
	box-sizing: border-box;
}
body {
	background-color: #006265;
	font-family: 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '黑体';
	background-image: url(../images/bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
form {
	height: 430px;
	width: 300px;
	margin: auto;
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #FFF;
	z-index: 100;
}
h2 {
	text-align: center;
	padding: 30px 20px 30px 60px;
	font-size: 22px;
	letter-spacing: 2px;
	color: #006265;
	line-height: 22px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAeCAYAAABe3VzdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0NEU5MDMzRTdFRjkxMUU2OUE2M0ZBNDlCODQ0MDM0NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQkQ5RkU3OThGMzExMUVBOUNCQUEwQzY3MjY4MTg1RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQkQ5RkU3ODhGMzExMUVBOUNCQUEwQzY3MjY4MTg1RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTE2YzBhYmEtMmJmYy1mYTQyLTljOTYtMzY5ZWZiY2VkNmQ5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0RTkwMzNFN0VGOTExRTY5QTYzRkE0OUI4NDQwMzQ3Ii8+IDwvcmRmOkRlc2Ny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');
	background-repeat: no-repeat;
	background-position: 50px center;
	font-weight: normal;
}

h2:after {
	content: "TERRACO";
}
input[id='Username'], input[id='Password'] {
	width: 260px;
	margin: 6px 20px;
	padding: 10px;
	font-size: 16px;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: solid 1px #CCC;
	background-color: #FFF;
}
input[id='SRK_yanzheng'] {
	width: 260px;
	margin: 6px 20px;
	padding: 10px;
	font-size: 16px;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: solid 1px #CCC;
	background-color: #FFF;
}
#yzm {
	position: absolute;
	right: 35px;
	margin-top: 17px;
}
button  {
	width: 260px;
	margin: 6px 20px;
	padding: 10px;
	border: none;
	font-size: 16px;
	color: #FFF;
	background-color: #006265;
	cursor: pointer;
}
#logmsg {
	color: #006265;
	text-align: center;
	margin: 20px;
}