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

.bannerArea{
	position:relative;}

.bannerArea img{
	display:none !important;}

.bannerArea li{
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;}

.bannerArea li a{
	display:block;
	width:100%;
	height:100%;}

.bannerArea .bx-wrapper .bx-pager, 
.bannerArea .bx-wrapper .bx-controls-auto{
	z-index:100;}

@media screen and (max-width:1300px){
	.bannerArea li{
		background:none;
		height:auto !important;}
	
	.bannerArea img{
		display:block !important;}
	
	.bannerArea a.scrollDown{
		display:none;}
}

.mainArea{
	padding:0;}

h2.enTitle{
	text-align:center;}

h2.enTitle em{
	font-family: 'PT Serif', serif;
	font-size:32px;
	color:#232424;
	font-weight:normal;
	text-transform:uppercase;
	
	position:relative;}

h2.enTitle em:after{
	content:"";
	background:url(../images/dec_leaf.png) no-repeat;
	width:45px;
	height:30px;
	display:block;
	position:absolute;
	top: -16px;
    right: -25px;}

h2.enTitle strong{
	display:block;
	font-size:18px;
	color:#666;
	font-weight:normal;
	text-align:center;}

h2.enTitle strong:before,
h2.enTitle strong:after{
	content:"/";
	margin:0 4px;}

/*關於我們*/
.aboutArea{
	padding:150px 0;
	overflow:hidden;
	text-align:center;
	position:relative;
	background:url(../images/home/dec_about.jpg) no-repeat fixed center center;
	background-size:cover;}
				
.aboutArea h2{
	margin-bottom:65px;}				

.aboutArea .Img{
	display:none;
	margin-bottom:15px;}

.aboutArea .Txt{
	font-size:16px;
	color:#666;
	line-height:1.8;}

.aboutArea .btn{
	margin-top:50px;
	text-align:center;}

.aboutArea .btn a{
	display:inline-block;
	padding:7px 50px;
	color:#666;
	border:1px solid #CCC;}

.aboutArea .btn a i{
	margin-left:5px;}

.aboutArea .btn a:hover{
	background:#1c51b9;
	color:#FFF;}

/**最新消息**/
.newsArea{
	background:url(../images/home/bg_news.jpg) fixed center no-repeat #000;
	background-size:100% auto;
	padding:75px 0;}

.newsArea h2{
	margin-bottom:50px;}	

.newsArea h2.enTitle em{
	color:#FFF;}

.newsArea h2.enTitle strong{
	color:#FFF;}

.newsArea ul{}

.newsArea ul li{}

.newsArea ul li .Img{}

.newsArea ul li .Img a{
	display:block;
	position:relative;}

.newsArea ul li .Img img{
	display:block;
	width:100%;}

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

.newsArea ul li .Txt .date{
	margin-bottom:5px;
	font-size:13px;
	color:#CDCDCD;}

.newsArea ul li .Txt h3{
	font-size:17px;
	font-weight:normal;}

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

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

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

.newsArea .btn{
	margin-top:50px;
	text-align:center;}

.newsArea .btn a{
	display:inline-block;
	padding:7px 50px;
	color:#FFF;
	border:1px solid #FFF;}

.newsArea .btn a i{
	margin-left:5px;}

.newsArea .btn a:hover{
	background:#1c51b9;
	color:#FFF;
	border:1px solid tranparent;}

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

.featureArea h2{
	margin-bottom:70px;}	

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

.featureArea ul li{
    margin-bottom:20px;
	padding:0 15px;}

.featureArea ul li .item{
	border:1px solid #D3D3D3;
	padding:1px;}

.featureArea ul li .Img{
	position:relative;}

.featureArea ul li .Img a{
	display:block;
    overflow:hidden;
}

.featureArea ul li .Img img{
	display:block;
	width:100%;}

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

.featureArea ul li .Txt h3{
	font-size:20px;
	text-align:center;}

.featureArea ul li .Txt h3:before{
	display:block;
	content:"";
	background:url(../images/dec_round.png) no-repeat;
	width:25px;
	height:25px;
	margin:0 auto 5px auto;}

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

.featureArea ul li .Txt h3 strong a{
	position:relative;
	display:block;
	font-size:16px;
	color:#1c51b9;}

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

.featureArea ul li .Txt .price{
	margin-top:10px;
	overflow:hidden;
	height:25px;
	color:#9E9E9E;
	text-align:center;}

.featureArea ul li .Txt .price strong{
	display:inline-block;
	margin:0 5px;}

.featureArea ul li .Txt .price strong.normal{
	text-decoration:line-through;}

.featureArea ul li .Txt .price strong.discount b{
	font-size:18px;
	font-style:italic;
	color:#DB3336;}

.featureArea ul li .Txt p{
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #DADADA;
	font-size:13px;
	color:#666;
	line-height:1.8;
	height:55px;
	text-align:center;}

.featureArea .btn{
	margin-top:50px;
	text-align:center;}

.featureArea .btn a{
	display:inline-block;
	padding:7px 50px;
	color:#666;
	border:1px solid #CCC;}

.featureArea .btn a i{
	margin-left:5px;}

.featureArea .btn a:hover{
	background:#1c51b9;
	color:#FFF;}

.featureArea ul li .ribbon_new{/*最新*/
    display: block;
    background: url(../images/ribbon_new.png) no-repeat;
    width: 121px;
    height: 37px;
    text-indent: -9999px;
    position: absolute;
    top: -10px;
    right: 0;
    z-index: 99;}

.featureArea ul li .ribbon_hot{/*熱門*/
	display: block;
    background: url(../images/ribbon_hot.png) no-repeat;
    width: 121px;
    height: 37px;
    text-indent: -9999px;
    position: absolute;
    top: -10px;
    right: 0;
    z-index: 99;}
		
/*廣告跑馬燈*/
.adArea{
	background:url(../images/bg_marquee.jpg) no-repeat;
	padding:55px 0;
	background-size:cover;}

.adArea h2{
	margin-bottom:50px;}	

.adArea h2.enTitle em{
	color:#FFF;}

.adArea h2.enTitle strong{
	color:#FFF;}

.adArea ul li{
	padding:0;}

.adArea .item{}

.adArea .Img img{
	display:block;
	width:100%;}

.adArea h4{
	display:none;}

@media (max-width: 1160px){
	.aboutArea{
		background:none;
		padding:50px 0;}
	
	.newsArea{
		background-attachment:scroll;
		background-size:cover;
		padding:75px 0;
		background-position:0 -10px;}
}

@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{}
	
	.featureArea ul{
		margin:0;}
	
	.linkArea ul{
		padding:0;}
	
	.mapArea .mapBox{
		float:none;
		width:100%;
		margin:0;}
}

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