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


ul.roomList{
	margin:0 -10px;}

ul.roomList li{
	padding:0 10px 40px 10px;}

ul.roomList li .Img{
	position:relative;
	overflow:hidden;
	background:#fff;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	}

ul.roomList li .Img img{
	display:block;
	width:100%;	
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;}

ul.roomList li:hover .Img img{
	position:relative;
	opacity:0.3;
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);
	z-index:9;
	}


ul.roomList li .Txt{
	position:relative;
	z-index:50;
	padding:25px 0 20px 0;
	width:80%;
	float:left;
	margin:-50px 10% 0 10%;
	text-align:center;
	background:url(../images/decorationBg.jpg);
	line-height:2;
	letter-spacing:3px;
}
ul.roomList li .Txt:before{
	content:"";
	display:block;
	width:1px;
	height:50px;
	background:#fff;
	position:absolute;
	left:50%;
	top:-25px;}
ul.roomList li .Txt h3{
	font-weight:normal;
	position:relative;
	text-align:center;
	color:#fff;		
	font-size:20px;
	margin:0;
}

ul.roomList li .Txt h3 a{
	display:block;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#fff;}

ul.roomList li .Txt p{
	font-family: 'Raleway', sans-serif;
	color: #fff;
    font-size: 13px;
	padding:0 10px;
   	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	height:26px;
}
		
/******內頁******/
.contentBox .tabContent{

	padding:20px 0 0 0;
	margin:0;}

.contentBox .Img{

}

.contentBox .Img img{
	display:block;
	width:100%;}

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

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

.contentBox .link a{
	display:inline-block;
	padding:10px 15px;
	
	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;}

ul.side_album{
	margin:30px 0;
}



@media (max-width: 768px){


.contentBox .tabContent{
	width:100%;
	padding:20px 0 0 0;
	margin:0;}
.contentBox .button{
	width:100%;
	padding:20px 0 0 0;
	text-align:center;
}

.contentBox .button a{
	margin: 0 5px;
	display: inline-block;
	color: #000;
	font-size: 15px;
	width:40%;
	padding: 10px 0px;
}
	
}

/*480*/
@media (max-width: 480px){
ul.side_album li{
	width:33.33%;
	float:left;
}		
}
/*480 end*/