@charset "utf-8";
/* CSS Document */
html, body, div, a, ul, li, input {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, "新細明體", "PMingLiU", sans-serif;
}

.body {
	background: url(../images/default_bg.jpg) no-repeat 0 0 fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

a {
	text-decoration: none;
}

ul, li {
	list-style: none;
}

/*****default*****/
.box {
	width: 420px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -210px;
	margin-top: -250px;
}

.logo {
	width: 350px;
	height: 100px;
	float: left;
	margin: 80px 30px 0 30px;
}

.login_box {
	width: 350px;
	height: 300px;
	float: left;
	background: #fff;
	box-shadow: 0 2px 10px #555;
	margin: 0 30px;
}

.sytem_name {
	width: 350px;
	float: left;
	border-bottom: 1px solid #ccc;
	box-shadow: 0 2px 2px #ccc;
	color: #333;
	font-size: 24px;
	margin: 30px 0;
	padding-bottom: 10px;
	text-align: center;
}

.input_box {
	width: 300px;
	float: left;
	margin: 0 25px 20px 25px;
}

input[type="text"], input[type="password"] {
	width: 100%;
	height: 35px;
	box-sizing: border-box; /* Opera/IE 8+ */
	-webkit-box-sizing: border-box; /* Webkit */
	-moz-box-sizing: border-box; /* Firefox */
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: Arial, "新細明體", "PMingLiU", sans-serif;
	padding: 5px;
	vertical-align: middle;
}

.message {
	width: 300px;
	float: left;
	color: #c00;
	line-height: 25px;
	margin: 0 25px 10px 25px;
}

.login_btn {
	width: 300px;
	float: left;
	margin: 0 25px 20px 25px;
}

.submit_btn, .reset_btn {
	width: 140px;
	height: 35px;
	float: left;
	box-sizing: border-box; /* Opera/IE 8+ */
	-webkit-box-sizing: border-box; /* Webkit */
	-moz-box-sizing: border-box; /* Firefox */
	background: #3ae;
	border-radius: 3px;
	box-shadow: 0 2px #108ad5;
	color: #fff;
	line-height: 30px;
	padding: 5px;
	text-align: center;
	cursor: pointer;
}

.submit_btn {
	margin-right: 20px;
}

.submit_btn:hover, .reset_btn:hover {
	background-color: #a9a9a9;
	box-shadow: 0 2px #808080;
}

::-webkit-input-placeholder { /* WebKit browsers */
	color: #6d6d6d;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #6d6d6d;
	opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #6d6d6d;
	opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #6d6d6d;
}

.placeholder { /* Internet Explorer 8 & 9*/
	color: #6d6d6d;
}