@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;}

/*標籤tag*/
.tagBox{
	margin-bottom:30px;}

.tagBox h4{
	display:inline-block;
	font-size:21px;
	font-weight:normal;
	color:#c95c30;}

.tagBox ul{
	display:inline-block;}

.tagBox ul li{
	display:inline-block;
	margin-left:5px;
	margin-bottom:5px;}

.tagBox ul li a{
	display:block;
	padding:4px 10px;
	font-size:13px;
	border:1px solid #c95c30;
	color:#c95c30;}

.tagBox ul li a:hover{
	background:#c95c30;
	color:#FFF;}
.tagBox ul li a.select{
	background:#c95c30;
	color:#FFF;}

/*m_filter*/
.btn_mFilter{
	display:none;
	clear:both;
	margin-bottom:15px;}

.btn_mFilter a{
	display:block;
	padding:7px 0;
	border:1px solid #CCC;
	background:#e1e1e1;
	font-size:13px;
	text-align:center;}

.m_filters{
	display:none;
	width:280px;
	background:#FFF;
	border:5px solid #000;
	border-radius:10px;
	
	position:fixed;
	top:80px;
	left:50%;
	margin-left:-150px;
	z-index:999;}

.m_filters .box{
	position:relative;
	width:auto;
	padding:40px 10px;}

#closeFilter{
	font-size: 30px;
	position: absolute;
	top: 5px;
	right: 10px;}

.m_filters ul{
	clear:both;
	max-height:250px;
	overflow-y:auto;}

.m_filters ul li{
	position:relative;
	border-bottom: 1px solid #EEE;
	text-align:left;}

.m_filters ul li a{
	display:block;
	font-size:13px;
	padding:10px 0;}

.m_filters ul li a:before{
	margin-right:5px;
	display:inline-block;
	vertical-align:middle;
	content:"";
	width:15px;
	height:15px;
	line-height:15px;
	font-size:12px;
	text-align:center;
	border:1px solid #e1e1e1;}

.m_filters ul li a.select{
	color:#000;}

.m_filters ul li a.select:before{
	font-family: 'FontAwesome';
	content:"\F00C";}

.m_filters .btn{
	text-align:center;}

.m_filters .btn a{
	display:block;
	padding:10px 15px;
	font-size:13px;
	color:#FFF;
	text-align:center;
	
	transition:none !important;}

/*資料列表*/
ul.facList{
	clear:both;
	margin:0 -15px;}

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

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

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 .Img:hover img{
	opacity:0.8;
	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{
	margin-top:10px;
	text-align:center;}

ul.facList li h3{
	font-family: "微軟正黑體", "新細明體", sans-serif;
	font-weight: normal;
	border-bottom: 1px solid #D2D2D2;
	padding-bottom: 10px;
	margin-bottom: 10px;}

ul.facList li h3 a{
	display:block;
	font-size: 18px;
	width:100%;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;}

ul.facList li .Txt p{
	margin-top: 10px;
	font-size: 13px;
	color: #524846;
	line-height: 1.8;
	height: 70px;}
	
/******內頁******/
.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:30%;}

ul.side_album{
	margin:2px -1px 0 -1px;
	width:100%;}

ul.side_album li{
	float:left;
	width:16.6%;
	overflow:hidden;
	padding:0 15px 0 0;}

ul.side_album li a{
	display:block;
	box-shadow:none;}
	
ul.side_album li a img{
	display:block;
	width:100%;}

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

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

ul.facList li.col-3{
	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){

}

/*360*/
@media (max-width: 480px){
/*篩選*/
.tagBox{
	display:none;}

.btn_mFilter{
	display:block;}	
	
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*/