@charset "utf-8";
/* CSS Document */
.mainArea{
	padding:0;}
/*關於我們*/
.aboutArea{
	padding:30px 0;
	overflow:hidden;}
.aboutArea h2{
	margin-bottom:10px;
	font-size:26px;
	color:#000;}
.aboutArea .Img{
margin-bottom:30px;
text-align:center;}
.aboutArea .Img img{
max-width:100%;}
.aboutArea .Txt{
overflow:hidden;
	font-size:15px;
	color:#333;
	line-height:1.8;}
.aboutArea .btn{
	margin-top:25px;}
.aboutArea .btn a{
	padding: 8px 14px;
    color: #fff;
    background: #b90006;}
.aboutArea .btn a:hover{
background: #8c6918;
}
/*推薦商品/房型*/
.featureArea{
	padding:60px 0 0 0;}
.featureArea h1{
	text-align:center;
	margin-bottom: 30px;
    font-size: 28px;
	letter-spacing:2px;
	font-family: 'cwTeXMing', serif;}
.featureArea ul{
	margin:0 -8px;}
.featureArea ul li{
	padding:0 8px 65px 9px;
	transition:all 0.3s ease;}
.featureArea ul li .Img{
	background:#fff;
	position:relative;}
.featureArea ul li .Img a{
	display:block;
	overflow:hidden;}
.featureArea ul li .Img img{
	display:block;
	width:100%;
	transition:all 0.3s linear;
	-webkit-backface-visibility: hidden;}
.featureArea ul li:hover img{
	opacity:0.8;
	transform:scale(1.05);}
.featureArea ul li .Txt{
	padding: 25px 20px 0 10px;}
.featureArea ul li .Txt h3{
	font-family: 'cwTeXMing', serif;
	font-size:20px;}
.featureArea ul li .Txt h3 strong a{
	position:relative;
	display:block;
	font-size:23px;
	color:#000;
	padding-bottom:5px;}
.featureArea ul li .Txt h3 strong a:hover{
	color:#da2441;}
.featureArea ul li .Txt .price{
	margin-top:10px;
	display:inline-block;}
.featureArea ul li .Txt .price strong{
	display:inline-block;
	font-size:15px;
	color:#bc0607;}
.featureArea ul li .Txt .price strong.normal{
	text-decoration:line-through;
margin-right:10px;}
.featureArea ul li .Txt .price strong.discount b{}
.featureArea ul li .Txt .btn{
	display:inline-block;
	float:right;
	margin-top:5px;}
.featureArea ul li .Txt .btn a{
	padding:8px 14px;
	color:#fff;
	background:#7e4e28;}
.featureArea ul li .Txt .btn a:hover{
	background:#8c6918;}
.featureArea ul li .Txt p{
	margin-top:10px;
	font-size:15px;
	color:#000;
	line-height:1.8;
	height:60px;}
@media (max-width: 1180px){
}
@media (max-width: 960px){
	.featureArea ul li{
		padding:10px;}
	.linkArea ul li{
		padding:10px;}
.aboutArea .Img{
display:none;}
}
@media (max-width: 768px){	
	.aboutArea{}
	.aboutArea .Img{
		float:none;
		width:100%;
		margin:0;
		margin-bottom:15px;
		text-align:center;}	
}
@media (max-width: 640px){
	.aboutArea{
		margin-bottom:30px;}
	.featureArea ul{
		margin:0;}
	.linkArea ul{
		padding:0;}
	.mapArea .mapBox{
		float:none;
		width:100%;
		margin:0;}
}
@media (max-width: 360px){
}