@charset "utf-8";
/* CSS Document */
.mainArea{
	background:#030303;
	padding:0;}
.mainArea:before{
	display:none;}
h2{
	text-align:center;
	margin-bottom:55px;}
h2 strong{
	position:relative;
	display:inline-block;
	font-family: 'Play', sans-serif;
	color:#fff;
	font-size:40px;
	padding:26px 55px 0 0;
	background:url(../images/news_icon.png) top right no-repeat;}
h2 em{
	display:block;
	font-size:15px;
	color:#868686;
	font-weight:normal;
	padding-right:55px;}
.btn{
	padding-top:90px;
	display:block;
	text-align:center;
	clear:both;}
.btn a{
	display:inline-block;
	font-family: 'Play', sans-serif;
	color:#868686;
	padding:14px 44px;
	border:1px solid #868686;}
.btn a i{
	margin-left:8px;
	transition:all 0.3s ease;}
.btn a:hover i{
	margin-left:18px;}
/**最新消息**/
.newsArea{
	position:relative;}
.newsArea .newsBox{
	width:50%;
	background:url(../images/news_bg.png) no-repeat;
	background-size:cover;
	padding:70px 0 105px 0;}
.newsArea .newsBox .wrap{
	width:580px;
	float:right;}
.newsBox ul{}
.newsBox ul li{
	padding:30px 0;}
.newsBox ul li .Txt{
	width:75%;
	overflow:hidden;}
.newsBox ul li .date{
	display:inline-block;
	width:90px;
	height:90px;
	font-family: 'Play', sans-serif;
	border-radius:50%;
	background:#fabe00;
	color:#fff;
	text-align:center;
	vertical-align:top;}
.newsBox ul li .date span{
	font-size:13px;
	font-weight:normal;
	display:block;
	padding-top:20px;}
.newsBox ul li .date span.day{
	font-size:30px;
	font-weight:bold;
	padding-top:0;
	margin-top:-4px;}
.newsBox ul li .Txt{
	padding:0 0 0 24px;
	display:inline-block;}
.newsBox ul li .Txt h3 a{
	font-size:20px;
	font-weight:normal;
	color:#fff;}
.newsBox ul li .Txt h3 a:hover{
	text-decoration:underline;}
.newsBox ul li .Txt p{
	margin-top:7px;
	font-size:13px;
	line-height:1.6;
	color:#868686;
	height:60px;}
.newsBox ul li .Txt p a, .newsBox ul li .Txt p a:visited {
    color:#868686;
    text-decoration: none;
}
/*關於我們*/
.newsArea .aboutBox{
	position:absolute;
	top:-27px;
	right:0;
	width:53.5%;
	background:url(../images/about_bg.png) no-repeat;
	background-size:cover;
	padding:98px 0 85px 0;
	overflow:hidden;}
.newsArea .aboutBox:before{
	content:url(../images/tiger.png);
	position:absolute;
	right:0;
	bottom:53px;}
.newsArea .aboutBox .wrap{
	width:647px;
	float:left;
	padding-left:50px;}
.aboutBox h2{
	margin-bottom:80px;}
.aboutBox h2 strong{
	color:#0d0d0d;
	background:url(../images/about_icon.png) top right no-repeat;}
.aboutBox h2 em{
	color:#0d0d0d;}
.aboutBox .Img img{
	float:right;}
.aboutBox .Txt{
	padding:0 10px;
	display:inline-block;
	font-size:13px;
	color:#000;
	line-height:1.6;}
.aboutBox .Txt h3{
	font-size:20px;
	color:#000;
	font-weight:normal;
	margin-bottom:10px;}
.aboutBox .btn{
	padding-top:115px;}
.aboutBox .btn a{
	background:#1b1c1b;
	border:1px solid #1b1c1b;
	color:#fff;}
/*推薦商品/房型*/
.featureArea{
	background:url(../images/catalog_bg.jpg) center center no-repeat;
	background-size:cover;
	background-attachment:fixed;
	padding:45px 0 85px 0;}
.featureArea ul{
	}
.featureArea ul li{
	padding:20px 0;
	position:relative;
	transition:all 0.5s ease;}
.featureArea ul li:hover{
	transform:translateY(-20px);
	-webkit-transform:translateY(-20px);
	-moz-transform:translateY(-20px);}
.featureArea ul li .Img{
	position:relative;
	overflow:hidden;
	background:#f0b700;}
.featureArea ul li .Img a{
	display:block;}
.featureArea ul li .Img img{
	display:block;
	width:100%;
	transition:all 0.5s ease;}
.featureArea ul li:hover .Img img{
	opacity:0.4;}
.featureArea ul li .Txt{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	left:0;
	width:100%;
	text-align:center;
	margin-top:30px;
	opacity:0;
	transition:all 0.5s ease;}
.featureArea ul li:hover .Txt{
	margin-top:0;
	opacity:1;}
.featureArea ul li .Txt h3 strong a{
	position:relative;
	display:block;
	font-size:30px;
	color:#fff;
	font-family: 'Play', sans-serif;}
.featureArea .slick-dots{
	bottom:-30px;}
@media (max-width: 1570px){
	.newsArea .aboutBox:before{
		right:-100px;}
}
@media (max-width: 1380px){
	.newsArea .aboutBox:before{
		right:-200px;}
}
@media (max-width: 1180px){
	.newsArea .aboutBox:before{
		display:none;}
	.newsArea .aboutBox .wrap,
	.newsArea .newsBox .wrap{
		width:100%;}
	h2{
		padding-left:55px;}
	.featureArea ul li .Txt{
		position:static;
		top:auto;
		transform:none;
		margin-top:0;
		opacity:1;
		padding-top:10px;}
}
@media (max-width: 1075px){	
	.newsArea .newsBox,
	.newsArea .aboutBox{
		width:100%;}
	.aboutBox h2{
		margin-bottom:30px;}
	.newsArea .aboutBox{
		background:url(../images/about_phone_bg.jpg) no-repeat;
		background-size:cover;
		position:static;}
	.newsArea .aboutBox .wrap{
		padding:0;}
	.newsArea .aboutBox .Img,
	.newsArea .aboutBox .Txt{
		display: block;
		width: 100%;
		text-align:center;}
	.newsArea .aboutBox .Img img{
		float:none;}
	.newsBox ul li .Txt{
		width:80%;}
	.aboutBox .btn{
		padding-top:55px;}
}
@media (max-width: 525px){
	.newsBox ul li{
		padding:10px 0;}
	.newsBox ul li .Txt{
		width:100%;
		padding:20px 0 0 0;
		text-align:center;}
	.newsBox ul li .date{
		display:block;
		margin:0 auto;}
	h2{
		margin-bottom:20px;}
}
@media (max-width: 350px){
	h2{
		padding-left:0;}
	h2 strong{
		background:none;
		padding:26px 0 0 0;}
	h2 em{
		padding:0;}
}