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; }
input { font-family:'Sarabun', sans-serif; font-size:14px; }
select { font-family:'Sarabun', sans-serif; font-size:14px; }
textarea { font-family:'Sarabun', sans-serif; font-size:14px; }
.menuColor { background-color: #F0F0F0; }

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.bluetz:link { color:#0275d8; text-decoration:none; font-family:'Sarabun', sans-serif; }
a.bluetz:visited { color:#0275d8; text-decoration:none; font-family:'Sarabun', sans-serif; }
a.bluetz:active { color:#0275d8; text-decoration:none; font-family:'Sarabun', sans-serif; }
a.bluetz:hover { color:#d9534f; text-decoration:none; font-family:'Sarabun', sans-serif; }

.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; }
.font32 { font-family:'Sarabun', sans-serif; font-size:32px; }
.font40 { font-family:'Sarabun', sans-serif; font-size:40px; }
.font46T{ font-family:'Sarabun', sans-serif; font-size:46px; }
.font36x { font-family: Tahoma, "MS Sans Serif", sans-serif; font-size: 36px; }
.font42x { font-family: Tahoma, "MS Sans Serif", sans-serif; font-size: 42px; }
.font44x { font-family: Tahoma, "MS Sans Serif", sans-serif; font-size: 44px; }
.font46x { font-family: Tahoma, "MS Sans Serif", sans-serif; font-size: 46px; }
.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; }

.font28ang { font-family: "AngsanaUPC"; font-size: 28px; }
.font42ang { font-family: "AngsanaUPC"; font-size: 42px; }

.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; }
.tdP1 { padding:1px; }
.tdP3 { padding:3px; }

.MMC1:hover { background-color:#F0F0F0 !important; }
.MMC2:hover { background-color:#FFFF99 !important; }
.MMC3:hover { background-color:#66FF66 !important; }
.MMC4:hover { background-color:#CCFFCC !important; }
.HV-BG1:hover { background-color:#FFFFCC !important; }
.HV-BG2:hover { background-color:#FFFFEE !important; }
.HV-BG3:hover { background-color:#CCFFCC !important; }
.HV-BG4:hover { background-color:#DDFFDD !important; }
.reslink { color:#0000FF !important; }
.reslink:hover { color:#FF0000 !important; }
.linkbt { color:#1266F1 !important; }
.linkbt:hover { color:#F93154 !important; }

.fncd9534f { color:#d9534f; }
.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-mintcream { background-color: #F5FFFA !important; }
.bg-whitesmoke { background-color: #F5F5F5 !important; }
.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-ccffff { background-color: #ccffff !important; }
.bg-ccffcc { background-color: #ccffcc !important; }
.bg-ffff99 { background-color: #ffff99 !important; }
.bg-ffcc00 { background-color: #ffcc00 !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; }

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

.myTooltip {
  position: relative !important;
  display: inline-block !important;
}
.myTooltip .myTooltiptext {
  visibility: hidden !important;
  background-color: #f9f2eb !important;
	font-size: 10px !important;
  border-radius: 6px !important;
  padding: 5px 5px !important;
  position: absolute !important;
  z-index: 8 !important;
}
.myTooltip:hover .myTooltiptext {
  visibility: visible !important;
}

[data-tooltip] {
  position: relative;
}
[data-tooltip]:before, [data-tooltip]:after {
  line-height: 1;
  font-size: .9em;
  pointer-events: none;
  position: absolute;
  box-sizing: border-box;
  display: none;
  opacity: 0;
}
[data-tooltip]:before {
  content: "";
  border: 5px solid transparent;
  z-index: 100;
}
[data-tooltip]:after {
  content: attr(data-tooltip);
  text-align: center;
  min-width: 3em;
  max-width: 50em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 6px 8px;
  border-radius: 3px;
  background: #CCFFFF;
  color: #FF0000;
  z-index: 99;
}
[data-tooltip]:hover:before, [data-tooltip]:hover:after {
  display: block;
  opacity: 1;
}
[data-tooltip]:not([data-flow])::before, [data-tooltip][data-flow="top"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #CCFFFF;
}
[data-tooltip]:not([data-flow])::after, [data-tooltip][data-flow="top"]::after {
  bottom: calc(100% + 5px);
}
[data-tooltip]:not([data-flow])::before, [data-tooltip]:not([data-flow])::after,
[data-tooltip][data-flow="top"]::before, [data-tooltip][data-flow="top"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, -4px);
          transform: translate(-50%, -4px);
}
[data-tooltip][data-flow="bottom"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #CCFFFF;
}
[data-tooltip][data-flow="bottom"]::after {
  top: calc(100% + 5px);
}
[data-tooltip][data-flow="bottom"]::before, [data-tooltip][data-flow="bottom"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, 8px);
          transform: translate(-50%, 8px);
}
[data-tooltip][data-flow="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #CCFFFF;
  left: calc(0em - 5px);
  -webkit-transform: translate(-8px, -50%);
          transform: translate(-8px, -50%);
}
[data-tooltip][data-flow="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  -webkit-transform: translate(-8px, -50%);
          transform: translate(-8px, -50%);
}
[data-tooltip][data-flow="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #CCFFFF;
  right: calc(0em - 5px);
  -webkit-transform: translate(8px, -50%);
          transform: translate(8px, -50%);
}
[data-tooltip][data-flow="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  -webkit-transform: translate(8px, -50%);
          transform: translate(8px, -50%);
}
[data-tooltip=""]::after, [data-tooltip=""]::before {
  display: none !important;
}