

legend {
	color: #000
}

body {
	font: 12px Microsoft Yahei, Tahoma, "宋体", Helvetica, sans-serif
}


textarea,
input {
	font-family: 'Microsoft YaHei', 'SimHei', 'LiHei Pro Medium';
	font-size: 12px;
	outline: 0
}




body .custom-select-body .custom-select-body-content {
	padding: 0 5px 0 10px
}

body .custom-select-body .custom-select-body-list {
	padding-right: 5px;
	max-height: 180px;
	overflow: auto
}

body .custom-select-body .custom-select-body-list .custom-select-list-item {
	color: #8a8c8d;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #d5d5d5;
	cursor: pointer;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

body .custom-select-body .custom-select-body-list .custom-select-list-item:hover {
	color: #000
}

label,
textarea,
.ctrl_wrap {
	border: 1px solid #d9d9d9;
	z-index: 1
}

label {
	display: inline;
	float: left;
	padding: 0;
	color: #858585;
	min-width: 30px;
	min-height: 30px;
	height: 30px;
	width: auto !important;
	width: 30px;
	white-space: nowrap;
	_margin-right: -3px;
	text-align: center;
	border-right: 0
}

textarea {
	width: 100%;
	height: 70px;
	*width: 292px;
	_width: 292px;
	margin-left: 0;
	padding: 3px;
	resize: none;
	overflow: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.mobile {
	width: auto;
	margin: 0 15px
}

.head_title {
	width: 360px;
	margin: 0 auto;
	height: 40px;
	margin-top: 40px;
	background: #00AEF3
}

.head_title h1 {
	display: block;
	height: 40px;
	margin: 0;
	padding-left: 10px;
	font: 16px 'Microsoft YaHei', 'SimHei', 'LiHei Pro Medium';
	line-height: 40px;
	color: #fff
}

.section_content {
	width: 360px;
	margin: 0 auto;
	background-color: #EDEDED;
	padding-bottom: 25px;
	overflow: hidden
}

.section_content .brand {
	height: 12px;
	margin-top: 25px;
	background: url(img/brand.png) no-repeat center
}

#mess-form .item-container {
	position: relative;
	margin: 0 30px 6px;
	*zoom: 1;
	overflow: visible
}

#mess-form .item-container .error_tips {
	position: absolute;
	top: 20px;
	_top: 15px;
	*top: 15px;
	left: 65px;
	padding: 2px 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	line-height: 27px;
	background-color: #000;
	z-index: 999;
	color: #fff;
	font: 12px 'Microsoft YaHei', 'SimHei', 'LiHei Pro Medium'
}

#mess-form .textarea-container {
	_margin-left: 15px;
	*margin-left: 15px
}

#mess-form input {
	width: 100%;
	height: 18px;
	_margin-right: -100%;
	padding: 0 3px;
	line-height: 18px;
	border-width: 0;
	z-index: 1
}

#name {
	background: #fff url(img/user.png) no-repeat center
}

#phone {
	background: #fff url(img/phone.png) no-repeat center
}

#location {
	background: #fff url(img/location.png) no-repeat center
}

#mail {
	background: #fff url(img/mail.png) no-repeat center
}

.custom-input-item {
	background: #fff url(img/custom-input.png) no-repeat center
}

.ctrl_wrap {
	border-left-width: 0;
	background: #fff;
	height: 30px;
	overflow: hidden;
	z-index: 1
}

.sel_wrap {
	position: relative;
	height: 20px;
	overflow: hidden;
	margin-top: 4px;
	*margin-right: -3px;
	_margin-top: 5px;
	_height: 18px;
	_zoom: 1
}

.ipt_wrap {
	margin-top: 6px;
	z-index: 1
}

.ipt_wrap input {
	z-index: 1
}

.mess_send {
	display: block;
	width: 80px;
	height: 30px;
	line-height: 24px;
	cursor: pointer;
	font-family: 'Microsoft YaHei', 'SimHei', 'LiHei Pro Medium';
	text-align: center;
	color: #fff;
	margin-left: 30px;
	margin-top: 12px;
	border: 0;
	background: #00aef3;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.mess-placeholder {
	color: #8a8c8d
}

.welcome {
	font: 15px 'Microsoft YaHei', 'SimHei', 'LiHei Pro Medium';
	padding: 10px 0 0 25px;
	color: #666666
}

.company_info {
	height: 60px
}

.company_info .company_name {
	font: 15px 'Microsoft YaHei', 'SimHei', 'LiHei Pro Medium';
	padding: 10px 0 0 25px;
	color: #666666
}

.company_info .company_phone_no {
	font: 12px 'Microsoft YaHei', 'SimHei', 'LiHei Pro Medium';
	padding-left: 25px;
	color: #999999
}

hr.split {
	height: 1px;
	margin: 0;
	border: 0;
	background-color: #D5D5D5
}

@media all and (max-device-width:700px) {
	.section_content,
	.head_title {
		width: auto;
		margin: 0 15px
	}
}

#mess-form {
	margin-top: 20px
}
