
.content_header {
	padding: 0px 20px; position: relative;
}
.content_inner1 {
	margin: 10px auto; width: 100%; max-width: 1180px;border: 0px solid #fff;
}
.content_viewport1 {
	text-align: center;
}


/* 橫向平板電腦解析度 */
@media only screen and (max-width: 1024px) {


}

/* 橫向智慧手機到竪立平板電腦解析度 */
@media only screen and (max-width: 768px) {



}
/* 智慧型手機尺寸( 360 X 640 ) */
@media only screen and (max-width: 640px) {

}
/* 智慧型手機尺寸( 360 X 640 ) */
@media only screen and (max-width: 360px) {

}






#mediaList1 div {
	margin: 0px 10px 10px 0px;
}
#mediaList1 div p {
	color: rgb(255, 255, 255);
}

.casename {
	background: rgba(22,0,1,0.5); left: 0px; top: 100%; width: 101%; height: 100%; text-align: center; position: absolute;
}
.
.isotope-item {
	z-index: 2;
}
.isotope-item.isotope-hidden {
	z-index: 1; pointer-events: none;
}
.isotope {
	transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s;
}
.isotope .isotope-item {
	transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s;
}
.isotope {
	transition-property: height, width; -webkit-transition-property: height, width; -moz-transition-property: height, width; -o-transition-property: height, width;
}
.isotope .isotope-item {
	transition-property: transform, opacity; -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: top, left, opacity;
}
.no-transition.isotope {
	transition-duration: 0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s;
}
.no-transition.isotope .isotope-item {
	transition-duration: 0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s;
}
.isotope .no-transition.isotope-item {
	transition-duration: 0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s;
}