/* CSS Document */

.classNote{
	padding-bottom:10px;
	font-family:"微軟正黑體", "新細明體", sans-serif;
	font-size:15px;
	color:#222;
	text-align:center;
	line-height:1.8;}

	
	
	
	
.featureArea ul{
	margin:0;
}
/*客房圖片*/
.featureArea ul li{
	width:29.33%;
	margin:0 2% 40px 2%;
	transition: all 0.4s ease 0s;
}

/*解決客房照片寬高形成標準圓形 */

/* 方形 */
.featureArea ul li .Img{
	/*background:#fff;*/
	border-radius:100%;
	transition:all 0.4s ease;
}

.featureArea ul li .Img a img{	
	width:100%;/* 解決客房照片寬高形成標準圓形 */
	transition:all 0.4s ease;
}

.featureArea ul li .Img a:after{
	content: "看客房介紹";
	font-size: 18px;
	color:#808080;	
	position:absolute;
	left:20%;
	top:30%;
	width:300px;
	height:130px;
	/*background:url(../images/00.png) no-repeat center 8px; 框框內的照片 */
	padding-top:50px;/*字的高度*/
	margin-left: -40px;
	border:0px solid #fff;
	text-align:center;
	line-height:50px;
	display:block;
	opacity:0;
	transition:all 0.4s ease;
	}
	
/*圖片hover效果*/
.featureArea ul li:hover .Img{
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	transform:rotate(0deg);}

.featureArea ul li:hover .Img a img{
	opacity:0.20;
	transform:scale(1.05);
}
.featureArea ul li:hover .Img a:after{
	opacity:1;
	margin-top:-40px;
}
.featureArea ul li .Txt{
	margin-top:20px;
	
	}
.featureArea ul li .Txt h3{
	font-weight:normal;}
.featureArea ul li .Txt h3 a{
	margin-top:-72px;
	position:relative;
	display:block;
	font-family:"微軟正黑體", "新細明體", sans-serif;
	font-size:28px;	color:#00aabb;
	}	
.featureArea ul li .Txt h3 a:hover{text-decoration:none;}
.featureArea ul li .Txt p{/*小字*/
	}	
	
		
/******內頁******/
.contentBox{}

.contentBox .leftBox{
	float:left;
	width:64%;}

.contentBox .leftBox .Img{}

.contentBox .leftBox .Img img{
	width:100%;}

.contentBox .leftBox h3{
	margin:10px 0 20px 0;
	border:none;}

.contentBox .rightBox{
	float:right;
	width:30%;}

.contentBox .rightBox .link{
	margin-bottom:40px;}

.contentBox .rightBox .link a{
	display:inline-block;
	padding:10px 15px;
	font-family:"微軟正黑體", "新細明體", sans-serif;
	font-size:16px;
	color:#FFF;
	box-shadow:2px 2px 2px #CCC;
	border-radius:3px;
	text-align:center;
	
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;}

/*1160*/
@media (max-width: 1300px){
}

/*767*/
@media (max-width: 768px){
/*內頁*/
.contentBox .leftBox{
	float:none;
	width:100%;
	padding:0;}

.contentBox .rightBox{
	float:none;
	width:100%;
	margin-top:20px;}
	
	
	
.featureArea{
	padding-bottom:0px;
}
.featureArea ul li{
    margin-top: 10px;
	margin-bottom: 40px;

}
.featureArea ul li .Txt h3{
	font-weight:normal;
	}
.featureArea ul li .Txt h3 a{
margin-top: -26px;
	position:relative;
	display:block;
	font-family:"微軟正黑體", "新細明體", sans-serif;
	font-size:28px;	color:#00aabb;
	}	
.featureArea ul li .Txt h3 a:hover{text-decoration:none;}
.featureArea ul li .Txt p{/*小字*/
	}	




}
/*767 end*/

/*640*/
@media (max-width: 640px){

}

/*360*/
@media (max-width: 480px){
/**推薦房型**/

	.featureArea ul li{
	width:90%;
margin:0 5% 60px 5%;

}	
}
/*360 end*/




@media (max-width: 320px){
/**推薦房型**/

	.featureArea ul li{
	width:80%;
margin:0 5% 60px 5%;

}	
}