.displayFlex{display:flex;}
.displayFlex, .displayFlex * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.displayFlex img{max-width:100%;}
.withFlexCol{margin:0 -10px; flex-wrap:wrap;}
.withFlexCol > .flexCol{padding:10px}
.flexCol.flexColFull{width:100% !important}
.flexCol-2 > .flexCol{width:50%} .flexCol-3 > .flexCol{width:33.3333333333%} .flexCol-4 > .flexCol{width:25%} .flexCol-5 > .flexCol{width:20%} .flexCol-6 > .flexCol{width:16.6666666667%} .flexCol-7 > .flexCol{width:14.2857142857%} .flexCol-8 > .flexCol{width:12.5%} .flexCol-9 > .flexCol{width:11.1111111111%} .flexCol-10 > .flexCol{width:10%} .flexCol-11 > .flexCol{width:9.0909090909%} .flexCol-12 > .flexCol{width:8.3333333333%}
@media (max-width:1100px){
.flexColMd-1 > .flexCol{width:100%;} .flexColMd-2 > .flexCol{width:50%} .flexColMd-3 > .flexCol{width:33.3333333333%} .flexColMd-4 > .flexCol{width:25%} .flexColMd-5 > .flexCol{width:20%} .flexColMd-6 > .flexCol{width:16.6666666667%} .flexColMd-7 > .flexCol{width:14.2857142857%}  .flexColMd-8 > .flexCol{width:12.5%} .flexColMd-9 > .flexCol{width:11.1111111111%} .flexColMd-10 > .flexCol{width:10%} .flexColMd-11 > .flexCol{width:9.0909090909%} .flexColMd-12 > .flexCol{width:8.3333333333%}
}
@media (max-width:980px){
.flexCol980-1 > .flexCol{width:100%;} .flexCol980-2 > .flexCol{width:50%} .flexCol980-3 > .flexCol{width:33.3333333333%} .flexCol980-4 > .flexCol{width:25%} .flexCol980-5 > .flexCol{width:20%} .flexCol980-6 > .flexCol{width:16.6666666667%} .flexCol980-7 > .flexCol{width:14.2857142857%}  .flexCol980-8 > .flexCol{width:12.5%} .flexCol980-9 > .flexCol{width:11.1111111111%} .flexCol980-10 > .flexCol{width:10%} .flexCol980-11 > .flexCol{width:9.0909090909%} .flexCol980-12 > .flexCol{width:8.3333333333%}
}
@media (max-width:700px){
.flexColSm-1 > .flexCol{width:100%;} .flexColSm-2 > .flexCol{width:50%} .flexColSm-3 > .flexCol{width:33.3333333333%} .flexColSm-4 > .flexCol{width:25%} .flexColSm-5 > .flexCol{width:20%} .flexColSm-6 > .flexCol{width:16.6666666667%} .flexColSm-7 > .flexCol{width:14.2857142857%} .flexColSm-8 > .flexCol{width:12.5%} .flexColSm-9 > .flexCol{width:11.1111111111%} .flexColSm-10 > .flexCol{width:10%} .flexColSm-11 > .flexCol{width:9.0909090909%} .flexColSm-12 > .flexCol{width:8.3333333333%}
}
@media (max-width:480px){
.flexColXs-1 > .flexCol{width:100%;} .flexColXs-2 > .flexCol{width:50%} .flexColXs-3 > .flexCol{width:33.3333333333%} .flexColXs-4 > .flexCol{width:25%} .flexColXs-5 > .flexCol{width:20%} .flexColXs-6 > .flexCol{width:16.6666666667%} .flexColXs-7 > .flexCol{width:14.2857142857%} .flexColXs-8 > .flexCol{width:12.5%} .flexColXs-9 > .flexCol{width:11.1111111111%} .flexColXs-10 > .flexCol{width:10%} .flexColXs-11 > .flexCol{width:9.0909090909%} .flexColXs-12 > .flexCol{width:8.3333333333%}
}

.galleryList{line-height:normal;}
.galleryList .img {
	display: block;
	margin-bottom: 10px;
	position: relative;
	padding-top: 66.7%;
	overflow: hidden;
	background: #ddd;
}
.galleryList .img > img {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100%;
	transform: translate(-50%, -50%);
}
.galleryList a{text-decoration:none;}
.galleryList .date{font-size:11px; font-style:italic; color:#999; margin-top:8px;}


.galleryDetail.displayFlex {
	display: block;
}
.galleryDetail .left{width:100%;}
.galleryDetail .right{margin-top:20px; width:100%;}
.galleryDetail .txt{text-align:justify;}
.galleryDetail .name {
	font-size: 18px;
	color: #525252;
	padding-bottom: 10px;
}

.imgSlider{background:#525252;}
.imgSlider .owl-item .item {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 400px;
}
.imgSlider .owl-item img {
	margin: 0 auto;
	max-height: 400px;
	width: auto !important;
}