@media screen and (max-width:640px){
body,p,form,input{margin:0}
#form{
	width:320px;
	margin:30px auto;
	padding:20px;
	border:1px solid #555;
	}

form p{
	font-size:14px;
	}

.form-title{
	text-align:center;
	}

.idname,.pass{
	margin-bottom:20px;
	}
input[type="text"],
input[type="password"]{
	width:300px;
	padding:4px;
	font-size:14px;
}

.submit{
	text-align:center;
	}
#form p{
	color: #077685;
	font-weight:bold;
	}

#form .form-title{
	font-family:Arial;
	font-size:30px;
	color: #4eb4c2;
	}

.submit input{
	font-family:Arial;
	color:#ffffff;
	font-size:16px;
	padding-top:10px;
	padding-right:20px;
	padding-bottom:10px;
	padding-left:20px;
	text-decoration:none;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow:0px 8px 6px #e3e3e3;
	-moz-box-shadow:0px 8px 6px #e3e3e3;	
	box-shadow:0px 8px 6px #e3e3e3;
	border:solid #f5fdff 4px;
	background: -webkit-gradient(liner,0 0,0 100%,from(#61c7e0),to(#418da8));
	background: -moz-liner-gradient(top,#61c7e0,#418da8);
	}
	.submit input:hover{
	background:#37a4bf;
	}
	
}