/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
html {
	background-color:transparent!important;
}
body, a, p, span, h1, h2, h3, h4, h5, li, strong {
    font-family: 'Sarabun', sans-serif;
    line-height: 130%;
}

p {
	margin-bottom:5px;
}
.col-inner>.img:not(:last-child), .col>.img:not(:last-child) {
    margin-bottom: 3px;
}

#logo{
	opacity:0;
}
.absolute-footer {
	display:none;
}
*{
	text-align:justify;
}
.nav-dropdown.dropdown-uppercase>li>a {
	color:#ffffff;
	font-weight:700;
}
.nav-dropdown.dropdown-uppercase>li:hover>a {
	background-color: rgb(255, 203, 5);
}
.nav-dropdown {
	padding:0
}
.header-bottom-nav.nav-left >li{
		margin-right:0 !important;
		margin-left:0 !important;
}
.header-bottom-nav >li>a{
	padding:10px;
	text-align:center;
}
.header-bottom-nav > li.has-icon-left>a>img{
	margin-right:0;
}
.header-bottom-nav.nav-left > li:first-child,
.header-bottom-nav.nav-left > li.active,
.header-bottom-nav.nav-left > li:hover{
	background-color:rgb(255, 203, 5) !important;
}
.header-bottom-nav.nav-left > li>a i{
	display:none;
}
.header-bottom-nav.nav-left > li:first-child >a,
.header-bottom-nav.nav-left > li.active > a,
.header-bottom-nav.nav-left > li:hover > a{
	color: rgb(51, 51, 51) !important;
}
.box-vertical .box-text {
	vertical-align:top;
}
.box-blog-post .is-divider {
	display:none
}
.box-blog-post .box-text {
	padding-bottom: 0.7em;
}
.box-blog-post a.plain{
	color:#333
}
.box-blog-post a.plain:hover {
	color:currentColor
}
.blog-list a.plain{
	font-weight:300;
	font-size: 1rem !important;
}
.title-cm {
	 border-bottom: 1px solid #0f9292;
	 margin-bottom:10px;
}
.title-cm h2{
    font-size: 20px;
		line-height: 2;
		margin-bottom:0
}

.box-blog-post .post-meta:before,
.single-post .entry-meta:before{
    content: '';
    width: 12px;
    height: 13px;
    background: url(/wp-content/uploads/2025/11/ico-date.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.blog-list-style .col {
	border-top: 1px solid #b1e7fe;
}
.blog-list-style .post-title,
.blog-list-style-icon .post-title{
    padding-left: 17px;
    background: url(/wp-content/uploads/2025/11/li.png) no-repeat left 5px;
}
.home-blog-slide .flickity-page-dots{
    position: absolute;
    top: 15px;
    right: 30px;
    left: auto;
}
.home-blog-slide .flickity-button{
	display:none
}
.home-tabs-blog .nav{
	border-bottom: 1px solid #ccc;
}
.home-tabs-blog .nav>li.active>a {
	color: #fff !important;
}

.home-tabs-blog .nav>li>a {
	padding: 7px 15px 5px 15px;
}

.home-tabs-blog .nav>li.active>a:after {
    content: '';
    width: 100%;
    height: 100%;
    transform: skew(150deg);
    background: #0f9292;
    position: absolute;
    left: 0;
    bottom: 0;
		z-index: -1;
}
.home-tabs-blog .nav>li>a:hover {
	color:currentColor
}
.px-15px{
	padding-left:15px;
	padding-right:15px
}
.archive-page-header .page-title{
	border-bottom: 3px solid #ececec;
  font-size: 20px;
	z-index:2;
}
.archive-page-header .page-title > *,
.archive-page-header .page-title a{
	display: inline-block;
  position: relative;
	min-width: 200px;
	padding:5px 20px;
	color:#ffffff;
	z-index:3;
}

.archive-page-header .page-title > *:after {
    content: '';
    width: 100%;
    height: 100%;
    transform: skew(150deg);
    background: #0f9292;
    position: absolute;
    left: 0;
    bottom: 0;
		z-index: -1;
}
.single-post .header-bottom-nav.nav-left > li.active {
	background-color:transparent !important;
	
}
.single-post .header-bottom-nav.nav-left > li.active > a {
	color:#ffffff !important
}
.home-row-tabs {
	display:flex;
	flex-wrap: wrap;
	align-items: center;
	gap:10px;
}
.home-row-tabs > h4{
	font-size:18px;
}
.home-row-tabs > h4,
.home-row-tabs > ul {
	width:auto !important;
	margin:0;
}
.home-row-tabs .tab-panels{
	width:100%;
	border-top: 1px solid #0f9292;
}
.home-row-tabs li>a{
	padding: .5rem 1rem;
	color: #7c7c7c;
}
.home-row-tabs .nav>li.active>a{
	color: #0f9292;
}
.home-row-tabs li:not(:last-of-type):after {
    content: '|';
    display: inline-block;
}
.home-row-tabs .nav>li>a{
	font-size:1em;
}

.manage-detail-page table{
	width: 100%;
	border-collapse: collapse;
}
.manage-detail-page table th,
.manage-detail-page table td{
  border-collapse: collapse;
  border:1px solid #b0b0b0;
  padding: 15px;
	color: #565656;
	font-size: 15px;
}
.manage-detail-page table th{
  font-weight: bold;
  text-align: center;  
}
.manage-detail-page table th:nth-child(1){
	width: 25%;
}
@media(min-width:767px){
	.manage-detail-page table tr:nth-child(odd){
		background: #f9f7f7;
	}
}
@media(max-width:767px){
  .manage-detail-page table th, .manage-detail-page table td{
    padding: 7px 0;
  }  
	.manage-detail-page table th:nth-child(1){
		width: 100%;
	}
  .manage-detail-page table th,
  .manage-detail-page table td{
    display: block;
    width: 100%;
    text-align: left;
    border:none;
  }
  .manage-detail-page table th{
    padding-bottom: 0;
    background: none;
    border-top:1px solid #ccc;
  }
  .manage-detail-page table tr:first-child td:last-child {
    background: none;
  }
  .manage-detail-page table td{
    padding-top: 0;
  }
}
.document-table {
 width:100%;
}
.document-table table {
 color:#404040;
 width:100%;
}
.document-table table th {
 text-align:center;
  color: #fff;
}
.document-table table th:last-child{
  width: 100px;
}
.document-table table a {
 color:#404040;
}
.document-table table tr:nth-child(odd) {
 background-color:#f9f7f7;
}
.document-table table,
.document-table th,
.document-table td {
 border:1px solid #dadada;
 border-collapse:collapse;
 padding:10px;
	text-align: center;
	font-size: 15px;
}
@media(max-width:767px){
  .table-responsive{
    width: 100%;
    overflow-x: scroll;
  }
  .table-responsive table{
    width: auto;
    min-width: 500px;
  }
}
.document-view span{
	display: block;
	color: #0e51cd;
  font-size: 15px;
}
.document-view img{
	width: 28px !important;
  margin-bottom: 5px;
}
.document-table-top {
  margin-top: 5px;
}
.document-table-top td{
  color: #77787b;
  font-size: 13px;
}
.document-table td:nth-child(3){
	text-align: left;
}
.document-table th{
	background: #19888e;
}
.tool {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.tool p {
    font-size: 15px;
/*     color: #898989; */
}
.tool > p {
    margin-right: 35px;
}

.tool-right {
    margin-right: 0;
    display: flex;
    align-items: center;
}
.tool-right > div {
    margin-left: 10px;
}
.ico-cm {
    width: 43px;
    height: 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 20px;
    overflow: hidden;
}
.search-box {
    position: relative;
    margin-right: 5px;
}
.search-icon {
    font-size: 0;
    width: 14px;
    height: 14px;
    background: url(/wp-content/uploads/2025/11/ico-search.png) no-repeat center center;
    border: none;
    position: absolute;
    top: 22%;
    right: 10px;
	background-size: contain;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s 
ease-in-out, box-shadow .15s 
ease-in-out;
}

.search-box input {
    border: 1px solid #ccc;
    height: 30px;
    width: 42px;
		border-radius: 30px;
    font-size: 12px;
		margin-bottom:0;
}
.search-box.active input {
    width: 150px;
}
.link {
    position: relative;
    width: 185px;
}
.link select {
    height: 30px;
    padding: 0 10px;
    border-radius: 20px;
    border: 1px solid #ccc;
		margin-bottom:0;
}
.header-bg-image {
	background-size: 100% 150px;
	background-repeat: repeat-x !important;
}
/* .header-main {
	background: url(/wp-content/uploads/2025/11/Artboard-1.png) no-repeat center top #e3fcff;
    background-size: auto;
    padding: 30px 0 30px 0; */
}
.row-video-1 > .col{
	padding-bottom:0;
	background:#ededed;
	margin-bottom:0
}
.row-video-1 {
	margin-bottom:20px;
	background-color:#ededed;
}
.col-right-video {
	align-items:center;
}
.col-right-video > .col-inner {
		padding: 15px;
}
.news-name-big {
	font-size: 22px;
  font-weight: bold;
  display: block;
	color: #212529;
}
.page-wrapper {
	padding-top:15px
}
.title-detail {
    border-bottom: 3px solid #ececec;
    font-size: 20px;
}
.title-detail a {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    line-height: 1.2;
    display: inline-block;
    position: relative;
    padding: 7px 25px;
    margin-left: 7px;
    margin-right: 7px;
    min-width: 200px;
    text-align: center;
	z-index:2;
}
.title-detail a:after {
    content: '';
    width: 100%;
    height: 100%;
    transform: skew(150deg);
    background: #0f9292;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.document-search {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    margin-left: -15px;
    margin-right: -15px;
}
.document-search {
	margin-top:15px;
}
.document-search > div {
    width: 50% !important;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px !important;
    text-align: center;
}
.document-search > div {
    width: auto;
}
.document-search .form-group {
    display: flex;
    align-items: center;
		margin-bottom:15px !important;
		justify-content: space-between;
}
.document-search .form-group label {
    font-weight: bold;
    margin-bottom: 0;
    font-size: 14px;
    margin-left: 0;
	  display:inline-block;
}
.document-search .form-control {
    width: calc(100% - 120px);
    margin-left: 10px;
    height: 35px;
		margin-bottom:0;
	   padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;

}

.document-search .btn-green {
    width: 135px;
    padding: 7px;
    background: #0f9292;
    text-align: center;
    color: #fff;
    display: inline-block;
    border-radius: 8px;
    margin-top: 10px;
    height: auto;
    line-height: 1.5;
    min-height: 30px;
    margin-right: 0;
}

.bg-gray {
    background: #ebebeb;
    padding: 10px 0 20px 0;
}
.bg-gray .title-cm {
    padding: 0 15px 3px 15px;
		margin-bottom:20px;
}
.title-cm {
    border-bottom: 1px solid #0f9292;
    color: #0f9292;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.2;
}
.bg-gray >div, .bg-blue .newsbig-content {
    padding: 0 15px;
}

.document-02-list li {
    display: block;
    width: 100%;
    background: url(/wp-content/uploads/2025/11/ico-pdf.svg) no-repeat left top;
    background-size: 28px;
    padding-left: 40px;
    margin-bottom: 15px;
    min-height: 30px;
		list-style: none;
		margin-left:0 !important;
}
.btn-blue {
    color: #000;
    font-weight: bold;
    position: relative;
    text-align: center;
    padding: 5px 20px 7px 20px;
    display: inline-block;
    z-index: 22;
    font-size: 14px;
    margin-left: 7px;
    margin-right: 7px;
		margin-top:20px;
		background-color:transparent;
		border:none;
}
.btn-blue:hover {
	background-color:transparent !important;
	    opacity: 1;
    box-shadow: none;
}
.btn-blue:after {
    content: '';
    width: 100%;
    height: 100%;
    transform: skew(150deg);
    background: #73baba;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.tab-style-thu-vien .nav{
    border-bottom: 1px solid #0f9292;
}
.tab-style-thu-vien .portfolio-box-title {
	color: var(--fs-color-base);
	font-size: 1rem;
}
.tab-style-thu-vien .portfolio-box-category {
	display:none;
}
.tab-style-thu-vien .nav>li>a {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	padding:5px 10px;
}
.tab-style-thu-vien .nav>li.active>a,
.tab-style-thu-vien .nav>li:hover>a{
	color:#0f9292;
}

.tab-style-thu-vien li:not(:last-of-type):after {
    content: '/';
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
}


.header-main .header-button > .button:not(.is-outline) {
    background-color: #ffffff !important;
}
.header-main .header-button > .button:not(.is-outline) i {
	color:#1A73E8;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
  }
}
.header-bg-image {
	background-size: 100% 150px;
	background-repeat: repeat-x !important;
}
@media (max-width: 991px) {
    .tool-right {
        display: none;
    }
	.header-bg-image {
    background-size: 100% 100%;
	}
}

@media screen and (max-width: 549px) {
    .box-vertical .box-image {
        width: 50% !important;
    }
	.box-list-view .box, .box-vertical {
        display: table;
        width: 100%;
    }
	.box-list-view .box .box-image, .box-list-view .box .box-text, .box-vertical .box-image, .box-vertical .box-text {
        direction: ltr;
        display: table-cell;
        vertical-align: middle;
    }
	.box-vertical .box-text{
		padding-left:0.7em;
		padding-right:0.7em;
	}
	.home-row-tabs >h4{
		padding: .5rem 1rem;
	}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}