.text-type01{ font-family: 'Cuprum', sans-serif; }
.text-type02{ font-family: 'PT Sans', sans-serif; }
.text-type03{ font-family: 'Open Sans', sans-serif; }

.news-bg{ background-image: url(/images/news-bg.jpg); }
.news-banner{ background-image: url(/images/news-banner.png?2); color: #fff; text-align: center; height: 398px; background-position: center; }
.news-banner::before{ content: ''; display: inline-block; vertical-align: middle;  height:92%; }
.news-banner__title{ font-size: 60px;   margin-bottom: 10px; display: inline-block; vertical-align: middle; }
.news-banner__text{ font-size: 18px; display: block; margin-top: 20px; }
.news-container01{ max-width: 1020px; margin: auto; }
.news-list__block{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 15px; /*margin-bottom: 40px;background: #fff;*/ }
.news-list__text{ /*width: calc(100% - 430px);*/ width: 100%; padding-left: 3%; padding-top: 15px; }
.news-date{ color: #487fef; font-size: 13px; }
.news-title, .news-title a{ font-size: 28px;  font-weight: bold; font-family: '微軟正黑體'; margin-bottom: 20px; -webkit-line-clamp: 1; line-height: 36px; }
.news-title a:hover{ color: #487fef; }
.news-detail{ color: #666666; font-size: 15px; -webkit-line-clamp: 2; }
.news-list{ margin: 30px auto 40px; }
/*.news-list__block:hover{ box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.2); }*/
.news-list__img{ background-color: #487fef; display: block; overflow: hidden; line-height: 0;  width: 430px; overflow: hidden; position: relative; }
.news-list__img:after{	background-color: rgba(0 ,0 ,0,0.4); content: ""; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute;	pointer-events: none; }
.news-list__block:hover .news-list__img:after{ opacity: 1; }
.news-list__img a{ display: block; overflow: hidden; line-height: 0; }
.news-list__img img{ width: 100%; }
.news-list__block:hover .news-list__img img{-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.8s ease-out; transition: all 0.8s ease-out; }
.omit_text{ display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.news-container02{ max-width: 1120px;  margin: auto; padding: 30px 0 45px; }
.news-article{ box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.2); padding: 30px; }
.news-title01{ border-bottom: 1px solid #487fef; padding-bottom: 20px; padding-left: 8px; }
.news-date01{ padding-left: 8px; }
.edit-news{ padding-left: 8px; }
.edit-news table {
	max-width: 100%;
	overflow: auto;
	margin: 1em 0;
}

.edit-news table th, .edit-news table td {
	padding: 8px;
	border: 1px solid #e5e5e5;
	text-align: center;
}

.edit-news table th {
	padding: 10px;
	background-color: #1d4094;
	color: #FFF;
	font-weight: 400;
	text-align: center;
}

.edit-news table tr {
	background-color: #f2f6fc;
}

.edit-news table tr:nth-child(odd) {
	background-color: #b6d4ff;
}
@media only screen and (max-width: 768px) {
	.edit-news table {
		display: block;
		width: 100% !important;
		height: auto !important;
		white-space: nowrap;
	}
}
.news-btn{ margin: 20px auto 10px; width: 150px; height: 40px; background-color: #487fef; border-radius: 50px; position: relative; cursor: pointer;}
.news-btn a{  display: block; line-height: 40px; color: #fff; text-align: center; }
.news-btn:hover{ background-color: #8bb1fd; }
.news-btn__text{ margin-left: 10px;}
.news-arrow{ width: 25px; height: 25px; position: absolute; left: 10px; transform: translate(0, -50%); top: 50%; }

/*news頁數*/
.news-pagination {	width: 100%; text-align: center; font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 14px; padding: 0 0 30px; }
.news-pagination a{ margin-right: 10px;	display: inline-block;  background-color: #f2f6fc; line-height: 50px; width: 50px; height: 50px; margin-bottom: 10px; font-size: 14px; font-family: 'Montserrat', sans-serif; color: #1c1c1c; font-style: normal; border-radius: 0; }



@media only screen and (max-width: 1200px){
.news-list{ padding: 0 20px; }
.news-container02{ padding: 20px 20px 45px; }
}

@media only screen and (max-width: 980px){
.news-list__block{ margin-bottom: 20px; }
.news-banner{ height: 300px; background-position: center bottom; background-size: cover; }
}

@media only screen and (max-width: 640px){
.news-list__img{ width: 100%; text-align: center; margin: auto; }
.news-list__text{  width: 100%; padding-left: 0; }
.news-banner{ height: 250px; }
.news-banner__title{ font-size: 50px; }
.news-banner__text{ font-size: 16px; }
.news-article{ margin: 0 auto; }
.news-title, .news-title a{ margin-bottom: 5px; font-size: 24px;overflow: hidden;
	display: -webkit-box;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical; }
.omit_text{ overflow: hidden;
	display: -webkit-box;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical; }
	.news-list__block{ margin-bottom: 0;padding: 15px 0; }
}
@media only screen and (max-width: 480px){
.news-pagination a{ margin-right: 5px; width: 40px; height: 40px; line-height: 40px;  }
.news-banner__title{ font-size: 45px; }
}