@charset "utf-8";
/*@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);* /
@import url(https://fonts.googleapis.com/css?family=Arimo);

/* CSS Document * /
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
*/
@media screen and (max-width:1199px){
	
	.icon_sosmed img{
		margin:0px 5px 0px 5px;
		width:30px;
	}
	.shadow_on_mobile{
		box-shadow:0px 1px 3px #666;
	}
   .img_deft {
		width:50%;
		float:left;
		margin:0px 30px 30px 0px; 
		height:auto;
	}
	.img_deft img{
		width:100% !important;
		float:left;
	}
	/* form */
	.form_contact{
		width:100%;
		float:left;
		margin:0px;
	}
	.box_input{
		padding:0px 0px 10px 0px;
		margin:0px 0px 10px 0px;
		
		float:left;
		width:100%;
	}
	.box_input_header{
		padding:10px 0px 10px 0px;
		float:left;
		width:100%;
		 
	}

	.box_input_no{

		padding:0px 0px 10px 0px;
		margin:0px 0px 0px 0px;
		float:left;
		width:100%;
	}
	.label_form{
		float:left;
		width:120px;
	}
	.field_form{
		float:left;
		width:100%;	
	}
	.input_field{
		width:100%;
		border:solid 1px #ddd;
		padding:5px;
	}
	.label_form_x{
		float:left;
		width:120px;
		text-align:left;
		padding:0px 0px 5px 0px;
		
	}
	.field_form_x{
		float:left;
		width:100%;		
	}
	.input_field_book{
		float:left;
		width:418px;
		border:solid 1px #ddd;
		padding:5px;
	}
	.input_field_b{
		float:left;
		width:330px;
		border:solid 1px #ddd;
		padding:5px;
	}
	.gallery_dtl_outter{
		width:270px;
		height:auto;
		margin:0px 30px 30px 0px;
		float:left;
		padding:0px;
		 
	 
	}
	.gallery_dtl_outter_b{
		width:270px;
		height:auto;
		margin:0px 30px 30px 0px;
		float:left;
		padding:0px;
		 
	 
	}
	.gallery_dtl_outter_r{
		width:270px;
		height:auto;
		margin:0px 0px 30px 0px;
		float:left;
		padding:0px;
	}

	.gallery_dtl_in{
		width:270px;
		height:180px;
		 text-align:center;
		float:left;	
		padding:0px;
		overflow:hidden;
		margin:0px 0px 0px 0px;
	}
	.gallery_dtl_in img{
		float:left;
		width:100%;
	}
	.gallery_text{
		padding:10px;
		margin-bottom:10px;
		float:left;
		width:100%;
		height:60px;
	 
	}
	/* menu right*/
	ul.ulnav_side{
	margin:0px;
	padding:0px;
}
ul.ulnav_side li{
	list-style:none;
	float:left; 
	width:100%;
	background:url(../tm_design/ulicon.png) no-repeat left center;
	padding:0px 0px 0px 10px;
}
ul.ulnav_side li a{
	padding:2% 4%;
	display:block;
}
ul.ulnav_side li.lisub a{
	width:90%;	
	float:left;
	padding:2% 4%;
	display:block;
}
ul.ulnav_side li.lisub span{
	width:10%;
 	float:left;
	padding:2% 0%;
 	text-align:center;
}
ul.ulnav_side li.lisub ul{
	 
	display:none;
	margin:0px 0px 0px 4%;
	width:96%;
 	padding:0px;
}
ul.ulnav_side li.lisub ul li a{
	width:100%;	
}
	/* end menu right*/
	/* start list hotel */
.post_outter_hotel{
	width:100%;
	float:left;
	padding-bottom:20px;
	margin-bottom:20px;
	
}
.post_img_hotel{
	width:60px;
	height:60px;
	overflow:hidden;
	margin:0px 16px 0px 0px;
	padding:0px;
	border-radius:6px;
}
.post_img_in_hotel{
	width:60px;
	height:60px;
	overflow:hidden;
}
.post_img_in_hotel img{
	 margin:0px 0px 0px -50%;
 width:200%;
}
a.post_link_hotel{
	font-size:18px;
	 
	color:#666 !important;
}
a.post_link_hotel:hover{
	color:#00B2F8 !important;
}
.post_outter_hotel p{
	margin:0px;
}
.psummary{
	margin:8px 0px;
}
/* end list hotel */
.sub_box_right{
	width:100%;
}
.sub_box_left{
		position:absolute;
		background:#fff;
		width:100%;
		padding:2% 4%;
		left:0px;
		display:none;
		z-index:100;
}
ul.ulnav_acc{
		margin:0px;
		padding:0px;
		
		
	}
ul.ulnav_acc li{
	list-style:none;
	float:left; 
	width:100%;
	border-bottom:solid 1px #f5f5f5;
	
}
ul.ulnav_acc li a{
	padding:10px 20px;
	display:block;
	color:#666;
}
ul.ulnav_acc li a:hover{
 
	display:block;
	background:#f5f5f5;
	text-decoration:none;
}
.ifrm_youtube{
	width:100%;
	height:450px;
}
}
@media screen and (max-width:640px){
	 
   .img_deft {
		width:50%;
		float:left;
		margin:20px 0px 40px 0px; 
		height:auto;
		display:none;
	}
	.img_deft img{
		width:100% !important;
		float:left;
	}
	.gallery_dtl_outter{
	width:48%;
	height:auto;
	margin:0px 2% 2% 0px;
	float:left;
	padding:0%;
	 
 
}
.gallery_dtl_outter_b{
	width:48%;
	height:auto;
	margin:0px 2% 2% 0px;
	float:right;
	padding:0%%;
	 
 
}
.gallery_dtl_outter_r{
	width:48%;
	height:auto;
	margin:0px 2% 2% 0px;
	float:right;
	padding:0%;
}

.gallery_dtl_in{
	width:100%;
	height:auto;
	 text-align:center;
	float:left;	
	padding:0px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
}
.gallery_text{
		padding:2%;
		margin-bottom:2%;
		float:left;
		width:100%;
		height:60px;
		
	}
	
.ifrm_youtube{
	width:100%;
	height:300px;
}
}