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




ul.facList{
	margin:0 -15px;}

ul.facList li{
	padding:0 15px 30px 15px;}

ul.facList li .Img{
	position:relative;
	overflow:hidden;
	background:#fff;}

ul.facList 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.facList 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.facList li .Txt{
	position:relative;
	z-index:50;
	padding:10px 0 5px 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.facList li .Txt:before{
	content:"";
	display:block;
	width:1px;
	height:20px;
	background:#fff;
	position:absolute;
	left:50%;
	top:-10px;}
ul.facList li .Txt h3{
	font-weight:normal;
	position:relative;
	text-align:center;
	color:#fff;		
	font-size:20px;
	margin:0;}



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


ul.facList li .Txt p{
	height:26px;
	font-family: 'Raleway', sans-serif;
	color: #fff;
    font-size: 13px;
   	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding:0 10px;}
ul.side_album{
	float:right;
	margin-bottom:30px;
}

ul.side_album li{

	display:inline-block;
width:33.33%;
float:left;
	padding:0 10px 10px 0;}
		
/******內頁******/
.contentBox{}

.contentBox .Img{
	float:left;
}

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

.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;}
@media (max-width: 1023px){
.contentBox .Img img{
	width:100%;}
ul.side_album{
	position:relative;
	margin:30px 0;
	clear:both;
}
ul.side_album li{

width:20%;
}
}
@media (max-width: 768px){
ul.side_album li{
	width:20%;
}
}

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