@charset "utf-8";
body{
  background:url(../img/bg.jpg);
  font-family:"Microsoft JhengHei", "微軟正黑體" !important;
  background-size: cover;
}
.chromeframe{
	text-align:center;
}

.login_icon{
	float: left;
	width: 34px !important;
	text-align: center;
	margin: 4px 3px 0 0;
	color: rgb(186, 197, 214);
	font-size: 1.3em;	
}

.login_form{
	float: left;
	width:215px;	
	border:0px;
	background: transparent;
	
}

.login_btn{
	width: 300px;
	height: 50px;
	border-radius: 30px;
	margin:0 auto;
	background:#565a5c;
	border-color:transparent;
	font-size:15px;
	outline: none;
}

.login_btn:hover,.login_btn:hover:active,.login_btn:visited{
	background:#565a5c;
	color:#c9c9c9;
	border-color:transparent;
	outline: none;
}

.cssbox{
	background-position:bottom right;
	width:380px;
	margin:20px auto;
}
.cssbox_head{
	text-align:center;
	margin-top: 50px;
}
.cssbox_head .title{
	color:#4d6d7f;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	letter-spacing: 1px;
}
.cssbox_head .project_name{ 
	margin-top: 10px;
	color:#9c9c9c;
	font-family:"Microsoft JhengHei", "微軟正黑體" !important;
	font-size: 22px;
	font-weight: bold;
}

.cssbox_body{ 
	margin-top: 20px;
}

.box{
	width: 470px;
	height:430px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -215px 0 0 -235px;
	background: url(../img/form.png);
	border: 1px solid #565a5c;
	border-radius: 5px;
}

.login_input{
	border: 2px solid #565a5c;
	width: 300px;
	height: 50px;
	border-radius: 30px;
	margin:0 auto;
	margin-top: 10px;
}

.login_input span{
	float: left;
	margin-left: 18px;
	margin-top: 10px;
	font-size: 22px;
	color: #565a5c;
}

.login_input .login_form{
	height:45px;
	margin-left: 10px;
	color:white;
	font-size: 15px;
}

footer{
	width: 300px;
	margin: 0 auto;
	margin-top: 50px;
}