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

.mainArea{
	padding:0;}
h2{
	font-weight:normal;}
h2{
	font-family: 'Maven Pro', sans-serif;
	font-weight:700;
	font-size:45px;
	color:#5c7d01;
	}
h2 img{ max-width:100%;}	
.btn a{
	display:inline-block;
	padding:20px 63px;
	background: url(../images/btn_icon.png) 37px center no-repeat,#5c7d01;
	border-radius:50px;
	font-size:15px;
	color:#fff;
	box-shadow: 0 3px 7px rgba(0,0,0,0.16);
	transition:all 0.3s ease;}
.btn a:hover{
	padding:20px 63px 20px 73px;}
/*關於我們*/
.aboutArea{
	padding:75px 0 60px 0;
	overflow:hidden;
	text-align:center;}
.aboutArea .Txt{
	padding-top:32px;
	font-size:19px;
	color:#2d2d2d;
	line-height:1.8;}
.aboutArea .btn{
	margin-top:45px;}
/*下載*/
.downloadArea{
	padding:60px 0 35px 0;
	background:url(../images/dowload_bg.jpg);
	border-bottom:1px solid #cbcbcb;}
.downloadArea .wrap{
	padding:50px 10px 95px 80px;
	background:url(../images/document_img.png) right 10px top no-repeat;}
.downloadArea h3{
	padding:24px 0 0 0;
	font-size:35px;
	font-family: 'Maven Pro', sans-serif;
	font-weight:500;
	color:#000;
	position:relative;}
.downloadArea h3:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:97px;
	height:4px;
	background:#ef7e09;}
.downloadArea .btn{
	margin-top:32px;}
.downloadArea .btn a{
	background: url(../images/btn_icon.png) 30px center no-repeat,#ef7e09;
	padding:20px 30px 20px 48px;}
.downloadArea .btn a:hover{
	padding:20px 30px 20px 58px;}
/*推薦商品/房型*/
.featureArea{
	text-align:center;
	padding:40px 0 22px 0;}
.featureArea .wrap{
	width:1500px;}
.featureArea h2{}
.featureArea p{
	padding:40px 0 30px 0;
	font-size:19px;
	line-height:1.6;}
.featureArea ul{
	margin:0 -15px;}

.featureArea ul li{
	padding:0 15px;
	cursor:pointer;}
.featureArea ul li .item{
	position:relative;}
.featureArea ul li .Img{
	position:relative;
	border-radius:10px 0 10px 0;
	background:#5c7d01;}
.featureArea ul li:hover .Img img{
	opacity:0.1;}
.featureArea ul li .item:before{
	content:"more";
	position:absolute;
	top:40%;
	left:50%;
	margin-left:-50px;
	width:100px;
	height:100px;
	text-align:center;
	background:#fff;
	border-radius:50%;
	line-height:100px;
	opacity:0;
	margin-top:-80px;
	z-index:3;
	transition:all 0.3s ease;}
.featureArea ul li:hover .item:before{
	opacity:1;
	margin-top:-40px;}
.featureArea ul li .Img:after{
	content:"";
	position:absolute;
	top:10px;
	left:10px;
	bottom:10px;
	right:10px;
	border-radius:10px 0 10px 0;
	border:1px solid #5c7d01;}
.featureArea ul li:hover .Img:after{
	border:1px solid #fff;}
.featureArea ul li .Img a{
	display:block;}

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

.featureArea ul li .Txt{
	padding: 25px 0 15px 0;
	text-align:center;}

.featureArea ul li .Txt h3{
	font-size:16px; height:30px; overflow:hidden; }

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

.featureArea ul li .Txt h3 strong a{
	position:relative;
	display:block;
	font-size:19px;
	color:#353535;
	font-family: 'Maven Pro', sans-serif;
	font-weight:500;
	padding-bottom:10px;}
.featureArea ul li .Txt h3 strong a:hover{
	color:#ef7e09;}

/**最新消息**/
.newsArea{
	background:#5c7d01;
	padding:40px 0 80px 0;}
.newsArea .wrap{
	position:relative;}	
.inewst{ text-align:center; position:absolute; z-index:3; top:-87px; width:100%;}
.newsArea h2 strong{
	background:url(../images/news_icon.png) left center no-repeat;
	font-weight:normal;
	padding-left:60px; padding-right:60px;}
.newsBox{
	float:right;}
.newsArea ul{
	padding-top:48px;
	padding-left:50px;}

.newsArea ul li{
	padding:8px 0;}
.newsArea ul li .Txt{
	overflow:hidden;}
.newsArea ul li .Txt .date{
	display:inline-block;
	font-family: 'Maven Pro', sans-serif;
	font-weight:700;
	font-size:18px;
	color:#ffe2b9;
	padding-right:41px;}
.newsArea ul li .Txt h3{
	display:inline-block;}
.newsArea ul li .Txt h3 a{
	font-size:25px;
	font-weight:normal;
	color:#fff;}

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

.newsArea ul li .Txt p{
	margin-top:7px;
	font-size:13px;
	line-height:1.8;}
/*聯絡資訊*/
.contactArea{
	padding: 90px 0 75px 70px;}
.contactArea .wrap{
	width:1500px;}
.contactArea h3{
	font-size:45px;
	color:#000;
	font-family: 'Maven Pro', sans-serif;
	font-weight:700;
	padding-left:125px;
	background:url(../images/contact_icon.png) left 13px no-repeat;}
.contactArea .Txt{
	padding:10px 0 0 130px;
	font-size:16px;
	color:#000;
	line-height:1.8;}
.contactArea .btn{
	padding: 45px 0 0 130px;}
.contactArea .btn a{
	padding:20px 62px 20px 50px;
	background: url(../images/btn_icon.png) 30px center no-repeat,#ef7e09;}
.contactArea .btn a:hover{
	padding:20px 62px 20px 60px;}
/*圖片*/
.imgArea{
	padding: 0 35px 75px 35px;}
.imgArea img{
	width:100%;
	display:block;}
.imgArea .Img{
	overflow:hidden;}
	
@media (max-width:1500px){	
.featureArea .wrap {
    	width: 100%;
		overflow:hidden;}	
}		
@media (max-width:1180px){
	.contactArea .wrap,
	.featureArea .wrap {
    	width: 100%;
		overflow:hidden;}
	.slick-next {
    	right: 5px!important;
		margin-top: -60px!important;}
	.slick-prev {
		left: 5px!important;
		margin-top: -60px!important;}
	.contactArea{
		padding:50px 10px;}	
	.imgArea{
		padding: 0 10px 75px 10px;}
}
@media (max-width: 1020px){
	.downloadArea .wrap{
		padding:50px 0 95px 20px;}
}

@media (max-width: 900px){
	.downloadArea .wrap{
		padding:50px 10px;
		background:none;}
}
@media (max-width: 767px){
	.contactArea h3{
		padding:0;
		background:none;}	
	.contactArea .Txt{
		padding:10px 0 20px 0;}
	.contactArea .btn{
		padding:0;}
	.featureArea ul li .Txt h3{
	font-size:16px; height:60px; overflow:hidden; }	
}
@media (max-width: 810px){
	.newsArea{
		padding:40px 0;}
	.newsArea ul{
		padding:0;}
	.newsArea ul li .Txt .date{
		display:block;
		padding-bottom:10px;}	
	.newsArea ul li .Txt h3 a{
		font-size:22px;}
}