﻿/*******************************/
/*全局字体样式设置*/
.container{
	font-family:Tohama Verdana Arial;
}
/*******************************/
/*下面是订单步骤标检样式*/
li.step1,li.step2,li.step3,li.step4,li.current1,li.current2,li.current3,li.current4{
	float:left;
	margin:0px;
	margin-right:60px;
	padding:2px;
	list-style-type:decimal;
	color:#AD8E6C;
}
li.step1{
	
}
li.step2{
	
}
li.step3{
	
}
li.step4{
	
}
li.current1{
	font-weight:bolder;
	border:1px solid #FDEDBC;
	color:#7D5C39;
	background-color:#FDEDBC;
}
li.current2{
	font-weight:bolder;
	border:1px solid #FDEDBC;
	color:#7D5C39;
	background-color:#FDEDBC;
}
li.current3{
	font-weight:bolder;
	border:1px solid #FDEDBC;
	color:#7D5C39;
	background-color:#FDEDBC;
}
li.current4{
	font-weight:bolder;
	border:1px solid #FDEDBC;
	color:#7D5C39;
	background-color:#FDEDBC;
}
/*******************************/
/*查询条件区域中的上下两条横线*/
#queryForm .form{
	border-top:1px solid #D3B684;
	border-bottom:1px solid #D3B684;
	margin-left:12px;
	margin-bottom:15px;
	width:98%;
}
#queryForm .form table{ width:98%; margin-left:16px;}
/*******************************/
/*所有的四方框*/
.roomtype,.package,#price table,#basicInfo,#serviceInfo,#personalInfo,#guestInfo,#corpInfo,#paymentInfo,#chargeInfo,#bookResult{
	border:1px solid #E2D0A8;
	width:98%;
	margin-left:0px;
}
/*******************************/
/*******************************/
/*所有的横向(虚线)*/
.rates {
	border-top:1px dotted #E2D0A8;
}
#packages h3,#bookOrder h2,#bookOrder h3{
	border-bottom:1px dotted #E2D0A8;
}
/*******************************/
/*所有的图片旁边坚(虚线)*/
.roomtype_img,#packages .pkg_img{
	border-right:1px dotted #E2D0A8;
}
/*******************************/
/*页面中的按钮*/
#queryForm .button{				/*查询按钮*/
	border:1px solid #C38F2C;
	width:50px;
	background-color:#EFC86B;
	CURSOR: hand;
}
.btn{				/*预订按钮*/
	border:1px solid #C38F2C;
	background-color:#EFC86B;
	CURSOR: hand;
}
#toolbar .goto_book{			/*继续预订*/
}
#toolbar .backto_query{			/*返回查询*/
}
#toolbar .commit_form{			/*提交订单*/
}
#toolbar .backto{				/*返回前一页面*/
}
#toolbar .order_complete{		/*预订完成*/
}
#toolbar .error_back{			/*出错页面中的返回*/
}
/*******************************/
/*所有方框内的一级标题,全局的,若有地方特殊再单独设置*/
#bookResult h2,.roomtype h2,#bookOrder h2{
	
}
/*******************************/
/*价格详情中的标题*/
#rateDetail h1{
	
}
#rateDetail h2{
	
}
#rateDetail h3{
	
}
/*******************************/
/*预订须知中的标题*/
#bookingNote h2{
	
}
/*******************************/
/*******************************/
/*有房无房设置*/
.rates .exist_room{
	color:green;
}
.rates .none_room{
	color:#d94168;
}
/*******************************/
/*******************************/
/*输入查询条件的标题*/
#queryForm h2{
	padding-left:16px;
}
/*房型标题和描述*/
.roomtype h2{
	padding-left:16px;
}
.roomtype .description{
}
/*详情中详情链接,预订链接,表示无效时的预订字符*/
a.a_detail{
}
a.a_book{
}
span.unavailabe_book{
	text-decoration:line-through;
}
/*******************************/
/*******************************/
/*预订须知中的双横线*/
#bookingNote .note,#bookingNote .text{
	width:90%;
	margin-left:12px;
	border:0px;
	border-bottom:3px double #E2D0A8;
}
/*******************************/
/*网上支付的链接*/
#bookResult .a_webpay{
	color: blue;
}
/*******************************/
/************返回主页************/
#a_back_home{
	position:absolute;
	top:4px;
	right:5px;
	border:1px solid #ddd;
	padding:3px;
}
/*******************************/

h1{
	font-size:16px;
}
h2{
	font-size:14px;
}
h3{
	font-size:12px;
}
h4{
	font-size:12px;
}
h2,h3{
	margin:0px;
	margin-bottom:2px;
}
input,select,textarea{
	font-size:12px;
}
a{
	text-decoration:underline;
	color:#A97B7B;
}
a:hover{
	text-decoration:underline;
	cursor:pointer;
	color:#000;
}
select{
	border:1px solid #ddd;
	padding:2px;
	width:107px;
	height:18px;
}
textarea{
	border:1px solid #ddd;
	height:100px;
	width:300px;
}
.required{
	margin-left:-0.5em;
	color:#d94168;
}
.webDiscount{
	color:#d94168;
}
.text{
	border:1px solid #ddd;
	padding-right:5px;
	height:1em;
	width:100px;
}
.totalAmount{
	border-top:1px solid #ddd;
	text-align:right;
	padding-right:20px;
}
div.clear{
	clear:both;
}
span.note{
	color:#bbb;
}
.container{
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	width:600px;
	color:#404040;
	font-size:12px;
}
#navigator{
	border-bottom:1px dotted #E5C87B;
	margin-bottom:30px;
	width:98%;
	margin-left:15px;
	margin-right:auto;
	padding-bottom:2px;
}
#toolbar{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	width:240px;
	text-align:center;
}
#toolbar input{
	border:1px solid #aaa;
	width:110px;
}
#queryForm{
	padding:0px;
}
#queryForm table{
	width:98%;
	margin:0px;
}
#queryForm td{
	padding-top:5px;
	padding-bottom:5px;
}
#queryForm label{
	width:100px;
	margin:0px;
}
#queryForm input{
	border:1px solid #ddd;
	padding:2px;
	width:100px;
}
.roomtype,#basicInfo,#serviceInfo,#personalInfo,#guestInfo, #corpInfo,#paymentInfo,#chargeInfo,#bookResult{
	margin-bottom:10px;
	padding:5px;
	padding-bottom:20px;
	position:relative;
}
.roomtype .description{
	text-indent:2em;
	margin-top:2px;
	margin-bottom:2px;
}
.rates {
	margin:0px;
	padding:5px;
}
.rates p {
	float: left;
	margin:0px;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
}
.roomtype_img{
	margin-right:0px;
	width:110px;
	text-align:center;
}
.roomtype_img img:hover{
	cursor:pointer;
}
.rates table{
	width:100%;
}
.rates th{
	text-align:left;
}
.rates td{
	text-align:left;
}
.rates .c1 {
width:120px;
}
.rates .c2{
	width:120px;
}
.rates .c3,.rates .c5{
	width:50px;
}
.rates .c4{
	width:60px;
}
.rates .content{
}
.rates .none_room{
	color:#d94168;
}

/*###########################*/
#bookingNote h2{
	font-size:14px;
	padding:0px;
	margin-left:12px;
	margin-bottom:2px;
	border:0px;
}
#bookingNote .note{
	text-indent:2em;
}
#bookingNote .text{
	padding-left:10px;
	height:300px;
	overflow:auto;
	width:90%;
}

/*###########################*/
#stayInfo,#rateInfo,#meal-bed,#package{
	padding-left:10px;
	padding-top:10px;
	margin-bottom:20px;
}
#stayInfo .a_modify{
	float:right;
}
#stayInfo table,#rateInfo table,#package table{
	margin-left:0px;
}
#package table{
	width:550px;
}
#stayInfo td,#rateInfo th,#rateInfo td,#package td,#guestInfo td,#personalInfo td,#corpInfo td,#chargeInfo th,#chargeInfo td{
	text-align:left;
	padding-left:1em;
}
#rateInfo th,#chargeInfo th{
	background-color:#E3CD9B;
}
#meal-bed input,#package input.text{
	text-align:right;
	width:100px;
}
#meal-bed span{
	padding-left:2em;
}
#package input.text{
	width:50px;
}
#package select{
	width:58px;
}
#package .pkg-amount{
	width:80px;
}
#personalInfo input.text{
	width:160px;
}
#guestInfo table,#personalInfo table,#corpInfo table,#chargeInfo table{
	margin-left:20px;
}
#personalInfo td{
	vertical-align:top;
}
#guestInfo input.text{
	margin-right:30px;
}
#payments{
	margin-left:30px;
}
#creditInfo p{
	width:200px;
	float:left;
}
#creditInfo p span{
	display:block;
	height:25px;
}
#creditInfo table{
	margin-left:20px;
}
#webPay div,#telegraphic div{
	margin-left:30px;
}
#guarantee{
	margin-left:30px;
	margin-bottom:10px;
	border:1px dashed #dde;
	background-color:#dde;
	width:300px;
	padding:5px;
}
#guarantee p{
	margin:0px;
	padding:0 0 0 2em;
	text-indent:-1em;
}
#guarantee p strong{
	font-size:13px;
}

/*###########################*/

#bookResult p{
	margin-left:30px;
}

/*###########################*/
#rateDetail .container{
	width:526px;
}
#price{
	margin-bottom:30px;
}
#price table{
	margin-left:20px;
	width:500px;
}
#price th,#price td{
	text-align:left;
	padding-left:10px;
	padding-bottom:10px;
}

#packages .package{
	margin-left:20px;
	margin-bottom:10px;
	width:480px;
	padding:10px;
	padding-bottom:2px;
}
#packages h3{
	margin-bottom:5px;
	margin-top:5px;
}
#packages h4{
	margin-top:5px;
}
#packages h3 .required{
	color:red;
	margin:0;
}
#packages .pkg_img{
	height:104px;
	width:104px;
	padding:2px;
	margin:0px;
	margin-right:10px;
	text-align:center;
	float:left;
}
#packages p{
	margin-top:0px;
	text-indent:2em;
}
/*view order*/
#orderView #header p{
	color:#FC8002;
	margin-bottom:15px;
	border-bottom:3px double #666;
}
#orderView #content{
	padding-left:20px;
}
#orderView #content h2{
	font-size:12px;
	margin:0 0 0 -20px;	
	border-bottom:1px solid #666;
}
#orderView #content div{
	margin:0 0 30px 0;	
}
#orderView #content table{
	text-align:left;	
}
#orderView #content th{
	background:#ddd;	
	padding-right:20px;
}
#orderView #content td{
	padding-right:20px;
	vertical-align:top;
}
#orderView #content p{
	margin-top:2px;
}
#orderView #a_print{
	float:right;
	text-decoration:underline;;
	background-image:url(../../images/icon/printer.png);
	background-repeat:no-repeat;
	padding-left:19px;
	color:#000;
}
#orderView #a_print:hover{
	color:red;
}
@media print{
	#a_print{
		display:none;
	}
}
#right_page .content_box h2,#right_page .content_box_news h2.h2_new{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:32px;
	line-height:32px;
	font-size:16px;
	font-weight:bold;
	color:#442614;
	text-indent:12px;
	background:#E2CA9D;
			}
				
		#right_page .content_box h3,#right_page .content_box_news .news_title{
			text-align:center;
			margin:0 auto;width:90%;
			font-size:14px;font-family:Arial,Helvetica,sans-serif;
			border-bottom:1px solid #D3B991;
			}
		#right_page .content_box h4,#right_page .content_box_news .news_date{
			text-align:center;
			margin:0 auto;width:90%;
			font-size:12px;font-weight:400;font-family:Arial,Helvetica,sans-serif;
			border-top:1px solid #fff;
			}
		#right_page .content_box h5 {
			margin:0 0 0 0;padding:5px 20px 0 20px;
			text-decoration:underline;
			color:#996623;font-size:12px;font-weight:bold;
			}

#in_page1 {
	background:#F8F0DC;
	}
.price{ color:red;}
