body{
	background: url(../img/bg.png) repeat;   
/*	background-size: cover; 
	background-position:center;
	background-repeat: no-repeat; */
}
#wrapper{
	height: auto;
	margin: 0 auto;
}
.content{
	width:100%;
	height: auto;
	margin: 0 auto;	
}
#res{
	display: none;	
}
#change{
	display: none;	
}

.animated { 
		  -webkit-animation-duration: 1s; 
		  animation-duration: 1s; 
		  -webkit-animation-fill-mode: both; 
		  animation-fill-mode: both; 
		  margin-top: 7%;
		 text-align: center;
	  } 
	/*************
	* FadeInDown *
	*************/
	
	@-webkit-keyframes fadeInDown { 
		0% { 
			opacity: 0; 
			-webkit-transform: translateY(-400px); 
		} 
		50%{
		   opacity: 0.3; 
		}
		100% { 
			opacity: 1; 
			-webkit-transform: translateY(0); 
		} 
	} 
	@keyframes fadeInDown { 
		0% { 
			opacity: 0; 
			transform: translateY(-400px); 
		} 
		50%{
		   opacity: 0.3; 
		}
		100% { 
			opacity: 1; 
			transform: translateY(0); 
		} 
	} 
	.fadeInDown{ 
		opacity: 0; 
		-webkit-transform: translateY(-400px); 
		transform: translateY(-400px);
	}
	.fadeInDown.go { 
		-webkit-animation-name: fadeInDown; 
		animation-name: fadeInDown; 
	}
/*-------*/
.login button{
	width: 80px;
	height:35px;
}
.account{
	width: 420px;
	height:auto;
	background: white;
	opacity: 0.7;
	margin: 20px auto;
	border-radius: 7px;
	padding: 5px 0 15px 0;
}
.account .tdtext{
	text-align: left;	
}
table{
	width: 350px;
	height:auto;	
	margin: 0px auto;
	margin-top:20px;
}
.text{
	font-size: 20px;
	font-weight: bold;
	text-align: left;	
}

.require{
	height:15px;	
}
.req{
	color: red;	
}
table td{
	font-size: 16px;	
}
table tr{
	text-align: center;	
}
table button{
	width: 180px;
	height:35px;
	border-adius:5px;
	background: #5c6ac2;
	color: white;
	font-weight: bold;
	font-size:13px;
}
button:hover{
	cursor: pointer;	
	background: #5c9ac3;
}
table input{
	height: 25px;
	border:1px solid black;
	width: 170px;
	padding-left:5px;
	font-size:15px;
}
/*----------*/
.register h2{
	text-align: center;	
}
.tbl_regis td{
	font-size:16px;
}
.tbl_regis button{
	width:80px;	
}
.changepas h2{
	text-align: center;	
}
.error {border:1px solid red !important}
.message-error {color:red}
.message-success {color:blue}
.div-error {border:1px solid red;padding:10px}
.div-success {border:1px solid blue;padding:10px}
.loading {display:none;margin:5px auto;background:url('../img/loading.gif') no-repeat;;background-size:20px;width:20px;height:20px}

/*viewport*/
@media screen and (max-width: 800px) {
	body{
		background: url(../img/imgmobile.jpg) fixed;	
	}
	.animated img{
		width:85%;	
	}	
}
@media screen and (max-width: 480px) {
	.resgistered{
		font-size:12px;
	}
	#changepass{
		font-size:12px;
	}
}
@media screen and (max-width: 360px) {
	.account{
		width:98%;
		height:auto;
		margin: 0 auto;	
		margin-top:20px;
	}
	table{
		width:100%;	
		margin: 0 auto;	
	}
	.text{
		font-size: 18px;	
	}
	.table button{
		width: 100px;
		height:30px;
		font-size:11px;
	}
	.register h2{	
		font-size:18px;
	}
	.changepas h2{
		font-size:18px;
	}
}