@font-face {
    font-family: THSarabunNew;
    src: url('../fonts/THSarabunNewBold.ttf');
}

body{
    font-family: THSarabunNew;
	font-size: 20px;
	line-height: 1.3;
}
.btnsize{font-size:20px;}
p{
    font-size: 20px;
	margin: 0;
}
a{
    color:inherit;
}
a:hover{
    color: #950608;
    text-decoration: none;
}
.text-red{
    color: #950608 !important;
}
.text-blue{
    color: #063d81 !important;
}

.btn-primary{
    background-color: #063d81;
    border: none;
    padding-bottom: 2px;
}
.btn-primary:hover{
    background-color: #042955;
    border: none;
}


section.top-box{
    background-color: #fff;
}
section.top-box .btn-login{
    text-align: right;
    padding-top: 20px;
}
section.top-box .btn-login .user .dropdown-menu .dropdown-item .fa{
    width: 25px;
    margin-right: 10px;
    text-align: center;
}
section.top-box .btn-login .user .dropdown-menu{
    padding-top: 0px;
    padding-bottom: 0px;
}
section.top-box .btn-login .user .dropdown-menu .dropdown-item{
    border-bottom: 1px solid rgba(0,0,0,.125);
    padding-top: 10px;
    padding-bottom: 10px;
}
section.top-box .btn-login .user .dropdown-toggle-split{
    padding-top: 10px;
}



.modal#loginModal .close{
    font-family: Arial, Helvetica, sans-serif;
}
.modal#loginModal form .input-group-text{
    width: 50px;
    padding-top: 10px;
}
.modal#loginModal form .btn-fb{
    background-color: #3b5998;
    border-color: #055d90;
}
.modal#loginModal form .btn-submit{
    background-color: #950608;
}
.modal#loginModal form .btn-google{
    background-color: #fff;
    border-color: #000;
    color: #000;
    padding-bottom: 3px;
}
.modal#loginModal form .btn-google .fa{
    color: #d7282f;
}


section.form-search .container-fluid{
 /*   background-image: url('../img/bg-01.jpg');*/
    padding-top: 100px;
    padding-bottom: 120px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
section.form-search{
    font-size: 18px;
}
section.form-search .form-inline select{
    width: 150px;
}
section.form-search .form-inline .form-control{
    width: 500px;
}
section.form-search .form-control:focus{
    border: 1px solid #ced4da;
    box-shadow: none;
}
section.form-search .btn-primary{
    padding-top: 12px;
    padding-bottom: 6px;
}


section.menu .bg-light{
   padding-top: 15px;
   padding-bottom: 15px;
   background-color: #063d81 !important;
}
section.menu .navbar-brand{
    display: none;
}
section.menu .navbar-light .navbar-nav .nav-item{
    border-right: 2px solid #000;
}
section.menu .navbar-light .navbar-nav .nav-link{
    color: #fff;
    font-size: 22px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
}
section.menu .navbar-light .navbar-nav .active>.nav-link,
section.menu .navbar-light .navbar-nav .nav-link.active,
section.menu .navbar-light .navbar-nav .nav-link.show,
section.menu .navbar-light .navbar-nav .show>.nav-link{
    color: #fff;
    background-color: #055d90;
}


section.update{
    background-image: url('../img/bg-02.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
section.update .container{
    padding-top: 50px;
    padding-bottom: 50px;
}
section.update .new-member{
    padding: 20px;
    width: 300px;
    font-size: 14px;
}
section.update .new-member .box-hr{
    margin: 0 auto;
    height: 200px;
    width: 4px;
    border: none;
    background-color: #950608;
    margin-bottom: 20px;
}
section.update .owl-carousel .owl-item img{
    width: 350px;
    margin: 0 auto;
}
section.update .right-box{
    text-align: center;
}

section.update .side-updata{
    position: relative;
}
section.update .data-update{
    position: absolute;
    top:0px;
}



section.news ,section.entatneer-document{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #f7f7f7;
}

section.news.owl-carousel-news .item h6{
    color: #000
}
section.news .owl-theme .owl-dots .owl-dot.active span,
section.news .owl-theme .owl-dots .owl-dot:hover span{
    background-color: #950608;
}


section.directory{
    padding-top: 50px;
    padding-bottom: 50px;
}
section.directory .list-group-item{
    border-right: 7px solid #fff;
    border-left: 0px;
    color: #063d81;
}
.list-group-item:first-child, .list-group-item:last-child{
    border-radius: 0px;
}
section.directory .list-group-item.active{
    color: #063d81;
    background-color: #fff;
    border-top: 1px solid rgba(0,0,0,.125);
    border-bottom: 1px solid rgba(0,0,0,.125);
    border-right: 7px solid #950608;
}
section.directory .tag-box{
    border-radius: 20px;
    padding: 5px 20px 2px 20px;
    border: 1px solid #950608;
    display: inline-block;
    margin-bottom: 10px;
    color: #950608;
}
section.directory .tag-box:hover{
    background-color: #950608;
    color: #fff;
}


section.entatneer-document .list-libarary li,
section.content .list-libarary li{
    padding: 10px 5px;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
section.entatneer-document .list-libarary li p,
section.content .list-libarary li p{
    color: #c2c2c2;
    font-size: 18px;
    margin-bottom: 0px;
}
section.entatneer-document .photo-box .date{
    font-size: 12px;
    margin-bottom: 0px;
    color: #cacdd1;
}
footer{
    border-top: 10px solid #063d81;
    color: #063d81;
}
footer .left-box, footer .right-box{
    padding-top: 20px;
    padding-bottom: 20px;
}
footer .copyright{
    background-color: #063d81;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 10px;
    color: #fff;
}

section.content{
    padding-top: 40px;
}
section.content .page-link{
    color: #950608;
}
section.content .page-item.active .page-link{
    background-color: #950608;
    border-color: #950608;
    color: #fff;
}
section.content .title hr{
    border: none;
    height: 3px;
    background-color: #063d81;
}
section.content .title .date-post{
    color: rgb(192, 192, 192);
    font-size: 20px;
}
section.content .share-box .btn{
    width: 40px;
    height: 40px;
    padding: 8px 2px 2px 2px;
    border-radius: 20px;
    color: #fff;
}
section.content .share-box .btn.fb{
    background-color: #055d90;
}
section.content .share-box .btn.google{
    background-color: #eb4125;
}
section.content .share-box .btn.twitter{
    background-color: #00baef;
}

section.content .newsall-content p,
section.content .news-inner-content p{
    color: #333;
    font-size: 20px;
}
section.content .newsall-content .news-box{
    border-bottom: 1px solid rgba(0,0,0,.125);
	margin-bottom:30px;
	padding-bottom:30px;
}

section.content .newsall-content h4{
    font-size:40px;
}

.hidden{
    opacity:0;
}
.visible{
    opacity:1;
}

.ct-list-title{}
.ct-list-img{margin-bottom:10px; overflow: hidden;}
.ct-list-img img{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.ct-list-img img:hover{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
.ct-list-des{margin-bottom:10px;}
.ct-list-meta{}



section.content .btn.readmore,
section.entatneer-document .btn.readmore{
    border-color: #950608;
    color: #950608;
    padding-bottom: 3px;
	font-size:18px;
}
section.content .btn.readmore:hover,
section.entatneer-document .btn.readmore:hover{
    background-color: #950608;
    color: #fff;
}
section.content .recommend-news .news-box{
    border-bottom: none;
    padding-top: 15px;
    padding-bottom: 15px;
}

.news_list{position: relative;}
.news_list .ribbon-pt30{padding-top:40px;}
.news_list .ribbon{font-size:22px; z-index:9;position: absolute;background: rgb(147, 7, 10);box-shadow: 0px 1px 3px rgba(0,0,0,.2);padding: 0px 10px;clear: both;margin-left: -5px;top: 5px;color: #fff;}
.news_list .ribbon a:hover{color: #000;}
.news_list .ribbon::before{display: block;width: 10px;height: 6px;position: absolute;bottom: -6px;left: -5px;content: "";border-bottom: 5px solid transparent;border-right: 5px solid rgb(144, 144, 144);}

.news_list .post-title{}
.news_list .post-date{
    color: rgb(192, 192, 192);
    font-size: 14px;
}

section.content .nav-tabs .nav-item .nav-link{
    color: gray;
}
section.content .nav-tabs .nav-item .nav-link:hover{
    background-color: #f3f3f3;
}
section.content .nav-tabs .nav-item.show .nav-link,
section.content .nav-tabs .nav-link.active{
    border: 0px;
    border-bottom: 2px solid #042955;
    color: #042955;
}
section.content .gear-news .list-unstyled{
    height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    color: gray;
}
section.content .gear-news li{
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,.125);
}

section.content .jobs-content .search-jobs-box form{
    background-color: #950608;
}
section.content .jobs-content .search-jobs-box .title{
    background-color: #950608;
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    font-size: 25px;
}
section.content .jobs-content .search-jobs-box .btn-primary{
    background-color: #fff;
    color: #950608;
    border: none;
}

section.content .jobs-content .jobs-amount li{
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
section.content .jobs-content .job-box{
    margin-bottom: 20px;
}

section.content .recommend-jobs li{
    margin-bottom: 15px;
}


section.content .jobs-content .job-box p,
section.content .jobs-content .owl-carousel-job-update p,
section.content .photo-content .photo-box p,
section.content .jobs-inner-content p,
section.entatneer-document .photo-box p,
section.content .blogger-content .blogger-box p,
section.content .blogger-inner-content p{
    color: gray;
    font-size: 20px;
}

section.content .photo-content .photo-list .title,
section.content .blogger-content .category-list .title,
section.content .blogger-inner-content .category-list .title{
    background-color: #063d81;
    padding: 10px 20px;
    text-align: center;
    color: #fff;
}
section.content .photo-content .photo-list ul,
section.content .blogger-content .category-list ul{
    margin-bottom: 20px;
}
section.content .photo-content .photo-list ul>li>ul>li{
    padding: 5px;
    border-bottom: 1px solid rgba(0,0,0,.125);
}

section.content .blogger-content .category-list li,
section.content .blogger-inner-content .category-list li{
    padding: 10px 12px;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
section.content .photo-content .photo-box .date{
    font-size: 14px;
    margin-bottom: 0px;
    color: #cacdd1;
}

section.content .blogger-content .blogger-box .date{
    font-size: 14px;
    margin-bottom: 0px;
    color: gray;
}
section.content .blogger-content .blogger-box .date a{
    color: #950608;
}

section.content .register form .input-group-text{
    width: 50px;
    padding-top: 10px;
}
section.content .register form .btn-fb{
    background-color: #3b5998;
    border-color: #055d90;
}
section.content .register form .btn-submit{
    background-color: #950608;
}
section.content .register form .btn-google{
    background-color: #fff;
    border-color: #000;
    color: #000;
    padding-bottom: 3px;
}
section.content .register form .btn-google .fa{
    color: #d7282f;
}
section.profile{
    background-image: url('../img/bg-03.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

section.profile .profile-img{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #950608;
    height: 100%;
}
section.profile .profile-img .img{
    width: 80%;
    margin: 0 auto;
    background-color: #fff;
    padding: 12px;
    padding-bottom: 30px;
}
section.profile .profile-img .name{
    background-color: #fff;
    padding: 10px 2px;
    color: #cc0000;
}
section.profile .profile-img .name p{
    margin-bottom: 0px;
    font-size: 20px;
}

section.profile .information-profile{
    border-left: 5px solid #950608;
}
section.profile .information-profile .title{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    font-size: 20px;
    border-bottom: 5px solid #950608;
    display: inline-block;
}
section.profile .information-profile ul>li{
    padding-left: 20px;
}
section.profile .tag-box{
    background-color: #950608;
    border-radius: 20px;
    padding: 5px 20px 2px 20px;
    border: 1px solid #950608;
    display: inline-block;
    margin-bottom: 10px;
    color: #fff;
}
section.profile .tag-box:hover{
    background-color: #fff;
    color: #950608;
}
section.profile .information-profile .contact-profile p{
    margin-bottom: 2px;
}
section.profile .btn-secondary{
    background-color: #950608;
    border-color: #950608;
    padding-bottom: 2px;
    color: #fff;
}
section.profile .nav-tabs{
    border-bottom: 2px solid #950608;
}
section.profile .nav-tabs .nav-item .nav-link{
    border-radius: 0px;
    padding-bottom: 2px;
    border: none;
}
section.profile .nav-tabs .nav-item.show .nav-link,
section.profile .nav-tabs .nav-link.active,
section.profile .nav-tabs .nav-link.active:hover{
    color: #fff;
    background-color: #950608;
    border-bottom: 1px solid #950608;
}
section.profile .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    border: none;
}
section.profile .blogger-list li{
    padding-top: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
section.profile .blogger-list .date{
    color: gray;
    font-size: 18px;
}


section.result-search .result-search-content .result-search-box{
    border: 1px solid #dadada;
    background-color: #fff;
    padding: 20px;
    color: #acacac;
    margin-bottom: 26px;
}
section.result-search .result-search-content .result-search-box h6{
    font-size: 13px;
}
section.result-search .result-search-content .result-search-box h6 a{
    color: #950608;
}
section.result-search .result-search-content .result-search-box .btn-secondary{
    background-color: #950608;
    border-color: #950608;
    padding-bottom: 2px;
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px;
}
section.result-search .result-search-content .result-search-box .btn-secondary:hover{
    background-color: #fff;
    color: #950608;
}
section.result-search .result-search-content .filler .btn{
    font-size: 14px;
    margin-bottom: 10px;
}
section.result-search .result-search-content .result-search-box .name{
    padding-top: 15px;
}


.img-box{position:relative;}
.img-box .datetime{position: absolute;left: 2px;top: 2px;background-color: #950608;color: #fff !important;padding: 2px;}



.page-link{color: #006666}

.page-item.active .page-link{background-color: #063d81;border-color: #063d81}
.page-item a{position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #063d81;
    background-color: #fff;
    border: 1px solid #ddd;
	text-decoration: none;
}
.page-item a:hover{
	position: relative;
    color: #fff;
    background-color: #063d81;
	text-decoration: none;
}
.page-item.active a{background-color: #063d81;border-color: #063d81;color:#fff;}

.post-content img {max-width:100%;margin-bottom:20px;}

.show-mb{
    display: none;
}
.navbar-brand:hover{
    color: #fff !important;
}

.link-more{font-size:20px;}

#calendar thead tr.fc-first.fc-last {
    background-color: #063d81;
    color: #fff;
    font-size: 40px;
}
	.form-control{font-size:19px;}

@media (max-width: 575.99px) {
    section.top-box img{
        width: 100%;
    }
    section.top-box .fa{
        margin: 10px;
    }
    section.form-search .form-inline select{
        width: 120px;
    }
    section.form-search .form-inline .form-control{
        width: 150px;
    }
    section.form-search .input-group{
        margin-right: 0px !important;
    }
    section.form-search .btn{
        margin-top: 10px;
        margin-bottom: 20px;
        display: block;
        width: 100%;
    }
    section.update .new-member{
        width: 100%;
    }
    section.update .new-member p{
        font-size: 15px;
    }
    section.update .new-member .box-hr{
        display: none;
    }
    section.update .new-member hr{
        width: 100px;
    }
    section.news .owl-carousel-news{
        padding-top: 30px;
    }
    section.directory .list-group{
        margin-bottom: 30px;
    }
    footer{
        text-align: center;
    }
    footer .left-box{
        padding-left: 0px;
    }
    section.result-search .result-search-content .result-search-box h4{
        font-size: 18px;
    }
    section.result-search .result-search-content .result-search-box .name{
        padding-top: 0px;
    }
    section.profile .profile-tab{
        padding-top: 20px;
    }
    section.top-box .btn-login{
        text-align: center;
        margin-bottom: 20px;
    }
    section.top-box .btn-login .btn{
        padding-top: 2px;
    }
}

@media (max-width: 767.99px) {
    .show-mb{
        display: block;
    }
    .navbar .navbar-nav .show-mb form.form-inline .btn{
        background-color: #fff;
        color: #063d81;
        border-radius: 0px;
    }
    .navbar .navbar-nav .show-mb form.form-inline{
        color: #fff;
    }
    .navbar .navbar-nav .show-mb .btn{
        background-color: #fff;
        color: #063d81;
    }
    section.form-search, section.top-box .btn-login{
        display: none;
    }
}

@media (min-width: 576px) and (max-width: 767.99px) {
    section.top-box .form-login input{
        width: 170px;
    }
    section.form-search .form-inline select{
        width: 120px;
    }
    section.form-search .form-inline .form-control{
        width: 250px;
    }
    section.update .new-member .box-hr{
        display: none;
    }
    section.update .new-member{
        width: 100%;
    }
    section.news .owl-carousel-news{
        padding-top: 30px;
    }
    footer{
        text-align: center;
    }
    footer .left-box{
        padding-left: 0px;
    }
    section.result-search .result-search-content .result-search-box h4{
        font-size: 17px;
    }
    section.result-search .result-search-content .result-search-box .name{
        padding-top: 0px;
    }
    section.profile .profile-tab{
        padding-top: 20px;
    }
    section.top-box .btn-login{
        text-align: center;
    }
	.navbar .navbar-nav .show-mb form .input-group {
        margin-left: 10px;
    }
    .navbar .navbar-nav .show-mb form .input-group input{
       width: 335px;
    }
}

@media (min-width: 768px) and (max-width: 991.99px) {
    section.form-search .form-inline select{
        width: 120px;
    }
    section.form-search .form-inline .form-control{
        width: 350px;
    }
    section.update .data-update .display-4{
        font-size: 50px !important;
    }
    section.news .logo{
        text-align: center;
    }
    section.news .logo img{
        width: 150px;
    }
    footer .left-box{
        padding-left: 30px;
    }
    footer img{
        margin-bottom: 20px;
    }
    section.result-search .result-search-content .result-search-box .name{
        padding-top: 10px;
    }
    section.result-search .result-search-content .result-search-box h6{
        font-size: 15px;
    }
    section.top-box .logo{
        text-align: left;
    }
}


@media (max-width: 991.99px) {
    section.menu .navbar-brand{
        display: block;
        font-size: 23px;
        color: #fff;
    }
    section.top-box{
        text-align: center;
    }
    section.top-box .form-login{
        padding-top: 30px;
        padding-bottom: 10px;
    }
    section.form-search .container{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    section.menu .navbar-light .navbar-nav .nav-item{
        border-right: none;
    }
    section.menu .navbar-nav{
        margin-top: 20px;
    }
    section.menu .navbar-toggler .fa{
        color: #fff;
        font-size: 25px;
    }
    section.menu .navbar-light .navbar-toggler{
        padding-top: 8px;
        border: 1px solid #fff;
    }
    section.update .side-updata, section.update .data-update{
        position: static;
    }
    section.update .data-update{
        text-align: center;
    }
    section.update .owl-carousel .owl-item img{
        width: 100%;
    }
    section.content .pagination{
        margin-bottom: 50px !important;
    }
    section.content .jobs-content .search-jobs-box{
        margin-bottom: 40px;
    }
}


@media (min-width: 992px) and (max-width: 1199.99px) {
    section.top-box .form-login input{
        width: 170px;
    }
    section.update .data-update .display-4{
        font-size: 50px !important;
    }
    footer .left-box{
        padding-left: 35px;
    }
    section.content .newsall-content .gear-news li{
        margin-right: 20px;
    }
    section.result-search .result-search-content .result-search-box .name{
        padding-top: 0px;
    }
    section.top-box .btn-login{
        padding-top: 12px;
    }
}