@charset "utf-8";
*{font-size:14px;font-family:"Microsoft YaHei";}
input{border:none;}
body{background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(71,188,223) 0%, rgb(51,166,213) 100%);
  background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(71,188,223) 0%, rgb(51,166,213) 100%);
  background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(71,188,223) 0%, rgb(51,166,213) 100%);
  background-repeat:no-repeat;background-image: url(bg2.jpg);}
#search{width:880px;margin:auto;margin-top:5%;margin-bottom:504px;}
.input-box{width:100%;height:60px;padding:10px;border:#108ec1 1px solid;text-align:center;}
span{line-height:18px;font-size:12px;color:#e2eff5;}
.btn{width:347px;margin:auto;margin-top:16px;}
.btn input{width:88px;height:42px;border-radius: 2px;
  background-image: -moz-linear-gradient( 90deg, rgb(226,223,223) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(226,223,223) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(226,223,223) 0%, rgb(255,255,255) 100%);
  box-shadow: inset 0px 1px 0px 0px rgba(79, 191, 235, 0.004);
  color:#0080a7;cursor:pointer;font-size:16px;}
.btn .btn-q{width:234px;height:44px;
  background-image: -moz-linear-gradient( 90deg, rgb(0,109,141) 0%, rgb(0,134,174) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(0,109,141) 0%, rgb(0,134,174) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(0,109,141) 0%, rgb(0,134,174) 100%);
  box-shadow: inset 0px 1px 0px 0px rgba(79, 191, 235, 0.004);color:white;
  font-size:16px;
  margin-right:16px;}
@media(max-width:880px){
	#search{width:100%;margin-top:40%;margin-bottom:700px;} 
	#search .input-box{width:100%;}
	input{font-size:16px;} 
	span{font-size:14px;}
	  }
@media(max-width:640px){
	input{font-size:24px;} 
	span{font-size:18px;}
	.btn input{font-size:24px;}
	.btn .btn-q{font-size:24px;}
	}

	/* CSS Document */