﻿#wCommonHeader {
	background: #2a904f;
	min-height: 77px;
}

#CommonHeader {
	width: 1200px;
	margin: 0 auto
}

#CommonHeader .iconSearch {
	float: right;
	margin-right: 9px;
	margin-top: 33px;
}

#CommonHeader .iconSearch .btnSearch {
	background: url(btSearch.png) no-repeat;
	height: 16px;
	width: 16px;
	cursor: pointer;
}

#CommonHeader .iconSearch .btnSearch.active {
	background: url(icox.png) no-repeat;
}

#CommonHeader .HeaderLeft {
	float: right;
	width: 645px;
}

#SearchBoxFrame {
	background: url(bgsearch.png)repeat-x;
	display: none;
	text-align: center;
	color: #fff;
	height: 50px;
	font: normal 12px 'UtmAvo';
	text-transform: uppercase;
	position: relative;
	margin-bottom: 2px
}

#SearchBoxFrame input[type=text] {
	font: normal 15px/38px Arial;
	outline: none;
	width: 87%;
	background: #fff;
	margin-top: 5px;
	height: 38px;
	padding-left: 2%;
	margin-left: 2%;
	display: inline;
	border: 1px solid #cecece;
	color: #333;
	float: left;
	border-radius: 4px;
}

#SearchBoxFrame #btSearch {
	width: 48px;
	height: 40px;
	display: inline-block;
	border: 0;
	background: url(searchbutton.png) no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
	float: right;
	margin-top: 5px;
	border: 1px solid #cecece;
	position: absolute;
	right: 2%;
	border-radius: 0 4px 4px 0
}

.clhd {
	height: 77px;
	display: none
}

@media (max-width: 1000px) {
	.clhd {
		display: block;
	}
	#wCommonHeader {
		position: fixed;
		z-index: 9999;
		top: 0px;
		width: 100%
	}
	#CommonHeader {
		width: 100%
	}
	#wCommonHeader .PCVersion {
		display: none
	}
	#wCommonHeader .MobileVersion {
		display: block
	}
	#wCommonHeader {
		padding: 0px 0px
	}
	#CommonHeader .HeaderLeft {
		float: right;
		width: 195px
	}
	#CommonHeader .iconSearch,
	#CommonHeader .iconMenu {
		float: left;
		border-left: 1px solid #186eac;
		padding-top: 20px;
		min-height: 77px;
		margin: 0px;
		box-sizing: border-box;
		width: 62px;
		text-align: center;
		color: #afe9ff;
		margin: 0;
		font: 15px/12px UtmBebas
	}
	#CommonHeader .iconSearch .btnSearch {
		width: 100%;
		background-position: center
	}
	#CommonHeader .iconMenu .btnMenu {
		width: 100%;
		background-position: center;
		background: url(menu.png.ashx) no-repeat;
		height: 16px;
		width: 100%;
		cursor: pointer;
		background-size: 16px 16px;
		background-position: center
	}
}