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



.classNote{

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

/**推薦房型**/

.featureArea ul{
	width:100%;
	position:relative;
	left:0;
	padding:0;
	margin:0;}

.featureArea ul li{
	position:relative;
	width:31.333%;
	margin:0 1% 20px 1%;
	transition:all 0.2s linear;
	float:left;
	
}


.featureArea ul li .Img{
	position:relative;
	background:#fff;
	transition:all 0.5s linear;
}
.featureArea ul li:hover .Img{
	background:#000;}
.featureArea ul li .Img a{
	overflow: hidden;
	display: block;
	width: 100%;
	position: relative;
}
.featureArea ul li:hover .Img a{
position:relative;
}
.featureArea ul li .Img a img{
	width:100%;
	float:left;
	-webkit-transform: scale(1);
  	transform: scale(1);
	transition:all 0.5s linear;
	opacity:0.95;}
.featureArea ul li:hover .Img a img{
	-webkit-transform: scale(1.1);
  	transform: scale(1.1);	
	opacity:0.2;
}
.featureArea ul li .Txt{
	position:absolute;
	width:100%;
	top:20px;
	left:0;
	text-align:center;
	transition:all 0.3s linear;
}
.featureArea ul li .Txt h3{
	font-weight:normal;
	white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;
padding:20px 10px;
position:relative;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.66);
}
.featureArea ul li .Txt h3:after{
	content:"";
	display:block;
	background:#fad08a;
	width:36px;
	height:2px;
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-18px;
}
.featureArea ul li .Txt h3:before{
	content:"~ Rooms ~";
	font-family: 'Tangerine', cursive;
	color:#fad08a;
	font-size:1.8em;
	width:100%;
	display:block;
	padding-bottom:10px;
	text-align:center;
	}
.featureArea ul li .Txt h3 a{
	font-size: 1.5em;
	font-family: 'cwTeXMing', serif;
	color: #fff;

}
.featureArea ul li:hover .Txt h3 a{
color:#fff;
}
.featureArea ul li:hover .Txt p{
	opacity:1;
}
.featureArea ul li .Txt p{
	transition:all 0.3s linear;
	opacity:0;
	padding:30px 0 0 0;
	font-size:0.85em;
	line-height:1.5;
	color:#d0d0d0;
	display:block;
}
.featureArea ul li:hover .Txt a.btn{
	opacity:1;
}
.featureArea ul li:hover .Txt a.btn:hover{
	background:#6a4a16;}
.featureArea ul li .Txt a.btn{
	transition:all 0.3s linear;
	opacity:0;
	color: #fff;
	border-radius: 3px;
	display: inline-block;
	margin-top: 30px;
	font-size: 0.8em;
	padding: 8px 20px;
	background-image: -webkit-linear-gradient(270deg,rgba(201,171,123,1.00) 9.84%,rgba(130,100,52,1.00) 77.72%);
	background-image: -moz-linear-gradient(270deg,rgba(201,171,123,1.00) 9.84%,rgba(130,100,52,1.00) 77.72%);
	background-image: -o-linear-gradient(270deg,rgba(201,171,123,1.00) 9.84%,rgba(130,100,52,1.00) 77.72%);
	background-image: linear-gradient(180deg,rgba(201,171,123,1.00) 9.84%,rgba(130,100,52,1.00) 77.72%);
}		
/******內頁******/
.contentBox{}

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

.contentBox .leftBox .Img{}

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

.contentBox .leftBox h3{

	border:none;}

	
.contentBox h3.articleTitle:before{
	font-family:Fontawesome;
	content:"\f084";
	font-size:20px;
	padding-right:5px;
	}
.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;}



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

.contentBox .rightBox{
	float:none;
	width:100%;
	margin-top:20px;}
.featureArea ul li{
	width:90%;
	margin:15px 5%;
	transition:all 0.2s linear;}
}
/*767 end*/


/*360*/
@media (max-width: 480px){
/**推薦房型**/
.featureArea ul li{
	width:100%;
	margin:15px 0%;
	transition:all 0.2s linear;}
	
.featureArea ul li .Txt{
	top:10px;
}
.featureArea ul li:hover .Txt p{
	display:none;
}
.featureArea ul li .Txt p{
	display:none;
}
.featureArea ul li .Txt a.btn{
	margin-top: 20px;
}
}