@charset "utf-8";
/* CSS Document */

header{
	background:none;}

.bannerArea{
	max-height:650px;
	overflow:hidden;}

.bannerArea li{
	height:650px;}

.mainArea{
	padding:0;
	background:#f0f0f0;}

/*圖文外連*/
.linkArea{}

.linkArea .wrap{
	position:relative;
	top:-25px;
	z-index:99;}

.linkArea ul{
	margin:0 -15px;}

.linkArea ul li{
	padding:0 15px;
	transition:all 0.4s ease;
	position:relative;
	top:0;}

.linkArea ul li:hover{
	top:-10px;}

.linkArea ul li .Img{}

.linkArea ul li .Img img{
	display:block;
	width:100%;
	border-radius:5px;}

.linkArea ul li .Txt{
	display:none;
	padding: 15px;
	text-align:center;
	
	background:#FFF;}

/*推薦商品/房型*/
.featureArea{
	padding:40px 0;}

.featureArea .title{
	position:relative;}

.featureArea h2{
	margin-bottom:20px;
	font-size:24px;
	color:#000;
	text-transform:uppercase;}

.featureArea .control{
	position:absolute;
	right:0;
	top:0;}

.featureArea .control div{
	display:inline-block;
	width:30px;
	height:30px;
	opacity:0.5;
	transition:all 0.4s ease;}

.featureArea .control div:hover{
	opacity:1;}

.featureArea .control div a{
	display:block;
	width:30px;
	height:30px;
	text-indent:-9999px;
	opacity:0.5;}

.featureArea .control #product_prev{
	background:url(../images/bx_arrow_left_s.png);}
.featureArea .control #product_next{
	background:url(../images/bx_arrow_right_s.png);}

.featureArea ul{}

.featureArea ul li{
	padding:0;}

.featureArea ul li .Img{
	position:relative;
	overflow:hidden;
	border-radius:5px 5px 0 0;}

.featureArea ul li .Img a{
	display:block;
	border-radius:5px 5px 0 0;}

.featureArea ul li .Img img{
	display:block;
	width:100%;
	border-radius:5px 5px 0 0;}

.featureArea ul li .Txt{
	padding: 15px 30px;
	
	background:#FFF;}

.featureArea ul li .Txt h3{
	font-size:20px;
overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;}

.featureArea ul li .Txt h3 a{
	position:relative;
	display:block;
	font-size:20px;
	color:#000;}

.featureArea ul li .Txt h3 a:hover{
	color:#da2441;}

.featureArea ul li .Txt p{
	margin-top:10px;
	font-size:13px;
	color:#666;
	line-height:1.8;
	height:80px;}

.featureArea ul li .Txt .btn{
	margin-top:10px;}

.featureArea ul li .Txt .btn a{
	display:inline-block;}

/**最新消息**/
.newsArea{
	background:url(../images/home/bg_news.jpg);
	background-size:cover;
	padding:60px 0;
	padding-bottom:145px;}

.newsArea .title{
	position:relative;}

.newsArea h2{
	margin-bottom:20px;
	font-size:24px;
	color:#000;
	text-transform:uppercase;}

.newsArea .control{
	position:absolute;
	right:0;
	top:0;}

.newsArea .control div{
	display:inline-block;
	width:30px;
	height:30px;
	opacity:0.5;
	transition:all 0.4s ease;}

.newsArea .control div:hover{
	opacity:1;}

.newsArea .control div a{
	display:block;
	width:30px;
	height:30px;
	text-indent:-9999px;
	opacity:0.5;}

.newsArea .control #news_prev{
	background:url(../images/bx_arrow_left_s.png);}
.newsArea .control #news_next{
	background:url(../images/bx_arrow_right_s.png);}

.newsArea ul{}

.newsArea ul li{}

.newsArea ul li .Img{
	border-radius:5px;}

.newsArea ul li .Img a{
	display:block;
	border-radius:5px;}

.newsArea ul li .Img img{
	display:block;
	width:100%;
	border-radius:5px;}

.newsArea ul li .Txt{
	margin-top:20px;}

.newsArea ul li .Txt .date{
	font-size:13px;
	color:#e91512;}

.newsArea ul li .Txt h3{
	font-size:16px;
	font-weight:normal;
	margin-top:10px;}

.newsArea ul li .Txt h3 a{
	color:#666;}

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

.newsArea ul li .Txt p{
	display:none;
	margin-top:7px;
	font-size:13px;
	line-height:1.8;}

/*關於我們*/
.aboutArea{
	background:url(../images/home/bg_about.jpg) center top fixed;
	background-size:100%;}

.aboutArea h2{
	margin-bottom:10px;
	
	font-size:20px;
	color:#000;}

.aboutArea .Img{
	float:left;
	width:50%;
	position:relative;
	margin-right:60px;
	margin-top:-92px;}

.aboutArea .Img img{
	max-width:100%;}

.aboutArea h2{
	font-size:27px;
	font-weight:normal;
	color:#FFF;}

.aboutArea .Txt{
	padding:100px 0;
	overflow:hidden;
	font-size:15px;
	color:#dfdfdf;
	line-height:2;}

.aboutArea .btn{
	margin-top:20px;}

.aboutArea .btn a.btn_color1{
	padding:5px 30px;
	display:inline-block;
	color:#dfdfdf;
	border:1px solid #565656;}

/*廣告跑馬燈*/
.adArea{
	background:#2c1d18;
	padding:45px 0;}

.adArea ul li{
	padding:0;}

.adArea .item{}

.adArea .Img img{
	display:block;
	width:100%;
	transition:all 0.4s ease;}

.adArea .Img:hover img{
	opacity:0.6;}

.adArea h4{
	display:none;}

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

@media (max-width: 960px){
	.aboutArea{
		padding:50px 0;
		background-size:cover;
		background-attachment:scroll;}
		
	.aboutArea .Img{
		width:33%;
		margin:0 30px 0 0;}
	
	.aboutArea .Txt{
		padding:0;}
}

@media (max-width: 768px){	
	.linkArea{
		padding-top:20px;}
	
	.linkArea ul{
		margin:0;}
	
	.linkArea ul li{
		padding:10px 0;}
	
	.linkArea .wrap{
		margin:0;
		top:0;}
}

@media (max-width: 640px){
	
	.aboutArea .Img{
		width:60%;
		float:none;
		text-align:center;
		margin:0 auto;}
	
	.featureArea ul{
		margin:0;}
	
	.linkArea ul{
		padding:0;}
	
	.mapArea .mapBox{
		float:none;
		width:100%;
		margin:0;}
.newsArea ul li{
padding-bottom:10px;}


.featureArea ul li{
	padding:0 0 30px 0;}

}

@media (max-width: 480px){
	.control{
		display:none !important;}
	
}