@charset "utf-8";
/* CSS Document */
.classNote{
	padding-bottom:10px;
	font-size:14px;
	color:#000000;
	text-align:center;
	line-height:1.8;
	padding-top:20px;}
ul.roomList li{
	padding:0 10px 0 0;
	margin-bottom:20px;
	}
ul.roomList li .item{
	background-image:linear-gradient(to bottom, rgba(255,212,108,1) 0%,rgba(255,212,108,1) 100%);
	position:relative;
}
ul.roomList li .Img{
	overflow:hidden;
	position:relative;
	transition: all ease-in 0.5s;}
ul.roomList li .item:hover .Img{
	opacity:0;}
ul.roomList li .Img img{
	width:100%;
	display:block;}
ul.roomList li .Txt{
	margin: 10px;
    position: absolute;
    border: 1px solid #612f14;
    width: 90%;
    height: 90%;
    top: 2px;
    left: 7px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    opacity: 0;
	transition: all ease-in 0.5s;}
ul.roomList li .item:hover .Txt{
	opacity:1;}
ul.roomList li .Txt .tbox{
	position:relative;
	padding:30px;
	height:90%;}
ul.roomList li .Txt .tbox h3 strong{
	font-weight:normal;}

ul.roomList li .Txt h3 strong a{
	position:relative;
	display:block;
	font-size:20px;
	color:#612f14;
	padding-bottom:10px;}

ul.roomList li .Txt h3 strong a:hover{
	text-decoration:underline;}
ul.roomList li .Txt p{
	margin-top:10px;
	font-size:13px;
	color:#612f14;
	line-height:1.8;
	height:60px;}
ul.roomList li .Txt a.link {
    display: inline-block;
    color: #612f14;
    border: 1px solid #612f14;
    font-size: 12px;
    padding: 12px 20px;
    margin-top: 30px;
	border-radius:50px;
}
ul.roomList li .Txt a.link:hover{
	background:#612f14;
	color:#fff;}
.contentBox .leftBox{
	padding:0 50px 0 0;}

.contentBox .leftBox h3 strong{
	color:#414141;} 
.contentBox .leftBox .Img img{
	width:100%;}
.contentBox .rightBox{
	padding:0;}
.contentBox .btn_booking{
	color: #000000;
    background: #ffe278;
    padding: 15px 50px;
    border-radius: 50px;
    margin-right: 5px;}

.contentBox .rightBox .fa-bell-o{
	color:#000000;
	margin-right:10px;}	
.contentBox .rightBox .btn_booking:hover {
	background:#ffe278;}
.contentBox .rightBox .btn_booking:hover i{
	color:#131a36;}
#notice h3{
	display:none;}
@media (max-width:1180px){
	ul.roomList li .Txt{
		position:static;
		border:none;
		width:100%;
		height:100%;
		margin:0;
		opacity:1;}
	ul.roomList li .Txt h3 strong a{
		color:#000;}
	ul.roomList li .Txt p{
		color:#8A8686;}
	ul.roomList li .item:hover .Img{
	opacity:1;}
	ul.roomList li .item{
		background:#fff;
		box-shadow: 0px 2px 6px #ccc;}
	ul.roomList li .Txt a.link{
		color: #fff;
    	background: #612f14}
	ul.roomList li .Txt a.link:hover{
		background:#ffe278;
		border: solid 1px #ffe278;
		color:#612f14;}
}	
@media screen and (max-width:1020px){
	ul.roomList li .item{
	padding-right:0;}
	.contentBox .leftBox {
    padding: 0;}	
}	
@media screen and (max-width:480px){
	ul.roomList li .Txt{
		top:0;
		left:0;}
	ul.roomList li .Txt h3 strong a{
		font-size:17px;}
}