.article-list {
  color: #666666;
  min-height: 250px;
  overflow: hidden;
    height:100%;
    margin-bottom:10px;
}
.article-list a {
  color: #0068B7;
}
.article-list a:hover {
  color: #0366dd;
}
.article-list .read-more-link {
  color: #0366dd;
}
.card {
 	position: relative;
 	display: -ms-flexbox;
 	display: flex;
 	-ms-flex-direction: column;
 	flex-direction: column;
 	min-width: 0;
 	word-wrap: break-word;
 	background-color: #fff;
 	background-clip: border-box;
 	border: 1px solid rgba(0, 0, 0, .125);
 	border-radius: .25rem;
    height:100%;
 }
 .card>hr {
 	margin-right: 0;
 	margin-left: 0
 }
 .card>.list-group:first-child .list-group-item:first-child {
 	border-top-left-radius: .25rem;
 	border-top-right-radius: .25rem
 }
 .card>.list-group:last-child .list-group-item:last-child {
 	border-bottom-right-radius: .25rem;
 	border-bottom-left-radius: .25rem
 }
 .card-body {
 	-ms-flex: 1 1 auto;
 	flex: 1 1 auto;
 	padding: 1.25rem
 }
 .card-title {
 	margin-bottom: .75rem;
	 font-weight:bold;
	 color:#0068B7;
	 font-size:17px;
 }
.card-title a{
	 color:#0068B7;
 } 
 .card-subtitle {
 	margin-top: -.375rem;
 	margin-bottom: 0
 }
 .card-text:last-child {
 	margin-bottom: 0
 }
 .card-link:hover {
 	text-decoration: none
 }
 .card-link+.card-link {
 	margin-left: 1.25rem
 }
 .card-header {
 	padding: .75rem 1.25rem;
 	margin-bottom: 0;
 	background-color: rgba(0, 0, 0, .03);
 	border-bottom: 1px solid rgba(0, 0, 0, .125)
 }
 .card-header:first-child {
 	border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
 }
 .card-header+.list-group .list-group-item:first-child {
 	border-top: 0
 }
 .card-footer {
 	padding: .75rem 1.25rem;
 	background-color: rgba(0, 0, 0, .03);
 	border-top: 1px solid rgba(0, 0, 0, .125)
 }
 .card-footer:last-child {
 	border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
 }
 .card-header-tabs {
 	margin-right: -.625rem;
 	margin-bottom: -.75rem;
 	margin-left: -.625rem;
 	border-bottom: 0
 }
 .card-header-pills {
 	margin-right: -.625rem;
 	margin-left: -.625rem
 }
 .card-img-overlay {
 	position: absolute;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	padding: 1.25rem
 }
 .card-img {
 	width: 100%;
 	border-radius: calc(.25rem - 1px)
 }
 .card-img-top {
 	width: 100%;
 	border-top-left-radius: calc(.25rem - 1px);
 	border-top-right-radius: calc(.25rem - 1px)
 }
 .card-img-bottom {
 	width: 100%;
 	border-bottom-right-radius: calc(.25rem - 1px);
 	border-bottom-left-radius: calc(.25rem - 1px)
 }
 .card-deck {
 	display: -ms-flexbox;
 	display: flex;
 	-ms-flex-direction: column;
 	flex-direction: column
 }
 .card-deck .card {
 	margin-bottom: 15px
 }
 @media (min-width:576px) {
 	.card-deck {
 		-ms-flex-flow: row wrap;
 		flex-flow: row wrap;
 		margin-right: -15px;
 		margin-left: -15px
 	}
 	.card-deck .card {
 		display: -ms-flexbox;
 		display: flex;
 		-ms-flex: 1 0 0%;
 		flex: 1 0 0%;
 		-ms-flex-direction: column;
 		flex-direction: column;
 		margin-right: 15px;
 		margin-bottom: 0;
 		margin-left: 15px
 	}
 }
 .card-group {
 	display: -ms-flexbox;
 	display: flex;
 	-ms-flex-direction: column;
 	flex-direction: column
 }
 .card-group>.card {
 	margin-bottom: 15px
 }
 @media (min-width:576px) {
 	.card-group {
 		-ms-flex-flow: row wrap;
 		flex-flow: row wrap
 	}
 	.card-group>.card {
 		-ms-flex: 1 0 0%;
 		flex: 1 0 0%;
 		margin-bottom: 0
 	}
 	.card-group>.card+.card {
 		margin-left: 0;
 		border-left: 0
 	}
 	.card-group>.card:first-child {
 		border-top-right-radius: 0;
 		border-bottom-right-radius: 0
 	}
 	.card-group>.card:first-child .card-header, .card-group>.card:first-child .card-img-top {
 		border-top-right-radius: 0
 	}
 	.card-group>.card:first-child .card-footer, .card-group>.card:first-child .card-img-bottom {
 		border-bottom-right-radius: 0
 	}
 	.card-group>.card:last-child {
 		border-top-left-radius: 0;
 		border-bottom-left-radius: 0
 	}
 	.card-group>.card:last-child .card-header, .card-group>.card:last-child .card-img-top {
 		border-top-left-radius: 0
 	}
 	.card-group>.card:last-child .card-footer, .card-group>.card:last-child .card-img-bottom {
 		border-bottom-left-radius: 0
 	}
 	.card-group>.card:only-child {
 		border-radius: .25rem
 	}
 	.card-group>.card:only-child .card-header, .card-group>.card:only-child .card-img-top {
 		border-top-left-radius: .25rem;
 		border-top-right-radius: .25rem
 	}
 	.card-group>.card:only-child .card-footer, .card-group>.card:only-child .card-img-bottom {
 		border-bottom-right-radius: .25rem;
 		border-bottom-left-radius: .25rem
 	}
 	.card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
 		border-radius: 0
 	}
 	.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
 		border-radius: 0
 	}
 }
 .card-columns .card {
 	margin-bottom: .75rem
 }
 @media (min-width:576px) {
 	.card-columns {
 		-webkit-column-count: 3;
 		-moz-column-count: 3;
 		column-count: 3;
 		-webkit-column-gap: 1.25rem;
 		-moz-column-gap: 1.25rem;
 		column-gap: 1.25rem;
 		orphans: 1;
 		widows: 1
 	}
 	.card-columns .card {
 		display: inline-block;
 		width: 100%
 	}
 }
 .accordion .card:not(:first-of-type):not(:last-of-type) {
 	border-bottom: 0;
 	border-radius: 0
 }
 .accordion .card:not(:first-of-type) .card-header:first-child {
 	border-radius: 0
 }
 .accordion .card:first-of-type {
 	border-bottom: 0;
 	border-bottom-right-radius: 0;
 	border-bottom-left-radius: 0
 }
 .accordion .card:last-of-type {
 	border-top-left-radius: 0;
 	border-top-right-radius: 0
 }



.card-c {
    display: flex; /* 將 wrapper 設定為 flex container */
  align-items: stretch; /* 將 flex item 的高度延展至父元素的高度 */
    %;
    flex-wrap: wrap;
}