.banner-region{padding: 200px 0 150px;text-align: center;background-image:url(../../dist/img/media/media_bg2.png);background-size: cover;background-position: center bottom;background-color: #ffffff;}
.section.banner-region .title{font-size: 3rem;letter-spacing: 5px;margin-bottom: 5px;color: #003667;-webkit-filter:drop-shadow(3px 2px 2px #ffffff);filter:drop-shadow(3px 2px 2px #ffffff);}
.banner-region .sub{font-size: 1.5rem;color: #ffffff;-webkit-filter:drop-shadow(1px 1px 3px #817aa0);filter:drop-shadow(1px 1px 3px #817aa0);}

.media-logo{padding: 0px;background-color: #dfdcec;}
.media-logo a:focus,.media-logo .media_slider img:focus{outline: none;}
.media-logo .media_slider .slick-slide {padding: 0 10px;}
.media-logo .media_slider img {width: 100%;object-fit: cover;}

/*==============================================card==============================================*/

.media-item {margin-bottom: 25px;}
.media-item a{flex-direction: row;align-items: center;border-radius: 0px;border: none;font-size: 15px;color: #9FA0A0;box-shadow: 3px 3px 1px #eeeeee;}
.media-item a:hover {text-decoration: none;border-color: #7f296c;box-shadow: 3px 3px 0 #7f296c;transition: all .3s;}
.media-item .imgBox {width: 150px;height: 150px;object-fit: cover;}
.media-item .imgBox img {width: 100%;height: 100%;object-fit: cover;}
.media-item .card-body {padding: 15px;width: calc(100% - 200px);}
.media-item .mediaName{font-size: 18px;font-weight: bold;color: #3E3A39;margin-bottom: 5px;-webkit-line-clamp: 3;}
.media-item .card-text{line-height: 25px;-webkit-line-clamp: 2;}

/*==============================================°´âo…^‰K==============================================*/

.button-region{width: 100%;text-align: center;margin: 26px 0 50px;}
.button-region button {font-size: 18px;width: 200px;height: 45px;padding: 6px 15px;border-radius: 0px;}

/*==============================media …^‰K==============================*/

@media (max-width: 767px) {
	.banner-region {padding: 130px 0 110px;}
	.section.banner-region .title{	font-size: 2.2rem;	margin-bottom: 0px;}
	.section.banner-region .sub {font-size: 1.2rem;}
	.section .title {font-size: 26px;}
}

@media (max-width: 576px) {
	.media-item a {flex-direction: column;}
	.media-item .imgBox {width: 100%;height: 180px;}
	.media-item .card-body {width: 100%;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.media-item .imgBox {width: 120px;height: 120px;}
	.media-item .card-body {padding: 12px;}
	.media-item .mediaName {font-size: 15px;margin-bottom: 5px;}
	.card-text.ellipsis {font-size: 13px;line-height: inherit;}
	.button-region button {font-size: 16px;height: 40px;}
}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 1200px) {}