body
{
  margin: 0 auto;
  font-family: 'Open Sans', sans-serif;
  background: #eeeeee;
  /*

  background-repeat:no-repeat;
  background-attachment: fixed;*/
}
hr
{
  color: #006dcc;
}
#glyph
{
  font-size:11px;
  margin-right:7px;
}
@media print
{
  a[href]:after { content: none !important; }

  .hide-in-print
  {
    display:none;
  }
}
@media screen and (max-width: 1025px)
{
  body { padding-top: 63px; }
}

@media screen and (min-width: 300px) {
  body { padding-top: 66px; }
}

@media screen and (min-width: 801px) and (max-width: 1024px)
{
  body { padding-top: 178px; }
}
.container-bg
{
  background: url("../images/container-bg.jpg");
  background-repeat:no-repeat;
  background-attachment: fixed;
}
.header-bg
{
  background: url("../images/kct_header2.jpg");
  opacity: 0.9;
}
.header-name
{
  padding: 20px;
  margin-left: 180px;
  margin-top: 30px;
  color: #0d8f47;
  font-family: 'Kanit', sans-serif;
  font-size: 40px;
  line-height: 50px;
}
img
{
width:100%;
}
.width-60
{
    width: 60%;
}
h1
{
font-size:3.25em;
}
h2
{
font-size:2.25em;
}
h3
{
font-size:1.75em;
}
h4
{
font-size:1.35em;
}
h5
{
font-size:12px;
}
h6
{
font-size:10px;
}
.bg-ccc
{
  background: #CCCCCC;
}
.bg-red
{
background:#fc0606;
}
.bg-e6abf3
{
  background: #d2c6d2;
}
.bg-fff
{
background:#fff;
}
.bg-000
{
background:#000;
}
.bg-484848
{
background:#484848;
}
.bg-2a3f54
{
  background: #2a3f54;
}
.bg-adb0a8
{
  background: #3ff9d3;
}
.bg-fe469f
{
  background: #fe469f;
}
.bg-0d8f47
{
  background: #0d8f47;
}
.bg-1b5421
{
  background: #413740;
}
.bg-2e363f
{
  background: #2e363f;
}
.bg-header
{
background:url('../images/bg-img.png');
}
.full-border
{
border:solid 1px #000;
}
.left-border-1f262d
{
  border-left:solid 1px #1f262d;
}
.right-border-1f262d
{
  border-right:solid 1px #1f262d;
}
.top-border-1f262d
{
  border-top:solid 1px #1f262d;
}
.bottom-border-1f262d
{
  border-bottom:solid 1px #1f262d;
}
.right-border
{
border-right:solid 1px #000;
}
.top-border
{
border-top:solid 1px #000;
}
.bottom-border
{
border-bottom:solid 1px #000;
}
.left-border
{
border-left:solid 1px #000;
}
.content-border
{
  border:solid 4px #8c8c8c;
}
.no-table-border
{
  border:0px !important;
}
.para
{
word-spacing:4px;
line-height:24px;
text-align:justify;
color: #122b40;
font-size:14px;
  font-family: 'Raleway', sans-serif;
}
.white_font
{
color:#FFF;
}
.red-font
{
color:#ff6666;
}
.green-font
{
color:#196331;
}
.blue-font
{
color:#328b9b;
}
.gray-font
{
  color: #939da8;
}
.cente_align
{
text-align:center;
}
.left_align
{
text-align:left;
}
.right_align
{
text-align:right;
}
.justify-align
{
text-align:justify;
}
.marin-top-20
{
margin-top:20px;
}
.marin-top-97
{
margin-top:97px;
}
.padding-20
{
padding:20px;
}
.padding-30
{
padding:30px;
}
.padding-10
{
padding:10px;
}
.no-padding
{
  padding: 0px;
}
ul
{
text-align:center;
list-style-type:none;
}
.li-border
{
text-align:left;
list-style-type:none;
padding:12px;
border-bottom:dotted 1px #000;
}
li
{
list-style-type:none;
text-align:justify;
padding:7px;
}
.shadow-box
{
box-shadow: 1px 1px 1px #888888;
-webkit-box-shadow: 5px 5px 2px #888888;
-moz-box-shadow: 5px 5px 2px #888888;
}
.heading-font
{
//font-family: 'Merienda', cursive;
font-family: 'Droid Serif', serif;
}
.font-baloo
{
  font-family: 'Baloo', cursive;
}
.font-yantramanav
{
  font-family: 'Yantramanav', sans-serif;
}
.font-exo2
{
  font-family: 'Exo 2', sans-serif;
}
.font-kanit
{
  font-family: 'Kanit', sans-serif;
}
th
{
  font-family: 'Padauk', sans-serif;
  text-align: center;
  background-color: lightyellow;
}
table
{
  border: solid 2px #000000 !important;
  /*font-family: 'Open Sans Condensed', sans-serif;
  font-family: 'Roboto', sans-serif;
  font-family: 'Scope One', serif;
  font-family: 'Open Sans', sans-serif;
  font-family: 'Quicksand', sans-serif;*/
}
tr,th,td
{
  border: solid 1px #c0c0c0 !important;
}
p
{
  font-size: 14px;
}
.box
{
border-radius:4px;
background: -webkit-repeating-linear-gradient(#CCC, #FFF 20%, #FFF 100%);
background: -moz-repeating-linear-gradient(#CCC, #FFF 20%, #FFF 100%);
background: -o-repeating-linear-gradient(#CCC, #FFF 20%, #FFF 100%);
background: repeating-linear-gradient(#CCC, #FFF 20%, #FFF 100%);
}
.box-style-1
{
  -webkit-box-shadow: 0px 0px 5px 6px rgba(0,0,0,0.31);
  -moz-box-shadow: 0px 0px 5px 6px rgba(0,0,0,0.31);
  box-shadow: 0px 0px 5px 6px rgba(0,0,0,0.31);
}
a#here 
{
 background:#FFF !important;
 color:#000 !important;
}
figcaption
{
font-weight:700;
}
.txt-shadow
{
text-shadow: 1px 3px 0px rgba(150, 150, 150, 1);
}
.margin-top-10
{
margin-top:10px;
}
.min-height-550
{
min-height:562px;
}
.min-height-200
{
  min-height: 200px;
}
.blue-gradient
{
  background: #54b2a1;
  background: -webkit-linear-gradient(bottom, #54b2a1, #00b796);
  background: -ms-linear-gradient(bottom, #54b2a1, #00b796);
  background: -moz-linear-gradient(bottom, #54b2a1, #00b796);
  background: -o-linear-gradient(bottom, #54b2a1, #00b796);
  background: linear-gradient(to top, #54b2a1, #00b796);
}
.orange-gradient
{
  background: #f9971c;
  background: -webkit-linear-gradient(bottom, #f9971c, #fba618);
  background: -ms-linear-gradient(bottom, #f9971c, #fba618);
  background: -moz-linear-gradient(bottom, #f9971c, #fba618);
  background: -o-linear-gradient(bottom, #f9971c, #fba618);
  background: linear-gradient(to top, #f9971c, #fba618);
}
.purple-gradient
{
  background: #86269b;
  background: -webkit-linear-gradient(bottom, #86269b, #bd77d5);
  background: -ms-linear-gradient(bottom, #86269b, #bd77d5);
  background: -moz-linear-gradient(bottom, #86269b, #bd77d5);
  background: -o-linear-gradient(bottom, #86269b, #bd77d5);
  background: linear-gradient(to top, #86269b, #bd77d5);
}
.yellow-gradient
{
  background: #fecb00;
  background: -webkit-linear-gradient(bottom, #fecb00, #fbda56);
  background: -ms-linear-gradient(bottom, #fecb00, #fbda56);
  background: -moz-linear-gradient(bottom, #fecb00, #fbda56);
  background: -o-linear-gradient(bottom, #fecb00, #fbda56);
  background: linear-gradient(to top, #fecb00, #fbda56);
}
.bg-color-ca3249
{
  background: #00b796;
}
.login-table
{
border:solid 2px #000;
padding:7px;
}
.login-th
{
border:0px;
color:#fff;
background:#4ae79b;
font-size:20px;
font-weight:900;
padding:10px;
border-bottom:solid 1px #000;
text-align:center;
}
.login-th-r
{
border:0px;
color:#fff;
background:#40da59;
font-size:20px;
font-weight:900;
padding:10px;
border-bottom:solid 1px #000;
text-align:center;
}
.login-td-tr
{
border:0px;
color:#000;
font-size:14px;
font-weight:400;
padding:10px;
}
.text-input
{
width:350px;
height:35px;
border:solid 1px #000;
font-size:14px;
color:#484848;
}
.text-input1
{
width:350px;
height:25px;
border:solid 1px #000;
font-size:14px;
color:#484848;
}
.text-area
{
width:400px;
height:105px;
border:solid 1px #000;
font-size:14px;
color:#484848;
}
.join-btn
{
width:350px;
height:35px;
border:0px;
font-weight:800;
font-size:16px;
color:#fff;
background:#da4064;
}
.sbt-btn
{
width:125px;
height:35px;
border:solid 2px #000;
font-weight:800;
font-size:16px;
color:#fff;
background:#eb9130;
}
label
{
font-size:14px;
font-weight: 600;
}
.navbar
{
  border-radius: 0px;
  margin-bottom: 0px;
  border: 0px;
}
.nav-bar-menu
{
  color:#fff !important;
  font-weight: bold;
  font-size: 16px;
  font-family: 'Exo 2', sans-serif;
}
.nav > li > a:hover
{
  color: #CCCCCC !important;
}
.border-bottom-thik
{
  border-bottom: solid 4px #000000;
}
.fixed-position
{
  position: fixed;
  margin: auto;
  z-index: 2;
  float: right;
}
.width-100
{
  width: 100px;
}
.header-bg-img
{
  background: url("../images/unnamed.png");
}
.hr-style
{
  border:solid 1px #000;
}
.footer-row
{
  background: #faed7b;
  font-weight: bold;
}