/*
    Blue :#00a8ff
*/


/* kanit  thai_latin */
@font-face 
{
    font-family: 'Kanit';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/kanit-v1-thai_latin/kanit-v1-thai_latin-300.eot'); /* IE9 Compat Modes */
    src: local('Kanit Light'), local('Kanit-Light'),
        url('../fonts/kanit-v1-thai_latin/kanit-v1-thai_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/kanit-v1-thai_latin/kanit-v1-thai_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/kanit-v1-thai_latin/kanit-v1-thai_latin-300.woff') format('woff'), /* Modern Browsers */
        url('../fonts/kanit-v1-thai_latin/kanit-v1-thai_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/kanit-v1-thai_latin/kanit-v1-thai_latin-300.svg#Kanit') format('svg'); /* Legacy iOS */
}
@font-face 
{
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/kanit-v1-thai_latin/kanit-v1-thai_latin-500.eot'); /* IE9 Compat Modes */
    src: local('Kanit Light'), local('Kanit-Light'),
        url('../fonts/kanit-v1-thai_latin/kanit-v1-thai_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/kanit-v1-thai_latin/kanit-v1-thai_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/kanit-v1-thai_latin/kanit-v1-thai_latin-500.woff') format('woff'), /* Modern Browsers */
        url('../fonts/kanit-v1-thai_latin/kanit-v1-thai_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/kanit-v1-thai_latin/kanit-v1-thai_latin-500.svg#Kanit') format('svg'); /* Legacy iOS */
}
@font-face 
{
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/kanit-v1-thai_latin/kanit-v1-thai_latin-500.eot'); /* IE9 Compat Modes */
    src: local('Kanit Light'), local('Kanit-Light'),
        url('../fonts/kanit-v1-thai_latin/kanit-v1-thai_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/kanit-v1-thai_latin/kanit-v1-thai_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/kanit-v1-thai_latin/kanit-v1-thai_latin-500.woff') format('woff'), /* Modern Browsers */
        url('../fonts/kanit-v1-thai_latin/kanit-v1-thai_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/kanit-v1-thai_latin/kanit-v1-thai_latin-500.svg#Kanit') format('svg'); /* Legacy iOS */
}

/* basic css */
.h5 { height: 5px }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.padding5 { padding: 5px;}
.padding10 {padding: 10px;}
.padding-top-bottom5{padding: 5px 0px;}
.padding-top-bottom10{padding: 10px 0px;}
.padding-top5{padding-top:5px;}
.padding-top10{padding-top:10px;}
.text-indent10{text-indent: 10px;}
.margin-top10 {margin-top:10px;}
.margin-top15 {margin-top:15px;}

.font-weight-bold{font-weight: bold;}
.font-weight-normal{font-weight: normal;}
.fs11{font-size: 11px;}
.fs12{font-size: 12px;}
.fs13{font-size: 13px;}
.fs14{font-size: 14px;}
.fs15{font-size: 15px;}
.fs16{font-size: 16px;}
.fs17{font-size: 17px;}
.fs18{font-size: 18px;}
.fs19{font-size: 19px;}
.fs20{font-size: 20px;}


.text-shadow{text-shadow: -1px 1px 1px #ffffff;}
.roundcorner{border-radius: 5px;}

/* end basic css*/ 


body
{
    font-family: 'Kanit',Arial,sans-serif;
}

/*Button*/ 
.btn-hover-outline:hover
{
    outline: 0;
    color: rgba(255,255,255,.8);
    background-color: transparent;
}

/*Button login*/
.btn-login
{
    border-radius: 10px;
    border : 1px solid #009926;
    background-color:#00B32D;
    color: #fff;
}
/*Button login on Navbar*/
.navbar-nav .btn-login,
.navbar-nav>li>a.btn-record
{
    padding: 5px 8px !important;
    margin: 10px 7px !important;
}
.btn-round
{
    border-radius: 10px !important;
}

/*Main page*/
.main-page
{
    padding-top: 130px;
    padding-bottom: 50px;
    background-color: #FAFAFA;
}
.main-page h1
{
    color: #0052A3;
    padding-bottom: 7px;
    border-bottom: 1px dotted #ddd;
}
.intro .intro-body .intro-text
{
    font-size: 16px;
}
.horizontal-border-right-bottom-xs
{
    border-right: 1px solid #D9D9D9;
}
/* End Main page*/

/*Others*/
.min-hieght-400-not-xs
{
    min-height: 400px;
}
/*End Others*/


div.table 
{
    display:table;
}
form.tr, div.tr
{
    display:table-row;
}
div.td
{
    display:table-cell;
}

.txt-trimester
{
    font-size: 24px;
    color: #00a8ff;
}
.txt-status
{
    font-size: 14px;    
}

.nav-li-userinfo
{
    color: #222;
    padding: 3px 20px;
    white-space: nowrap;
}
.nav-li-userinfo small
{
    color: #ccc;
    font-size: 12px;
}
.table thead th
{
    text-align: center;
    background-color: #f2f2f2;
}

/*FAQ*/
.faq
{
    padding: 15px 10px;
}
.faq .question
{    
    font-size: 26px;
    font-weight: bold;
    color: #59A7F1;
}
.faq .answer
{
    font-size: 16px;
}


/* xs */
@media (max-width: 767px)
{ 
    .main-page
    {
        padding-top: 60px;
    }
    .horizontal-border-right-bottom-xs
    {
        border-right: 1px solid transparent;
        border-bottom: 1px solid #D9D9D9;
        padding-bottom: 7px;
        margin-bottom: 7px;
    }
    .min-hieght-400-not-xs
    {
        min-height: 100px;
    }
    .xs-text-left
    {
        text-align: left;
    }
}
/* sm */
@media (min-width: 768px) and (max-width: 991px)
{ 
}
/* md */
@media (min-width: 992px) and (max-width: 1199px)
{ 

}
/* lg */
@media (min-width: 1200px)
{ 

}