* {
    margin: 0;
    padding: 0;
}
@font-face {
    font-family: 'th_k2d_july8';
    src: url('../fonts/webfonts/th_k2d_july8-webfont.eot');
    src: url('../fonts/webfonts/th_k2d_july8-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/webfonts/th_k2d_july8-webfont.woff') format('woff'),
        url('../fonts/webfonts/th_k2d_july8-webfont.ttf') format('truetype'),
        url('../fonts/webfonts/th_k2d_july8-webfont.svg#th_k2d_july8') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    background-color: #FFFFFF;
    background: url("../images/blue_bg.jpg") repeat scroll 0 0 #E2E9ED;
    color: #454545;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 20px;
    min-width: 900px;
    -webkit-font-smoothing: antialiased;
    margin: 0 auto;
}
#page {
    background: url("../images//bg_world.jpg") no-repeat scroll 50% 0 transparent;
}
a:hover,a:active,a:focus {
    outline: 0;
}
.container {
    width:980px;
    min-height: 400px;
    margin:0 auto;
    margin-top:0px;
    background-color: #fff;
    border: 1px solid #dddddd;
}
#header{
    position: relative;
}
.clear {
    clear: both;
}
#content{

}
.wrapper{
    padding:20px 10px;
}
.center{
    text-align: center;
}
.right{
    /*text-align: right;*/
}
span.required{
    font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
    font-size:16px;
    color:#ff2d2d;
}
#topmenu{
    margin: 0;
    padding: 0;
    /*border-top: 3px solid #C9E0ED;*/
    min-height: 40px;
    padding-left: 10px;
    padding-right: 10px;

    background: -moz-linear-gradient(top,  #454545 0%, #3a3a3a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#454545), color-stop(100%,#3a3a3a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #454545 0%,#3a3a3a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #454545 0%,#3a3a3a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #454545 0%,#3a3a3a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #454545 0%,#3a3a3a 100%); /* W3C */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#3a3a3a',GradientType=0 ); /* IE6-8 */
    background: #454545 url('../images/header-bg.png');
}
#topmenu .userprofile {
    padding-right: 0;
    font-size: 12px;
    padding:10px
}
#topmenu .userprofile a.style{
    color: #F0F0F0;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px 0 #000000;
}
#topmenu .userprofile a.style:hover{
    color: #f2f200;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px 0 #000000;
}

.navbar .nav > li > a {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-shadow: none;
}
.navbar .nav > li > a {
    padding: 7px 12px;
}
.navbar .nav > .active > a, .nav > .active > a:hover, .nav > .active > a:focus {
    color: #fff;
}
.navbar .nav > li > a:hover,.custom .nav > li > a:focus{
    color: #ffa800;
}

.navbar-custom .navbar-inner {
    background: #F4F4F4; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    background: -moz-linear-gradient(top,  #F4F4F4 0%, #f1f1f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F4F4F4), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #F4F4F4 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #F4F4F4 0%,#f1f1f1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #F4F4F4 0%,#f1f1f1 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #F4F4F4 0%,#f1f1f1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4F4F4', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-8 */
    border-radius: 0;
    margin-bottom: 0px;
    border-bottom: 0px;
}

.navbar-custom .navbar-inner {
    margin-left:0px;
    padding-left: 0px;
}
.navbar-custom .nav > li > a {
    color:#777777;
    font-family: 'th_k2d_july8';
    font-size: 20px;
    font-weight: normal;
    text-shadow: none;
    padding:16px 10px;
}
.navbar-custom .nav > .active > a, .nav > .active > a:hover, .nav > .active > a:focus {
    color: #000;
}

.navbar-custom .nav > li > a:hover,.custom .nav > li > a:focus{
    color: #000;
    background-color:#e6e6e6;
}

.navbar .divider-vertical {
    margin: 0;
    border-left: 1px solid #F9F9F9;
    border-right: 1px solid #E4E4E4;
    padding: 24px 0 0 0;
}

.navbar .nav a.brand {
    font-size: 14px;
    font-weight: normal;
    text-shadow: none;
    padding-left:20px;
}
.navbar .nav a.brand:hover {
    font-size: 14px;
    font-weight: normal;
    text-shadow: none;
    color: #fff;
}


.line-top-navbar{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-top-width: 1px;
    height: 9px;
}
.line-top-navbar{
    background-color: #4183BA;
}
.line-top-navbar {
    border-top-color: #7594A8;
}
.line-top-navbar {
    border-bottom-color: #FFFFFF;
}
.navigation-bottom-shadow {
    background: url("../images/nav-bar-bottom-shadow.png") repeat scroll center center rgba(0, 0, 0, 0);
    height: 8px;
    margin-bottom: 10px
}



#footer{
    margin: 0;
    padding: 0;
    background-color: #363636;
    border-top:4px solid #000000;
    min-height: 100px;
    background: url('../images/footer.png') repeat;
}
#footer .footer-content{
    padding: 20px 10px;
    font-size:18px;
    font-family: 'th_k2d_july8';
    text-align: center;
    color:#d9d980;
}
.shortcutHomeParent{
    text-align:center;
    display: block;
}
.shortcutHome a{
    display: inline-block;
    margin: 5px 10px 20px 0px;
}
.shortcutHome a{
    *display: inline;
    *margin: 0 20px;
}
.shortcutHome a:hover{
    color: #fffff2;
    text-decoration: none;
}
.shortcutHome a:hover{
    opacity: 0.6;
    color: #5b5b5b;
}
.shortcutHome a.ban-findbook{
    background: url(../images/ban_findbook.gif) no-repeat;
    width: 238px;
    height: 120px;
}
.shortcutHome a.ban-vdo{
    background: url(../images/ban_findvdo.gif) no-repeat;
    width: 238px;
    height: 120px;
}
.shortcutHome a.ban-journal{
    background: url(../images/ban_findjournal.gif) no-repeat;
    width: 238px;
    height: 120px;
}
.promo {
    margin: 20px;
}
.promo .pcol-left {
    float: left;
    text-align: center;
    width: 38%;
}
.promo .pcol-right {
    float: right;
    width: 58%;
}
.promo .pbox {
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 4px #888888;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    margin: 10px 0;
    max-height: 250px;
    min-height: 90px;
    padding: 25px;
}

.promo a, .promo a:visited, .promo a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.promo img {
    max-width: 70px;
    width: 70px;
}
.promo .rcolor {
    background: none repeat scroll 0 0 #FF5D5E;
    color: #FFFFFF;
}
.promo a:hover .rcolor {
    background-color: #ff2d2d
}
.promo .bcolor {
    background: none repeat scroll 0 0 #5EB2D9;
    color: #FFFFFF;
}
.promo a:hover .bcolor {
    background-color: #2b86b3
}
.promo .gcolor {
    background: none repeat scroll 0 0 #54DA4D;
    color: #FFFFFF;
}
.promo a:hover .gcolor {
    background-color: #28a222
}
.promo .pmed {
    font-family: 'th_k2d_july8';
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
}
.promo .psmall {
    font-family: 'th_k2d_july8';
    font-size: 20px;
    line-height: 20px;
}

.title-block{
    margin-top:20px;
    color:#ffffff;
    background: url('../images/header-bg.png');
    /*border-top: 2px solid #363636;*/
}

.title-block01{
    background-color: #67a7cd;
    height:34px;
    text-align: center;
    padding-top:2px;
    background: #67a7cd url('../images/header-bg.png');
}
.title-block01-1{
    font-size: 34px;
    font-family: "th_k2d_july8";
    background-color: #8fbeda;
    height:34px;
    position: relative;
    background: #8fbeda url('../images/header-bg.png');
}

.title-block02{
    background-color: #ff7a22;
    height:34px;
    text-align: center;
    padding-top:2px;
    background: #ff7a22 url('../images/header-bg.png');
}
.title-block02-1{
    font-size: 34px;
    font-family: "th_k2d_july8";
    background-color: #f0b179;
    height:34px;
    position: relative;
    background: #f0b179 url('../images/header-bg.png');
}

.well-light{
    box-shadow: none;
    border-radius: 0px;
}
.ft-intro-title{
    font-size:14px;
    font-weight: bold;
    color: #363636;
}

/*ตัดคำให้แสดงแค่ 1 บรรทัด*/
.text-oneline{
    white-space: nowrap;
    overflow: hidden;
}

.label.nolink a{
    color:#ffffff;
    font-weight: normal;
    text-decoration: none;
}

.label.nolink a:hover{
    color:#ffff80;
}

.article-title {
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    padding-top: 15px;
}
.writted {
    color: #8C8C8C;
    font-size: 90%;
}
.article-detail {
    padding-top: 8px;
}

.hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #D6D6D6 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-right: medium none;
    border-style: solid none none;
    border-width: 1px medium medium;
}

.blogindex ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.blogindex li a:link, .blogindex li a:visited {
    display: block;
    font-size: 14px;
    padding: 0.4em 0 0.4em 0.5em;
    text-decoration: none;
    border-bottom: 1px solid #f3f3f3
}
.blogindex li a:hover {
    background-color: #F4F4FB;
    color: #FF8000;
}

.totop {
    bottom: 0;
    position: fixed;
    /*right: 50%;*/
    z-index: 104400;
    padding: 10px;
}
.totop a:hover{
    background-color: #33779b;
    color: #fff;
    text-decoration: none;
}

.totop a, .totop a:visited{
    background-color: #5aa3c9;
}

.totop a, .totop a:visited {
    color: #FFFFFF;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}

.breadcrumb{
    position: relative;
    top: -5px;
}

/*=== panel ===*/
.panel {
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(100, 100, 100, 0.1);
    box-shadow: 0 1px 3px rgba(100, 100, 100, 0.1);
}

.panel-heading {
    padding: 15px;
    background: #fafafa;
    background: -moz-linear-gradient(top, #fafafa 0%, #efefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#efefef));
    background: -webkit-linear-gradient(top, #fafafa 0%,#efefef 100%);
    background: -o-linear-gradient(top, #fafafa 0%,#efefef 100%);
    background: -ms-linear-gradient(top, #fafafa 0%,#efefef 100%);
    background: linear-gradient(to bottom, #fafafa 0%,#efefef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#efefef',GradientType=0 );

    padding: 8px 15px 7px 15px;

    border-bottom: 1px solid #D5D5D5;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.panel-heading-nobottom{
    border-bottom: 0px;
}
.panel-title {
    color: inherit;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 24px;
}
.panel-body{
    padding: 15px;
}
.panel-body-well{
    padding: 15px;
    background-color: #F8F8FC;
}
.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #D5D5D5;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
    border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
}
.panel .table, .panel>.table-responsive>.table {
    margin-bottom: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* Well */
.well {
    background-color: #F8F8FC;
    border: 1px solid #E9E9F5;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    color: #333333;
    font-size: 13px;
}

/*=== form ===*/
.form-horizontal{
    margin-bottom: 1px;
}
.form-horizontal .control-group {
    margin-bottom: 5px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    padding: 4px 8px;
    font-size: 13px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
input,
textarea {
    width: 210px;
}
textarea {
    padding-right: 4px;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    border: 1px solid #d9d9d9;
    border-top-color: #c0c0c0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover,
.uneditable-input:hover {
    border: 1px solid #b9b9b9;
    border-top-color: #a0a0a0;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    outline: 0 \9;
    border-color: #4d90fe;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
/*
input[type="checkbox"],
input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    width: 13px;
    height: 13px;
    background: white;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    box-sizing: content-box \9;
    width: 16px \9;
    height: 16px \9;
    border-width: 0 \9;
}
input[type="radio"] {
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    width: 15px;
    height: 15px;
}
input[type="checkbox"]:hover {
    border-color: #c6c6c6;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: none \9;
}
input[type="checkbox"]:active,
input[type="radio"]:active {
    border-color: #c6c6c6;
    background-color: #ebebeb;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background: #fff;
}
input[type="checkbox"]:checked::after {
    content: url(../images/checkmark.png);
    display: block;
    position: absolute;
    top: -6px;
    left: -5px;
}
input[type="radio"]:checked::after {
    content: '';
    display: block;
    position: relative;
    top: 3px;
    left: 3px;
    width: 7px;
    height: 7px;
    background: #666;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}
input[type="checkbox"]:focus,
input[type="radio"]:focus {
    outline: none;
    border-color: #4d90fe;
}
*/


input[disabled],
select[disabled],
textarea[disabled] {
    cursor: not-allowed;
    border: 1px solid #e5e5e5;
    background: #f1f1f1;
}
input[disabled]:hover,
select[disabled]:hover,
textarea[disabled]:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
input[readonly],
select[readonly],
textarea[readonly] {
    cursor: not-allowed;
    border: 1px solid #d9d9d9;
}
input[readonly]:hover,
select[readonly]:hover,
textarea[readonly]:hover,
input[readonly]:focus,
select[readonly]:focus,
textarea[readonly]:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.input-prepend input,
.input-prepend select,
.input-prepend .uneditable-input {
    -webkit-border-radius: 0 1px 1px 0;
    -moz-border-radius: 0 1px 1px 0;
    border-radius: 0 1px 1px 0;
}
.input-append input,
.input-append select,
.input-append .uneditable-input {
    -webkit-border-radius: 1px 0 0 1px;
    -moz-border-radius: 1px 0 0 1px;
    border-radius: 1px 0 0 1px;
}
.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
    color: #b94a48;
    border-color: #ee5f5b;
}
input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
    border-color: #4d90fe;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
}

/*button primary*/
.btn-primary,
.btn-primary:hover {
    color: #ffffff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}
.btn-primary:hover {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.btn-primary:active,
.btn-primary.active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}
.btn-primary.active,
.btn-primary:active,
.btn-primary:hover{
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}
.btn-primary {
    border: 1px solid #3079ed;
    color: #ffffff;
    background-color: #4b8cf7;
    background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed));
    background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
    background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
    background-image: linear-gradient(to bottom, #4d90fe, #4787ed);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4d90fe', endColorstr='#ff4787ed', GradientType=0);
    *background-color: #4d90fe;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary:focus {
    border: 1px solid #196aeb;
    color: #ffffff;
    background-color: #4186f6;
    background-image: -moz-linear-gradient(top, #4d90fe, #3078eb);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#3078eb));
    background-image: -webkit-linear-gradient(top, #4d90fe, #3078eb);
    background-image: -o-linear-gradient(top, #4d90fe, #3078eb);
    background-image: linear-gradient(to bottom, #4d90fe, #3078eb);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4d90fe', endColorstr='#ff3078eb', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-color: #3078eb;
    background-color: #3078eb \9;
}
.btn-primary:active,
.btn-primary.active {
    border: 1px solid #135fd7;
    background-color: #3880f5;
    background-image: -moz-linear-gradient(top, #4d90fe, #1969e8);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#1969e8));
    background-image: -webkit-linear-gradient(top, #4d90fe, #1969e8);
    background-image: -o-linear-gradient(top, #4d90fe, #1969e8);
    background-image: linear-gradient(to bottom, #4d90fe, #1969e8);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4d90fe', endColorstr='#ff1969e8', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:focus {
    border: 1px solid #3079ed;
    -webkit-box-shadow: inset 0 0 0 1px #ffffff;
    -moz-box-shadow: inset 0 0 0 1px #ffffff;
    box-shadow: inset 0 0 0 1px #ffffff;
}
.btn-primary.disabled,
.btn-primary[disabled],
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus {
    border: 1px solid #3079ed;
    background-color: #4b8cf7;
    background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed));
    background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
    background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
    background-image: linear-gradient(to bottom, #4d90fe, #4787ed);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4d90fe', endColorstr='#ff4787ed', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-color: #4d90fe;
    background-color: #4d90fe \9;
}

/*== table ===*/
.table-custom{
    border-collapse: collapse;
    clear: both;
    font-size: 13px;
    margin: 0 auto;
    width: 100%;
}
.table-custom thead th {
    overflow:hidden;
    background:#fafafa url("../images/datagrid_header_bg.gif") repeat-x left bottom;
    color: #555555;
    padding: 6px 4px;
    font-weight: bold;
}
.table-custom .th{
    overflow:hidden;
    background:#fafafa url("../images/datagrid_header_bg.gif") repeat-x left bottom;
    color: #555555;
    padding: 6px 4px;
    font-weight: bold;
}
.table-custom th {
    border-right: 1px solid #D3D3D3;
}
.table-custom th:last-child {
    border-right: none;
}
.table-custom tr td{
    border-left: 1px dotted #BEBEBE;
}
.table-custom tr td:first-child{
    border-left: none;
}
.table-topborder{
    border-top: 1px solid #D5D5D5;
}

.table-custom th.divider:last-child {
    border-right: 1px solid #D3D3D3;
}

/*=== align ===*/
table .text-center{
    text-align: center;
}
table .text-left{
    text-align: left;
}
table .text-right{
    text-align: right;
}

/*=== pagination ===*/
.pagination{
    margin: 0px;
}

.required{
    color: red;
    font-weight: 500;
}
.right{
    text-align: right;
}
.highlight {
    background-color: #FFFF88;
    font-weight: bold;
    text-decoration: underline;
}

.table-striped tbody tr:hover td, .table tbody tr:hover th {
    background-color: #FFFFE2;
}
.table-striped tbody tr.tr-highlight td { 
    background-color: #c8d8f0;
    font-weight: bold;
    text-decoration: underline;
}

.table-striped tbody tr.tr-highlight2 td { 
    background-color: #c8d8f0;
}

.table-striped tbody tr td.td-highlight { 
    background-color: #c8d8f0;
}

.hdmenu-status {
    display: none;
    position: absolute;
    background-color: #bfebff;
    border: 1px solid #53c7ff;
    padding: 10px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
}

/*
.tr-highlight{
    background-color: #c8d8f0;
    font-weight: bold;
    text-decoration: underline;
}
*/
.clear{
    clear: both;
}

/* ใช้สำหรับสร้าง link รหัส */
.nav-pills-shorlink{
    margin-bottom: 0px;
    display: inline;
}

td.nowrap{
    width:1%;
    white-space:nowrap;
}

/* PDF document links */
a.filelink[href$='.pdf'] {
    background:transparent url(../images/icons/file_pdf.png) center left no-repeat;
    display:inline-block;
    padding:2px 4px 4px 20px;
    line-height:15px;
}

/* Excel Documents links */
a.filelink[href$='.xls'], a.filelink[href$='.xlsx'] , a.filelink[href$='.csv'], a.filelink[href$='.xlw'], a.filelink[href$='.xlt'] {
    background:transparent url(../images/icons/file_excel.png) center left no-repeat;
    display:inline-block;
    padding:2px 4px 4px 20px;
    line-height:15px;
}

/* Word Document Links */
a.filelink[href$='.doc'], a.filelink[href$='.docx'], a.filelink[href$='.rtf'], a.filelink[href$='.wps'], a.filelink[href$='.txt'] {
    background:transparent url(../images/icons/file_word.png) center left no-repeat;
    display:inline-block;
    padding:2px 4px 4px 20px;
    line-height:15px;
}

/* ppt Document Links */
a.filelink[href$='.ppt'], a.filelink[href$='.pptx'] {
    background:transparent url(../images/icons/file_ppt.png) center left no-repeat;
    display:inline-block;
    padding:2px 4px 4px 20px;
    line-height:15px;
}

/* text Document Links */
a.filelink[href$='.rtf'], a.filelink[href$='.wps'], a.filelink[href$='.txt'] {
    background:transparent url(../images/icons/file_text.png) center left no-repeat;
    display:inline-block;
    padding:2px 4px 4px 20px;
    line-height:15px;
}

/* zip Document Links */
a.filelink[href$='.zip'], a.filelink[href$='.rar'] {
    background:transparent url(../images/icons/file_zip.png) center left no-repeat;
    display:inline-block;
    padding:2px 4px 4px 20px;
    line-height:15px;
}

.map-info-noscrollbar {
    line-height:1.35;
    overflow:hidden;
    white-space:nowrap;
}

.header-ribbon-panel{
    font-family: 'th_k2d_july8';
    font-size: 17px;
    margin-left: 19px;
    margin-top: -1px;
    width:240px;
    padding: 10px;

}

/*panel-defaul*/
.line-top-mypanel, .line-top-mypanel-blue, .line-top-mypanel-green
,.line-top-mypanel-red{
    border-top-style: solid;
    border-top-width: 1px;
    height: 9px;
}
.line-top-mypanel{
    background-color: #728894;
}
.line-top-mypanel {
    border-top-color: #5C6E77;
}

.line-top-mypanel-blue{
    background-color: #4183BA;
}
.line-top-mypanel-blue {
    border-top-color: #7594A8;
}

.line-top-mypanel-red{
    background-color: #b42f00;
}
.line-top-mypanel-red {
    border-top-color: #801F00;
}

.line-top-mypanel-green{
    background-color: #17944d;
}
.line-top-mypanel-green {
    border-top-color: #147F41;
}

.mypanel-default {
    border-radius: 0px;
    /*background-color: #F9F9F9;*/
}
.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #ddd;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #ddd;
}

/* right menu */
.panel-heading-mymenu{
    padding: 10px;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(center top, #f5f5f5 , #f2f2f2);
    background-repeat: repeat-x;

}
.panel-body-mymenu{
    padding:2px;
}

.list-group-item-myitem {
    border: 0px;
}

.panel-body-padding4{
    padding:4px;
}

.panel-default > .mycollapsed, .panel-default > .mycollapsed-noborder{
    background-color: #FFF;
    color: #333333;
    padding-left: 6px;
    padding-right: 6px;
    font-size:12px;
}

.panel-default > .mycollapsed-noborder{
    border:none;
}
.panel-title-custom, .panel-title-custom-side{
    color: #4183BA;
    font-family: 'th_k2d_july8';
    font-size: 28px;
    line-height: 20px;
    font-weight: normal;
}
.panel-title-custom-side{
    color: #333333; 
    font-size: 25px
}
.panel-title-custom i,.panel-title-custom-side i{
    font-size: 18px;
}
.color-green{
    color:#0d7038;
}
.color-red{
    color:#731C00;
}
//เมนูด้านข้าง
.sidemenu {
    width: 12em;
    border-right: 1px solid #000;
    padding: 0 0 1em 0;
    margin-bottom: 1em;
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;
    background-color: #FAFAFA;
    color: #555555;
}

.sidemenu ul{
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}

.sidemenu li, sidemenu ul.scroll-text li{
    border-bottom: 1px dotted #D4D4D4;
    margin: 0;
    list-style: none;
    list-style-image: none;
}


.sidemenu li a {
    display: block;
    padding: 5px 5px 5px 0.5em;
    background-color: #FAFAFA;
    color: #3B3B3B;
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;
    font-size: 13px;
    line-height: 24px;
    text-decoration: none;
    width: 100%;
}

.sidemenu ul.scroll-text li a{
    color: #3a7fb9;
    background-color: #ffffff;
}

html>body .sidemenu li a {
    width: auto;
}

.sidemenu li a:hover {
    background-color: #93A8BA;
    color: #FFF;
}
.sidemenu ul.scroll-text li a:hover{
    background-color: #fff;
    text-decoration: underline;
    color: #ffa200;
}

.article-title,.article-title-detail{
    color: #585858;
    font-family: 'th_k2d_july8';
    font-size: 23px;
    line-height: 20px;
    font-weight: normal;
    text-shadow: none;
}

.article-title-detail{
    padding-top: 10px;
    font-size: 28px;
    line-height: 28px;
}
.well-custom{
    background-color: #fbfbfb;
    box-shadow: none;
}

.hotnews{

    background: #EFF7FF;
    padding: 10px 20px;
}