#news button.search {width:100%;max-width:130px;height:37px;padding:0;color:#114B33;border:2px solid #93AB9F;background-color: rgba(255, 255, 255, 0.55);border-radius: 0 12px 0 12px;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
#news button.search span img {margin-right:8px;text-decoration:none;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
#news button.search:hover {color: #fff;background: #114B33;border-radius: 12px 0 12px 0;border:2px solid #114B33;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
#news button.search:hover span img {filter: brightness(0) invert(1);}
#news .search-news {width:100%;text-align:center;margin-left:auto;margin-right:auto;margin-bottom:50px;}
#news .search-news form {position:relative;z-index:9;font-size:16px;color:#555}
#news .search-news form .padding-r {padding-right:40px}
#news .search-news form .padding-lr {padding-left:8px;padding-right:8px;}
#news .search-news form input {height:37px;background-color: rgba(255, 255, 255, 0.55);border:1px solid #d1d1d178}
#news .search-news form .col-lg-5 {width:38%}
#news .search-news form .col-lg-3 {width:16%}
#news .search-news form .col-lg-2 {width:10%;}

#news .news-list {margin-top:-50px;position:relative;z-index:8}
#news .news-list .space {margin-top:50px;padding-left:8px;padding-right:8px;}
#news .title-heading-news{font-size:35px;line-height:1.5;color:#114B33;margin-bottom:0;position:relative;font-family:'promptmedium';}
#news .date-news {margin-bottom:15px;color:#9A9A9A;text-align:right}
#news .result {font-size:20px;margin-top:15px;color: #9A9A9A;text-align:center;width:100%;}
#news .text-news {margin-top:50px;}
#news .text-news p {color:#555;font-size:18px;}
#news .text-news p + p {margin-top:30px;}
#news .tag-news {margin-top:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;}
#news .tag-news .tag, #news .share-news {font-size:18px;color:#114B33;}
#news .tag-news .tag span, #news .share-news span {padding-left:15px;margin-right:15px}
#news .tag-news ul.tag {list-style:none;padding-left:0;margin-bottom:0;gap:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#news .tag-news ul.tag li {padding:0;margin:0}
#news .tag-news ul.tag li a {font-size:18px;border-radius:6px;padding:5px 15px;display:block;color:#fff;background:#257A01;}
#news .tag-news ul.tag li a:hover {background:#B29530}
#news .share-news {margin:35px 0 80px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
#news .share-news a {width:39px;height:39px;border-radius:100%;background:#fff;-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
#news .share-news .social {display:-webkit-box;display:-ms-flexbox;display:flex;}
#news .share-news .social a + a {margin-left:10px}
#news .share-news .social a.bg-fb svg path.a {fill:#036197}
#news .share-news .social a:hover.bg-fb {background:#036197}
#news .share-news .social a:hover.bg-fb svg path.a {fill:#fff}
#news .share-news .social a.bg-line svg path.a {fill:#0ac223}
#news .share-news .social a.bg-line svg path.b {fill:#fff}
#news .share-news .social a:hover.bg-line {background:#0AC223}
#news .share-news .social a:hover.bg-line svg path.a {fill:#fff}
#news .share-news .social a:hover.bg-line svg path.b {fill:#0AC223}
#news .separator {padding-top:70px;border-top:2px solid #70707033}
#news .separator  + .separator {margin-top:80px}

#other-news .owl-nav, #other-articles .owl-nav, #other-products .owl-nav {display:block!important}
.owl-nav button.owl-prev{ left: -65px; }
.owl-nav button.owl-next{ right: -65px; }
.owl-nav button.owl-prev:hover, .owl-nav button.owl-next:hover {background:#B29530;border-radius:100%;}
.owl-nav button.owl-prev:hover .click-arrow, .owl-nav button.owl-next:hover .click-arrow {border:1px #B29530;background:#B29530;border-radius:100%;}
.owl-nav button.owl-prev:hover .click-arrow img, .owl-nav button.owl-next:hover .click-arrow img {filter: brightness(0) invert(1);}
.owl-nav button {position: absolute;top:30%;transform: translateY(-50%);/* font-size: 40px !important; */}

.slider-wrapper {position:relative;z-index:9}
#news-gallery { margin-bottom:8px; }
#news-gallery .item img {border-radius:8px;width:100%;display:block;height:auto;}
#news-gallery .owl-nav button {position:absolute;top:50%;transform:translateY(-50%);background:none !important;font-size:50px !important;color:#006b3d !important;-webkit-transition:0.4s ;-moz-transition:0.4s;-o-transition: 0.4s;transition: 0.4s;}
#news-gallery .owl-nav button.owl-prev {left:-40px;}
#news-gallery .owl-nav button.owl-next {right:-40px;}
#news-gallery .owl-nav button:hover {color:#004d2c !important;scale:1.1;}
#thumb-news .item {cursor:pointer;padding:2px;}
#thumb-news .item img {border-radius:8px;border:4px solid transparent;height:100px;width:100%;-webkit-transition: all 0.4s ;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;opacity:0.4;}
    
#thumb-news .current .item img {border-color: #006b3d;opacity:1;}
#thumb-news .owl-nav button {position: absolute;top:50%;transform:translateY(-50%);/* font-size: 40px !important; */}
#thumb-news .owl-nav button.owl-prev { left: -35px; }
#thumb-news .owl-nav button.owl-next { right: -35px; }
#thumb-news .owl-nav {display: block !important; /* ป้องกัน Library สั่งซ่อน */}
#thumb-news .owl-nav button:hover {background:none}

#news .articles-details {position:relative;z-index:9}
#news .articles-details .img {display:block;text-align:center;}
#news .articles-details .text {margin:30px 0 45px 0}
#news .articles-details .video {position:relative;padding-bottom:56.25%;height:0;}
#news .articles-details .video iframe {left:0;width:100%;height:100%;position:absolute;}
#news .articles-details p {font-size:18px;}
#news .articles-details h2 {font-size:30px;color:#114B33}
#news .articles-details h3 {font-size:20px;color:#114B33}
#news .articles-details p + h3, #news .articles-details p + p {margin-top:30px}
#news .articles-details .img img {border-radius:5px;height:auto}
#news .articles-details .select-section {padding:25px;background:#fff;border-radius:5px;margin:30px 0 45px 0;}
#news .articles-details .img img + p {margin-top:10px}
#news .articles-details .select-section {font-size:20px;color:#114B33;font-weight:500}
#news .articles-details .select-section ul, #news .articles-details ul {list-style:none;margin:10px 0 0 0;padding-left:15px;}
#news .articles-details .select-section ul li, #news .articles-details ul li {position:relative;margin-top:5px;padding-left:18px;}
#news .articles-details .select-section ul li::before, news .articles-details ul li::before {content:"";position:absolute;top:12px;left:0;z-index:8;width:7px;height:7px;border-radius: 100%;background-color: #B39630;}
#news .articles-details .select-section ul li a {font-size:18px;color:#555;font-weight:500;}
#news .articles-details .select-section ul li a:hover {color:#B39630;}

#news-gallery .video {position:relative;padding-bottom:65.25%;height:0}
#news-gallery .video iframe {left:0;width:100%;height:100%;position:absolute;border-radius:8px;}

.thumb-controls {position:relative;padding:0 40px;}

.line-share-btn {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:39px;height:39px;background-color: #fff;cursor:pointer;border:none;border-radius:100%;margin-left:10px;-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);-webkit-transform: all 0.4s ease;-moz-transform: all 0.4s ease;-ms-transform: all 0.4s ease;-o-transform: all 0.4s ease;transition: all 0.4s ease;}
.line-share-btn:hover {background-color: #06C755;}
.line-share-btn img {width:23px;height:23px;-webkit-transition: filter 0.4s ease;-moz-transition: filter 0.4s ease;-o-transition: filter 0.4s ease;transition: filter 0.4s ease;}

.bg-list-product {position:relative;background:#fff;margin-bottom:10px;}
.height-unset {height:unset}



@media only screen and (max-width:1536px) {
#news .text-news p, #news .tag-news .tag, #news .share-news, #news .tag-news ul.tag li a {font-size:16px}
#news .text-news p + p {margin-top:20px}
#news .tag-news ul.tag {gap:10px}
#news .title-heading-news {font-size:25px;}
#news .articles-details p, #news .articles-details .select-section ul li a, #news .articles-details ul li, #news .articles-details ol li {font-size:16px;}
#news .articles-details p + h3, #news .articles-details p + p {margin-top:20px}
#news .articles-details .select-section ul li::before, #news .articles-details  ul li::before {top:9px}
#news .articles-details p + h3, #news .articles-details p + p {margin-top:20px}
}
@media only screen and (max-width:1440px) {
#thumb-news .item img {height:90px}
}
@media only screen and (max-width:1366px) {
#news .articles-details h2 {font-size:22px;}
#news button.search, .dropdown-item {font-size:15px;}  
#news .search-news form input, #news .search-news form .selected-text {font-size:15px;}
.arrow-icon {width:20px;height:20px;}
.btn-clear img {width:10px;height:10px;}
#news .text-news p, #news .tag-news .tag, #news .share-news, #news .tag-news ul.tag li a {font-size:14px;}
#news .articles-details p, #news .articles-details .select-section ul li a, #news .articles-details ul li, #news .articles-details ol li {font-size:14px;}
#news .articles-details .select-section, #news .articles-details h3 {font-size:18px;}
#news .articles-details .select-section ul li::before, #news .articles-details ul li::before {top:7px;}
}

@media only screen and (max-width:1280px) {

}

@media only screen and (max-width:1180px) {
#news .search-news form .col-lg-5 {width:42%;}
#news .search-news form .col-lg-3 {width:20%;}
#news .search-news form .col-lg-2 {width:14%;}
}

@media only screen and (max-width:1080px) {
#news .search-news form input, #news .search-news form .selected-text, #news .text-news p, #news .tag-news .tag, #news .share-news, #news .tag-news ul li a {font-size:16px;}
#news .articles-details p, #news .articles-details .select-section ul li a, #news .articles-details ul li, #news .articles-details ol li {font-size:16px;}
#news .articles-details .select-section, #news .articles-details h3 {font-size:20px;}
}

@media only screen and (max-width:1024px) {
#news .search-news form .col-lg-5 {width:45%;}
#news .search-news form .col-lg-3 {width:29%;}
#news .search-news form .col-lg-2 {width:16%;}
#news .share-news {margin:35px 0 60px 0;}
#news .separator {padding-top:60px;}
#news .separator + .separator {margin-top: 60px;}
}
@media only screen and (max-width:980px) {
#thumb-news .item img {height:100px}
}
@media only screen and (max-width:820px) {
#news .articles-details h2 {font-size:25px;}
#thumb-news .item img {height:85px}
}

@media only screen and (max-width:640px) {
#news .search-news form .col-lg-2 {width:20%;}
#thumb-news .item img {height:75px}
}

@media only screen and (max-width:568px) {
#news .title-heading-news {font-size:22px;}
#news .tag-news ul.tag li a {font-size:15px;padding:3px 12px;}
}

@media only screen and (max-width:480px) { 
#news .search-news form .col-lg-5 {width:52%;}
#news .search-news form .col-lg-3 {width:45%;}
#news .search-news form .col-lg-2 {width:33%;}
#news button.search {margin-top:20px}
#news .text-news p + p {margin-top:15px;}
#news .text-news {margin-top:35px;}
.owl-nav button.owl-prev {left:-40px;}
.owl-nav button.owl-next {right:-40px}
#news .articles-details p + h3, #news .articles-details p + p {margin-top:15px}
#news .articles-details .select-section ul {padding-left:10px;}
}

@media only screen and (max-width:430px) { 
#news .search-news form .col-lg-5, #news .search-news form .col-lg-3 {width:100%;}
#news .search-news form .col-lg-2 {width:33%;}
#news .search-news form .col-lg-3 {margin-top:10px}
}