@CHARSET "UTF-8";
*{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;color:#7f7f7f;}
img{border:none;}
a{text-decoration:none;}
body{ background-color:#e5e5e5; font-size:13px; }
#main{ width:950px;margin:auto;}
#wap{width:950px;float:left;}
#left_content{width:250px;float:left;margin-top:20px;}
#right_content{width:700px;float:left;margin-top:20px;}
#left_pannel{margin-left:5px;background:#ffffff;width:240px;float:left;}
#right_pannel{background:#ffffff;float:left;width:690px;margin-left:5px;padding:10px 0px 10px 0px;}
#logo{text-align:center;padding:15px 0px 15px 0px;}
.blue_bar{width:100%;background-color:#74c9df;padding:10px 0px 10px 0px;clear:both;float:left;}
.blue_bar strong{margin-left:5px; color:#FFFFFF;float:left;}
.gary_bar{width:100%;background-color:#7f7f7f;padding:10px 0px 10px 0px;clear:both;float:left;}
.gary_bar strong{margin-left:5px; color:#FFFFFF;vertical-align:top;float:left;}
.frm_style{color:#7F7F7F;float:left;width:240px;padding:10px 0px 10px 0px;background:#ffffff;}
.frm_style span{width:80px;float:left;margin-left:15px;}
.frm_style select{width:135px;}
.frm_style input[type="text"]{width:130px;}
.frm_style p{margin-top:10px;}
.gray_b{background:#f2f2f2;width:230px;float:left;padding:10px 0px 10px 0px;margin:5px 0px 5px 0px;}
.seeall{color:#FFFFFF;float:right;margin-right:10px;}
.seeall:hover{color:#F2931E;}
#main_menu{float:left;}
#main_menu ul{ list-style:none;padding-left:0px;}
#main_menu li{display:inline;color:#74C9DF;}
#main_menu ul li a{margin-left:15px;margin-right:15px;color:#74C9DF;font-weight:800;font-size:16px;}
#main_menu ul li a:hover{color:#7F7F7F;}
#menu_lang{float:right;}
.link_org{color:#f2931e;}
.link_des{color:#7f7f7f;margin-left:10px;margin-right:10px;font-weight:100;}
#banner{background:url(bg_image.png) top center no-repeat;clear:both;height:360px;text-align:center;}
#center_content{width:450px;margin-left:15px;float:left; }
#center_content_panel{width:440px;margin-left:5px;background:#ffffff;float:left; }
.list_resort{padding:10px 10px 10px 10px;}
.list_resort ul{list-style:none;}
.list_resort li{clear:both;}
.list_resort .img_resort{background:url(bg_resort.png) no-repeat left top;width:150px;height:150px;float:left;}
.list_resort .img_resort img{width:125px;height:125px;margin-left:8px;margin-top:8px;float:left;}
.list_resort .resort_data{float:right;width:270px;}
.list_resort .resort_data h3{color:#f79515;padding-top:5px;}
.list_resort .resort_data hr{color:#E6DFE0;}
.blue_link{color:#74C9DF;}
.blue_link:hover{color:#F79515;}
#center_content_right{float:left;width:210px;float:left;}
#center_content_right_panel{float:left;width:200px;margin-left:5px;float:left;}
.resort_recom{background:#fff;float:left;width:190px;margin-left:5px;}
.resort_recom ul{list-style:none;}
.resort_recom ul li{border-bottom:#E6DFE0 1px solid;}
.resort_recom .img_re{background:url(bg_resort.png) no-repeat left top;width:150px;height:140px;margin-left:25px;}
.resort_recom .img_re img{width:125px;height:125px;margin-left:8px;margin-top:8px;float:left;}
.resort_recom p{padding:5px 10px 5px 10px;}
.resort_recom  h3{color:#f79515;padding-top:5px;margin-left:10px;font-size:14px;}
.resort_recom  hr{color:#E6DFE0;}
#footer{clear:both;background:#999;margin-bottom:20px;margin-top:20px;float:left;width:950px;}
#foot_logo{width:250px;float:left;}
#foot_address{width:450px;float:left;}

#foot_address ul{list-style:none;}
#foot_address ul li{display:inline; color:#F4F4F4;}
#foot_address ul li a{color:#f4f4f4;font-weight:800;font-size:13px;margin-right:10px;margin-left:10px;}
#foot_address ul li a:hover{color:#F79515;}
#foot_right{width:250px;float:left;}
#hotel_detial{	width:680px;float:left;margin-top:24px;margin-left:10px;}
#hotel_panel{background:#ffffff;width:670px;margin-left:5px;float:left;}
#logo_hotel{float:left;width:300px;text-align:center;}
#address_hotel{float:left;width:350px;padding:15px 0px 15px 0px;}
.h_name{color:#F2931E;font-size:19px;font-weight:800;}
#room_list{width:100%;float:left;}
#room_list ul{list-style:none;}
#room_list .gray{background:#f2f2f2;float:left;margin-bottom:5px;}
#room_list .white{background:#fff;float:left;margin-bottom:5px;}
#room_list .img_left{background:url(bg_resort.png) no-repeat left top;width:150px;height:150px;float:left;}
#room_list .img_left img{width:125px;height:125px;margin-left:8px;margin-top:8px;float:left;}
.content_room{width:460px;float:right;padding:10px 10px 10px 10px;}
.content_room h2{color:#74C9DF;font-size:18px;font-weight:500;}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #eaeaea;
	border-left: 1px solid #eaeaea;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #eaeaea;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #74c9df;
}

ul.tabs li a {
	text-decoration: none;
	color: #fff;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #eaeaea; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active a{color:#F2931E;}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #eaeaea;
	border-bottom: 1px solid #eaeaea /*--Makes the active tab look like it's connected with its content--*/
	
}
.tab_container {
	border: 1px solid #eaeaea;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 10px;
	
}