.header{background: url(/Content/Areas/Common/images/common/header_bg.jpg) no-repeat center bottom;}
.header_top{background: #0064b0;padding: 8px 0;}
.header_top .fr a{line-height: 20px; display: inline-block;color: #fff;padding:2px 10px;border-right: 1px dotted #004072;}
.header_top .fr a:hover{color: #c1e1f8;}
.header_top .fr span{color: #fff;padding: 0 10px;}
.header_top form{float: right;position: relative;}
.header_top form .searchText{color: #fff;padding-left: 10px; border: 1px solid #fff;background: none;border-radius: 4px;line-height: 24px;width: 180px; height: 24px\9;}
.header_top form .searchBtn{cursor: pointer; position: absolute;right: 0;bottom: 0;border: none;height: 24px\9;background: #fff url(/Content/Areas/Common/images/common/search.png) no-repeat center;width: 30px;height: 26px;border-radius: 4px;}

.logo img{padding: 20px 0;}

@media only screen and (max-width:768px){
	.header_top form,.header_top .fr span.ss{display: none;}
}
@media only screen and (max-width:640px){
	.logo img {padding: 10px;display: block;height: 50px;}
	.header_top .fr span span{display: none;}
}
@media only screen and (max-width:375px){
	.pd20{padding: 0;}
}
@media only screen and (max-width:370px){
	.logo img {padding: 10px;display: block;height: 40px;}
}