<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.btn-info, .btn-primary, .btn-success, .uk-button-primary {
    background-color: #0345bf;
    color: #fff;
    border: 0px solid transparent;
}
.uk-navbar-nav&gt;li&gt;a {
    font-size: 14px;
}
.uk-navbar-dropdown-nav {
    font-size: 15px;
}
h1.gradient-theme4 {
    background: linear-gradient(180deg, rgba(241, 191, 11, 0.86) 0%, #FF4D00 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.uk-tab-left&gt;*&gt;a {
    justify-content: left;
    border-right: 0px solid transparent;
    border-bottom: 0 none;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 16px 15px;
    gap: 8px;
}
.uk-tab&gt;.uk-active&gt;a {
    color: #fff;
    border-color: #4a91fd;
    border-image: linear-gradient(90deg,#4A91FD,#5b48ff) 1;
    background: #217BF4;
    box-shadow: 0px 7px 22px -6px rgb(0 72 168 / 34%);
    border-radius: 14px;
    padding: 16px 15px;
}

.uk-tab-left::before {
    border-left: 0px solid #f4f4f4;
}




.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&gt;li&gt;a:nth-child(1){
    font-size: 0px;
    display: none;
}

#header-breadcrumb .uk-breadcrumb&gt;: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&gt;.uk-active&gt;a ,.uk-subnav-pill&gt;*&gt;a:hover  {
    background-color: #006FFF;
    box-shadow: 0px 9px 30px 0 #006fff78 !important;
}
.uk-subnav-pill&gt;*&gt;:first-child {
    font-size: 18px;
    padding: 10px 24px;
    box-shadow: 0px 4px 16px rgb(0 0 0 / 5%) !important;
}
.uk-heading-line &gt; ::before, .uk-heading-line &gt; ::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 {
    width: 250px;
}
.flex-row {
    flex-direction: row!important;
    margin: 0px 5px;
    background: transparent;
    border-radius: 16px;
    padding: 0px 20px;
    display: flex;
    flex-wrap: nowrap;
}
.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: #fff;
    font-size: 20px;
}


/* Module News */
ul.uk-switcher {
    background: #88C9F1;
}
ul.el-nav.uk-tab-left.uk-tab {
    margin-top: 30px;
}
.jt-imagecover {
    display: inline-block;
    float: left !important;
    margin-right: 0px;
    margin-bottom: 0px !important;
}
.jt-author-date {
    margin-top: 0px;
    display: block;
    padding: 10px;
}
span.jtc_introdate {
    color: #2A6DBE;
    margin-top: 15px !important;
    display: inline-block;
}
a.jt-title {
    color: #212121;
    font-size: 16px !important;
}
.jtcs_item_wrapper .jt-title {
    font-size: 1.2em;
    line-height: normal;
    display: inline-block;
    margin-top: 20px;
    padding: 10px;
    min-height: 90px;
}
.jt-cs .slide {
    clear: both;
    background: #FEFEFF;
    box-shadow: 0px 16px 32px rgb(41 72 152 / 13%);
    border-radius: 16px;
    padding: 0px 0px 0px 0px !important;
    margin: 20px 0px !important;
}
.jtcs121 .slide,
.jtcs122 .slide {
    border-radius: 0px !important;
    padding: 10px 20px !important;
    box-shadow: unset;
    border-radius: 16px;
    /* padding: 0px 0px 0px 0px !important; */
    margin: 10px 0px !important;
    border: 1px solid #d5e9f782;
}
.jtcs121 .slide:hover,
.jtcs122 .slide:hover {
    background: #d5e9f745;
}
.jtcs121 .slide span.jtc_introdate,
.jtcs122 .slide span.jtc_introdate {
    color: #2A6DBE;
    margin-top: 0px !important;
}
.jt-cs .jt-imagecover img {
    border-radius: 16px 0px 0px 16px;
}

/* Module Ebook */
.list .book_title {
    color: #fff;
    display: block;
    line-height: 20px;
    padding: 29px 32px;
    gap: 8px;
    width: 65%;
    height: 189px;
    background: #003881;
}
.list .col-4.item-image img {
    width: 209px;
    height: 308px
 }
.col.warp2 .col-4.item-image {
    width: 250px;
    display: inline-block;
    float: right;
    margin-top: 0px;
    padding-top: 0px;
}
 
.col.warp2 .flex-row {
    margin: 0px 5px;
    background: transparent;
    border-radius: 16px;
    padding: 0px 20px;
    /* flex-wrap: wrap-reverse; */
    display: block;
}
.col.warp2 .col {
    flex: none;
}
.col.warp2 .book_title {
    color: #fff;
    width: 50%;
    display: block;
    line-height: 20px;
    padding: 29px 32px;
    gap: 8px;
    height: 189px;
    background: #003881;
    float:right;
}
.col.warp2 {
    margin-top: -44px;
    margin-bottom: -38px;
}
.col.warp3 {
    margin-top: 3px;
}

.col.item-title span {
    background: #295895;
    padding: 20px 20px;
    border-radius: 10px;
    display: block;
}
.col-4.item-image {
    background: url(../images/bg-book.png) left bottom no-repeat;
    padding: 20PX;
}
.col-4.item-image:after {
    content: "";
    background: url(../images/play-book.png) bottom left no-repeat;
    padding: 40px;
    position: relative;
    left: -228px;
    top: 127px;
}

.header-gd {
    padding: 10px 40px;
    background: linear-gradient(91.9deg, #2E47A5 2.67%, #2E6CA5 101.65%);

}
h4.header-gd.uk-margin-remove-bottom ,
h4.header-gd2.uk-margin-remove-bottom {
    color: #fff;
}
.bg-grey {
    background: #F3F3F3;
    padding: 30px;
}
.header-gd2 {
    padding: 27px 40px;
    background: linear-gradient(91.9deg, #4F72F9 2.67%, #0059AB 101.65%);
}





.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;}


/* ร&nbsp;ยธโ€ร&nbsp;ยนหร&nbsp;ยธยฒร&nbsp;ยธยงร&nbsp;ยธยชร&nbsp;ยธยฒร&nbsp;ยธยฃ &amp; ร&nbsp;ยธโ€บร&nbsp;ยธยฃร&nbsp;ยธยฐร&nbsp;ยธยร&nbsp;ยธยฒร&nbsp;ยธยจ */
.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&gt;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;}
.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: 100%;    
    text-align: center;
}
.advpoll-wrapper .advpoll-button-wrapper {
    margin: 0 auto;
    text-align: center;
    padding-bottom: 40px;
}

.advpoll-wrapper .advpoll-answer {
    background-color: #fff !important;
    color: #000000 !important;
    margin: 10px;
    padding: 20px 20px;
    width: 45%;
    border-radius: 10px;
}

.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: white;
}



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

@media (max-width:480px) {
.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%;
}
img#n2-ss-3item3 {
    max-width: 71%;

}


.uk-position-absolute.uk-width-1-1.uk-text-center {
    width: 100px;
    top: -50px;
    right: 0px;
    z-index: 0 !important;
}


.tm-page &gt; [class^=uk-section]:nth-last-child(1) {
    text-align:center;
} 
ul.el-nav.uk-tab {
    margin-top: 20px;
}
.uk-tab&gt;.uk-active&gt;a {
    color: #fff;
    border-color: transparent;
    border-image: unset;
    background: #217BF4;
    box-shadow: 0px 7px 22px -6px rgb(0 72 168 / 34%);
    border-radius: 14px;
    padding: 8px 10px
}
.uk-tab&gt;*&gt;a {
    padding: 8px 10px;
}
.flex-row {
    flex-direction: row;
    margin: 0px 5px;
    background: transparent;
    border-radius: 16px;
    padding: 0px 20px;
    display: block;
    justify-content: center;
}
.list .book_title {
    width: 100%;
}
.col.warp2 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.col.warp2 .book_title {
    color: #fff;
    width: 100%;
}
.col.warp1 .flex-row ,
.col.warp2 .flex-row ,
.col.warp3 .flex-row {
    margin: 0px 5px;
    background: transparent;
    border-radius: 16px;
    padding: 0px 20px;
    /* flex-wrap: wrap-reverse; */
    display: block;
    text-align: center;
    display: inline-block;
}
.col.warp1 .col-4.item-image , 
.col.warp2 .col-4.item-image , 
.col.warp3 .col-4.item-image { 
    float: none;
}
.uk-panel.bg-grey.uk-margin.uk-margin-remove-top table tr,
.uk-panel.bg-grey.uk-margin.uk-margin-remove-top table td {
        display: block;
    clear: right;
    width: 100%;
}


.uk-subnav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -30px;
    padding: 0;
    list-style: none;
    justify-content: center;
}
.tm-page &gt; [class^=uk-section]:nth-last-child(2) {
    text-align:center;
} 

.footer .uk-grid-match&gt;* {
    display: block;
    width: 212px !important;
    margin: 0 auto;
    justify-content: space-between;
    text-align: center;
}

}

/* ############################## FD Edit ######################### */
/* bg topmenu hover*/
.uk-navbar-dropdown-nav&gt;li&gt;a:hover{background-color:#33459c;}
.uk-navbar-nav&gt;li.uk-active&gt;a::before {background-color: #33459c;}
.uk-navbar-nav&gt;li:hover&gt;a::before, .uk-navbar-nav&gt;li&gt;a[aria-expanded=true]::before {background-color: #33459c;}
/* bg header*/
.uk-section-primary { background: #33459c;}
/* 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';}

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

</pre></body></html>