<style type="text/css">@charset "utf-8";>



*{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

/*********************** Font ***********************/
.textbck8 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #000000;  font-size: 8px; }
.textgray8 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #737373;  font-size: 8px; }
.textred8 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #b30000;  font-size: 8px; }
.textwht8 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #ffffff;  font-size: 8px; }
.textblue8 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #2800be;  font-size: 8px; }
.textgnd8 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #005e07;  font-size: 8px; }
.textorg8 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #773200;  font-size: 8px; }
.textpple8 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #610079;  font-size: 8px; }
.textyel8 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #907300;  font-size: 8px; }
.textblue8_wd { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #1dc8e1;  font-size: 8px; }

.textbck10 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #000000;  font-size: 10px; }
.textgray10 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #737373;  font-size: 10px; }
.textred10 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #b30000;  font-size: 10px; }
.textwht10 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #ffffff;  font-size: 10px; }
.textblue10 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #2800be;  font-size: 10px; }
.textgnd10 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #005e07;  font-size: 10px; }
.textorg10 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #773200;  font-size: 10px; }
.textpple10 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #610079;  font-size: 10px; }
.textyel10 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #907300;  font-size: 10px; }
.textblue10_wd { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #1dc8e1;  font-size: 10px; }

.textbck12 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #000000;  font-size: 12px; }
.textgray12 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #737373;  font-size: 12px; }
.textred12 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #b30000;  font-size: 12px; }
.textwht12 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #ffffff;  font-size: 12px; }
.textblue12 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #2800be;  font-size: 12px; }
.textgnd12 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #005e07;  font-size: 12px; }
.textorg12 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #773200;  font-size: 12px; }
.textpple12 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #610079;  font-size: 12px; }
.textyel12 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #907300;  font-size: 12px; }
.textblue12_wd { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #1dc8e1;  font-size: 12px; }

.textbck13 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #000000;  font-size: 13px; }
.textgray13 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #737373;  font-size: 13px; }
.textred13 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #b30000;  font-size: 13px; }
.textwht13 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #ffffff;  font-size: 13px; }
.textblue13 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #2800be;  font-size: 13px; }
.textgnd13 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #005e07;  font-size: 13px; }
.textorg13 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #773200;  font-size: 13px; }
.textpple13 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #610079;  font-size: 13px; }
.textyel13 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #907300;  font-size: 13px; }
.textblue13_wd { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #1dc8e1;  font-size: 13px; }

.textbck14 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #000000;  font-size: 14px; }
.textgray14 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #737373;  font-size: 14px; }
.textred14 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #b30000;  font-size: 14px; }
.textwht14 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #ffffff;  font-size: 14px; }
.textblue14 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #2800be;  font-size: 14px; }
.textgnd14 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #005e07;  font-size: 14px; }
.textorg14 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #773200;  font-size: 14px; }
.textpple14 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #610079;  font-size: 14px; }
.textyel14 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #907300;  font-size: 14px; }
.textblue14_wd { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #1dc8e1;  font-size: 14px; }

.textbck16 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #000000;  font-size: 16px; }
.textgray16 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #737373;  font-size: 16px; }
.textred16 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #b30000;  font-size: 16px; }
.textwht16 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #ffffff;  font-size: 16px; }
.textblue16 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #2800be;  font-size: 16px; }
.textgnd16 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #005e07;  font-size: 16px; }
.textorg16 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #773200;  font-size: 16px; }
.textpple16 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #610079;  font-size: 16px; }
.textyel16 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #907300;  font-size: 16px; }
.textblue16_wd { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #1dc8e1;  font-size: 16px; }

.textbck18 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #000000;  font-size: 18px; }
.textgray18 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #737373;  font-size: 18px; }
.textred18 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #b30000;  font-size: 18px; }
.textwht18 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #ffffff;  font-size: 18px; }
.textblue18 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #2800be;  font-size: 18px; }
.textgnd18 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #005e07;  font-size: 18px; }
.textorg18 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #773200;  font-size: 18px; }
.textpple18 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #610079;  font-size: 18px; }
.textyel18 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #907300;  font-size: 18px; }
.textblue18_wd { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #1dc8e1;  font-size: 18px; }

.textbck20 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #000000;  font-size: 20px; }
.textgray20 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #737373;  font-size: 20px; }
.textred20 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #b30000;  font-size: 20px; }
.textwht20 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #ffffff;  font-size: 20px; }
.textblue20 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #2800be;  font-size: 20px; }
.textgnd20 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #005e07;  font-size: 20px; }
.textorg20 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #773200;  font-size: 20px; }
.textpple20 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #610079;  font-size: 20px; }
.textyel20 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #907300;  font-size: 20px; }
.textblue20_wd { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #1dc8e1;  font-size: 20px; }

.textbck24 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #000000;  font-size: 24px; }
.textgray24 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #737373;  font-size: 24px; }
.textred24 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #b30000;  font-size: 24px; }
.textwht24 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #ffffff;  font-size: 24px; }
.textblue24 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #2800be;  font-size: 24px; }
.textgnd24 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #005e07;  font-size: 24px; }
.textorg24 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #773200;  font-size: 24px; }
.textpple24 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #610079;  font-size: 24px; }
.textyel24 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #907300;  font-size: 24px; }
.textblue24_wd { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #1dc8e1;  font-size: 24px; }

.textbck28 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #000000;  font-size: 28px; }
.textgray28 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #737373;  font-size: 28px; }
.textred28 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #b30000;  font-size: 28px; }
.textwht28 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #ffffff;  font-size: 28px; }
.textblue28 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #2800be;  font-size: 28px; }
.textgnd28 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #005e07;  font-size: 28px; }
.textorg28 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #773200;  font-size: 28px; }
.textpple28 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #610079;  font-size: 28px; }
.textyel28 { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #907300;  font-size: 28px; }
.textblue28_wd { font-family:'Sarabun', sans-serif; text-decoration: none;  color: #1dc8e1;  font-size: 28px; }
/*p { text-indent: 2em; margin-top: 0; margin-bottom: 0px; }*/

/*********************** LINK ***********************/

:link { color: #000000; text-decoration: none; }  /* สำหรับลิ้งที่ยังไม่ได้รับชม */
:visited { color: #000000; text-decoration: none;  } /* สำหรับฃิ้งที่รับชมแล้ว */
a:active { color: #25107B; text-decoration: none; } /* สำหรับลิ้งที่ถูกคลิ๊ก */
a:hover { color: #443E87; text-decoration: none;} /* สำหรับลิ้งที่มีเมาส์วางเหนือ */

.linknot {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}



/*********************** box ***********************/
select,
.uneditable-select {
  border: 1px solid #bdbdbd;	
  display: inline-block;
  padding: 2px 4px;
  font-size: 14px;
  color: #222;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
select:focus,
.uneditable-select:focus {
  border-color: #62c2e6;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 0 1px  #fff, 0 0 8px #a1e6ff;
     -moz-box-shadow: inset 0 0 1px  #fff, 0 0 8px #a1e6ff;
          box-shadow: inset 0 0 1px  #fff, 0 0 8px #a1e6ff;
}

input[type="text"],
input[type="password"],
input[type="search"],
.uneditable-input {
  border: 1px solid #bdbdbd;
  display: inline-block;
  height: 25px;
  padding: 2px 4px;
  font-size: 14px;
  color: #222;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

input[type="text"]:focus,
input[type="text2"]:focus,
input[type="text_pg50"]:focus,
input[type="text_pg100"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
.uneditable-input:focus {
  border-color: #62c2e6;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 0 2px  #fff, 0 0 4px #62c2e6;
     -moz-box-shadow: inset 0 0 2px  #fff, 0 0 4px #62c2e6;
          box-shadow: inset 0 0 2px  #fff, 0 0 4px #62c2e6;
}



input[type="image"],
.uneditable-input {
	 height: 20px;
	 padding: 0px;
}


input[type="submit"],
input[type="reset"],
input[type="button"],
.uneditable-input {
	background-image: linear-gradient(#0e59a0,#002c89);
	padding: 0px 20px;  cursor: pointer; height: 30px;
  	font-size: 14px; font-family: 'Sarabun', sans-serif;	 color: #fff; text-shadow: 0 -1px 1px rgba(0,0,0,0.10);
	border-bottom: 1px solid rgba(0,0,0,0.25);  border-right: 1px solid rgba(0,0,0,0.25);  border-left:none;  border-top:none; 
	border-radius: 3px;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.uneditable-input:hover {
	background-image: linear-gradient(#1e3d79,#001949);
	font-size: 14px; font-family: 'Sarabun', sans-serif;	 color: #feffa5; text-shadow: 0 -1px 1px rgba(0,0,0,0.10);
}

button {
	font-family: Verdana, 'Sarabun', sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border: 1px solid #999999;
	vertical-align: middle;
}
	
.vv{
  font-size: 14px;
  color:#ffffff;
}
</style>