@charset "utf-8";
/* CSS Document */
.classNote{
	padding-bottom:10px;
	font-size:14px;
	color:#000000;
	text-align:center;
	line-height:1.8;}
.bookingArea .btn_booking{
	background:#867b67;}
ul.roomList li{
	padding:25px 0 30px 0;
	border-bottom:1px solid #fff;
	position:relative;}
ul.roomList li:before{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	background:#d9d0b2;}
ul.roomList li .item{
	display:block;
	overflow:hidden;
	height:360px;}
ul.roomList li .Img{
	overflow:hidden;
	position:relative;
	display:block;
	float:right;
	transition: all ease-in 0.5s;
	padding:0;}
ul.roomList li .Img img{
	width:100%;
	display:block;}
ul.roomList li .Txt{
	background:url(../images/roomlist_bg.jpg);
	float:left;
	padding:40px 40px 30px 40px;
	transition: all ease 0.1s;}
ul.roomList li:hover .Txt{
	background:url(../images/room_hover_bg.jpg);}
ul.roomList li .Txt h3 strong a{
	position:relative;
	display:block;
	font-size:22px;
	font-weight:normal;
	color:#000;
	padding-bottom:10px;
	background:url(../images/news_icon.png) left top no-repeat;
	padding-left:35px;}
ul.roomList li:hover .Txt h3 strong a{
	color:#fff;
	font-size:26px;}
ul.roomList li .Txt h4{
	color:#929292;
	font-size:14px;
	padding:7px 0 30px 0;
	font-weight:normal;}
ul.roomList li:hover .Txt h4{
	color:#bdbdbd;}
ul.roomList li .Txt h4 em{
	margin:0 10px 0 5px;}
ul.roomList li .Txt p{
	color:#666;
	font-size:13px;
	line-height:26px;
	height:80px;
	padding-bottom:98px;}
ul.roomList li:hover .Txt p{
	color:#fff;}
ul.roomList li .Txt .btn a{
	display:inline-block;
	color:#9a7f4f;
	position:relative;
	padding-top:10px;}
ul.roomList li:hover .Txt .btn a{
	color:#fff;}
ul.roomList li .Txt .btn a:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:10px;
	height:1px;
	background:#dddddd;}
.mainArea .contentBox h3.articleTitle strong{
	color:#000;
	font-size:23px;}

.textEditor .service{
	width:20%;
	float:left;
	box-sizing:border-box;}
.service h4 strong{
	color:#786544;}
.textEditor .service h4.bath{
	padding-left:40px;
	background:url(../images/room_detail01.png) left center no-repeat;}
.textEditor .service h4.room{
	padding-left:40px;
	background:url(../images/room_detail02.png) left center no-repeat;}
.textEditor .service h4.desert{
	padding-left:40px;
	background:url(../images/roomdetail_03.png) left center no-repeat;}
.textEditor .service h4.web{
	padding-left:40px;
	background:url(../images/roomdetail04.png) left top no-repeat;}
.textEditor .service h4.other{
	padding-left:40px;
	background:url(../images/roomdetail05.png) left center no-repeat;}
.textEditor .service ul{
	padding-left:20px;
	padding-top:20px;}
.textEditor .service ul li{
	color:#666666;
	font-size:13px;
	padding-bottom:10px;}
@media screen and (max-width:1180px){
	.textEditor .service{
		width:33.3%;}	
}
@media screen and (max-width:1160px){
	ul.roomList li{
		float:left;
		width:50%;}
	ul.roomList li .item{
		height:auto;
		padding-right:10px;}
	ul.roomList li .Img,
	ul.roomList li .Txt{
		float:none;
		width:100%;}
	ul.roomList li .Txt p{
		padding-bottom:10px;}
	ul.roomList li:hover .Txt h3 strong a{
		font-size:22px;}
}
@media screen and (max-width:1020px){
	ul.roomList li{
		width:100%;}
	ul.roomList li .item{
	padding-right:0;}
	.contentBox .leftBox {
    padding: 0;}	
}
@media screen and (max-width:768px){
	.mainArea .contentBox ul.classLink li a{
		margin:3px;}
	.textEditor .service{
		width:50%;
		padding-bottom:10px;}
	.textEditor .service.other{
		clear:both;}
}
@media screen and (max-width:640px){
	ul.roomList li{
		padding-right:0px;}
	.m_classLink{
		display:none;}
	.contentBox.ins .m_classLink{
		display:block;}
}	
@media screen and (max-width:480px){
	ul.roomList li .Txt{
		top:0;
		left:0;}
	.textEditor .service{
		width:100%;}
}