@charset "utf-8";
/* CSS Document */	
.gal .main_pic{width:504px; height:394px; border:8px solid #efefef; float:right; background-position:center center; background-repeat:no-repeat;}
.gal .main_pic a{width:513px; height:394px; display:block;}
.gal .tumbnail{width:145px; height:109px; float:left; margin-left:20px; border:7px solid #efefef; margin-top:20px; background-position:center center; background-repeat:no-repeat;}
.gal .tumbnail a{width:160px; height:120px; display:block;}

.content_content *{
	box-sizing: border-box;
}
/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid-sizer,
.grid-item {
  width: 20%;
	padding-top:calc(20% - 10px);
	border:5px solid #fff;
}

.grid-item {
  float: left;
	overflow: hidden;
}

.grid-item img {
  display: block;
  width: 100%;
	height: auto;
	opacity: 0;
}

.grid-item-0,
.grid-item-3,


.grid-item-9,
.grid-item-8,
.grid-item-10,
.grid-item-12{
	width: 20%;
}

.grid-item-1,
.grid-item-13{
	width: 40%;
}

.grid-item-2,
.grid-item-4,
.grid-item-7,
.grid-item-11{
	width: 40%;
	padding-top:calc(40% - 10px);
}

.grid-item-5,
.grid-item-6{
	width: 20%;
	padding-top:calc(40% - 10px);
}