/******************************************************/
#topSlogan .TRAN {
	transform: scale(1.2);
}
#rooms {
	padding-top:12%;padding-bottom:8%;
	text-align:center;
	background:url(../images/rooms/bg.jpg) no-repeat right top;
	background-size: 100% 100%;
	overflow: hidden;
}
#rooms .slogan {
	transform: translateX(-200px);
}
#rooms .wrap{
	position:relative;z-index:5;
	margin-top:5%;
	font-size:0;
	text-align:right;
}
#rooms .photo{
	position:absolute;
	left:4%;top:0;bottom:0;right:580px;
}
#rooms .photo ul{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
#rooms .photo li.SEL{display:block;}
#rooms .photo .txt{
	position:absolute;
	right:0;top:0;
	width:100%;height:100%;
	padding:30px;
	font-size:20px;color:#eaebec;
	background:url(../images/rooms/photoTxtBg.png) no-repeat right top;
	font-weight: 100;
}
#rooms .photo h6{
	font-size:30px;color:#fff;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
}
#rooms .photo h5{
	font-size:18px;color:#d7d7d7;
	padding:10px 0 20px 0;
}
#rooms .textWrap{
	display:inline-block;
	width:580px;
	padding-left:60px;
	text-align:left;
}
#rooms .dong{padding-bottom:50px;}
#rooms .dong p{
	position:relative;
	display:block;
	margin:10px 0 30px 0;
	width:186px;line-height:52px;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	font-size:20px;color:#233a42;
	border:1px solid #233a42;
}
#rooms .dong p::after{
	position:absolute;left:0;top:0;
	content:attr(title);display:block;
	width:100%;height:100%;
	color:#fff;opacity:0;
	font-weight: bold;
	background:#233a42;
	transition:opacity 0.3s;
}
#rooms .dong.SEL p::after{
	opacity:1;
}
#rooms .dong p::before{
	content:"";display:block;
	position:absolute;right:100%;top:50%;
	width:0px;height:1px;
	background:#233a42;
	transition:width 0.3s;
}
#rooms .dong.SEL p::before{
	width:60px;
}
#rooms .dong a{
	display:inline-block;vertical-align:top;
	margin-bottom:15px;
	min-width:33%;
	padding:10px 0;
	font-size:20px;color:#848484;
	transition: color 0.3s;
}
#rooms .dong a.SEL, #rooms .dong a:hover { color: #233a42; }
#rooms .dong a span{position:relative;padding-bottom:5px;}
#rooms .dong a span::after {
	content:'';
	display: block;
	position: absolute;
	right: 0; left: 0; bottom: 0; width: 0; height: 1px;
	margin: auto;
	background: #774747;
	transition: width 0.3s;
}
#rooms .dong a.SEL span::after, #rooms .dong a:hover span::after{
	content:"";display:block;
	position:absolute;
	right: 0; left:0; bottom:0;
	width:100%;height:1px;
	background:#777474;
}
#rooms .reser{
	display:inline-block;
	background:url(../images/rooms/reser_off.png) no-repeat left bottom;
	border:1px solid #233a42;
}
#rooms .reser img{
	opacity:0;visibility:hidden;
	transition:opacity 0.3s, visibility 0.3s;
}
#rooms .reser:hover img{
	opacity:1;visibility:visible;
}
#rooms .bgTxt{
	position:absolute;left:0;bottom:0;
	max-width:60%;
}