:root {
	--tpablue: #1D4294;
	--tpagold: #C6AB00;
	--bg-news-intro: #ffffff;
	--bg-news-newsletter: #3862a9;
	--txt-news-newsletter: #ffffff;
}

section { margin: 0; padding: 1.4em 0; }
[class^="news-"] { font-family: 'Noto Sans Thai', sans-serif; } [class^="news-"] .row { margin-top: 1em; }
[class^="news-"] { font-size: 1.25rem; font-weight: 300; }
[class^="news-"] h2 { margin-bottom: 0.85em; margin-left: 10%; margin-right: 10%; text-align: center; border-bottom: 2px #333 solid; display: block; }
.news-intro { background: var(--bg-news-intro); background: linear-gradient(0deg,rgba(255, 255, 255, 1) 57%, rgba(170, 213, 247, 1) 100%); }
.news-intro { margin-bottom: 0.5em; font-size: 1.85rem; text-align: center; overflow: hidden; }
.news-intro h1 { margin-top: 7.5%; margin-left: 15%; margin-right: 15%; padding: 0.5em;  font-size: 2.85rem; font-weight: 600; border-bottom: 3px #333 solid; }
.news-intro p { margin-left: 7.5%; margin-right: 7.5%; padding: 0.5em; font-weight: 400; }
.news-list { margin-bottom: 0.1em; }
.news-list ul { list-style-type: none; }
.news-list ul li { margin-bottom: 1em; font-size: 1.10rem; }
.news-newsletter { padding: 4.2em 0; background: var(--bg-news-newsletter); color: var(--txt-news-newsletter); }
.news-newsletter h2 { margin-left: 20%; margin-right: 20%; border-bottom: 2px var(--txt-news-newsletter) solid; display: block; }
.news-newsletter a { color: var(--txt-news-newsletter); text-decoration: none; }

@media (max-width: 991px) {
	[class^="news-"] { font-size: 1.10rem; }
	.news-intro h1, .news-intro p { margin-left: 5%; margin-right: 5%; }
	[class^="news-"] h2 { margin-bottom: 0.75em; margin-left: 5%; margin-right: 5%; }
	.news-newsletter h2 { margin-left: 5%; margin-right: 5%; }
}
@media (max-width: 767px) {
	[class^="news-"] { font-size: 1.0rem; }
}