.btn-info, .btn-primary, .btn-success, .uk-button-primary {
    background-color: #0345bf;
    color: #fff;
    border: 0px solid transparent;
}
.uk-navbar-nav>li>a {
/*    font-size: 100%; */
}
.uk-navbar-dropdown-nav {
/*    font-size: 15px; */
}
.uk-section-primary {
    background: #44CF8F;
    background-repeat: no-repeat;
}
.uk-navbar-dropdown-nav>li>a:hover {
    color: #fff;
    background-color: #44CF8F;
}

.uk-tile-default {
background: linear-gradient(180deg, #00A3FF 0%, #38ABEC 100%);
box-shadow: 0px 16px 32px rgba(16, 119, 250, 0.24);
border-radius: 10px;
color: #fff;
}
.uk-tile-muted {
background: #6966FF;
box-shadow: 0px 16px 32px rgba(255, 102, 102, 0.16);
border-radius: 10px;
color: #fff;
}
.uk-tile-primary {
background: linear-gradient(115.91deg, #CE7FE1 2.42%, #A634FF 101.67%);
box-shadow: 0px 24px 32px rgba(180, 77, 246, 0.19);
border-radius: 10px;
color: #fff;
}
.uk-tile-secondary {
background: linear-gradient(180deg, #8E48FF 0%, #5D2AEC 100%);
box-shadow: 0px 16px 32px rgba(255, 94, 225, 0.2);
border-radius: 10px;
color: #fff;
}
.uk-tile-default h2.el-title ,
.uk-tile-muted  h2.el-title {
    color: #fff;
}

.uk-slidenav-previous {
    background: url(../images/slide-prev.png) 0 0 no-repeat;
    padding: 30px 32px;
}
.uk-slidenav-next {
    background: url(../images/slide-next.png) 0 0 no-repeat;
    padding: 30px 32px;
}
.uk-slidenav-previous svg ,
.uk-slidenav-next svg {
    display: none;
}



.uk-navbar-dropdown-nav {
    font-size: 18px;
}
.uk-navbar-dropdown {
    width: 300px;
}
div#header-breadcrumb {
    margin-bottom: 20px;
}
#header-breadcrumb li span {
    font-size:42px;
    line-height: 1.2em;
    font-weight: 400;
    color: #fff;
}
#header-breadcrumb li.uk-disabled ,
#header-breadcrumb ul.uk-breadcrumb>li>a:nth-child(1){
    font-size: 0px;
    display: none;
}

#header-breadcrumb .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
     display: none;  
}

.uk-container-expand {
    max-width: none;
    padding-left: 0px;
    padding-right: 0px;
}
.panel-indicator h2 {
    margin-top:20px;
}
.uk-subnav-pill>.uk-active>a ,.uk-subnav-pill>*>a:hover  {
    background-color: #006FFF;
    box-shadow: 0px 9px 30px 0 #006fff78 !important;
}
.uk-subnav-pill>*>:first-child {
    font-size: 18px;
    padding: 10px 24px;
    box-shadow: 0px 4px 16px rgb(0 0 0 / 5%) !important;
    background: rgba(185, 185, 185, 0.19);
    COLOR: #000;
}
.uk-heading-line > ::before, .uk-heading-line > ::after {
    content: "";
    position: absolute;
    top: calc(50% - (calc(1.04px) / 2));
    width: 100px;
    border-bottom: calc(1.04px) solid #F1BF0B;
}
.col-4 {
    flex: 0 0 auto;
    width: 60%;
}
.col-4.item-image {
    margin: 15px auto;
} 
.box-survey H3,
.box-survey H4 {
    background: #2A6DBE;
    color: #fff;
    border-radius: 8px;
    padding: 0px 30px;
}
.mod-whosonline p {
    font-size: 23px;
    line-height: 22px;
}

.jsvisitcounter .counter {
    display: block;
    width: 90%;
    margin-top: -4px;
    margin-left: 0px;
    margin-right: 0px;
    border: 0px;
    white-space: nowrap;
    text-align: left;
    background: transparent;
}
.digit-0, .digit-1, .digit-2, .digit-3, .digit-4, .digit-5, .digit-6, .digit-7, .digit-8, .digit-9 {
    background: none !important;
    text-indent: unset !important;
    display: unset !important;
    font-size: 22px;
    line-height: 25px;
}
.jsvisitcounter .table {
    color: #00a69f;
    font-size: 20px;
}


/* Module News */
.jt-imagecover {
    display: inline-block;
    float: left !important;
    margin-right: 20px;
    margin-bottom: 0px !important;
}
.jt-author-date {
    margin-top:10px;
    display: block;
}
span.jtc_introdate {
    color: #2A6DBE;
    margin-top: 15px !important;
    display: inline-block;
}
a.jt-title {
    color: #212121;
    font-size: 16px !important;
}
.jt-cs .slide {
    clear: none;
    background: #FEFEFF;
    padding: 0px 0px 0px 0px !important;
    margin: 20px 0px !important;
}
.jtcs_theme_news3 .jt-title {
    font-size: 1.2em;
    line-height: normal;
    display: flex;
    margin-bottom: 10px;
    padding-bottom: 0px;
    flex-direction: row;
    align-items: flex-start;
}
.jtcs_theme_news3 .jt-title::before {
    content: "";
    background: url(../images/bullet.png) left center no-repeat;
    padding: 16px 10px;
    margin-right: 10px;
    display: inline;
}
.jt-cs .jt-imagecover img {

}
.slide.numcontent0 {
    width: 38%;
    float: left;
}
.slide.numcontent1 ,.slide.numcontent2 ,.slide.numcontent3 ,.slide.numcontent4,.slide.numcontent5 {
    width:50%;
    display: inline-block;
}
.slide.numcontent1 .jt-imagecover img,.slide.numcontent2 .jt-imagecover img,.slide.numcontent3 .jt-imagecover img , .slide.numcontent4 .jt-imagecover img, .slide.numcontent5 .jt-imagecover img {
    display: none;
}

.numcontent0 .jt-title::before {
    display: none;
}
.numcontent0 .jt-title {
    border-bottom: 0px solid #dbdbdb;
    font-weight: bold;
    color: #000;
}
.jtcs189 .jt-imagecover {
    border-radius: 0px;
    float: none !important;
    margin-bottom: 10px !important;
}
.jt-inner {
    border-bottom: 1px solid #dbdbdb;
}

.book-panel h1.uk-text-center {
    color: #fff;
}
.book-panel a.el-content.uk-link-text {
    font-size: 25px !important;
    letter-spacing: 3px;
    font-weight: normal !important;
}





/* Module Ebook */
.book_container img.img-polaroid {
    width: 182px;
    height: 260px;
    z-index: 2;
    position: absolute;
}
.book_container .item-image a::after {
    content: "";
    background: #05BB99;
    width: 186px;
    height: 260px;
    display: block;
    position: absolute;
    z-index: 1px;
    top: 2px;
    margin-left: 10px;

}

.service2 .jt-introtext img {display: inline; height: 150px; width: auto;}
.service2 .jt-introtext h3,.service2 .jt-introtext h4{margin-top: 20px;}
.service2 .jt-introtext{ background-color: #FFFFFF; border-radius: 18px; padding: 40px;}
.service2 .sppb-addon-title  {text-align: center; font-family: 'Prompt'; font-size: 50px; color: #FFF; font-weight: 300;}
.service2 .jt-cs .owl-carousel .owl-nav .owl-prev, .service2 .jt-cs .owl-carousel .owl-nav .owl-next {font-size: 33px;}


/* ข่าวสาร & ประกาศ */
.title_news .sppb-addon-title{ font-family: 'IBM Plex Sans Thai' !important; font-size: 45px; text-align: center;}
.title_news .sppb-tab ul li{ color: #707070; font-family: 'IBM Plex Sans Thai'; font-size: 21px ; padding: 12px 20px; letter-spacing:0.1px;}
.title_news .sppb-tab ul li a{font-size: 21px ; padding: 12px 20px; background: #fff; color: #707070; border:none;letter-spacing: 0.1px;}
.title_news .sppb-tab ul li.active>a{ color: #006FFF;  border-radius: 50px; box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 10%); }
.jt-imagecover{border-radius: 15px; }
.jtcs_more_cat{text-align: center; font-weight: bold; }
.jt-title {color: #000; font-weight: 500; font-size: 1em !important; line-height: 1.4em !important;}
.job{margin-left: 25px; margin-right: 25px ;}
.job .slide { border-bottom: 1px dotted #a2a1a1; }
.job .owl-prev{margin-left: -35px !important; margin-right: -35px !important;}
.cat-list-row0{background-color: rgb(246, 246, 246);}
.cat-list-row1{background-color: #FFF;}
.category td a {color: #000;}
.category td a:hover {color: #045ee6;}
.article-introtext{display: none;}
.article-intro-image img{ height: 282px; object-fit: cover; border-radius: 15px !important; float: none; width: 100%;}
.article-header h2{font-size: 1em !important;line-height: 1.4em;}
.article-header,.article-info{margin: 0px -20px 0px -20px;}
.article-list .article{border: none;}


/* E-books */
.bg_book{position: relative; min-height: 312px; background-position: 100% !important; color: #FFF; min-height: 520px;}
.book_col1{ font-family: 'IBM Plex Sans Thai';}

.title01_book{text-align: left;position: absolute; bottom: 30px;}
.line_yellow_book { position: absolute; right:0; top:-120px;}

.book_col2 {padding: 50px;}
.book_col2 h2{color: #fff; font-family: 'Bai Jamjuree'; font-size: 60px; font-weight: 600;}
.book_col2 p{ font-family: 'Bai Jamjuree'; font-size: 24px; font-weight: 300;}
.viewbook{margin-top: 50px; background-color: #F2CC5D; color: #FFF;font-size: 16px; font-weight: 500; padding: 10px 30px 10px 30px; border-radius: 0; font-family: 'IBM Plex Sans Thai';}

/* Abook*/
.content_rating img{ width: 10px; height: 10px;}
.book-title {font-size: 1.3em;}
.item-image{ width: 100% !important;}
.book_title{ color: #FFF;}
.bookcol_2book .img-polaroid{ background-color: rgba(245, 249, 252, 0.7); max-width: 100px;  max-height: 130px; padding: 15px;}
.book_containercol_2book{margin-top: 5px !important; margin-bottom: 5px !important;}
.bookcol_1book .img-polaroid{background-color: rgba(245, 249, 252, 0.7); padding: 20px; max-width: 300px; max-height: 438px; }
.cover img.img-polaroid{ border-radius: 3px; width: 200px !important;}
.books td{ min-width: 200px !important;}
/* ADVANCE POLL */
.poll1 .advpoll-question{ }
.poll1 .advpoll-answer{}
.poll1 .advpoll-answer input[type="radio"] + label{font-weight: 600;}
.poll1 .advpoll-button-vote{background-color:rgba(0,0,0,.9) !important;font-weight: 600; border-radius: 38px !important; padding: 15px !important;  border: 0; box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 20%);min-width: 140px;}
.poll1 .advpoll-button-vote:hover{background-color:rgba(0,0,0,.8) !important;}
.poll1 .advpoll-answer {justify-content: center;}
.poll1 ul {justify-content: center;  display: flex;}
.poll1 ul li{display: flex;background-color: #fff !important;}
.poll1 .advpoll-button-wrapper{padding: 25px 0 10px 0px; border: 0;}
.poll1 .advpoll-button-result { background-color: #006FFF !important;
    box-shadow: 0px 9px 30px 0 #006fff78 !important;
    color: #fff !important;
    font-size: 18px;
    padding: 10px 24px !important;
    border-radius: 25px !important;}
.poll1 .text-voted{color: #000;}
.advpoll-wrapper .advpoll-graph-wrapper {color: #000 !important;}
.fancybox-inner .advpoll-question  {color: #000 !important;}
.poll1 .advpoll-total-vote{color: #000;}
.advpoll-wrapper .advpoll-answer-line{background-color: rgb(27, 140, 239) !important;}
.advpoll-wrapper .advpoll-answer-line-background {background: rgba(27, 140, 239, 0.3);}
.advpoll-wrapper .advpoll-button-wrapper .advpoll-button-back{color: #000;}
.advpoll-wrapper .advpoll-graph-wrapper {
    color: #222;
}
.advpoll-wrapper .advpoll-question {
    font-weight: bold;
    padding: 10px;
    background: #6ed4f4;
    color: #000;
    text-align: center;
}
.advpoll-wrapper .advpoll-answer input[type="checkbox"], .advpoll-wrapper .advpoll-answer input[type="radio"] {
}
.advpoll-wrapper .advpoll-button-wrapper .advpoll-button-vote, .advpoll-wrapper .advpoll-button-wrapper .advpoll-button-back {
    background: #006FFF;
    box-shadow: 0px 16px 32px rgb(16 119 250 / 24%);
    border-radius: 38px;
    width: 150px;    
    text-align: center;
}
.advpoll-wrapper .advpoll-button-wrapper {
    margin: 0 auto;
    text-align: center;
    padding-bottom: 40px;
}


.sound {
    background: url(../images/icon_audio.png) center no-repeat;
    background-color: rgb(255, 255, 255,0.3);
    background-size: 20px;
    margin-right:10px;
    padding: 14px;
    display: block;
    float: left;
}
.video {
    background: url(../images/icon_video_camera.png) center no-repeat;
    background-color: rgb(255, 255, 255,0.3);
    background-size: 20px;
    margin-right:10px;
    padding: 14px;
    display: block;
    float: left;
}
.images {
    background: url(../images/icon_image.png) center no-repeat;
    background-color: rgb(255, 255, 255,0.3);
    background-size: 20px;
    margin-right:10px;
    padding: 14px;
    display: block;
    float: left;
}
#activities .el-meta.uk-text-meta.uk-margin-top {
    position: absolute;
    top: 0px;
    left: 10px;
}

[role='tooltip']:not(.uk-tooltip):not(.show) {
    right: calc(22px + 15px);
    /* top: calc(22px + 20px); */
    min-width: max-content;
    display: none;
    position: absolute;
    z-index: 1030;
    top: -51px;
    box-sizing: border-box;
    padding: 5px 15px;
    background: #fff;
    border-radius: 20px;
    color: #000;
    font-size: 17px;
}
#activities .el-content.uk-panel.uk-margin-top {
    font-size: 14px;
}
#activities .uk-button-text::before {
    display:none;
}
#activities .uk-button-text {
    color: #000;
}
.uk-navbar-toggle {
    margin-right: 20px !important;
}


.footer p a {
    color: #fff;
}
.footer,.footer h3,.footer h4,.copy-footer,.copy-footer a {
    color: #00a69f;
}


/* fix element 04/2023 */

.uk-section-primary {
    background: #30b778;
    background-repeat: no-repeat;
}
.tm-page > [class^=uk-section]:nth-last-child(1) {
    background:#F2F2F2;
} 
div#book-panel {
    padding-bottom: 5%;
}

@media screen and (max-width: 1330px) and (min-width: 960px) {
nav.uk-navbar .uk-navbar-nav>li>a {
    padding: 0 5px;
    font-size: 93%;
}
}

@media (max-width:768px) {

.owl-item.active {
    width: 100% !important;
}
.slide.numcontent0 {
    width: 100%;
    float: left;
}
.slide.numcontent1, .slide.numcontent2, .slide.numcontent3, .slide.numcontent4, .slide.numcontent5 {
    width: 100%;
    display: inline-block;
}
.jt-cs .slide {
    /* clear: none; */
    background: #FEFEFF;
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px !important;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -12.5);
    margin-left: calc(var(--bs-gutter-x) * -0.5);
}
div#book-panel {
    padding-bottom: 25%;
}



}

@media (max-width:480px) {
    .uk-subnav>* {
    flex: none;
    padding-left: 30px;
    position: relative;
    margin-bottom: 10px;
}
.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}
.jt-imagecover {
    border-radius: 15px;
    width: 100%;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}
.owl-stage {
    width: 100% !IMPORTANT;
}
img#n2-ss-3item3 {
    max-width: 71%;
}

.list .flex-row {
    text-align: center;
}
.advpoll-wrapper .advpoll-answer {
    width: 100%;
    font-size: 14px;
}
.advpoll-wrapper .advpoll-form {
    margin: 0;
    padding: 10px;
}
.tm-page > [class^=uk-section]:nth-last-child(1) {
    text-align:center;
} 
div#book-panel .uk-section {
    padding-top: 10px;    background: #05BB99;
}
div#book-panel h1.uk-text-muted.uk-text-left {
    font-size: 25px;
}
div#book-panel .book_title {
    display: none;
}
.book_container .item-image a::after {
    content: "";
    background: transparent;
    }

.book_container img.img-polaroid {
    width: 182px;
    height: 260px;
    z-index: 2;
    position: relative;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    margin-left: calc(var(--bs-gutter-x) * -0.5);
}
div#book-panel {
    padding-bottom: 5%;
}


}

/* ############################## FD Edit  ######################### */
/* bg Poll */
.poll2{   padding: 0px 40px !important;background-color: transparent !important; box-shadow:none !important;}
.advpoll-wrapper{border-radius: 8px; padding: 20px;}

/* font contact-us page */
.convertforms .cf-content-wrap, .convertforms .cf-form-wrap{  font-family: 'IBM Plex Sans Thai';}
#cf_1{ font-family: 'IBM Plex Sans Thai';}

.text-voted, .advpoll-total-vote{color: #000 !important;}
a.advpoll-button-result{color: #2A6DBE !important;}
.advpoll-wrapper-1.advpoll-wrapper .advpoll-button-wrapper .advpoll-button-result{color: #2A6DBE !important;}

.footer_print{background:#F2F2F2;}

/* VCNT */
.visitorcounter{ position: absolute;}
.visitorcounter p { color: transparent;}
.visitorcounter p span{ color: #000 !important; }
.visitorcounter .floatright {  float: left;}
.whoisonline{ color: #000 !important; }