.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;
}
.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-header
{
    background:url('../images/bg-img.png');
}
.full-border
{
    border:solid 1px #000;
}
.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;
}
.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:#e06b41;
}
.green-font
{
    color:#196331;
}
.blue-font
{
    color:#328b9b;
}
.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;
}
table
{
    font-family: 'Roboto', sans-serif;
    /*font-family: 'Open Sans Condensed', sans-serif;
    font-family: 'Scope One', serif;
    font-family: 'Open Sans', sans-serif;
    font-family: 'Quicksand', sans-serif;*/
}
.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%);
}
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("@web/images/unnamed.png");
}
.hr-style
{
    border:solid 1px #000;
}
.footer-row
{
    background: #faed7b;
    font-weight: bold;
}