@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.travelList li{
	padding:25px 0 30px 0;
	border-bottom:1px solid #fff;
	position:relative;}
ul.travelList li:before{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	background:#d9d0b2;}
ul.travelList li .item{
	display:block;
	overflow:hidden;
	height:364px;}
ul.travelList li .Img{
	overflow:hidden;
	position:relative;
	display:block;
	float:right;
	transition: all ease-in 0.5s;
	padding:0;}
ul.travelList li .Img img{
	width:100%;
	display:block;}
ul.travelList li .Txt{
	background:url(../images/roomlist_bg.jpg);
	float:left;
	padding:40px 40px 30px 40px;
	transition: all ease 0.1s;}
ul.travelList li:hover .Txt{
	background:url(../images/room_hover_bg.jpg);}
ul.travelList 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.travelList li:hover .Txt h3 strong a{
	color:#fff;
	font-size:26px;}
ul.travelList li .Txt h4{
	color:#929292;
	font-size:14px;
	padding:7px 0 30px 0;
	font-weight:normal;}
ul.travelList li:hover .Txt h4{
	color:#bdbdbd;}
ul.travelList li .Txt h4 em{
	margin:0 10px 0 5px;}
ul.travelList li .Txt p{
	color:#666;
	font-size:13px;
	line-height:26px;
	height:80px;
	padding-bottom: 128px;
    padding-top: 30px;}
ul.travelList li:hover .Txt p{
	color:#fff;}
ul.travelList li .Txt .btn a{
	display:inline-block;
	color:#9a7f4f;
	position:relative;
	padding-top:10px;}
ul.travelList li:hover .Txt .btn a{
	color:#fff;}
ul.travelList 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;}

@media screen and (max-width:1020px){

	ul.travelList li .item{
		padding-right:0;
		height:100%}
	ul.travelList li .Txt p{
		padding-bottom:20px;}
	.contentBox .leftBox {
    padding: 0;}	
}
@media screen and (max-width:640px){
	ul.travelList li{
		padding-right:0px;}
}	
@media screen and (max-width:480px){
	ul.travelList li .Txt{
		top:0;
		left:0;}
}