@charset "utf-8";
/*
 CSS Create by 2fellows
*/
.service-editor2f table thead tr th,
.content-tablelist2f .table>thead>tr>th,
.content-editor .table>thead>tr>th,
.text-list-information2f ul li a,
.box-checkbox-content label,
.detail-layout-booklist a,
.text-filedownload a,
.list-service ul li span,
.layout-service-type span.text-service2f,
.service-editor2f ul,
.service-editor2f ul li span,
.service-editor2f p span,
span.note-table,
.vision-detail span,
.board-title2f,
.faq-title a,
.faq-question-bubble,
.collape-view span,
.collape-view strong,
.noti-text ,
.structure-list-body2f ul li a:hover,
.structure-list-body2f ul li a:focus,
.t-author2f,
.box-position2f,
.job-title2f,
.topic-value span,
.detail-list-value a,
.des-results a,
.list-results ul li,
.btn-border-blue,
.link-documentation a,
.box-rss-feed .box-article-des2f .title2f a,
.box-advance-search .dropdown-header,
.box-advance-search .dropdown .btn-orange,
.content-job-list .content-tablelist2f .job-link a,
.name-organization a,
.name-organization h3,
.list-intro2f ul li,
.box-des-intro2f span.t-red,
.box-des-intro2f .t-intro,
.btn-send .btn,
.logo-text{
    font-family: 'DBHeavent_BoldCond';
}
.content-vocab .vocab-table a.vocab-link,
.structure-list-head2f h5,
.content-job-list .box-position2f.t-right2f,
.service-editor2f ul li,
.box-pagination2f .pagination>li>a{
    font-family: 'DBHeavent_Cond';
}
.box-article-des2f .title2f a,
.t-category,
.detail-business h3,
.box-list-information2f,
.box-gallery-list .asset-editor,
.main-detail-board > a,
.sector-pinciples span,
.text-list-information2f > h5,
.text-list-information2f a ,
.detail-asset ul li ,
.content-vocab .vocab-table a,
.content-tab .control-tab .r-tabs .r-tabs-nav .r-tabs-anchor,
.box-right-business .layout-compare span,
a.link-weblink,
.title-organization,
span.num-step ,
.box-head-report{
    font-family: 'DBHeavent_MedCond';
}
 .control-page2f{
     padding-bottom: 50px;
 }
 /* bannerinsite */
.layout-bannerinsite img {
    width:100%;
}
.layout-bannerinsite {
    line-height: 0;
    position: relative;
}
/* end bannerinsite */
/* navigation bar*/
.navigation-insite {
    background-color: #fff;
}
.navigation-insite .breadcrumb {
    background-color: transparent;
    margin-bottom: 0;
    padding: 8px 0;
    font-size: 22px;
    line-height: 22px;
}
.ContentBody .breadcrumb > li{
  vertical-align: unset !important;
}
.navigation-insite .breadcrumb li{
    font-size:22px;
    line-height: 22px;
    margin-right: 3px;
}
.navigation-insite .breadcrumb .CMSBreadCrumbsCurrentItem,
.navigation-insite .breadcrumb li:last-child{
  color: #02b2c3 !important;
}
.navigation-insite .breadcrumb a {
    color:#1e3359;
    margin-bottom: 0;
}
.navigation-insite .breadcrumb a:hover,
.navigation-insite .breadcrumb li.active span  {
    color:#02b2c3;
}
.navigation-insite .breadcrumb li a span {
    position: relative;
    top:3px;
    margin-right:10px;
}
.navigation-insite .breadcrumb li a:hover img{
    -moz-transition: scale(1.0);
    -webkit-transform: scale(1.0);
    transform: scale(1.0)
}
/* end navigation bar*/
.content-insiteright {
    position: relative;
    top:-50px;
}
.content-insite2f {
    padding:50px 0;
}
.content-insite2f ,
.wrapper2f::after{
    background-color: #f9f8fe;
}
.insite-headline h1,
.boxheadline2f h2 {
    font-size:70px;
    line-height: 70px;
    color: #1d3359;
}
.insite-headline h1{
    margin-bottom: 10px;
}
.insite-headline p,
.t-description1f {
    font-size:30px;
    line-height: 30px;
    color: #f89906;
}
.content-insiteleft {
    padding-bottom: 75px;
}
/* content-editor */
.service-editor2f  img,
.content-editor img,
.content-editor div img,
.content-editor p img {
    max-width: 100%;
    width: auto !important;
    height: auto !important;
}
.detail-asset {
    float: right;
}
.head-thumbnail2f .box-article-des2f > ul.list-inline > li,
.detail-asset ul li,
.list-view2f> ul >li{
    display: inline-block;
    color: #7c9abc;
    font-size: 21px;
    line-height: 15px;
    padding-right: 10px;
    position: relative;
    font-family: 'DBHeavent_Cond';
    float: left;
    height: 17px;
    margin-right: 2px;
}
.detail-asset ul li:last-child{
    margin: 0;
}
.head-thumbnail2f .box-article-des2f > ul > li::after, 
.list-view2f ul li::after,
.detail-asset ul li::before {
    content: '';
    width: 1px !important;
    height: 12px;
    background-color: #aabfd6;
    position: absolute;
    right: 2px;
    top: 1px;
}
.detail-asset ul li.view span {
    position: relative;
    top:0px;
    margin-right: 0px;
}
.detail-asset ul li.view img {
    width: 13px;
    margin-right: 5px;
    position: relative;
    top: -1px;
}
.detail-asset ul li.share-page::before {
    display: none;
}
.social_wrap>.social_wrapper li::before {
    display: none;
}
.share-page {
    text-align: right;
}
.social_wrap {
    position: relative;
    line-height: 0;
    top: 0;
}
.social_wrap span{
    background-image: url(../images/ic-share.svg);
    background-repeat: no-repeat;
    background-size: auto 13px;
    background-position: left 2px;
    cursor: pointer;
    display: inline-block;
}
.social_wrap span:hover {
    background-size: auto 13px;
    background-image: url(../images/icon-share-black.svg);
}

.social_wrap.active span{
    padding-right: 75px;
    background-image: url(../images/close-icon.svg)!important;
    background-size: 10px;
    text-indent: -70px;
    background-position: left 0;
}
.detail-asset ul li.share-page{
    padding-right: 0;

}
.list-view2f ul,.list-view2f{clear:left;}
.social_wrap span {
    line-height: 17px !important;
    padding-left: 20px;
    position: relative;
    top: 0px;
    overflow: hidden;
    display: inline-block;
}
.social_wrapper li::after {
    display: none;
}
.social_wrap:hover span{
    color: #000;
}
.social_wrap.active span {
    color: transparent;;
}
.social_wrap.active span {
    border-right: none;
    padding-right: 12px;
    padding-left: 0;
}

.social_wrap>.social_wrapper {

    -webkit-transition: .5s right ease;
    -o-transition: .5s right ease;
    transition: .5s right ease;
    text-align: right;
    display: none;
  position: relative;
    top: -2px;
}
.social_wrap.active .social_wrapper{
    display: inline-block;
}
.social_wrap>.social_wrapper li {
    display: inline-block;
    padding: 0;
    margin: 0;
}
.social_wrap li a {
    height: auto;
    display: block;
    position: relative;
    margin: 0;
}
.social_wrap a:hover img {
    -moz-transition: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.list-view2f .social_wrap ul li img,
.social_wrap li img {
    width: 17px !important;
    line-height: 0;
    display: block;
    margin: 0;
}
.asset-editor {
    margin-bottom: 20px;
}
.asset-editor span.img {
    margin-left:10px;
    position: relative;
    top:3px;
}
.content-collapse-in,
.service-editor2f,
.content-editor,
.service-editor2f table tbody tr td,
.service-editor2f table thead tr th,
.content-tablelist2f .table,
.content-tablelist2f .table>thead>tr>th,
.content-tablelist2f .table>tbody>tr>td,
.content-editor .table,
.content-editor .table>thead>tr>th,
.content-editor .table>tbody>tr>td,
.content-editor p,
.service-editor2f p,
.print-out-detail p,
.content-collapse-in p,
.content-collapse-in table,
.content-collapse-in h2,
.content-collapse-in h3,
.content-collapse-in h4,
.content-collapse-in h5,
.content-collapse-in span,
.content-collapse-in strong{
    font-size: 28px;
    line-height: 30px;
    word-break: break-word;
}
.content-insiteleft > .content-editor strong,
.content-editor > ul li strong,
.content-editor > ol li strong,
.service-editor2f > ul li strong,
.service-editor2f > ol li strong,
.service-editor2f > strong,
.content-collapse-in p strong,
.content-editor > strong,
.service-editor2f > strong,
.content-editor p strong,
.service-editor2f p strong,
.service-editor2f u,
.service-editor2f > .container strong ,
.content-editor > .container strong{
    color: #02b2c3;
    font-family: 'DBHeavent_BoldCond';
}
.content-editor h3,
.service-editor2f h3 {
    font-size:50px;
    line-height: 50px;
    color: #1d3359;
}
.content-editor h4,
.service-editor2f h4 {
    font-size:50px;
    line-height: 50px;
}
.content-collapse-in h3{
    color: #1d3359;
}
.content-editor .content-collapse h4{
    margin-bottom: 0;
}
.content-collapse-in h3,
.content-collapse-in p,
.print-out-detail p,
.content-editor h3,
.service-editor2f h3,
.content-editor h4,
.service-editor2f h4,
.content-editor p,
.service-editor2f p{
    margin-bottom: 20px;
}
.content-editor ul,
.content-editor ol,
.service-editor2f ol,
.service-editor2f ul{
padding-left: 20px;
  margin-bottom: 20px;
}
.service-editor2f ol ul{
padding-left: 30px;
margin-top: 15px;
}

.service-editor2f ol li{
margin-bottom: 15px;
list-style: decimal;
      text-align: left;
}
.service-editor2f a,
.content-editor a,
.service-editor2f > .container > a,
.content-editor p a,
.service-editor2f p a,
.service-editor2f ul li a,
.content-editor ul li a{
    color: #1d3359;
}
.service-editor2f > .container > a:hover,
.service-editor2f p a:hover,
.service-editor2f ul li a:hover,
.content-editor ul li a:hover,
.service-editor2f > .container > table tbody tr td a:hover{
  color: #f89906;
}
.service-editor2f ul li a:hover,
.content-editor ul li a:hover,
.content-editor p a:hover,
.service-editor2f p a:hover{
    color: #f89906;
}
.content-editor ul li{
    list-style: disc;
}
/* css table */
.control-page2f,
.control-page2f table tr td a,
.control-page2f .service-editor2f .content-tablelist2f table tbody tr:first-child td a,
.control-page2f .service-editor2f table thead + tbody>tr:first-child td,
.control-page2f .service-editor2f table thead + tbody>tr:first-child td a,
.control-page2f .content-editor table thead + tbody>tr:first-child td,
.control-page2f .content-editor table thead + tbody>tr:first-child td a,
.content-tablelist2f .table tbody tr:first-child td,
.control-page2f .content-fullcalendar2f table tbody tr:first-child td{
  color:#666;
}
.content-editor > strong{
  color: #02b2c3;
  font-family: 'DBHeavent_BoldCond';
}
.control-page2f a:hover,
.control-page2f table tr td a:hover{
  color: #f89906;
}
.control-page2f table{
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 3px;
}
.control-page2f table tr td,
.control-page2f table tr th{
  padding:15px;
      white-space: inherit;
     position: relative;
    vertical-align: middle;
}
.content-service2f .service-editor2f table{
   width: 100% !important;
}
.control-page2f table,
.control-page2f table tbody tr td,
.control-page2f table thead tr th,
.control-page2f .table>thead>tr>th,
.control-page2f .table>tbody>tr>td{
    white-space: inherit;
     position: relative;
    vertical-align: middle;
}
.control-page2f .service-editor2f table tbody tr:first-child td strong,
.control-page2f .service-editor2f table tbody tr:first-child td a{
  color:#fff;
}
.control-page2f table tbody tr:first-child td,
.control-page2f table thead tr th,
.content-tablelist2f .table>thead>tr>th{
    background-color: #12B7C7;
    color: #fff;
    text-align: center;
    border-bottom: none;
    padding: 15px;
    }
.content-tablelist2f .table>thead>tr>th,
.content-tablelist2f .table>tbody>tr>td{
    position: relative;
    vertical-align: middle;
    }
.content-editor table thead tr th::after,
.content-editor table tbody tr td::after,
.service-editor2f table thead tr th::after,
.service-editor2f table tbody tr td::after,
.content-tablelist2f table>thead>tr>th::after,
.content-tablelist2f table>tbody>tr>td::after{
    content: '';
    width: 1px;
    position: absolute;
    right: 0;
    top: 15px;
    height: calc(100% - 30px);
    }
.service-editor2f table tbody tr td a,
.content-tablelist2f table tr td a,
.content-editor table tr td a,
.box-listdate2f .t-list2f a{
    display: inline-block;
    word-break: break-word;
    }
.service-editor2f table tbody tr td > a,
.content-tablelist2f table tr td > a,
.content-editor table tr td > a{
    margin-bottom: 0;
    }
.content-tablelist2f table tr td .icon-pdf,
.content-editor table tr td .icon-pdf{
    display: inline-block;
    line-height: 0;
    }
.content-tablelist2f table tr td .icon-pdf img,
.content-editor table tr td .icon-pdf img{
    max-height: 38px;
    }
.content-editor table tbody tr td:last-child::after,
.service-editor2f table>thead>tr>th:last-child::after,
.content-editor table>thead>tr>th:last-child::after,
.service-editor2f table tbody tr td:last-child::after,
.content-editor table thead tr th:last-child::after,
.content-tablelist2f .table>thead>tr>th:last-child::after,
.content-tablelist2f .table>tbody>tr>td:last-child::after{
    display: none;
    }
.service-editor2f table>thead>tr>th::after,
.content-editor table tbody tr:first-child td::after,
.service-editor2f table tbody tr:first-child td::after,
.content-editor table thead tr th::after,
.content-tablelist2f .table>thead>tr>th::after{
    background-color: #FFFFFF;
    }
.service-editor2f .content-tablelist2f table tbody tr:first-child td::after,
.service-editor2f table thead + tbody>tr:first-child td::after,
.content-editor table thead + tbody>tr:first-child td::after,
.content-editor table tbody tr td::after,
.service-editor2f table tbody tr td::after,
.content-tablelist2f .table>tbody>tr>td::after,
.content-editor .content-tablelist2f table tbody tr:first-child td::after{
    background-color: #666666;
    }
.content-tablelist2f .table tbody tr:first-child td,
.content-tablelist2f .table>tbody>tr>td,
.content-tablelist2f .table>tbody>tr>th,
.content-tablelist2f .table>tfoot>tr>td,
.content-tablelist2f .table>tfoot>tr>th{
    border-top: none;
    padding: 10px 30px;
    }
.control-page2f table thead + tbody>tr:first-child td,
.content-tablelist2f .table tbody tr:first-child td,
.content-tablelist2f .table>tbody>tr:nth-child(odd),
.control-page2f table>tbody>tr:nth-child(odd){
    background-color: #EDF2F6;
    }
.content-tablelist2f .table>tbody>tr:hover,
.control-page2f  table>tbody>tr:hover{
    box-shadow: 3px 0px 5px #ccc;
    border-radius: 0;
    }
.content-tablelist2f .table{
  border-radius:10px;
}
.control-page2f  table>tbody>tr,
.content-tablelist2f .table>tbody>tr{
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    }
.content-tablelist2f .table thead tr,
.content-tablelist2f .table tbody tr{
    position: relative;
    display: inline-table;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    min-height: 70px;
    }
.service-editor2f table tbody tr,
.service-editor2f table thead tr,
.content-editor .table thead tr,
.content-editor .table tbody tr{
    position: relative;
    width: 100%;
    }
.content-tablelist2f .table thead tr th,
.content-tablelist2f .table tbody tr td{
    position: relative;
    z-index: 1;
    display: table-cell;
    min-width: 170px;
    }
.control-page2f .content-editor table thead + tbody >tr td,
.control-page2f .service-editor2f table thead + tbody >tr td,
.control-page2f .content-tablelist2f .table tbody tr td,
.control-page2f .content-tablelist2f .table tbody tr:first-child td:first-child{
  text-align:left;
}
.control-page2f .content-editor table thead + tbody >tr td.t-center2f,
.control-page2f .service-editor2f table thead + tbody >tr td.t-center2f,
.content-tablelist2f .table tbody tr td.t-center2f,
.content-tablelist2f .table tbody tr:first-child td.t-center2f:first-child{
    text-align:center;
}
.service-editor2f > .container table tbody tr td:first-child{
  width: 200px;
  position: relative;
  z-index: 1;
  display: table-cell;
}
.content-tablelist2f .table{
    border-bottom:1px solid #EDF2F6;
      padding-bottom: 0;
    }
.content-editor table{
  width: 100%;
  max-width: 100%;
}
.layout_slogan {
    background-color: #1894d6;
    position: relative;
    padding:35px 30px 35px 0;
    margin-bottom: 20px;
}
.layout_slogan h2 {
    color:#fff;
    font-size:40px;
    line-height: 45px;
}
.layout_slogan::after {
    content:'';
    position: absolute;
    width:70px;
    height:100%;
    left:-70px;
    top:0;
    background-color: #1894d6;
}
.content-editor iframe {
    width:100%;
    height:350px;
}
/* end content-editor */
/* file download */
.content-filedownload {
    margin-bottom: 50px;
}
.topic-filedownload {
    border-bottom: 1px solid #bbb;
    padding-bottom: 15px;
    margin-bottom: 40px;
}
.topic-filedownload h3 {
    font-size:40px;
    line-height: 32px;
    color:#1b222a;
}
.layout-filedownload {
    position: relative;
    padding:10px 0 10px 140px;
    margin-bottom: 25px;
}
.img-filedownload {
    position: absolute;
    left:0;
    top:0;
    line-height: 0;
    height: 77px;
}
.img-filedownload img {
    width:120px;
    height:100%;
    max-width: 100%;
}
.text-filedownload a {
    font-size: 25px;
    line-height: 25px;
    height: 43px;
    color: #1d3359;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}
.layout-filedownload a:hover {
    color:#01b2c3;
}
.layout-filedownload .detail-asset {
    float: none;
}
.detail-asset ul {
    display: inline-block;
    margin:0;
    padding:0;
    clear: both;
}
.detail-asset .right-asset-filedownload {
    float: right;
    position: relative;
    top:3px;
    font-size:17px;
    line-height: 20px;
}
.right-asset-filedownload span {
    margin-left:5px;
}
.box-review2f, .box-review2f>div {
    display: inline-block;
}
.rating-stars ul {
    list-style-type: none;
    padding: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.rating-stars ul>li.star {
    display: inline-block;
}
.review .rating-stars ul>li.star {
    margin-right: 10px;
}
.rating-stars ul>li.star>i.fa {
    font-size: 16px;
    color: #dfdfe0;
    line-height: 16px;
    overflow: hidden;
    border-radius: 100%;
    cursor: pointer;
    transition: all 0.2s ease;
}
.rating-stars ul>li.star.selected>i.fa {
    color: #01b2c3;
}
.rating-stars ul>li.star.selected>i.fa {
    opacity: 1;
}
.rating-stars {
    margin-left:10px;
    position: relative;
    top:3px;
}
.viewandshare {
    /* float: right; */
    display: inline-block;
    float: right;
    position: relative;
    top: -10px;
}
.viewandshare>div {
    display: inline-block;
}
.viewandshare .view {
    margin-right:20px;
}
.viewandshare .view span {
    color:#00b2c4;
}
.viewandshare .share ul {
    display: inline-block;
}
.viewandshare .share ul li {
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top:5px;
}
.main-asset-filedownload {
    font-size:25px;
    line-height: 20px;
    color:#1a212a;
    font-family: 'DBHeavent_MedCond';
}

/* end file download */
.layout-box-right {
    background-color:#fff;
    padding:30px;
    position: relative;
}
.topic-box h3 {
    font-size:40px;
    line-height: 43px;
    color: #01b2c3;
}
.topic-box{
    position: relative;
    margin-bottom: 20px;
}
.topic-box .box-viewall2f {
    position: absolute;
    top:7px;
    right:0;
}
.layout-box-right.tem_vdo .layout-filedownload {
    padding:0;
}
.layout-box-right.tem_vdo .img-filedownload {
width: 100%;
padding-top: 56.25%;
  position: relative; /* If you want text inside of it */
  margin-bottom: 10px;
  overflow: hidden;
}
.layout-box-right.tem_vdo .img-filedownload a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.layout-box-right.tem_vdo .img-filedownload a img {
    width:100%;
    height:100%;
    object-fit: cover;;
}
.layout-box-right.tem_vdo .text-filedownload a {
    -webkit-line-clamp: 2;
}
.layout-box-right {
    margin-bottom: 40px;
}
.layout-box-right.tem_vdo {
    margin-bottom: 0;
}
.layout-tag {
    padding-left:30px;
}
.content-insiteright .layout-box-right.tem_vdo:last-child {
    margin-bottom: 40px;
}
.text-tag a{
    background-color:#edf2f6;
    border:1px solid #ddd;
    border-radius: 5px;
    display: inline-block;
    padding:10px 20px;
    margin-bottom: 10px;
    margin-right:10px;
    color: #1d3359;
    font-size:25px;
    line-height: 21px;
}
.text-tag a:hover {
    color:#fff;
    background-color: #1d3359;
}
.text-tag{
    display: inline-block;
}
.wrapper2f{
    position: relative;
}
.wrapper2f::after {
    position: absolute;
    bottom: -100px;
    left: 0;
    height: 110px;
    content: '';
    width: 100%;
}
.layout-box-right .layout-filedownload {
    padding-top:0;
}
.layout-box-right .text-filedownload a {
    margin-bottom: 6px;
    height: 48px;
    display: block;
    overflow: hidden;
}
/* about */
.wrapper-about-temtext01 .layout-img-about {
    float: right;
    width:50%;
    margin-left: 30px;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
}
.wrapper-about-temtext01 .layout-img-about::before {
    content: '';
    position: absolute;
    top:-60px;
    left:60px;
    background-color: #1894D6;
    z-index: -1;
    width:1500px;
    height:310px;
}
.wrapper-about-temtext .layout-img-about {
    margin-left: 30px;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
}
.wrapper-about-temtext .layout-img-about::before {
    content: '';
    position: absolute;
    top:-60px;
    left:60px;
    background-color: #1894D6;
    z-index: -1;
    width:1500px;
    height:310px;
}
.layout-text-about {
    margin-top: 20px;
    position: relative;
    z-index: 10;
    margin-bottom: 20px;
}
.wrapper_about {
    position: relative;
    overflow: hidden;
}
.layout-bg-right {
    position: absolute;
    top:0;
    right:0;
    z-index: 0;
    line-height: 0;
}
.layout-bg-right img, .layout-bg-left img {
    max-width:100%;
}
.layout-bg-left {
    position: absolute;
    bottom:0;
    left:0;
    z-index: 0;
    line-height: 0;
}
.wrapper-about-temtext02 .layout-img-about {
    margin-right: 30px;
    margin-bottom: 45px;
    position: relative;
    z-index: 1;
}
.wrapper-about-temtext02 .layout-img-about::before {
    content: '';
    position: absolute;
    bottom:-60px;
    right:75px;
    background-color: #22365C;
    z-index: -1;
    width:1500px;
    height:310px;
}
.layout-img-about img{
    max-width:100%;
}
.wrapper-about-temtext, .wrapper-about-temtext01, .wrapper-about-temtext02 {
    margin-bottom: 30px;
}
.layout-number ul {
    width:100%;
    float: left;
}
.layout-number ul li {
    width: 33.333%;
    font-size: 30px;
    line-height: 25px;
    color: #1894D6;
    position: relative;
    padding-left: 40px;
    margin-bottom: 50px;
    float: left;
    height: 60px;

}
.layout-number ul li span {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 15px;
}
/* end about */
.insite-headline {
    margin-bottom: 50px;
    position: relative;
}
.content-insite2f {
    overflow: hidden;
    position: relative;
}
.article-list .container {
    position: relative;
}
/* css history */
  .box-img-vertical{
    position: relative;
  }
  .box-img-vertical .bg-blue{
    position: absolute;
    height: 100%;
    width: 1000px;
    bottom: 80px;
    left: 80px;
    background-color:#01B2C3 ;
  }
  .box-img-vertical img{
    position: relative;
    z-index: 1;
  }
  .filter-search .search-filter img {
    max-width: 15px;
  }
  .filter-search .search-filter {
    top:17px
  }
  /* gallery list */
    .wrapper-related-articlelist .img-thumbnail2f {
        margin-bottom: 5px;
    }
    .layout-box-related .img-thumbnail2f {
        margin-bottom: 0;
    }
    .wrapper-gallery .img-thumbnail2f.main {
        padding-top: 64.5%;
    }
    .box-gallery-list {
        margin-bottom: 30px;
    }
    .box-gallery-list .asset-editor {
        font-size: 25px;
        line-height: 30px;
        color: #1D335A;
    }
    .wrapper-gallery .img-thumbnail2f {
        padding-top:63%;
        background-color: #000;
    }
    .wrapper-gallery .img-thumbnail2f img {
        width: 100%;
        height:100%;
        /* object-fit: cover; */
        object-fit: contain;
        background-color: #eee;
        opacity: 1;
        transition: all 0.5s;
        position: relative;
        display: block;
    }
    .text-on-gallery2f {
        position: absolute;
        z-index: 10;
        color: #fff;
        top: 40%;
        left: 0;
        height: 100%;
        display: block;
        text-align: center;
        display: none;
        margin: 0 auto;
        width: 100%;
    }
    .t-all-img {
        font-size: 60px;
        line-height: 60px;
    }
    .text-on-gallery2f span {
        display: block;
    }
    .t-des-gallery2f {
        font-size: 25px;
        line-height: 25px;
        width: 80%;
        margin: 0 auto;
    }
    .wrapper-gallery .img-thumbnail2f a:hover .text-on-gallery2f {
        display: block;
    }
    .wrapper-gallery .img-thumbnail2f a:hover img {
        opacity: 1;
    }
    .more-gallery2f {
        text-align: center;
        margin: 40px 0 0 0;
    }
    .silde-video-gallery video {
        width:100%;
        height:100%;
        object-fit: contain;
    }
    .silde-video-gallery{
      height: 500px;
    }
    .slide-modal-gallery .plyr__video-wrapper{
        height: 100%;
      }
      .slide-modal-gallery .plyr {
          background-color: #000;
          position: relative;
          height: 100%;
      }
      .slide-modal-gallery video[poster] {
          height: 100%;
          width: 100%;
          object-fit: contain;
      }
      video {
          object-fit: cover;
      }
      .slide-modal-gallery .plyr__play-large {
          z-index: 1;
          top: 50%;
          left: 50%;
      }
      .slide-modal-gallery .plyr--video .plyr__control.plyr__tab-focus,
      .slide-modal-gallery .plyr--video .plyr__control:hover,
      .slide-modal-gallery .plyr--video .plyr__control[aria-expanded=true]
      .slide-modal-gallery .plyr__control--overlaid:hover,
      .slide-modal-gallery .plyr__control--overlaid:focus,
      .slide-modal-gallery .plyr__control--overlaid,
      .slide-modal-gallery .plyr__play-large:hover,
      .slide-modal-gallery .plyr__play-large:focus,
      .slide-modal-gallery .plyr__play-large {
        background-image: url(../images/i-play.svg);
          background-repeat: no-repeat;
          background-size: 100%;
          border: none;
          background-color: rgba(0,0,0,0);
          box-shadow: none;
          width: 100px;
          height: 100px;
          border-radius: 100%;
          cursor: pointer;
          opacity: 1;
      }
      .slide-modal-gallery .plyr__play-large svg {
          position: relative;
          left: 50%;
          width: 20px;
          height: 20px;
          display: none;
          fill: currentColor;
      }
      .slide-modal-gallery .plyr__control svg {
          display: none;
      }
      .slide-modal-gallery .plyr--video .plyr__controls {
          opacity: 0;
      }
      .img-thumbnail2f{
          position: relative;
      }
      .img-thumbnail2f .btnplay {
        background-image: url(../images/i-play.svg);
        background-repeat: no-repeat;
        background-size: 100%;
        border: none;
        background-color: rgba(0,0,0,0);
        box-shadow: none;
        width: 100px;
        height: 100px;
        border-radius: 100%;
        cursor: pointer;
        opacity: 1;
        left: 50%;
        padding: 15px;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        z-index: 2;

      }
  /* end gallery list */
  /* css modal */

.popup2f .modal-content {
    border-radius: 0;
    box-shadow: none;
    border: none;
}

.popup2f .modal-header {
    padding: 30px;
    border-bottom: 1px solid #979797;
}

.popup2f h5 {
    color: #464646;
    font-size: 24px;
    line-height: 24px;
}

.popup2f .close {
    opacity: 1;
}

.popup2f .close img {
    height: 12px;
}

.form-popup2f .input2f .form-control {
    border: 1px solid #cbcbcb;
    color: #acacac;
    font-size: 16px;
    line-height: 16px;
    border-radius: 3px;
    padding: 12px;
}

.popup2f .modal-body {
    padding: 30px;
}

.popup2f .modal-footer .btn {
    min-width: 140px;
    font-size: 16px;
    line-height: 16px;
}

.popup2f .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #979797;
    background-color: #fff;
}

.modal {
    text-align: center;
    padding: 0!important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.modal-control-img {
    height: 450px;
}

.modal-control-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.modal-control-navimg {
    margin: 0 10px;
    width: auto!important;
    height: 110px;
    background-color: #000;
    overflow: hidden;
    cursor: pointer;
}

.modal-control-navimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.layout-img-modal .modal-content {
    box-shadow: none;
    border: none;
    background-color: transparent;
}

.layout-img-modal .close {
    color: #fff;
    opacity: 1;
    position: absolute;
    right: 0;
    top: -45px;
    font-size: 35px;
}

.silde-nav-img {
    margin: 0 -10px;
    margin-top: 30px;
}

.layout-img-modal .modal-body {
    padding: 0;
    margin-top: 30px;
}

.modal-open .layout-img-modal .modal {
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 10000;
    bottom: auto;
    min-height: 100%;
}
.slide-modal-gallery .silde-img-gallery {
    width: 100%;
    padding-top: 45%;
    position: relative;
}
.slide-modal-gallery .silde-img-gallery span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
}
.slide-modal-gallery .silde-img-gallery img {
    max-width: 100%;
    width:100%;
    height:100%;
    object-fit: contain;
    /* object-fit: cover; */
}
.silde-text-gallery {
    background-color: #fff;
    padding:30px;
}
.silde-text-gallery p {
    font-size:30px;
    line-height: 26px;
    color: #000000;
}
.silde-text-gallery p span {
    color:#ff0000;
    text-decoration: underline;
}
.layout-img-modal .full {
    color: #fff;
    opacity: 1;
    position: absolute;
    right: 45px;
    top: -42px;
    font-size: 35px;
}
.layout-img-modal .full:hover {
    opacity: 0.8;
}
.layout-img-modal button.full {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.layout-img-modal a.left.corousel-control,
.layout-img-modal a.right.corousel-control {
    width: 18px;
    height: 32px;
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    background-size: 8px;
    top: 50%;
    margin-top: -100px;
    background-size: 17px;
    position: absolute;
    z-index: 10;
    overflow: hidden;
    background-size: 18px;
    text-indent: 100px;
}

.layout-img-modal a.left.corousel-control {
    background-image: url(../images/ic_arrowsilde_left.png);
    left: -30px;
}

.layout-img-modal a.right.corousel-control {
    background-image: url(../images/ic_arrowsilde_right.png);
    right: -30px;
}
.layout-img-modal .close img {
    width:20px;
}
.layout-img-modal .full img {
    width:25px;
}
.carousel-indicators {
    display: none;
}
/* end  css modal */
.control-page2f .container {
    position: relative;
}
/* book-list */
.layout-filter-search {
    padding:20px 140px 20px 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.16);
    background-color: #fff;
    position: relative;
    margin-bottom: 50px;
}
.layout-filter-search .filter-select {
    border-radius: 10px;
}
.layout-filter-search .btn-filter-search {
    position: absolute;
    right:20px;
    top:20px;
}
.btn-primary{
    background-color: #01B2C4;
    border:1px solid #01b2c4;
    width:90px;
    height:50px;
    font-size:25px;
    max-width:100%;
    border-radius: 10px;
}
.detail-layout-booklist {
    text-align: center;
}
.detail-layout-booklist a {
    color: #1D335A;
    font-size:25px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 60px;
}
.detail-layout-booklist a:hover {
    color: #02b2c3;
}
.layout-booklist {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.16);
    padding:20px;
    border-radius: 10px;
    margin-bottom: 60px;
}
.detail-layout-booklist .detail-asset {
    float:none;
}
.img-layout-booklist {
    width: 100%;
    padding-top: 145%;
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    border-radius: 5px;
}
.img-layout-booklist a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.img-layout-booklist a img {
    width:100%;
    height:100%;
    object-fit: cover;
}
/* end book-list*/
/* related */
.layout-box-related {
    margin-bottom: 30px;
}
.content-box-related {
    padding-top:5px;
}
.content-box-related .detail-asset {
    float: none;
    margin-top:35px;
}
.content-box-related a {
    color: #1D335A;
    font-size:25px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'DBHeavent_BoldCond';
    height:60px;
}
.content-box-related a:hover {
    color: #02b2c3;
}
/* end related */
/* compare */
.layout-compare {
    padding:30px;
    background-color: #EDF2F6;
    border-radius: 10px;
}
.layout-compare h3 {
    color:#19418E;
    font-size:25px;
    line-height: 30px;
    font-family: 'DBHeavent_BoldCond';
}
.layout-compare h2 {
    font-size:30px;
    line-height: 36px;
    color: #666666;
}
.layout-compare p {
    font-size:25px;
    line-height: 28px;
    color: #666666;
}
/* The container */
.container-checkbox {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.container-checkbox .checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border:1px solid #01B2C4;
    border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark {
    background-color: #01B2C4;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark {
    background-color: #01B2C4;
}

/* Create the checkmark/indicator (hidden when not checked) */
.container-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
    left: 6px;
    top: 1px;
    width: 6px;
    height: 13px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.box-checkbox-content label {
    color:#19418E;
    font-size:25px;
    line-height: 30px;
    margin-bottom: 0;
}
.des-compare {
    padding-left: 35px;
}
.wrapper-compare .layout-compare:nth-child(even) {
    background-color: transparent;
}
.wrapper-compare-list .des-compare {
    padding-left:0;
}
.wrapper-compare-list .layout-compare {
    background-color: #fff;
    margin-bottom: 30px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.16);
}
.layout-btn-center {
    text-align: center;
}
 .btn-success {
    width:100%;
    max-width:150px;
    height:50px;
    background-color: #01B2C4;
    border:2px solid #01b2c4;
    border-radius: 10px;
    font-size:25px;
}
.layout-btn-center .btn {
    margin:0 15px;
}
.btn-success:hover, .btn-success:focus, .btn-success:visited, .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover {
    background-color: #19418E;
    border:2px solid #19418E;
}
.btn-primary:hover {
    background-color: #1894D6;
    border-color:#1894d6;
}
.layout-btn-center .btn-secondary {
    width:100%;
    max-width:150px;
    height:50px;
    background-color: transparent;
    border:2px solid #01b2c4;
    border-radius: 10px;
    color:#666;
    font-size:25px;
}
.layout-btn-center .btn-secondary:hover {
    background-color: #666;
    color:#fff;
    border:2px solid #666;
}
.wrapper-compare, .wrapper-compare-list {
    margin-bottom: 50px;
}
.text-topic-editor {
    text-align: right;
    margin-top:10px;
    font-size:25px;
    line-height: 30px;
    color:#666666;
}
/* end compare */
/* form-editor */
.layout-form-editor textarea {
    min-height: 250px;
}
.form-editor {
    margin-bottom: 30px;
}
/* end form-editor */
/* board */
.wrapper_board .layout-filter-search {
    padding-right: 300px;
}
.wrapper_board .layout-filter-search .btn-filter-search {
    right:180px;
}
.wrapper_board .layout-filter-search .btn-filter-topic {
    position: absolute;
    right: 20px;
    top: 20px;
}
.btn-info {
    background-color: #1894D6;
    border: 1px solid #1894D6;
    width: 150px;
    height: 50px;
    font-size: 25px;
    max-width: 100%;
    border-radius: 10px;
    padding-left:45px;
    background-image: url(../images/ic-topic.svg);
    background-position: 20% center;
    background-repeat: no-repeat;
    background-size:30px;
}
.btn-info:hover {
    background-color: #01b2c4;
    border-color: #01b2c4;
    background-image: url(../images/ic-topic-hover.svg);
}
.layout-board {
    position: relative;
    margin-bottom: 15px;
    background-color: #DAF4F7;
    border-radius: 10px;
}
.layout-board .main-detail-board strong,
.layout-webboard strong{
    font-size: 25px !important;
    line-height: 25px !important;
    color: #777777 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'DBHeavent_Cond' !important;
}
.btn-filter-topic.btn-right{
    margin-bottom: 30px;
    text-align: right;
}
.main-detail-board > a {
    font-size:35px;
    line-height: 35px;
    color: #1D335A;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.main-detail-board a:hover {
    color: #02b2c3;
}
.control-board ul li .layout-board .row{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}
.control-board ul li .layout-board .sub-detail-board{
    height: 100%;
}
.main-detail-board p {
    font-size:25px;
    line-height: 25px;
    color:#777777;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 50px;
}
.main-detail-board {
    position: relative;
    min-height: 150px;
    padding: 35px;
}
.num-topic-board {
    background-color: #fff;
    height: 100%;
    padding: 35px 0;
    text-align: center;
}
.detail-topic-board {
    height: 150px;
    padding: 25px;
}
.num-topic-board span {
    font-size:80px;
    line-height: 50px;
    color: #00B2C3;
    display: block;
    font-family: 'DBHeavent_BoldCond';
}
.num-topic-board a:hover {
    background-image: url(../images/ic-board-topic-hover.png);
    color:#1894D6;
}
.num-topic-board a {
    color: #00B2C3;
    font-size: 25px;
    line-height: 25px;
    padding-left: 30px;
    background-image: url(../images/ic-board-topic.png);
    background-position: 0 center;
    background-repeat: no-repeat;
}
.detail-topic-board ul li {
    margin-bottom: 5px;
    font-size:20px;
    display: inline-block;
}
.detail-topic-board ul li span,
.detail-topic-board ul li a{
    color: #7B99BB;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 18px;
    padding-left:25px;
    position: relative;
    display: inline-block;
}
.detail-topic-board ul li a:hover{
    color: #1D335A;
}
.detail-topic-board ul li.user > span{
    background-image: url(../images/ic-board-user.svg);
}
.detail-topic-board ul li.date > span{
    background-image: url(../images/ic-board-date.svg);
}
.detail-topic-board ul li.time > span{
    background-image: url(../images/ic-board-time.svg);
}
.detail-topic-board ul li.view > span{
    background-image: url(../images/ic-board-view.svg);
}
.detail-topic-board ul li.like > span{
    background-image: url(../images/ic-board-like.svg);
}
.detail-topic-board ul li.icon-edit > a {
    background-image: url(../images/icon-edit.svg);
}
.detail-topic-board ul li.icon-delete  > a{
    background-image: url(../images/icon-delete.svg);
}
.detail-topic-board ul li.icon-edit > a:hover {
    background-image: url(../images/icon-edit-hover.svg);
}
.detail-topic-board ul li.icon-delete  > a:hover{
    background-image: url(../images/icon-delete-hover.svg);
}
.detail-topic-board {
    float: right;
}
.detail-topic-board ul{
    float: left;
    position: relative;
}
.board-manage2f{
    margin-left: 15px;
    padding-left: 10px;
    position: relative;
}
.board-manage2f li{
    margin-left: 10px;
}
.board-manage2f::after{
    content: '';
    height: 20px;
    width: 2px;
    background-color: #337ab7;
    position: absolute;
    left: -3px;
    top: 2px;
    border-right: 1px solid #bbb;
}
.topic-board h2 {
    font-size:50px;
    line-height: 50px;
    color: #1D335A;
}
.control-board.comment .layout-board {
    background-color: #EDF2F6;
}
.board-news {
    position: absolute;
    top: -8px;
    left: -15px;
    padding-left: 23px;
    width: 80px;
    height: 80px;
    background-image: url(../images/img-ribbon.svg);
    padding-top: 16px;
}
.board-news span {
    transform: rotate(-45deg);
    display: inline-block;
    color:#fff;
}
.num-topic-board a.comment:hover {
    background-image: url(../images/ic-board-comment-hover.png);
    color:#00B2C3;
}
.num-topic-board a.comment {
    color: #1894D6;
    background-image: url(../images/ic-board-comment.png);
}
.num-topic-board span.comment {
    color: #1894D6;
}
.control-board {
    margin-bottom: 50px;
}
.control-board.comment.user .main-detail-board {
    padding:25px 35px;
    padding-left:145px;
}
.user-board {
    position: absolute;
    top:35px;
    left:35px;
    border:2px solid #00B2C3;
    border-radius: 100%;
    width:76px;
    height:76px;
}
.user-board img {
    width:100%;
    height:100%;
    object-fit: cover;
}
.control-board.comment.user .main-detail-board a {
    font-size:25px;
    line-height:25px;
}
.control-board.comment.user .main-detail-board a span {
    position: relative;
    color: #777777;
    padding-left:15px;
    margin-left:10px;
}
.control-board.comment.user .main-detail-board a span::after {
    content: '';
    width:2px;
    height:13px;
    position: absolute;
    left:0;
    top:9px;
    background-color: #777777;
}
.control-board.comment.user .main-detail-board p {
    -webkit-line-clamp: 3;
}
.topic-board {
    margin-bottom: 25px;
    position: relative;
}
.topic-board .box-viewall2f {
    position: absolute;
    right:0;
    top: 10px;
}
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
    display: none;
}
.layout-dropzone .dropzone {
    background-image: url(../images/bg-dropzone.png);
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 200px;
    border-radius: 10px;
    border-style: dashed;
    background-color: #fff;
}
.layout-captcha img {
    width:100%;
}
.layout-webboard {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.16);
    padding:30px;
    margin-bottom: 30px;
}
.layout-webboard h2 {
    font-size:50px;
    line-height: 50px;
    color: #1D335A;
}
.layout-webboard p {
    font-size:25px;
    line-height: 25px;
    color: #777777;
    padding-bottom: 35px;
    margin-bottom: 20px;
    border-bottom:1px solid #EDF2F6;
}
.detail-webboard {
    padding-left:50px;
    position: relative;
}
.imguser-detail-board {
    position: absolute;
    top: -11px;
    left: 0;
    border: 2px solid #00B2C3;
    border-radius: 100%;
    width: 40px;
    height: 40px;
}
.imguser-detail-board img {
    width:100%;
    height: 100%;
    object-fit: cover;
}
.layout-webboard .detail-topic-board {
    float: right;
    height: auto;
    padding: 0;
}
.layout-webboard .detail-topic-board ul li {
    display: inline-block;
}
.layout-webboard .detail-topic-board ul li a{
    display: inline-block;
}
.layout-webboard .detail-topic-board ul li a img{
    height: 18px;
}
.wrapper_board.topicview .main-detail-board{
    height:auto;
}
.wrapper_board.topicview .control-board.comment.user .main-detail-board p {
    -webkit-line-clamp: unset;
    padding-bottom: 35px;
    margin-bottom: 20px;
    border-bottom:1px solid #E1E6EA;
}
.main-detail-board .detail-topic-board {
    height:auto;
    padding:0;
}
.main-detail-board .detail-topic-board ul li {
    display: inline-block;
    margin-right: 15px;
    margin-left: 0;
}
.layout-text-comment textarea {
    min-height: 170px;
}
/* end board */
/* procurement */
.content-tablelist2f.procurement .table>tbody>tr>td ,
.content-tablelist2f.procurement .table>thead>tr>th,
.content-tablelist2f.procurement .content-editor .table>thead>tr>th {
    padding: 8px 15px;
    min-width: 150px;
}
.content-tablelist2f.procurement .btn-warning {
    width:100px;
    padding:5px 0;
    font-size:21px;
    line-height: 16px;
    background-color: #59AFCF;
    border-color: #59AFCF;
    border-radius: 10px;
}
.content-tablelist2f.procurement .btn-warning:hover {
    background-color: #12B7C7;
    border-color: #12B7C7;
}
.content-tablelist2f.procurement span.textmodal {
    display: block;
}
.wrapper-procurement .content-tablelist2f {
    margin-bottom: 30px;
}
.layout-procurementlist-modal {
    background-color: #fff;
    padding:30px 40px;
    border-radius: 10px;
}
.topic-procurementlist-modal h2 {
    color: #1D335A;
    font-size:50px;
    line-height: 50px;
}
.modal-dialog.modal-lg {
    width:auto;
    max-width:1140px;
}
.content-tablelist2f.control-procurement {
    margin-bottom: 30px;
}
.topic-procurementlist-modal {
    margin-bottom: 20px;
}
/* end procurement */
/* economy */
.detail-pinciples {
    padding-left:230px;
}
.detail-pinciples ul li {
    background-color: #EDF2F6;
    border-radius: 10px;
    padding:15px 20px;
    font-size:25px;
    line-height: 25px;
    color: #666;
}
.detail-pinciples ul li:nth-child(even) {
    background-color: #fff;
}
.layout-pinciples {
    padding:50px 30px;
    background-color: #fff;
    position: relative;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    margin:50px 0;
}
.layout-pinciples h3 {
    text-align: center;
    margin-bottom: 30px;
    color: #1D335A;
    font-size:40px;
    line-height:45px;
}
.wrapper-sector-pinciples {
    position: absolute;
    left:30px;
    top:120px;
}
.sector-pinciples span {
    font-size:30px;
    line-height: 50px;
    color: #1D335A;
    display: block;
    position: absolute;
}
.sector-pinciples span.private {
    top:10px
}
.sector-pinciples span.public {
    bottom:10px;
}
.sector-pinciples {
    position: relative;
    width: 190px;
    height: 280px;
    border-right: 1px solid #707070;
    background-image: url(../images/bg-economy.svg);
    background-repeat: no-repeat;
    background-position: 35% center;
}
.wrapper-economy .content-box-related span {
    display: block;
}
.wrapper-economy .wrapper-related-articlelist {
    margin-bottom: 50px;
}
.control-economy .board-top-in2f::after {
    display: none;
}
.control-economy .detail-economy p {
    font-size:25px;
    line-height:28px;
    color: #fff;
}
.control-economy .board-top-in2f {
    padding:140px 0;
}
.control-economy .logo-economy img{
    max-width:100%;
}
.control-economy .board-detail-top2f {
    margin-bottom: 130px;
}
.wrapper-economy-temtext01 .layout-img-about::before {
    content: '';
    position: absolute;
    top: -90px;
    right: 180px;
    background-color: #1894D6;
    z-index: -1;
    width: 1500px;
    height: 310px;
}
.wrapper-economy-temtext01 .layout-img-about {
    margin-bottom: 45px;
    margin-top:90px;
    position: relative;
    z-index: 1;
}
.wrapper-economy .layout-text-about ul li {
    list-style-type: disc;
    list-style-position: inside;
    font-size: 25px;
    line-height: 28px;
    color: #666;
}
.layout-btn-left {
    text-align: left;
    margin-top: 30px;
}
.wrapper-economy-temtext01 .btn-orange {
    max-width:450px;
}
.wrapper-economy-temtext01 .layout-text-about, .wrapper-economy-temtext03 .layout-text-about {
    margin-left:50px;
}
.wrapper-economy-temtext02 .layout-text-about, .wrapper-economy-temtext04 .layout-text-about {
    margin-right:50px;
}
.wrapper-economy-temtext02 .layout-img-about {
    margin-bottom: 45px;
    position: relative;
    z-index: 1;
}
.wrapper-economy-temtext03 .layout-img-about {
    margin-bottom: 45px;
    position: relative;
    z-index: 1;
}
.wrapper-economy-temtext04 .layout-img-about {
    margin-bottom: 45px;
    position: relative;
    z-index: 1;
}
.wrapper-economy-temtext04 .layout-img-about::before {
    content: '';
    position: absolute;
    bottom: -90px;
    left: 90px;
    background-color: #22365C;
    z-index: -1;
    width: 1500px;
    height: 310px;
}
.detail-content-economy {
    margin-bottom: 150px;
}
.topic-ourfuture {
    text-align: center;
    margin-bottom: 60px;
}
.topic-ourfuture h3 {
    font-size:50px;
    line-height: 25px;
    color: #F89A07;
    margin-bottom: 20px;
}
.topic-ourfuture h2 {
    font-size:70px;
    line-height: 50px;
    color: #1D335A;
}
.wrapper-ourfuture .asset-editor a {
    color:#666;
    font-size:30px;
    line-height: 50px;
    font-family: 'DBHeavent_BoldCond';
}
.wrapper-ourfuture .asset-editor a:hover {
    color: #02b2c3;
}
.wrapper-economy .content-box-related a {
    font-size:30px;
    line-height:25px;
}
/* end economy */
/* service */
.topicservice h4 {
    font-size:30px;
    line-height: 30px;
    padding:15px 30px;
    background-color: #1D335A;
    border-radius: 10px;
    color: #fff;
    font-family: 'DBHeavent_BoldCond';
}
.list-service ul li,
.list-service ol li{
    margin-left: 20px;
}
.list-service,
.list-service p,
.list-service ul li,
.list-service ol li{
    font-size:25px;
    line-height: 25px;
    color: #666;
}
.list-service p {
    margin:30px 0;
}
.list-service ul li {
    padding:15px 30px;
    background-color: transparent;
    border-radius: 10px;
}
.list-service ul li span {
    color:#1894D6;
    margin-right:10px;
}
.list-service ul li:nth-child(even) {
    background-color: #edf2f6;
}
/* end service */
/* calendar */

.content-fullcalendar2f .fc-unthemed .fc-content {
    text-align: center;
    font-size:21px;
}
.content-fullcalendar2f .fc-day-header a {
    color:#fff;
}
.content-fullcalendar2f .fc-toolbar.fc-header-toolbar {
    margin-bottom: 0;
}
.content-fullcalendar2f .fc-left {
    position: relative;
    padding:0 50px;
}
.content-fullcalendar2f .fc-left .fc-button-primary:not(:disabled).fc-button-active, .content-fullcalendar2f .fc-left .fc-button-primary:not(:disabled):active, .content-fullcalendar2f .fc-left .fc-button-primary:not(:disabled).fc-button-active:focus, .content-fullcalendar2f .fc-left .fc-button-primary:not(:disabled):active:focus {
    background-color: transparent;
    border:none;
    box-shadow: none;
}
.content-fullcalendar2f .fc-button:hover .fc-icon {
    color: #12B7C7;
    transition: 0.6s;
}
.content-fullcalendar2f .fc-left .fc-prev-button {
    position: absolute;
    left: 0;
    top: 20px;
    background-color: transparent;
    border: none;
    padding: 0;
}
.content-fullcalendar2f .fc-left .fc-next-button {
    position: absolute;
    right: 0;
    top: 20px;
    background-color: transparent;
    border: none;
    padding: 0;
}
.content-fullcalendar2f .fc-button .fc-icon {
    color:#1D335A;
    font-size:40px;
}
.content-fullcalendar2f .fc-right {
    position: relative;
    top: 17px;
    width: 42.84%;
}
.content-fullcalendar2f .fc-right button {
    width: 33.33%;
    font-family: 'DBHeavent_BoldCond';
    font-size:25px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 15px!important;
    border-top-right-radius: 15px!important;
    border-left: 1px solid #fff;
    border: 1px solid #1D335A;
    z-index: 1;
    background-color: transparent;
    color: #1D335A;
}
.content-fullcalendar2f .fc-button-primary:not(:disabled).fc-button-active, .content-fullcalendar2f .fc-button-primary:not(:disabled):active {
    color:#fff;
    border-color: #1D335A;
    background-color: #1d335a;
}
.content-fullcalendar2f .fc-event, .content-fullcalendar2f .fc-event-dot {
    background-color: #1d335a;
    border-color: #1D335A;
}
.content-fullcalendar2f .fc table {
    font-size:21px;
}
/* .content-fullcalendar2f .fc-right button:first-child {
    border-left:none;
} */
.content-fullcalendar2f .fc-button-group {
    width:100%;
}
.content-fullcalendar2f .fc-axis span{
    font-size:21px;
}
/* end carlendar */
.content-table-list .filter-select {
    max-width: 625px;
    margin-bottom: 30px;
}
.box-list-organization.tophead {
    max-width: 555px;
    margin: 0 auto;
}
.board-des2f ul li{
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 10px;
}
.board-des2f ol li {
    list-style: none;
}
.body_tab .content-editor {
    margin-top: 30px;
    padding:0 30px;
}
.box-authority img {
    width:100%;
}
.content-editor>ul>li,
.eta-sub-content ul li {
    list-style-type: disc;
}
.eta-sub-content ul {
    padding-left:20px;
}
.content-editor>ul>li>ol>li {
    list-style-type: none;
}
.content-editor .container>ul>li {
    font-size: 25px;
    line-height: 28px;
    color: #666;
    list-style-type: disc;
}
.content-editor ul.nonebullet li,
.content-editor .container>ul.list-color>li,
.content-editor .container>ul>li>ol>li {
    list-style-type: none;
}
.content-editor .container> .box-head-report + ul,
.content-editor .container>ul.list-color{
    padding-left: 0;
}
.content-editor>ul {
    padding-left: 20px;
    margin-bottom: 20px;
}
.service-editor2f .container ul,
.content-editor .container>ul {
    padding-left: 20px;
    margin-bottom: 20px;
}
.service-editor2f .container ul li,
.service-editor2f .container>ul li {
    margin-bottom: 15px;
    list-style: inherit;
}
.service-editor2f-img {
    text-align: center;
    margin-bottom: 30px;
}
.layout-service-type span.text-service2f {
    color: #1D335A;
    font-size: 30px;
    line-height: 25px;
    width: 180px;
    height: 50px;
    vertical-align: middle;
    display: table-cell;
    text-align: left;
}
.layout-service-type .img-service2f {
    width: 90px;
    border-radius: 100%;
    background-color: #fff;
    margin: 0 auto;
    display: inline-block;
    margin-right: 20px;
}
.layout-service-type span.img-service2f span {
    display: table-cell;
    vertical-align: middle;
    height: 90px;
    margin: 0 auto;
    width:1%;
}
.img-service2f img {
    max-height: 50px;
    display: block;
    margin: 0 auto;
}
.layout-service-type {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    background-color: #F89A07;
    padding: 15px;
    height: 120px;
    margin-bottom: 30px;
}
.layout-service-type:hover {
    background-color: #02B1C6;
    transition: 0.6s;
}
.layout-service-type:hover span.text-service2f {
    color: #fff;
}
.layout-service-type a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 25px;
    text-align: center;
    padding-top: 13px;
}
.service-type {
    margin-bottom: 50px;
}
.service-infomation2f .boxheadline2f h2 {
    position: relative;
    z-index: 10;
    max-width: 900px;
    margin: 0 auto;
}
.service-infomation2f, .service-infomation2f .boxheadline2f h2 {
    background-color: #f9f8fe;
}
.service-list-information2f {
    margin: 50px auto 50px;
    width: 100%;
}
.img-list-information2f {
    width: 135px;
    height: 135px;
    border-radius: 100%;
    background-color: transparent;
    border: 5px solid #02B1C6;
    margin: 0 auto;
    display: block;
    margin-bottom: 15px;
}
.text-information2f{
    display: block;
    font-size: 28px;
    line-height: 26px;
}
.service-list-information2f .box-list-information2f > a,
.box-list-information2f .text-service2f{
    font-size: 30px;
    line-height: 30px;
    display: block;
    max-width: 170px;
    margin:0 auto 15px;
}
.service-list-information2f .img-list-information2f span {
    display: table-cell;
    vertical-align: middle;
    height: 135px;
    width:1%;
}
.img-list-information2f img {
    max-height: 70px;
    display: block;
    margin: 0 auto;
    min-width: 60px;
}
.service-list-information2f .text-list-information2f,
.service-list-information2f .text-list-information2f > a {
    font-size:35px;
    line-height: 35px;
    color: #19418E;
    display: block;
    text-align: center;
}
.service-list-information2f > ul > li{
    width: 20%;
    float: left;
}
.service-list-information2f > ul{
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.text-list-information2f ul {
    float: none;
    width:100%;
    margin:0;
}
.text-list-information2f ul li,
.box-list-information2f ul li {
    width: 100%;
    float: none;
    padding: 0;
    margin: 0 0 8px 0;
    text-align: left;
    background-image: url(../images/ic_list.svg);
    background-position: left 5px;
    background-size: 14px;
    background-repeat: no-repeat;
    padding-left: 23px;
}
.text-list-information2f ul li a,
.box-list-information2f ul li a {
    color: #19418E;
    font-size:25px;
    line-height: 25px;
    margin-bottom: 0;
    display: block;
}
.text-list-information2f ul li a:hover {
    color: #F29D0C;
}
.text-list-information2f ul.list-subservice li a{
    display: block;
}
.text-list-information2f h4 {
    margin-bottom: 15px;
}
.text-list-information2f > h5,
.text-list-information2f a {
    font-size: 35px;
    line-height: 35px;
    color: #19418E;
    display: block;
    margin-bottom: 15px;
}
.text-list-information2f a:hover {
    color: #F29D0C;
}
.service-process-recheck2f .box-list-information2f ul{
    display: inline-block;
}
.control-text-service {
    display: inline-block;
    position: relative;
    top:-15px;
}
.service-list-information2f .slick-arrow{
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 35px;
    width: 40px;
    height: 40px;
    border: none;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    z-index: 100;
    margin-top: -20px;
    opacity: 1;
  }
.service-list-information2f .slick-prev.slick-arrow{
    left: -70px;
    background-image: url(../images/arrow-back-gray.svg);
}
.service-list-information2f .slick-next.slick-arrow{
    background-image: url(../images/arrow-next-gray.svg);
    right: -70px;
  }
.service-list-information2f .slick-arrow.slick-disabled {
    opacity: 0.5;
}
.service-editor2f span.topic {
    display: block;
}
.service-editor2f span.inlinetopic {
    display: block;
}
.service-editor2f span.inlinedetail {
    font-family: 'DBHeavent_Cond';
}
.service-editor2f span.blockdetail {
    font-family: 'DBHeavent_Cond';
    display: block;
}
/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}
.boxheaddetail2f {
    text-align: center;
    margin-bottom: 30px;
}
.boxheaddetail2f h2 {
    font-size: 70px;
    line-height: 70px;
    color: #1d3359;
}
.service-edtior2f-btn {
    text-align: center;
    margin-bottom: 100px;
}
.service-edtior2f-btn .btn-linkweb {
    background-color: #01B2C4;
    border: 1px solid #01b2c4;
    color:#fff;
    width: auto;
    height: 50px;
    font-size: 25px;
    max-width: 100%;
    border-radius: 10px;
    padding: 7px 30px;
}
.service-edtior2f-btn .btn-linkweb:hover {
    background-color: #1894D6;
    border-color: #1894d6;
}
.service-infomation2f .boxheadline2f{
    max-width: 730px;
    margin: 0 auto;
}
.service-infomation2f .boxheadline2f{
    max-width: 730px;
    width: 100%;
    margin: 0 auto;
}
.service-group2f .boxheadline2f{
    max-width: 900px;
     width: 100%;
    margin: 0 auto;
}
.filter-content .btn.btn-blue,
.layout-filter-search .btn.btn-blue{
    min-width: 100px;
    position: absolute;

}
.filter-content .btn.btn-blue{
    right: 0;
    top: 0;
}
.layout-filter-search .btn.btn-blue{
    right: 15px;
    top: 20px;
}
.filter-content{
    padding-right: 115px;
}
.filter-content > .row > div{
    padding-left: 0;
    padding-right: 15px;
}
.service-editor2f p a{
    color: #1d3359;
}
.service-editor2f p a:hover{
    color: #f89906;
}
.service-infomation2f{
    margin-top: 100px;
}
.service-editor2f .contact-detail  .row .col-sm-6:last-child .contact-detail2f::after{
    display: none;
}
.service-editor2f .contact-detail2f{ min-height: inherit;}
.content-tablelist2f{
    margin-bottom: 30px;
}
.service-editor2f{
    margin-bottom: 100px;
}
.sub-table-ree {
    margin-top:20px;
    padding-left:100px;
    position: relative;
}
.sub-table-ree p {
    margin-bottom: 10px;
    font-style: italic;
}
span.note-table {
    position: absolute;
    left: 0px;
    top: 3px;
    font-size: 25px;
    color: #333;
}
.layout-success2f {
    margin-top: 20px;
}
.service-editor2f p img {
    max-width: 100%;
}
.service-digital .layout-service-type a{
  padding-top: 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.service-digital .layout-service-type .img-service2f{
  float: left;
  margin: 0 20px 0 0;
}
.service-digital .control-text-service{
  float: left;
  top: 0;
}
.content-tablelist2f.procurement .table>tbody>tr>td:first-child,
.content-tablelist2f.procurement .table>thead>tr>th:first-child,
.content-tablelist2f.procurement .content-editor .table>thead>tr>th:first-child{
  min-width: 110px;
}
.content-faq .btn-filter-search{
  top: 20px !important;
}
.content-faq .btn-filter-search button{
  height: 60px;
}
.box-item-documentation .detail-asset ul li.view span{
  font-size: 22px;
  line-height: 15px;
}
.box-review2f .CntRatingResult span {
    color: #0dc6de;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: -2px;
}
.main-asset-filedownload .box-review2f > div,
.main-asset-filedownload .box-review2f > .rating-stars > div{
    float: left;
}
.content-collapse .content-tablelist2f{
    margin-bottom: 0;
}
.layout-img-modal .modal-dialog.modal-lg{
    width: 75%;
}
/* css content-calendar-detail */
.content-calendar-detail .content-collapse-in table>tbody>tr:first-child {
    background-color: #12B7C7;
    color: #fff;
}
.content-calendar-detail .content-collapse-in table>tbody>tr {
    border-radius: 10px;
    padding: 15px;
    min-height: 70px;
    text-align: center;
    position: relative;
    z-index: 1;
    display: inline-table;
    width: 100%;
}
.content-calendar-detail .content-collapse-in table>tbody>tr>td {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding: 0 15px;
}
.content-calendar-detail .content-collapse-in table>tbody>tr:nth-child(even){
    background-color: #EDF2F6;
  }
  .content-calendar-detail .content-collapse-in table>tbody>tr{
    border-radius: 10px;
    padding: 15px;
    min-height: 70px;
    text-align: center;
    position: relative;
    z-index: 1;
    display: inline-table;
    width: 100%;
  }
  .content-calendar-detail .content-collapse-in table>tbody>tr td::after{
    content: '';
    width: 1px;
    position: absolute;
    right: 0;
    background-color: #666666;
    height: 100%;
    top: 0;
  }
  .content-calendar-detail .content-collapse-in table>thead + tbody>tr:first-child{
    background-color: #EDF2F6;
  }
  .content-calendar-detail .content-collapse-in table>tbody>tr:first-child td::after{
    background-color: #FFFFFF;
  }
  .content-calendar-detail .content-collapse-in table>tbody>tr>td:last-child::after{
    display: none;
  }
  .content-calendar-detail .content-collapse-in table>tbody>tr>td{
    /* text-align: center; */
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding: 0 15px;
  }
.control-page2f .content-fullcalendar2f table {
    border-radius: inherit;
    overflow: inherit;
    margin-bottom: 0;
    padding-bottom: 0;
}
.control-page2f .content-fullcalendar2f table tbody tr:first-child td{
     background-color: transparent;
    padding: 0;
}
.control-page2f .content-fullcalendar2f table>tbody>tr:nth-child(odd) {
    background-color: transparent;
}
.control-page2f .content-fullcalendar2f table tr td, 
.control-page2f .content-fullcalendar2f table tr th {
    padding: 0;
}
.content-editor .structure-list-body2f ul{
  padding-left: 0;
    margin: 0;
}
.control-page2f .content-fullcalendar2f table tr td a{ color:#fff;}
.control-page2f .content-fullcalendar2f table>tbody>tr:hover {
    box-shadow: none; 
    border-radius: 0;
}
.service-editor2f a u,
.service-editor2f p a,
.control-page2f .content-editor a,
.control-page2f .content-editor a span,
.control-page2f .content-editor a strong{
    color: #f89906 !important;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.service-editor2f a:hover,
.service-editor2f a:hover u,
.control-page2f .content-editor a:hover,
.control-page2f .content-editor a:hover strong,
.control-page2f .content-editor a:hover span{
    color: #FF0000 !important;
}
.content-tablelist2f.procurement .content-tablelist2f .table,
.content-tablelist2f.procurement .content-tablelist2f .table>thead>tr>th, 
.content-tablelist2f.procurement .content-tablelist2f .table>tbody>tr>td{
    font-size: 23px;
    line-height: 23px;
}
.control-page2f .content-tablelist2f.procurement  table{
    margin-bottom: 0;
}