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

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v14/dPJ5r9gl3kK6ijoeP1IRsvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v14/EsvMC5un3kjyUhB9ZEPPwg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin */
@font-face {
  font-family: 'Pinyon Script';
  font-style: normal;
  font-weight: 400;
  src: local('Pinyon Script'), local('PinyonScript'), url(https://fonts.gstatic.com/s/pinyonscript/v7/TzghnhfCn7TuE73f-CBQ0FgaG90emUMHR_woZ36JLVg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

	
.mainArea{
	padding:0;}	
.btn a{
	padding:13px 35px;
	color:#666666;
	font-size:13px;
	border:1px solid #666666;
	transition:all 0.6s ease;
	position:relative;}
.btn a:hover{
	color:#fff;
	border:none;
	background:#0a0606;}	
.btn a i{
	margin-left:40px;
	opacity:0.5;}
/*推薦商品/房型*/
.featureArea{
	background:url(../images/ad_room_bg.jpg);
	background-size:100% 100%;
	padding: 120px 0;}
.featureArea .wrap{
	position:relative;}
.featureArea ul li .Img{
	position:relative;
	overflow:hidden;
	cursor:pointer;
	width:67.6%;}
.featureArea ul li .Img a{
	display:block;}

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

.featureArea ul li .Txt{
	padding: 30px 35px 30px 50px;
	height:413px;
	position:relative;
	background: #eee9e0;
	float:left;
	text-align:left;
	width:32.4%;}
.featureArea ul li .Txt h2 strong{
	font-size:30px;
	color:#212121;
	text-transform:uppercase;
	font-family: 'Lato', sans-serif;}
.featureArea ul li .Txt h2 em{
	font-size:18px;
	color:#212121;
	font-weight:normal;
	margin-left:8px;}
.featureArea ul li .Txt h3{
	margin-top:24px;}
.featureArea ul li .Txt h3 strong{
	font-weight:normal;}

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

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

.featureArea ul li .Txt p.sample{
	font-size:15px;
	color:#666666;
	line-height:1.8;
/*	padding-bottom:35px;*/
	height:10px;
	border-bottom:1px dashed #cabfaf;}
.featureArea ul li .Txt p.detail{
	font-size:14px;
	color:#3f3e3f;
	padding-top:24px;
	height:95px;}
.featureArea ul li .Txt .btn{
	margin-top:30px;}
.featureArea .bx-wrapper .bx-controls-direction a{
	width:13px;
	height:23px;}
.featureArea .bx-wrapper .bx-prev{
    left: -25px;
    background: url(../images/prev.png) no-repeat;}
.featureArea .bx-wrapper .bx-next{
    right: -25px;
    background: url(../images/next.png) no-repeat;}
.featureArea .bx-wrapper .bx-next:hover{
	background-position:left;}
	
/*關於我們*/
.aboutArea{
	background: url(../images/ad_about_bg.jpg) center bottom fixed no-repeat;
    background-size: 100% 100%;
	padding:100px 0;
	text-align:center;
	position:relative;}
.aboutArea .Txt{
	font-size:15px;
	color:#fff;
	line-height:1.8;
	padding:25px 250px 40px 250px/*70px 250px 65px 250px*/;}
.aboutArea .btn a{
	color:#fff;
	border:1px solid #fff;}
.aboutArea .btn a:hover{
	border:1px solid #ffffff;
	}

/*地圖*/
.map{
	float:left;}
#gmap_s{
	width:100%;
	height:500px;}
/**最新消息**/
.newsArea{
	background:url(../images/news_bg.jpg);}
.newsArea .newsBox{
	/*float:left;*/
	width:1000px/*580px*/;
	padding:65px 0 63px 55px;
	margin: 0px auto;}
.newsArea .newsBox h2{
	border-bottom:1px dashed #c9bfaf;
	padding-bottom: 10px;
    text-align: center;
}
.newsArea .newsBox h2 strong{
	font-size:33px;
	text-transform:uppercase;
	color:#22aca6;
	font-family: 'Lato', sans-serif;}
.newsArea .newsBox h2 em{
	font-size:18px;
	color:#212121;
	font-weight:normal;
	margin-left:8px;}
.newsArea .newsBox ul{
	padding:30px 0 55px 10px;}
.newsArea .newsBox ul li .Txt h3{
	margin-bottom:19px;}
.newsArea .newsBox ul li .Txt h3 a{
	color:#666;
	font-size:16px;
	font-weight:normal;
	position:relative;}
.newsArea .newsBox ul li .Txt h3 a:before{
	content: "";
    display: inline-block;
    vertical-align: middle;
    width: 3px;
    height: 3px;
    background: #666;
	border-radius:50%;
    margin-right: 7px;}
.newsArea .newsBox ul li .Txt h3 a:hover:before{
	background:#ae1d49;}
.newsArea .newsBox ul li .Txt h3 a:hover{
	text-decoration:underline;
	color:#ae1d49;}
.newsArea .newsBox .btn{
	/*float:right;*/	
	padding-bottom:15px;
	text-align: center;}
/*廣告跑馬燈*/
.adArea ul li{
	padding:0;}
.adArea h4{
	display:none;}
.adArea ul li .Img{
	transition:all 0.3s ease;}
.adArea ul li .Img:hover{
	opacity:0.7;}

@media (max-width: 1180px){
.featureArea{
	padding:50px 0;}
.featureArea ul li .Txt{
	width:100%;}
.featureArea ul li .Img{
	width:100%;}	
.featureArea .bx-wrapper .bx-prev {
    left: 0;
	margin-top: -300px;}
.featureArea .bx-wrapper .bx-next {
    right: 0;
	margin-top: -300px;}
.aboutArea{
	background-size:cover;
	background-attachment:scroll;}
.aboutArea .Txt{
	padding: 70px 50px 65px 50px;}
.newsArea .newsBox{
	width:50%;
	padding:40px 20px 75px 20px;}
}

@media (max-width: 1024px){
	.newsArea .map{
		float:none;}
	.newsArea .map{
		float:none;}
	.newsArea .newsBox{
		width:100%;}
	.newsArea .newsBox .btn{
		float:left;}
	.newsArea .newsBox ul{
		padding: 30px 0 20px 0;}
	
}

@media (max-width:800px){
	.featureArea .bx-wrapper .bx-prev {
		margin-top: -260px;}
	.featureArea .bx-wrapper .bx-next {
		margin-top: -260px;}
}
@media (max-width: 640px){
	
	.featureArea ul{
		margin:0;}
	
	.linkArea ul{
		padding:0;}
	
	.mapArea .mapBox{
		float:none;
		width:100%;
		margin:0;}
}
@media (max-width:520px){
	h2 span{
		font-size:35px;}
	.featureArea .bx-wrapper .bx-prev {
		margin-top: -200px;}
	.featureArea .bx-wrapper .bx-next {
		margin-top: -200px;}
}
@media (max-width:480px){
	.marqueeArea ul li h3 a{
		font-size:10px;}
	.featureArea .bx-wrapper .bx-prev {
		left: 0;
		margin-top: -130px;}
	.featureArea .bx-wrapper .bx-next {
		right: 0;
		margin-top: -130px;}
	.featureArea ul li .Txt h2 strong{
		margin-right:10px;}
	.aboutArea .Txt {
		padding: 70px 10px 65px 10px;}
}
@media (max-width:450px){
	
}