@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
		}
img{
	max-width:100%;
	min-width:auto;
	height:auto;
	}
.clear{
	clear:both;
	content:"";
	display:block;
	}
body{
	background:url(../images/bg.jpg) repeat;
	margin:0;
	padding:0;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:14px;
	letter-spacing:1px;
	color:#000;
	}
#top{
	background:#087DC2;
	color:#fff;
	padding:10px;
	}
.top_left{
	font-size:16px;
	font-weight:bold;
	}
.s_icon{
	text-align:right;
	}
.s_icon a{
	background:#fff;
	color:#000;
	margin:5px;
	padding:5px;
	width:25px;
	height:25px;
	text-decoration:none;
	}
header{
	background:#fff;
	}
#menu{
	margin:40px 0;
	}
#logo img{
	width:90%;
	}	
	
.slide_bottom{
	background-image:url(../images/bg.jpg);
	background-attachment:scroll;
	background-position:top center;
	background-size:cover;
	background-attachment:fixed;
	padding:30px 0;
	}
.ban{
	background:#fff;
	text-align:center;
	padding:10px 0;
	margin:10px 0;
	box-shadow:#000000 0 0 2px;
	}
.ban h3{
	text-align:center;
	margin:15px 0;
	}
.ban img{
	width:100%;
	height:auto;
	margin-bottom:10px;
	display:block;
	}
.ban p{
	padding:10px 20px;
	border-bottom:#868686 thin dotted;
	}
.wrapper{
	background:#F6F6F6;
	text-align:center;
	padding:20px;
	}	
.welcome{
	color:#007ED9;
	font-size:26px;
	margin:10px;
	}
.text p{
	line-height:26px;
	font-size:15px;
	}
	
.welcom_bottom{
	
	}	
	
footer{
	background:#087DC2;
	padding-top:20px;
	color:#fff;
	}
footer a{
	color:#E9E9E9;
	}
.footer-contact ul{
	list-style:none;
	line-height:28px;
	font-size:13px;
	}
.f1 ul li{
	list-style:url(../images/footer-list-arrow.png);
	margin-left:20px;
	}
.copy{
	border-top:#B7B7B7 solid 1px;
	padding-top:20px;
	margin-top:10px;
	font-size:16px;
	font-weight:bold;
	}
.pay{
		text-align:right;
	}
.contact{
	box-shadow:#5A5A5A 0 0 2px;
	padding:10px;
	line-height:30px;
	margin-bottom:20px;
		}
.booking{
	text-align:center;
	font-weight:bold;
	}	
.booking img{
	margin:10px 0;
	display:block;
	}
.unit_frame{
	width:95%;
	margin:10px auto;
	padding:10px;
	box-shadow: #474747 0 0 2px;
	}
.unit_frame iframe{
	width:100%;
	srollerbar: no;
	height:600px;
	}
.unit_frame a{
	padding:10px;
	line-height:40px;
	}
	
@media (max-width:768px){
.nav > li > a {
    display: block;
    padding: 15px 6px;
    position: relative;
}
#menu {
    margin: 20px 0;
}
.copy{
	text-align:center;
	}
.pay{
	text-align:center;
	margin:10px 0;
	}
	}
@media (max-width:640px){
	#logo{
		text-align:center;
		}
	.top_left{
		text-align:center;
		}
	.s_icon{
		text-align:center;
		}
	.ban{
		width:60%;
		margin:10px auto;
		}
	.copy{
	text-align:center;
	}
	.pay{
	text-align:center;
	margin:10px 0;
	}
	}
@media (max-width:480px){
	#logo{
		text-align:center;
		}
	.top_left{
		text-align:center;
		}
	.s_icon{
		text-align:center;
		}
	.ban{
		width:100%;
		margin:10px auto;
		}
	.copy{
	text-align:center;
	}
	.pay{
	text-align:center;
	margin:10px 0;
	}
.unit_frame iframe{
		overflow-style:auto;
		overflow-x: scroll;
	}
	}