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

.classNote{
	padding-bottom:20px;
	font-family:"微軟正黑體", "新細明體", sans-serif;
	font-size:16px;
	color:#2f2f2f;
	text-align:center;
	line-height:1.8;}

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

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

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

ul.facList li .Img a{
	display:block;}

ul.facList li .Img a:before{
	font-family: 'FontAwesome';
	content:"\f0ad";
	font-size:25px;
	color:#FFF;
	background:#B21D26;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	border-radius:100%;
	
	position:absolute;
	left:50%;
	top:-10px;
	margin-top:-20px;
	margin-left:-20px;
	
	opacity:0;
	transform:rotate(180deg);
	z-index:5;
	
	-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 .Img a:hover:before{
	top:50%;
	opacity:1;
	transform:rotate(0);}

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

ul.facList li .Img:hover img{
	opacity:0.5;
	transform:scale(1.05)}

ul.facList li .Img .ribbon_hot{
	background:url(../images/ribbon_hot.png) no-repeat;
	width:54px;
	height:63px;
	text-indent:-9999px;
	
	position:absolute;
	left:10px;
	top:0;
	z-index:99;}

ul.facList li .Img .ribbon_new{
	background:url(../images/ribbon_new.png) no-repeat;
	width:54px;
	height:63px;
	text-indent:-9999px;
	
	position:absolute;
	left:10px;
	top:0;
	z-index:99;}

ul.facList li .Txt{
	background:#FFF;
	text-align:center;
	padding:15px 10px;
	  box-shadow: 0 4px 3px -3px #E0E0E0;}

ul.facList li h3{
	font-size: 16px;
	font-family: "微軟正黑體", "新細明體", sans-serif;
	font-weight: normal;}

ul.facList li h3 a{
	position: relative;
	display: block;
	font-size: 17px;
	color: #555555;}

ul.facList li h3 a:hover{
	color:#C00;}

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

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

.contentBox .leftBox .Img{}

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

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

.contentBox .leftBox h3.sectionTitle strong{
	font-size: 25px;
	font-family:"微軟正黑體", "新細明體", sans-serif;}

.contentBox .rightBox{
	float:right;
	width:27%;}

/*767*/
@media (max-width: 767px){
.contentBox .classBox{
	float:none;
	width:100%;}

.contentBox .itemBox{
	float:none;
	width:100%;
	margin-top:30px;}

ul.facList li.col-4{
	width:50%;}		

/*內頁*/
.contentBox .leftBox{
	float:none;
	width:100%;
	padding:0;}

.contentBox .rightBox{
	float:none;
	width:100%;
	margin-top:20px;}
}
/*767 end*/

@media (max-width:640px){

}

/*480*/
@media (max-width: 480px){
ul.facList{
	margin:0;}	

ul.facList li.col-3{
	width:100%;
	padding:0 0 30px 0;}

ul.facList li .Txt p{
	height:auto;}

}
/*360 end*/