@charset "utf-8";
/* CSS Document */



.contain_ll{
	float: left;
	width: 60%;
	height:auto;
	overflow: hidden;
}

.contain_rr{
	float: right;
	width: 40%;
	height: auto;
}

.about_photo{
	width: 100%;
	padding-left: 60px;
	box-sizing: border-box;
}

.about_photo img{
	display: block;
	width: 100%;
	height: auto;
}
.hotel_info{
	float: left;
	font-size: 1.2rem;
	color: #333;
	padding-left:10px;
	margin-left: 60px;
	line-height: 2;
	/*padding-top:80px;*/
	border-left:3px solid #333; 
}
ul.caption-style-4 li{
	width:23%;
	margin: 1%;
}
.map{
	padding: 0 0 10px 60px;
}
#map_canvas {
    width: 100%;
    height: 600px;
}
@media screen and (max-width:1366px) {

.contain_ll{
	width:50%;
}

.contain_rr{
	width:50%;
}

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

ul.caption-style-4 li {
    width: 31%;}

}
@media screen and (max-width:768px) {

.contain_ll{
	float: none;
	width: 100%;
	margin-bottom:30px;
}
.contain_rr{
	float: none;
	width: 100%;
}

.about_photo{
	padding:0 0;
}

.map{
	padding: 0 0 10px 0px;
}
.hotel_info{
	margin-left: 0px;
}
}
@media screen and (max-width:500px) {

h1{
	right:0%;
}

ul.caption-style-4 li {
    width: 48%;}

}

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

ul.caption-style-4 li {
    width: 98%;}

}