/* @import url('https://fonts.googleapis.com/css?family=Kanit:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i&display=swap'); */

@font-face {
    font-family: "DBHelvethaicaX-Regular";
    src: url("../fonts/DBHelvethaicaX-55Regular.eot") format("embedded-opentype"),
        url("../fonts/DBHelvethaicaX-55Regular.svg") format("svg"), 
        url("../fonts/DBHelvethaicaX-55Regular.ttf") format("truetype"), 
        url("../fonts/DBHelvethaicaX-55Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "DBHelvethaicaX-bold";
    src: url("../fonts/DBHelvethaicaX-55Regular.eot");
    src: url("../fonts/DBHelvethaicaX-55Regular.eot?#iefix") format("embedded-opentype"),
      /* url("../fonts/DBHelvethaicaX-55Regular.otf") format("opentype"), */
      url("../fonts/DBHelvethaicaX-55Regular.svg") format("svg"),
      url("../fonts/DBHelvethaicaX-55Regular.ttf") format("truetype"),
      url("../fonts/DBHelvethaicaX-55Regular.woff") format("woff");
      /* url("../fonts/DBHelvethaicaX-55Regular.woff2") format("woff2"); */
    font-weight: 500;
    font-style: bold;
}
@font-face {
	font-family: 'Prompt';
	src: url('../fonts/Prompt-Regular.ttf?') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Prompt';
	src: url('../fonts/Prompt-Medium.ttf?') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'tahoma';
	src: url('../fonts/tahoma.ttf?') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'tahoma-bd';
	src: url('../fonts/tahomabd.ttf?') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
    font-family: "Kanit";
    src: url("../fonts/Kanit-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Kanit Bold";
    src: url("../fonts/Kanit-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Kanit Med";
    src: url("../fonts/Kanit-Medium.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/************** font-face : Cordia New *****************/

@font-face {
    font-family: 'Cordia New';
    src: url('../fonts/Cordia New.ttf?') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cordia New';
    src: url('../fonts/Cordia New Bold.ttf?') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Cordia New';
    src: url('../fonts/Cordia New Italic.ttf?') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Cordia New';
    src: url('../fonts/Cordia New Bold Italic.ttf?') format('truetype');
    font-weight: bold;
    font-style: italic;
}
* {}
body {
    /* background-color: #04022f; */
}
/* ================================= */
/* ===== BS4 Container Upsize ===== */
/* =============================== */

@media (min-width: 1404px) {
    .container {
      /* max-width: 1344px; */
      max-width: 1134px;
    }
}
/* ================================= */
/* ========     Navbar     ======== */
/* =============================== */

.main-navbar {
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 2;
    width: 100%;
    /* max-width: 1344px; */
    margin: 0 auto;
    /* box-shadow: 0px 3px 10px 1px rgba(0,0,0,.15); */
}
.navbar-style-1 {
    background-color: #fff;
    box-shadow: 0px 3px 10px 1px rgba(0,0,0,.15);
    padding: 15px 30px;
    margin-bottom: 0px;
}
.navbar-style-1 .navbar-nav .nav-item {
    /* font-size: 22px; */
    cursor: pointer;
}
.navbar-style-2 .navbar-nav .nav-item {
    font-size: 22px;
}
.navbar-ham-style-1 {
    width: 56px;
    height: 40px;
    padding: 0;
    text-align: right;
    margin: 0 0 0 auto;
    z-index: 10;
    top: -51px;
    right: 5px;
}
.navbarHideContent {
    margin-top: -40px;
}

.navbar-ham {
    text-align: right;
}
.navbar-ham .navbar-nav .nav-item {
    font-size: 22px;
}
.navbar-style-1 .navbar-nav .nav-link {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0;
    margin-left: 5px;
    margin-right: 5px;
}
.navbar-style-2 .navbar-nav .nav-link {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0;
    margin-left: 5px;
    margin-right: 5px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    top: 34px;
}
.navbar-light .navbar-nav .active > .nav-link, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .show > .nav-link {
    color: #144E8E !important;
    border-bottom: 3px solid #c92b36;
}
.topnav-fn {
    /* position: absolute;
    z-index: 2;
    right: 0;
    top: 10px; */
}
.topnav-fn i {
    padding-right: 10px;
    position: relative;
    /* top: 2px; */
}
.topnav-box a {
    font-size: 23px;
    /* margin-left: 10px; */
    /* margin-right: 10px; */
    color: #0a3758;
    text-decoration: none;
}
.topnav-box a:hover {
    color: #0a3758;
    text-decoration: none;
}
/* .topnav-box .facebook-topLink {
    border-left: 2px solid #e3e3e3;
    border-right: 2px solid #e3e3e3;
}
.topnav-box .facebook-topLink i {
    padding-left: 15px;
    padding-right: 15px;
} */
.search-topLink {
    /* position: relative;
    top: -12px;
    text-align: center;
    padding-top: 10px;
    display: block; */
}
.search-topLink i {
    padding-right: 0px;
    padding-left: 0px;
    color: #0a3758;
    text-align: center;
}
.btn-plus,
.btn-minus {
    width: 24px;
    height: 24px;
    background-color: #cdcdcd;
    padding: 0px;
    border-radius: 0;
    border: 0px solid transparent;
    color: #fff;
    vertical-align: top;
}


/* .navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: .25rem;
} */

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color:rgba(255, 249, 249, 0.1);
    width: 100px;
    outline: none;
}
.navbar-toggler-icon {
    display: inline-block;
    width: 2em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(91,91,91, 1)' stroke-width='3' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  }
.topnav-box:nth-child(3) {
    height: 24px;
    /* padding-right: 15px;
    border-right: 2px solid #e3e3e3; */
}
.upsize-example {
    width: 24px;
    height: 24px;
    background-color: #cdcdcd;
    padding: 0px;
    border-radius: 0;
    border: 0px solid transparent;
    color: #fff;
    font-size: 20px;
    line-height: 1.3;
    text-align: center;
    vertical-align: top;
    display: inline-block;
    font-weight: 400;
}
.navbar-ham .navbar-nav {
    background: #fff;
}
.navbar-ham .nav-item {
    padding-left: 15px;
    padding-right: 15px;
}
.navbar-ham .nav-item .nav-link {
    padding-right: 14px;
}
.navbar-ham .nav-item .active {
    background: #f3f3f3;
    border-bottom: 0px solid #986242 !important;
}
/* Carousel */

.carousel-indicators {
    left: auto;
    opacity: 0;
}
.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #9c9995;
    background-clip: padding-box;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    opacity: 1;
    transition: opacity .6s ease;
    border-radius: 30px;
}
.carousel-indicators .active {
    opacity: 1;
    background-color: #020331;
}
.carousel-style-1 {
    position: relative;
    z-index: 1;
    /* margin-top: -185px; */
}

/* Title Header Style */
.text-header-style-3 h1 {
    font-size: 110px;
    /* font-weight: bold; */
    margin-bottom: 0;
    color: #fff;
}
.text-header-style-3 .under-line {
    width: 120px;
    height: 5px;
    background-color: #dd8d16;
    margin-top: -3px;
}
.text-header-style-3 h2 {
    font-size: 84px;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: -9px;
    color: #fff;
}

/* Home Title */
.home-top-section {
    /* background-color: #f4f4f4; */
    background-image: url(../images/bg-zone2-3.png), url(../images/bg-zone2-1.png);
    background-size: 683px 809px, cover;
    background-repeat: no-repeat, no-repeat;
    background-position: bottom left, top center;
}
.top-header-title {
    position: relative;
    margin-top: -109px;
    z-index: 1234;
}
.top-header-title-left {
    width: 50%;
    padding: 40px;
    background-color: rgba(0, 0, 31, 0.9);
    color: #fff;
    text-align: center;
}
.top-header-title-left h1 {
    text-align: center;
    font-size: 84px;
    margin-bottom: -28px;
}
.top-header-title-left h2 {
    text-align: center;
    font-size: 68px;
    margin-bottom: 0px;    
}
.under-line-red {
    height: 5px;
    width: 170px;
    margin: 0 auto;
    text-align: center;
    background-color: #87292a;
}
.top-header-title-right {
    width: 50%;
    padding: 10px;
    background-color: #333;
}
.top-header-title-right a {
    background-color: #87292a;
    padding: 0px 30px;
    display: block;
    text-decoration: none;
    transition: 0.3s;
}
.top-header-title-right a:hover {
    background-color: #953233;
}
.top-header-title-right a p {
    color: #fff;
    margin-bottom: 0;
    font-size: 40px;
}
.top-header-title-right a p:last-child {
    text-align: right;
    font-size: 52px;
    color:#fff;
    margin-bottom: 0;
    margin-top: -28px;
}
.top-header-title-right a p i {
    padding-left: 15px;
    font-size: 40px;
}
.innovation-district-detail {
    padding-top: 24px;
    padding-bottom: 50px;
    padding-right: 30px;
}
.innovation-district-detail h1 {
    font-size: 110px;
    font-weight: bold;
    margin-bottom: 0;
}
.innovation-district-detail .under-line {
    width: 120px;
    height: 5px;
    background-color: #dd8d16;
    margin-top: -23px;
}
.innovation-district-detail h2 {
    font-size: 84px;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: -9px;
}
.innovation-district-detail p {
    font-size: 24px;
    line-height: 36px;
}
.innovation-district-vdo {
    padding-top: 68px;
    padding-bottom: 50px;
}

/*  Innovation Tabs */

.innovation-tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color:#495057;
    background-color:#fff;
    border-color:#dee2e6 #dee2e6 #fff;
}
.innovation-tabs .nav-tabs .nav-link {
    border: 0px solid transparent;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    width: 16.666%;
    text-align: center;
    position: relative;
    padding: 0;
}
.innovation-tabs .nav-tabs .nav-link span {
    position: absolute;
    display: block;
    background-color: rgba(0, 0, 0, .7);
    z-index: 1;
    bottom: 0;
    width: 100%;
    color: #fff;
    font-size: 46px;
    padding-top: 3px;
    padding-bottom: 3px;
    transition: 0.3s;
}
.innovation-tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover span {
    opacity: 0.8;
}
.innovation-tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active span {
    height: 100%;
    /* bottom: auto; */
    bottom: 0px;
    padding-top: 70%;
}
.innovation-tabs .tab-content {
    margin-top: 24px;
    margin-bottom: 30px;
}
.innovation-tabs .tab-content .tab-pane {
    height: 400px;
    background-color: #e7e7e8;
    text-align: center;
    font-size: 22px;
}

.innovation-box{
    display: block;
    float: left;
    width: 100%;
}
/* Filter */

@media only screen and (min-width: 1170px) {
    .cd-header {
        height: 180px;
    }
    .cd-header h1 {
        line-height: 180px;
    }
}
.cd-main-content {
    position: relative;
    /* min-height: 100vh; */
}
.cd-main-content:after {
    content: "";
    display: table;
    clear: both;
}
.cd-main-content.is-fixed .cd-tab-filter-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.cd-main-content.is-fixed .main-body {
    padding-top: 76px;
}
.cd-main-content.is-fixed .cd-filter {
    position: fixed;
    height: 100vh;
    overflow: hidden;
    z-index: 999999999;
}
.cd-main-content.is-fixed .cd-filter form {
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.cd-main-content.is-fixed .cd-filter-trigger {
    position: fixed;
}
@media only screen and (min-width: 768px) {
    .cd-main-content.is-fixed .main-body {
        padding-top: 90px;
    }
}
@media only screen and (min-width: 1170px) {
    .cd-main-content.is-fixed .main-body {
        padding-top: 0px;
    }
}
  
/* -------------------------------- 
  
  xgallery 
  
  -------------------------------- */
/* .main-body {
    padding: 26px 5%;
    width: 100%;
} */
@media only screen and (min-width: 768px) {
    /* .main-body { */
        /* padding: 40px 3%; */
    /* } */
    /* .main-body ul {
        text-align: justify;
    } */
    /* .main-body ul:after {
         content: "";
        display: table;
        clear: both;
    } */
    /* .main-body li {
        width: 48%;
        margin-bottom: 2em;
    } */
}
@media only screen and (min-width: 1170px) {
    .main-body {
        padding: 0;
        float: right;
        -webkit-transition: width 0.3s;
        -moz-transition: width 0.3s;
        transition: width 0.3s;
        width: 100%;
    }
    /* .main-body li {
         width: 23%;
    } */
    .main-body.filter-is-visible {
      /* reduce width when filter is visible */
        width: 80%;
    }
    
}
  
/* -------------------------------- 
  
xfilter  จำเป็นต้องมี
  
-------------------------------- */
.cd-filter {
    position: absolute;
    top: 0;
    left: 0;
    /* width: 280px; */
    width: 318px;
    /* width: 20%; */
    height: 100%;
    background: #ffffff;
    box-shadow: 4px 4px 20px transparent;
    z-index: 2;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s;
    -moz-transition: -moz-transform 0.3s, box-shadow 0.3s;
    transition: transform 0.3s, box-shadow 0.3s;
}
.cd-filter::before {
    /* top colored bar */
    content: 'ค้นหาข้อมูลนวัตกรรม';
    position: absolute;
    top: 0px;
    left: 0;
    height: 50px;
    width: 100%;
    background-color:#055391;
    z-index: 2;
    font-size: 24px;
    color:#fff;
    padding-left: 54px;
    line-height: 52px;
    font-weight: 400;
    box-shadow: 0px 3px 8px rgba(0,0,0,.3);
}
.cd-filter form {
    padding: 70px 20px;
}
.cd-filter .cd-close {
    position: absolute;
    top: 0;
    right: 0px;
    height: 50px;
    line-height: 50px;
    width: 60px;
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
    background: #063b66;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    z-index: 3;
    text-decoration: none;
}
.cd-filter .cd-close:hover {
    background-color: #030231;
}
.no-touch .cd-filter .cd-close:hover {
    background: #32255f;
    text-decoration: none;
}
.cd-filter.filter-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
    background-color: #055391;
}
.cd-filter.filter-is-visible .cd-close {
    opacity: 1;
}
@media only screen and (min-width: 1170px) {
    .cd-filter {
        width: 20%;
        /* width: 318px; */
    }
    .cd-filter form {
        padding: 50px 10px 10px 10px;
    }
}
  
.cd-filter-trigger {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    line-height: 50px;
    width: 60px;
    /* image replacement */
    overflow: hidden;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap;
    z-index: 3;
}
.cd-filter-trigger.filter-is-visible {
    pointer-events: none;
}
@media only screen and (min-width: 1170px) {
    .cd-filter-trigger {
      width: auto;
      left: 0;
      text-indent: 0;
      color: #fff;
      text-transform: uppercase;
      font-size: 1.3rem;
      font-weight: 700;
      padding-left: 16px;
      padding-right: 18px;
      background-position: left center;
      -webkit-transition: color 0.3s;
      -moz-transition: color 0.3s;
      transition: 0.3s;
      background-color: #055391;
    }
    .no-touch .cd-filter-trigger:hover {
      color: #fff;
    }
    .cd-filter-trigger:hover {
        color: #fff;
        background-color: #020331;
    }
    .cd-filter-trigger.filter-is-visible, .cd-filter-trigger.filter-is-visible:hover {
      color: #ffffff;
    }
}
@media only screen and (max-width: 1170px) {
    .cd-filter-trigger {
        width: auto;
        left: 0;
        text-indent: 0;
        color: #fff;
        text-transform: uppercase;
        font-size: 1.3rem;
        font-weight: 700;
        padding-left: 16px;
        padding-right: 18px;
        background-position: left center;
        -webkit-transition: color 0.3s;
        -moz-transition: color 0.3s;
        transition: 0.3s;
        background-color: #055391;
      }
      .no-touch .cd-filter-trigger:hover {
        color: #fff;
      }
      .cd-filter-trigger:hover {
          color: #fff;
          background-color: #020331;
      }
      .cd-filter-trigger.filter-is-visible, .cd-filter-trigger.filter-is-visible:hover {
        color: #ffffff;
      }
}


/* Inner Search */

.allSearch .card-header:first-child {
    border-radius: 0;
}
.allSearch .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: #030231;
    border-bottom: 0px solid rgba(0,0,0,0);
}
.allSearch .btn{
    color:#fff;
    width: 100%;
    text-align: left;
    font-size: 20px;
    font-weight: 400;
    padding: 12px 18px 12px 18px;
    transition: 0.3s;
    border-radius: 0;
    border: 0px solid transparent;
}
.allSearch .card-header .btn:after {
    content:"\f105";
    font-family: FontAwesome;
    top: 11px;
    right: 14px;
    font-weight: 300;
    position:absolute;
    transition: 0.3s;
}
.allSearch .card-header .btn[aria-expanded="true"]:after {
    /* content:"\f107"; */
    transform: rotate(90deg);
}
.allSearch .card-header:hover .btn:after,
.allSearch .card-header:focus .btn:after,
.allSearch .card-header:active .btn:after {
    transform: rotate(90deg);
    top: 11px;
}
.allSearch .btn:hover {
    background-color: #063b66;
}
.allSearch .btn.focus, .allSearch .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(0,123,255,0);
}
.show-all-data-box {
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color:#fff;
    padding-left: 54px;
}
.show-all-data-box .custom-control-label {
    line-height: 24px;
    padding-left: 4px;
    font-size: 20px;
}
.allSearch .card {
    border: 0px solid rgba(0,0,0,0);
    border-radius: 0;
    border-top: 2px solid #063b66;
    border-bottom: 2px solid #063b66;
}
.allSearch .custom-checkbox .custom-control-label::before {
    border-radius: 0;
    background-color:#e5e5e5;
    border-color:#dfdddd;
}
.allSearch .custom-control-label::after {
    top: 6px;
    left: -23px;
}
.allSearch .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0rem rgb(5, 83, 145);
}
.allSearch .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    width: 46px;
    height: 46px;
    left: -38px;
    top: -10px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23047f84' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

/* Inner Search box */
.allSearch .card-body {
    padding: 0px 16px 0px 16px;
}
.inner-search-box {
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color:#fff;
    padding-left: 38px;
    border-bottom: 2px solid #b8b8b8;
    margin-top: 1px;
}
.card-body .inner-search-box:last-child {
    border-bottom: 0px solid #b8b8b8;
}
.inner-search-box .custom-control-label {
    line-height: 24px;
    padding-left: 4px;
    font-size: 20px;
}
.second-inner-search-box {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 0px;
    background-color:#fff;
    padding-left: 30px;
}
.inner-search-box > .btn{
    color: #101010;
    font-size: 12px;
    text-align: right;
    padding: 4px 20px 0px 20px;
    background-color: transparent;
}
.inner-search-box .filter-view-more {
    transition: 0.3s;
}
.inner-search-box .filter-view-more:hover {
    color: #063b66;
    background-color: transparent;
}
.inner-search-box .filter-view-more:before {
    content:"\f107";
    font-family: FontAwesome;
    bottom: 13px;
    right: 2px;
    font-size: 16px;
    font-weight: 300;
    position:absolute;
    transition: 0.3s;
}

/* Main Body */
.search-tag-header h5 {
    padding-right: 15px;
    font-size: 26px;
    font-weight: 300;
    line-height: 24px;
    padding-left: 10px;
    padding-top: 4px;
}
.search-tag-header h5::before {
    /* content:"\f0b0";
    font-family: FontAwesome;
    top: 0px;
    left: 0px;
    font-size: 24px;
    font-weight: 300;
    position:absolute;
    transition: 0.3s; */
}
.search-tag-group {
    width: 100%;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 4px;
    border-radius: 6px;
    padding-right: 10px;
    z-index: 5;
}
.search-tag-box .search-tag-btn {
    color: #04022f;
    background-color: #fdfff8;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: 2px;
    margin-right: 2px;
    font-size: 18px;
    padding-bottom: 0px;
    padding-top: 0px;
    border: 0px solid transparent;
}

/* .search-tag-box .search-tag-btn::after {
    content:"x";
    bottom: 0px;
    right: 0px;
    font-size: 20px;
    padding-left: 4px;
    font-weight: 300;
    transition: 0.3s;
} */

.text-header-style-1 {
    margin-top: 50px;
    margin-bottom: 60px;
    position: relative;
}
.text-header-style-1 h1 {
    color: #fefffc;
    text-align: center;
    font-weight: 300;
    position: relative;
}
.text-header-style-1 h1 span:first-child {
    height: 2px;
    width: 100px;
    background-color: #fff;
    padding-right: 40px;
    display: inline-block;
    position: relative;
    top: -12px;
    right: 40px;
}
.text-header-style-1 h1 span:last-child {
    height: 2px;
    width: 100px;
    background-color: #fff;
    padding-left: 40px;
    display: inline-block;
    position: relative;
    top: -12px;
    left: 40px;
}
.text-header-style-1 h1 i {
    padding-right: 10px;
}
.export-btn {
    background-color: #035396;
    color: #fff;
    display: block;
    padding: 6px 14px;
    font-size: 28px;
    line-height: 20px;
    border-radius: 3px;
    border: 0px solo transparent;
    font-weight: normal;
}
.export-box {
    display: block;
    position: absolute;
    right: 0;
    top: 54px;
}
.export-btn::after {
    content:"\f107";
    font-family: FontAwesome;
    /* top: 11px; */
    /* right: 14px; */
    font-weight: 300;
    padding-left: 7px;
    font-size: 22px;
    position: relative;
    top: 2px;
}
.export-btn:hover {
    background-color: #0b67ac;
    color: #fff;
}
/* .text-header-style-1 h1::before {
    height: 2px;
    width: 100px;
    content:"";
    bottom: 24px;
    
    font-weight: 300;
    position:absolute;
    background-color: #fff;
    padding-right: 140px;
}
.text-header-style-1 h1::after {
    height: 2px;
    width: 100px;
    content:"";
    bottom: 0px;
    font-weight: 300;
    position:absolute;
    background-color: #fff;
} */

/* Map Section */
.map-search-section {
    background-image: url(../images/bg-zone4.png);
    background-size: cover;
    background-repeat: repeat;
    background-position: top center;
    padding-top: 40px;
    padding-bottom: 40px;
}
.map-search-body {
    background-color: #919191;
    height: 700px;
}

/* Entrepreneur Section */
.entrepreneur-section {
    background-image: url(../images/bg-zone3.png);
    background-size: cover;
    background-repeat: repeat;
    background-position: top center;
    padding-top: 40px;
}
.entre-type-group {
    margin-bottom: 30px;
}
.entre-chart {
    text-align: center;
    font-size: 60px;
    color: #fff;
}
.entre-title-2 h2{
    color:#fff;
    margin-bottom: 0;
    font-size: 68px;
    font-weight: normal;
    margin-top: -20px;
}
.under-line {
    width: 100px;
    height: 5px;
    background-color: #dd8d16;
    margin-bottom: 24px;
    margin-top: -6px;
}
.entre-chart-group .btn,
.entre-type-group .btn {
    display: block;
    width: 100%;
    border: 0px solid transparent !important;
    line-height: 1.3;
}
.entre-chart-group a {
    font-size: 50px;
    font-weight: 300;
    color: #fff;
    width: 100%;
    display: block;
    padding: 30px;
    margin-bottom: 10px;
    transition: 0.3s;
}
.entre-chart-group a:hover {
    opacity: 0.8;
    color: #fff;
}   
.entre-chart-point {
    background-color: #fff;
    border-radius: 6px;
    font-weight: 500;
}
.entre-row-2,
.entre-row-4 {
    margin-top: 30px;
}
.entre-row-2 .entre-col-1,
.entre-row-2 .entre-col-2 {
    width: 50%;
}
.entre-col-2 .btn {
    border-radius: 0;
}
.entre-chart-text h2 {
    text-align: left;
    font-size: 48px;
    margin-bottom: 0;
    color: #fff;
}
.entre-col-2 .entre-chart-point {
    font-size: 70px !important;
}
.entre-chart-text {
    width: 60%;
    display: block;
    z-index: 1;
}
.entre-col-1 .entre-chart-text,
.entre-col-2 .entre-chart-text {
    width: 65% !important;
}

.entre-chart-point {
    width: 40%;
    display: block;
}
.entre-chart-box-1 {
    position: relative;
    background-image: url(../images/bg-all1.png);
    background-size: cover;
    background-position: left center;
}
.entre-chart-box-1::before {
    background-color: rgba(19, 59, 102, .9);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 3px;
}
.entre-chart-box-1 .entre-chart-point {
    color: #133b66;
    font-weight: bold;
    font-size: 54px;
    z-index: 1;
}
.entre-chart-box-2 {
    position: relative;
    background-image: url(../images/bg-sme.png);
    background-size: cover;
    background-position: left center;
}
.entre-chart-box-2::before {
    background-color: rgba(222, 38, 66, .9);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 3px;
}
.entre-chart-box-2 .entre-chart-point {
    color: #de2642;
    font-weight: bold;
    font-size: 54px;
    z-index: 1;
}
.entre-chart-box-3 {
    /* background-color: #fe9901; */
    position: relative;
    background-image: url(../images/bg-visa.png);
    background-size: cover;
    background-position: left center;
}
.entre-chart-box-3::before {
    background-color: rgba(254, 153, 1, .9);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 3px;
}
.entre-chart-box-3 .entre-chart-point {
    color: #fe9901;
    font-weight: bold;
    font-size: 54px;
    z-index: 1;
}
.entre-chart-box-4 {
    /* background-color: #138394; */
    position: relative;
    background-image: url(../images/bg-other1.png);
    background-size: cover;
    background-position: left center;
}
.entre-chart-box-4::before {
    background-color: rgba(19, 131, 148, .9);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 3px;
}
.entre-chart-box-4 .entre-chart-point {
    color: #138394;
    font-weight: bold;
    font-size: 54px;
    z-index: 1;
}
.entre-chart-box-5 {
    padding: 30px; 
    /* background-color: #2b3a58; */
    position: relative;
    background-image: url(../images/bg-corporate.png);
    background-size: cover;
    background-position: left center;
    border: 0px;
    border-radius: 0;
}
.entre-chart-box-5::before {
    background-color: rgba(43, 58, 88, .9);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 0px;
}
.entre-chart-box-5 .entre-chart-point {
    width: 35% !important;
    color: #2b3a58;
    font-weight: bold;
    font-size: 70px;
    height: 100px;
    z-index: 1;
}
.entre-chart-box-6 {
    padding: 30px; 
    /* background-color: #923c3d; */
    position: relative;
    background-image: url(../images/bg-social.png);
    background-size: cover;
    background-position: left center;
    border: 0px;
    border-radius: 0;
}
.entre-chart-box-6::before {
    background-color: rgba(146, 60, 61, .9);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 0px;
}
.entre-chart-box-6 .entre-chart-point {
    width: 35% !important;
    color: #923c3d;
    font-weight: bold;
    font-size: 70px;
    height: 100px;
    z-index: 1;
}
.entre-type-group a {
    font-size: 36px;
    font-weight: 300;
    width: 100%;
    display: block;
    padding: 16px 22px;
    margin-bottom: 0px;
    transition: 0.3s;
    border-radius: 0px;
}
.entre-type-box-1 {
    background-color: #fff;
}
.entre-type-box-2 {
    background-color: #f2f2f2;
}  
.entre-type-box-1:hover,
.entre-type-box-2:hover {
    /* opacity: 0.8; */
    color: #030434;
}  

.entre-type-name {
    font-size: 28px;
    width: 70%;
    text-align: left;
    font-weight: normal;
    padding-top: 8px;
}
.entre-type-name i {
    font-size: 36px;
    padding-right: 20px;
    width: 60px;
    text-align: center;
    position: relative;
    top: 4px;
}
.entre-type-point {
    font-size: 44px;
    font-weight: bold;
    padding-right: 20px;
    width: 30%;
    text-align: right;
    position: relative;
}
.entre-type-text {
    font-size: 18px;
    width: 25%;
    text-align: right;
    position: relative;
    top: 12px;
}
.food-type {
    /* color: #fc9108; */
    color: #fff;
    background-color: #123c64;
}
.travel-type {
    /* color: #ba1931; */
    color: #fff;
    background-color: #336699;
}
.commu-type {
    /* color: #d9a7aa; */
    color: #fff;
    background-color: #144e8e;
}
.health-type {
    /* color: #0a888f; */
    color: #fff;
    background-color: #123c64;
}
.it-type {
    /* color: #0e3f71; */
    color: #fff;
    background-color: #336699;
}
.other-type {
    /* color: #215896; */
    color: #fff;
    background-color: #144e8e;
}
.chart-entre-compare {
    /* margin-top: 30px; */
    margin-bottom: 30px;
}
.entre-compare-header h4 {
    font-size: 36px;
    color: #fff;
    font-weight: 400;
    text-align: left;
    padding-left: 30px;
}
.entre-compare-header i {
    color: #fff;
    font-size: 52px;
    position: relative;
    /* top: 15px; */
}
/* .entre-compare-header h4::before {
    content:"\f108";
    font-family: FontAwesome;
    color: #fff;
    position: relative;
    padding-left: 5px;
    font-size: 40px;
} */
.entre-compare-body {
    background-color: #fff;
    text-align: center;
}
.entre-row-3 {
    margin-top: 44px;
}
.entre-row-3 a {
    opacity: 1;
    transition: 0.3s;
}
.entre-row-3 a:hover {
    opacity: 0.8;
}
.entre-and-inno,
.entre-and-funed,
.entre-corporation,
.entre-personal,
.entre-other {
    margin-bottom: 30px;
    position: relative;
}
.entre-and-inno a {
    position: relative;
    /* background-color: #299aa9; */
    background-image: url(../images/bg-f1.png);
    background-size: cover;
    background-position: left center;
    border-radius: .25rem;
    text-decoration: none;
    color: #fff;
    padding: 20px;
    font-size: 30px;
}
.entre-and-inno a::before {
    background-color: rgba(41, 154, 169, 0.9);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 3px;
}
.enter-row-3-icon i {
    font-size: 50px;
    padding-right: 20px;
    position: relative;
    top: 23px;
}
.entre-row-3-header {
    width: 60%;
    padding-right: 20px;
    padding-top: 8px;
    z-index: 1;
}

.entre-row-3-point1 {
    width: 40%;
    background-color: #fff;
    border-radius: 6px;
    font-size: 50px;
    color: #168c93;
    font-weight: bold;
    text-align: center;
    line-height: 94px;
    height: 90px;
    z-index: 1;
}
.entre-and-funed a {
    background-color: #284e72;
    position: relative;
    background-image: url(../images/bg-f2.png);
    background-size: cover;
    background-position: left center;
    border-radius: .25rem;
    text-decoration: none;
    color: #fff;
    padding: 20px;
    font-size: 30px;
}
.entre-and-funed a::before {
    background-color: rgba(40, 78, 114, 0.9);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 3px;
}
.entre-and-funed i {
    font-size: 50px;
    padding-right: 20px;
    position: relative;
    top: 23px;
}
.entre-row-3-point2 {
    width: 40%;
    background-color: #fff;
    border-radius: 6px;
    font-size: 50px;
    color: #04213f;
    font-weight: bold;
    text-align: center;
    line-height: 94px;
    height: 90px;
    z-index: 1;
}
.entre-corporation a {
    position: relative;
    background-image: url(../images/bg-f3.png);
    background-size: cover;
    background-position: left center;
    border-radius: .25rem;
    text-decoration: none;
    color: #fff;
    padding: 20px;
    font-size: 20px;
    background-color: #dc3956;
}
.entre-corporation a::before {
    background-color: rgba(220, 58, 76, 0.9);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 3px;
}
.entre-row-3-header p{
    font-size: 24px;
    margin-bottom: 0;
}
.entre-row-3-header span {
    font-size: 42px;
    font-weight: 300;
    display: block;
    margin-top: -12px;
}
.entre-row-3-point3 {
    width: 40%;
    background-color: #fff;
    border-radius: 6px;
    font-size: 50px;
    color: #cf1030;
    font-weight: bold;
    text-align: center;
    line-height: 94px;
    height: 90px;
    z-index: 1;
}
.entre-personal a {
    position: relative;
    background-image: url(../images/bg-f4.png);
    background-size: cover;
    background-position: left center;
    border-radius: .25rem;
    text-decoration: none;
    color: #fff;
    padding: 20px;
    font-size: 20px;
    /* background-color: #3a6ca1; */
}
.entre-personal a::before {
    background-color: rgba(58, 108, 161, 0.9);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 3px;
}
.entre-row-3-point4 {
    width: 40%;
    background-color: #fff;
    border-radius: 6px;
    font-size: 50px;
    color: #1960a0;
    font-weight: bold;
    text-align: center;
    line-height: 94px;
    height: 90px;
    z-index: 1;
}
.entre-other a {
    position: relative;
    background-image: url(../images/bg-f5.png);
    background-size: cover;
    background-position: left center;
    border-radius: .25rem;
    text-decoration: none;
    color: #fff;
    padding: 20px;
    font-size: 20px;
    /* background-color: #248a97; */
}
.entre-other a::before {
    background-color: rgba(36, 138, 151, 0.9);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 3px;
}
.entre-row-3-point5 {
    width: 40%;
    background-color: #fff;
    border-radius: 6px;
    font-size: 50px;
    color: #288fa2;
    font-weight: bold;
    text-align: center;
    line-height: 94px;
    height: 90px;
    z-index: 1;
}

/* Innovation Data Section */
.innovation-data-section {
    padding-top: 30px;
    background-image: url(../images/bg2.jpg);
    background-size: cover;
    background-repeat: repeat;
    background-position: top center;
    padding-bottom: 30px;
}
.text-header-style-2 {
    margin-top: 50px;
    margin-bottom: 60px;
    position: relative;
}
.text-header-style-2 h1 {
    color: #00467a;
    text-align: center;
    font-weight: 300;
    position: relative;
}
.text-header-style-2 h1 span:first-child {
    height: 2px;
    width: 100px;
    background-color: #00467a;
    padding-right: 40px;
    display: inline-block;
    position: relative;
    top: -12px;
    right: 40px;
}
.text-header-style-2 h1 span:last-child {
    height: 2px;
    width: 100px;
    background-color: #00467a;
    padding-left: 40px;
    display: inline-block;
    position: relative;
    top: -12px;
    left: 40px;
}
.text-header-style-2 h1 i {
    padding-right: 10px;
}
.innovation-data-title {
    padding-left: 30px;
    /* border-left: 5px solid #990033; */
    margin-bottom: 40px;
    position: relative;
}
.innovation-data-title .underline {
    height: 120px;
    width: 5px;
    background-color: #990033; 
    position: absolute;
    top: 24px;
    left: 0;
}
.innovation-data-title h1 {
    font-size: 76px;
    font-weight: normal;
    margin-bottom: 0;
    color: #030331;
    
} 
.innovation-data-title h2 {
    font-size: 68px;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: -9px;
    color: #990033;
}
.inno-data-body a {
    opacity: 1;
    transition: 0.3s;
    text-decoration: none;
    text-align: center;
    color: #fff;
    display: block;
}
.inno-data-body a:hover {
    opacity: 0.8;
}
.inno-title-style-1 {
    width: 60%;
    font-size: 54px;
    text-align: left;
    font-weight: normal;
    line-height: 1.1 !important;
}

.inno-total .inno-title-style-1 {
    margin-bottom: 0px;
}
.inno-title-style-2 {
    color:#fff;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 18px;
    position: relative;
    z-index: 1;
}
.inno-title-style-2 p:first-child {
    margin-bottom: -9px;
    font-size: 36px;
	line-height: 36px;
}
.inno-title-style-2 p:last-child {
    margin-bottom: -25px;
    font-size: 42px;
}
.inno-total,
.inno-for-eco,
.inno-for-com {
    margin-bottom: 30px;
}
.inno-total a {
    /* background-color: #244a71; */
    border-radius: .25rem;
    text-decoration: none;
    padding: 30px;
    position: relative;
    background-image: url(../images/bg-all2.png);
    background-size: cover;
    background-position: left center;
}
.inno-total-box .inno-result,
.inno-total-box .inno-title-2 {
    width: 40%;
}
.inno-total-box .inno-result {
    background-color: #fff;
    border-radius: 6px;
    font-size: 80px;
    color: #0099cc;
    font-weight: bold;
    text-align: center;
    line-height: 116px;
    height: 110px;
}
.inno-total-box .inno-title-2 {
    line-height: 75px;
    font-size: 32px;
    font-weight: 300;
}

.inno-for-eco a {
    /* background-color: #d53856; */
    background-image: url(../images/bg-c2.png);
    background-size: cover;
    background-position: center left;
    position: relative;
    border-radius: .25rem;
    text-decoration: none;
    padding: 15px 20px;
}
.inno-for-eco a::before {
    background-color: rgba(213, 56, 86, 0.9);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
	border-radius: 0.25rem;
}
.inno-for-eco-result {
    background-color: #fff;
    border-radius: 6px;
    font-size: 50px;
    color: #d53856;
    text-align: center;
    line-height: 65px;
    z-index: 1;
    position: relative;
}
.inno-for-com a {
    /* background-color: #58c5c7; */
    background-image: url(../images/bg-เพื่อเศรษฐกิจ.png);
    background-size: cover;
    background-position: center left;
    position: relative;
    border-radius: .25rem;
    text-decoration: none;
    padding: 15px 20px;
}
.inno-for-com a::before {
    background-color: rgba(88, 197, 199, 0.9);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
	border-radius: 0.25rem;
}
.inno-for-com-result {
    background-color: #fff;
    border-radius: 6px;
    font-size: 50px;
    color: #58c5c7;
    font-weight: 500;
    text-align: center;
    line-height: 65px;
    z-index: 1;
    position: relative;
}

/* Growth Section */
.growth-section {
    padding-top: 40px;
    background-image: url(../images/bg-zone6.png);
    background-size: cover;
    background-repeat: repeat;
    background-position: bottom center;
    padding-bottom: 30px;
}
.all-growth-chart {
    margin-top: 10px;
    padding: 20px;
    background-color: #eaeaea;
}
.growth-table-container {
    padding: 30px 30px 20px 30px;
    background-color: #fff;
}
.growth-title {
    position: relative;
}
.growth-title  .export-box {
    top: 25px;
}
.growth-title h2 {
    color: #fff;
    margin-bottom: 0;
    font-size: 68px;
    font-weight: normal;
}
.growth-title .under-line {
    width: 100px;
    height: 5px;
    background-color: #dd8d16;
    margin-bottom: 24px;
    margin-top: 10px;
}
.blue-chart-title h4 {
    color: #030331;
    font-size: 30px;
    font-weight: 300;
}
.red-chart-title h4 {
    color: #1b4e85;
    font-size: 30px;
    font-weight: 300;
}
.red-chart-title h4 i {
    padding-right: 15px;
    font-size: 38px;
    position: relative;
    top: 4px;
}
.blue-chart-title h4 i {
    padding-right: 15px;
    font-size: 38px;
    position: relative;
    top: 4px;
}

.blue-chart-growth,
.red-chart-growth {
    margin-top: 20px;
    background-color: #fff;
    text-align: center;
    padding: 30px;
    margin-bottom: 20px;
}

/* Blue Chart */
.blue-chart-table {
    margin-bottom: 10px;
}
.blue-head-table-col-1 {
    width: 32%;
    font-size: 19px;
    line-height: 60px;
}
.blue-head-table-col-1::before {
    content:"";
    width: 16px;
    height: 16px;
    background-color: #030331;
    display: inline-block;
    position: relative;
}
.blue-head-table-col-2 {
    width: 39%;
    text-align: center;
    border-radius: 3px;
    background-color: #f2f2f2;
    color: #030331;
    font-weight: bold;
    font-size: 40px;
}
.blue-head-table-col-3 {
    width: 29%;
    text-align: center;
    color: #028853;
    font-size: 20px;
    position: relative;
    top: 12px;
}
.blue-head-table-col-3 i{
    font-size: 28px;
    color: #028853;
    position: relative;
    top: 4px;
    padding-right: 10px;
}
.blue-chart-body {
    margin-top: 20px;
    margin-top: 20px;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,.10);
}
.blue-chart-body-title-1 {
    padding: 6px 15px 6px 15px;
    width: 11%;
    background-color: #030331;
    font-size: 20px;
    text-align: center;
    color: #fff;
}
.blue-chart-body-title-2 {
    padding: 6px 15px 6px 15px;
    width: 50%;
    background-color: #030331;
    font-size: 20px;
    text-align: center;
    color: #fff;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
}
.blue-chart-body-title-3 {
    padding: 6px 15px 6px 15px;
    width: 39%;
    background-color: #030331;
    font-size: 20px;
    text-align: center;
    color: #fff;
}
.blue-chart-body-text {
    background-color: #fff;
    font-size: 20px;s
}
.blue-chart-body-text:nth-of-type(2n+0) {
    background-color: #f2f2f2;
}
.blue-chart-body-text-1 {
    padding: 10px 15px 10px 15px;
    width: 11%;
    text-align: center;
}
.blue-chart-body-text-2 {
    padding: 10px 15px 10px 15px;
    width: 50%;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    text-align: left;
}
.blue-chart-body-text-3 {
    padding: 10px 15px 10px 15px;
    width: 39%;
}
.blue-chart-body-text-3 p {
    text-align: right;
    margin-bottom: 0;
    color: #028853;
}
.blue-chart-body-text-3 p span {
    padding-right: 10px;
    color: #000;
}
.blue-chart-body-text-3 p span:after {
    content: "";
    width: 2px;
    height: 14px;
    background-color: #5c5e5e;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: 2px;
}
.blue-chart-body-text-3 p i {
    color: #028853;
    font-size: 20px;
    padding-right: 10px;
    position: relative;
    top: 2px;
}
.blue-chart-readmore-btn {
    margin-top: 10px;
    border-radius: 0;
    width: 100%;
    text-align: center;
    border: 0px solid transparent;
    font-size: 18px;
    color: #fff;
    background-color: #030331;
    transition: 0.3s;
}
.blue-chart-readmore-btn::after {
    content:"\f107";
    font-family: FontAwesome;
    color: #fff;
    position: relative;
    padding-left: 5px;
    top: 2px;
}
.blue-chart-readmore-btn:hover {
    color: #fff;
    opacity: 0.9;
}


/* Red Chart */
.red-chart-table {
    margin-bottom: 10px;
}
.red-head-table-col-1 {
    width: 32%;
    font-size: 19px;
    line-height: 60px;
}
.red-head-table-col-1::before {
    content:"";
    width: 16px;
    height: 16px;
    background-color: #1b4e85;
    display: inline-block;
    position: relative;
}
.red-head-table-col-2 {
    width: 39%;
    text-align: center;
    border-radius: 3px;
    background-color: #f2f2f2;
    color: #1b4e85;
    font-weight: bold;
    font-size: 40px;
}
.red-head-table-col-3 {
    width: 29%;
    text-align: center;
    color: #028853;
    font-size: 20px;
    position: relative;
    top: 12px;
}
.red-head-table-col-3 i{
    font-size: 28px;
    color: #028853;
    position: relative;
    top: 4px;
    padding-right: 10px;
}
.red-chart-body {
    margin-top: 20px;
    margin-top: 20px;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,.10);
}
.red-chart-body-title-1 {
    padding: 6px 15px 6px 15px;
    width: 11%;
    background-color: #1b4e85;
    font-size: 20px;
    text-align: center;
    color: #fff;
}
.red-chart-body-title-2 {
    padding: 6px 15px 6px 15px;
    width: 50%;
    background-color: #1b4e85;
    font-size: 20px;
    text-align: center;
    color: #fff;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
}
.red-chart-body-title-3 {
    padding: 6px 15px 6px 15px;
    width: 39%;
    background-color: #1b4e85;
    font-size: 20px;
    text-align: center;
    color: #fff;
}
.red-chart-body-text {
    background-color: #fff;
    font-size: 20px;
}
.blue-chart-body-text:nth-of-type(2n+0) {
    background-color: #f2f2f2;
}
.red-chart-body-text-1 {
    padding: 10px 15px 10px 15px;
    width: 11%;
    text-align: center;
}
.red-chart-body-text-2 {
    padding: 10px 15px 10px 15px;
    width: 50%;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    text-align: left;
}
.red-chart-body-text-3 {
    padding: 10px 15px 10px 15px;
    width: 39%;
}
.red-chart-body-text-3 p {
    text-align: right;
    margin-bottom: 0;
    color: #028853;
}
.red-chart-body-text-3 p span {
    padding-right: 10px;
    color: #000;
}
.red-chart-body-text-3 p span:after {
    content: "";
    width: 2px;
    height: 14px;
    background-color: #5c5e5e;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: 2px;
}
.red-chart-body-text-3 p i {
    color: #028853;
    font-size: 20px;
    padding-right: 10px;
    position: relative;
    top: 2px;
}
.red-chart-readmore-btn {
    margin-top: 10px;
    border-radius: 0;
    width: 100%;
    text-align: center;
    border: 0px solid transparent;
    font-size: 18px;
    color: #fff;
    background-color: #1b4e85;
    transition: 0.3s;
}
.red-chart-readmore-btn::after {
    content:"\f107";
    font-family: FontAwesome;
    color: #fff;
    position: relative;
    padding-left: 5px;
    top: 2px;
}
.red-chart-readmore-btn:hover {
    color: #fff;
    opacity: 0.9;
}

/* Performance Section */
.perfomance-section {
    padding-top: 40px;
    background-image: url(../images/bg-zone7.png);
    background-color: #ededed;
    background-size: cover;
    background-repeat: repeat;
    background-position: top center;
    padding-bottom: 30px;
}
.performance-header-title {
    position: relative;
    margin-bottom: 30px;
}
.performance-header-title .export-box {
    top: 25px;
}
.performance-header-title h2 {
    color: #fff;
    margin-bottom: 0;
    font-size: 68px;
    font-weight: normal;
}
.performance-header-title .under-line {
    width: 100px;
    height: 5px;
    background-color: #990033;
    margin-bottom: 24px;
    margin-top: 10px;
}
.performance-box-1,
.performance-box-2,
.performance-box-3 {
    padding: 30px 30px 30px 10px;
    margin-bottom: 0px;
}
.performance-box-1 ul li,
.performance-box-2 ul li,
.performance-box-3 ul li {
    width: 100%;
    color: #fff;
    padding-bottom: 0;
    margin-bottom: 10px;
}
.performance-box-1 {
    background-color: #1b497a;
    background-image: url(../images/bg-c4.png);
    background-color: #ededed;
    background-size: cover;
    background-repeat: repeat;
    background-position: top center;
}
.performance-box-2 {
    background-color: #872929;
    background-image: url(../images/bg-c1.png);
    background-color: #ededed;
    background-size: cover;
    background-repeat: repeat;
    background-position: top center;
}
.performance-box-3 {
    background-color: #585858;
    background-image: url(../images/bg-c3.png);
    background-color: #ededed;
    background-size: cover;
    background-repeat: repeat;
    background-position: top center;
}
.performance-box-1 ul,
.performance-box-2 ul,
.performance-box-3 ul {
    padding-left: 55px;
}
.performance-box-1 ul li a,
.performance-box-2 ul li a,
.performance-box-3 ul li a {
    color: #fff;
    font-size: 20px;
    padding-left: 10px;
}
.performance-title {
    font-size: 20px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 24px;
    padding-left: 30px;
}
.performance-title i {
    font-size: 32px;
    position: relative;
    top: 4px;
    padding-right: 15px;
}

/* Performance Table 1 */
.performance-table-1 .p-table-header-1 {
    background-color: #123c64;
}
.p-table-header-1 .p-header-col-1 {
    width: 12%;
    border: 1px solid #06234d;
    text-align: center;
    padding: 10px 10px;
    color: #fff;
    font-size: 18px;
}
.p-table-header-1 .p-header-col-2 {
    width: 88%;
    border-right: 1px solid #06234d;
    border-top: 1px solid #06234d;
    border-bottom: 1px solid #06234d;
    text-align: center;
    padding: 10px 10px;
    color: #fff;
    font-size: 18px;
}
.p-table-body-1 {
    background-color: #fff;
}
.p-table-body-1 a {
    color: #000;
    font-size: 14px;
    text-decoration: none;
    transition: 0.3s;
    opacity: 1;
    display: block;
}
.p-table-body-1 a:hover {
    opacity: 0.8;
    background-color: #dedede;
}
.p-table-body-1 a .p-body-col-1 {
    width: 12%;
    border-right: 1px solid #06234d;
    border-left: 1px solid #06234d;
    border-bottom: 1px solid #06234d;
    text-align: center;
    padding: 10px 10px;
}
.p-table-body-1 a .p-body-col-2 {
    width: 88%;
    border-right: 1px solid #06234d;
    border-bottom: 1px solid #06234d;
    text-align: left;
    padding: 10px 10px;
}
.p-1-readmore-btn {
    margin-top: 10px;
    border-radius: 0;
    width: 100%;
    text-align: center;
    font-size: 18px;
    border: 0px solid transparent;
    color: #fff;
    background-color: #1b497a;
    transition: 0.3s;
}
.p-1-readmore-btn::after {
    content:"\f107";
    font-family: FontAwesome;
    color: #fff;
    position: relative;
    padding-left: 4px;
    top: 2px;
}
.p-1-readmore-btn:hover {
    color: #fff;
    opacity: 0.9;
}

/* Performance Table 2 */

.performance-table-2 .p-table-header-2 {
    background-color: #872929;
}
.p-table-header-2 .p-header-col-1 {
    width: 12%;
    border: 1px solid #06234d;
    text-align: center;
    padding: 10px 10px;
    color: #fff;
    font-size: 18px;
}
.p-table-header-2 .p-header-col-2 {
    width: 88%;
    border-right: 1px solid #06234d;
    border-top: 1px solid #06234d;
    border-bottom: 1px solid #06234d;
    text-align: center;
    padding: 10px 10px;
    color: #fff;
    font-size: 18px;
}
.p-table-body-2 {
    background-color: #fff;
}
.p-table-body-2 a {
    color: #000;
    font-size: 14px;
    text-decoration: none;
    transition: 0.3s;
    opacity: 1;
    display: block;
}
.p-table-body-2 a:hover {
    opacity: 0.8;
    background-color: #dedede;
}
.p-table-body-2 a .p-body-col-1 {
    width: 12%;
    border-right: 1px solid #06234d;
    border-left: 1px solid #06234d;
    border-bottom: 1px solid #06234d;
    text-align: center;
    padding: 10px 10px;
}
.p-table-body-2 a .p-body-col-2 {
    width: 88%;
    border-right: 1px solid #06234d;
    border-bottom: 1px solid #06234d;
    text-align: left;
    padding: 10px 10px;
}
.p-2-readmore-btn {
    margin-top: 10px;
    border-radius: 0;
    width: 100%;
    text-align: center;
    border: 0px solid transparent;
    font-size: 18px;
    color: #fff;
    background-color: #872929;
    transition: 0.3s;
}
.p-2-readmore-btn::after {
    content:"\f107";
    font-family: FontAwesome;
    color: #fff;
    position: relative;
    padding-left: 4px;
    top: 2px;
}
.p-2-readmore-btn:hover {
    color: #fff;
    opacity: 0.9;
}

/* Performance Table 3 */

.performance-table-3 .p-table-header-3 {
    background-color: #3e909b;
}
.p-table-header-3 .p-header-col-1 {
    width: 12%;
    border: 1px solid #06234d;
    text-align: center;
    padding: 10px 10px;
    color: #fff;
    font-size: 18px;
}
.p-table-header-3 .p-header-col-2 {
    width: 88%;
    border-right: 1px solid #06234d;
    border-top: 1px solid #06234d;
    border-bottom: 1px solid #06234d;
    text-align: center;
    padding: 10px 10px;
    color: #fff;
    font-size: 18px;
}
.p-table-body-3 {
    background-color: #fff;
}
.p-table-body-3 a {
    color: #000;
    font-size: 14px;
    text-decoration: none;
    transition: 0.3s;
    opacity: 1;
    display: block;
}
.p-table-body-3 a:hover {
    opacity: 0.8;
    background-color: #dedede;
}
.p-table-body-3 a .p-body-col-1 {
    width: 12%;
    border-right: 1px solid #06234d;
    border-left: 1px solid #06234d;
    border-bottom: 1px solid #06234d;
    text-align: center;
    padding: 10px 10px;
}
.p-table-body-3 a .p-body-col-2 {
    width: 88%;
    border-right: 1px solid #06234d;
    border-bottom: 1px solid #06234d;
    text-align: left;
    padding: 10px 10px;
}
.p-3-readmore-btn {
    margin-top: 10px;
    border-radius: 0;
    width: 100%;
    text-align: center;
    border: 0px solid transparent;
    font-size: 18px;
    color: #fff;
    background-color: #585858;
    transition: 0.3s;
}
.p-3-readmore-btn::after {
    content:"\f107";
    font-family: FontAwesome;
    color: #fff;
    position: relative;
    padding-left: 4px;
    top: 2px;
}
.p-3-readmore-btn:hover {
    color: #fff;
    opacity: 0.9;
}


/* ================================= */
/* ========     Footer     ======== */
/* =============================== */
.footer-contact { padding-top: 40px; }
.sub-footer {
    padding-top: 46px;
    padding-bottom: 46px;
    background-color: #fff;
}
.footer-bottom {
    /* padding-top: 30px; */
    color: #fff;
    background-color: #000;
    text-align: center;
    position: relative;
}
.footer-bottom .image-icon:not(:last-child){
    margin-right: 35px;
}
.footer-bottom [class^="col-"]{
    margin-bottom: 30px;
}
.footer-bottom [class^="col-"]:last-child{
    margin-bottom: 0;
}
.footer-bottom a.text-link{
    text-decoration: underline;
}
.footer-bottom a.text-link:not(:last-child){
    margin-right: 30px;
}
.footer-bottom [class^="col-"]:last-child p{
    font-size: 16px;
}
.footer-bottom p {
    margin: auto;
}

.footer-bottom p,
.footer-bottom a
{
    color: #CCCCCC;
    font-size: 21px;
    line-height: 1.2;
    margin-top: 20px;
}

.footer-address h5 {
    font-weight: 400;
}
.footer-address p {
    font-weight: 300;
    font-size: 14px;
}
.sub-social h5 {
    top: 10px;
    position: relative;
    padding-right: 10px;
    border-right: 2px solid #fff;
}
.sub-social a {
    margin-left: 10px;
} 
.footer-copy-right {
    padding-top: 20px;
    padding-bottom: 20px;
}
.footer-copy-right p {
    font-size: 12px;
    margin-bottom: 0;
}
.user-view p {
    text-align: right;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: -6px;
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1410.98px) {
    .navbar-style-1 .navbar-nav .nav-item {
        /* font-size: 22px; */
    }
    .navbar-brand img {
        width: 250px;
    }
}
@media (max-width: 1199.98px) {
    .navbar-style-1 .navbar-nav .nav-item {
        /* font-size: 16px; */
    }
    .navbar-brand img {
        width: 200px;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .navbar-ham .navbar-nav .nav-item {
        font-size: 22px;
        padding: 10px;
    }
    .topnav-box a {
        margin-left: 10px;
        margin-right: 10px;
        font-size: 12px;
    }
    .search-topLink i {
        padding-top: 7px;
    }
    .navbar-ham-style-1 {
        top: -40px;
    }
    /* footer */
    .sub-social h5 {
        top: 8px;
        font-size: 12px;
    }
    
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 767.98px) {
    .navbar-brand {
        margin-top: 26px;
    }
    .navbar-brand img {
        width: 120px;
    }
    /* footer */
    .sub-social h5 {
        top: 0px;
        font-size: 16px;
        border-right: 0px solid #fff;
        text-align: center;
    }
    .footer-address h5 {
        margin-top: 20px;
    } 
    .footer-address h5, .footer-address p {
        text-align: center;
    }
    .sub-social:nth-child(2) {
        margin: 0 auto;
        text-align: right;
        float: left;
        width: 33%;
    }
    /* .sub-social {
        margin: 0 auto;
    } */
    .sub-social:nth-child(3) {
        margin: 0 auto;
        text-align: center;
        float: left;
        width: 33%;
    }
    .sub-social:nth-child(4) {
        margin: 0 auto;
        text-align: left;
        float: left;
        width: 33%;
    }
    .sub-social a {
        margin-top: 10px;
        margin-left: 10px;
        display: block;
        margin-right: 10px;
    }
    .footer-copy-right p {
        text-align: center;
    }
    .user-view p {
        margin-top: 10px;
        text-align: center;
    }
    .footer-copy-right {
        margin-top: 10px;
    }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .navbar-brand {
        margin-top: 12px;
    }
    .topnav-box a {
        margin-left: 0px;
        margin-right: 10px;
        font-size: 10px;
    }
    .btn-plus, .btn-minus {
        width: 20px;
        height: 20px;
        line-height: 0.5;
        font-size: 12px;
    }
    .navbar-style-1 {
        padding-top: 26px;
    }
    .navbar-ham-style-1 {
        right: 10px;
    }
    .upsize-example {
        width: 20px;
        height: 20px;
        background-color: #cdcdcd;
        padding: 0px;
        border-radius: 0;
        border: 0px solid transparent;
        color:#fff;
        font-size: 12px;
        line-height: 1.7;
        text-align: center;
        vertical-align: top;
        display: inline-block;
        font-weight: 400;
    }
    .topnav-box:nth-child(3) {
        height: 20px;
        padding-right: 15px;
        border-right: 2px solid #e3e3e3;
        position: relative;
        top: 4px;
    }
    .topnav-box a {
        margin-left: 0px;
        margin-right: 10px;
        font-size: 10px;
        margin-left: 10px;
        margin-top: 3px;

    }
    /* carosel */
    .carousel-style-1 {
        margin-top: 111px;
    }
}
@media (max-width: 375.98px) {
    .navbar-brand {
        margin-top: 40px;
    }
    .topnav-box a {
        margin-left: 0px;
        margin-right: 10px;
        font-size: 10px;
    }
    .btn-plus, .btn-minus {
        width: 20px;
        height: 20px;
        line-height: 0.5;
        font-size: 12px;
    }
    .navbar-style-1 {
        padding-top: 26px;
    }
    .navbar-ham-style-1 {
        right: 10px;
    }
    .upsize-example {
        width: 20px;
        height: 20px;
        background-color: #cdcdcd;
        padding: 0px;
        border-radius: 0;
        border: 0px solid transparent;
        color:#fff;
        font-size: 12px;
        line-height: 1.7;
        text-align: center;
        vertical-align: top;
        display: inline-block;
        font-weight: 400;
    }
    .topnav-box:nth-child(3) {
        height: 20px;
        padding-right: 15px;
        border-right: 2px solid #e3e3e3;
        position: relative;
        top: 4px;
    }
    .topnav-box a {
        margin-left: 0px;
        margin-right: 10px;
        font-size: 10px;
        margin-left: 10px;
        margin-top: 3px;

    }
    .topnav-fn {
        display: block !important;
        /* float: right; */
        width: 100%;
    }
    .topnav-box:nth-child(1) {
        width: 75%;
        float: left;
        padding-left: 6px;
    }
    .topnav-box:nth-child(2) {
        width: 25%;
        float: left;
        text-align: right;
        padding-right: 3px;
    }
    .topnav-box:nth-child(3) {
        width: 75%;
        float: left;
        border-right: 0px solid#e3e3e3;
        position: relative;
        top: 9px;
        left: 16px;
    }
    .search-topLink {
        top: 5px;
    margin: 0 17px 0 auto !important;
    }
    .topnav-box:nth-child(4) {
        width: 25%;
        float: left;
        text-align: center;
        margin: 0 auto;
    }
    /* carosel */
    .carousel-style-1 {
        margin-top: 135px;
    }
}

#chart-1::before {
    background-image: url(../images/BG26.png);
    /* background-color:  #fff; */
    width: 450px;
    height: 450px;
    position: absolute;
    z-index: 0;
    content: '';
    border-radius: 300px;
    left: 0;
    right: 0;
    margin: auto auto;
    top: 0;
    bottom: 0;
    background-position: center;
    }
 
#chart-1-group{
  position: relative;
}
#chart-1-group > #chart-1-data {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  font-size: 24px;
  color: #000;
  text-align: center;
  z-index: 2;
  width: 50%;
  margin: 0 auto;
}
#chart-1-group > #chart-1-data > p{
    font-size: 32px;
}
#chart-1-group > #chart-1-data > p > i {
    font-size: 72px;
}

#chart-1-group > #chart-1-data > a {
    text-decoration: none;
    color: #000;

}

#chart-1-group > #chart-1-data > a > p#trader_total {
    font-size: 96px;
    line-height: 70px;
}

#chart-1-group > #chart-1-data > p#trader_total {
    font-size: 96px;
    line-height: 70px;
}

.text-cs-1{
    color: #d53856;
}
.text-cs-2{
    color: #133b66;
}
.text-cs-3{
    color: #f96e89;
}
.text-cs-4{
    color: #fe9901;
}
.text-cs-5{
    color: #138394;
}
.text-cs-6{
    color: #336699;
}


/**/
#innovation-tabs-1 .innovation-box {float: left;width: 100%;}
.header-section-style-1 .carousel .w-100 {
    height: 300px;
    object-fit: cover;
    /* width: 1344px !important; */
    margin: auto;
    background: #000000;
}
.carousel-inner { background: #000000; }
.home-top-section {padding-bottom: 2%;}
.innovation-tabs iframe {border: none;}
.innovation-district-detail h1 {font-size: 95px;}
.innovation-district-detail h2 {font-size: 75px;line-height: 70px;margin-top: -20px;}
.innovation-tabs .nav-tabs .nav-link span {font-size: 36px;}
.entrepreneur-section .entre-header h1 {font-size: 95px;}
.innovation-district-detail .under-line {margin-top: -5px;}
.entrepreneur-section .text-header-style-3 .under-line {margin-top: -14px;margin-bottom: 8px;}
.entrepreneur-section .text-header-style-3 h2 {font-size: 75px;}
.entre-body .entre-chart-group .entre-title-2 h2 {font-size: 64px;}
.entre-body .entre-chart-group a {padding: 20px 30px;}
.chart-entre-compare .entre-compare-header h4 {line-height: 34px;}
.entrepreneur-section .entre-type-group a {padding: 10px 22px;}
.entre-row-4 .entre-and-funed .entre-row-3-header {line-height: 30px;padding-top: 0px;}
.entre-row-4 .entre-and-inno .entre-row-3-header {line-height: 30px;}
.growth-title h2 {font-size: 65px;}
.growth-title .under-line {margin-top: 0px;}
.performance-header-title h2 {font-size: 60px;}
.performance-header-title .under-line {margin-top: 0px;}
.performance-title {font-size: 27px;padding-left: 10px;}
.performance-box-1, .performance-box-2, .performance-box-3 {padding: 20px 10px;}
.performance-box-1 ul, .performance-box-2 ul, .performance-box-3 ul {padding-left: 30px;}
.performance-box-1 ul li a, .performance-box-2 ul li a, .performance-box-3 ul li a {font-family: tahoma;font-size: 16px;}
.header-section-style-1 .navbar-brand img {width: 178px; height: 77px;}
/* .main-navbar .navbar-ham-style-1 {display:none;} */
.footer-address h5 {font-size: 25px;padding-top: 13px;}
.footer-address p {font-size: 17px;}
.footer-copy-right p {font-size: 12px;font-family: tahoma;}
.footer-copy-right {padding-top: 5px;}
.user-view span {font-family: tahoma;}

.inner-search-box .custom-control-label {font-size: 19px;font-family: "DBHelvethaicaX-Regular";}
/* .second-inner-search-box .custom-control-label {font-size: 15px;font-family: tahoma;} */
.cd-main-content.is-fixed .cd-filter form::-webkit-scrollbar-track
{/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/border-radius: 10px;background-color: #055391;}

.cd-main-content.is-fixed .cd-filter form::-webkit-scrollbar
{width: 12px;background-color: #055391;}

.cd-main-content.is-fixed .cd-filter form::-webkit-scrollbar-thumb
{border-radius: 10px;/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/background-color: #555;}

.filter-view-more {display:none;}

.entre-row-2 {margin-top: -25px;}
#descriptionchart3 { padding: 10px }
#descriptionchart3 li {margin-bottom: 0px;width:100%;font-size: 15px !important;text-align: left;padding-left: 10%;}
#descriptionchart3 li.size-s {color:#144E8E;}
#descriptionchart3 li.size-m {color:#87292A;}
#descriptionchart3 li.size-l {color:#1A818C;}



.main-body .plan-section .plan-box-1 a {padding: 20px 30px 10px 40px;font-size: 46px;line-height: 56px;}
.main-body .plan-section .plan-box-2 a {padding: 20px 30px 10px 40px;font-size: 46px;line-height: 56px;}


.main-body.filter-is-visible .plan-section .plan-box-1 a {padding: initial;}


.main-body.filter-is-visible .plan-section .plan-box-1 {padding-left: 20%;padding-top:2%;}
.innovation-district-2 .innovation-district-detail h2 {font-size: 55px !important;color: #123C64;}
.innovation-district-2 .innovation-district-detail h3 {font-size: 39px !important;}
.innovation-district-2 .innovation-district-detail p {font-size: 22px;line-height: 29px;}
.innovation-district-2 iframe {border: none;}
.innovation-district-2 .innovation-district-detail {padding-bottom: 0px;}
.innovation-district-2 .innovation-district-vdo {padding-top: 25px;}
.innovation-district-2 .innovation-style-2 {margin-top: 10px;padding-bottom: 20px;}
.innovation-district-2 .innovation-style-2 .innovation-nav .slick-list {padding: 0px 0px;}
.innovation-district-2 .innovation-style-2 .innovation-nav .slick-list .innovation-nav-btn {margin-left: 5px;margin-right: 5px;}
.province-map-content h3 span.last {font-size: 60px;}
.province-map-content p {font-size: 23px !important;line-height: 30px !important;}
.province-map-content h2 span {font-size: 45px;padding-left: 0px !important;}
.province-map-content h2 {line-height: 50px;}
.province-map-content h3 {line-height: 72px;}
.plan-box-1 a .under-line {margin-bottom: 10px !important;}

.main-body.filter-is-visible .innovation-district-2 {padding-left: 2%;}
.main-body.filter-is-visible .entrepreneur-section2 {padding-left: 2%;}
.province-map-content {background-color: rgba(255, 255, 255, 0.86)!important;}

.search-warpper2 .search-tag-group {padding-left: 5% !important;margin-bottom: 0px !important;padding-top: 10px !important;background-color: #030331;border-radius: 0;}
.main-body.filter-is-visible .search-warpper2 .search-tag-group {padding-left: 0% !important;}

/**/
.entrepreneur-section2 .entre-header h1 {font-size: 78px;}
.entrepreneur-section2 .text-header-style-3 .under-line {margin-top: 0px;}
.entrepreneur-section2 .search-tag-group {margin-bottom: 20px;margin-top: 20px;}
.innovation-district-2 .innovation-district-detail h1 {font-size: 58px !important;}
.entrepreneur-section2 .entre-row-2 {margin-top: 0px;}
.entre-row-4 {margin-top: 5px;}
.red-chart-body-text .red-chart-body-text-1 , .red-chart-body-text .red-chart-body-text-2 ,.red-chart-body-text .red-chart-body-text-3 {font-family: tahoma;font-size: 15px;}
.red-chart-body-text-3 p span , .red-chart-body-text-3 p {font-family: tahoma;font-size: 13px;text-align: center;}
.red-chart-body-text-3 {padding: 10px 5px 10px 5px;}
.blue-chart-body-group .red-chart-body-text:nth-child(even) {background-color: #f8f8f8;}
.red-chart-body-group .red-chart-body-text:nth-child(even) {background-color: #f8f8f8;}

.innovation-district-2 .innovation-nav-btn div {background-color: #2323234d;}
.slick-current:after {border-top-color: #25335063;}
.innovation-district-2 .innovation-nav-btn.slick-current div {background-color: #253350b0;}
.innovation-district-2 .innovation-nav-btn div {line-height: 29px;padding-top: 26px;height: 110px;}
.infra-status-group .infra-status-result p , .infra-status-group .infra-status-result span {font-family: tahoma;font-size: 15px !important;}
.infra-edu-title p {line-height: 33px;}
.infra-edu-title {min-height: 100px !important;}
.innovation-data-section {padding-bottom: 0px;}
.dark-style-title h2 {font-size: 43px !important;text-align: center;margin-bottom: 15px !important;color: #112F4C; font-family: "Prompt" !important;}
.dark-style-title h2 .lineword { letter-spacing: -3px;margin-right: 37px;margin-left: 37px;}
.all-startup-operator h1 {font-weight: bold !important;line-height: 54px;}
.all-startup-operator p:first-child {margin-bottom: 4px !important;}
.all-startup-operator h1 {margin-bottom: 0px;}
.startup-operator-col-1 h1, .startup-operator-col-2 h1, .startup-operator-col-3 h1, .startup-operator-col-4 h1, .startup-operator-col-5 h1, .startup-operator-col-6 h1
{margin-top: 0px !important;}
.startup-operator-col-1 p, .startup-operator-col-2 p, .startup-operator-col-3 p, .startup-operator-col-4 p, .startup-operator-col-5 p, .startup-operator-col-6 p
{font-size: 25px !important;padding-top: 13px;margin-bottom: 0px;}


.trader-table-section {margin-top: 0px !important;padding-bottom: 40px;background-image: url(../images/bg-zone2-2.png);background-size: cover;background-repeat: no-repeat;background-position: bottom center;}
.startup-data-section {padding-bottom: 0px !important;}
.table-borderless tbody tr:nth-child(even){background-color: #fff;}



.mainmenu001 {background: #f8f9fa!important;display: block;z-index: 999;position: relative;}
.mainmenu001 .main-navbar {position: initial !important; background: #144e8e; }
.mainmenu001 .main-navbar .navbar-style-1 {box-shadow: none;}
.mainmenu001 .main-navbar a { color: #fff; font-size: 15px; padding-right: 25px;}
.mainmenu001 .main-navbar .topnav-fn a { font-size: 13px; padding-right: 10px;}
.mainmenu001 .main-navbar .topnav-box a { padding-left: 10px;}

.mainmenu001 .sec-img-logo { display: none;}

.top-header-title-left {padding: 10px 40px 20px;}
.top-header-title-right {padding: 0px;background-color: transparent;}
.top-header-title-right a p:last-child {text-align: center;font-size: 46px;margin-top: -22px;}
.top-header-title-right a p {text-align: center;font-size: 37px;}
.top-header-title-left h1 {font-size: 80px;}
.top-header-title {margin-top: -184px;}
.innovation-tabs .nav-tabs .nav-link span {bottom: 42%;background-color: rgba(0, 0, 0, 0.5);}
.innovation-tabs .nav-tabs .nav-link.active span {bottom: 0%;}
.innovation-tabs .nav-tabs .nav-link img {height: 330px;object-fit: cover;width: 100%;}
#carouselExampleIndicators {display: block;}
/* .provincefix {position: relative;z-index: 99;} */
.province-map-header {position: relative;z-index: 99;}

.innovation-slide .ind-box span {font-size: 50px;}
.innovation-style-2 .innovation-nav img {height: 110px;}
.innovation-style-2 .innovation-nav {display: block;width: 100%;}
.ind-box .ind-type {font-size: 35px !important;height: 50px !important; color: #030331 !important; padding-top: 10px; line-height: 44px;}
.ind-box .ind-name {font-size: 28px !important ; font-weight: normal !important; line-height: 27px !important; font-family: "DBHelvethaicaX-Regular";}
.ind-box .ind-location {line-height: 25px;font-family: tahoma;font-size: 15px !important;}

.innovation-district-detail-location .under-line {background-color: #990033;}
.innovation-district-detail-location h1 {font-size: 62px !important;}
.innovation-district-detail-location .ind-box {padding-top: 10px;}
.ind-box .ind-name {height: 80px !important;margin-bottom: 10px;}
.startupfix {position: relative;z-index: 99;}
.startup-data-section {position: relative;z-index: 99;}
.cd-filter-trigger {z-index: 9999999999;}
.startup-data-section {background-position-y: center !important;padding-bottom: 30px !important;}
#traderDataTable_filter, #projectDataTable_filter, #infrastructureDataTable_filter {position: absolute !important;top: -4.5%!important;right: 0px!important;}
.trader-title {color: #153758;}
/* #traderDataTable_wrapper, #projectDataTable_wrapper, #infrastructureDataTable_wrapper {padding-top: 20px;} */
#traderDataTable thead td {font-family: "tahoma" !important;font-size: 15px !important;color: #fff;}
/* #traderDataTable td {font-size: 15px;} */
#traderDataTable, #projectDataTable, #infrastructureDataTable {background: #ffffff;padding: 0px;border: none;}
.paginate_button.current {background: #055391!important;color: #ffffff !important;}
#traderDataTable_paginate .paginate_button.current {color: #ffffff !important;background: #055391!important}
#traderDataTable_paginate .paginate_button {background: #999999!important;color: #ffffff !important;}
#traderDataTable {margin-bottom: 10px}
/* #traderDataTable_info, #projectDataTable_info, #infrastructureDataTable_info {margin-left: 80px;} */
#traderDataTable_paginate .previous , #traderDataTable_paginate .next {display:none;}
#projectDataTable_paginate .previous , #projectDataTable_paginate .next {display:none;}
#infrastructureDataTable_paginate .previous , #infrastructureDataTable_paginate .next {display:none;}
#traderModal .modal-body tbody th , #traderModal .modal-body tbody td span {font-family: tahoma;font-size: 15px;}
#traderModal .modal-header {border-bottom: none;}
#projectDataTable_paginate .paginate_button.current {color: #ffffff !important;background: #055391!important}
#projectDataTable_paginate .paginate_button {background: #999999!important;color: #ffffff !important;}
#infrastructureDataTable_paginate .paginate_button.current {color: #ffffff !important;background: #055391!important}
#infrastructureDataTable_paginate .paginate_button {background: #999999!important;color: #ffffff !important;}
/* #traderDataTable {height: 1000px;} */
.startup-data-section {padding-top: 25px !important;}
.all-startup-data {margin-top: 15px;}
.startup-operator-col-3 {color: #fff !important;}
.innovation-slide-1 .ind-box {margin-top: 10px;}
/* .map-search-section {display:none;} */
.main-navbar .dropdown-item {font-size: 21px;}
    
.home-search-tag{width: 100%;  margin-left: 0px; background-color: #333333; }

#project-table td, #trader-table td, #network-table td{
    font-family: "tahoma" !important;font-size: 15px !important;
}
#project-table td a, #trader-table td a, #network-table td a{
    font-family: "tahoma" !important;font-size: 15px !important;color: #055391;
}
.province-of-innovation{
    position: absolute;
    bottom: 0;
}

.province-of-innovation h1{
    padding: 5px 45px;
    background: #030331;
    color: #fff;
    margin-bottom: 0;
}

.h-400{
    height: 400px;
}

.h-300{
    height: 300px;
}
.carousel-sm{
    height: 300px;
}

.fa-md{
    font-size: 35px;
}

.exportPdfBtn{
    position: absolute;
    bottom: 0;
    border-radius: unset;
    background: #035396;
}

.exportPdfBtn::after {
    content: "\f107";
    font-family: FontAwesome;
    padding-left: 5px;
}

/* #mapExport{
    float: right;
    margin-bottom: 10px;
} */

.data-industrial-col-1 h1, .data-industrial-col-2 h1, .data-industrial-col-3 h1, .data-industrial-col-4 h1 {font-size: 46px;}



#loading {width: 100px;}
.cd-main-content .main-body .performance-section {padding-bottom:50px !important;}
.data-entre-col-1 p, .data-entre-col-2 p, .data-entre-col-3 p, .data-entre-col-4 p, .data-entre-col-5 p, .data-entre-col-6 p 
{margin-bottom: 0px !important;}
.data-entre-col-1, .data-entre-col-2, .data-entre-col-3, .data-entre-col-4, .data-entre-col-5, .data-entre-col-6
{padding: 10px 15px !important;}
.data-entre-box-2 .btn {padding: 5px 15px !important;}
.data-entre-box-1 {padding: 25px 15px 0px 15px !important;}
.data-entre-box-1 h1 {font-weight: bold !important;}
.data-entre-box-2 .d-flex {margin-bottom: 8px !important;}
.innovation-district-2 {padding-bottom: 24px;}
#data-infra-section .data-infra-body div p {font-size: 26px;}
#traderDataTable, #projectDataTable, #infrastructureDataTable {margin-bottom: 15px;}
#search-btn i {margin-right: 5px;}
.trader-table-section {background-position: top center !important;}
.data-infra-section {background-position: center center;}

.all-startup-operator p {font-size: 25px !important;}
.startup-operator-col-1, .startup-operator-col-2, .startup-operator-col-3, .startup-operator-col-4, .startup-operator-col-5, .startup-operator-col-6 
{padding: 18px 10px 10px !important;}
.data-industrial-col-1 p, .data-industrial-col-2 p, .data-industrial-col-3 p, .data-industrial-col-4 p
{font-size: 27px !important;margin-bottom: 2px;}
.data-industrial span { display: block; }
.data-industrial-food p {font-size: 27px !important;}
.main-body.filter-is-visible .row {margin-left: 0px;}
.main-body.filter-is-visible .row .search-tag-group	{border-radius: 0px;padding-left: 10px;}
.search-tag-box .search-tag-btn {font-size: 17px;line-height: 18px; margin-top: 8px;}
.data-entre-col-1 h1, .data-entre-col-2 h1, .data-entre-col-3 h1, .data-entre-col-4 h1, .data-entre-col-5 h1, .data-entre-col-6 h1 
{line-height: 28px;}
.header-section-style-1 .navbar-brand img {width: 175px;height: 74px;}
.navbar-ham {display:none;}

#traderDataTable {width:auto;}
#traderDataTable tr td {border: 0.1px solid rgba(206, 206, 206, 0.45);}








/*Responsive*/
@media (min-width: 1025px) and (max-width: 1200px)
{}

@media only screen and (max-width: 991px) 
{
.topnav-fn {display:none !important;}

}

@media (min-width: 769px) and (max-width: 999px)
{
.navbar-ham .nav-item {text-align: left;}
.mainmenu001 {height: 80px;}
.navbar-ham-style-1 {top: -57px;}
.header-section-style-1 .navbar-brand img {width: 110px;height: auto;}
.header-section-style-1 .navbar-brand {padding-left: 0px;}
.header-section-style-1 .navbar-brand {margin-top: 0px;}

}

@media only screen and (max-width: 768px) 
{
.entrepreneur-section .entre-header h1 {font-size: 80px;}
.entrepreneur-section .entre-header h1 {font-size: 50px;}
.entrepreneur-section .text-header-style-3 h2 {font-size: 50px;}
.entre-body .entre-chart-group .entre-title-2 h2 {font-size: 50px;}
.inno-title-style-1 {font-size: 36px;}
.inno-title-style-2 p:first-child {margin-bottom: -10px !important;}
.growth-title h2, .performance-header-title h2 {font-size: 40px !important;}
.entre-row-3-point1, .entre-row-3-point2, .entre-row-3-point3, .entre-row-3-point4, .entre-row-3-point5 {font-size: 32px !important;}
.inno-title-style-2 p:last-child {font-size: 25px !important;}
.inno-title-style-2 p:first-child {font-size: 25px !important;}
.innovation-tabs .nav-tabs .nav-link img {height: 250px;}
.innovation-district-detail h1 {text-align: center;}
.innovation-district-detail h2 {text-align: center;}
.header-section-style-1 .navbar-brand img {width: 110px;height: auto;}
.header-section-style-1 .navbar-brand {padding-left: 0px;}
.navbar-ham-style-1 {top: -57px;}

.entrepreneur-section .entre-body .entre-row-1 .entre-chart {height: 500px !important;margin-bottom: 10%;}
.entrepreneur-section .entre-body .entre-row-1 #chart-1 {height: 500px !important;}
.header-section-style-1 .carousel .w-100 {height: 250px;}
.mainmenu001 {height: 80px;}
.topnav-fn {display:none !important;}
.mainmenu001 .main-navbar .navbar-style-1 {padding-top: 0px;}
.header-section-style-1 .navbar-brand {margin-top: 0px;}
.navbar-ham .nav-item .nav-link {padding: 2px}
.navbar-ham .navbar-nav .nav-item ul.navbar-nav {padding-top: 2px;padding-bottom: 2px;}
.trader-table-section .col-4 {width: 100%;max-width: 100%;flex: initial;}
#traderDataTable_wrapper {width: 100%;overflow: scroll;}
#projectDataTable_wrapper {width: 100%;overflow: scroll;}
.trader-table-section .network-search-form {width: 100%;max-width: 100%;flex: initial;}
.data-entre-box-2 .entre-chart-text {font-size: 21px;}
.navbar-ham .nav-item {text-align: left;}
.navbar-ham .navbar-nav .nav-item ul.navbar-nav {list-style: disc;list-style-position: inside;}
.navbar-ham .navbar-nav .nav-item ul.navbar-nav .nav-item a {display: inline-block;}
.navbar-ham .nav-item .nav-link {padding: 2px 9px;}
.navbar-ham .navbar-nav .nav-item ul.navbar-nav a {padding: 2px 0px;}
.search-tag-group {padding-left: 0px;}
.header-section-style-1.h-400 {height: 275px;}
#carouselExampleIndicators .carousel-indicators {display:none;}
.cd-filter.filter-is-visible {z-index: 99;}
.dark-style-title h2 {font-size: 30px !important;}
.trader-table-section .search-form .form-row .form-group{display: block;width: 100%;flex: none;max-width: none;}
.trader-table-section .exportPdfBtn {position: initial;margin-top: 20px;float: right;}
.dark-style-title .fa-md {font-size: 25px;}
.province-map-content h3 span.last {font-size: 32px;}
.province-map-content p {font-size: 19px !important;}
.main-body .plan-section .plan-box-1 a {font-size: 37px;line-height: 40px;}
.main-body .plan-section .plan-box-2 a {font-size: 37px;line-height: 40px;}
.plan-box-1 {background-image: none !important;}
.innovation-district-2 .innovation-district-detail h1 {font-size: 32px !important;}
.innovation-slide-1 .ind-box {display: inline-block;width: 50%;float: left;flex: none;}
.innovation-district-2 .innovation-style-2 .innovation-nav .slick-list .innovation-nav-btn {width: 45% !important;float: left;margin-bottom: 10px;}
.slick-current:after {display:none;}
.innovation-district-2 .innovation-style-2 .innovation-nav .slick-list {padding: 0px !important;}
.entrepreneur-section .entre-header h1 {font-size: 60px;}
.infra-title h2 {font-size: 60px !important;}
.all-infra-chart #chart-6 {height: 300px !important;}
.infra-status-group .infra-status-result h4 {font-size: 21px !important;}
.infra-status-group .infra-status-result p {font-size: 13px !important;}
.private-header-title h2 {font-size: 40px !important;}
.edu-header-title h2 {font-size: 40px !important;}
.recent-work-header h2 {font-size: 40px !important;}
.recent-work-list ul li {font-size: 21px !important;line-height: 28px;}
.province-of-innovation {display:none;}
#chart-1-group > #chart-1-data > p#trader_total {font-size: 50px;line-height: 15px;}
.inno-data-body #chart-4 {bottom: 0 !important;}

.recent-work-section .trader-search-form .search-form .form-row .form-group{display: block;width: 100%;flex: none;max-width: none;}
.recent-work-section .exportPdfBtn {position: initial;margin-top: 20px;float: right;}
.entrepreneur-section .text-header-style-3 .under-line {display:none;}
.cd-main-content.is-fixed .cd-filter-trigger {top: 40px;}
.innovation-district-detail .under-line {display:none;}
.innovation-district-detail h1 {font-size: 66px !important;}
.top-header-title-right a p {font-size: 30px !important;}
.entre-col-2 .entre-chart-point, .entre-chart-box-5 .entre-chart-point {font-size: 33px !important;}
.entre-type-point {font-size: 35px !important;}
.inno-title-style-1 {font-size: 32px !important;}
.inno-total a {padding: 15px 30px;}

}

@media (min-width: 501px) and (max-width: 767px)
{}

@media only screen and (max-width: 500px)
{
.entrepreneur-section .entre-header h1 {font-size: 50px;}
.entrepreneur-section .text-header-style-3 h2 {font-size: 40px;}
.entre-body .entre-chart-group .entre-title-2 h2 {font-size: 40px;}
.inno-title-style-1 {font-size: 36px;}
.inno-title-style-2 p:first-child {margin-bottom: -10px !important;}
.growth-title h2, .performance-header-title h2 {font-size: 40px !important;}
.entre-row-3-point1, .entre-row-3-point2, .entre-row-3-point3, .entre-row-3-point4, .entre-row-3-point5 {font-size: 32px !important;}
.inno-title-style-2 p:last-child {font-size: 40px !important;}
.inno-title-style-2 p:first-child {font-size: 40px !important;}
.footer-logo img {height: 120px;}
.innovation-tabs .nav-tabs .nav-link img {height: 150px;}
.innovation-district-detail h1 {text-align: center;}
.innovation-district-detail h2 {text-align: center;}
.header-section-style-1 .navbar-brand img {width: 110px;height: auto;}
.header-section-style-1 .navbar-brand {padding-left: 0px;}
.navbar-ham-style-1 {top: -57px;}

.entrepreneur-section .entre-body .entre-row-1 .entre-chart {height: 300px !important;margin-bottom: 10%;}
.entrepreneur-section .entre-body .entre-row-1 #chart-1 {height: 300px !important;}
.header-section-style-1 .carousel .w-100 {height: 250px;}
.mainmenu001 {height: 75px;}
.topnav-fn {display:none !important;}
.mainmenu001 .main-navbar .navbar-style-1 {padding-top: 0px;}
.header-section-style-1 .navbar-brand {margin-top: 0px;}
.navbar-ham .nav-item .nav-link {padding: 2px}
.navbar-ham .navbar-nav .nav-item ul.navbar-nav {padding-top: 2px;padding-bottom: 2px;}
.trader-table-section .col-4 {width: 100%;max-width: 100%;flex: initial;}
#traderDataTable_wrapper {width: 100%;overflow: scroll;}
#projectDataTable_wrapper {width: 100%;overflow: scroll;}
.trader-table-section .network-search-form {width: 100%;max-width: 100%;flex: initial;}
.data-entre-box-2 .entre-chart-text {font-size: 21px;}
.navbar-ham .nav-item {text-align: left;}
.navbar-ham .navbar-nav .nav-item ul.navbar-nav {list-style: disc;list-style-position: inside;}
.navbar-ham .navbar-nav .nav-item ul.navbar-nav .nav-item a {display: inline-block;}
.navbar-ham .nav-item .nav-link {padding: 2px 9px;}
.navbar-ham .navbar-nav .nav-item ul.navbar-nav a {padding: 2px 0px;}
.search-tag-group {padding-left: 0px;}
.header-section-style-1.h-400 {height: 275px;}
#carouselExampleIndicators .carousel-indicators {display:none;}
.cd-filter.filter-is-visible {z-index: 99;}
.dark-style-title h2 {font-size: 30px !important;}
.trader-table-section .search-form .form-row .form-group{display: block;width: 100%;flex: none;max-width: none;}
.trader-table-section .exportPdfBtn {position: initial;margin-top: 20px;float: right;}
.dark-style-title .fa-md {font-size: 25px;}
.province-map-content h3 span.last {font-size: 32px;}
.province-map-content p {font-size: 19px !important;}
.main-body .plan-section .plan-box-1 a {font-size: 37px;line-height: 40px;}
.main-body .plan-section .plan-box-2 a {font-size: 37px;line-height: 40px;}
.plan-box-1 {background-image: none !important;}
.innovation-district-2 .innovation-district-detail h1 {font-size: 32px !important;}
.innovation-slide-1 .ind-box {display: inline-block;width: 100%;float: left;flex: none;}
.innovation-district-2 .innovation-style-2 .innovation-nav .slick-list .innovation-nav-btn {width: 45% !important;float: left;margin-bottom: 10px;}
.slick-current:after {display:none;}
.innovation-district-2 .innovation-style-2 .innovation-nav .slick-list {padding: 0px !important;}
.entrepreneur-section .entre-header h1 {font-size: 40px;}
.infra-title h2 {font-size: 40px !important;}
.all-infra-chart #chart-6 {height: 300px !important;}
.infra-status-group .infra-status-result h4 {font-size: 21px !important;}
.infra-status-group .infra-status-result p {font-size: 13px !important;}
.private-header-title h2 {font-size: 40px !important;}
.edu-header-title h2 {font-size: 40px !important;}
.recent-work-header h2 {font-size: 40px !important;}
.recent-work-list ul li {font-size: 21px !important;line-height: 28px;}
.province-of-innovation {display:none;}
#chart-1-group > #chart-1-data > p#trader_total {font-size: 50px;line-height: 15px;}
.inno-data-body #chart-4 {bottom: 0 !important;}

.recent-work-section .trader-search-form .search-form .form-row .form-group{display: block;width: 100%;flex: none;max-width: none;}
.recent-work-section .exportPdfBtn {position: initial;margin-top: 20px;float: right;}
.entrepreneur-section .text-header-style-3 .under-line {display:none;}
.cd-main-content.is-fixed .cd-filter-trigger {top: 40px;}

}

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

body {max-width: 1344px;margin: auto;}

@media (min-width: 1344px) and (max-width: 10000px)
{
body{max-width: initial;}
}


.main-body .pagination li {width: auto;}




/************** Index Only ****************/
  
.index-container a:focus { text-decoration: none; outline: none }
.index-container .box-title .title-main{ line-height: 0.7; font-family: tahoma-bd !important; line-height: 31px; }

.index-container .box-title .title-main { font-size: 69px; margin-bottom: 25px;color: #010263; font-weight: 900; padding-top: 30px; }
.index-container .box-title .title-sub { font-size: 42px; color: #781b25; font-weight: 400; font-family: Prompt !important ;}
.index-container .box-title .add { font-size: 50px; color: #05436f; }
.index-container .box-item .item {border-radius: 15px; box-shadow: 0px 4px 5px 0px rgb(129 124 124 / 32%); padding: 20px;}
.index-container .box-item .item-2 {border-radius: 15px; box-shadow: 0px 4px 5px 0px rgb(129 124 124 / 32%); padding:  20px 38px;}
.index-container .box-item .item-3 {border-radius: 15px; box-shadow: 0px 4px 5px 0px rgb(129 124 124 / 32%); padding: 20px 38px;}
.index-container .section { margin-bottom: 50px; }

.index-container .modal-content .modal-title { border-left: 3px solid #000; padding-left: 10px; font-size: 32px; }
.index-container .modal-content .title-label { font-size: 24px; }
.index-container .modal-content form {font-size: 22px;}
.index-container a:hover {text-decoration: none !important;}
/* .section-search { background: #022751; } */
.section-search .bg { padding: 18px 5px; }

/* .section-search .section-right { display: flex; align-items: center; justify-content: flex-end; padding-right: 5%; height: 100%; } */
.section-search .title { font-weight: bold; color: #fff; }
.section-search .title p { font-size: 40px; line-height: 35px; margin-bottom: 0;letter-spacing: 1.5px;}
.section-search .filter-input { height: 40px; }
.section-search .filter-input input { background: #fff; font-size: 24px; border-radius: 0px; height: 100%; }
.section-search .filter-input input::placeholder { color: #000; }
.section-search .filter-input select { background: #fff; font-size: 24px; border-radius: 0px; height: 100%; }
.section-search .filter-input select.form-control {color: #000;}

.section-search .filter-input #btnSearch { height: 40px; font-size: 28px;  background:#a10d0b;color: #fff; border-radius: 30px; text-align: center; width: 150px; transition: 0.35s; }
.section-search .filter-input #btnSearch:hover { background:#a10d0b;cursor: pointer; }
.section-search .filter-input span { position: relative; top: 2px; }

.index-container .index-background-1, .index-container .index-background-2 { background: no-repeat; background-size: 100% 100%;  }
.index-container .index-background-1 { background-image: url(../images/bg-index1.jpg); }
.index-container .index-background-2 { background-image: url(../images/bg-index2.jpg); }

.index-container .section-1 { padding-top: 50px; }
.index-container .section-1 .box-detail { background: #fff; padding: 0px 40px 15px 40px; float: left;box-shadow: 1px 6px 12px -2px rgb(66 66 66);}
.index-container .section-1 .title-main { font-size: 70px; color: #05436f; line-height: 60px; font-weight: bold; font-family: tahoma-bd;padding-top: 20px;}
.index-container .section-1 .title-sub { font-size: 65px; color: #82100f; font-weight: bold; }
.index-container .section-1 .detail { font-size: 29px; word-break: break-word; }
.index-container .section-1 #section1-silde-001 img { height: 370px; width: 100%; object-fit: cover; border-radius: 0;box-shadow: 1px 6px 12px -2px rgb(66 66 66);}
.index-container .section-1 .slick-list.draggable .slick-slide{ padding: 0; }

.slick-dots li button:before { opacity: 1; color: #fff;}
.slick-dots li.slick-active button:before { opacity: 1; color: #2470c5;}
.index-container .section-1 .box-detail .btn-detail {float: right; padding: 5px 20px; font-size: 21px;  border-radius: 5px; background: #b72c2d;}
.index-container .section-1 .box-detail .btn-detail a { font-size: 21px; color: #fff; padding: 0; }
.index-container .section-1 .slick-next:before, .index-container .section-1 .slick-prev:before { display: none;}

.index-container .section-2 .header { text-align: center; line-height: 1; margin-bottom: 50px; }
.index-container .section-2 .header .title { font-family: "Prompt" !important;font-size: 37px; font-weight: bold; color: #2376e2; }
.index-container .section-2 .header .detail { font-family: "Prompt" !important;font-size: 26px; color: #fff; line-height: 42px; }
.index-container .section-2 .box-item .item { text-align: center; margin-bottom: 20px; max-width: 300px; margin-left: auto; margin-right: auto; background: #fff; }
.index-container .section-2 .box-item .item .image { font-size: 70px; padding-top: 15px; }
.index-container .section-2 .box-item .item .detail > p { margin-bottom: 0px; }
.index-container .section-2 .box-item .item .detail .title { font-size: 30px; color: #28264a; height: 80px; font-weight: bold; line-height: 35px; }
.index-container .section-2 .box-item .item .detail .amount { font-size: 70px; font-weight: bold; height: auto; line-height: 35px; color: #28264a;margin-top: 10px;}
.index-container .section-2 .box-item .item .detail .name { font-size: 30px; color: #0d244d; }

.index-container .section-3 { padding-top: 50px; }
.index-container .section-3 .box-detail { background: #fff; }
.index-container .section-3 .detail { font-size: 27px; word-break: break-word; }
.index-container .section-3 iframe { height: 379px; }
.index-container .section-3 .box-title .title-main{ font-family: "Prompt" !important ; font-weight: 600; font-size: 80px; padding-top: 15px;}
    
.index-container .section-4 { padding-top: 95px; padding-bottom: 50px; }
.index-container .section-4 .container { position: relative;  }
.index-container .section-4 .zone-title { text-align: left; margin-bottom: 50px; }
.index-container .section-4 .zone-title .title { font-size: 26px; color: #003B94; }
.index-container .section-4 .zone-title .title span.sub-1 { font-size: 28px; margin-right: 10px; }
.index-container .section-4 .zone-title .title span.sub-2 { border-bottom: solid 3px #FFB66B; }
.index-container .section-4 .zone-title .title span.sub-3 { color: #003B94; }
/* box-shadow: 2px 2px 5px #ccc; */
.index-container .section-4 .homecard { margin-bottom: 40px; margin-left: 20px; margin-right: 20px; transition: 0.5s ; }
.index-container .section-4 .homecard:focus { outline: none; }
.index-container .section-4 .homecard:hover { opacity: 0.7; }
.index-container .section-4 .homecard .image { position: relative;width: 337px;    text-align: center;margin: auto; }
.index-container .section-4 .homecard .image .category-bg { position: absolute;bottom: 0;left: auto; width: 100%;text-align: center;text-shadow: 2px 2px 2px #575453; background-color: rgb(0 0 0); opacity: 0.7; height: 65px;}
.index-container .section-4 .homecard .image .name { position: absolute; bottom: 6px; left: auto; width: 100%; font-size: 37px; color: #fff; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0px 15px;}
.index-container .section-4 .homecard .image a img { height: 254px; object-fit: cover; }
.index-container .section-4 .homecard .detail { padding: 15px; background: #f5f5f5; }
.index-container .section-4 .detail-title { margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index-container .section-4 .detail-title a { font-size: 22px; color: #333; }
.index-container .section-4 .detail-row .detail-detail { height: 60px; overflow: hidden; }
.index-container .section-4 .slick-slide img { width: 100%; object-fit: contain; }
.index-container .section-4 .overlay-left,.section-4 .overlay-right {background-color: rgba(255, 255, 255, 0.8);width: 386px;z-index: 2;}
.index-container .section-4 #slideSet_section4_Next { position: absolute; top: 42%; left: -20px; font-size: 31px; padding: 7px 8px; color: #2d5f90; background: #ffffff; border: 1px solid; border-radius: 50%; height: 45px; width: 45px; }
.index-container .section-4 #slideSet_section4_Prev { position: absolute; top: 42%; right: -20px; font-size: 31px; padding: 7px 13px; color: #ffffff; background: #2d5f90; border: 1px solid; border-radius: 50%; height: 45px; width: 45px; }
.index-container .section-4 #slideSet_section4_Next:hover, .index-container .section-4 #slideSet_section4_Prev:hover { cursor:pointer; opacity: 0.8;}

.index-container .section-5 .box-item .item { padding: 34px 20px 20px 20px; text-align: center; font-size: 35px; color: #fff; position: relative; left: 5%; right: 5%; width: 90%;}    
.index-container .section-5 .box-item .item .image { font-size: 50px; }
.index-container .section-5 .box-item .item .title { height: 112px; line-height: 46px;}
.index-container .section-5 .box-item .row { margin-bottom: 30px; }
.index-container .section-5 .box-item .item-1 { background: #012557; }
.index-container .section-5 .box-item .item-2 { background: #012557; }
.index-container .section-5 .box-item .item-3 { background: #012557; }
.index-container .section-5 .box-item .item-4 { background: #012557; }
.index-container .section-5 .box-item .item-5 { background: #830f10; }
.index-container .section-5 .box-item .item-6 { background: #830f10; }
.index-container .section-5 .box-item .item-7 { background: #830f10; }
.index-container .section-5 .box-item .item-8 { padding: 50px 20px 20px 20px; text-align: center; font-size: 35px; color: #fff; position: relative; left: 5%; right: 5%; width: 90%; background: #fff; }
.index-container .section-5 .box-item .item-8 .image .fa {     height: 80px;
    width: 80px;
    padding: 23px 23px;
    border: 1px solid #c1d6e1;
    border-radius: 50%;
    color: #cbcbcb;}
.index-container .section-5 .box-item .item-8 .image .text { font-size: 34px; color: #000; }
    
.index-container .section-5 .box-item .zoom { transition: transform .2s; }
.index-container .section-5 .box-item .zoom:hover { transform: scale(1.1); cursor:pointer; }

.index-container .section-6  { background: #ececec; padding: 40px; padding-top: 60px; }
.index-container .section-6 .box-title {float: left;}
.index-container .section-6 .box-add { font-size: 50px; color: #05436f; }
.index-container .section-6 .main-content { margin-bottom: 30px; background: #fff; transition: 0.5s; }
.index-container .section-6 .main-content:hover { cursor: pointer; box-shadow: 0 0 12px 1px #828282; opacity: 0.7; }
.index-container .section-6 .main-content .col-md-7 { padding-right: 0; }
.index-container .section-6 .main-content .content-image img{ height: 455px; width: 100%; object-fit: cover; }
.index-container .section-6 .main-content .content-detail { height: 386px; overflow: hidden; padding: 34px 20px 10px; }
.index-container .section-6 .main-content p.title { font-size: 42px; font-weight: normal; overflow: hidden; height: 145px; word-break: break-word; line-height: 1.2; color: #333; margin-top: -20px;}
.index-container .section-6 .main-content p.time {font-size: 23px;color: #949494; word-break: break-word;}
.index-container .section-6 .main-content p.detail {font-size: 23px;color: #333; word-break: break-word;}
.index-container .section-6 .sub-contant .item { background-color: #fff; width: 100%;margin-top: 15px;margin-bottom: 30px; color: #949494; float: left; transition: 0.5s;}
.index-container .section-6 .sub-contant .item:hover { cursor: pointer; box-shadow: 0 0 12px 1px #828282; opacity: 0.7; }
.index-container .section-6 .sub-contant .item .content-image { height: 250px;     height: 250px;
    float: left;
    display: block; }
.index-container .section-6 .sub-contant .item .content-image img{ width: 100%; object-fit: cover; height: 240px; }
.index-container .section-6 .sub-contant .item .content-detail { padding: 10px 20px 20px; height: 140px;  float: left; }
.index-container .section-6 .sub-contant .item .content-detail p.title{ font-size: 29px; word-break: break-word; overflow: hidden; height: 72px; color: #000; line-height: 37px;}
.index-container .section-6 .sub-contant .item .content-detail p.time{ font-size: 21px; }
.index-container .section-6 .sub-contant .item .detail{ font-size: 25px; line-height: 1;}
.index-container .section-6 em {     position: relative;
    top: 2px;
    color: #7f7f7f;
    font-size: 17px;}

    .index-container .section-6 .box-add em {     position: relative;
        top: 2px;
        color: #042456;
        font-size: 41px;}

    
.index-container .section-6 .box-add em { transition: transform .2s; }
.index-container .section-6 .box-add em:hover { transform: scale(1.1); cursor:pointer; }
.index-container .section-6 a:hover {text-decoration: none;}

.index-container .section-7 { margin-bottom: 0; padding-bottom: 50px;}
.index-container .section-7 .item-list .item { color: #fff; padding: 20px; position: relative; height: 300px;overflow: hidden; }
.index-container .section-7 .item-list .item .title { font-size: 31px; margin-bottom: 10px; }
.index-container .section-7 .item-list .item .title em { position: relative; top: 5px; margin-right: 10px; }
.index-container .section-7 .item-list .item .detail { font-size: 23px; }
.index-container .section-7 .item-list .item-1 { background-image: url(../img/bg/bg-c1.png) }
.index-container .section-7 .item-list .item-2 { background-image: url(../img/bg/bg-c2.png) }
.index-container .section-7 .item-list .item-3 { background-image: url(../img/bg/bg-c3.png) }
.index-container .section-7 .item-list .viewmore { text-align: center; margin-top: 9px;  font-size: 20px; color: #fff; transition: 0.5s;}
.index-container .section-7 .item-list .viewmore::after { content: "\f067"; font-family: FontAwesome; color: #fff; position: relative; padding-left: 6px; top: 3px; }
.index-container .section-7 .item-list .viewmore:hover { cursor: pointer; }
.index-container .section-7 .item-list .viewmore#viewmore1 { background: #933b39; padding: 10px; }
.index-container .section-7 .item-list .viewmore#viewmore2 { background: #254d79; padding: 10px; }
.index-container .section-7 .item-list .viewmore#viewmore3 { background: #565555; padding: 10px; }
.index-container .section-7 .item-list .viewmore#viewmore1:hover { background: #893c3b; }
.index-container .section-7 .item-list .viewmore#viewmore2:hover { background: #1e3d5e; }
.index-container .section-7 .item-list .viewmore#viewmore3:hover { background: #4a4646; }
.index-container .section-7 .item-list a { color: #fff;  font-size: 25px; }
.index-container .section-7 .item-list a:hover { color: #cbcbcb; text-decoration: none; }

@media (max-width: 1200px) {
.index-container .box-item .item-3{padding: 20px 10px;}
}
/* .index-container .section-banner .item-list .item {text-align: center;} */
/* .index-container .section-banner .item-list .item .image img{ width: 250px; height: 70px; object-fit: cover; } */
@media (max-width: 1105px) {
    body { background-color: #fff;  }
    .section-search .list-filter { margin-bottom: 15px; }

    .index-container .section-4 #slideSet_section4_Prev, .index-container .section-4 #slideSet_section4_Next { display: none !important; }
    .index-container .section-5 .box-item .item { font-size: 30px; }
    
    .section-search .section-left { padding-left: 0; }
    .section-search .section-right { padding-right: 0; }
}
@media (max-width: 991px) {
    body { background-color: #fff; }
    .index-container .section-2 .box-item .item .detail .title { height: 120px; }

}
@media (max-width: 768px) {
    .main-body { padding: 0; }

    .section-search .bg { padding: 0px; }
    .section-search .title p { text-align: center; margin-bottom: 15px; }
    .section-search .filter-input { margin-bottom: 15px; }
    .section-search .filter-input #btnSearch { width: 100%; }

    .dropdown-menu.show {width: 96%;}

    .index-container .box-title .title-main { font-size: 65px; line-height: 31px; }
    .index-container .box-title .title-sub { font-size: 45px; }

    .index-container .section-1 .detail { font-size: 25px; }

    .index-container .section-2 .box-item .item .detail .title { font-size: 32px; }

    .index-container .section-5 .box-item .item { margin-bottom: 30px; }
    .index-container .section-5 .box-item .item .image { font-size: 80px; }
    .index-container .section-5 .box-item .item .title { height: 110px; font-size: 34px; }
    .index-container .section-5 .box-item .item-8 .image { font-size: 40px; }
    .index-container .section-5 .box-item .item-8 .image .fa { height: 90px; width: 90px; padding: 28px 27px; }
    .index-container .section-5 .box-item .item-8 .image .text { font-size: 24px;}
    .index-container .section-5 .box-item .row { margin-bottom: 0px; }


    .index-container .section-6 .main-content .content-detail { height: 460px; }
    .index-container .section-6 .sub-contant .item .content-detail p.title { font-size: 26px; height: 150px; }
    .index-container .section-6 .sub-contant .item .content-detail p.time { font-size: 20px; }

    .index-container .section-7 .item-list .item .title { font-size: 26px; height: 70px; }
    .index-container .section-7 .item-list .item .title { font-size: 26px; height: 70px; }
    .index-container .section-7 .item-list .item .detail { font-size: 20px; }

    .index-container .section-2 .box-item .item .detail .title {height: auto;}
    .index-container .section-2 .box-item .item .detail .amount {margin-top: 20px;}
    .index-container .section-2 .box-item .item-3 { padding: 20px 30px;}
}
@media (max-width: 425px) {
    body { background-color: #fff; }
    .dropdown-menu.show { width: 92%; }
    .section-search .title p { text-align: center; margin-bottom: 10px; }
    .section-search .filter-input { margin-bottom: 10px; }
    
    .index-container .box-title .title-main { font-size: 65px; }
    .index-container .box-title .title-sub { font-size: 45px; }

    .index-container .section-4 .homecard { margin-left: 0px; margin-right: 0px; }
    
    .index-container .section-5 .box-item .item { margin-bottom: 30px; line-height: 1.2;  }
    .index-container .section-5 .box-item .item .image { font-size: 60px; }
	.index-container .section-5 .box-item .item .title { height: 120px; font-size: 36px; }
	.index-container .section-5 .box-item .row { margin-bottom: 0px; }
	.index-container .section-5 .box-item .zoom:hover { transform: scale(1.1); cursor:pointer; }
	.index-container .section-5 .box-item .item-8 { padding-top: 45px; }

    .index-container .section-6 { padding: 40px 0; }
    .index-container .section-6 .box-add { position: relative; }
    .index-container .section-6 .main-content .content-detail { height: 465px; }
    .index-container .section-6 .main-content .col-md-7 { padding-right: 15px; }
    .index-container .section-6 .sub-contant .item { background-color: #fff; margin-bottom: 30px; }


    .index-container .section-7 .box-title , .section-7 .item-list .col-md-4 {margin-bottom: 20px;}
    .index-container .section-7 .item-list .item { height: 310px; overflow: hidden; }
    .index-container .section-7 .item-list .item .title { font-size: 34px;  height: 50px; }
    .index-container .section-7 .item-list .item .detail { font-size: 30px; list-style: inside; padding-left: 12%; }

}

/************** Index Only ****************/


/************** Page End Search Only ****************/
.page-search { padding-top: 30px; }
.page-search .table-list { overflow: auto; }
.page-search .result-title { font-size: 32px; margin-bottom: 0px; }
.page-search .result-title .fa { position: relative; top: 3px; padding-right: 10px; }
.page-search .result-title small { float: right; position: relative; top: 10px; }
.page-search .result-title small span { color: #943505; }

.page-search .table-list table thead { font-size: 24px; text-align: center; background: #666666; color: #fff; }
.page-search .table-list table tbody { font-size: 20px; }
.page-search .panel-detail { font-size: 20px; }
.page-search a:hover { text-decoration: none; }
.page-search .table-list th { vertical-align: middle; font-weight: 400; text-align: center; }
/* .page-search a { font-family: "tahoma" !important; font-size: 15px !important; color: #055391; } */

/************** Page End Search Only ****************/

/************** Page Content Only ****************/
a:hover { text-decoration: none; }

.section-content { background-image: url(/images/bg-zone2-2.png); background-size: cover; background-repeat: no-repeat; background-position: bottom center; }
.section-content .header-title { font-size: 70px; line-height: 1; }
.section-content [class^=col-md-] { margin-bottom: 10px; }
.section-content #content-box { margin-bottom: 30px; }
.section-content .box-item { height: 300px; }
.section-content .box-item .content-image img { height: 300px; width: 100%; object-fit: cover; }
.section-content .box-item .content-detail { height: 300px; overflow: hidden; padding: 20px; }
.section-content .box-item .content-detail p.title { font-size: 46px; overflow: hidden; height: 95px; word-break: break-word; line-height: 1.1; color: #0662ab; }
.section-content .box-item .content-detail p.detail { font-size: 24px; line-height: 41px; color: #000; }
.section-content .box-item .col-md-8 { padding-left: 0;}
.section-content .box-item-bg { transition: box-shadow 0.3s, background 0.3s ease; }
.section-content .search-box { margin-bottom: 50px;}
.section-content .search-box .custom-select, .section-content .search-box input { font-size: 30px; }
.section-content .search-box .custom-select,
.section-content .search-box input,
.section-content .search-box button { height: 50px; }

/************** End Page Content Only ****************/

/************** Page Province Index Only ****************/
.data-province-section { min-height: 100vh; background-image:none; background: #fff; padding: 30px 0;}

.data-province-section .search-box #search-btn { background: #87292a; border: unset; color: #fff; font-size: 24px; padding: 10px 10px 0 10px; border-radius: unset; }
.data-province-section .search-box input,
.data-province-section .search-box button { height: 50px; }
.data-province-section .search-box input { font-size: 30px; }
.data-province-section .search-box .input-search { display: inline-flex; width: 100%; }

.data-province-section .content-box { width: 100%; }
.data-province-section .content-box #province-box { width: 100%; }

.data-province-section .content-box .region-name { margin-top: 50px; font-size: 3rem; line-height: 1.1; }
.data-province-section .content-box .region-box { display: flex; flex-wrap: wrap; align-items: center; justify-content: center;  }
.data-province-section .content-box .province-box { margin-bottom: 30px; position: relative; width: 32%; height: 230px; margin: 5px; }
.data-province-section .content-box .province-box .image { z-index: 0; width: 100%; position: absolute; height: 100%; top: 0; background: white; }
.data-province-section .content-box .province-box .image a { width: 100%; }
.data-province-section .content-box .province-box .image img { width: 100%; height: 100%; object-fit: cover; }
.data-province-section .content-box .province-box .detail { position: absolute; top: 0; font-size: 3.6rem; text-align: center; width: 100%; height: 100%; transition: background-color 0.7s;  }
.data-province-section .content-box .province-box:hover .detail { background-color: rgba(0, 0, 0, 0.5); box-shadow: 0 0px 6px 3px #a8a8a8;}
.data-province-section .content-box .province-box .text {position: absolute; width: 100%; top: 50%; left: 0;}
.data-province-section .content-box .province-box:hover .text {position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-50%); color: white; padding: 0 15px;display:block; -webkit-transition: -webkit-transform 0.35s;transition: transform 0.5s;}
.data-province-section .content-box .province-box .text .detail-title { display: block; margin-bottom: 5px; line-height: 1; font-size: 47px;}
.data-province-section .content-box .province-box a { display: block; width: 100%; height: 100%; color: white; }
.data-province-section .content-box .province-box:hover .image  {overflow: hidden;}
.data-province-section .content-box .province-box:hover .image img  {-webkit-transform: scale(1.03);transform: scale(1.03);-webkit-transition: -webkit-transform 0.35s;transition: transform 0.5s;}
/************** End Page Province Index Only ****************/

/************** Page Footer Only ****************/
.footer-bottom { font-family: "DBHelvethaicaX-Regular"; padding: 30px 0; }
.footer-bottom .footer-address { padding-left: 93px; }
.footer-bottom .footer-logo { background: #fff; border-radius: 50%; width: 75px; height: 75px; padding: 8px; padding-top: 21px;position: absolute; left: 15px; top: 8px; }
.footer-bottom .footer-copy-right p, .footer-bottom .footer-copy-right span { font-family: "DBHelvethaicaX-Regular"; }
.footer-bottom .footer-copy-right .section-1 { margin-bottom: 30px; font-size: 17px; line-height: 19px; }
.footer-bottom .footer-copy-right .section-1 p{ font-size: 17px; }
.footer-bottom .footer-copy-right .section-2 p{ font-size: 21px; }
/************** End Page Footer Only ****************/

/************** Section breadcrumb Only ****************/
.section-carouselExampleIndicators2 { position: relative; }
.section-carouselExampleIndicators2 .section-breadcrumb { width: 100%;background: #fff; bottom: 0px; padding: 10px 10px 4px 25px; font-size: 23px;}
.section-carouselExampleIndicators2 .section-breadcrumb span.red { color: #8b3234; font-size: 21px;}
.section-carouselExampleIndicators2 .section-breadcrumb span { color: #144E8E; font-size: 21px;}
.section-carouselExampleIndicators2 .section-breadcrumb em.fa-home { padding-left: 10px; position: relative; top: 1px; color: #CCCCCC; }
.section-carouselExampleIndicators2 .section-breadcrumb .detail > span+span:before { content: '>\00a0'; margin-left: 8px; margin-right: 8px; }
.section-carouselExampleIndicators2 .section-breadcrumb .detail > span:before { color: #CCCCCC; }
.section-carouselExampleIndicators2 .section-breadcrumb>span+span:before { padding: 0 5px; }
.section-breadcrumb a { color: #28245f; }
/************** End Section breadcrumb Only ****************/

/************** Section mainmenu001 Only ****************/
.mainmenu001 a,
.mainmenu001 span
{font-family: 'Kanit', sans-serif; }
.mainmenu001 { background: #fff!important; }
/* .mainmenu001 .navbar { display: block; } */
.mainmenu001 .navbar .img-logo { height: 41px; }
.mainmenu001 .navbar-brand span { color: #005490; font-size: 33px; font-weight: bold; font-family:DBHelvethaicaX-Regular !important; letter-spacing: -0.5px;}
.mainmenu001 .navbar-style-1 { padding: 0; }
.mainmenu001 .navbar-expand-lg .navbar-collapse { top: 0; }
.mainmenu001 .navbar-style-1 #navbarNav a:not(.dropdown-item) { color: #333; margin: 0 10px 0 10px; font-size: 16px; font-weight: normal; height: 100%; padding-top: 19px; }
.mainmenu001 .navbar-style-1 #navbarNav span {font-size: 16px;}
.mainmenu001 .navbar-style-1 #navbarNav .dropdown-item { color: #333;}
.mainmenu001 .navbar-style-1 #navbarNav .dropdown-item:hover { background: #0d2c72; color: #fff !important;}
.mainmenu001 .navbar-style-1 #navbarNav .fa {line-height: 20px; margin-left: 5px;}
.mainmenu001 .topnav-fn { float: right; }
.mainmenu001 .navbar-expand-lg .navbar-nav .dropdown-menu a {  margin: 0!important; font-size: 21px!important; font-family: "DBHelvethaicaX-Regular"!important; }
.mainmenu001 .dropdown-menu { left: 16px; top: 36px; }    
.mainmenu001 .nav-top { padding: 7px 0; width: 100%; }
.mainmenu001 .nav-top .top-text { padding-left: 208px; float: left; }

/* .mainmenu001 .nav-top .img { float: left;  } */
.mainmenu001 .navbar-brand.text { padding-top: 25px; padding-left: 10px; }
.mainmenu001 .dropdown-menu { border-radius: 0; color: #fff;width: 250px;}
.mainmenu001 .dropdown-divider { border-top: 1px solid #fff; }
.mainmenu001 .dropdown-menu a:hover { color: #333!important; }
.mainmenu001 .topnav-box .web-topLink { border-right: 1px solid #fff; }
.mainmenu001 .topnav-fn i { padding-right: 5px; color: #fff;}
.mainmenu001 .phone-topLink{ padding-right: 15px; }
.mainmenu001 .topnav-box .web-topLink span { padding-right: 15px; }
.mainmenu001 .topnav-box { display: inline-block;  }
.mainmenu001 .topnav-box a { font-size: 16px; }
.mainmenu001 .dropdown-toggle::after { content: none; }
.mainmenu001 #navbarNav .nav-item:first-child { padding: 10px 0; }
/************** End Section mainmenu001 Only ****************/

/************** Section mainmenu002 Only ****************/
.mainmenu002 .nav-top { background: #fff!important; display: flex; padding-top: 4px; }
.mainmenu002 .nav-top .navbar-brand img { width: 175px; height: 74px; }
.mainmenu002 .nav-top a.text { padding-top: 25px; padding-left: 10px; font-size: 35px;  }
.mainmenu002 .nav-top a.text span { color: #005490;font-size: 33px;font-weight: bold;font-family: DBHelvethaicaX-Regular !important;letter-spacing: -0.5px; }
.mainmenu002 .topnav-fn { right: 40px; top: 30px; }
.mainmenu002 .topnav-fn i { padding-right: 15px; padding-left: 15px; }
.mainmenu002 .topnav-box .web-topLink { border-left: 1px solid #000326; border-right: 1px solid #000326; }
.mainmenu002 .topnav-box .web-topLink span { padding-right: 15px; }
.mainmenu002 .topnav-box a { font-size: 23px; }
.mainmenu002 .main-navbar nav{  background-image: linear-gradient(to right, rgb(7, 32, 100), rgb(30, 81, 158), rgb(7, 32, 100)); }
.mainmenu002 .dropdown-menu { border-radius: 0; color: #fff;width: 250px;}
.mainmenu002 .dropdown-menu { left: 16px;}
.mainmenu002 .dropdown-divider {
    border-top: 1px solid #fff;
}

.mainmenu002 .dropdown-menu a:hover { color: #333!important; }
.mainmenu002 .navbar-style-2 { background-color: #fff; box-shadow: 0px 3px 10px 1px rgba(0,0,0,.15); }
.mainmenu002 .navbar-style-2 .navbar-nav .nav-link {     color: #fff;
    margin: 0 20px 0 20px;
    font-size: 22px;
    font-weight: normal;
    line-height: 25px; }
.mainmenu002 .navbar-style-2 .navbar-nav .nav-link .fa {line-height: 20px;}
.mainmenu002 .dropdown-toggle::after { content: none; }
.mainmenu002 .navbar-style-2 #navbarNav { padding: 5px 0; }
.mainmenu002 .navbar { padding: 0; }
.mainmenu002 .navbar-expand-lg .navbar-collapse { top: 0 !important; }
.carousel-inner { height: 300px;box-shadow: 1px 6px 12px -2px rgba(184,184,184,1);}
.mainmenu002 .navbar-style-2 #navbarNav .dropdown-item:hover { background: #0d2c72; color: #fff !important;}
/************** End Section mainmenu002 Only ****************/

.section-carouselExampleIndicators1 .section-char #chart-1 { margin-top: -6px !important;; margin-left: 16px !important; width: 90% !important; height: 323px !important; }


.header-section-style-1 .section-carouselExampleIndicators1 #carouselExampleIndicators .map img { height: 640px; object-fit: cover; margin: auto; display: block;}
.header-section-style-1 .section-carouselExampleIndicators1 .map { width: 100%; margin: auto;}
.header-section-style-1 .section-carouselExampleIndicators1 .map em {font-size: 60px; color: #9accff; cursor: pointer;}
.header-section-style-1 .section-carouselExampleIndicators1 .carousel-inner { display: none;}
/* .section-carouselExampleIndicators1 { float: left; width: 100%;} */
.section-carouselExampleIndicators1 .entre-chart #chart-1 { width: 100%; height: 360px; }

.section-carouselExampleIndicators1 .section-chart {position: relative; }
.section-carouselExampleIndicators1 .zone-3 #chart-1::before { width: 280px; height: 280px;  }
.section-carouselExampleIndicators1 .zone-3 #chart-1-group > #chart-1-data > a > p#trader_total { font-size: 81px; line-height: 20px; }
.section-carouselExampleIndicators1 .zone-3 #chart-1-group > #chart-1-data { top: 59%; width: 50%; } 
.section-carouselExampleIndicators1 .zone-3 .chart-entreprenuer { width: 100%; }
.section-carouselExampleIndicators1 .zone-3 .entre-chart-box-1,
.section-carouselExampleIndicators1 .zone-3 .entre-chart-box-2,
.section-carouselExampleIndicators1 .zone-3 .entre-chart-box-3,
.section-carouselExampleIndicators1 .zone-3 .entre-chart-box-4 { background-image: none;}
.section-carouselExampleIndicators1 .zone-3 .entre-chart-text {font-size: 25px; font-weight: 300; color: #fff; padding-top: 9px; width: 60%; }
.section-carouselExampleIndicators1 .zone-3 .entre-chart-box-1 .entre-chart-point,
.section-carouselExampleIndicators1 .zone-3 .entre-chart-box-2 .entre-chart-point,
.section-carouselExampleIndicators1 .zone-3 .entre-chart-box-3 .entre-chart-point,
.section-carouselExampleIndicators1 .zone-3 .entre-chart-box-4 .entre-chart-point { font-size: 27px; width: 40%; box-shadow: 2px 2px 3px 1px #3333338c; padding-top: 5px; }
.section-carouselExampleIndicators1 .zone-3 .entre-chart-box-1::before,
.section-carouselExampleIndicators1 .zone-3 .entre-chart-box-2::before,
.section-carouselExampleIndicators1 .zone-3 .entre-chart-box-3::before,
.section-carouselExampleIndicators1 .zone-3 .entre-chart-box-4::before { width: 100%; }


@keyframes pulsate {
    0% {
      transform: scale(1);
      opacity:0.8;
    }
    45% {
      transform: scale(1.75);
      opacity:0;
    }
  }
  @keyframes stop-pulsate {
    from {
      opacity:0.4;
    }
    to {
      transform: scale(2);
      opacity:0;
    }
  }
  




.header-section-style-1 .section-carouselExampleIndicators1 .mapnia img{ opacity: 1; transition: transform .2s; position: relative;}
.header-section-style-1 .section-carouselExampleIndicators1 .mapnia #arrow-tab1:hover{ transform: scale(1.1);}
.header-section-style-1 .section-carouselExampleIndicators1 .mapnia:hover img{ opacity: 1; cursor:pointer; }
/* .header-section-style-1 .section-carouselExampleIndicators1 .mapnia:hover { transform: scale(1.1); cursor:pointer; } */
.header-section-style-1 .section-carouselExampleIndicators1 .mapnia { position: relative;}
.header-section-style-1 .section-carouselExampleIndicators1 .mapnia a { color: #fff;}
.header-section-style-1 .section-carouselExampleIndicators1 .ring {display:block;position:absolute;top:43%;left:50%;width:2em;height:2em;margin:-1em auto auto -1em;transform-origin: 50% 50%;border-radius:50%;border:3px solid rgb(250 250 250);opacity:0;animation: pulsate 2s ease-out infinite;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir1{ position: absolute; opacity: 1; top: 10%;color: #fff;left: 38%;font-size: 15px; z-index: 1;transition: transform .2s; display: inline-block;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir2{ position: absolute; opacity: 1; top: 17%;color: #fff;left: 58%;font-size: 15px; z-index: 1;transition: transform .2s;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir3{ position: absolute; opacity: 1; top: 35%;color: #fff;left: 28%;font-size: 15px; z-index: 1;transition: transform .2s;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir4{ position: absolute; opacity: 1; top: 26%;color: #fff;left: 45%;font-size: 15px; z-index: 1;transition: transform .2s;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir5{ position: absolute; opacity: 1; top: 31%;color: #fff;left: 52%;font-size: 15px; z-index: 1;transition: transform .2s;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir6{ position: absolute; opacity: 1; top: 67%;color: #fff;left: 32%;font-size: 15px; z-index: 1;transition: transform .2s;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir1 .tooltiptext {width: 120px;background-color: #2976e7;color: #fff;border: 1px solid #fff;text-align: center;border-radius: 0px;padding: 5px 0;position: absolute;z-index: 1;bottom: 160%;left: 0%;margin-left: 27px;opacity: 1;transition: opacity 1s;font-size: 25px;opacity: 0;transition: opacity 1s;visibility: hidden;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir1:hover .tooltiptext { visibility: visible;opacity: 1;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir2 .tooltiptext {width: 190px;background-color: #2976e7;color: #fff;border: 1px solid #fff;text-align: center;border-radius: 0px;padding: 5px 0;position: absolute;z-index: 1;bottom: 160%;left: -5%;margin-left: 27px;opacity: 1;transition: opacity 1s;font-size: 25px;opacity: 0;transition: opacity 1s;visibility: hidden;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir2:hover .tooltiptext {visibility: visible;opacity: 1;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir3 .tooltiptext {width: 120px;background-color: #2976e7;color: #fff;border: 1px solid #fff;text-align: center;border-radius: 0px;padding: 5px 0;position: absolute;z-index: 1;right: 230%;top: 140%;opacity: 1;transition: opacity 1s;font-size: 25px;opacity: 0;transition: opacity 1s;visibility: hidden;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir3:hover .tooltiptext {visibility: visible;opacity: 1;;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir4 .tooltiptext {width: 120px;background-color: #2976e7;color: #fff;border: 1px solid #fff;text-align: center;border-radius: 0px;padding: 5px 0;position: absolute;z-index: 1;bottom: 160%;left: 0%;margin-left: 27px;opacity: 1;transition: opacity 1s;font-size: 25px;opacity: 0;transition: opacity 1s;visibility: hidden;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir4:hover .tooltiptext {visibility: visible;opacity: 1;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir5 .tooltiptext {width: 120px;background-color: #2976e7;color: #fff;border: 1px solid #fff;text-align: center;border-radius: 0px;padding: 5px 0;position: absolute;z-index: 1;left: 15%;top: 135%;margin-left: 27px;opacity: 1;transition: opacity 1s;font-size: 25px;opacity: 0;transition: opacity 1s;visibility: hidden;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir5:hover .tooltiptext {visibility: visible;opacity: 1;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir6 .tooltiptext {width: 120px;background-color: #2976e7;color: #fff;border: 1px solid #fff;text-align: center;border-radius: 0px;padding: 5px 0;position: absolute;z-index: 1;bottom: 160%;left: 0%;margin-left: 27px;opacity: 1;transition: opacity 1s;font-size: 25px;opacity: 0;transition: opacity 1s;visibility: hidden;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir6:hover .tooltiptext {visibility: visible;opacity: 1;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir1 .tooltiptext::after {content: "";position: absolute;top: 89%;left: -6%;margin-left: -5px;height: 30px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.header-section-style-1 .section-carouselExampleIndicators1 .cir2 .tooltiptext::after {content: "";position: absolute;top: 87%;left: -3%;margin-left: -5px;height: 30px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.header-section-style-1 .section-carouselExampleIndicators1 .cir3 .tooltiptext::after {content: "";position: absolute;left: 113%;margin-left: -5px;height: 30px;bottom: 86%;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.header-section-style-1 .section-carouselExampleIndicators1 .cir4 .tooltiptext::after {content: "";position: absolute;top: 89%;left: -6%;margin-left: -5px;height: 30px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.header-section-style-1 .section-carouselExampleIndicators1 .cir5 .tooltiptext::after {content: "";position: absolute;left: -6%;bottom: 85%;margin-left: -5px;height: 30px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(135deg);}
.header-section-style-1 .section-carouselExampleIndicators1 .cir6 .tooltiptext::after {content: "";position: absolute;top: 89%;left: -6%;margin-left: -5px;height: 30px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.header-section-style-1 .section-carouselExampleIndicators1 .cir1 .linetool::before {content: "";position: absolute;top: 83%;left: -3%;margin-left: -5px;height: 14px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.header-section-style-1 .section-carouselExampleIndicators1 .cir2 .linetool::before {content: "";position: absolute;top: 92%;left: -2%;margin-left: -5px;height: 14px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.header-section-style-1 .section-carouselExampleIndicators1 .cir3 .linetool::before {content: "";position: absolute;bottom: 106%;left: 106%;margin-left: -5px;height: 14px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.header-section-style-1 .section-carouselExampleIndicators1 .cir4 .linetool::before {content: "";position: absolute;top: 83%;left: -3%;margin-left: -5px;height: 14px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.header-section-style-1 .section-carouselExampleIndicators1 .cir5 .linetool::before {content: "";position: absolute;bottom: 101%;;left: 2%;margin-left: -5px;height: 11px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(135deg);}
.header-section-style-1 .section-carouselExampleIndicators1 .cir6 .linetool::before {content: "";position: absolute;top: 83%;left: -3%;margin-left: -5px;height: 14px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.header-section-style-1 .section-carouselExampleIndicators1 .cir1 .linetool::after {content: "";position: absolute;left: 95%;margin-left: -5px;height: 30px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(90deg);bottom: 71%;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir1 .linetool2::after {content: "";position: absolute;left: 107%;margin-left: -5px;height: 25px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(0deg);bottom: 44%;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir2 .linetool::after {content: "";position: absolute;left: 97%;margin-left: -5px;height: 30px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(90deg);bottom: 71%;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir2 .linetool2::after {content: "";position: absolute;left: 105%;margin-left: -5px;height: 25px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(0deg);bottom: 44%;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir3 .linetool::after {content: "";position: absolute;left: 11%;margin-left: -5px;height: 30px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(90deg);bottom: 71%;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir3 .linetool2::after {content: "";position: absolute;left: -1%;margin-left: -5px;height: 25px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(0deg);bottom: 45%;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir4 .linetool::after {content: "";position: absolute;left: 95%;margin-left: -5px;height: 30px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(90deg);bottom: 71%;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir4 .linetool2::after {content: "";position: absolute;left: 107%;margin-left: -5px;height: 25px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(0deg);bottom: 44%;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir5 .linetool::after {content: "";position: absolute;left: 95%;margin-left: -5px;height: 30px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(90deg);bottom: 71%;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir5 .linetool2::after {content: "";position: absolute;left: 107%;margin-left: -5px;height: 25px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(0deg);bottom: 43%;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir6 .linetool::after {content: "";position: absolute;left: 95%;margin-left: -5px;height: 30px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(90deg);bottom: 71%;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir6 .linetool2::after {content: "";position: absolute;left: 107%;margin-left: -5px;height: 25px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(0deg);bottom: 44%;}

@media (max-width: 1024px) {
    .header-section-style-1 .section-carouselExampleIndicators1 .cir1 .tooltiptext {width: 100px;background-color: #2976e7;color: #fff;border: 1px solid #fff;text-align: center;border-radius: 0px;padding: 5px 0;position: absolute;z-index: 1;bottom: 160%;left: 0%;margin-left: 27px;opacity: 1;transition: opacity 1s;font-size: 17px;}    
    .header-section-style-1 .section-carouselExampleIndicators1 .cir2 .tooltiptext {width: 130px;background-color: #2976e7;color: #fff;border: 1px solid #fff;text-align: center;border-radius: 0px;padding: 5px 0;position: absolute;z-index: 1;bottom: 160%;left: -5%;margin-left: 27px;opacity: 1;transition: opacity 1s;font-size: 17px;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir3 .tooltiptext {width: 100px;background-color: #2976e7;color: #fff;border: 1px solid #fff;text-align: center;border-radius: 0px;padding: 5px 0;position: absolute;z-index: 1;right: 201%;top: 140%;opacity: 1;transition: opacity 1s;font-size: 17px;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir4 .tooltiptext {width: 100px;background-color: #2976e7;color: #fff;border: 1px solid #fff;text-align: center;border-radius: 0px;padding: 5px 0;position: absolute;z-index: 1;bottom: 160%;left: 0%;;margin-left: 27px;opacity: 1;transition: opacity 1s;font-size: 17px;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir5 .tooltiptext {width: 100px;background-color: #2976e7;color: #fff;border: 1px solid #fff;text-align: center;border-radius: 0px;padding: 5px 0;position: absolute;z-index: 1;left: 15%;top: 135%;margin-left: 27px;opacity: 1;transition: opacity 1s;font-size: 17px;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir6 .tooltiptext {width: 100px;background-color: #2976e7;color: #fff;border: 1px solid #fff;text-align: center;border-radius: 0px;padding: 5px 0;position: absolute;z-index: 1;bottom: 160%;left: 0%;;margin-left: 27px;opacity: 1;transition: opacity 1s;font-size: 17px;}

    .header-section-style-1 .section-carouselExampleIndicators1 .cir1 .linetool2::after {content: "";position: absolute;left: 109%;margin-left: -5px;height: 25px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(0deg);bottom: 37%;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir2 .linetool2::after {content: "";position: absolute;left: 106%;margin-left: -5px;height: 25px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(0deg);bottom: 29%;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir4 .linetool2::after {content: "";position: absolute;left: 109%;margin-left: -5px;height: 25px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(0deg);bottom: 37%;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir6 .linetool2::after {content: "";position: absolute;left: 109%;margin-left: -5px;height: 25px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(0deg);bottom: 37%;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir3 .linetool2::after {content: "";position: absolute;left: -1%;margin-left: -5px;height: 25px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(0deg);bottom: 38%;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir5 .linetool2::after {content: "";position: absolute;left: 110%;margin-left: -5px;height: 25px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(0deg);bottom: 38%;}

    .header-section-style-1 .section-carouselExampleIndicators1 .cir2 .linetool::after {content: "";position: absolute;left: 95%;margin-left: -5px;height: 30px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(90deg);bottom: 62%;}
}

@media (max-width: 991px) {

    .header-section-style-1 .section-carouselExampleIndicators1 .mapnia { position: relative;      margin: auto;   width: 60%;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir1 .tooltiptext {width: 120px;background-color: #2976e7;color: #fff;border: 1px solid #fff;text-align: center;border-radius: 0px;padding: 5px 0;position: absolute;z-index: 1;bottom: 160%;left: 0%;margin-left: 27px;opacity: 1;transition: opacity 1s;font-size: 25px;opacity: 0;transition: opacity 1s;visibility: hidden;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir1:hover .tooltiptext { visibility: visible;opacity: 1;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir2 .tooltiptext {width: 200px;background-color: #2976e7;color: #fff;border: 1px solid #fff;text-align: center;border-radius: 0px;padding: 5px 0;position: absolute;z-index: 1;bottom: 160%;left: -5%;margin-left: 27px;opacity: 1;transition: opacity 1s;font-size: 25px;opacity: 0;transition: opacity 1s;visibility: hidden;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir2:hover .tooltiptext {visibility: visible;opacity: 1;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir3 .tooltiptext {width: 120px;background-color: #2976e7;color: #fff;border: 1px solid #fff;text-align: center;border-radius: 0px;padding: 5px 0;position: absolute;z-index: 1;right: 230%;top: 140%;opacity: 1;transition: opacity 1s;font-size: 25px;opacity: 0;transition: opacity 1s;visibility: hidden;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir3:hover .tooltiptext {visibility: visible;opacity: 1;;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir4 .tooltiptext {width: 120px;background-color: #2976e7;color: #fff;border: 1px solid #fff;text-align: center;border-radius: 0px;padding: 5px 0;position: absolute;z-index: 1;bottom: 160%;left: 0%;margin-left: 27px;opacity: 1;transition: opacity 1s;font-size: 25px;opacity: 0;transition: opacity 1s;visibility: hidden;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir4:hover .tooltiptext {visibility: visible;opacity: 1;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir5 .tooltiptext {width: 120px;background-color: #2976e7;color: #fff;border: 1px solid #fff;text-align: center;border-radius: 0px;padding: 5px 0;position: absolute;z-index: 1;left: 15%;top: 135%;margin-left: 27px;opacity: 1;transition: opacity 1s;font-size: 25px;opacity: 0;transition: opacity 1s;visibility: hidden;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir5:hover .tooltiptext {visibility: visible;opacity: 1;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir6 .tooltiptext {width: 120px;background-color: #2976e7;color: #fff;border: 1px solid #fff;text-align: center;border-radius: 0px;padding: 5px 0;position: absolute;z-index: 1;bottom: 160%;left: 0%;margin-left: 27px;opacity: 1;transition: opacity 1s;font-size: 25px;opacity: 0;transition: opacity 1s;visibility: hidden;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir6:hover .tooltiptext {visibility: visible;opacity: 1;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir1 .tooltiptext::after {content: "";position: absolute;top: 89%;left: -6%;margin-left: -5px;height: 30px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir2 .tooltiptext::after {content: "";position: absolute;top: 87%;left: -3%;margin-left: -5px;height: 30px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir3 .tooltiptext::after {content: "";position: absolute;left: 113%;margin-left: -5px;height: 30px;bottom: 86%;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir4 .tooltiptext::after {content: "";position: absolute;top: 89%;left: -6%;margin-left: -5px;height: 30px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir5 .tooltiptext::after {content: "";position: absolute;left: -6%;bottom: 85%;margin-left: -5px;height: 30px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(135deg);}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir6 .tooltiptext::after {content: "";position: absolute;top: 89%;left: -6%;margin-left: -5px;height: 30px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir1 .linetool::before {content: "";position: absolute;top: 83%;left: -3%;margin-left: -5px;height: 14px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir2 .linetool::before {content: "";position: absolute;top: 92%;left: -2%;margin-left: -5px;height: 14px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir3 .linetool::before {content: "";position: absolute;bottom: 106%;left: 106%;margin-left: -5px;height: 14px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir4 .linetool::before {content: "";position: absolute;top: 83%;left: -3%;margin-left: -5px;height: 14px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir5 .linetool::before {content: "";position: absolute;bottom: 101%;;left: 2%;margin-left: -5px;height: 11px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(135deg);}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir6 .linetool::before {content: "";position: absolute;top: 83%;left: -3%;margin-left: -5px;height: 14px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir1 .linetool::after {content: "";position: absolute;left: 95%;margin-left: -5px;height: 30px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(90deg);bottom: 71%;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir1 .linetool2::after {content: "";position: absolute;left: 107%;margin-left: -5px;height: 25px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(0deg);bottom: 44%;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir2 .linetool::after {content: "";position: absolute;left: 97%;margin-left: -5px;height: 30px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(90deg);bottom: 71%;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir2 .linetool2::after {content: "";position: absolute;left: 105%;margin-left: -5px;height: 25px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(0deg);bottom: 44%;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir3 .linetool::after {content: "";position: absolute;left: 11%;margin-left: -5px;height: 30px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(90deg);bottom: 71%;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir3 .linetool2::after {content: "";position: absolute;left: -1%;margin-left: -5px;height: 25px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(0deg);bottom: 45%;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir4 .linetool::after {content: "";position: absolute;left: 95%;margin-left: -5px;height: 30px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(90deg);bottom: 71%;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir4 .linetool2::after {content: "";position: absolute;left: 107%;margin-left: -5px;height: 25px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(0deg);bottom: 44%;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir5 .linetool::after {content: "";position: absolute;left: 95%;margin-left: -5px;height: 30px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(90deg);bottom: 71%;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir5 .linetool2::after {content: "";position: absolute;left: 107%;margin-left: -5px;height: 25px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(0deg);bottom: 43%;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir6 .linetool::after {content: "";position: absolute;left: 95%;margin-left: -5px;height: 30px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(90deg);bottom: 71%;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir6 .linetool2::after {content: "";position: absolute;left: 107%;margin-left: -5px;height: 25px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(0deg);bottom: 44%;}

}

@media (max-width: 500px) {
    .header-section-style-1 .section-carouselExampleIndicators1 .mapnia {position: relative;width: 60%;margin-left: 12%;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir1 .tooltiptext {width: 100px;background-color: #2976e7;color: #fff;border: 1px solid #fff;text-align: center;border-radius: 0px;padding: 5px 0;position: absolute;z-index: 1;bottom: 160%;left: 0%;margin-left: 27px;opacity: 1;transition: opacity 1s;font-size: 17px;}    
    .header-section-style-1 .section-carouselExampleIndicators1 .cir2 .tooltiptext {width: 155px;background-color: #2976e7;color: #fff;border: 1px solid #fff;text-align: center;border-radius: 0px;padding: 5px 0;position: absolute;z-index: 1;bottom: 160%;left: -5%;margin-left: 27px;opacity: 1;transition: opacity 1s;font-size: 17px;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir3 .tooltiptext {width: 100px;background-color: #2976e7;color: #fff;border: 1px solid #fff;text-align: center;border-radius: 0px;padding: 5px 0;position: absolute;z-index: 1;right: 230%;top: 140%;opacity: 1;transition: opacity 1s;font-size: 17px;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir4 .tooltiptext {width: 100px;background-color: #2976e7;color: #fff;border: 1px solid #fff;text-align: center;border-radius: 0px;padding: 5px 0;position: absolute;z-index: 1;bottom: 160%;left: 0%;margin-left: 27px;opacity: 1;transition: opacity 1s;font-size: 17px;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir5 .tooltiptext {width: 100px;background-color: #2976e7;color: #fff;border: 1px solid #fff;text-align: center;border-radius: 0px;padding: 5px 0;position: absolute;z-index: 1;left: 15%;top: 135%;margin-left: 27px;opacity: 1;transition: opacity 1s;font-size: 17px;}
    .header-section-style-1 .section-carouselExampleIndicators1 .cir6 .tooltiptext {width: 100px;background-color: #2976e7;color: #fff;border: 1px solid #fff;text-align: center;border-radius: 0px;padding: 5px 0;position: absolute;z-index: 1;bottom: 160%;left: 0%;margin-left: 27px;opacity: 1;transition: opacity 1s;font-size: 17px;}

.header-section-style-1 .section-carouselExampleIndicators1 .cir1 .linetool2::after {content: "";position: absolute;left: 110%;margin-left: -5px;height: 25px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(0deg);bottom: 37%;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir2 .linetool2::after {content: "";position: absolute;left: 106%;margin-left: -5px;height: 25px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(0deg);bottom: 37%;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir4 .linetool2::after {content: "";position: absolute;left: 109%;margin-left: -5px;height: 25px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(0deg);bottom: 37%;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir6 .linetool2::after {content: "";position: absolute;left: 109%;margin-left: -5px;height: 25px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(0deg);bottom: 37%;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir3 .linetool2::after {content: "";position: absolute;left: -3%;margin-left: -5px;height: 25px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(0deg);bottom: 38%;}
.header-section-style-1 .section-carouselExampleIndicators1 .cir5 .linetool2::after {content: "";position: absolute;left: 110%;margin-left: -5px;height: 25px;border-width: 1px;border-style: solid;border-color: #fff;transform: rotate(0deg);bottom: 38%;}

}
@media (max-width: 425px) {
    .header-section-style-1 .section-carouselExampleIndicators1 .mapnia {position: relative;width: 65%;margin-left: 9%;}
}


.section-carouselExampleIndicators1 .zone-3 .row-3 { margin-bottom: 20px; }
.section-carouselExampleIndicators1 .zone-3 .row-1 { color: #fff; text-align: center; line-height: 30px; padding-top: 25px; }
.section-carouselExampleIndicators1 .zone-3 .row-1 p { text-align: center; width: 100%; margin: 0; }
.section-carouselExampleIndicators1 .zone-3 .row-1 .main-title{ font-size: 38px; }
.section-carouselExampleIndicators1 .zone-3 .row-1 .sub-title{ font-size: 28px; }

.section-carouselExampleIndicators1 .zone-1 .row-1 .col-md-12{ padding-right: 0; }
.section-carouselExampleIndicators1 .zone-1 .row-1 .main-title { padding-top: 25px; padding-bottom: 7px; font-size: 44px; color: #fff; font-weight: bold; line-height: 30px; margin: 0; padding-left: 15px; }
.section-carouselExampleIndicators1 .zone-1 .row-2 .list-menu { color: #fff; font-size: 21px; line-height: 46px; list-style-position: inside; padding-left: 0; }
li.pulse em{ position: relative;}
li.pulse:hover em{ border: 2px solid #9ACCFF; border-radius: 50%; background: #3e77d5; padding-right: 0; transition: .35s; }
li.pulse:first-child:before {top: 20px; }
.chart-entrepreneur { width: 450px; position: absolute; bottom: 0; right: 0; }
.chart-entrepreneur #chart-1::before {  width: 300px; height: 300px; }
.chart-entrepreneur #trader_total { margin-top: 20px; }
.header-section-style-1 { background: #000; }
.list-menu li.pulse:first-child:before {top: 22px; }
.list-menu li.pulse:last-child:before {height: 20px; }
.list-menu li.pulse:before {
  content: "";
  position: absolute;
  left: 21px;
  border-left: 1px solid #3e77d5;
  height: 22%;
  width: 1px;
}
.list-menu li.pulse a:hover {color: #9ACCFF;}
.list-menu em { font-size: 15px; color: #144E8E;}

.pulse { list-style: none; }
.pulse a { color: #fff; margin-left: 15px; }
.section-carouselExampleIndicators1 .zone-3 .entre-chart-box-1::before { background-color: #01204c; }
.section-carouselExampleIndicators1 .zone-3 .entre-chart-box-2::before { background-color: #830f10; }
.section-carouselExampleIndicators1 .zone-3 .entre-chart-box-3::before { background-color: #f99c00; }
.section-carouselExampleIndicators1 .zone-3 .entre-chart-box-4::before { background-color: #207d8c; }

@media (max-width: 1024px) {.pulse a { color: #fff; font-size: 17px; }}
@media (max-width: 991px) {.pulse a { color: #fff; font-size: 25px; }}
@media (max-width: 500px) {
	.pulse a { color: #fff; font-size: 21px; }
	.list-menu .pulse a {font-size: 18px;}
	/* .header-section-style-1 .section-carouselExampleIndicators1 #carouselExampleIndicators img {height: 400px} */
	.index-container .section-1 .box-detail {box-shadow: none;}
	.index-container .section-1 .title-main {font-size: 40px;}
	.index-container .box-title .title-sub {font-size: 23px !important;}
	.index-container .section-7 .item-list a {font-size: 21px !important;}
	.index-container .section-5 .box-item .item .image {font-size: 55px;}
    .index-container .section-5 .box-item .item .title {height: auto;}
    
    .list-menu em { padding-right: 4px;}

    .index-container .section-1 #section1-silde-001 img {height: 250px; padding: 15px; border-radius: 10px;}
    .index-container .section-1 #section1-silde-001 img {box-shadow: 1px 6px 12px -2px rgb(66 66 66 / 0%);}

    .index-container .section-6 .main-content p.title {font-size: 27px; height: auto;}
    .index-container .section-6 .main-content p.detail {font-size: 19px;     overflow: hidden; height: 87px;}
    .index-container .section-6 .main-content .content-detail {height: auto;}
    .index-container .section-6 .main-content p.time {font-size: 17px;}

    .index-container .section-4 .homecard .image .category-bg {    height: 55px;}
    .index-container .section-4 .homecard .image .name {font-size: 29px;}

    .index-container .section-2 .box-item .item .detail .title {font-size: 29px;}
    .index-container .section-2 .box-item .item .detail .amount {font-size: 60px;}
    .index-container .section-2 .box-item .item .detail .name {font-size: 25px;}

}


.section-carouselExampleIndicators1 .section-chart #chart-1 rect { width: 100%; height: 100%; }
.section-carouselExampleIndicators1 .section-chart .btn { padding: 10px; }
.chart-entreprenuer #chart-1-group { height: auto !important; }




.section-carouselExampleIndicators1 .zone-3  {
    padding-left: 0;
}

.section-carouselExampleIndicators1 .zone-3 .row-3 .column-1  {
    padding-left: 2%;
    padding-right: 0;
}
.section-carouselExampleIndicators1 .zone-3 .row-3 .column-2  {
    padding-left: 2%;
    padding-right: 0;
}
.section-carouselExampleIndicators1 .zone-3 .row-4 .column-3  {
    padding-left: 2%;
    padding-right: 0;
}
.section-carouselExampleIndicators1 .zone-3 .row-4 .column-4  {
    padding-left: 2%;
    padding-right: 0;
}
.index-container .section-1 .detail {line-height: 35px;}

.article-date-view, .pdficon{     padding-right: 5px !important; border-right: 1px solid #cbcbcb !important;  margin-right: 10px !important;}

table.dataTable thead th, table.dataTable thead td { padding : 10px 10px }

.dataservice-container .dataservice-container .dataservice .title-sub { padding-top: 30px;}

.section-chart .zone-1 { padding-left: 18px;}

/* .dataTables_wrapper { overflow: auto; } */
.sub-footer {display: none;}
.innovation-district-content .box-title .title {border-left: 2px solid #01074e;padding-left: 10px;padding-bottom: 0;margin-bottom: 20px;}


/* #chart-1 > div { z-index: 9; }  */
/* #chart-1 desc[id]{ position: absolute; z-index: 999999; background: greenyellow !important; display: block } */


.button { border: none; text-align: center; margin-right: 5px; transition: all .35s; display: inline-block; background: #999999; color: #fff; padding: 6px 20px; font-weight: normal; font-size: 25px; cursor: pointer;}
.button:hover { color: #fff; box-shadow: 0px 0px 4px 1px #535353;}
.button.button-primary { color: #fff; background: #14346d; }
.button.button-warning { color: #fff; background: #ff9800; }
.button.button-danger { color: #fff; background: #990000; }
.button.button-gradient-1 { background: linear-gradient( to right, #2f4d87, #971018); }
.button.disabled {opacity: .6;}
.button .icon-left { position: relative; top: 2px; right: 5px; }
.button .icon-right { position: relative; top: 2px; left: 5px; }
.button a:active
.button a:focus
{ text-decoration: none; }

#backgroundvideo { width: 100%; height: 710px; object-fit: cover;}
.tab-1 .section-chart .content { position: absolute; top: 0; background: rgb(0 58 123 / 83%); color: #f1f1f1; width: 100%; padding: 20px; height: 710px; }
.tab-2 .section-chart .content { position: absolute; top: 0; background: rgb(0 45 146 / 40%); color: #f1f1f1; width: 100%; padding: 20px; height: 710px; }

#carouselExampleIndicators #arrow-tab1,
#carouselExampleIndicators #arrow-tab2
{  position: absolute; top: 50%; transform: translateY(-50%); transition: transform .35s; cursor: pointer; width: 50px; }

#carouselExampleIndicators #arrow-tab1 { right: 5%; }
#carouselExampleIndicators #arrow-tab2 { left: 5%; }


#carouselExampleIndicators .hightlight-tab.tab-2 p { font-family: 'Kanit'; }
#carouselExampleIndicators .hightlight-tab.tab-2 p.number { font-size: 25px; font-weight: bold;}
#carouselExampleIndicators .hightlight-tab.tab-2 .number em { display: inline-block; width: 50px; }

#carouselExampleIndicators .hightlight-tab.tab-2 .box-1 p.number { font-size: 40px; font-weight: bold;}
#carouselExampleIndicators .hightlight-tab.tab-2 .box-1 em { font-size: 40px; font-weight: bold;}

#carouselExampleIndicators .header-text1 { color: #74B9FF; font-size: 34px; font-weight: bold; margin: 0;}
#carouselExampleIndicators .header-text2 { font-size: 22px;}


#carouselExampleIndicators .content-detail [class^="box-"] {text-align: left; padding: 10px; min-height: 90px; height: 100%; }
#carouselExampleIndicators .content-detail [class^="box-"] .row { height: 100%; }
#carouselExampleIndicators .content-detail [class^="box-"] .row [class*="col-md-"] { margin-top: auto; margin-bottom: auto; }
#carouselExampleIndicators .content-detail [class^="box-"] .row [class*="col-md-7"] { padding-right: 5px; padding-left: 5px; }
#carouselExampleIndicators .content-detail .padding-right-0 { padding-right: 0;}
#carouselExampleIndicators .content-detail .padding-left-6 { padding-left: 6px;}
#carouselExampleIndicators .content-detail .margin-bottom-6 { margin-bottom: 6px;}
#carouselExampleIndicators .content-detail p {margin: auto;}
#carouselExampleIndicators .content-detail .box-1 { background: #2C5282; border: 1px solid #7E97BF; height: 100%; }
#carouselExampleIndicators .content-detail .box-2 { background: #9B2C2C; border: 1px solid #DD978E; }
#carouselExampleIndicators .content-detail .box-3 { background: #D69E2E; border: 1px solid #EABE78; }
#carouselExampleIndicators .content-detail .box-4 { background: #2B6CB0; border: 1px solid #84A6D7; }
#carouselExampleIndicators .content-detail .box-5 { background: #718096; border: 1px solid #9DB1C9; }

#carouselExampleIndicators .content-detail .image-icon { width: 28px; display: block; margin-left: auto; margin-bottom: 20px;}
#carouselExampleIndicators .content-detail .image-icon-arrow { width: 10px; margin-left: 5px;}
#carouselExampleIndicators .content-detail .box-right .text { font-size: 14px;}


#carouselExampleIndicators .content-detail .box-1 .col-md-5:first-child .image-icon { display: block; margin-left: auto; width: 54px; }
#carouselExampleIndicators .content-detail .box-1 .image-icon { display: block; margin-left: auto; width: 100px; }
#carouselExampleIndicators .content-detail .box-1 .number { text-align: left; }
#carouselExampleIndicators .content-detail .box-1 .text { text-align: left; font-size: 14px; }
#carouselExampleIndicators .content-detail { margin: auto; }

.home-search-tag {
    margin-bottom: 0px;
}

.tab-hearder a { font-family: 'Kanit'; color: #CCCCCC;  font-size: 20px; margin-right: 40px;}
.tab-hearder a.active { border-bottom: 3px solid #144e8e; color: #144E8E; }
.tab-hearder { margin-bottom: 15px;}
/* .section-table table td{ font-family: 'Kanit'; } */
.section-table .dataTables_wrapper .dataTables_paginate .paginate_button { padding: 0.1em 0.7em; margin-right: 3px; }

.entrepreneur-table-section,
.project-table-section,
.infratructure-table-section,
.project-detail-section,
.entrepreneur-detail-section,
.infrastructure-detail-section
{ background: #fff; padding: 20px 0;}

.navbar-ham .img-logo { width: 200px;}

.section-chart .indicator a{ font-size: 15px; color: #789AC0; font-family: 'Kanit'; transition: .35s;}
.section-chart .indicator a:first-child { margin-left: 15px; margin-right: 30px;}
.section-chart .indicator a.active { font-size: 18px; color: #9ACCFF; text-decoration: underline;}
.section-chart .indicator a:hover { color: #fff;}


.backg-white { max-width: 1400px; margin: auto; background: #fff; position: relative; padding-bottom: 2px; margin-top: 30px; margin-bottom: 30px; }
.hightlight-tab.tab-2 .content-detail a { color: #fff; }

.hightlight-tab.tab-2 .content-detail .box-1 .row,
.hightlight-tab.tab-2 .content-detail .box-2 .row,
.hightlight-tab.tab-2 .content-detail .box-3 .row,
.hightlight-tab.tab-2 .content-detail .box-4 .row,
.hightlight-tab.tab-2 .content-detail .box-5 .row
{ transition: 0.35s;}

.hightlight-tab.tab-2 .content-detail .box-1:hover .row,
.hightlight-tab.tab-2 .content-detail .box-2:hover .row,
.hightlight-tab.tab-2 .content-detail .box-3:hover .row,
.hightlight-tab.tab-2 .content-detail .box-4:hover .row,
.hightlight-tab.tab-2 .content-detail .box-5:hover .row
{ transform: scale(1.1);}



.hightlight-tab {transition: all .35s;}
.hightlight-tab.active { display: block; }
.hightlight-tab.noneactive { display: none; }

/* .hightlight-tab.active { transform: translateX(0); }
.hightlight-tab.noneactive { transform: translateX(-100%); } */

.hightlight-tab.tab-1,
.hightlight-tab.tab-2
{height: 710px;}

.manage-profile-btn .btn { border-radius: 0; margin-right: 5px; }

.fade.in { opacity: 1; }
.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.modal-backdrop.in { opacity: 0.5; }
.bootstrap-dialog.type-primary .modal-header { background-color: #fff; display: block; }
.bootstrap-dialog .bootstrap-dialog-title { color: #333; font-size: 26px; }
.modal-header .close { font-size: 34px; }
.modal-footer { display: block; text-align: center; }

.swal2-header { font-size: 14px !important; }
#swal2-content { font-size: 24px !important; }
.swal2-confirm { font-size: 18px !important; }
.swal2-cancel { font-size: 18px !important; }
.swal2-container .swal2-header  .swal2-title {font-family: 'DB HelvethaicaX Med'; font-weight: normal; font-size: 40px;}

a.jFiler-item-title {
    text-align: left;
    font-size: 18px;
}

input::-webkit-calendar-picker-indicator { display: none !important; }

.dropdown-menu>li>a { font-size: 18px; }
.app-box .btn-primary { background-color: #14346D; border-color: #14346D; }
.app-box .btn-primary:hover { background-color: #0c1f42; border-color: #0c1f42; }
.innovation-info .btn-primary { background-color: #14346D; border-color: #14346D; }
.innovation-info .btn-primary:hover { background-color: #0c1f42; border-color: #0c1f42; }

.form-horizontal input.form-control, .form-horizontal select.form-control { height: 40px; }
.panel-file .jFiler-theme-default .jFiler-input {
    margin: 0px !important;
    margin-bottom: 15px !important;
    display: inline-block;
    font-size: 18px;
}

.qrcode-item.slick-slide em { font-size: 18px; position: relative; top: 3px; }

.form-horizontal .checkbox, 
.form-horizontal .checkbox-inline, 
.form-horizontal .radio, 
.form-horizontal .radio-inline {
    padding-top: 3px !important;
}

.bootstrap-select .dropdown-menu li a span.text { font-size: 22px; }
.bootstrap-select .dropdown-menu li { font-size: 22px; }
.bs-searchbox .form-control { font-size: 22px; }
.bootstrap-select>.dropdown-toggle { font-size: 20px; }
.app-box .bootstrap-select .dropdown-toggle:focus { outline: unset !important; }
.bootstrap-select .dropdown-toggle .filter-option-inner-inner { font-size: 22px; }

b { font-family: 'DB HelvethaicaX Med' !important; font-weight: normal !important; }