@font-face{
    font-family: Nithan;
    src: url("../FONT/Nithan.woff") 
}

@font-face {
    font-family: ThaiSansNeue-Light;
    src: url("../FONT/ThaiSansNeue-Light.woff") 
}

@font-face {
    font-family: LayijiMahaniyom-Bao;
    src: url("../FONT/LayijiMahaniyom-Bao.woff") 
}

.fontpres{ 
    font-family: Nithan;
    font-size:20px;
    font-weight: bold;
}
.fontleft{ 
    font-family: Nithan;
    font-size:24px;
    font-weight: bold;
}
.fontcalendar{
    font-family:LayijiMahaniyom-Bao;
    font-size:16px;
    font-weight: bold;
}
.fontmenu{ 
    font-family:LayijiMahaniyom-Bao;
    font-size:20px;
    font-weight: bold;
}

.fontheadnews{ 
    font-family:Nithan;
    font-size:24px;
    font-weight: bold;
}
.fontbody{ 
    font-family:LayijiMahaniyom-Bao;
    font-size:20px;

}
.fontadmin{
    font-family:LayijiMahaniyom-Bao;
    font-size:20px;
}

/*@charset "utf-8";*/
/* CSS Document */

/*.headname{
        position: absolute;
        margin-left: 290px;
        margin-top: -60px;
        z-index: 1;
}*/
/*<!--menu-->*/

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus{
    background-color:#005eaa;
    color:#F8A71A;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{
    background-color:#005eaa;
    color:#F8A71A;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
    border-color:#005eaa;
}
.navbar-inverse .navbar-brand{
    color:#FFFFFF;
    background-color:#337ab7;
    border-color:#337ab7;
    /*background-color:#09F; /*bg color หน้าแรก สีฟ้าอ่อน*/
}
.navbar-inverse .navbar-nav>li>a{
    /*color:#FFFFFF;*/
    background-color:#005eaa;
    color: #F8A71A;
    /*border-radius:5px;*/
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background-color:#337ab7;
}


.navbar-inverse .navbar-toggle{
    background-color:#005eaa;
    border-color:#72A7D5;
}
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{
    background-color:#337ab7;
    border-color:#337ab7;
}
.navbar-collapse collapse in{
    background-color:#337ab7;
    border-color:#337ab7;
}
.navbar-header{
    background-color:#005eaa;
    border-color:#005eaa;
    border-radius:5px;
}

.nav>li>a{
    padding:15px 10px
}

.dropdown-menu{
    background-color:#005eaa;
}
.dropdown-menu>li>a{
    color:#FFFFFF;
    font-weight: bold;
}

.dropdown-menu>li>a:focus{ /*dropdown list focus */
    background-color:#005eaa;	
}

.dropdown-menu>li>a:hover{ /*dropdown list hover */
    background-color:#005eaa;
    color:#F8A71A;
    border-radius:5px;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    background-color: #005eaa;
    border-radius: 5px;
    color: #FFFFFF;
}

.navbar-inverse{
    background-color:#005eaa;
    border-color:#005eaa;
    border-radius:0px;
    border-bottom:3px solid #FFDE84;


}
navbar navbar-inverse{
    background-color:#005eaa;
    border-color:#005eaa;
    margin-left:-14px; 
    margin-right:-14px;
}
/*.navbar-inverse .navbar-nav .dropdown-menu>li>a{
        color:#FFFFFF;
}*/

/*<!--row-->*/
/*.col-md-2{
        width:25%;
}
.col-md-3{
        width:25%;
}*/


.col-sm-3{
    margin-left:0px;
    margin-right:0px;
}
.col-sm-9{
    margin-left:0px;
    margin-right:0px;
}

.row{
    margin-top:-17px;
    margin-left:-28px;
    margin-right:-28px;
}

.panel-body{
    /*background-color:#d9edf7; */ /*blue*/
    background-color:#E5E7E8;  /*gray*/
    padding:10px;
    border-radius: 4px;
}

.panel-title{
    margin-right:5px;
    padding-bottom:5px;
}

/*.panel panel-info>.panel-body{
        background-color:#d9edf7;
}*/
.panel-primary{
    border-color: #337ab7;
    border-width: 1px;
    margin-right:-20px;
    margin-top: 2px;

}
.panel-primary>.panel-heading{
    background-color:#F8A71A;
    color:#005eaa;
    /*border-bottom:3px solid #005eaa;*/
    border-left: 3px solid #848484;
    border-right: 3px solid #848484;
    padding-bottom: 0px;
    border-radius: 4px;
}

.panel-success>.panel-heading{
    background-color:#3c763d;
    color:#FFF;
    margin-top:-17px;
}

.panel-info>.panel-heading{
    /*background-color:#FFF;*/ /*white*/
    background-color:#E5E7E8; /*gray*/
    color:#000;

}
.panel-info{
    margin-bottom:5px;
    margin-top:2px;
    /*margin-left:-25px;*/
}

.btn-primary{
    background-color:#3c763d; /*green*/
    border-color:#3c763d; /*green*/
    margin-top:-17px;
    margin-bottom:3px;

}
.btn-primary>a{
    color:#FFF;
    text-decoration: none;
}

.btn-primary>a:hover, a:focus{
    color:#FFF;
    text-decoration: none;
}

.bg-primary{
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    height:40px;
    margin-bottom:0px; 
    margin-left:-14px; 
    margin-right:-14px;
    background-color:#005eaa;
    color:#F8A71A;
    border-top:3px solid #FFDE84;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary{
    background-color:#016833; /*green*/
    border-color:#016833; /*green*/
}
/*.pic_person{
        width:100%;
}*/

.container{
    width:80%; 
    /*background-color:#d9edf7;*/ /*blue*/

}


.header{
    margin-left:-15px; 
    margin-right:-15px;
}
.footer{
    text-align:center;

}

.glyphicon{
    /*line-height:2;*/
    margin-right:10px;
}
.right1{
    color:#F0F;
    /*margin-left:-10px;*/
}
.right2{
    color:#FF0;
    margin-left:-30px;
}
.right3{
    color:#0FF;
    margin-left:-30px;
    margin-right:-5px;
}
.left1{
    color:#F29007;
    margin-right:-2px;
}
.eye1{
    font-size:10px;
    margin-right:0px;
}

.servicenews{
    margin-left:50px;
}

.history1{
    color:#2651D7;
}
.history2{
    color:#2651D7;
}
.committee{
    color:#2651D7;
    font-size:24px;
    text-align:center;
    margin-top:-30px;
    margin-left:-35px;
}
.president{
    color:#2651D7;	
}

.commitbox{
    text-align:center;
    margin-top:-30px;
}
.commitposition{
    color:#0099CC;
}

td{
    /*padding-left:8px;*/
}

.headnews{
    color:#9966cc;
    border-bottom:2px solid #6699cc ;
    margin-bottom:10px;
    margin-top:5px;
}
.newssector{

}
.headservice{
    color:#123409;
    border-bottom:2px solid #F8A71A ;
    margin-bottom:10px;
    margin-top:5px;
}
.prime {
    float: right;
    margin: 0;
    width: 700px;
    height: auto;
}

.prime .member{
    float: left;
    margin: 20px 5px 0 0;
    padding-bottom: 20px;
    /*border-bottom: #ddd 1px solid;*/
    width: 690px;
    height: auto;

    /*background: url(../img/ico.png) center right no-repeat;*/
}

.prime .pic{
    float: left;
    margin: 0;
    width: 164px;
    height: auto;

}
.prime .pic img{
    /*border:5px solid #005EAA;*/ /*น้ำเงิน*/
    border:5px solid #0099CC; /*ฟ้า*/
    border-radius:10px;
}
.prime ul{
    display: block;
    float: right;
    margin: 0;
    width: 500px;
    height: auto;
    list-style:none;


}
.prime ul li span.title{
    /*display: block;
    float: left;*/
    margin: 0;
    width: 100px;
    min-height: 20px;
    text-align: left;
    /*font: 17px/18px 'supermarket', Arial, sans-serif;*/
    color: #091e63;
    font-family: Nithan;
    font-size:18px;
    font-weight:bold;
}

.prime ul li span.body{
    /*display: block;
    float: left;*/
    margin: 0 0 0 10px;
    width: 280px;
    min-height: 20px;
    text-align: left;
    font-size: 13px;
    line-height: 20px;
    color: #333;
}



.president {
    float: right;
    margin: 0;
    width: 700px;
    height: auto;
}

.president .member{
    float: left;
    margin: 20px 5px 0 0;
    padding-bottom: 20px;
    /*border-bottom: #ddd 1px solid;*/
    width: 690px;
    height: auto;
}

.president .pic{
    float: left;
    margin: 0;
    width: 164px;
    height: auto;

}
.president .pic img{
    /*border:5px solid #005EAA;*/ /*น้ำเงิน*/
    border:5px solid #CC6600; /*ฟ้า*/
    border-radius:10px;
}
.president ul{
    display: block;
    float: right;
    margin: 0;
    width: 500px;
    height: auto;
    list-style:none;


}
.president ul li span.title{
    /*display: block;
    float: left;*/
    margin: 0;
    width: 100px;
    min-height: 20px;
    text-align: left;
    /*font: 17px/18px 'supermarket', Arial, sans-serif;*/
    color: #091e63;
    font-family: Nithan;
    font-size:18px;
    font-weight:bold;
}

.president ul li span.body{
    /*display: block;
    float: left;*/
    margin: 0 0 0 10px;
    width: 280px;
    min-height: 20px;
    text-align: left;
    font-size: 13px;
    line-height: 20px;
    color: #333;
}

.information{
    /*background: url(../img/ico.png) center bottom no-repeat;*/
    /*width:95%;
    margin-left:20px;*/
    /*text-align:center;*/
}

.breakword{
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

hr.style-two {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}
hr.style-three {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}
.slides{
    margin-top:5px;
}
.slideshow{

}
.iyou{
        width: 500px;
        height: 300px;
    }
/*<!--body-->*/
/*body{
        background-image:url(../img/87.jpg);
        background-color:#87D1FD;
        background-repeat:no-repeat;
        background-size:100%;
}*/

body{
    position: relative;
    background-image: url('../img/Bottom_texture.jpg');
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: top center; 
    /*    width: 100%;
        min-width: 1024px;
        min-height: 100%;*/
}

/* For smartphones */
@media (max-width: 480px) {
    .container {
        width: 100%;
    }

    .col-sm-3{
        width:100%;
    }
    .col-sm-9{
        width:100%;
    }

    .picnews{
        width:155px;

    }
    .picnewsmain{
        width:155px;

    }
    .president{
        width:480px;
    }

    .president .member{
        width:480px;
    }

    .panel-primary{
        margin-right:0px;
    }
    
    .iyou{
        width: 300px;
        height: 200px;
    }

}
/* For tablets & smart phones */
@media (max-width: 767px) {

    .container {
        width: 95%;
    }
    .col-sm-3{
        width:100%;
    }
    .col-sm-9{
        width:100%;
    }
    .picnews{
        width:155px;

    }
    .picnewsmain{
        width:155px;

    }
    .president{
        width:350px;
        float:left;
    }

    .president .member{
        width:465px;
        float:left;
    }

    .prime{
        width:350px;
        float:left;
    }

    .prime .member{
        width:465px;
        float:left;
    }
    .panel-primary{
        margin-right:0px;
    }
    
    .iyou{
        width: 300px;
        height: 200px;
    }

}

/* For smaller displays like laptops */
@media (min-width: 768px) and (max-width: 979px) {
    .nav>li>a{
        padding:15px 5px; /*ipad | 768*/
        font-size:15px;  /*ipad  | 768*/

    }	

    .container {
        width: 98%;
    }

}

@media (min-width: 1024px) {
    .nav>li>a{
        padding:15px 5px; /* ipad _ 768*/
        font-size:20px;	
    }

    .container {
        width: 95%;
    }

}

/* For larger displays */
@media (min-width: 1200px) {
    .nav>li>a{
        padding:15px 10px;
        font-size:20px;

    }
    .container {
        width: 80%;
     
/*width: 1170px*/
    }

}