@charset "utf-8";

.gallery{}

/*.gallery h3{
	background: none;
	color: #000000;
}

.gallery h3 small{
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
	margin: 5px 0 0 0;
}

.gallery h3.dd{
	background: url(../gallery/img/dd_arrow.png) no-repeat left top #F0908A;
	border: 5px solid #E2514B;
}

.gallery h3.gd{
	background: url(../gallery/img/gd_arrow.png) no-repeat left top #7ECEF4;
	border: 5px solid #3EA6E9;
}

.gallery h3.il{
	background: url(../gallery/img/il_arrow.png) no-repeat left top #B7D450;
	border: 5px solid #83B019;
}

.gallery h3.ci{
	background: url(../gallery/img/ci_arrow.png) no-repeat left top #F4A57A;
	border: 5px solid #E96B3A;
}

.gallery h3.ac{
	background: url(../gallery/img/ac_arrow.png) no-repeat left top #DAB643;
	border: 5px solid #BA8212;
}

.gallery h3.pd{
	background: url(../gallery/img/pd_arrow.png) no-repeat left top #FCC80E;
	border: 5px solid #F99D01;
}

.gallery h3.gj{
	background: url(../gallery/img/gj_arrow.png) no-repeat left top #94D1CA;
	border: 5px solid #56ABA0;
}

.gallery h3.dm{
	background: url(../gallery/img/dm_arrow.png) no-repeat left top #CAA9CF;
	border: 5px solid #A070A8;
}

.gallery h3.cd{
	background: url(../gallery/img/cd_arrow.png) no-repeat left top #B5A266;
	border: 5px solid #806729;
}*/

.gallery ul{
	padding: 20px 0 0 0;
	font-size: 0;
}

.gallery ul li{
	display: inline-block;
	vertical-align: top;
	width: calc((100% - 80px) / 5);
	margin: 20px 20px 0 0;
}

.gallery ul li:nth-child(5n){margin: 20px 0 0 0;}

.gallery ul li img{width: 100%;}



/**************************************************
 Responsive
**************************************************/
@media screen and (max-width: 640px){
	
/*.gallery h3{
	padding: 20px 10px;
}

.gallery h3 small{
	font-size: 12px;
	font-size: 1.2rem;
}

.gallery h3.dd{
	background: url(../gallery/img/dd_arrow.png) no-repeat left top #F0908A;
	background-size: 25px;
}

.gallery h3.gd{
	background: url(../gallery/img/gd_arrow.png) no-repeat left top #7ECEF4;
	background-size: 25px;
}

.gallery h3.il{
	background: url(../gallery/img/il_arrow.png) no-repeat left top #B7D450;
	background-size: 25px;
}

.gallery h3.ci{
	background: url(../gallery/img/ci_arrow.png) no-repeat left top #F4A57A;
	background-size: 25px;
}

.gallery h3.ac{
	background: url(../gallery/img/ac_arrow.png) no-repeat left top #DAB643;
	background-size: 25px;
}

.gallery h3.pd{
	background: url(../gallery/img/pd_arrow.png) no-repeat left top #FCC80E;
	background-size: 25px;
}

.gallery h3.gj{
	background: url(../gallery/img/gj_arrow.png) no-repeat left top #94D1CA;
	background-size: 25px;
}

.gallery h3.dm{
	background: url(../gallery/img/dm_arrow.png) no-repeat left top #CAA9CF;
	background-size: 25px;
}

.gallery h3.cd{
	background: url(../gallery/img/cd_arrow.png) no-repeat left top #B5A266;
	background-size: 25px;
}*/

.gallery ul{padding: 0;}

.gallery ul li{width: calc(50% - 10px);}

.gallery ul li:nth-child(5n){margin: 20px 20px 0 0;}
	
.gallery ul li:nth-child(2n){margin: 20px 0 0 0;}

}