@charset "utf-8";
/* CSS Document */

.update-140-1 {
	margin: 0;
	padding: 0;
	height: 216px;
	position: relative;
	z-index: 2;
	background: url(../images/update-140-1/bg.png) top center no-repeat;
	margin-top: -140px;
}

.update-140-1 .update-left {}

.update-140-1 .update-right {
	font: 19px/27px 'lineseed', Arial, sans-serif;
	color: #000000;
	padding-top: 173px;
	padding-left: 0px;
}

.update-140-1 .update-button {
	margin: 0;
	padding: 0;
	padding-top: 2px;
}

@media (max-width: 374px) {
	.update-140-1 {
		background: url(../images/update-140-1/bg.png) 29% 93%;
	}

	marquee {
		width: 100% !important;
	}

	.update-right .edit-detail {
		right: 0px !important;
	}

	.news-mid .admin {
		top: 60px;
		position: relative;
	}

	.news67-n1 .news-block {
		width: 100% !important;
	}

	.event-3 .event-right {
		padding-top: 0px !important;
	}
}

@media (min-width: 375px) and (max-width: 419px) {
	.update-140-1 {
		background: url(../images/update-140-1/bg.png) 30% 93%;
	}

	.update-140-1 .col-3 {
		flex: 0 0 10%;
		max-width: 10%;
	}

	.update-140-1 .col-7 {
		flex: 0 0 40%;
		max-width: 40%;
	}

	marquee {
		width: 100% !important;
	}

	.update-right .edit-detail {
		right: 0px !important;
	}

	.news-mid .admin {
		top: 60px;
		position: relative;
	}

	.news67-n1 .news-block {
		width: 100% !important;
	}

	.event-3 .event-right {
		padding-top: 0px !important;
	}
}

@media (min-width: 420px) and (max-width: 575px) {
	.update-140-1 {
		background: url(../images/update-140-1/bg.png) 33% 0%;
		margin-top: -143px;
	}

	.update-140-1 .col-3 {
		flex: 0 0 10%;
		max-width: 10%;
	}

	.update-140-1 .col-7 {
		flex: 0 0 40%;
		max-width: 40%;
	}

	marquee {
		width: 100% !important;
	}

	.update-right .edit-detail {
		right: 0px !important;
	}

	.news-mid .admin {
		top: 60px;
		position: relative;
	}

	.news67-n1 .news-block {
		width: 100% !important;
	}

	.event-3 .event-right {
		padding-top: 0px !important;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.update-140-1 {
		background: url(../images/update-140-1/bg.png) 29% 93%;
	}

	.update-140-1 .col-3 {
		flex: 0 0 10%;
		max-width: 10%;
	}

	marquee {
		width: 100% !important;
	}

	.update-right .edit-detail {
		right: 0px !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.update-140-1 {
		background: url(../images/update-140-1/bg.png) 40% 93%;
	}

	.update-140-1 .col-3 {
		flex: 0 0 10%;
		max-width: 10%;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.update-140-1 .col-3 {
		flex: 0 0 15%;
		max-width: 15%;
	}

	.update-140-1 {

		margin-top: -140px;
	}
}

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

@media (min-width: 1281px) and (max-width: 1366px) {}

@media (min-width: 1367px) and (max-width: 1440px) {}

@media (min-width: 1441px) and (max-width: 1600px) {}