@charset "utf-8";

.pub_page_side_main .cnt .pub_page_main .page_feedback {

	border: 1px solid #e5e5e5;

	color: #666;

	background: white;

}

.pub_page_side_main .cnt .pub_page_main .page_feedback .intro {

	margin: 31px 35px;

	font-size: 16px;

	overflow: hidden;

}

.pub_page_side_main .cnt .pub_page_main .page_feedback form {	

	margin: 20px 17px;

}

.pub_page_side_main .cnt .pub_page_main .page_feedback form .field {

	margin: 0px 17px;

	overflow: hidden;

	height: 80px;

}

.pub_page_side_main .cnt .pub_page_main .page_feedback form .field.msage {

	margin: 0px 17px;

	overflow: hidden;

	height: 260px;

	width: 95%;

}

.pub_page_side_main .cnt .pub_page_main .page_feedback form .ms_code {

	

	margin-left: 20px;

	font-size:20px;

	height: 35px;

	

}

.pub_page_side_main .cnt .pub_page_main .page_feedback form .ms_code img {

	

	margin-left: 10px;

	vertical-align: middle;

	height: 35px;

	

}

.pub_page_side_main .cnt .pub_page_main .page_feedback form .ms_code input {

	position: relative;;	

	height: 30px;

	

}

.pub_page_side_main .cnt .pub_page_main .page_feedback form .field .ms-left {

	float: left;

	width: 300px;

	height: 45px;

}

.pub_page_side_main .cnt .pub_page_main .page_feedback form .field .ms-right {

	float: right;

	width: 300px;

	height: 45px;

	margin: 0 40px 0 0;

}

.pub_page_side_main .cnt .pub_page_main .page_feedback form .field .title {

	margin: 14px 0 0 5px;

	vertical-align: top;

	font-size: 14px;

	color: #666;

}



.pub_page_side_main .cnt .pub_page_main .page_feedback form .field .value {

	width:260px;

	/* width: 453px; */	

	height: 28px;

	/* margin: 0 0 0 10px; */

	margin: 30px 0 0 5px;

	padding: 10px;

	border: 1px solid #e5e5e5;

	border-radius: 3px;

}



.pub_page_side_main .cnt .pub_page_main .page_feedback form .field .value input {

	width: 90%;

	height: 100%;

	border: none;

	background: none;

	outline: none;

}

.pub_page_side_main .cnt .pub_page_main .page_feedback form .field .value.content {

	display:block;

	/* width: 702px; */

	width: 93%;

	height: 200px;

	margin: 5px 0 0 5px;

	padding: 10px;

	border: 1px solid #e5e5e5;

	border-radius: 3px;

}

.pub_page_side_main .cnt .pub_page_main .page_feedback form .field .title .require_symbol {

	color: #ee551f;

}

.pub_page_side_main .cnt .pub_page_main .page_feedback form .field .value textarea {

	

	width: 100%;

	height: 100%;

	border: none;

	background: none;

	outline: none;

}

.pub_page_side_main .cnt .pub_page_main .page_feedback form .btn_list {

	padding: 20px;

	text-align:center;

}

.pub_page_side_main .cnt .pub_page_main .page_feedback form .btn_list .btn {

	display: inline-block;

	position: relative;

	min-width: 100px;

	padding: 8px;

	font-size: 16px;

	text-align: center;

	color: white;

	background: #0B499A;

	border-radius: 25px;

	cursor: pointer;

}

.pub_page_side_main .cnt .pub_page_main .page_feedback form .btn_list .btn input {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: none;

	border: none;

	outline: none;

	opacity: 0;

	cursor: pointer;

}

@media (max-width: 500px) {

	.pub_page_side_main .cnt .pub_page_main .page_feedback form .field .value.content {

	display:block;

	/* width: 702px; */

	width: 82%;

	height: 200px;

	margin: 5px 0 0 5px;

	padding: 10px;

	border: 1px solid #e5e5e5;

	border-radius: 3px;

}

	.pub_page_side_main .cnt .pub_page_main .page_feedback form .field {

	margin: 10px 17px;

	overflow: hidden;

	height: 150px;

}

	.pub_page_side_main .cnt .pub_page_main .page_feedback form .btn_list .btn input {

	position: absolute;

	top: 0;

	left: 0;

	width: 80%;

	

	background: none;

	border: none;

	outline: none;

	opacity: 0;

	cursor: pointer;

}

.pub_page_side_main .cnt .pub_page_main .page_feedback form .field .ms-left {

	margin: 10px 0;

	float: left;

	width: 100%;

	height: 50px;

	

}

.pub_page_side_main .cnt .pub_page_main .page_feedback form .field .ms-right {

	margin: 10px 0;

	float: left;

	width: 100%;

	height: 50px;

	

}

.pub_page_side_main .cnt .pub_page_main .page_feedback form .field .title {

	margin: 14px 0 0 5px;

	vertical-align: top;

	font-size: 14px;

	color: #666;

}



.pub_page_side_main .cnt .pub_page_main .page_feedback form .field .value {

	position: relative;

	width:80%;

	/* width: 453px; */	

	height: 28px;

	/* margin: 0 0 0 10px; */

	margin: 10px 10px 0 5px;

	padding: 5px;

	border: 1px solid #e5e5e5;

	border-radius: 3px;

	

}

.pub_page_side_main .cnt .pub_page_main .page_feedback form .btn_list {

	padding: 20px;

	margin: 10px 50px;

}	

}