#cms{padding:4%;font-weight:300;background-color:#f6f6f6}
#cms .topic{margin-bottom:2%;margin-top:1%}
#cms .topic h1{font-family:Kanit;font-size:1.5em;font-weight:400;text-align:center;margin-bottom:2%;line-height:1.6em}
#cms .topic h1:after{
	content:' ';border-bottom:4px solid #b00d19;
	display:block;width:120px;margin:0 auto;clear:both;
}
#cms .topic .description{font-size:.94em;padding-top:2%;text-indent:20px}
#cms .topic .description a{text-indent:0;margin:0 1%;color:#b00d19;text-decoration:underline}

#cms article{padding-bottom:1%;font-size:.94em;font-weight:300}
#cms article h2, #cms article h3{font-size:1.3em;font-family:Kanit,serif;color:#000;margin-bottom:0.5%;font-weight:400}
#cms article ol, #cms article ul{padding:0;margin-left:2%}
#cms article ol li, #cms article ul li{margin-top:0.5%}
#cms article a{font-size:inherit;text-decoration:underline;color:#b00d19}

#cms article p.center{text-align:center}
#cms article p.center img{border:1px solid #f9f9f9;max-width:100%;height:auto}
#cms article p.caption{text-decoration:underline;font-size:.86em;font-family:Kanit,serif;text-align:center;margin-top:0.5%}
#cms article p u a{text-decoration:underline}
#cms article p strong{display:block;margin:0 0 1% 1%;font-family:Kanit,serif;font-size:1.2em;}
#cms article table td{width:49%;padding:0 1%;vertical-align:top}
#cms article table td img{width:100%;height:auto}

#cms article .icon img{
	max-width:120px;height:auto;display:block;float:left;margin-right:1%
}

@media screen and (max-width:1000px){
	#cms article .map iframe{width:100%}
}
@media screen and (max-width:800px){
	#cms h1{font-size:1.4em}
	#cms article p{margin-bottom:1%}
	#cms article table td strong{font-size:1em}
	#cms article ol, #cms article ul{margin-left:6%}
}
@media screen and (max-width:600px){
	#cms article{margin-top:4%}
	#cms article p{margin-bottom:1.5%}
}