@charset "utf-8";

/* CSS Document */



ul.mediaList{

	margin-right:-20px;}



ul.mediaList li{

	float:left;

	width:25%;

	padding-right:20px;

	padding-bottom:20px;

	position:relative;}



ul.mediaList .item{

	overflow:hidden;

	position:relative;}



ul.mediaList .item .video{/*影片icon*/

	background:#FFF;

	width:50px;

	height:50px;

	font-size:30px;

	line-height:50px;

	text-align:center;

	color:#B41313;

	border-radius:100%;

	position:absolute;

	left:50%;

	margin-left:-25px;

	top:50%;

	margin-top:-25px;

	z-index:99;}



ul.mediaList li .m_title{

	display:none;

	width:100%;

	background:rgba(0,0,0,0.7);

	padding:5px 7px;

	font-size:17px;

	font-family:"微軟正黑體", "新細明體", sans-serif;

	color:#FFF;

	

	position:absolute;

	bottom:0;

	left:0;

	z-index:99;}



ul.mediaList .item .Img{}



ul.mediaList .item .Img img{

	display:block;

	width:100%;}



ul.mediaList .item .Txt{

	display:none;

	cursor:pointer;

	padding:20px;

	width:100%;

	height:100%;

	overflow:hidden;

	position:absolute;

	left:0;

	top:0;

	text-align:center;

	background:rgba(0,0,0,0.7);

	z-index:999;}



ul.mediaList .item .Txt h3{

	font-size:17px;

	color:#FFF;

	font-family:微軟正黑體;

	line-height:1.5;

	font-weight:normal;}



ul.mediaList .item .Txt h3 a{

	display:block;

	width:100%;

	font-size:17px;

	color:#FFF;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;}



ul.mediaList .item .Txt p{

	width:100%;

	font-size:12px;

	line-height:1.5;

	color:#FFF;}



/*767*/

@media (max-width: 767px){

ul.mediaList li{

	width:33.3%;}

}

/*767 end*/



/*640*/

@media (max-width: 640px){	

ul.mediaList li{

	width:50%;}



ul.mediaList li .Txt{

	display:none !important;}



ul.mediaList li .m_title{

	display:block;}

}

/*640 end*/



/*360*/

@media (max-width: 360px){	

ul.mediaList{

	margin-right:0;}



ul.mediaList li{

	float:none;

	width:100%;

	padding:0 0 20px 0;}

}

/*360 end*/



/**** Isotope Filtering ****/



.isotope-item {

  z-index: 2;

}



.isotope-hidden.isotope-item {

  pointer-events: none;

  z-index: 1;

}



/**** Isotope CSS3 transitions ****/



.isotope,

.isotope .isotope-item {

  -webkit-transition-duration: 0.8s;

     -moz-transition-duration: 0.8s;

      -ms-transition-duration: 0.8s;

       -o-transition-duration: 0.8s;

          transition-duration: 0.8s;

}



.isotope {

  -webkit-transition-property: height, width;

     -moz-transition-property: height, width;

      -ms-transition-property: height, width;

       -o-transition-property: height, width;

          transition-property: height, width;

}



.isotope .isotope-item {

  -webkit-transition-property: -webkit-transform, opacity;

     -moz-transition-property:    -moz-transform, opacity;

      -ms-transition-property:     -ms-transform, opacity;

       -o-transition-property:      -o-transform, opacity;

          transition-property:         transform, opacity;

}



/**** disabling Isotope CSS3 transitions ****/



.isotope.no-transition,

.isotope.no-transition .isotope-item,

.isotope .isotope-item.no-transition {

  -webkit-transition-duration: 0s;

     -moz-transition-duration: 0s;

      -ms-transition-duration: 0s;

       -o-transition-duration: 0s;

          transition-duration: 0s;

}