﻿/*---- Search form ----*/
#search-form{
	float:right;
	position:relative;
	vertical-align:top;
	padding-top:20px;
	padding-right:2px;
	width:192px;
}
	#search-form fieldset {
		border:none;
		padding:0;
		overflow:hidden;
		padding-left:13px;
		background:url(img/search-tail.png) center top repeat;
		border-top:1px solid #282828;
		border-left:1px solid #282828;
		border-radius:14px;
		-moz-border-radius:14px;
		-webkit-border-radius:14px;
	}
		#search-form label {display:block; float:left;}
		#search-form input{
			padding:5px 0px 6px;
			background:none;
			border:none;
			font:13px Arial, Helvetica, sans-serif;
			color:#fff;
			margin:0;
			outline:none;
			width:140px;
		}
	#search-form a{
		float:right;
		display:block;
		background: url(img/search-button.gif) 8px 5px no-repeat;
		width:35px;
		height:27px;
		text-decoration:none;
		cursor:pointer;
	}
		#search-form a:hover{background-position:8px -25px;}
		
		

/*---- contact form ----*/
#contact-form {
	position:relative;
	vertical-align:top;
	width:100%;
	z-index:1;
}
	#contact-form fieldset {border:none; padding:0; width:100%; overflow:hidden;}
		#contact-form label {display:block; min-height:33px; position:relative;}
			#contact-form .message{min-height:75px;}
			#contact-form input, #contact-form textarea {
				padding:2px 10px;
				margin:0;
			font: 12px/16px "微软雅黑", tahoma, arial, sans-serif; 
				color:#808080;
				background: #fbfbfb;
				outline:none;
				border:none;
				border-top:1px solid #c7c8ca;
				border-left:1px solid #b6b6b6;
				width:100%;
				border-radius:4px;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
				box-shadow:inset 0px 1px 0px #dcdcdc;
				-moz-box-shadow:inset 0px 1px 0px #dcdcdc;
				-webkit-box-shadow:inset 0px 1px 0px #dcdcdc;
			}
			#contact-form .area .error {float:none;}
			#contact-form textarea {
				height:60px;
				resize:none;
				overflow:auto;
			}
			#contact-form .success {display:none; margin-bottom:15px;}
			#contact-form .error,
			#contact-form .empty {
				color:#f00;
				font-size:11px;
				line-height:14px;
				display:none;
				overflow:hidden;
				margin-bottom:5px;
			}
.buttons-wrapper{position:relative;}
.buttons-wrapper a {
	font-size:12px;
	line-height:16px;
	color:#FFFFFF;
	font-family:"微软雅黑";
	background-image:url(img/contact-button.gif);
	background-color:#323232;
	padding:4px 15px 5px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
.buttons-wrapper a:hover{background-position:center -51px; background-color:#02334f;}

.t1 {padding-top:15px}
#biaodan {
	position:relative;
	vertical-align:top;
	width:95%;
	z-index:1;
}
#biaodan label {display:block; min-height:33px; position:relative;}
#biaodan.message{min-height:75px;}
#biaodan input, #biaodan textarea {
				padding:2px 10px;
				margin:0;
			font: 14px/22px "微软雅黑", tahoma, arial, sans-serif;  
				color:#808080;
				background: #fbfbfb;
				outline:none;
				border:none;
				border-top:1px solid #c7c8ca;
				border-left:1px solid #b6b6b6;
				width:100%;
				border-radius:4px;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
				box-shadow:inset 0px 1px 0px #dcdcdc;
				-moz-box-shadow:inset 0px 1px 0px #dcdcdc;
				-webkit-box-shadow:inset 0px 1px 0px #dcdcdc;
			}
#biaodan textarea {
				height:60px;
				resize:none;
				overflow:auto;
			}
@media only screen and (max-width: 995px) {
	/*---- contact form ----*/
	#contact-form input, #contact-form textarea{width:500px;}
	#search-form{
	width:192px;
}
}
@media only screen and (max-width: 767px){
	/*---- Search form ----*/
	#search-form{width:415px;}
	#search-form input{width:363px;}
	/*---- contact form ----*/
	#contact-form input, #contact-form textarea{width:160px;}
}
@media only screen and (max-width: 479px){
#search-form{width:298px;}
#search-form input{width:246px;}
	/*---- contact form ----*/
	#contact-form input, #contact-form textarea{width:160px;}
}