@charset "utf-8";
/* CSS Document */
.bannerArea img{
	height:vmin;
	width:vmin;	
}
.mainArea .wrap.b-box.clearfix .featureArea .btn .hvr-wobble-vertical {
	margin-bottom: 50px;	
}

.mainArea{
	padding:0;
	background:url(../images/index_bg02.jpg) no-repeat center bottom #e6f6fc;
	background-size:100% auto;
}


.featureArea {
	text-align: center;	
}
.featureArea h2 {
	margin: 0px;
	padding: 0px;	
}

.featureArea h2 strong{
	font-weight:normal;
	display:inline-block;
	padding-left:50px;
	background:url(../images/icon.png) no-repeat left top;
	min-height:50px;
	text-align:right;
	font-family: 'cwTeXMing';
	color:#000b55;
	font-size:25px;
	line-height:1.4;
}
.featureArea h2 strong em{
	display:block;	
	font-size:13px;
	color:#a2a7c6;}
	
.featureArea .Txt{
	font-size:15px;
	line-height:2;
	color:#000;
	padding-top: 20px;
	padding-right: 80px;
	padding-bottom: 80px;
	padding-left: 80px;
}


/*推薦商品/房型*/
.featureArea{
	margin-top:-105px;
	background:#fff;
}
.featureArea h2{
	padding:80px 0 40px 0;
	text-align:center;}
.featureArea h2 strong{
	font-weight:normal;
	display:inline-block;
	padding-left:50px;
	background:url(../images/icon.png) no-repeat left top;
	min-height:50px;
	text-align:right;
	font-family: 'cwTeXMing';
	color:#000b55;
	font-size:25px;
	line-height:1.4;
}
.featureArea h2 strong em{
	display:block;	
	font-size:13px;
	color:#a2a7c6;}
	
	.aboutArea{
	margin: 0px;
	padding-top: 80px;
	padding-bottom: 80px;
		}

.aboutArea ul{padding:0 0 50px 0;
margin-left:20px;}

.aboutArea ul li{
	padding:0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.aboutArea ul li .item{
	margin: 20px 20px 20px 0;
	padding:0 0 20px 0;
	
	}
.aboutArea ul li:hover{
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);}

.aboutArea ul li .Img{
	position:relative;
	overflow:hidden;
}

.aboutArea ul li .Img a{
	display:block;
	overflow:hidden;
	position:relative;}


.aboutArea ul li .Img img{
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	display:block;
	width:100%;}
	
.aboutArea ul li:hover .Img img{
	-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);
}

.aboutArea ul li .Txt{
	padding:10px;
	position:relative;
	text-align:center;	
}



.aboutArea ul li .Txt h3{
	color:#fff;
	font-size:20px;
	padding:15px 0;
	font-weight:normal;
	overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;
  border-bottom:1px solid #d8d8d8;
}

.aboutArea ul li .Txt h3 a{
	position:relative;
	color:#000;
}
.aboutArea ul li:hover .Txt h3 a{
}


.aboutArea ul li .Txt p{
	margin:20px 0;
	font-size:14px;
	color:#000;
	line-height:20px;
	height:40px;
	overflow:hidden;}

.aboutArea ul li .btn a{
	background:#396cca;}
	
.aboutArea ul li:hover .btn a{
	background:#033a86;}



/*圖文外連*/
.linkArea{
	padding:150px 0 100px 0;
	position:relative;}
.linkArea h2{
	text-align:center;
	padding:0 0 70px 0;}
.linkArea h2 strong{
	font-weight:normal;
	display:inline-block;
	padding-left:50px;
	background:url(../images/icon.png) no-repeat left top;
	min-height:50px;
	text-align:right;
	font-family: 'cwTeXMing';
	color:#fff;
	font-size:25px;
	line-height:1.4;
}
.linkArea h2 strong em{
	display:block;	
	font-size:13px;
	color:#fff;}
.linkArea ul{
	margin:0;
	}

.linkArea ul li{
	padding:10px 0 0 0;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

.linkArea ul li .Img{}

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

.linkArea ul li .Txt{
	display:none;}

.linkArea ul li:hover{
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);}


@media (max-width: 1060px){
.linkArea h2 strong{
	font-weight:normal;
	display:inline-block;
	padding-left:50px;
	background:url(../images/icon.png) no-repeat left top;
	min-height:50px;
	text-align:right;
	font-family: 'cwTeXMing';
	color:#000b55;
	font-size:25px;
	line-height:1.4;
}
.linkArea h2 strong em{
	display:block;	
	font-size:13px;
	color:#a2a7c6;}
}
