@import url(fonts/sarabun/thsarabunnew.css);

*{ margin: 0; padding: 0; }
h1,h2,h3,h4,h5{ line-height: 2em; clear: both; }
h2{ background: #0F7AC2; padding: 0 10px; color: #FFF; margin: 20px 0 10px; }
p{ padding: 0 0 10px 0; }
.n{ font-weight: normal; font-style: normal; }
.b{ font-weight: bold; font-style:  normal;font-size: 2em; line-height:1.5em; }
.bn{ font-weight: normal; font-style:  normal;font-size: 1.5em; line-height:1.1em; }
.ns{ font-weight: normal; font-style:  normal;font-size: 1.2em; line-height:1em; }
.bs{ font-weight: bold; font-style:  normal;font-size: 1em; line-height:1em; }
.xs{ font-weight: normal; font-style:  normal;font-size: 0.8em; line-height:3.5em; }
.s{ font-weight: bold; font-style:  normal;font-size: 0.6em; line-height:0.5em; }
.bb{ font-weight: bold; font-style:  normal;font-size: 3em; line-height:1em; }
.i{ font-weight: normal; font-style: italic; }
.bi{ font-weight: bold; font-style: italic; }
ul,ol{padding: 0 0 10px 0;}
li{ margin: 0 0 0 2em; padding: 0 0 5px 0; }
code{ background: #FFF; }
#container{ width: 900px; margin: 20px auto 0; border: 1px solid #333; padding: 20px; background: #FFF; }
#instruction{ padding: 10px 10px 0; background: #e6e6e6; }
#footer{ width: 940px; margin: 0 auto; padding: 10px 0 20px; }
.left{text-align: left;}
.right{text-align: right;}
.type{ font-family: 'THSarabunNew', sans-serif; height: 5em; width: 98%;font-size: 1em;clear: both;margin: 20px auto 10px;padding: 5px 1%; }
.upper { font-size:1.5em; }
.hl_text { color: #185884 }

/* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 767px) {
	body{ font-family: 'THSarabunNew', sans-serif; font-size: 1.2em; line-height: 1.3em; background: #FFFFFF; }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	body{ font-family: 'THSarabunNew', sans-serif; font-size: 2em; line-height: 2em; background: #FFFFFF; }
}
/* tablets/desktops and up ----------- */
@media (min-width: 992px) and (max-width: 1199px) {
	body{ font-family: 'THSarabunNew', sans-serif; font-size: 3em; line-height: 1.5em; background: #FFFFFF; }
}
/* large desktops and up ----------- */
@media screen and (min-width: 1200px) {
	body{ font-family: 'THSarabunNew', sans-serif; font-size: 3em; line-height: 1.7em; background: #FFFFFF; }
}