@font-face {
font-family: 'srbTH';
src: url('../sipa_fonts/THSarabunNew.eot?#iefix') format('embedded-opentype'),
	url('../sipa_fonts/THSarabunNew.ttf')  format('truetype'),
	url('../sipa_fonts/THSarabunNew.svg') format('svg');
font-weight: normal;
font-style: normal;
}
body {	font-family: 'srbTH';	font-size: 1.4em;  	padding-top: 56px;}
.form-control, .thumbnail {border-radius: 2px;}
.btn-danger {background-color: #B73333;}
/* File Upload */
.fake-shadow {font-size: 1em;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}
.fileUpload {position: relative;overflow: hidden;}
.fileUpload #iDImage {position: absolute;top: 0;right: 0;margin: 0;padding: 0; font-size: 33px; cursor: pointer; opacity: 0; filter: alpha(opacity=0);}
.fileUpload #iDImage1 {position: absolute;top: 0;right: 0;margin: 0;padding: 0;font-size: 33px;cursor: pointer;opacity: 0;filter: alpha(opacity=0);}
.fileUpload #iDImage2 {position: absolute;top: 0; right: 0; margin: 0; padding: 0; font-size: 33px; cursor: pointer; opacity: 0; filter: alpha(opacity=0);}
.fileUpload #iDImage3 {position: absolute;top: 0;right: 0;margin: 0;padding: 0;font-size: 33px;cursor: pointer;opacity: 0;filter: alpha(opacity=0);}
.fileUpload #iDImage4 {position: absolute;top: 0;right: 0;margin: 0;padding: 0;font-size: 33px;cursor: pointer;opacity: 0;filter: alpha(opacity=0);}
.fileUpload #iDImage5 {position: absolute;top: 0;right: 0;margin: 0;padding: 0;font-size: 33px;cursor: pointer;opacity: 0;filter: alpha(opacity=0);}
.fileUpload #iDImage6 {position: absolute;top: 0;right: 0;margin: 0;padding: 0;font-size: 33px;cursor: pointer;opacity: 0;filter: alpha(opacity=0);}
.img-preview {max-width: 100%;}
.list-group a{text-decoration:none;color:#324a5e;}
.list-group a:hover{color: #FFF;text-shadow: black 0.1em 0.1em 0.2em;background-color: #324a5e;}
.dropdown-item a{color: #FFF;}
.text-dark a{color: #000;}
.text-dark a:hover{color: #000;background-color: #FFF;padding:8px 5px 8px 5px;}
.text-white a{color: #FFF;}
.text-white a:hover{color: #000;background-color: #FFF;padding:8px 5px 8px 5px;}
.text-goal{color: #fad348;}
.text-goal a{color: #fad348;}
.text-goal a:hover{color: #000; background-color: #fad348;}
.text-sBlue{color: #f2f9ff;}
.text-sBlue a{color: #f2f9ff;}
.text-sBlue a:hover{color: #0a2580; background-color: #f2f9ff;}
.text-sPurple{color: #65fcf0;}
.text-sPurple a{color: #65fcf0;}
.text-sPurple a:hover{color: #16181e; background-color: #65fcf0;}
.text-sgreen{color: white; text-shadow: black 0.1em 0.1em 0.2em}
.text-sgreen a{color: white; text-shadow: black 0.1em 0.1em 0.2em}
.text-sgreen a:hover{color: #113232; background-color: #16f3f3;}
.text-sWanning{color: #333; font-weight: bold;}
.text-sWanning a{color: #333; font-weight: bold;}
.text-sWanning a:hover{color: #fad348; background-color: #333;}
.text-nGreen{color: #FFFFFF;}
.text-nGreen a{color: #FFFFFF;}
.text-nGreen a:hover{color: #53900F; background-color: #FFFFFF;}
.text-lOrange{color: #333; font-weight: bold;}
.text-lOrange a{color: #333; font-weight: bold;}
.text-lOrange a:hover{color: #90CCF4; background-color: #000;}
.bg-primary2{background-color: #0a2580;}
.bg-secondary2{background-color: #81a4dd;}
.bg-success2{background-color: #125c29;}
.bg-danger2{background-color: #A52A2A;}
.bg-danger3{background-color: #16181e;}
.bg-warning2{background-color: #F3D250;}
.bg-info2{background-color: #3b3863;}
.bg-dark2{background-color: #231f20;}
.bg-green{background-color: #113232;}
.bg-Gsolf{background-color: #65CCB8;}
.bg-nGreen{background-color: #53900F;}
.bg-lOrange{background-color: #90CCF4;}
.bLog{font-size: 1em;}
#cLogin {padding-top: 140px;width: 100%;padding-bottom: 240px;font-size: 1em;}
#cLogin h1{padding-bottom:25px;}
#cLogin .form-wrap {width: 60%;margin: 0 auto;}
#cLogin .input-group {margin-bottom: 25px;}
.cSmall{padding-top: 20px;color: #FC0505;}
.listDL{text-decoration:none; color: black; font-size: 0.9em;}
.PSlist{list-style-type: disc;}
.PSlist li a{text-decoration: none;color: black;}
.PSlist li a:hover{text-decoration: none;font-weight: bold;}
.tHisChoice{font-weight: bold;}
.gTList li a{color: #000;    font-size: 1.2em;    text-decoration: none;}
.gTList li a:hover{    color: #06C3F9;}
.subList{    color: red;    font-size: 0.8em;    position: static;}
.ListTable a{    color: black;}
.ListTable a:hover{    color: #1D3BF4;    text-decoration: none;}
.responsiveCal {position: relative; padding-bottom: 75%; height: 0; overflow: hidden;}
.responsiveCal iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%;}