@charset "utf-8";
*{
	margin:0;
	padding:0;
}
body{
	width:100%;
	background:url(https://dss2.bdstatic.com/kfoZeXSm1A5BphGlnYG/skin/825.jpg) no-repeat center top;
	background-origin:content-box;
}
form{
	width:800px;
	margin:100px auto;
	font-size:0px;
}
div{
	margin:0 auto;
	text-align:center;
}
img{
	height:150px;
}
span{
	display:block;
	height:40px;
	margin:20px 0 0 0;
	float:left;
}
input{
	font-size:18px;
}
.text{
	width:650px;
	height:40px;
	text-indent:1em;
	border:2px solid #4e6ef2;
	border-radius:15px 0 0 15px;
	outline:none;
}
.submit{
	width:100px;
	height:44px;
	background:#4e6ef2;
	color:#fff;
	padding:0px;
	border:2px solid #4e6ef2;
	border-radius:0 15px 15px 0;
	outline:none;
}
.submit:hover{
	background:#fff;
	color:#4e6ef2;
}
.reset{
	width:44px;
	height:44px;
	border:2px solid #4e6ef2;
	border-radius:22px;
	background:#fff;
	color:#000;
}
.reset:hover{
	background:#000;
	color:#fff;
	font-size:30px;
}
@media screen and (min-width:1600px){
	body{
		background-size:cover;
	}
}
@media screen and (max-width:800px) and (min-width:600px){
	form{
		width:600px;
		margin:70px auto;
	}
	img{
		height:100px;
	}
	.text{
		width:450px;
	}
}
@media screen and (max-width:600px) and (min-width:400px){
	form{
		width:400px;
		margin:50px auto;
	}
	img{
		height:80px;
	}
	.text{
		width:250px;
	}
}
@media screen and (max-width:400px) and (min-width:300px){
	form{
		width:300px;
		margin:0px auto;
	}
	img{
		height:70px;
	}
	.text{
		width:150px;
	}
}
@media screen and (max-width:300px) and (min-width:0px){
	*{display:none}
}