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

*{
    font-family: 'Kanit', sans-serif;
} */
@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-family: "DBHelvethaicaX-Regular";
}
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);
}
.navbar-style-1 .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-expand-lg .navbar-collapse {
    padding-right: 42px;
    position: relative;
    top: -4px;
}
.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-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: #003b73;
    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: 4px;
}
.topnav-box a {
    font-size: 26px;
    /* 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 {
    padding-top: 10px;
    padding-bottom: 20px;
}
.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;
}
.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;
    background-color: #333333;
    border-radius: 6px;
    padding-left: 70px;
    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;
    /* position:absolute; */
    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 {
    /* padding: 18px 20px 10px 20px; */
    /* background-color: #123c64; */
}
/* .entre-compare-header i {
    font-size: 48px;
} */
.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;
}
.entre-and-funed .entre-row-3-header {
    /* line-height: 1.1; */
    /* margin-top: -10px; */
}
/* 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-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: 26px;
    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: 26px;
    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     ======== */
/* =============================== */

.sub-footer {
    padding-top: 46px;
    padding-bottom: 46px;
    background-color: #fff;
}
.footer-bottom {
    padding-top: 30px;
    color: #fff;
    background-color: #1b2936;
}
.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;
    }
    .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-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;
    }
 
#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: 500px;
    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: 8px 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: 175px; height: 74px;}
/* .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: 18px;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%;}
.main-body.filter-is-visible .innovation-data-section2 {}
.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: 45px !important;font-family: "Prompt" !important;text-align: center;margin-bottom: 15px !important;color: #112F4C;}
.dark-style-title h2 .fa-minus {font-size: 24px;color: #112F4C;}
.all-startup-operator h1 {font-weight: bold !important;line-height: 54px;}
.lineword { letter-spacing: -3px;margin-right: 37px;margin-left: 37px;}
.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: #f8f8f8;}
.traderDataTable .grey-header {background: #283361;}



.mainmenu001 {background: #f8f9fa;display: block;float: left;width: 100%;z-index: 999;position: relative;}
.mainmenu001 .main-navbar {position: initial !important;}
.mainmenu001 .main-navbar .navbar-style-1 {box-shadow: 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: 29px !important;height: 32px !important;}
.ind-box .ind-name {font-size: 15px ;line-height: 21px !important;font-family: tahoma;}
.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 td a, #projectDataTable td a, #infrastructureDataTable td a {font-size: 15px ;color: #055391;}
#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-family: tahoma;font-size: 14px;}
.home-search-tag{width: 100%; margin-bottom: 40px; margin-left: 0px;}

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



#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: 3%;}
#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: 10px 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-col-1 h1, .data-industrial-col-2 h1, .data-industrial-col-3 h1, .data-industrial-col-4 h1 {font-size: 46px;}

.data-industrial span { display: block; }
.data-industrial-food p {font-size: 30px !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: 1024px) 
{}

@media (min-width: 769px) and (max-width: 999px)
{}

@media only screen and (max-width: 768px) 
{
.navbar-ham {display: initial;}
.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;}
.footer-logo img {height: 120px;}
.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: 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: 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;}
.navbar-ham .navbar-nav .nav-item ul.navbar-nav a {}
.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;}
.indexsec { font-family: "DBHelvethaicaX Li"!important;}

.submanu.nav-section {display: block;width: 100%;z-index: 999;position: relative;}
.submanu.nav-section .nav-bg { background-image: linear-gradient(to right, #072064, #1e519e, #072064); z-index: 1000; }
.submanu.nav-section .main-navbar {position: initial !important;}
.submanu.nav-section .main-navbar .navbar { box-shadow: none; padding-top: 8px; padding-bottom: 8px; }
.submanu.nav-section .main-navbar .navbar a { color: #fff; font-size: 19px; }
.submanu.nav-section .main-navbar .navbar-expand-lg .navbar-nav .nav-link { padding-right: 5px; padding-left: 5px; }
.submanu.nav-section .main-navbar .navbar-expand-lg .navbar-collapse { top: 0; }
.submanu.nav-section .main-navbar .active .nav-link { padding: 0px 25px;}
.submanu.nav-section .main-navbar .nav-link  {padding: 0px 25px;}

/************** Page Info Only ****************/

.section1 { background-image: url(/images/bg2.jpg); background-size: cover; background-repeat: repeat; background-position: top center; padding-bottom: 50px; padding-top: 50px;height: 463px;}
.section1 .detail { font-size: 29px; line-height: 36px; }
.section1 a { color: #005490; float: right; font-size: 28px; padding-top: 20px; }
/* .section1 .detail p { height: 318px; overflow: hidden; line-height: 33px; padding-top: 10px; } */
.section1 iframe { height: 330px; }

.section1 .detail .video005 { float: left;}
.section1 .detail .text005 { float: left; padding-top: 12px;}

.section3 { background-image: url(/images/bg5.png); background-size: cover; background-repeat: repeat; }

.section3 .section3-container { padding-top: 85px; padding-bottom: 60px; }
.section3 .header .detail .title { font-size: 80px; margin-bottom: -6px; line-height: 1; }
.section3 .header .detail { font-size: 30px;}
.section4 { background-image: url(/images/bg6.png); background-size: cover;  background-repeat: repeat; background-position: top center; padding-top: 20px; padding-bottom: 40px; line-height: 0.5; margin: 0;}
.section4 .title-main { font-size: 61px; font-weight: bold; color: #fff; font-family: tahoma-bd !important; }
.section4 .title-sub { margin-top: 35px!important; }
.section4 .sub-contant .item {
    background-color: #ffffff;
    margin-bottom: 30px;
    color: #000000;
    transition: 0.5s;
    width: 100%;
    margin: auto;
}
.section4 .title {
    font-size: 29px;
    font-weight: normal;
    overflow: hidden;
    height: 95px;
    word-break: break-word;
    line-height: 1.3;
    padding: 16px 10px 10px 20px;
    color: #000000;
    margin-bottom: 0;
}
.section4 .time {padding: 18px 10px 28px 20px; font-size: 22px; color: #333;}
.section4 .sub-contant .item .content-image img {
    width: 100%;
    object-fit: cover;
    height: 250px;
}
.section4 .box-title {
    float: left;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 30px;
    
}


.section5 {
    background-image: url(/images/bg2.jpg);
    background-size: cover;
    background-repeat: repeat;
    background-position: top center;
    font-family: "DBHelvethaicaX Med.TTF";    
    height: 100%;

}
.section5 { padding-top: 20px; }
.section5 .header p.title-head { padding-top: 30px; padding-bottom: 24px; font-size: 70px;color: #666666; font-family: tahoma-bd }
.section5 .header p.detail-head { padding-bottom: 30px;font-size: 50px;color: #666666; }

.section5 p {
    margin-bottom: 0;
}

.section5 p.titlek {
    font-size: 27px;
    padding: 15px 15px;
    height: 100px;
    overflow: hidden;
    color: #000000;
    line-height: 30px;
}

.section5 p.titlek .recent-work-list ul li:nth-of-type(2n+1) { background-color: #c8c8c8 !important; }

.section5 p.timek {
    margin-bottom: 0;
    padding: 10px 15px;
    color: #000000;
    font-size: 21px;
    height: 50px;
}

.section5 .box-innovation {
    width: 33%;
    display: inline-block;
    margin: 0;
    padding: 5px;
    text-align: center;
    background-color: #000;
    color: #fff;
    font-size: 25px;
    cursor: pointer;
    transition: 0.5s;

}

.section5 .sub-innovation {
        display: none;
        cursor: pointer;
        opacity: 0.8; transition: 0.5s;
    }

.section5 .sub-document {
        display: none;
        cursor: pointer;
        opacity: 0.8; transition: 0.5s;
    }


.section5 .title-head {
        font-size: 80px;
        color: #666666;
        font-weight: 900;
        text-align: center;
        line-height: 0.7;

    }

.section5 .detail-head {
        font-size: 40px;
        color: #666666;
        font-weight: 100;
        text-align: center;
        line-height: 0.7;
    }

.section5 .sub-knowledge .item {
    background-color: #ffffff;
    margin-bottom: 40px;
    color: #949494;
    transition: 0.5s;
}

.section5 .sub-knowledge .item:hover,.sub-innovation .item:hover {
        cursor: pointer;
        box-shadow: 0 0 12px 1px #828282;
        opacity: 0.8;
    }

 .section5 .sub-knowledge .item .knowledge-image img {
        width: 100%;
        object-fit: cover;
        height: 192px;
        margin-top: -13px;
    }

.section5 .sub-knowledge .item .detail {
        font-size: 25px;
        line-height: 1;
    }

.section5 a:hover {
        text-decoration: none;
    }

.section5 .sub-innovation .item {
    background-color: #ffffff;
    margin-bottom: 40px;
    color: #000000;
    transition: 0.5s;
    }

.section5 .sub-innovation .item .innovation-image img {
    width: 100%;
    object-fit: cover;
    height: 192px;
    margin-top: -13px;
    }

.section5 .sub-innovation .item .detail {
        font-size: 25px;
        line-height: 1;
    }

.section5 .sub-category-box-innovation {
        width: 33%;
        display: inline-block;
        margin: 0;
        padding: 5px;
        text-align: center;
        background-color: #000;
        color: #fff;
        font-size: 25px;
        cursor: pointer;
        opacity: 1;
        transition: 0.5s;
        padding-top: 10px;
        height: auto;
        box-shadow: none;
    }
.section5 .sub-category-box-document {
        width: 33.511%;
        display: inline-block;
        margin: 0;
        padding: 5px;
        text-align: center;
        background-color: #000000;
        color: #fff;
        font-size: 25px;
        cursor: pointer;
        opacity: 1;
        transition: 0.5s;
        box-shadow: none;
        padding-top: 10px;
        height: auto;
    }
.section5 .sub-category-box-knowledge {
    background-color: #fc0;
    width: 33%;
    display: inline-block;
    margin: 0;
    padding: 5px;
    text-align: center;
    color: #000000;
    font-size: 25px;
    cursor: pointer;
    transition: 0.5s;
    opacity: 1;
    box-shadow: none;
    padding-top: 10px;
    height: auto;

}
.section5 .menubox {
    background-color: #000000;
    padding-left: 0px;
    padding-right: 0px;

}
.knowledge-inner,.innovation-inner,.document-inner {
    font-size: 25px;
}



/************** End Page Info Only ****************/

a:hover { text-decoration: none; }
.section-content {padding-top: 50px;}
.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-family: "Prompt" !important;font-size: 45px; line-height: 1; }
.section-content [class^=col-md-] { margin-bottom: 10px; }
.section-content #content-box { margin-bottom: 30px; }
.section-content .box-item .content-image img { height: 247px; width: 100%; object-fit: cover; }
.section-content .box-item .content-detail {    overflow: hidden;
    padding: 20px;
    /* height: 262px; */
}
.section-content .box-item .content-detail p.title { font-size: 40px;
    overflow: hidden;
    max-height: 95px;
    height: auto;
    word-break: break-word;
    line-height: 1.2;
    color: #0662ab;}
.section-content .box-item .content-detail p.detail {     font-size: 30px;
    line-height: 40px;
    color: #333;
    max-height: 80px;
    height: auto;
    overflow: hidden;}
.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 .box-item-bg:hover { background: #f3f3f3; box-shadow: 0 0 8px 1px #8e8e8e; } */
.section-content .search-box { margin-bottom: 30px;}
.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; }

.section-content #search-btn { background: #036; border: unset; color: #fff; font-size: 23px; padding: 5px 10px 0 10px;  border-radius: unset; width: 80%;}
.section-content .custom-con { border-radius: unset; font-size: 30px; height: 50px; width: 100%; background: #0662ab; color: #fff; padding: 0 10px; }
.section-content .search-box input
, .section-content .search-box button { background-color: #e9ecef; }
.section-content span.fa-sort-desc{ position: absolute; right: 20px; top: 13px; color: #fff; }
.section-content span.fa-calendar { position: absolute; right: 37px; top: 20px; color: #fff; }
.section-content .fa-search  {position: absolute;left: 14px;top: 14px;}
.section-content input { width: 100%; }
.section-content #lstContentCategoryID {background: #036; color: #fff;font-size: 23px;}
.section-content #txtPublishDate { background: #4d7194; color: #fff; }
.section-content #keyword { background: #999999; }

.section-content #txtPublishDate::placeholder, .section-content #keyword::placeholder  {
    color: #fff; font-size: 23px;
  }
.section-content .pagination-box .page-item .page-link { background-color: #ffffff; border: 0px solid #dee2e6; }
.section-content .pagination-box .page-item.active .page-link { background-color: #eeeeee; }

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

/************** Page Footer Only ****************/
.footer-bottom { background-image: url(/images/bg-footer.png); height: 300px; padding-top: 40px; font-family: "DBHelvethaicaX-Regular"; }
.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 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: 35px;}
.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-color: #020538b5!important; }
.mainmenu002 .navbar-style-2 a { color: #fff !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 { margin: 0 20px 0 20px; line-height: 25px; font-size: 22px; font-weight: normal; padding-bottom: 0; padding-left: 10px; padding-right: 10px; }
.mainmenu002 .navbar-style-2 .navbar-nav .nav-link .fa {line-height: 20px;}
.mainmenu002 .dropdown-toggle::after { content: none; }
.mainmenu002 .navbar-style-2 a { color: #fff !important; }
.mainmenu002 .navbar-style-2 #navbarNav { padding: 5px 0px; }
.mainmenu002 .navbar { padding: 0; }
.mainmenu002 .navbar-expand-lg .navbar-collapse { top: 0 !important; }
.carousel-inner { height: 476px; }

/************** End Section mainmenu002 Only ****************/

#carouselExampleIndicators .carousel-inner img { object-fit: cover; }
#carouselExampleIndicators .tag-name { position: absolute; top: 293px; left: 102px; line-height: 52px; color: #0a3758; font-family: "Prompt-Regular"!important; }
#carouselExampleIndicators .name.th { font-size: 75px; font-weight: 600;letter-spacing: 3px; }
#carouselExampleIndicators .name.en { font-size: 37px; }

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

@media (max-width: 1370px){
    .mainmenu002 .navbar-style-2 .navbar-nav .nav-link { margin: 0px 10px 0 10px; }
    .submanu.nav-section .main-navbar .navbar-expand-lg .navbar-nav .nav-link { padding-right: 5px; padding-left: 5px; }
    .dark-style-title h2 { font-size: 40px !important; }
    .section1 {height: auto;}
    /* .dark-style-title .export-box { top: 40px;} */
}
@media (max-width: 1124px){
	.submanu.nav-section .navbar-expand-lg .navbar-collapse {padding-right: 0px;}
	.submanu.nav-section .main-navbar .navbar-expand-lg .navbar-collapse .navbar-nav li {width:30% !important;}
	.submanu.nav-section .main-navbar .navbar-expand-lg .navbar-collapse .navbar-nav {width:auto;}
}
@media (max-width: 1105px){
    .mainmenu002 .navbar-style-2 .navbar-nav .nav-link { margin: 0 0 0 10px; font-size: 25px;}
    .submanu.nav-section .main-navbar .navbar a { font-size: 19px; }
	.submanu.nav-section .main-navbar .navbar-expand-lg .navbar-collapse .navbar-nav li {float:left;}
.submanu.nav-section .main-navbar .navbar-expand-lg .navbar-collapse .navbar-nav{display: block;}
.submanu.nav-section .navbar-expand-lg .navbar-collapse {padding-right: 0px;}
.submanu.nav-section .main-navbar .navbar-expand-lg .navbar-collapse .navbar-nav li {width:30% !important;}
}
@media (max-width: 769px){
    .carousel-inner {height: auto;}
    #carouselExampleIndicators .tag-name { top: 88px; left: 20px; }
    .mainmenu002 .nav-top { background: #fff!important; }
    .mainmenu002 { height: 80px; }
    .mainmenu002 .navbar-style-2 { box-shadow: none;}
}
@media (max-width: 500px){
.list-menu .pulse a {font-size: 18px;}


.submanu.nav-section .main-navbar .navbar-expand-lg .navbar-collapse .navbar-nav li {    width: 29% !important;}
.submanu.nav-section .main-navbar .navbar-expand-lg .navbar-collapse .navbar-nav li {height: 163px;}

}

.sub-footer {display: none;}
.innovation-district-content .box-title .title {border-left: 2px solid #01074e;padding-left: 10px;padding-bottom: 0;}
.mainmenu002 .main-navbar nav { background-image: linear-gradient(to right, rgb(7, 32, 100), rgb(30, 81, 158), rgb(7, 32, 100));}
.submanu.nav-section .main-navbar .navbar-expand-lg .navbar-collapse .navbar-nav li {width: 20%;background: #1d6dc1;margin: 11px 5px;padding: 10px 0px;}
.submanu.nav-section .main-navbar .navbar-expand-lg .navbar-collapse .navbar-nav {width:100%;}
.submanu.nav-section .navbar-expand-lg .collapse:not(.show) {display: initial;}
.innovation-district-innovation .main-content .contentdistrict {background: #143ca2;border-radius: 5px;color: #fff;padding: 20px;}
.innovation-district-innovation .main-content .contentdistrict .col-md-12:nth-child(odd) {background: #fff;color: #333;}
.innovation-district-innovation .main-content .contentdistrict .col-md-12:nth-child(even) {background: #dee2e6;color: #333;}

.innovation-district-knowledge .main-content .contentdistrict {background: #143ca2;border-radius: 5px;color: #fff;padding: 20px;}
.innovation-district-knowledge .main-content .contentdistrict .col-md-12:nth-child(odd) {background: #fff;color: #333;}
.innovation-district-knowledge .main-content .contentdistrict .col-md-12:nth-child(even) {background: #dee2e6;color: #333;}

.innovation-district-content .box-title .title {border-left: 2px solid #01074e;padding-left: 10px;padding-bottom: 0;margin-bottom: 20px;}
.innovation-district-innovation .box-title .title {border-left: 2px solid #01074e;padding-left: 10px;padding-bottom: 0;margin-bottom: 20px;}
.innovation-district-knowledge .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::before { width: 350px; height: 350px; }