@charset "utf-8";
/*#al_img,.aj_float,.mb_yyk { display: none!important; }*/

.tab { width: 100%; overflow: hidden; background-color: #064e4a; text-align: center; }
.tab li{ list-style: none; text-align: center; width: 238px; height: 63px; display: inline-block; background-size: cover; margin-left: 12px; margin-right: 10px; }
.tab li:nth-child(1){ background-image: url(../images/btn11.jpg); }
.tab li:nth-child(2){ background-image: url(../images/btn21.jpg); }
.tab li.on:nth-child(1){ background-image: url(../images/btn12.jpg); }
.tab li.on:nth-child(2){ background-image: url(../images/btn22.jpg); }
.tab li.on { }
.option{ display: none; }

.img { max-width: 750px; width: 100%; }
.wrap .img.link { cursor: pointer; }

.wrap { position: relative; width: 100%; margin-left: auto; margin-right: auto; max-width: 750px; }
.wrap .wrapper.style1 { background-image: url(../images/14.jpg); background-repeat: no-repeat; background-color: #064e4a; }

.style2 .swiper-wrapper .swiper-slide img { width: auto; height: 280px; }

.wrap .wrapper { position: relative; }
.wrap .wrapper.style2 { background-image: url(../images/17.jpg); background-size: cover; height: 294px; width: 100%; background-color: #064e4a; }
.wrap .wrapper.style2 .swiper-container1 { width: 750px; height: 280px; overflow: hidden; }



.wrap .wrapper #bookingForm { position: absolute; top: 158px; left: 0px; width: 100%; text-align: center; }
#bookingForm input { width: 455px; height: 56px; margin-left: 60px; padding-left: 20px; margin-bottom: 17px; font-size: 16px; }
#bookingId { width: 400px; height: 80px; position: absolute; bottom: 70px; left: 0rem; margin-left: 100px; margin-left: 200px; }

.style1 .swiper-container1 { padding-bottom: 50px; width: 100%; padding-top: 50px; 
}
.style1 .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

.style1 .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

.style1 .swiper-button-prev { left: 0rem; width: 34px; height: 62px; background-repeat: no-repeat; background-image: url(../images/btn1.png); background-size: 100%; 
}

.style1 .swiper-button-prev:hover { background-size: cover 
}

.style1 .swiper-button-next { right: 0rem; width: 34px; height: 62px; background-repeat: no-repeat; background-image: url(../images/btn2.png); background-size: cover; 
}

.style1 .swiper-button-next:hover { background-size: 100%; -webkit-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; 
}

.style1 .swiper-container1 { width: 100%; padding-top: 50px; padding-bottom: 0px; 
}

.style1 .swiper-slide { width: 316px; height: 302px; box-shadow: 0 0 50px #064e4a; -webkit-box-shadow: 0 0 50px #064e4a; 
}
.style1 .swiper-wrapper .swiper-slide img { width: 100%; }

.style1 .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

.style1 .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

.style1 .swiper-button-prev { left: 0rem; width: 34px; height: 62px; background-repeat: no-repeat; background-image: url(../images/btn1.png); background-size: 100%; 
}

.style1 .swiper-button-prev:hover { background-size: cover 
}

.style1 .swiper-button-next { right: 0rem; width: 34px; height: 62px; background-repeat: no-repeat; background-image: url(../images/btn2.png); background-size: cover; 
}

.style1 .swiper-button-next:hover { background-size: 100%; -webkit-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; 
}

.style2 .swiper-container2 { width: 100%; 
}


.style2 .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

.style2 .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

.style2 .swiper-button-prev { left: 0rem; width: 34px; height: 62px; background-repeat: no-repeat; background-image: url(../images/btn1.png); background-size: 100%; 
}



.style2 .swiper-button-next { right: 100px; width: 34px; height: 62px; background-repeat: no-repeat; background-image: url(../images/btn2.png); background-size: cover; 
}

.style2 .swiper-button-next:hover { background-size: 100%; -webkit-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; 
}

.style2 .swiper-container { width: 100%; 
}

.style2 .swiper-slide { width: 750px; height: 280px; text-align: center; 
}
.style2 .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

.style2 .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

.style2 .swiper-button-prev { left: 100px; width: 34px; height: 62px; background-repeat: no-repeat; background-image: url(../images/btn1.png); background-size: 100%; 
}

.style2 .swiper-button-prev:hover { background-size: cover 
}

.style1 .swiper-button-next { right: 0px; width: 34px; height: 62px; background-repeat: no-repeat; background-image: url(../images/btn2.png); background-size: cover; 
}

.style1 .swiper-button-next:hover { background-size: 100%; -webkit-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; 
}