html { font-family:'Sarabun', sans-serif; font-size:14px; }
td { font-family:'Sarabun', sans-serif; font-size:14px;}
div { font-family:'Sarabun', sans-serif; font-size:14px; }
span { font-family:'Sarabun', sans-serif; font-size:14px; }

a.st0:link { color:#FFFFFF; text-decoration:none; font-family:'Sarabun', sans-serif; }
a.st0:visited { color:#FFFFFF; text-decoration:none; font-family:'Sarabun', sans-serif; }
a.st0:active { color:#FFFFFF; text-decoration:none; font-family:'Sarabun', sans-serif; }
a.st0:hover { color:#000000; text-decoration:none; font-family:'Sarabun', sans-serif; }

a.st1:link { color:#ff8c00; text-decoration:none; font-family:'Sarabun', sans-serif; }
a.st1:visited { color:#ff8c00; text-decoration:none; font-family:'Sarabun', sans-serif; }
a.st1:active { color:#ff8c00; text-decoration:none; font-family:'Sarabun', sans-serif; }
a.st1:hover { color:#000000; text-decoration:none; font-family:'Sarabun', sans-serif; }

a.st2:link { color:#0000FF; text-decoration:none; }
a.st2:visited { color:#0000FF; text-decoration:none; }
a.st2:active { color:#0000FF; text-decoration:none; }
a.st2:hover { color:#FF0000; text-decoration:none; }

a.stbt:link { color:#007bff; text-decoration:none; }
a.stbt:visited { color:#007bff; text-decoration:none; }
a.stbt:active { color:#007bff; text-decoration:none; }
a.stbt:hover { color:#dc3545; text-decoration:none; }

.font8 { font-family:'Sarabun', sans-serif; font-size:8px;}
.font10 { font-family:'Sarabun', sans-serif; font-size:10px; }
.font12 { font-family:'Sarabun', sans-serif; font-size:12px; }
.font14 { font-family:'Sarabun', sans-serif; font-size:14px; }
.font16 { font-family:'Sarabun', sans-serif; font-size:16px; }
.font18 { font-family:'Sarabun', sans-serif; font-size:18px; }
.font20 { font-family:'Sarabun', sans-serif; font-size:20px; }
.font22 { font-family:'Sarabun', sans-serif; font-size:22px; }
.font24 { font-family:'Sarabun', sans-serif; font-size:24px; }
.eng12 { font-family:"Times New Roman"; font-size:12px; }
.eng16 { font-family:"Times New Roman"; font-size:16px; }
.eng20 { font-family:"Times New Roman"; font-size:20px; }
.eng26 { font-family:"Times New Roman"; font-size:26px; }

.forFooter { border-style:none; z-index:99; position:fixed; bottom:0; right:0; width:100%; }
.bxL { border-style:none; padding:0px; float:left; }
.bxPL { border-style:none; padding:2px; float:left; }
.bxZC { border-style:none; padding:0px; margin:auto; text-align:center; }
.bxZ { border-style:none; padding:0px; margin:0px; }

.tbzr { border-spacing:0px; border-collapse:collapse; }
.tdZ { padding:0px; }
.tdP { padding:3px; }

.MMC1:hover { background-color:#F0F0F0; }
.MMC2:hover { background-color:#FFFF99; }
.MMC3:hover { background-color:#66FF66; }
.MMC4:hover { background-color:#CCFFCC; }
.manlink1 { color:blue !important; }
.manlink1:hover { color:red !important; }
.linkbt { color:#1266F1 !important; }
.linkbt:hover { color:#F93154 !important; }

.fncgreen { color:green; }
.fncblue { color:blue; }
.fncred { color:red; }
.fncblack { color:black; }
.fncbold { font-weight:bold; }
.fnctextc { text-align:center; }
.fnctextr { text-align:right; }
.fnctexttop { vertical-align:top; }
.underlines { border-bottom-width:1px; border-bottom-color:black; border-bottom-style:dashed; }
.underlinef { background-color:#F0F0F0; border-radius: 5px; }

.bg-aqua { background-color: #00c0ef !important; }
.bg-yellow { background-color: #f39c12 !important; }
.bg-teal { background-color: #39cccc !important; }
.bg-olive { background-color: #3d9970 !important; }
.bg-lime { background-color: #01ff70 !important; }
.bg-orange { background-color: #ff851b !important; }
.bg-E0E0E0 { background-color: #E0E0E0 !important; }
.bg-f0f0f0 { background-color: #f0f0f0 !important; }
.bg-ffffcc { background-color: #ffffcc !important; }
.bg-ccffcc { background-color: #ccffcc !important; }
.bg-ffff99 { background-color: #ffff99 !important; }
.bg-lightgreen { background-color: LightGreen !important; }
.bg-aquamarine { background-color: Aquamarine !important; }
.bg-peachpuff { background-color: PeachPuff !important; }
.bg-powderblue { background-color: PowderBlue !important; }

.tdbor1 { border:1px solid black !important; }
.tdbor2 { border:2px solid black !important; }

/* Component: Small Box */
.small-box {
  border-radius: 2px;
  position: relative;
  display: block;
  margin: 5px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.small-box:hover {
  text-decoration: none;
  color: #f9f9f9;
}
.small-box > .small-box-footer {
  position: relative;
  text-align: center;
  padding: 3px 0;
  color: #f9f9f9;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  z-index: 10;
  background: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
.small-box > .small-box-footer:hover {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.15);
}

/* Component: Tooltip */
.tooltip {
  position: relative;
  display: inline-block;
}
.tooltip .tooltiptext {
  visibility: hidden;
  background-color: #f9f2eb;
	font-family: Tahoma;
	font-size: 10px;
  border-radius: 6px;
  padding: 5px 5px;
  position: absolute;
  z-index: 8;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}