@charset "utf-8";


@media (max-width: 1280px){

/*.img_body{background-color:#fff;
		  margin-bottom:0px;
		  border-radius:5%;
		  text-align:center;
		  width:20%;
		  margin:10px 25px;
		  }
*/

.thumbnail a > img {  height:168px ;}
	
}
@media (max-width: 1200px){
.thumbnail_tour {
   
    width: 100%;
    height: 407px;}
.thumbnail a > img {  height:168px ;}
	
	.logo a img {
    width: 224px;
    margin-top: -12px;
}
.logo-banner img { width:715px;
		margin-top: -143px;
	}
.top-nav ul li a {
  font-size: 14px;
  color:#fff;
  text-decoration: none;
  display: block;
  width:auto;
  height:40px;
  text-align: center !important;
  transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	padding-left: 14px;
padding-right: 15px;
}



/********** room detail *********/

.room_detail_detail{
	color: white;
	border-radius:10px;
	font-size: 23px;
	padding:20px;
	background-color:#564F45;
	}

.room_detail_description{
	width:auto;
	height:auto;
	overflow:hidden;
	line-height:20px;
	margin-left:0px;
	margin-right:20px;
	margin-top:10px;
	}
.description_p{
	width: 100%;
	height:auto;
	font-size:15px;
	color:#000;
	padding-left:20px;
	line-height:25px !important;
	}
.description_p_page{
	width: 100%;
	height:auto;
	font-size:15px;
	color:#000;
	padding-left:20px;
	line-height:25px !important;
	}
.box_info{
	width: 100%;
	height:auto;
	overflow:hidden;
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-top:20px;
	}
.box_info_location{
	width: 100%;
	height:auto;
	overflow:hidden;
	margin-left:0px !important;
	margin-right:0px !important;
	margin-top:10px;
	font-size:14px;
	}
.info_title{
	width: 38% !important;
	
	}
.info_s{
	width: 100%;
	height:auto;
	font-size:16px;
	color:#FFF;
	float:left;
	}
.info_input{
	width: 48% !important;
	font-size: 16px !important;

	}

				
}
@media (max-width: 1024px){


}
@media (max-width: 991px){
.thumbnail_inner {
   
    width: 100%;
    height: 392px;}	
.thumbnail_tour {
   
    width: 100%;
    height: 420px;}
.thumbnail a > img {  height:222px ;}

	.logo a img {
    width: 190px;
    margin-top: -12px;
	float:left;
}
.logo-banner img { width:527px;
					margin-top: -12px;
					float:right;
	}
	.header-left{
	float:none;
	margin-bottom:20px;
	margin-top:20px;
	text-align:center;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}
.header-right {
    float: none;
    margin-top: 10px;
    margin-bottom: 10px;
}
.top-nav {
    margin-bottom: 10px;}
.top-nav ul li a {
  font-size: 14px;
  color:#fff;
  text-decoration: none;
  display: block;
  width:auto;
  height:40px;
  text-align: center !important;
  transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	padding-left: 3px;
	padding-right: 3px;
}


/********** room detail *********/

.room_detail_detail{
	color: white;
	border-radius:10px;
	font-size: 23px;
	padding:20px;
	background-color:#564F45;
	}

.room_detail_description{
	width:auto;
	height:auto;
	overflow:hidden;
	line-height:20px;
	margin-left:0px;
	margin-right:20px;
	margin-top:10px;
	}
.description_p{
	width: 100%;
	height:auto;
	font-size:15px;
	color:#000;
	padding-left:20px;
	line-height:25px !important;
	}
.description_p_page{
	width: 100%;
	height:auto;
	font-size:15px;
	color:#000;
	padding-left:20px;
	line-height:25px !important;
	}
.box_info{
	width: 100%;
	height:auto;
	overflow:hidden;
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-top:20px;
	}
.box_info_location{
	width: 100%;
	height:auto;
	overflow:hidden;
	margin-left:0px !important;
	margin-right:0px !important;
	margin-top:10px;
	font-size:14px;
	}
.info_title{
	width: 38% !important;
	
	}
.info_s{
	width: 100%;
	height:auto;
	font-size:16px;
	color:#FFF;
	float:left;
	}
.info_input{
	width: 48% !important;
	font-size: 16px !important;

	}

		
			
}
@media (max-width:768px){
.thumbnail_tour {
   
    width: 100%;
    height: 420px;}
.thumbnail_inner {
   
    width: 100%;
    height: 410px;}	
.thumbnail a > img { width:100%; height:220px ;}
	
.logo-banner img { width:530px;
					margin-top: -12px;
					float:right;
	}
.top-nav ul li a {
  font-size: 14px;
  color:#fff;
  text-decoration: none;
  display: block;
  width:auto;
  height:40px;
  text-align: center !important;
  transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	padding-left: 3px;
padding-right: 3px;
}


/********** room detail *********/

.room_detail_detail{
	color: white;
	border-radius:10px;
	font-size: 23px;
	padding:20px;
	background-color:#564F45;
	}

.room_detail_description{
	width:auto;
	height:auto;
	overflow:hidden;
	line-height:20px;
	margin-left:0px;
	margin-right:20px;
	margin-top:10px;
	}
.description_p{
	width: 100%;
	height:auto;
	font-size:15px;
	color:#000;
	padding-left:20px;
	line-height:25px !important;
	}
.description_p_page{
	width: 100%;
	height:auto;
	font-size:15px;
	color:#000;
	padding-left:20px;
	line-height:25px !important;
	}
.box_info{
	width: 100%;
	height:auto;
	overflow:hidden;
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-top:20px;
	}
.box_info_location{
	width: 100%;
	height:auto;
	overflow:hidden;
	margin-left:0px !important;
	margin-right:0px !important;
	margin-top:10px;
	font-size:14px;
	}
.info_title{
	width: 38% !important;
	
	}
.info_s{
	width: 100%;
	height:auto;
	font-size:16px;
	color:#FFF;
	float:left;
	}
.info_input{
	width: 48% !important;
	font-size: 16px !important;

	}


}



@media (max-width: 668px){
	

}
@media (max-width:640px){



}

@media only screen and (max-width: 310px) {

}
@media (max-width: 600px){

}

@media (max-width:747px){
.logo-banner img { width:516px;
					margin-top: -12px;
					float:right;
	}
.top-nav ul li a {
  font-size: 14px;
  color:#fff;
  text-decoration: none;
  display: block;
  width:auto;
  height:40px;
  text-align: center !important;
  transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	padding-left: 2px;
padding-right: 2px;
}


}
@media (max-width:735px){
/*.logo-banner img { width:515px;
					margin-top: -12px;
					float:right;
	}
.top-nav ul li a {
  font-size: 14px;
  color:#fff;
  text-decoration: none;
  display: block;
  width:auto;
  height:40px;
  text-align: center !important;
  transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	padding-left: 2px;
padding-right: 2px;
}*/


}
@media (max-width: 734px){
	.logo-banner img { width: 513px;
margin-top: 26px;
float: right;
	}
	span.menu {
	  display: block;
	  cursor: pointer;
	  width: 100%;
	  position: relative;
	  text-align: right;
	  margin:7px 0 0;
	}
	span.menu img{
		width:70px;
	}
	ul.nav {
	  display: none;

	  margin-top:0px;
	}
	.top-nav ul {
	  position: absolute;
	  padding: 1em 0;
	  margin: 6px 0 0;
	  left: 2%;
	  width: 96%;
	  z-index: 999;
	  text-align:center;
	}
	.top-nav ul.nav li {
	  display: inline-block;
	  margin: 0;
	  text-align: center;
	}
	.top-nav ul li a.active, .top-nav ul li a:hover{
	}

	.top-nav ul li a i {
		display: none;
	}
	.top-nav ul li a {
		color: #fff;
		display:block;;
		height:40px;
		text-align:center;
		line-height:20px;
		width:350px;
		text-align:center;
		font-size:14px;
	}
	.top-nav ul.nav1 li {
	}
	
/********** room detail *********/

.room_detail_detail{
	color: white;
	border-radius:10px;
	font-size: 23px;
	padding:20px;
	background-color:#564F45;
	}

.room_detail_description{
	width:auto;
	height:auto;
	overflow:hidden;
	line-height:20px;
	margin-left:0px;
	margin-right:20px;
	margin-top:10px;
	}
.description_p{
	width: 100%;
	height:auto;
	font-size:15px;
	color:#000;
	padding-left:20px;
	line-height:25px !important;
	}
.description_p_page{
	width: 100%;
	height:auto;
	font-size:15px;
	color:#000;
	padding-left:20px;
	line-height:25px !important;
	}
.box_info{
	width: 100%;
	height:auto;
	overflow:hidden;
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-top:20px;
	}
.box_info_location{
	width: 100%;
	height:auto;
	overflow:hidden;
	margin-left:0px !important;
	margin-right:0px !important;
	margin-top:10px;
	font-size:14px;
	}
.info_title{
	width: 38% !important;
	
	}
.info_s{
	width: 100%;
	height:auto;
	font-size:16px;
	color:#FFF;
	float:left;
	}
.info_input{
	width: 48% !important;
	font-size: 16px !important;

	}

}
@media only screen and (max-width: 732px) {
	
	.logo a img {
    width: 190px;
    margin-top: -12px;
    float:none;
	box-shadow: #CCC 0px 0px 0px 0px;
    margin-top: 10px;
    padding-top: 20px;
	display:inherit;
	vertical-align:central;
}




/********** room detail *********/

.room_detail_detail{
	color: white;
	border-radius:10px;
	font-size: 23px;
	padding:20px;
	background-color:#564F45;
	}

.room_detail_description{
	width:auto;
	height:auto;
	overflow:hidden;
	line-height:20px;
	margin-left:0px;
	margin-right:20px;
	margin-top:10px;
	}
.description_p{
	width: 100%;
	height:auto;
	font-size:15px;
	color:#000;
	padding-left:20px;
	line-height:25px !important;
	}
.description_p_page{
	width: 100%;
	height:auto;
	font-size:15px;
	color:#000;
	padding-left:20px;
	line-height:25px !important;
	}
.box_info{
	width: 100%;
	height:auto;
	overflow:hidden;
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-top:20px;
	}
.box_info_location{
	width: 100%;
	height:auto;
	overflow:hidden;
	margin-left:0px !important;
	margin-right:0px !important;
	margin-top:10px;
	font-size:14px;
	}
.info_title{
	width: 38% !important;
	
	}
.info_s{
	width: 100%;
	height:auto;
	font-size:16px;
	color:#FFF;
	float:left;
	}
.info_input{
	width: 48% !important;
	font-size: 16px !important;

	}

}
@media only screen and (max-width: 448px) {
	
	.logo a img {
    width: 190px;
    float:none;
	box-shadow: #CCC 0px 0px 0px 0px;
    margin-top: 0px !important;
    padding-top:0px !important;
	display:inherit;
	vertical-align:central;
}

.logo-banner img {
   
    margin-top: 0px;
}

/*========= Register================================*/
.re_header{
	margin:0 auto;
	padding:10px 0px;
	width: 100%;
	text-align:center;
	background:#564F45;
	border:1px solid #564F45;
	border-radius:5px;
/*	margin-top:10px;*/
	margin-bottom:10px;
	color:#FFF;
	font-size:20px;
	}
.re_message{
	margin:0 auto;
	width: 100%;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	color:#009;
	}
.re_content{
	margin:0 auto;
	width: 100%;
	border:1px solid 2E2A25;
	border-radius:5px;
	background:#564F45;
	margin-bottom:10px;
	color:#541b0b;
	}
.re_content .re_input {
	padding: 15px 15px 5px 15px;
	}
.input-group input{
	width: 100%;
}
.re_content .re_input input{
	width: 100%;
	padding:8px 0px 8px 30px;
	border-radius:3px;
	border:1px solid#ddd;
	}
.re_input_custom{
	width: 100%;
	padding: 8px 15px 8px 15px;

	}
.re_content .re_input textarea{
	width: 100%;
	height:100px;
	padding:8px 0px 8px 30px;
	border-radius:3px;
	border:1px solid#ddd;
	}
#re_name{
	margin-top:10px;
	position:absolute;
	margin-left:10px;
	}
.re_content .re_submit{
	padding:15px 0px 5px 30px;
	}
.re_content .re_submit input{
	width:100px;
	padding:8px 0px;
	border-radius:3px;
	border:0px;
	background:#a30909 ;
	color:#fff;
	cursor:pointer;
	}
 .myhover:hover {
	
	background:#f92728 !important ;
	color:#fff;
	cursor:pointer;
	}

.re_content .re_submit a{
	border:1px solid#ccc;
	padding:9px 25px;
	text-decoration:none;
	margin-left:20px;
	background:#a30909 ;
	color:#fff;
	font-size:14px;
	border-radius:3px;
	border:0px;
	}
	
.re_content .re_submit a:hover{

	background:#f92728 ;

	}





/********** room detail *********/

.room_detail_detail{
	color: white;
	border-radius:10px;
	font-size: 23px;
	padding:20px;
	background-color:#564F45;
	}

.room_detail_description{
	width:auto;
	height:auto;
	overflow:hidden;
	line-height:20px;
	margin-left:0px;
	margin-right:20px;
	margin-top:10px;
	}
.description_p{
	width: 100%;
	height:auto;
	font-size:15px;
	color:#000;
	padding-left:20px;
	line-height:25px !important;
	}
.description_p_page{
	width: 100%;
	height:auto;
	font-size:15px;
	color:#000;
	padding-left:20px;
	line-height:25px !important;
	}
.box_info{
	width: 100%;
	height:auto;
	overflow:hidden;
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-top:20px;
	}
.box_info_location{
	width: 100%;
	height:auto;
	overflow:hidden;
	margin-left:0px !important;
	margin-right:0px !important;
	margin-top:10px;
	font-size:14px;
	}
.info_title{
	width: 38% !important;
	
	}
.info_s{
	width: 100%;
	height:auto;
	font-size:16px;
	color:#FFF;
	float:left;
	}
.info_input{
	width: 48% !important;
	font-size: 16px !important;

	}


}