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

.contentBox .leftBox{
	padding:0 50px 0 0;}

.contentBox .rightBox{
	padding:0;}

.classNote{
	padding-bottom:10px;
	
	font-size:15px;
	color:#222;
	text-align:center;
	line-height:1.8;}

ul.facList{
	margin:40px 0 0 0;}

ul.facList li{
	padding: 0;
	overflow: hidden;
	position: relative;}
ul.facList li .item{
	position: relative;
}
ul.facList li .Img a{
	display: block;
	transition: all 0.3s ease;
}
ul.facList li .Img img{
	width:100%;
	display:block;}

ul.facList li .Txt{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 15px 30px 30px 30px;
	text-align:center;
	background:rgba(0,0,0,0.5);
	margin-bottom: -115px;
	transition: all 0.3s ease;}
ul.facList li:hover .Txt{
	background:rgba(0,0,0,0.8);
	margin: 0;
}

ul.facList li .Txt:before{
	content: "";
	position: absolute;
	left: 0;
	top: -40px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 40px 600px;
	border-color: transparent transparent rgba(0,0,0,0.8) transparent;
	opacity: 0;
}
ul.facList li:hover .Txt:before{
	opacity: 1;
}
ul.facList li .Txt h3{
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(255,255,255,0.25);}

ul.facList li .Txt h3 strong{
	font-weight:normal;}

ul.facList li .Txt h3 strong a{
	position:relative;
	display:block;
	font-size:17px;
	color:#fff;}
ul.facList li:hover .Txt h3 strong a{
	color:#e8608e;}

ul.facList li .Txt p{
	margin-top:15px;
	font-size:13px;
	color:#bbbbbb;
	line-height:1.8;
	height:70px;}
		
/******內頁******/
.contentBox{}

.contentBox .leftBox .Img{}

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

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

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

.contentBox .rightBox .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: 1180px){
	ul.facList li .Txt{
		margin: 0;
		background: rgba(0,0,0,0.8);
	}
	ul.facList li .Txt:before{
		opacity: 1;
	}
}
@media (max-width: 1023px){
	.contentBox .leftBox{
		padding:0 0 30px 0;}
}
/*480*/
@media (max-width: 640px){
	ul.facList li{
		padding: 0 0 30px 0;
	}
}
/*480 end*/