@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%;}
.input-box{width:100%;height:60px;padding:10px;border:#108ec1 1px solid;}
.tips{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-color: #fff;
  color: #f60;
  box-shadow: inset 0px 1px 0px 0px rgba(79, 191, 235, 0.004);
  cursor:pointer;
  font-size:16px;
 }
.btn .btn-q{
  width:234px;
  height:44px;
  background-color: #f60;
  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%;} 
	#searchResult{width:100%;}
	#search .input-box{width:100%;}
	input{font-size:16px;} 
	.tips{font-size:14px;}
	  }
@media(max-width:640px){
	input{font-size:24px;} 
	.tips{font-size:18px;}
	.btn input{font-size:24px;}
	.btn .btn-q{font-size:24px;}
	}

#searchResult {
	width: 880px;
	margin: auto;
	margin-top: 20px;
	display: none;
	background-color: #ffffff;
	max-height: 500px;
	overflow: auto;
}

#searchResultTitle{
	line-height: 2em;
	font-size: 18px;
	color:red;
	margin-bottom: 5px;
}
.track_title{width: 100%; text-align: center; margin-top: 20px; font-size: 28px; color: #ffffff;}
.trackBill{
	margin:10px;
	padding: 5px;
	border-radius: 5px;
}
.trackBill:hover{
	background-color: #eee;
}
.trackBillNo{
	line-height: 1.5em;
}
.trackTable{
	width: 100%;
	border-collapse: collapse;
}
.trackTable tr th{
	text-align: left;
	background-color: #ddd;
	color: #f60;
	line-height: 2em;
}
.trackTable tr td{
	vertical-align: top;
	padding: 5px;
}
.trackTable tr td:hover{
	font-weight: bold;
}
.noRecords{
	text-align: center;
	line-height: 2em;
	color: #f60;
}
/* CSS Document */

