:root {
	--tpablue: #1D4294;
	--tpagold: #C6AB00;
	--bg-contact-intro: #aad5f7;
}

[class^="contact-"] { font-family: 'Noto Sans Thai', sans-serif; } [class^="contact-"] .row { margin-top: 1em; }
[class^="contact-"] { font-size: 1.25rem; font-weight: 300; }
.contact-intro { background: #ffffff; background: linear-gradient(0deg,rgba(255, 255, 255, 1) 57%, rgba(170, 213, 247, 1) 100%); }
.contact-intro { margin-bottom: 0.5em; font-size: 1.85rem; text-align: center; overflow: hidden; }
.contact-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; }
.contact-intro p { margin-left: 7.5%; margin-right: 7.5%; padding: 0.5em; font-weight: 400; }
.contact-info { margin-bottom: 1.2em; }
.contact-info-pic { margin-right: 1.2em; }
.contact-info-map { margin-top: 2.4em; }
.contact-address { font-size: 1.15rem; }
.contact-address h2 { font-size: 1.75rem; }
.contact-address h2 span { display: block; }
.contact-address dl { margin-top: 0.5em; }
.contact-address dl, .contact-address dl dt, .contact-address dl dd { font-weight: 300; }
.contact-address dt::after { content: "\00a0:"; }

@media (max-width: 991px) {
	[class^="contact-"] { font-size: 1.10rem; }
	.contact-intro h1, .contact-intro p { margin-left: 5%; margin-right: 5%; }
	.contact-info-pic { margin-right: 0.2em; }
	.contact-address dl { font-size: 1.0rem; }
}
@media (max-width: 767px) {
	[class^="contact-"] { font-size: 1.0rem; }
}

@media screen and (min-resolution: 144dpi), (min-device-pixel-ratio: 1.5) {
  .contact-address { font-size: 1.0rem; }
}