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

.contentBox {
    width: 100%;
	margin: 0;
	position:relative;
 }
.mainArea .contentBox {
    width: 100%;
    margin: 0;
    position: relative;
}
.classNote{
	padding-bottom:10px;
	
	font-size:15px;
	color:#222;
	text-align:center;
	line-height:1.8;}

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

ul.facList li{
	width:33.33%;
	float:left;
	}
ul.facList li .item{
	padding:0 15px 30px 15px;}
ul.facList li .Img{
	
	position:relative;
	overflow:hidden;}

ul.facList li .Img img{
	opacity: 1;
	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{
	-webkit-filter:grayscale(1);}

ul.facList li .Txt{
	padding: 15px;
}

ul.facList li .Txt h3{
	overflow : hidden;
  	text-overflow : ellipsis;
  	white-space : nowrap;
	font-weight:normal;
	font-size: 30px;
	color: #231f20;}

ul.facList li .Txt h3 a{
	color: #231f20;}

ul.facList li .Txt h3 a:hover{
	}

ul.facList li .Txt p{
	margin: 20px 0 ;
    font-size: 14px;
    color: #61605e;
    line-height: 25px;
    height: 50px;
    overflow: hidden;}
	
ul.facList li .item .Txt a.btn{
	color:#61605e;
	font-size:15px;
	display:inline-block;
	border-bottom:1px solid #ceaa6e;
	padding:0 0 3px 0;
	letter-spacing:2px;
	font-family: 'Mallanna', sans-serif;
	-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 .item .Txt a:hover.btn{
	color:#ceaa6e;
	letter-spacing:5px;}
ul.facList li .item .Txt a.btn i{
	display:inline-block;
	font-style:normal;
	}
ul.facList li .item .Txt a:hover.btn i{
	transform: rotateY(360deg);
	transition: 0.9s;}
		
/******內頁******/
.tabContent li:first-child .textEditor{
	width:calc(100% - 500px);
	clear: inherit;
	float:left;
}
.Img{
	clear: both;
    position: relative;
    max-height: calc(100vh - 65px);
    overflow: hidden;
	background:#000;}

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

ul.side_album{
	float:right;
	width:450px;
	margin:0;}
	


@media (max-width: 1200px){
ul.facList {
    margin: 0;
}
.mainArea .contentBox {
    width: 94%;
    margin: 0 3%;
}
.contentBox {
    width: 96%;
margin: 0 2%;
 }
}

@media (max-width: 1140px){
ul.side_album{
	width:100%;
	text-align:center;
	float:none;
	margin-bottom:30px;
}
.tabContent li:first-child .textEditor{
	clear:both;
	float:none;
width:100%;
	}
}


@media (max-width: 1160px){
ul.facList li{
	width:50%;
	}
}


/*640*/
@media (max-width: 640px){
ul.facList li{
	width:100%;
	}	
}

/*480*/
@media (max-width: 480px){}
/*480 end*/