/* basic grid----------------------------------
---------------------------------------*/

.margin-all-5{margin:5 5 5 5;}
.margin-all-10{margin:10 10 10 10;}
.margin-all-15{margin:15 15 15 15;}
.margin-all-20{margin:20 20 20 20;}
.margin-all-25{margin:25 25 25 25;}
.margin-top-5{margin-top:5px;}
.margin-top-10{margin-top:10px;}
.margin-top-15{margin-top:15px;}
.margin-top-20{margin-top:20px;}
.margin-top-25{margin-top:25px;}
.margin-right-5{margin-right:5px;}
.margin-right-10{margin-right:10px;}
.margin-right-15{margin-right:15px;}
.margin-right-20{margin-right:20px;}
.margin-right-25{margin-right:25px;}
.margin-bottom-5{margin-bottom:5px;}
.margin-bottom-10{margin-bottom:10px;}
.margin-bottom-15{margin-bottom:15px;}
.margin-bottom-20{margin-bottom:20px;}
.margin-bottom-25{margin-bottom:25px;}
.margin-left-5{margin-left:5px;}
.margin-left-10{margin-left:10px;}
.margin-left-15{margin-left:15px;}
.margin-left-20{margin-left:20px;}
.margin-left-25{margin-left:25px;}

.padding-all-5{padding:5 5 5 5;}
.padding-all-10{padding:10 10 10 10;}
.padding-all-15{padding:15 15 15 15;}
.padding-all-20{padding:20 20 20 20;}
.padding-all-25{padding:25 25 25 25;}
.padding-top-5{padding-top:5px;}
.padding-top-10{padding-top:10px;}
.padding-top-15{padding-top:15px;}
.padding-top-20{padding-top:20px;}
.padding-top-25{padding-top:25px;}
.padding-right-5{padding-right:5px;}
.padding-right-10{padding-right:10px;}
.padding-right-15{padding-right:15px;}
.padding-right-20{padding-right:20px;}
.padding-right-25{padding-right:25px;}
.padding-bottom-5{padding-bottom:5px;}
.padding-bottom-10{padding-bottom:10px;}
.padding-bottom-15{padding-bottom:15px;}
.padding-bottom-20{padding-bottom:20px;}
.padding-bottom-25{padding-bottom:25px;}
.padding-left-5{padding-left:5px;}
.padding-left-10{padding-left:10px;}
.padding-left-15{padding-left:15px;}
.padding-left-20{padding-left:20px;}
.padding-left-25{padding-left:25px;}

/*
@media (min-width: 1891px) and (max-width: 1920px) {#footer {margin-top:-10%;}}
@media (min-width: 1800px) and (max-width: 1890px) {#footer {margin-top:-10.5%;}}
@media (min-width: 1715px) and (max-width: 1799px) {#footer {margin-top:-11%;}}
@media (min-width: 1650px) and (max-width: 1714px) {#footer {margin-top:-11.5%;}}
@media (min-width: 1575px) and (max-width: 1649px) {#footer {margin-top:-12%;}}
@media (min-width: 1512px) and (max-width: 1574px) {#footer {margin-top:-12.5%;}}
@media (min-width: 1440px) and (max-width: 1511px) {#footer {margin-top:-13%;}}
@media (min-width: 1364px) and (max-width: 1439px) {#footer {margin-top:-13.8%;}}
*/
/*
@media (min-width: 1305px) and (max-width: 1363px) {#footer {margin-top:-5.5%;}}
@media (min-width: 1240px) and (max-width: 1304px) {#footer {margin-top:-5.5%;}}
@media (min-width: 1195px) and (max-width: 1239px) {#footer {margin-top:-5.5%;}}
@media (min-width: 1161px) and (max-width: 1194px) {#footer {margin-top:-7%;}}
@media (min-width: 1042px) and (max-width: 1160px) {#footer {margin-top:-8%;}}
@media (min-width: 1024px) and (max-width: 1041px) {#footer {margin-top:-9%;}}
@media (min-width: 946px) and (max-width: 1024px) {#footer {margin-top:-12%;}}
@media (min-width: 896px) and (max-width: 945px) {#footer {margin-top:-12.5%;}}
@media (min-width: 818px) and (max-width: 896px) {#footer {margin-top:-13.5%;}}
@media (min-width: 776px) and (max-width: 817px) {#footer {margin-top:-14.5%;}}
@media (min-width: 445px) and (max-width: 775px) {#footer {margin-top:-15%;}}
*/

#footer1.dark, .dark #footer1 {
    background-color: /* rgba(0,0,0,0.2); */ #111;
    color: #fff;
    border-top-color: rgba(255,255,255,0.7);
    border-bottom-color: rgba(255,255,255,0.7);
}

#footer1 {
    position: fixed;
    bottom:0px;
    background-color: #EEE;
    border-top: 2px solid rgba(0,0,0,0.7);
    border-bottom: 2px solid rgba(0,0,0,0.7);
    width: 100%;
    margin-top: -5%;
    z-index: 9999;
}

#footerr.dark, .dark #footerr {
    background-color: rgba(0,0,0,0.2);
    color: #fff;
    border-top-color: rgba(255,255,255,0.7);
    border-bottom-color: rgba(255,255,255,0.7);
}

#footerr {
    position: relative;
    background-color: #EEE;
    border-top: 2px solid rgba(0,0,0,0.7);
    border-bottom: 2px solid rgba(0,0,0,0.7);
    width: 100%;
/*    margin-top: -5%; */
    z-index: 9999;
}

/* room info -----------------------------
----------------------------------------*/

.front {position:absolute;margin-top:5.5%;margin-left: 40%;z-index:100;}
#btnInfo {position:absolute;margin-top:12.5%;margin-left:10%;z-index:100;}


@media (min-width: 1800px) and (max-width: 1920px) {
.front {position:absolute;margin-top:5.5%;}
#btnInfo{position:absolute;margin-top:8.5%;height:35%;}
}
@media (min-width: 1500px) and (max-width: 1799px) {
.front {position:absolute;margin-top:6.5%;}
#btnInfo{position:absolute;margin-top:9.5%;height:35%;}
}
@media (min-width: 1300px) and (max-width: 1499px) {
.front {position:absolute;margin-top:7.5%;}
#btnInfo{position:absolute;margin-top:11%;height:35%;	}
}
@media (min-width: 1100px) and (max-width: 1299px) {
.front {position:absolute;margin-top:9%;}
#btnInfo{position:absolute;margin-top:13.5%;height:35%;}
}
@media (min-width: 1000px) and (max-width: 1099px) {
.front {position:absolute;margin-top:10%;}
#btnInfo{position:absolute;margin-top:15%;height:38%;}
}
@media (min-width: 900px) and (max-width: 999px) {
.front {
	position:absolute;
	margin-top:2%;
	}
#btnInfo{
	position:absolute;
	margin-top:7.5%;
	height:38%;
	}
}


/*
@media (min-width: 769px) and (max-width: 899px) {#footer {margin-top:-20%;}}
@media (min-width: 737px) and (max-width: 768px) {#footer {margin-top:-41%;}}
@media (min-width: 415px) and (max-width: 736px) {#footer {margin-top:-41%;}}
@media (min-width: 376px) and (max-width: 414px) {#footer {margin-top:-75.5%;}}
@media (min-width: 280px) and (max-width: 375px) {#footer {margin-top:-84.5%;}}
*/
.front {
	position:absolute;
	width:20%;
	height:5%;
	padding:10px;
/*	background:rgba(0,0,0,0.5); */
	z-index:100;
}

#btnInfo {
	position:absolute;
	width:80%;
	height:41%; /* 38%; */
	padding:10px;

	z-index:100;
}

#btnInfo table{
	margin-bottom:5px;
	font-size:12px;
	line-height:38px;
	background:rgba(0,0,0,0.5);
}

#btnInfo table tr{
	border: 1px solid #EEE;
}

#btnInfo table th{
	border: 1px solid #EEE;
	text-align:center;
}
#btnInfo table td{
	border: 1px solid #EEE;
}

#btnInfo tbody tr{
	border: 1px solid #EEE;
	text-align:center;
}

.roominfo {
	width:100%;
	height:100%;
	color:#fff;
	border: 1px solid #EEE;
}

#roomintroduce {
	position:absolute;
	width:350px;
	height:200px;
	padding:10px;
	background:rgba(0,0,0,0.5);
	z-index:100;
}

#slider a {
    text-decoration: none !important;
    color: #fff;
}

#slider .button-green {
    background-color: rgba(89,186,65,0.5); /* #59BA41; */ 
}

#slider .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: px 12px; /* 10px 12px; */
    font-size: 20px;
    line-height: 1.42857143;
    border-radius: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#slider .button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 0 22px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    background-color: rgba(0,0,0,0.5);
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}




/* 
#intro div {
	width:330px;
	height:180px;
	background:rgba(0,0,0,0.3);

}

#icontent1 {
word-break: break-all;
}

#icontent2 {
word-break: break-all;
}
*/

/* wrap1----------------------------------
----------------------------------------*/

#wrapper1 {
    width: 100%;
	height:auto;
    margin: 0;
    box-shadow: none;
    float: none;
	background-image: url('/images/bg04.jpg');
	background-color: rgba(255,255,255,0); /* #FFF; */
}


#section-testimonials .divider {
    position: relative;
    overflow: hidden;
    margin: 35px 0 35px 0;
    color: #fff;
    width: 100%;
}

@media all and (min-width: 240px) and (max-width: 479px) {
#section-testimonials .divider {
margin: 30px 0 35px 0; /* -30px 0 35px 0; */
}
}

#section-testimonials .divider:hover {color: #ffb600;}

#facilityinfo {
	position:absolute;
	width:95%;
	height:95%;
	padding:10px;
	margin-bottom:5px;
	font-size:12px;
	line-height:28px;
	background:rgba(0,0,0,0.5);
	z-index:100;
}

#facilityinfo th{border: 1px solid #EEE;}
#facilityinfo tr{border: 1px solid #EEE;}
#facilityinfo td{border: 1px solid #EEE;}

#detailinfo {
	position:relative;
	width:95%;
	height:95%;
	padding:10px;
	margin-bottom:5px;
	font-size:12px;
	line-height:25px;
	background:rgba(0,0,0,0.5);
	z-index:100;
}

#detailinfo th{border: 1px solid #EEE;}
#detailinfo tr{border: 1px solid #EEE;}
#detailinfo td{border: 1px solid #EEE;}

#uinfo {
	position:relative;
	width:95%;
	height:95%;
	padding:10px;
	margin-bottom:5px;
	font-size:12px;
	line-height:25px;
	background:rgba(0,0,0,0.5);
	z-index:100;
}

#uinfo th{border: 1px solid #EEE;}
#uinfo tr{border: 1px solid #EEE;}
#uinfo td{border: 1px solid #EEE;}

#uinfo1 {
	position:relative;
	width:95%;
	height:95%;
	padding:10px;
	margin-left:2.5%;
	margin-bottom:5px;
	font-size:12px;
	line-height:25px;
	text-align:center;
	background:rgba(0,0,0,0.5);
	z-index:100;
}

#uinfo1 th{border: 1px solid #EEE;text-align:center;}
#uinfo1 tr{border: 1px solid #EEE;}
#uinfo1 td{border: 1px solid #EEE;}

/* reservation info -----------------------------
----------------------------------------*/

#rcost {
	position:relative;
	height:450px;
}

#rcost .front {position:absolute;margin-top:0.5%;margin-left: 40%;z-index:2;}
#rcost #btnInfo {position:absolute;margin-top:5.5%;margin-left:2.5%;z-index:2;}

@media (min-width: 286px) and (max-width: 775px) {
#rcost .front {position:absolute;margin-top:0.5%;margin-left: 35%;z-index:2;}
}

@media (min-width: 286px) and (max-width: 775px) {
#rcost #btnInfo {
	margin-top:12.5%;
	}
}

#rcost .front {
	position:absolute;
	width:20%;
	height:8%;
	padding:5px;
/*	background:rgba(0,0,0,0.5); */
	z-index:2;
}

@media (min-width: 286px) and (max-width: 775px) {
#rcost .front {
	width:30%;
	height:8%;
	}
}


#rcost #btnInfo {
	position:absolute;
	width:95%;
	height:60%;
	padding:10px;
	background:rgba(0,0,0,0.5);
	z-index:2;
}

@media (min-width: 286px) and (max-width: 775px) {
#rcost #btnInfo {
	height:85%;
	}
}

#rcost #btnInfo table{
	margin-bottom:5px;
	font-size:12px;
	line-height:20px;
}

#rcost #btnInfo table tr{
	border: 1px solid #EEE;
}
#rcost #btnInfo table tr:hover {
	background:#333;
}


#rcost #btnInfo table th{
	border: 1px solid #EEE;
	text-align:center;
}
#rcost #btnInfo table td{
	border: 1px solid #EEE;
}

#rcost #btnInfo tbody tr{
	border: 1px solid #EEE;
	text-align:center;
}

#rcost .roominfo {
	width:100%;
	height:100%;
	color:#fff;
	border: 1px solid #EEE;
}

#rcost #roomintroduce {
	position:absolute;
	width:350px;
	height:200px;
	padding:10px;
	background:rgba(0,0,0,0.5);
	z-index:2;
}


/* notice board --------------------------
----------------------------------------*/

#nboard {
	position:relative;
	width:95%;
	height:95%;
	padding:10px;
	margin-left:2.5%;
	margin-bottom:5px;
	font-size:12px;
	line-height:30px;
	text-align:center;
	background:rgba(0,0,0,0.5);
	z-index:100;
}

#nboard th{border-top: 1px solid #EEE;border-bottom: 1px solid #EEE;text-align:center;}
#nboard td{border-top: 1px solid #EEE;}

#section-testimonials .input-group {
	padding-right:8%;
}
@media (min-width: 286px) and (max-width: 775px) {
#section-testimonials .input-group {
	padding-right:3%;
	padding-left:3%;
	}
}

#section-testimonials #photo {
background-color: rgba(0,0,0,0.5);
	margin-right: auto;
	margin-left: auto;
	padding-top: 1%;
	padding-left: 1%;
	padding-bottom: 1%;
	padding-right: 0.5%;
}

#section-testimonials .button {
	display: inline-block;
	position: relative;
	cursor: pointer;
	outline: none;
	white-space: nowrap;
	margin: 15px;
	padding: 0 10px;
	font-size: 14px;
	height: 34px;
	line-height: 34px;
	background-color: #1ABC9C;
	color: #FFF;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	float:right;
}



#tour .btn {
	display: inline-block;
	width:100%;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#tour .btn-default {
	color: #FFF;
	background-color: rgba(0,0,0,0.2);
	border-color: rgba(255,255,255,0.15);
}

#tour .col-sm-2, .col-sm-3 .col-xs-3 .col-xs-4 {
	position: relative;
	min-height: 1px;
	padding-left: 1px;
	padding-right: 1px;
}

#road .col-sm-6, col-xs-12 {
	position: relative;
	min-height: 1px;
	padding-left: 1%;
	padding-right: 1%;
}

#cinfo {
	position:relative;
	width:95%;
	height:95%;
	padding:10px;
	margin-bottom:5px;
	margin-left:20px;
	font-size:12px;
	line-height:25px;
	background:rgba(0,0,0,0.5);
	z-index:100;
}

#cinfo th{border: 1px solid #EEE;}
#cinfo tr{border: 1px solid #EEE;}
#cinfo td{border: 1px solid #EEE;}

#cinfo1 {
	position:relative;
	width:95%;
	height:95%;
	padding:10px;
	margin-bottom:5px;
	font-size:12px;
	line-height:25px;
	background:rgba(0,0,0,0.5);
	z-index:100;
}

#cinfo1 th{border: 1px solid #EEE;}
#cinfo1 tr{border: 1px solid #EEE;}
#cinfo1 td{border: 1px solid #EEE;}

@media (min-width: 286px) and (max-width: 775px) {
#cinfo {margin-left:10px;}
#cinfo1 {margin-left:10px;}
}

@media (min-width: 286px) and (max-width: 767px) {
.nav-justified > li {display: table-cell;width: 1%;}
}

/* talvel-------------------------------------
---------------------------------------------*/

#tguide {
	position:relative;
	width:95%;
	height:95%;
	padding:10px;
	margin-left:2.5%;
	margin-bottom:5px;
	font-size:12px;
	line-height:25px;
/*	text-align:center; */
	background:rgba(0,0,0,0.5);
	z-index:100;
}

#tguide th{border-top: 2px solid #EEE;}
#tguide tr{border-top: 1px solid #EEE;}
#tguide td{border-top: 1px solid #EEE;}






#roominfos{margin-bottom:140px;}
#roominfos .roominfo1  str{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#roominfos .roominfo1  th{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	text-align:center;
}
#roominfos .roominfo1  td{
	border-top: 1px solid #fff;
}
#roominfos .roominfo1  tbody tr{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align:center;
}



#roominfos .roominfo1  {
	width:100%;
	height:100%;
	color:#fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color:rgba(0,0,0,0.65);
    margin-bottom: 0px;
}


.nav > li{float:left;width:25%}