/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;}
th, td {vertical-align: top;}
label {cursor: pointer;}
:focus {outline: 0;}
a:focus {outline: invert dotted thin;}
table {border-collapse: separate; border-spacing: 0;}	/* tables still need 'cellspacing="0"' in the markup */
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
fieldset, img {border: none;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* GENERAL */
strong {font-weight: bold;}
em {font-style: italic;}
sup, sub {font-size: 75%;}
sup {vertical-align: super;}
sub {vertical-align: sub;}
html {height: 100%;}
body {background: white url(graphics/bg-hlines.gif); height: 100%;}
body.print { background: white;}
body,p,td,th {color: #000; font-family: "TH Sarabun New", "TH Sarabun PSK", "Browallia New", Tahoma, sans-serif; font-size: 14pt; line-height: 14pt;}
input, select, textarea {color: #000; font-size: 14pt; font-family: "TH Sarabun New", "TH Sarabun PSK", "Browallia New", Tahoma, sans-serif;}
input[type=text], input[type=password], select, textarea {border: 1px solid #CCC; padding: 2px;}
input[type=button], input[type=submit], input[type=reset] {padding: 1px 5px; margin-right: 5px;}
pre, code {font-family: Courier, "Courier New", monospace; font-size: 1em;}
pre {overflow: scroll; margin: 0 0 1em 0; padding: 0 0 0.5em 0; white-space: pre-wrap;}
hr {width: 100%; height: 1px; background: #ccc; color: #000; margin: 1em 0; border: none; padding: 0;}
blockquote {margin: 1.5em; padding: 1em; color: #000; font-style: italic; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}
.small {font-size: 10px;}
.clear {clear: both; height: 0;}
p {margin-bottom: 20px;}
a {color: #000; text-decoration: none;}
a:visited {color: #000;}
a:hover {color: #000;}
a:active {color: #000;}
h1 {font-size: 16pt; font-weight: bold; line-height: 40px; margin-bottom: 0px; color: #000;}
h2 {font-size: 15pt; font-weight: bold; line-height: 15px; margin-bottom: 0px; color: #000;}
h3 {font-size: 13pt; font-weight: bold; margin-bottom: 0px; color: #000;}
acronym, abbr {border-bottom: 1px dashed #8fb7bf;}
ul, ol {margin-bottom: 20px; padding-left: 15px; text-indent: 0;}
ul li {padding: 1px 3px; list-style-type: disc; list-style-position: outside;}
ol li {padding: 1px 3px; list-style-type: decimal; list-style-position: outside;}
img.icon {border: none; margin: 0 5px 5px 0;}
/* LAYOUT */

table.info_table {padding: 0px; -moz-box-sizing: border-box; border-collapse: separate; border-spacing: 0px; display: table; margin: 0; text-indent: 0; vertical-align: top; width: 100%; background: #F9F9F9;}
table.result_table{padding: 0px; -moz-box-sizing: border-box; border-collapse: separate; border-spacing: 0px; display: table; margin: 0; text-indent: 0; vertical-align: top;}
thead th { background: #F2F2F2 url(graphics/bg-label.gif) repeat-x; border-bottom: 1px solid #CCC; padding: 2px 10px; vertical-align: middle; font-weight: bold;}
tbody th {background: transparent; width: 120px; vertical-align: top; padding: 4px 10px; font-weight: bold;}
tfoot td {background: #F2F2F2; padding: 3px 10px; vertical-align: middle;}
tr.odd td, tr.odd th { background: transparent; }
tr.even td, tr.even th { background: white; }
.paginate { text-align: center; font-size: 11px; clear:both; background: transparent; padding: 3px 10px; vertical-align: middle;}
.page_current, .page_link { margin-left: 5px; }
td.data {background-color: #F9F9F9; padding: 4px 10px; vertical-align: top;}
table.result_table td.data { border-bottom: 1px solid #DDD;}
.label_group {font-size: 13px; padding: 4px 6px; background: #c0c0c0; vertical-align: top;}
.data,
.text_left { text-align: left;}
.text_center { text-align: center;}
.text_right { text-align: right;}
a.cms_icon {margin: 4px; padding: 0;}
a.cms_icon img {vertical-align: middle;}

body.print table.info_table {padding: 0px; -moz-box-sizing: border-box; border-collapse: separate; border-spacing: 0px; display: table; margin: 0; text-indent: 0; vertical-align: top; background: white;}
body.print table.result_table{padding: 0px; -moz-box-sizing: border-box; border-collapse: separate; border-spacing: 0px; display: table; margin: 0; margin-top: 0; text-indent: 0; vertical-align: top; border-top: 1px solid black;}
body.print table caption {margin-top: 1em; font-weight: bold; font-size: 14pt;}
body.print table td.data {background-color: white; padding: 4px 10px; vertical-align: top;}
body.print table.result_table td.data { border-bottom: 1px solid #000;}
body.print table.result_table thead th {background: #F2F2F2 url(graphics/bg-label.gif) repeat-x; border-bottom: 1px solid #000; padding: 2px 10px; vertical-align: middle; font-weight: bold; line-height: 16pt;}
body.print table.bordered {border: 1px solid black; border-width: 1px 1px 0 0;}
body.print table.bordered th, body.print table.bordered td, body.print table.bordered td.data {border: 1px solid black; border-width: 0 0 1px 1px;}