@charset "utf-8";
/* CSS Document */
h2{
	position:relative;
	text-align:center;
	background:url(../images/title_bg.png) center top no-repeat;
	padding-top:15px;
	margin-bottom:45px;
	letter-spacing:1px;}
h2 strong{
	color:#fff;
	font-family:"Felix Titling", Arial;
	font-size:20px;
	font-weight:normal;
	}
h2 em{
	display:block;
	color:#ddaf78;}
.btn{
	margin-top:65px;
	text-align:center;}

.btn a{
	position:relative;
	display:inline-block;
	font-family:"Felix Titling";
	padding:10px 40px;
	color:#fff;
	border:1px solid #ddaf78;
	font-style:italic;
	letter-spacing:1px;}
.btn a:hover{
	background:rgba(221,175,120,0.25);}
.btn a:after{
	content:"";
	position:absolute;
	top:-3px;
	left:-4px;
	width:100%;
	height:45px;
	border:1px solid #ddaf78;
	transition:all 0.3s ease;}
.btn a:hover:after{
	display:none;}
.mainArea{
	padding:0;}

/*關於我們*/
.aboutArea{
	background:#130e0a;
	padding:25px 0 0 0;
	overflow:hidden;
	text-align:center;
	position:relative;}
.aboutArea h2 em{
	margin-top:-8px;}

.aboutArea .Img{
	position: absolute;
    top: 0;
    bottom: 0;
	left:0;
    width: 50%;
    overflow: hidden;}
.aboutArea .Img img{
	display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;}
.aboutArea .TxtBox{
	padding:0 25px 25px 25px;}
.aboutArea .Txt{
	position:relative;
	z-index:1;
	padding:55px 15px 65px 15px;
	background:url(../images/txt_bg.jpg);
	font-size:14px;
	color:#daccb6;
	line-height:1.8;}
.aboutArea .Txt:after{
	content:"";
	position:absolute;
	top:10px;
	left:10px;
	bottom:10px;
	right:10px;
	border:1px solid #453421;
	z-index:-1;}
/**最新消息**/
.newsArea{
	background:#130e0a;
	padding:0 0 25px 0;
	position:relative;}
.newsArea .newsImg{
	padding:0;}
.newsArea .newsImg .Img{
	position: absolute;
    top: 0;
    bottom: 0;
	right:0;
    width: 50%;
    overflow: hidden;}
.newsArea .newsImg .Img img{
	display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;}

.newsArea .newsBox{
	padding:25px;
	padding-bottom:0;}
.newsArea .newsBox .news{
	padding:55px 15px 65px 15px;
	position:relative;
	z-index:1;
	background:url(../images/txt_bg.jpg);}
.newsArea .newsBox .news h2{
	padding-top:22px;}
.newsArea .newsBox .news:after{
	content:"";
	position:absolute;
	top:10px;
	left:10px;
	bottom:10px;
	right:10px;
	border:1px solid #453421;
	z-index:-1;}
.newsArea ul{
	position:relative;
	padding-left:140px;}
.newsArea ul:before{
	content:"";
	position:absolute;
	top:3px;
	left:50%;
	width:1px;
	height:105px;
	background:#555555;}
.newsArea ul li{
	padding:0 20px 25px 0;}
.newsArea ul li .date{
	color:#5e5951;
	margin-bottom:5px;}
.newsArea ul li .Txt{
	overflow:hidden;}

.newsArea ul li .Txt h3{
	font-size:15px;}

.newsArea ul li .Txt h3 a{
	color:#daccb6;
	font-weight:normal;}

.newsArea ul li .Txt h3 a:hover{
	text-decoration:underline;}
.newsArea .newsBox .news .btn{
	margin-top:68px;}
.newsArea .newsBox .news .btn a{
	padding:15px 40px;}

/*推薦商品/房型*/
.featureArea{
	background:url(../images/room_bg.jpg) center center no-repeat;
	background-attachment:fixed;
	background-size:cover;
	padding:235px 0 105px 0;}
.featureArea h2{
	padding-top:20px;}
.featureArea ul{
	margin:0 -12px;
	padding-top:40px;}
.featureArea ul li .item{
	transition:all 0.3s ease;}
.featureArea ul li{
	padding:10px 12px 0 12px;}
.featureArea ul li .item:hover{
	margin-top:-10px;}
.featureArea ul li .Img{
	position:relative;
	overflow:hidden;
	background:#000;}

.featureArea ul li .Img a{
	position:relative;
	display:block;}
.featureArea ul li .Img a:after{
	content:"";
	position:absolute;
	top:10px;
	left:10px;
	right:10px;
	bottom:10px;
	border:5px solid #aa914f;
	opacity:0;
	transition:all 0.5s ease;}
.featureArea ul li .Img a:before{
	content:url(../images/plus.png);
	position:absolute;
	top:50%;
	left:50%;
	margin:-20px 0 0 -20px;
	opacity:0;
	transition:all 0.5s ease;}
.featureArea ul li .item:hover .Img a:after,
.featureArea ul li .item:hover .Img a:before{
	opacity:1;}
.featureArea ul li .Img img{
	display:block;
	width:100%;}
.featureArea ul li .item:hover .Img img{
	opacity:0.5;}
.featureArea ul li .Txt{
	padding: 30px 10px;
	text-align:center;}

.featureArea ul li .Txt h3 strong{
	font-weight:normal;}

.featureArea ul li .Txt h3 strong a{
	position:relative;
	display:block;
	font-size:18px;
	color:#daccb6;
	padding-bottom:10px;}

.featureArea ul li .Txt h3 strong a:hover{
	text-decoration:underline;}

.featureArea ul li .Txt p{
	text-align:center;
	margin-top:10px;
	font-size:13px;
	color:#b6b6b6;
	line-height:1.8;
	height:50px;}
.featureArea .btn a{
	padding:15px 40px;}
.featureArea .slick-dots{
	bottom:-20px;}
/*廣告跑馬燈*/
.adArea{
	background:#131313;
	padding:75px 0 85px 0;}
.adArea ul{
	margin:0 -43px;}
.adArea ul li{
	padding:0 43px;}

.adArea .item{}

.adArea .Img img{
	-webkit-filter: invert(50%);
    -moz-filter: invert(50%);
    filter: invert(50%);
	display:block;
	width:100%;
	transition:all 0.3s ease;}
.adArea .Img img:hover{
	-webkit-filter: invert(0%);
    -moz-filter: invert(0%);
    filter: invert(0%);}
.adArea h4{
	display:none;}
.labels {
    background-color: rgba(0, 0, 0, 1);
    color: white;
    padding: 6px;
	font-size:13px;}
@media (max-width: 1750px){
	.newsArea ul{
		padding-left:100px;}	
}
@media (max-width: 1550px){
	.newsArea ul{
		padding-left:50px;}	
}
@media (max-width: 1320px){
	.newsArea ul{
		padding-left:20px;}	
}
@media (max-width: 1160px){
	.featureArea ul{
		margin:0;}
	.featureArea{
		padding:105px 0;}	
	.adArea ul{
		margin:0;}
	.adArea ul li{
		padding:0 15px;}
}
@media (max-width: 1024px){
	.aboutArea .Img,
	.newsArea .newsImg .Img{
		display:none;}
	.aboutArea .TxtBox,
	.newsArea .newsBox{
		padding:0 10px;}
	.newsArea ul:before{
		display:none;}
	.newsArea ul{
		text-align:center;}
}

@media (max-width: 960px){
	.featureArea ul li{
		padding:10px;}
	
	.linkArea ul li{
		padding:10px;}
}

@media (max-width: 768px){	
	.aboutArea{}
	
	.aboutArea .Img{
		float:none;
		width:100%;
		margin:0;
		margin-bottom:15px;
		text-align:center;}	
}

@media (max-width: 640px){
	.aboutArea{
		margin-top:30px;}
	
	.featureArea ul{
		margin:0;}
	
	.linkArea ul{
		padding:0;}
	
	.mapArea .mapBox{
		float:none;
		width:100%;
		margin:0;}
}

@media (max-width: 360px){
}