.block_title {
	display: block;
	font-weight: 600 !important;
}

.block_title.red {
	color: #AC1616;
}

.block_title.blue {
	color: #175B96;
}

.block_title.green {
	color:#068284;	
}

/************************
 Flex
 架構
 <div class="flex_wrap">
	<div class="flex_item">
		<div class="flex_header">
			這是標題區 (一)
		</div>

		<div class="flex_img">
			這是圖片區 (一)
		</div>

		<div class="flex_content">
			這是內容/列表區 (一)
		</div>

		<div class="flex_footer">
			這是底部 (一)
		</div>
	</div>
	
</div>	
************************/
.flex_wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}

/*** 每個盒子 ***/
.flex_item {
	flex: 0 0 24%;	
	border: 1px solid green;
	margin-bottom: 1.5%;

	display: flex;
	flex-direction: column;
}

/*** 盒子中的每個元件 ***/
.flex_item .flex_header {
	flex: 1;
	padding: .3em 1em;
	border: 1px solid red;
	height: 100%;
}

.flex_item .flex_content {
	flex: 1;
}

.h100 .img_zoom a, .h100 .img_zoom img {object-fit:fill !important;width:100% !important;height:100px !important;}
.h110 .img_zoom a, .h110 .img_zoom img {object-fit:fill !important;width:100% !important;height:110px !important;}
.h120 .img_zoom a, .h120 .img_zoom img {object-fit:fill !important;width:100% !important;height:120px !important;}
.h130 .img_zoom a, .h130 .img_zoom img {object-fit:fill !important;width:100% !important;height:130px !important;}
.h140 .img_zoom a, .h140 .img_zoom img {object-fit:fill !important;width:100% !important;height:140px !important;}
.h150 .img_zoom a, .h150 .img_zoom img {object-fit:fill !important;width:100% !important;height:150px !important;}
.h160 .img_zoom a, .h160 .img_zoom img {object-fit:fill !important;width:100% !important;height:160px !important;}
.h170 .img_zoom a, .h170 .img_zoom img {object-fit:fill !important;width:100% !important;height:170px !important;}
.h180 .img_zoom a, .h180 .img_zoom img {object-fit:fill !important;width:100% !important;height:180px !important;}
.h190 .img_zoom a, .h190 .img_zoom img {object-fit:fill !important;width:100% !important;height:190px !important;}
.h200 .img_zoom a, .h200 .img_zoom img {object-fit:fill !important;width:100% !important;height:200px !important;}
.h210 .img_zoom a, .h210 .img_zoom img {object-fit:fill !important;width:100% !important;height:210px !important;}
.h220 .img_zoom a, .h220 .img_zoom img {object-fit:fill !important;width:100% !important;height:220px !important;}
.h230 .img_zoom a, .h230 .img_zoom img {object-fit:fill !important;width:100% !important;height:230px !important;}
.h240 .img_zoom a, .h240 .img_zoom img {object-fit:fill !important;width:100% !important;height:240px !important;}
.h250 .img_zoom a, .h250 .img_zoom img {object-fit:fill !important;width:100% !important;height:250px !important;}

@media only screen and ( max-width:767px) {
    .h100 .img_zoom a, .h100 .img_zoom img,
    .h110 .img_zoom a, .h110 .img_zoom img,
    .h120 .img_zoom a, .h120 .img_zoom img,
    .h130 .img_zoom a, .h130 .img_zoom img,
    .h140 .img_zoom a, .h140 .img_zoom img,
    .h150 .img_zoom a, .h150 .img_zoom img,
    .h160 .img_zoom a, .h160 .img_zoom img,
    .h170 .img_zoom a, .h170 .img_zoom img,
    .h180 .img_zoom a, .h180 .img_zoom img,
    .h190 .img_zoom a, .h190 .img_zoom img,
    .h200 .img_zoom a, .h200 .img_zoom img,
    .h210 .img_zoom a, .h210 .img_zoom img,
    .h220 .img_zoom a, .h220 .img_zoom img,
    .h230 .img_zoom a, .h230 .img_zoom img,
    .h240 .img_zoom a, .h240 .img_zoom img,
    .h250 .img_zoom a, .h250 .img_zoom img {
        height: auto !important;
        object-fit: inherit !important;
    }
}