@CHARSET "UTF-8";

* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	outline: none;
}
body {
	background: url(../../bg.jpg) no-repeat center center fixed;
  
	 padding:0;
  margin:0;
	width: 100%;
  height: 100%;
 background-size: 400%;
 
}

.login-form {
    
	margin: 100px auto;
	max-width: 400px;
 
}

form[role=login] {
	color: #5d5d5d;
	background: #fff;
	padding: 26px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	form[role=login] img {
		display: block;
		margin: 0 auto;
		margin-bottom: 15px;
	}
	form[role=login] input,
	form[role=login] button {
		font-size: 18px;
		margin: 16px 0;
	}
	form[role=login] > div {
		text-align: center;
	}
	
.form-links {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 50px;
}
	.form-links a {
		color: #fff;
	}


	.content-box{
		background: #ffff;
		padding: 20px;
		border-radius: 5px;
		position: absolute;
top: 117px;
left: 5%;
width: 58%;
height: auto;
 
 
	}


	.content-box h1{font-size:23px; padding: 0 0 15px ; margin: 0;}
	.content-box h2{font-size: 23px; padding: 0 0 15px ; margin: 0;}