@charset "gb2312";
.page-message {
	width: 100%;
}
.page-message-booking {
	display: block;
	width: 100%;
}
.page-message-booking-left {
	float: left;
	width: 300px;
}
.page-message-booking-left .title {
	width: 100%;
	height: 70px;
	background-image: url(../../img/booking-title-1.png);
}
.page-message-booking-left .content {
	width: 100%;
	padding: 15px;
}
/*-----------------------------------------------------------------------------*/
.page-message-booking-form {
	width: 100%;
	margin-bottom: 30px;
	background-color: #FFF;
	-webkit-box-shadow: 0px 0px 8px 0px #999999;
	box-shadow: 0px 0px 8px 0px #999999;
}
.page-message-booking-form li {
	position: relative;
	width: 100%;
}
.page-message-booking-form li i {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 40px;
	line-height: 40px;
	font-size: 12px;
	color: #FF8800;
}
.page-message-booking-form li span {
	display: none;
	position: absolute;
	top: -40px;
	left: 20px;
	height: 36px;
	padding: 10px;
	line-height: 14px;
	font-size: 12px;
	color: #FF8800;
	background-color: #FFFFCC;
	border: 1px solid #FF8800;
}
.page-message-booking-form input[type="text"] {
	display: block;
	width: 100%;
	height: 40px;
	padding: 9px 49px 9px 9px;
	line-height: 20px;
	font-size: 14px;
	border: 1px solid #ccddff;
	margin-bottom: 10px;
}
.page-message-booking-form select {
	display: block;
	width: 100%;
	height: 40px;
	padding: 9px;
	line-height: 20px;
	font-size: 14px;
	border: 1px solid #ccddff;
	margin-bottom: 10px;
}
.page-message-booking-form input[type="submit"] {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #FFF;
	font-size: 18px;
	text-align: center;
	background-color: #2daa5a;
	cursor: pointer;
	margin-bottom: 10px;
}
.page-message-booking-form li p {
	width: 100%;
	line-height: 25px;
	font-size: 12px;
	color: #C30000;
	text-align: justify;
}
/*-----------------------------------------------------------------------------*/
.page-message-booking-contact {
	width: 100%;
	background-color: #FFF;
	-webkit-box-shadow: 0px 0px 8px 0px #999999;
	box-shadow: 0px 0px 8px 0px #999999;
}
.page-message-booking-contact .text-a {
	width: 100%;
	line-height: 40px;
	font-size: 24px;
	text-align: center;
	color: #0f6eb9;
}
.page-message-booking-contact .text-b {
	width: 100%;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	color: #0f6eb9;
}
.page-message-booking-contact .qq {
	width: 100%;
	height: 90px;
	margin: 15px 0px;
}
.page-message-booking-contact .tel {
	width: 100%;
	height: 90px;
	padding: 15px 0px 25px 95px;
	background-image: url(../../img/booking-tel.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.page-message-booking-contact .tel span {
	display: block;
	line-height: 20px;
	font-size: 24px;
	color: #0f6eb9;
	font-weight: bold;
}
.page-message-booking-contact .tel span:first-child {
	line-height: 32px;
	font-size: 14px;
	font-weight: normal;
}
.page-message-booking-contact .text-c {
	width: 100%;
	line-height: 25px;
	font-size: 12px;
	color: #C30000;
	text-align: justify;
}
/*-----------------------------------------------------------------------------*/
.page-message-booking-right {
	margin-left: 340px;
	height: 880px;
	background-image: url(../../img/booking-process-1200.png);
	background-repeat: no-repeat;
	background-position: right 20px;
}
.page-message-booking-list {
	width: 100%;
}
.page-message-booking-list .list-title {
	width: 100%;
	height: 36px;
	margin-top: 50px;
	border-bottom: 1px solid #E6E6E6;
}
.page-message-booking-list .list-title {
	width: 100%;
	height: 36px;
	border-bottom: 1px solid #E6E6E6;
}
.page-message-booking-list .list-title .title {
	float: left;
	border-left: 5px solid #2daa5a;
	padding-left: 10px;
	line-height: 24px;
	font-size: 16px;
	color: #2a2a2a;
}
.page-message-booking-list .list-title .text {
	float: right;
	line-height: 24px;
	font-size: 14px;
	color: #2a2a2a;
}
.page-message-booking-list .list-title .text i {
	padding: 0px 5px;
	font-size: 18px;
	color: #C30000;
}
.page-message-booking-list .list-holder {
	width: 100%;
}
.page-message-booking-list .list-holder ul {
	width: 100%;
	height: 40px;
	padding: 0px 15px;
}
.page-message-booking-list .list-holder ul:nth-child(2n) {
	background-color: #e6e6e6;
}
.page-message-booking-list .list-holder li {
	float: left;
	line-height: 40px;
	font-size: 14px;
}
.page-message-booking-list .list-holder .name {
	width: 20%;
}
.page-message-booking-list .list-holder .tel {
	width: 20%;
}
.page-message-booking-list .list-holder .add {
	width: 20%;
}
.page-message-booking-list .list-holder .time {
	width: 40%;
}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
.page-message-join {
	width: 100%;
}
.page-message-join .name {
	float: left;
	width: 49%;
	height: 50px;
}
.page-message-join .phone {
	float: right;
	width: 49%;
	height: 50px;
}
.page-message-join .province {
	float: left;
	width: 49%;
	height: 50px;
}
.page-message-join .city {
	float: right;
	width: 49%;
	height: 50px;
}
.page-message-join .text {
	clear: both;
	width: 100%;
	height: 130px;
}
.page-message-join .submit {
	width: 100%;
	height: 50px;
}
.page-message-join li {
	position: relative;
}
.page-message-join li i {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 40px;
	line-height: 40px;
	font-size: 12px;
	color: #FF8800;
}
.page-message-join li span {
	display: none;
	position: absolute;
	top: -40px;
	left: 20px;
	height: 36px;
	padding: 10px;
	line-height: 14px;
	font-size: 12px;
	color: #FF8800;
	background-color: #FFFFCC;
	border: 1px solid #FF8800;
}
.page-message-join input[type="text"] {
	display: block;
	width: 100%;
	height: 40px;
	padding: 9px 49px 9px 9px;
	line-height: 20px;
	font-size: 14px;
	border: 1px solid #ccddff;
}
.page-message-join select {
	display: block;
	width: 100%;
	height: 40px;
	padding: 9px;
	line-height: 20px;
	font-size: 14px;
	border: 1px solid #ccddff;
}
.page-message-join textarea {
	display: block;
	width: 100%;
	height: 120px;
	padding: 9px;
	line-height: 20px;
	font-size: 14px;
	border: 1px solid #ccddff;
}
.page-message-join input[type="submit"] {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #FFF;
	font-size: 18px;
	text-align: center;
	background-color: #2daa5a;
	cursor: pointer;
}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
.page-message-online {
	width: 100%;
}
.page-message-online .name {
	float: left;
	width: 49%;
	height: 50px;
}
.page-message-online .phone {
	float: right;
	width: 49%;
	height: 50px;
}
.page-message-online .province {
	float: left;
	width: 49%;
	height: 50px;
}
.page-message-online .city {
	float: right;
	width: 49%;
	height: 50px;
}
.page-message-online .text {
	clear: both;
	width: 100%;
	height: 130px;
}
.page-message-online .submit {
	width: 100%;
	height: 50px;
}
.page-message-online li {
	position: relative;
}
.page-message-online li i {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 40px;
	line-height: 40px;
	font-size: 12px;
	color: #FF8800;
}
.page-message-online li span {
	display: none;
	position: absolute;
	top: -40px;
	left: 20px;
	height: 36px;
	padding: 10px;
	line-height: 14px;
	font-size: 12px;
	color: #FF8800;
	background-color: #FFFFCC;
	border: 1px solid #FF8800;
}
.page-message-online input[type="text"] {
	display: block;
	width: 100%;
	height: 40px;
	padding: 9px 49px 9px 9px;
	line-height: 20px;
	font-size: 14px;
	border: 1px solid #ccddff;
}
.page-message-online select {
	display: block;
	width: 100%;
	height: 40px;
	padding: 9px;
	line-height: 20px;
	font-size: 14px;
	border: 1px solid #ccddff;
}
.page-message-online textarea {
	display: block;
	width: 100%;
	height: 120px;
	padding: 9px;
	line-height: 20px;
	font-size: 14px;
	border: 1px solid #ccddff;
}
.page-message-online input[type="submit"] {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #FFF;
	font-size: 18px;
	text-align: center;
	background-color: #2daa5a;
	cursor: pointer;
}