*{outline: 0 !important;} 
body, html{
font-family: 'Sarabun', sans-serif;
    font-weight: 300;
    color: #000;
    font-size: 18px;
    line-height: 28px;
}
.navbar_right{
    background-color: #0e69dd;
    width: 64px;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    text-align: center;
    padding: 30px 0;
    z-index: 99999;
}
.icon_home a, .icon_search a{
    display: block;
    transition: 0.5s;
}
.icon_home a:hover, .icon_search a:hover{
    opacity: 0.8;
}
.icon_home .svg{
    fill: #fff;
    width: 25px;
    height: auto;
}
.icon_search{
    margin: 65px 0 22px;
}
.icon_search .svg{
    width: 24px;
    height: auto;
    stroke: #FFFFFF;
}
.navlang a{
    display: block;
    color: #033660;
    transition: 0.5s;
    font-size: 0.9rem;
    margin: 10px 0;
}
.navlang a:hover{
    color: #fff;
}
.navlang a.active{
    color: #fff;
}
.box_bannerslide{
    background-color: #f6f6f6;
    display: block;
    border-radius: 30px;
    overflow: hidden;
    transition: 0.5s;
}
.box_bannerslide:hover{
    -webkit-box-shadow: -2px 3px 25px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: -2px 3px 25px -5px rgba(0,0,0,0.2);
    box-shadow: -2px 3px 25px -5px rgba(0,0,0,0.2);
}
.box_bannerslide .figure{
    position: relative;
}
.box_bannerslide figcaption{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    padding: 0 60px 0 40px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: none;
}
.wrap_bannerhome .owl-carousel .owl-nav .owl-prev{
    background-image: url(../images/new-arrowblue-left.svg);
    width: 50px;
    height: 50px;
    position: absolute;
    top: 40%;
    left: -40px;
    transform: translate(-20px, 0);
    background-repeat: no-repeat;
    transition: 0.5s;
}
.wrap_bannerhome .owl-theme .owl-nav [class*=owl-].owl-prev:hover {
    background-image: url(../images/new-arrowblue-left-hover.svg);
}
.wrap_bannerhome .owl-carousel .owl-nav .owl-next {
    background-image: url(../images/new-arrowblue-right.svg);
    width: 50px;
    height: 50px;
    position: absolute;
    top: 40%;
    right: -40px;
     background-repeat: no-repeat;
    transform: translate(20px, 0);
    transition: 0.5s;
}
.wrap_bannerhome .owl-theme .owl-nav [class*=owl-].owl-next:hover{
     background-image: url(../images/new-arrowblue-right-hover.svg);
}
.wrap_bannerhome .owl-theme .owl-dots .owl-dot.active span, 
.owl-bannerslide .owl-theme .owl-dots .owl-dot:hover span,
.wrap_morenews_home .owl-theme .owl-dots .owl-dot:hover span,
.wrap_morenews_home .owl-theme .owl-dots .owl-dot.active span{
    background-color: #0e69dd;
}
.wrap_bannerhome .owl-theme .owl-dots .owl-dot span,
.wrap_morenews_home .owl-theme .owl-dots .owl-dot span{
    background-color: #d4d4d4;
    width: 8px;
    height: 8px;
}
.wrap_bannerhome{
    padding-top: 15px;
}
.wrap_bannerhome .items{
    padding: 25px 20px;
}
.nopad{
    padding: 0;
}
.banner_topic{
    color: #0760ac;
    font-size: 1.3em;
    display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;  
      overflow: hidden;
    line-height: 1.2;
    font-family: 'Kanit', sans-serif;
}
.banner_desc{
    color: #000;
    display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;  
      overflow: hidden;
    margin-top: 8px;
}
.coverphoto{
    position: relative;
    padding-bottom: 56%;
    overflow: hidden;
}
.coverphoto img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.coverphoto_about{
    position: relative;
    padding-bottom: 75%;
    overflow: hidden;
}
.coverphoto_about img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.covernews{
    position: relative;
    padding-bottom: 52%;
    overflow: hidden;
}
.covernews img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: top;
}
.slider-counter{
    position: absolute;
    transform: translate(-20px, -35px);
    color: #737373;
    font-size: 3.2rem;
    font-weight: 100;
    right: 0;
    display: none;
}
.wrap_vdohome{
    padding:50px 0 10px 0;
}
.wrap_vdohome .slick-next, .wrap_vdohome .slick-prev{
    position: absolute;
    top: auto;
    bottom: 140px;
    z-index: 99;
}
.wrap_vdohome .slick-next:before{
     font-family: 'Kanit', sans-serif;
    content: "วีดีโอถัดไป";
    background-image: url(../images/icon_arrow_grey3.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: top right;
    position: absolute;
    width: 200px;
    height: 25px;
    opacity: 1;
    transform: translate(-10px, 0);
    color: #737373;
    border-bottom: 1px solid #d4d4d4;
    font-weight: 300;
    font-size: 0.85rem;
    text-align: left;
    right: 0;
}
.wrap_vdohome .slick-prev:before{
    font-family: 'Kanit', sans-serif;
    content: "วีดีโอก่อนหน้า";
    background-image: url(../images/icon_arrow_grey2.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    position: absolute;
    width: 200px;
    height: 25px;
    opacity: 1;
    transform: translate(-10px, 0);
    color: #737373;
    border-bottom: 1px solid #d4d4d4;
    font-weight: 300;
    font-size: 0.85rem;
    text-align: right;
    left: 0;
}
.wrap_vdohome .slick-prev{
    left: calc(59% + 35px);
}
.btn_vdohome{
    margin-bottom: 100px;
}
.btn_vdohome.box_btnblue_right{
    margin-top: 0;
}
.desc_vdohome{
    padding: 50px 0 0 15px;
}
.topic-vdo01{
    color: #005dab;
    font-size: 1.4rem;
    margin-bottom: 15px;
    font-family: 'Kanit', sans-serif;
}
.topic-vdo02{
    color: #005dab;
    font-size: 2.5rem;
    margin: 15px 0 25px;
}
.shortdesc_vdo{
     display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;  
      overflow: hidden;
}
.bggrey_home{
    background-color: #f6f6f6;
    margin-top: 100px;
    padding-bottom: 80px;
}
.wrap_abouthome{
    margin-top: -100px;
}
.item_abouthome{
    display: block;
    border-radius: 20px;
    overflow: hidden;
    background-color: #fff;
    color: #005dab;
    transition: 0.5s;
}
.item_abouthome figcaption{
    text-align: center;
    padding: 25px 0 10px;
    font-family: 'Kanit', sans-serif;
}
.item_abouthome figcaption svg{
    vertical-align: top;
    margin-top: 7px;
    fill: #005dab;
}
.item_abouthome:hover{
    -webkit-box-shadow: -2px 3px 25px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: -2px 3px 25px -5px rgba(0,0,0,0.2);
    box-shadow: -2px 3px 25px -5px rgba(0,0,0,0.2);
}
.wrap_servicehome{
    margin-top: 75px;
    color: #005dab;
}
.topic_sm{
    font-size: 1.3rem;
    color: #005dab;
    font-family: 'Kanit', sans-serif;
}
.topic_sm a{
    color: #005dab;
}
.topic_head{
    font-size: 3.5rem;
    margin-top: 18px;
    color: #005dab;
    font-family: 'Kanit', sans-serif;
}
.lineblue{
   background-color: #0e69dd;
    width: 45px;
    height: 4px;
    margin: 27px auto 18px;
    transition: 0.5s;
}
.items_services{
    text-align: center;
    width: 16%;
    line-height: 1.5;
    font-size: 1.05rem;
    display: inline-block;
    vertical-align: top;
    color: #005dab;
    font-family: 'Kanit', sans-serif;
}
.circle_service{
/*    background-color: #0e69dd;
    border-radius: 50%;*/
    width: 140px;
    height: 140px;
    position: relative;
    margin: 0 auto;
    transition: 0.5s;
}
.circle_service img{
    width: 100%;
/*
    width: 100px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
*/
}
/*
.items_services:hover .circle_service, .items_services:hover .lineblue{
    background-color: #005dab;
}
*/
.items_services:hover .service_iconshow{
    opacity: 0;
}
.items_services .service_iconhover{
    opacity: 0;
}
.items_services:hover .service_iconhover{
    opacity: 1;
}
.service_iconshow, .service_iconhover{
    position: absolute;
    top: 0;
    transition: 0.5s;
    width: 100%;
} 
.wrap_itemservice{
    margin-top: 70px;
    text-align: center;
}
.home_boxlatestnews{
    background-color: #0e69dd;
    color: #fff;
    border-radius: 25px;
    overflow: hidden;
    margin-top: 45px;
    transition: 0.5s;
}
.home_boxlatestnews .covernews, .items_newslide .covernews{
    padding-bottom: 57%;
}
.home_boxlatestnews:hover{
     -webkit-box-shadow: -2px 3px 20px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: -2px 3px 20px -5px rgba(0,0,0,0.2);
    box-shadow: -2px 3px 20px -5px rgba(0,0,0,0.2);
}
.wrap_news{
    padding: 100px 0;
}
.newsdate{
    font-size: 0.8rem;
}
.newsdate i{
    color: #d4d4d4;
    padding-right: 4px;
}
.detail_newstop{
    font-size: 1.1rem;
    margin-top: 10px;
        display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.8;
}
.desc_latestnew_top{
    padding: 40px 40px 30px 15px;
}
.btn_newsmore{
    border-bottom: 1px solid #fff;
    display: block;
    position: relative;
    margin-top: 66px;
    color: #fff;
    font-size: 0.85rem;
    font-family: 'Kanit', sans-serif;
}
.btn_newsmore:hover{
    color: #fff;
}
.home_boxlatestnews .btn_newsmore:before{
    background-image: url(../images/icon_arrow_before.svg);
}
.btn_newsmore:before{
  content: "";
    background-image: url(../images/icon_arrow_before.svg);
    background-size: 100%;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 4px;
    right: 0;
}
.wrap_morenews_home{
    margin: 20px -15px 0;
}
.wrap_morenews_home .owl-carousel .owl-nav .owl-prev {
    background-image: url(../images/new-arrowblue-left.svg);
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: -40px;
    transform: translate(-20px, 0);
    background-repeat: no-repeat;
    transition: 0.5s;
}
.wrap_morenews_home .owl-theme .owl-nav [class*=owl-].owl-prev:hover{
    background-image: url(../images/new-arrowblue-left-hover.svg);
}
.wrap_morenews_home .owl-carousel .owl-nav .owl-next {
    background-image: url(../images/new-arrowblue-right.svg);
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    right: -40px;
     background-repeat: no-repeat;
    transform: translate(20px, 0);
    transition: 0.5s;
}
.wrap_morenews_home .owl-theme .owl-nav [class*=owl-].owl-next:hover{
    background-image: url(../images/new-arrowblue-right-hover.svg);
}
.wrap_morenews_home .items{
    padding: 15px;
}
.items_newslide{
    display: block;
    border-radius: 25px;
    overflow: hidden;
    background-color: #f6f6f6;
    transition: 0.5s;
    color: #000;
}
.items_newslide:hover{
    -webkit-box-shadow: -2px 3px 20px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: -2px 3px 20px -5px rgba(0,0,0,0.2);
    box-shadow: -2px 3px 20px -5px rgba(0,0,0,0.2);
    color: #000;
}
.desc_latestnew_all{
    padding: 20px 40px;
}
.detail_newslide{
     display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;  
      overflow: hidden;
    height: 111px;
}
.desc_latestnew_all .newsdate{
    color: #005dab;
}
.desc_latestnew_all .btn_newsmore{
    color: #737373;
    margin-top: 50px;
    border-bottom: 1px solid #d4d4d4;
    font-size: 0.85rem;
}
.desc_latestnew_all .btn_newsmore:before{
    background-image: url(../images/icon_arrow_grey.svg);
    opacity: 0.5;
}
.slider-news{
    position: absolute;
    transform: translate(20px, 40px);
    color: #737373;
    font-size: 3.2rem;
    font-weight: 100;
    display: none;
}
.btnall_blue{
    background: rgb(14,105,221);
background: linear-gradient(183deg, rgba(14,105,221,1) 0%, rgba(33,124,240,1) 100%);
    color: #fff;
    position: relative;
    display: block;
    border-radius: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 0.9rem;
    font-family: 'Kanit', sans-serif;
}
.btnall_blue:before{
    content: "";
    background-image: url(../images/icon_arrow_before.svg);
    background-size: 100%;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 15px;
    right: 15px;
}
.btnall_blue:hover{
     color: #fff;
    text-decoration: none;
    opacity: 0.9;
}
.box_btnblue_right{
    padding-right: 15px;
    margin-top: 40px;
}
.box_btnblue_right .btnall_blue{
    margin-left: 7px;
}
.char_chooseselect_type{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -59px;
}
.box_charselect_type{
    display: none;
    width: 100%;
    order: 9;
    margin-top: 30px;
}
.name_typeblog{
    color: #005dab;
    padding: 15px 30px;
        -webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
    font-family: 'Kanit', sans-serif;
}
.name_typeblog.active{
    background-color: #2677e1;
    color: #fff;
}
.list_tabcontent_home{
    padding: 20px 30px;
    border-bottom: 1px dashed #d4d4d4;
    display: block;
    color: #000;
}
.list_tabcontent_home:hover{
    color: #000;
}
.desclist_tabcontent{
    position: relative;
    padding-left: 35px;
}
.desclist_tabcontent:before{
    content: "";
    background-image: url(../images/icon_arrow_blue.svg);
    background-size: 100%;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 6px;
    left: 0;
    display: none;
}
.wrap_alllink{
    margin: 90px 0 40px;
}
.box_linkhome{
    border-radius: 20px;
    overflow: hidden;
    background-color: #f6f6f6;
    display: block;
    color: #005dab;
    text-align: center;
    transition: 0.5s;
    font-family: 'Kanit', sans-serif;
}
.box_linkhome_right{
    border-radius: 20px;
    overflow: hidden;
    background-color: #f6f6f6;
    display: block;
    color: #005dab;
    transition: 0.5s;
    position: relative;
    margin-top: 25px;
    font-family: 'Kanit', sans-serif;
}
.box_linkhome_right:first-child{
    margin-top: 0;
}
.box_linkhome:hover, .box_linkhome_right:hover{
    -webkit-box-shadow: -2px 3px 20px -5px rgba(0,0,0,0.5);
    -moz-box-shadow: -2px 3px 20px -5px rgba(0,0,0,0.5);
    box-shadow: -2px 3px 20px -5px rgba(0,0,0,0.5);
    color: #fff;
}
.wrap_desclink, .box_linkhome_right{
    position: relative;
    -webkit-transition: all 600ms cubic-bezier(0.385, 0.01, 0, 1);
    -moz-transition: all 600ms cubic-bezier(0.385, 0.01, 0, 1);
    -o-transition: all 600ms cubic-bezier(0.385, 0.01, 0, 1);
    transition: all 600ms cubic-bezier(0.385, 0.01, 0, 1);
}
.wrap_desclink::before,
.wrap_desclink::after,
.box_linkhome_right::before,
.box_linkhome_right::after
{
      content: '';
    color: #0E84E5;
    width: 100%;
    height: 101%;
    top: 0;
    left: 0;
    background: #0E84E5;
    display: block;
    position: absolute;
    z-index: 0;
    -webkit-transform: translate(0%, 100%);
    transform: translate(0%, 100%);
    opacity: 1;
    -webkit-transition: all 600ms cubic-bezier(0.385, 0.01, 0, 1);
    -moz-transition: all 600ms cubic-bezier(0.385, 0.01, 0, 1);
    -o-transition: all 600ms cubic-bezier(0.385, 0.01, 0, 1);
    transition: all 600ms cubic-bezier(0.385, 0.01, 0, 1);
}
.wrap_desclink:hover:before, .box_linkhome_right:hover:before
{
    -webkit-transform: translate(0, 0%);
    transform: translate(0, 0%);
    opacity: 0;
}
.wrap_desclink:hover, .box_linkhome_right:hover{
    background: #1671e5;
}
.wrap_desclink div{
    position: relative;
    z-index: 9;
}
.coverlink{
    position: relative;
    padding-bottom: 80%;
    overflow: hidden;
}
.coverlink img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: top;
}
.coverlink2{
    position: relative;
    padding-bottom: 70%;
    overflow: hidden;
}
.coverlink2 img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: top;
}
.wrap_desclink{
    padding: 30px 0;
}
.toptext_link{
    font-size: 2.5rem;
    margin: 7px 0 10px;
}
.toptext_link2{
    font-size: 1.4rem;
}
.box_linkhome_right svg{
    font-size: 1rem;
}
.items_linkright{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    padding-left: 35px;
}
.topic_line{
    border-bottom: 1px solid #d4d4d4;
    margin-top: 75px;
    padding-bottom: 7px;
}
.wrap_logopartner{
    padding: 50px 15px;
    margin: 0 -30px;
}
.wrap_logopartner_link{
    margin: 0 -30px;
}
.wrap_logopartner_link a{
    color: #005dab;
    font-size: 0.9rem;
}
.wrap_logopartner_link svg{
    vertical-align: top;
    margin-top: 7px;
}
.wrap_logopartner img{
    width: 100%;
    margin-bottom: 30px;
}
.linklogo{
    padding: 0 30px;
    width: 20%;
    display: inline-block;
}
.wrap_logopartner_link  .linklogo{
    margin-bottom: 25px;
}
.detail_listdesc{
    display: none;
}
.item_listdesc .topic_sm{
    background-image: url(../images/plus-solid.svg);
     background-repeat: no-repeat;
    background-position: right 0;
    background-size: 18px;
}
.item_listdesc.active .topic_sm{
    background-image: url(../images/minus-solid.svg);
}
.wrap_itemdesc{
    border-bottom: 1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4;
    padding: 20px 0;
}
.footer_social{
    background-color: #f6f6f6;
    padding: 60px 0 70px;
    margin-top: 125px;
}
.footer_social .topic_sm{
    margin-bottom: 15px;
}
.footer_boxsocial{
    display: block;
/*    background-color: #fff;*/
     background-color: #0E84E5;
    border-radius: 20px;
    height: 105px;
    text-align: center;
    position: relative;
    white-space: nowrap;
     -webkit-transition: all 600ms cubic-bezier(0.385, 0.01, 0, 1);
    -moz-transition: all 600ms cubic-bezier(0.385, 0.01, 0, 1);
    -o-transition: all 600ms cubic-bezier(0.385, 0.01, 0, 1);
    transition: all 600ms cubic-bezier(0.385, 0.01, 0, 1);
    overflow: hidden;
    font-family: 'Kanit', sans-serif;
}
.footer_boxsocial::before,
.footer_boxsocial::after
{
      content: '';
    color: #0E84E5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
/*    background: #0E84E5;*/
    background: #fff;
    display: block;
    position: absolute;
    z-index: 0;
    -webkit-transform: translate(0%, 100%);
    transform: translate(0%, 100%);
    opacity: 1;
    -webkit-transition: all 600ms cubic-bezier(0.385, 0.01, 0, 1);
    -moz-transition: all 600ms cubic-bezier(0.385, 0.01, 0, 1);
    -o-transition: all 600ms cubic-bezier(0.385, 0.01, 0, 1);
    transition: all 600ms cubic-bezier(0.385, 0.01, 0, 1);
}
.footer_boxsocial:hover:before
{
    -webkit-transform: translate(0, 0%);
    transform: translate(0, 0%);
    opacity: 0;
}
.footer_boxsocial:hover{
    background: #fff;
/*    background: #1671e5;*/
}

.footer_boxsocial:hover .footer_desccenter{
    color: #000;
}
.footer_desccenter{
    transition: 0.5s;
}
.footer_boxsocial:hover .footer_iconfb i{
    color: #1777f1;
}
.footer_boxsocial:hover .footer_iconyoutube i{
    color: #ff0000;
}
.footer_boxsocial:hover .footer_iconline i{
    color: #00be00;
}
.footer_desccenter i{
    font-size: 2rem;
    vertical-align: middle;
    margin-right: 30px;
    color: #fff;
}
.footer_desccenter img{
    margin-right: 30px;
}
.footer_desccenter{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 1.1rem;
}

.footer_contact{
    background-color: #0e69dd;
    color: #fff;
    padding-left: 80px;
    font-family: 'Kanit', sans-serif;
}
.bg_footercontact{
    background-image: url(../images/bg_footercontact_03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.footercontact_pad{
    padding: 80px 150px 80px 0;
}
.wrap_callcenter{
    position: relative;
}
.footer_callcenter{
    text-align: center;
    font-size: 1.2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.footer_callcenter img{
    width: 30px;
    height: auto;
}
.footer_namecompany{
    font-size: 1.6rem;
    line-height: 1.4;
}
.footercontact_pad address{
    font-size: 1.17rem;
}
.footer_map a{
    display: block;
    text-decoration: underline;
    color: #fff;
    font-size: 1.17rem;
}
.footer_phone{
    font-size: 2rem;
    margin-top: 40px;
}
.footer_phone i{
    transform: rotate(90deg);
    font-size: 1.6rem;
}
.footer_topicchat{
    font-size: 1.6rem;
}
.footer_mail a{
    display: inline-block;
    border: 1px solid #fff;
    height: 65px;
    text-align: center;
    color: #fff;
    padding: 0 100px;
    border-radius: 50px;
    font-size: 1.3rem;
    line-height: 65px;
    margin: 30px 0;
}
.footer_call{
    font-size: 2rem;
    margin-top: 10px;
}
.footer_call img{
    width: 37px;
    height: auto;
}
.footer_text{
    background-color: #f6f6f6;
    padding: 50px 0;
    text-align: center;
    font-family: 'Kanit', sans-serif;
}
.wrap_footer{
    padding: 80px 0 60px;
    font-size: 0.9rem;
}
.wrap_footer ul{
    padding: 0;
     margin: 0 0 20px;
}
.wrap_footer ul li{
    list-style: none;
}
.wrap_footer ul li a{
    color: #000;
    display: block;
    margin-bottom: 15px;
    transition: 0.5s;
    line-height: 1.4;
    font-size: 0.9rem;
}
.footer_toppicmenu a{
    color: #005dab;
    display: block;
    font-weight: 700;
    margin-bottom: 10px;
}
.wrap_footer ul li a:hover{
    color: #666;
}
.logo_footer img{
    width: 135px;
}
.footer_submenu ul{
    margin-bottom: 0;
    padding-left: 15px;
}
.footer_submenu ul li{
    position: relative;
    padding-left: 13px;
}
.footer_submenu ul li:before{
    content: "";
    background-color: #000;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 10px;
    left: 0;
    border-radius: 50%;
}
.footer_socialmenu a{
    display: inline-block;
    color: #666;
    font-size: 1.3rem;
    margin-right: 20px;
}
.totop{
   position: absolute;
    bottom: 30px;
    left: 0;
    transition: 0.5s;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 100%;
    font-size: 0.8rem;
}
.totop:hover{
    color: #fff;
}
.totop img{
    width: 12px;
}
.footer_cc{
    border-top: 1px solid #d6d6d6;
    margin-top: 30px;
    font-size: 1rem;
    line-height: 1.5;
    color: #3a3a3a;
    padding-top: 25px;
    font-family: 'Kanit', sans-serif;
}
.footer_cc_link{
    margin-top: 5px;
}
.footer_cc_link span{
    padding: 0 7px;
}
.footer_cc a{
     color: #3333ff;
}

    .warp_slide{
        overflow: hidden;
        padding: 0 0 0 64px;
    }
    .warp_slide figure{
        display: inline-block;
        width: calc(100%/6);
        background-color: #ccc;
        margin-bottom: 0;
        cursor: pointer;
    }
    .hover_section{
        position: absolute;
        top: 0;
        left: 64px;
        padding: 0 15px;
        right: 0;
        opacity: 0;
        visibility: hidden;
        z-index: -5;
        transition: 1s all ease;
    }
    .hover_section .col_slidehover{
        transition: 1s all ease;
        transform: translate(-100%, 0);
        background-color: #021230;
/*        background-color: #0e69dd;*/
        padding: 0;
    }
    .hover_section .col_slidehover:last-child{
        transform: translate(100%, 0);
    }
    .warp_slide figure:nth-child(1n+4) .hover_section .col_slidehover:first-child{
        transform: translate(100%, 0);
    }
    .warp_slide figure:nth-child(1n+4) .hover_section .col_slidehover:last-child{
        transform: translate(-100%, 0);
    }
    .warp_slide figure:nth-child(1n+4) .hover_section .row{
        flex-direction: row-reverse;
    }
/*
    .warp_slide figure:hover .hover_section{
        opacity: 1;
        visibility: visible;
        z-index: 6;
        transition: 0s all ease;
    }
    .warp_slide figure:hover .hover_section .col_slidehover{
        transform: translate(0, 0) !important;
        transition: 1s all ease;
    }
*/
    .warp_slide figure.active .hover_section{
        opacity: 1;
        visibility: visible;
        z-index: 6;
        transition: 0s all ease;
    }
    .warp_slide figure.active .hover_section .col_slidehover{
        transform: translate(0, 0) !important;
        transition: 1s all ease;
    }
.photo_crop{
    padding-bottom: 250%;
    position: relative;
    background-color: #000;
    overflow: hidden;
}
.photo_crop img{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
    object-fit: cover;
    opacity: 0.8;
    object-position: top center;
    transform: scale(1.05);
    transition: 1s all ease;
}
.warp_slide figure:hover .photo_crop img{
    opacity: 1;
    transform: scale(1);
}
.img_position-left img{
    object-position: top left;
}
.img_position-right img{
    object-position: top right;
}
.cover_photohover_show{
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
}
.cover_photohover_show img{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
    object-fit: cover;
    opacity: 0.5;
    opacity: 1;
    object-position: top center;
}
.content_slidehover{
    color: #fff;
    position: absolute;
    top: auto;
    left: 70px;
	 top: 20px;
	width: 100%;
/*    bottom: 100px;
	width: 80%;  */
/*    transform: translate(0, -60%);*/
    
}
.caption_bannerfix{
    position: absolute;
    top: 60%;
    left: 0;
    transform: translate(0, -60%);
    color: #fff;
    font-size: 1.2rem;
    font-family: 'Kanit', sans-serif;
}
.section_bannerfix{
    position: relative;
}
.topic_bannerfix{
    font-size: 2.5rem;
    line-height: 1.2;
    margin-bottom: 7px;
}
.topic_hoverslide{
     font-size: 2.5rem;
    line-height: 1.2;
    margin-bottom: 7px;
}
.topic_hoverslide2{
     font-size: 1.8rem;
    line-height: 1.2;
    margin-bottom: 7px;
}
.btn_hoverslide{
    display: block;
    position: relative;
    color: #fff;
    border-bottom: 1px solid #fff;
    font-size: 0.9rem;
    margin-top: 40px;
}
.btn_hoverslide:before{
    content: "";
    background-image: url(../images/icon_arrow_before.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    right: 0;
}
.btn_hoverslide:hover{
    color: #fff;
}
.nav_slide ul{
    list-style: none;
    transform: rotate(-90deg);
    white-space: nowrap;
    display: flex;
    flex-direction: row-reverse;
    transform-origin: left center;
    position: fixed;
    bottom: 0px;
    left: 30px;
}
.nav_slide ul li{
    display: inline-block;
    margin-right: 15px;
}
.nav_slide ul li a{
    display: block;
    position: relative;
    color: #FFF;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 8px;
}
.nav_slide ul li a span{
    display: none;
}
.nav_slide ul li a::before{
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #042f65;
    margin-right: 10px;
    border-radius: 50%;
}
.nav_slide ul li a.active::before{
    background-color: #FFF;
}
.nav_slide ul li a.active span{
    display: inline-block;
    padding-left: 10px;
}
.embed-responsive-item{
    width: 100% !important;
    height: 100% !important;
    left: 0px !important;
    top: 0 !important;
}
.btn_close_slcaption{
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 9;
    color: #fff;
    font-size: 1.8rem;
}
.btn_bannerslide{
    background: rgb(14,105,221);
background: linear-gradient(183deg, rgba(14,105,221,1) 0%, rgba(33,124,240,1) 100%);
    color: #fff;
    position: relative;
    display: block;
    border-radius: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 0.9rem;
    width: 200px;
    margin-top: 30px;
        
}
.btn_bannerslide:before{
    content: "";
    background-image: url(../images/icon_arrow_before.svg);
    background-size: 100%;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 15px;
    right: 15px;
}
.btn_bannerslide:hover{
     color: #fff;
    text-decoration: none;
    opacity: 0.9;
}
.boxsearch_logo img{
    width: 250px;
    height: auto;
}
.detail_search{
    position: absolute;
    top: 40%;
    left: 0;
    transform: translate(0, -40%);
    padding:0 170px 0 100px;
    width: 100%;
}
.boxsearch{
    border-bottom: 2px solid #fff;
    display: block;
    width: 100%;
    padding-bottom: 7px;
    margin-top: 150px;
}
.boxsearch input{
    width: calc(100% - 50px);
    border: 0;
    background: none;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 300;
}
.boxsearch input::placeholder{
    color: #fff;
}
.boxsearch button{
    width: 50px;
    background: none;
    border: 0;
    text-align: right;
}
.boxsearch .svg{
    width: 25px;
    height: auto;
    stroke: #fff;
}
.caption_search{
    font-size: 1.6rem;
    margin-top: 60px;
    line-height: 1.3;
    color: #fff;
}
.submenu_search{
    display: none;
    position: absolute;
    background-color: #fff;
    width: auto;
    top: 84px;
    right: 15px;
    left: 15px;
    font-size: 0.9rem;
    padding-top: 10px;
}
.submenu_search ul{
    padding: 0 0 0 15px;
}
.submenu_search ul li{
    position: relative;
    list-style: none;
    padding-left: 12px;
}
.submenu_search ul li:before{
    content: "";
    background-color: #0760ac;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    top: 13px;
    left: 0;
}
.submenu_search ul li a{
    color: #0760ac;
}
.btn_advancesearch{
    border: 2px solid #fff;
    height: 45px;
    line-height: 43px;
    display: block;
    padding: 0 15px;
    position: relative;
    margin-top: 40px;
    color: #fff;
}
.btn_advancesearch:before{
    content: "";
    background-image: url(../images/icon_arrowdown-white.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 12px;
    right: 13px;
}
.tab_selectsize{
    display: inline-block;
    padding-left: 20px;
}
.tab_selectsize a{
    color: #0e69dd;
    padding-left: 2px;
    display: inline-block;
    transition: 0.5s;
}
.tab_selectsize a:hover{
    opacity: 0.8;
}
.xs_size{
    font-size: 0.8rem;
    font-weight: 400;
}
.sm_size{
    font-size: 1rem;
    font-weight: 400;
}
.lg_size{
    font-size: 1.3rem;
}
.section_bannermobile{
    display: none;
}
.wrap_cookie{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    text-align: center;
    color: #ccc;
    background-color: #363839;
    font-size: 0.8rem;
    z-index: 999999;
}
.wrap_cookie a{
    display: inline-block;
    color: #ddd;
    text-decoration: underline;
}
.wrap_cookie div{
    display: inline-block;
}
.wrap_cookie button{
    background: rgb(14,105,221);
    background: linear-gradient(183deg, rgba(14,105,221,1) 0%, rgba(33,124,240,1) 100%);
    color: #fff;
    display: inline-block;
    border: 0;
    border-radius: 25px;
    font-weight: 300;
    padding: 0 15px;
    margin-left: 10px;
}
.tabcontent_date{
    color: #005dab;
    font-size: 0.9rem;
}
.tabcontent_date i{
    color: #d4d4d4;
}
.wrap_hometab{
    background-color: #f6f6f6;
    margin-top: 60px;
    padding-bottom: 50px;
}
.btn_advancesearchall{
    padding-left: 20px;
    padding-top: 45px;
}
.btn_advancesearchall a{
    display: block;
    color: #fff;
    text-decoration: underline;
}
.toppicmenu_sub2{
    margin-top: 40px;
}
.other_logo img{
    width: 60%;
}
.btn_linkmore{
    font-size: 0.85rem;
}
.pagecontent .nav_slide{
    display: none;
}
.bggrey_navbar{
    background-color: #f6f6f6;
    padding: 20px 0;
}
.box_menunav{
     color: #737373;
    font-size: 0.9rem;
    font-family: 'Kanit', sans-serif;
}
.box_menunav a{
    color: #737373;
}
.box_menunav i{
    font-size: 0.7rem;
}
.wrap_allnews{
    padding: 20px 0 70px;
}
.btn_newsselect{
    display: block;
    border: 1px solid #d4d4d4;
    color: #737373;
    font-size: 0.9rem;
    position: relative;
    padding: 7px 15px;
    margin-top: 10px;
    position: relative;
    background-color: #fff;
}
.btn_newsselect:before{
    content: "";
    background-image: url(../images/icon_arrowdown.svg);
    width: 16px;
    height: 16px;
    position: absolute;
    top: 13px;
    right: 12px;
}
.submenu_newselect{
    display: none;
    position: absolute;
    border: 1px solid #d4d4d4;
    z-index: 9;
    background-color: #fff;
    width: auto;
    right: 15px;
    left: 15px;
    font-size: 0.9rem;
}
.submenu_newselect ul{
    padding-left: 0;
    margin-bottom: 0;
}
.submenu_newselect ul li{
    list-style: none;
    border-bottom: 1px solid #d4d4d4;
    padding: 7px 15px;
}
.submenu_newselect ul li:last-child{
    border-bottom: 0;
}
.submenu_newselect ul li a{
    color: #737373;
}
.wrap_newall{
    padding: 0;
    margin-top: 35px;
}
.btn_tagnews_blue_top, .btn_tagnews_blue_top:hover{
    background-color: #0e69dd;
    color: #fff;
/*    min-width: 150px;*/
    text-align: center;
    font-size: 0.8rem;
    border-radius: 25px;
    margin-top: 23px;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 15px;
}
.btn_tagnews_white, .btn_tagnews_white:hover{
    background-color: #fff;
    color: #0e69dd;
/*    width: 150px;*/
    text-align: center;
    font-size: 0.8rem;
    border-radius: 25px;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin-bottom: 30px;
     padding: 0 15px;
}
.btn_moredetail_blue{
    background-color: #0e69dd;
    color: #fff;
/*    min-width: 150px;*/
    text-align: center;
    font-size: 0.8rem;
    border-radius: 25px;
    margin-top: 15px;
    display: inline-block;
    height: 33px;
    line-height: 33px;
    padding: 0 20px;
    font-family: 'Kanit', sans-serif;
}
.btn_moredetail_blue:hover{
    background-color: #0e69dd;
    color: #fff;
    text-decoration: none;
}
.btn_tagnews_blue{
    background-color: #0e69dd;
    color: #fff;
    text-align: center;
    font-size: 0.8rem;
    border-radius: 25px;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin: 15px 0;
     padding: 0 15px;
}
.btn_tagnews_blue:hover{
     background-color: #0e69dd;
    color: #fff;
}
.btn_taggrey.btn_tagnews_blue{
    background-color: #888;
}
.allnews_boxtop .btn_newsmore{
    margin-top: 0;
}
.wrap_newall .desc_latestnew_all .btn_newsmore{
    margin-top: 30px;
}
.bggrey_news{
    background-color: #f6f6f6;
    padding: 50px 0;
}
.item_listnews{
    margin-bottom: 30px;
}
.item_listnews .covernews{
    border-radius: 20px;
    padding-bottom: 54%;
}
.item_listnews .btn_newsmore{
    color: #737373;
    border-bottom: 1px solid #d4d4d4;
    margin-top: 0;
    width: 285px;
}
.item_listnews .btn_newsmore:before{
    background-image: url(../images/icon_arrow_grey.svg);
    opacity: 0.5;
}
.item_listnews .btn_tagnews_blue{
    margin-top: 0;
}
.item_listnews .newsdate{
    color: #005dab;
}
.item_listnews .detail_newslide{
    -webkit-line-clamp: 3;
    height: 83px;
    margin-bottom: 35px;
}
.item_listnews .btnall_blue{
    margin-bottom: 20px;
}
.item_listnews .btnall_blue:before{
    background-image: url(../images/plus_icon.svg);
    width: 10px;
    height: 12px;
    top: 20px;
    right: 20px;
}
.descnews_topic{
    color: #000;
    font-size: 1.8rem;
    line-height: 1.3;
}
.bg_descnews{
    background-color: #fff;
    border-radius: 25px;
    margin-top: 30px;
    padding: 25px;
    color: #000;
}
.bggrey_navbar-fixheight{
    height: 420px;
} 
.bg_descnews .newsdate{
    color: #005dab;
}
.descnews_date{
    margin-bottom: 10px;
}
.descnews_date div{
    display: inline-block;
    margin-right: 20px;
}
.bg_descnews .btn_tagnews_blue{
    margin-top: 0;
}
.descnews_date .btn_tagnews_blue{
    color: #fff;
}
.content_editor img{
    width: auto !important;
    max-width: 100% !important;
}
.content_news-bottom{
    border-top: 1px solid #d6d1d9;
    color: #737373;
    font-style: italic;
    margin-top: 30px;
    padding-top: 30px;
}
.descnews_date-bottom{
    margin-top: 50px;
    border-bottom: 1px solid #d6d1d9;
    padding-bottom: 15px;
}
.twitter-share-button{
    background-color: #1b95e0;
    padding: 4px 8px 4px 6px;
    line-height: 1;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    font-size: 0.7rem;
    margin-top: 0px;
    display: inline-block;
    vertical-align: bottom;
}
.news_share{
    color: #666;
    padding-top: 5px;
}
.news_share div{
    display: inline-block;
    vertical-align: top;
}
.news_share a{
    color: #fff;
}
.boxtop_news{
    position: relative;
    margin-top: -360px;
}
.box_searchnews img{
    width: 20px;
    height: 20px;
    opacity: 0.6;
}
.box_searchnews{
    border: 1px solid #d4d4d4;
    background-color: #fff;
    padding: 5px;
}
.news_recentnews{
    margin-top: 285px;
}
.box_searchnews input{
    display: inline-block;
    width: calc(100% - 50px);
    border: 0;
    font-weight: 300;
}
.box_searchnews button{
    display: inline-block;
    width: 40px;
    height: auto;
    border: 0;
    background: none;
}
.box_recentnews_right{
    background-color: #f6f6f6;
    border-radius: 25px;
    padding: 20px;
    margin-top: 80px;
}
.topic_newsrecent{
    color: #2870b2;
    font-size: 1.1rem;
    border-bottom: dashed 1px #d4d4d4;
    padding-bottom: 10px;
}
.box_itemnews-right{
    border-bottom: dashed 1px #d4d4d4;
    display: block;
    color: #000;
    padding: 15px 0;
}
.box_itemnews-right .detail_newslide{
    -webkit-line-clamp: 2;
    height: 48px;
    line-height: 1.4;
}
.box_itemnews-right .newsdate{
    color: #005dab;
    font-size: 0.9rem;
}
.recentnews_btnnews .btn_newsmore{
    color: #737373;
    border-bottom: 0;
    margin-top: 15px;
}
.btn_newsmore:before{
    background-image: url(../images/icon_arrow_grey3.svg);
}
.list_itemnews-right{
    border-bottom: 6px solid #d6d1d9;
    padding-bottom: 20px;
    margin-bottom: 60px;
}
.icon_shareline{
    margin-top: 8px;
}
.bggrey_fixheight-bt{
    margin-top: -150px;
    padding-top: 170px;
    height: 550px;
}
.recentnews_slide{
    margin-top: -280px;
    margin-bottom: 80px;
}
.recentnews_slide .wrap_morenews_home{
    margin-top: 5px;
}
.desc_shortslide{
    display: -webkit-box;
      -webkit-line-clamp: 20;
      -webkit-box-orient: vertical;  
      overflow: hidden;
}
.wrap_aboutus{
    background-image: url(../images/banner-about_02.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 770px;
}
.wrap_service01{
    background-color: #000;
    position: relative;
}
.wrap_service01:before{
    content: "";
    background-image: url(../images/banner-service01_03.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}
.wrap_service02{
    background-color: #000;
    position: relative;
}
.wrap_service02:before{
    content: "";
    background-image: url(../images/banner-service02.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}
.wrap_service03{
    background-color: #000;
    position: relative;
}
.wrap_service03:before{
    content: "";
    background-image: url(../images/banner-service03.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}
.wrap_service04{
    background-color: #000;
    position: relative;
}
.wrap_service04:before{
    content: "";
    background-image: url(../images/banner-service04.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}
.wrap_service05{
    background-color: #000;
    position: relative;
}
.wrap_service05:before{
    content: "";
    background-image: url(../images/banner-service05.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}
.menunav_white, .menunav_white a{
    color: #fff;
}
.menunav_white{
    margin: 30px 0;
}
.about_topicbanner{
    text-align: center;
    color: #fff;
    margin-top: 200px;
    font-family: 'Kanit', sans-serif;
}
.topicbanner_t1{
    font-size: 1.4rem;
}
.topicbanner_t2{
    font-size: 3.5rem;
    margin-top: 15px;
    line-height: 1;
    font-family: 'Kanit', sans-serif;
}
.wrap_contentabout{
    margin-top: -370px;
}
.topic_aboutus{
    color: #005dab;
    text-align: center;
    font-size: 2rem;
    line-height: 1.3;
    margin-bottom: 40px;
    font-family: 'Kanit', sans-serif;
}
.about_linkpartner{
    margin-top: 15px;
}
.about_linkpartner a{
    display: block;
    position: relative;
    color: #005dab;
    padding-left: 10px;
    cursor: pointer;
}
.about_linkpartner a:before{
    content: "";
    background-color: #005dab;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    top: 13px;
    left: 0;
}
.about_linkpartner a i{
    font-size: 0.9rem;
}
.about_linkpartner div{
    margin-left: 10px;
}
.about_bt20{
    margin-bottom: 20px;
}
.about_bt200{
    margin-bottom: 20px;
	font-size: 1rem;
}

.about_video{
    padding: 50px 150px;
}
.bg_aboutgrey{
    background-color: #f6f6f6;
    margin-top: 105px;
    padding-bottom: 200px;
}
.photo_aboutnstda img{
    width: 100%;
}
.photo_aboutnstda{
    margin-top: -60px;
}
.topic_aboutus2{
    color: #005dab;
    font-size: 1.3rem;
    margin-bottom: 15px;
    font-family: 'Kanit', sans-serif;
}
.content_aboutpad{
    margin-top: 140px;
}
.boxshadow_about{
    display: block;
    border-radius: 20px;
    overflow: hidden;
    background-color: #fff;
    -webkit-box-shadow: -2px 3px 25px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: -2px 3px 25px -5px rgba(0,0,0,0.2);
    box-shadow: -2px 3px 25px -5px rgba(0,0,0,0.2);
    padding: 40px;
    margin-bottom: 60px;
}
.box_missionvision{
    margin-top: -130px;
}
.txt_vision{
    color: #005dab;
    font-size: 1.4rem;
    font-family: 'Kanit', sans-serif;
}
.lg_textvision{
    font-size: 3.5rem;
    margin-top: 13px;
}
.desc_vision{
    height: 130px;
    border-left: 7px solid #f6f6f6;
    position: relative;
}
.desc_vision div{
    position: absolute;
    top: 50%;
    left: 25px;
    transform: translate(25px, -50%);
    font-size: 1.4rem;
    width: 80%;
}
.desc_mission{
    border-left: 7px solid #f6f6f6;
    padding-left: 50px;
}
.bg_aboutvalue{
    background-image: url(../images/bgaboutnstda_02.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
    padding-bottom: 500px;
}
.topic_value{
    color: #005dab;
    font-size: 2rem;
    line-height: 1.3;
    margin:20px 0 40px;
    font-family: 'Kanit', sans-serif;
}
.text_value{
    color: #005dab;
    font-size: 4.7rem;
    font-weight: 500;
    width: 70px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-family: 'Kanit', sans-serif;
}
.listbox_txtvalue{
    display: inline-block;
    width: calc(100% - 95px);
    margin-left: 19px;
}
.txt_valuename{
    color: #005dab;
    font-size: 1.4rem;
    vertical-align: top;
    margin-top: -17px;
    font-family: 'Kanit', sans-serif;
}
.value_lineblue{
    background-color: #0e69dd;
    width: 45px;
    height: 4px;
    margin: 25px 0;
}
.link_pdfdownload{
    display: block;
    margin-left: 30px;
    color: #005dab;
    transition: 0.5s;
}
.link_pdfdownload i{
    color: #d4d4d4;
}
.link_pdfdownload:hover{
    color: #666;
}
.link_annualdw{
    margin: 40px 0 60px;
}
.link_annualdw a{
    margin-left: 0;
}
.value_logo{
    text-align: center;
    margin: 50px 0 120px;
}
.value_logo img{
    width: 550px;
}
.footer_about{
    background-color: #fff;
    padding: 50px;
    margin-top: -110px;
}
.txt_footerabout{
    font-size: 1.1rem;
    text-align: center;
}
.footer_about .value_lineblue{
    margin: 30px auto;
}
.footer_about .footer_desccenter{
    color: #000;
}
.footer_about .footer_iconyoutube i{
    color: #ff0000;
}
.footer_about .footer_iconfb i{
    color: #1777f1;
}
.txt_blue{
    color: #005dab;
}
.footer_about .footer_iconline i{
    color: #00b800;
}
.footer_boxsocial_about{
    display: inline-block;
    white-space: nowrap;
}
.wrap_aboutsocial{
    margin: 30px 0 70px;
}
.aboutlogo_showdesktop{
    display: block;
}
.aboutlogo_showmobile{
    display: none;
}
.wrap_bgcontent{
    background-image: url(../images/bgsky.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 20px;
}
.topic_content_template{
    font-size: 2rem;
    color: #005dab;
    line-height: 1.2;
    font-family: 'Kanit', sans-serif;
}
.mainwrap_content{
    margin-top: 70px;
}
.mainwrap_content .btn_tagnews_blue_top{
    width: auto;
    padding: 0 25px;
    margin-top: 15px;
}
.wrap_boxlist_template{
    margin-top: 60px;
}
.boxlist_template{
    border: 6px solid #cadef7;
    border-radius: 20px;
    background-color: #fff;
    padding: 15px 70px;
    display: block;
    transition: 0.5s;
    margin-bottom: 40px;
}
.boxlist_template:hover{
    -webkit-box-shadow: -2px 3px 20px -5px rgba(0,0,0,0.5);
    -moz-box-shadow: -2px 3px 20px -5px rgba(0,0,0,0.5);
    box-shadow: -2px 3px 20px -5px rgba(0,0,0,0.5);
}
.border_listtemplate{
    border-left: 1px solid #ddd;
    position: relative;
    padding-left: 40px;
    min-height: 100px;
}
.boxlist_template .newsdate{
    color: #005dab;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    font-size: 1rem;
}
.border_listtemplate div{
    display: inline-block;
    vertical-align: top;
}
.border_listtemplate .btn_tagnews_blue_top{
    width: 70px;
    text-align: center;
    padding: 0;
    display: inline-block;
}
.listname_template{
    width: 100%;
    padding: 10px 0 0 0;
    color: #000;
    display: inline-block;
}
.listname_template i{
    color: #d4d4d4;
}
.listtemplate_topauto{
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translate(20px, -50%);
}
.btn_listdownload{
    text-align: right;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 100%;
}
.btn_listdownload img{
    width: 30px;
    height: 30px;
}
.page_pagination nav ul{
   text-align: center;
   justify-content: center;
}
.page_pagination .pagination .page-item .page-link{
    background-color: #0e69dd;
    color: #fff;
    border-radius: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}
.page_pagination .pagination .page-item.active .page-link{
    background-color: #d4d4d4;
    box-shadow: none;
}
.page_pagination li{
    margin: 0 10px;
}
.pagecontent_menunav{
    border: 1px solid #ddd;
    padding: 15px 0;
    margin-top: 20px;
}
.wrap_bgcontent .box_menunav a, .wrap_bgcontent .box_menunav{
    color: #005dab;
}
.wrap_bgcontent .pagecontent_menunav.box_menunav a, .wrap_bgcontent .pagecontent_menunav.box_menunav{
    color: #737373;
}
.boxlist_inside{
    position: relative;
}
.boxlist_inside h1, .boxlist_inside h2, .boxlist_inside h3, .boxlist_inside h4, .boxlist_inside h5, .boxlist_inside h6{
    line-height: 1.6;
    margin-bottom: 15px;
}
.boxlist_inside .newsdate{
    position: static;
    font-size: 0.85rem;
    display: inline-block;
    top: 0;
    left: 0;
    transform: translate(0,0);
}
.boxlist_inside .btn_tagnews_blue{
    margin: 0;
    width: auto;
    padding: 0 20px;
}
.boxlist_inside{
    padding: 40px 50px;
}
.boxlist_inside img{
    width: auto !important;
    max-width: 100% !important;
}
.boxlist_inside .descnews_date{
    margin-bottom: 40px;
}
.wrap_bgcontent .box_menunav.menunav_grey a, .wrap_bgcontent .box_menunav.menunav_grey{
    color: #737373;
}
.boxlist_inside.boxlist_template{
    margin-bottom: 20px;
}
.recent_template1{
    padding: 60px 0 120px;
}
.items_recenttemplate .boxlist_template{
    padding: 25px 35px;
}
.items_recenttemplate .btn_tagnews_blue_top{
    margin-top: 0;
    min-width: auto;
    padding: 0 25px;
}
.items_recenttemplate .listname_template{
    width: 100%;
    padding: 0;
    margin: 10px 0 2px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 30px;
}
.items_recenttemplate .newsdate{
    position: static;
    top: 0;
    left: 0;
    transform: translate(0,0);
    font-size: 0.8rem;
}
.recent_template1 .wrap_morenews_home .owl-carousel .owl-nav .owl-next,
.recent_template1 .wrap_morenews_home .owl-carousel .owl-nav .owl-prev{
    top: 30%;
}
.boxlist_inside.boxlist_template:hover{
    box-shadow: none;
}
.wrap_boxlist_inside.wrap_boxlist_template{
    margin-top: 40px;
}
.recent_template1 .wrap_morenews_home .owl-carousel .owl-nav .owl-prev{
    left: -28px;
}
.recent_template1 .wrap_morenews_home .owl-carousel .owl-nav .owl-next{
    right: -28px;
}
.recent_template1 .box_btnblue_right{
    margin-top: 0;
}
.descnews_date .footer_boxtag{
    display: block;
    margin-top: 5px;
}
.boxtag{
    margin-top: 15px;
}
.boxtag a{
    margin: 0;
}
.recent_coverannual{
    text-align: center;
    position: relative;
    padding-bottom: 74%;
    overflow: hidden;
    margin: 15px 0;
}
.owl-carousel .owl-item .recent_coverannual img, .recent_coverannual img{
    max-width: 100%;
    width: auto;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    object-fit: contain;
}
.recent_template1 .btn_newsmore{
    color: #737373;
    border-bottom: 1px solid #d4d4d4;
    margin-top: 35px;
}
.recent_template1 .slider-news{
    transform: translate(20px, 0px);
}
.recent_template2 .wrap_morenews_home .owl-carousel .owl-nav .owl-next, .recent_template2 .wrap_morenews_home .owl-carousel .owl-nav .owl-prev{
    top: 40%;
}
.box_b2list .boxlist_template{
    padding: 10px 25px 25px;
    margin-bottom: 0;
}
.box_b2list .btn_tagnews_blue_top{
    min-width: auto;
    padding: 0 20px;
}
.box_b2list .listname_template{
    width: 100%;
    padding: 10px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 65px;
    margin-bottom: 15px;
}
.box_b2list .boxlist_template .newsdate{
    position: static;
    top: 0;
    font-size: 0.8rem;
}
.box_b2list .recent_coverannual{
    margin: 0;
}
.box_b2list .btn_newsmore{
    color: #737373;
    border-bottom: 1px solid #d4d4d4;
    margin-top: 35px;
}
.box_b2list .recent_coverannual{
    padding-bottom: 65%;
}
.box_b2list_page{
    margin-top: 50px;
}
.wrap_serviceall{
   position: relative;
}
.wrap_serviceall:before{
    content: "";
    background-color: #f6f6f6;
    width: 62%;
    height: 630px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.wrap_serviceall .container{
    padding-left: 30px;
}
.content_service_menutab .container{
    padding-left: 15px;
}
.photo_serviceall{
    border-radius: 20px;
    overflow: hidden;
}
.photo_serviceall img{
    width: 100%;
}
.wrap_serviceall_top{
    padding: 30px 50px 0 0;
}
.wrap_serviceall{
    padding-top: 30px;
}
.topic_service01{
    color: #005dab;
    font-weight: 500;
}
.wrap_serviceall_top .topic_head{
    margin-bottom: 40px;
}
.serviceall_listtop ul{
    padding-left: 0;
    columns: 2;
    margin-top: 20px;
}
.serviceall_listtop ul li{
    list-style: none;
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-left: 15px;
    margin-top: 10px;
    break-inside: avoid-column;
}
.serviceall_listtop ul li:before{
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #005dab;
    position: absolute;
    top: 13px;
    left: 3px;
}
.serviceall_listtop ul li a{
    color: #005dab;
    transition: 0.5s;
}
.serviceall_listtop ul li a:hover{
    color: #666;
}
.photo_serviceall02{
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
}
.photo_serviceall02 img{
    width: 100%;
}
.topic_service02{
    font-size: 1.5rem;
    color: #000;
    line-height: 1.5;
}
.content_service2{
    padding: 100px 0 0 20px;
}
.content_service2 .link_annualdw{
    margin: 10px 0 0;
}
.content_service2.content_aboutpad{
    margin-top: 0;
}
.topic_service03{
    color: #005dab;
    font-size: 2rem;
    line-height: 1.2;
    font-family: 'Kanit', sans-serif;
}
.wrap_serviceall2{
    margin-bottom: 70px;
}
.service_tabbar{
    margin: 50px 0 0;
}
.service_tabbar div{
    display: inline-block;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
    width: 17%;
    margin-right: 20px;
    text-align: center;
    height: 90px;
    font-size: 0.9rem;
    line-height: 1.5;
}
.service_tabbar div:last-child{
    margin-right: 0;
}
.service_tabbar div a{
    color: #005dab;
    display: block
        font-family: 'Kanit', sans-serif;
}
.section_serviceall{
    padding: 50px 0;
}
.section_serviceall:nth-child(even){
    background-color: #f2f2f2;
    padding-left: 15px;
}
.section_serviceall:nth-child(even) .service_bggrey{
    background-color: #fff;
}
.section_serviceall:nth-child(even) .item_serviceall:first-child .service_bgblue{
    background: rgb(246,246,246);
background: linear-gradient(180deg, rgba(246,246,246,1) 0%, rgba(240,245,251,1) 100%);
}
.section_serviceall:nth-child(even) .item_serviceall:last-child .service_bgblue{
background: rgb(246,246,246);
background: linear-gradient(5deg, rgba(246,246,246,1) 0%, rgba(240,245,251,1) 100%);
}

.icon_serviceall{
    width: 100px;
    margin-bottom: 15px;
}
.section_topicservice{
    color: #005dab;
    position: relative;
    font-size: 1.5rem;
    padding-bottom: 20px;
    padding-right: 100px;
    font-family: 'Kanit', sans-serif;
}
.section_topicservice:before{
    content: "";
    background-color: #0e69dd;
    width: 40px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.service_topiccolumn{
    color: #005dab;
    position: relative;
    text-align: center;
    font-weight: 500;
    height: 50px;
    margin-top: 130px;
}
.service_topiccolumn:before{
    content: "";
    background-color: #0e69dd;
    width: 40px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
}
.item_serviceall{
    border-bottom: dashed 1px #ccc;
}
.serviceall_iconcheck{
    text-align: center;
    font-size: 1.5rem;
}
.serviceall_iconcheck .fa-check-circle{
    color: #0e69dd;
}
.serviceall_iconcheck .fa-minus-circle{
    color: #d7d7d7;
}
.serviceall_iconnone{
    color: #bbbbbb;
    font-size: 1.1rem;
}
.service_bggrey{
    background-color: #f8f8f8;
    padding: 25px;
    margin-right: 100px;
    height: 100%;
}
.item_serviceall:first-child{
    margin-top: 50px;
}
.item_serviceall:first-child .service_bggrey{
    -webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.service_bgblue{
    background-color: #f0f5fb;
    height: 100%;
}
.item_serviceall:first-child .service_bgblue{
    background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(240,245,251,1) 100%);
}
.item_serviceall:last-child .service_bgblue{
background: rgb(255,255,255);
background: linear-gradient(5deg, rgba(255,255,255,1) 0%, rgba(240,245,251,1) 100%);
}
.item_serviceall:last-child .service_bggrey{
    -webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
.service_bgblue{
    padding: 25px 0;
}
.item_serviceall:last-child{
    border-bottom: 0;
}

.link_moreservice{
    color: #005dab;
    display: block;
    margin-top: 50px;
    transition: 0.5s;
}
.link_moreservice span{
    text-decoration: underline;
    font-family: 'Kanit', sans-serif;
}
.link_moreservice img{
    width: 25px;
    margin-left: 10px;
}
.link_moreservice:hover{
    color: #666;
}
.topic_serviceinside{
    margin: 250px 0 50px;
    color: #fff;
}
.service_topiclist ul{
    columns: 2;
    margin-top: 30px;
    padding-left: 0;
    width: 65%;
}
.service_topiclist ul li{
    list-style: none;
    position: relative;
    padding-left: 20px;
    break-inside: avoid-column;
}
.service_topiclist ul li:before{
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 13px;
    left: 5px;
}
.service_topiclist a{
    color: #fff;
}
.wrap_desc_serviceinside .section_topicservice{
    font-size: 1.7rem;
}
.wrap_desc_serviceinside .section_topicservice div{
    color: #000;
    font-size: 1rem;
    margin-top: 8px;
}
.box_service01{
    margin: 30px 0 50px;
}
.box_service01 div{
    display: inline-block;
    color: #005dab;
    margin-right: 30px; 
}
.box_service01 .serviceall_iconcheck{
    font-size: 1rem;
    margin-top: 0;
    margin-right: 0;
}
.box_service01 .serviceall_iconcheck i{
    font-size: 0.9rem;
}
.wrap_itemservice01{
    padding: 60px 0;
}
.wrap_itemservice01:nth-child(even){
    background-color: #f6f6f6;
}
.service_topicblue{
    color: #005dab;
    font-weight: 500;
    margin-bottom: 10px;
}
.wrap_itemservice01 ul li{
    list-style: none;
    position: relative;
    padding-left: 12px;
    margin-bottom: 12px;
}
.wrap_itemservice01 ul li:before{
    content: "";
    width: 4px;
    height: 4px;
    background-color: #000;
    border-radius: 50%;
    position: absolute;
    top: 13px;
    left: 0;
}
.wrap_itemservice01 ul{
    padding-left: 0;
}
.txt_bold{
    font-weight: 500;
}
.service_li50 ul{
    columns: 2;
}
.service_li50 ul li{
    break-inside: avoid-column;
}
.service_icontech{
    margin: 20px 0;
}
.service_infocontact{
    margin-top: 10px;
}
.service_infocontact div{
    display: inline-block;
    margin-right: 25px;
}
.service_infocontact div i{
    color: #747474;
    margin-right: 12px;
}
.service_infocontact div a{
    text-decoration: underline;
    color: #000;
    transition: 0.5s;
}
.service_infocontact div a:hover{
    color: #666;
}
.service_iconitap{
    display: inline-block;
    width: 19%;
    vertical-align: top;
    padding: 0 20px;
}
.wrap_contentitap{
    margin: 50px 0;
}
.list_numitap{
    margin-bottom: 10px;
}
.desc_servicetest{
    margin: 20px 0;
}
.wrap_servicetest{
    padding-left: 20px;
}
.item_servicetest{
    margin: 50px 0 70px;
}
.item_servicetest:last-child{
    margin-bottom: 0;
}
.wrap_itemservice01 .box_listitemservice ul li{
    margin-bottom: 0;
}
.box_listitemservice .service_topicblue{
    margin-top: 30px;
}
.box_listitemservice{
    margin-bottom: 40px;
}
.li_order3{
    columns: 3;
}
.txt_grey{
    color: #878787;
}
.wrap_banner_noopacity.wrap_bannerpage:before{
    opacity: 1;
}

.wrap_bannerpage{
    background-color: #000;
    position: relative;
    height: 450px;
}
.wrap_bannerpage:before{
       content: "";
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.85;
}
.topic_bannerabout{
    font-size: 2.7rem;
    color: #fff;
    line-height: 1;
    font-family: 'Kanit', sans-serif;
    height: 305px;
}
.topic_bannerabout div{
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 100%;
}


/*
.wrap_bannerpage{
    background-color: #000;
    position: relative;
    padding-bottom: 26.6%;
}
.wrap_bannerpage:before{
    content: "";
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.85;
    background-position: center center;
}
.wrap_bannerpage .container{
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    transform: translate(-50%, 0);
}
.wrap_bannerpage .container .menunav_white + .col-12{
    position: static;
}
.topic_bannerabout{
    font-size: 2.7rem;
    color: #fff;
    line-height: 1;
    font-family: 'Kanit', sans-serif;
}
.topic_bannerabout div{
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 100px;
    padding-bottom: 25px;
     width: 100%;
}
*/




.topic_bannerabout span{
    font-size: 1.8rem;
    text-transform: uppercase;
}
.wrap_aboutcontent{
    padding-top: 70px;
    padding-bottom: 100px;
}
.wrap_aboutcontent .section_topicservice{
    margin-bottom: 30px;
}
.linkblue{
    color: #005dab;
}
.thaiinnovation_list{
    margin: 0 0 50px 0;
}
.thaiinnovation_list ul li{
    list-style: none;
    position: relative;
    color: #005dab;
    padding-left: 13px;
}
.thaiinnovation_list ul li:before{
    content: "";
    background-color: #005dab;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 13px;
    left: 0;
    border-radius: 50%;
}
.thaiinnovation_list ul li a{
    color: #005dab;
}
.thaiinnovation_list ul li a i{
    color: #d4d4d4;
    padding-left: 5px;
}
.topcontent_royal{
    margin-top: 30px;
}
.items_royal .wrap_aboutcontent{
    padding-bottom: 50px;
}
.wrap_royalall .btn_tagnews_white, .wrap_royalall .btn_tagnews_blue{
    min-width: 150px;
    width: auto;
    padding: 0 15px;
}
.topic_itemtop{
    margin: 20px 0;
}
.wrap_itemservice01 .service2_bgbluecontent ul li{
    background-color: #f0f5fb;
    margin-bottom: 0;
    padding: 15px 15px 15px 35px;
}
.wrap_itemservice01 .service2_bgbluecontent ul li:before{
    left: 20px;
    top: 28px;
}
.wrap_itemservice01 .service2_bgbluecontent ul li:first-child{
    background: linear-gradient(180deg, rgba(246,246,246,1) 0%, rgba(240,245,251,1) 100%);
}
.wrap_itemservice01 .service2_bgbluecontent ul li:last-child{
    background: linear-gradient(5deg, rgba(246,246,246,1) 0%, rgba(240,245,251,1) 100%);
}
.box_service2-icon .service_iconitap{
    margin: 30px 0;
}
.box_service2-icon .service_iconitap img{
    margin-bottom: 15px;
}
.service2_listorder3{
    margin-top: 50px;
}
.service2_listorder3 ul{
    columns: 3;
    margin-top: 15px;
}
.service2_listorder3 ul li{
    break-inside: avoid-column;
}
.service_infoqrcode{
    float: right;
}
.border_service3{
    border-left: 3px solid #ddd;
}
.border_service3:first-child{
    border-left: 0;
}
.photo_service3{
    text-align: center;
}
.photo_service3 img{
    margin: 30px auto;
}
.border_service3-circle{
    position: relative;
    padding-bottom: 30px;
}
.border_service3-circle:before{
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #ddd;
    position: absolute;
    top: 8px;
    left: -8px;
}
.border_service3-circle:after{
    content: "";
    width: 2px;
    height: 100%;
    background-color: #ddd;
    top: 8px;
    left: -1px;
    position: absolute;
}
.border_service3-circle div{
    padding-left: 70px;
}
.itemrow_service3:last-child > .border_service3-circle:after{
    display: none;
}
.itemrow_service3:last-child{
    margin-bottom: 50px;
}
.box_itemservice3{
    padding: 20px 15px;
}
.box_itemservice3:nth-child(odd){
    background-color: #eee;
}
.wrap_box_itemservice3{
    margin-bottom: 50px;
}
.topic_service3{
    color: #000;
    font-size: 1.2rem;
    margin-bottom: 15px;
}
.wrap_content_borderservice3{
    border-top: 5px solid #e5e5e5;
    border-bottom: 5px solid #e5e5e5;
    margin: 40px 0;
    padding: 30px 0;
}
.wrap_content_borderservice3 .txt_bold{
    margin-bottom: 15px;
}
.service3_research .txt_bold{
    margin: 25px 0 10px;
}
.service3_boxresearch{
    border-top: 5px solid #e5e5e5;
    margin: 40px 0 50px;
    padding-top: 50px;
}
.service3_boxresearch ul{
    columns: 2;
}
.service3_boxresearch ul li{
    break-inside: avoid-column;
}
.item_ttrs{
    margin: 10px 0 40px;
}
.item_ttrs div{
    height: 150px;
    position: relative;
    margin-bottom: 15px;
}
.item_ttrs div img{
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.wrap_content_service3{
    margin-top: 30px;
}
.wrap_contact{
    background-color: #fff;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 0 40px 100px;
    margin-top: 60px;
}
.topic_contact{
    margin-top: 10px;
}
.box_contact{
    border-bottom: 1px solid #ccc;
    padding: 50px 0;
}
.contact_info{
    padding-right: 30px;
}
.contact_link{
    margin-top: 30px;
}
.contact_link a{
    color: #005dab;
}
.contact_link a i{
    color: #d4d4d4;
}
.contact_info address{
    margin-top: 10px;
}
.service4_mt50{
    margin-bottom: 60px;
}
.wrap_itemservice01 .service4_list ul li{
    margin-bottom: 0;
}
.service4_list{
    margin: 15px 0 30px;
}
.icon_service4 .item_service_icontech{
    margin-top: 50px;
} 
.icon_service4{
    margin-bottom: 50px;
}
.icon_service4 .item_service_icontech div img{
    margin-bottom: 10px;
}
.content_mission4{
    border-top: 4px solid #eee;
    margin-top: 50px;
    padding-top: 30px;
}
.content_mission4 ul{
    columns: 3;
}
.content_mission4 ul li{
    break-inside: avoid-column;
}
.wrap_mission4 ul{
    padding-left: 10px;
    margin: 30px 0;
}
.wrap_mission4 ul li{
    list-style: none;
    position: relative;
    padding-left: 14px;
    margin-bottom: 10px;
}
.wrap_mission4 ul li:before{
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #000;
    position: absolute;
    top: 12px;
    left: 0;
}
.mission4_list{
    color: #005dab;
}
.wrap_mission4 .mission4_list ul li:before{
    background-color: #005dab;
}
.content_li ul {
    padding: 10px 0;
}
.content_li ul li{
    list-style: none;
    position: relative;
    padding-left: 14px;
    margin-bottom: 10px;
    break-inside: avoid-column;
}
.content_li ul li:before{
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #000;
    position: absolute;
    top: 12px;
    left: 0;
}
.item_mission3 ul{
    padding-left: 17px;
}
.photo_mission3{
    text-align: center;
    margin: 30px 0;
}
.photo_mission3 img{
    max-width: 100%;
    width: auto;
}
.desc_mission3{
    border-bottom: dashed 1px #ddd;
    padding: 40px 30px 50px 15px;
}
.list_mission2{
    padding: 10px 20px;
}
.list_mission2 a{
    color: #005dab;
}
.list_mission2 a i{
    color: #d4d4d4;
}
.list_mission2 ul li:before{
    background-color: #005dab;
}
.list2-mission2{
    margin-top: 30px;
}
.list2-mission2 ul{
    padding: 10px 20px;
}
.item_mission2{
    border-top: 5px solid #f3f3f4;
    margin-top: 50px;
    padding-top: 40px;
}
.mission2_photo{
    display: inline-block;
    vertical-align: top;
    width: 125px;
}
.mission2_photo img{
    width: 100%;
}
.desc_circlemission2{
    display: inline-block;
    padding-left: 35px;
    width: calc(100% - 130px);
    padding-right: 30px;
}
.box_mission2{
    margin: 30px 0;
}
.mission5_list{
   border-top: 5px solid #f3f3f4;
    border-bottom: 5px solid #f3f3f4;
    padding: 50px 0 40px;
    font-weight: 500;
    margin-bottom: 50px;
}
.mission5_list ul{
    columns: 3;
}
.mission5_list ul li{
    break-inside: avoid-column;
}
.photo_mission5 img{
    width: auto;
    max-width: 100%;
}
.photo_mission5{
    margin-bottom: 15px;
}
.wrap_logo_mission5{
    margin: 70px 0 0;
}
.item_mission5{
    margin-bottom: 40px;
}
.wrap_mission1:nth-child(even){
    background-color: #f6f6f6;
}
.item_nrl .txt_blue{
    margin-top: 15px;
} 
.item_nrl{
    margin-top: 40px;
}
.mission1_agendaitem{
    margin-top: 50px;
}
.mission1_agendaitem .photo_agenda{
    text-align: center;
    margin-bottom: 15px;
    height: 150px;
}
.item_mission1-2{
    text-align: center;
    margin: 40px 0;
}
.item_mission1-2 img{
    max-width: 100%;
    width: auto;
}
.item_mission1-2 .txt_bold{
    margin-top: 20px;
}
.wrap_listitem_m1{
    margin: 60px 0;
}
.list_mission6 ul{
    columns: 2;
}
.list_mission6 li{
    padding-right: 40px;
    padding-bottom: 15px;
    break-inside: avoid-column;
}
.mission6_navlink{
    border-top: 5px solid #f3f3f4;
    margin-top: 30px;
    padding-top: 50px;
}
.mission6_navlink .boxlist_template{
    padding: 30px 45px 30px 30px;
    color: #000;
}
.mission6_navlink .boxlist_template i{
    color: #d4d4d4;
}
.menu_governance{
    margin-bottom: 50px;
    font-family: 'Kanit', sans-serif;
}
.menu_governance a{
    display: block;
    text-align: center;
    font-size: 1.2rem;
    color: #005dab;
    border-bottom: 4px solid #d4d4d4;
    padding-bottom: 15px;
    transition: 0.5s;
    height: 100%;
}
.menu_governance a.active, .menu_governance a:hover{
    border-bottom: 4px solid #005dab;
}
.item_governance_act{
   margin-top: 30px;
    padding-bottom: 30px;
}
.boxborder_gv_activity{
    border-top: 4px solid #f3f3f4;
    border-bottom: 4px solid #f3f3f4;
    padding: 40px 0 30px;
}
.wrap_desc_dhammapibal{
    border-top: 4px solid #f3f3f4;
    padding: 40px 0 30px;
    margin-top: 50px;
}
.item_listdha{
    padding: 35px;
}
.item_listdha:nth-child(odd){
    background-color: #f8f8f8;
}
.col_listdha{
    padding: 0 35px;
}
.row_listdha{
    margin: 0 -35px;
}
.section_value_dha{
    margin: 20px 0 70px;
}
.item_sublistproduct{
    display: none;
    margin-bottom: 15px;
    padding-top: 30px;
}
.have_subitem:before{
    content: "";
    background-image: url(../images/plus-solid.svg);
    width: 15px;
    height: 17px;
    background-size: 100%;
    position: absolute;
    top: 6px;
    right: 5px;
}
.item_menucategory.active .have_subitem:before{
    background-image: url(../images/minus-solid.svg);
    transform: rotate(-180deg);
}
.item_menucategory{
    border-bottom: 1px solid #ddd;
    padding: 20px 5px;
}
.item_menuleft.active .have_subitem:before{
    background-image: url(../images/minus-solid.svg);
    transform: rotate(-180deg);
}
.item_menuleft{
    border-bottom: 1px solid #ddd;
    padding: 20px 5px;
}
.list_productcate{
    position: relative;
    font-weight: 500;
    cursor: pointer;
    padding-right: 50px;
    font-family: 'Kanit', sans-serif;
}
.wrap_governace_org{
    margin-bottom: 70px;
}
.linebox_governance{
    border-bottom: 1px solid #ccc;
}
.governance_list_pdf{
    padding: 20px 15px;
}
.governance_list_pdf:nth-child(even){
    background-color: #f8f8f8;
}
.governance_list_pdf i{
    color: #d4d4d4;
}
.governance_list_pdf div{
    position: relative;
    padding-left: 20px;
}
.governance_list_pdf div:before{
    content: "";
    width: 4px;
    height: 4px;
    background-color: #005dab;
    position: absolute;
    top: 13px;
    left: 0;
    border-radius: 50%;
}
.governance_list_pdf a{
    color: #000;
}
.boxlistyear_org{
    border-bottom: 4px solid #f3f3f4;
    padding-bottom: 25px;
    margin-bottom: 30px;
}
.boxlistyear_org:last-child{
    border-bottom: 0;
    margin-bottom: 0;
}
.eduroam_bordercontent{
    border-top: 4px solid #f3f3f4;
    border-bottom: 4px solid #f3f3f4;
    padding: 40px 0 30px;
    margin: 60px 0;
}
.eduroam_maps{
    margin-bottom: 50px;
}
.topic_oss{
    font-weight: 500;
    border-bottom: 4px solid #f3f3f4;
    padding-bottom: 7px;
    text-transform: uppercase;
}
.logo_oss{
    height: 130px;
    margin-bottom: 10px;
}
.logo_oss img{
    height: auto;
    max-height: 100%;
}
.box_oss{
    margin:70px 0 110px;
}
.photo_aboutstructure{
    text-align: center;
    margin: 30px 0 80px;
}
.photo_peoplethump{
    width: 140px;
    height: 140px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
}
.photo_peoplethump img{
    width: 100%;
}
.list_thumppeople{
    display: block;
    padding: 30px 0;
    position: relative;
    color: #000;
    border-bottom: 1px solid #ccc;
}
.btn_arrow_link{
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(-10px, -50%);
}
.btn_arrow_link img{
    width: 35px;
}
.about_name{
    position: absolute;
    top: 50%;
    left: 200px;
    transform: translate(0, -50%);
}
.wrap_aboutstructure{
    margin-bottom: 100px;
}
.topic_topabout{
    color: #005dab;
    font-size: 1.4rem;
    margin-bottom: 7px;
    font-family: 'Kanit', sans-serif;
}
.box_topboard{
    border-bottom: 5px solid #f3f3f4;
    padding: 50px 0 70px;
}
.name_topboard .section_topicservice{
    color: #000;
    margin-bottom: 30px;
}
.name_topboard{
    color: #005dab;
    position: absolute;
    bottom: 20px;
    left: 30px;
}
.name_topboard a{
    color: #005dab;
}
.box_topboard .row{
    position: relative;
}
.list_allteam{
    padding: 30px 0 100px;
}
.about_name2{
    color: #005dab;
    width: calc(100% - 140px);
    display: inline-block;
    vertical-align: top;
    padding-left: 30px;
    font-size: 0.9rem;
}
.list_allteam .about_name2 .section_topicservice{
    color: #000;
    font-size: 1.1rem;
    margin-bottom: 15px;
    padding-right: 0;
}
.linebox_space .section_topicservice{
    margin-bottom: 40px;
}
.aboutlist_topicyear{
    font-weight: 500;
    color: #005dab;
    margin-bottom: 10px;
}
.box_government_desc{
    margin-top: 100px;
}
.box_government_desc .section_topicservice{
    margin-bottom: 15px;
}
.government_position{
    font-weight: 500;
    color: #000;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.box_government_position{
    margin-top: 60px;
}
.item_position{
    padding: 15px 30px;
    margin-bottom: 15px;
}
.item_position:nth-child(even){
    background-color: #f6f6f6;
}
.wrap_recentgovernment{
    margin-bottom: 130px;
}
.wrap_recentgovernment.wrap_morenews_home .owl-carousel .owl-nav .owl-prev,
.wrap_recentgovernment.wrap_morenews_home .owl-carousel .owl-nav .owl-next{
    top: 35%;
    width: 40px;
    height: 40px;
}
.wrap_recentgovernment .section_topicservice{
    color: #000;
    font-size: 1.1rem;
    margin-bottom: 15px;
    padding-right: 0;
}
.oic-service_link a{
    display: block;
    color: #005dab;
}
.oic-service_link ul li{
    list-style: none;
    position: relative;
    padding-left: 13px;
}
.oic-service_link ul li:before{
    content: "";
    width: 4px;
    height: 4px;
    background-color: #005dab;
    border-radius: 50%;
    position: absolute;
    top: 13px;
    left: 0;
}
.oic-service_link a i{
    color: #d4d4d4;
}
.topic_oicservice{
    margin-top: 70px;
    border-bottom: 4px solid #f3f3f4;
    font-size: 1.3rem;
    color: #005dab;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.topic_oiclist{
    color: #000;
    font-weight: 500;
    margin-bottom: 10px;
}
.box_list_oicservice ul{
    columns: 2;
}
.box_list_oicservice ul li{
    list-style: none;
    padding-right: 30px;
    break-inside: avoid-column;
}
.toppicblue_underline{
    font-weight: 500;
    color: #005dab;
    text-decoration: underline;
}
.toppicblue{
    font-weight: 500;
    color: #005dab;
}
.box_list_oicservice{
    margin: 20px 0 40px;
}
.box_table_oicservice{
    border-bottom: 4px solid #f3f3f4;
    padding: 30px 0 60px;
    margin-bottom: 60px;
}
.box_table_oicservice .service_topiccolumn{
    color: #000;
    margin-top: 0;
}
.topic_oicservice_left.service_topiccolumn{
    text-align: left;
}
.topic_oicservice_left.service_topiccolumn:before{
    left: 0;
    transform: translate(0, 0);
}
.content_oicservice{
    margin-left: 30px;
    margin-bottom: 60px;
}
.content_oicservice a{
    color: #005dab;
}
.topicoic_show span{
    display: none;
}
.box_borderprocure{
    border-top: 5px solid #f3f3f4;
    margin: 40px 0 70px;
    padding-top: 40px;
}
.boxlist_procuredetail{
    margin-bottom: 30px;
}
.boxlist_procuredetail .toppicblue{
    margin-bottom: 10px;
}
.box_procure_notice{
    border-bottom: 4px solid #f3f3f4;
    padding: 50px 0;
}
.box_table_nacc{
    margin-bottom: 30px;
}
.box_table_nacc table .link_naccita{
    color: #005dab;
}
.link_naccita i{
    color: #d4d4d4;
} 
.box_table_nowrap{
    white-space: nowrap;
}
.message_executive{
    color: #000;
    margin-top: 50px;
}
.box_people_executive{
    border-bottom: 5px solid #878787;
    padding-bottom: 70px;
    margin-bottom: 30px;
}
.box_people_executive:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}
.executive_contactinfo{
    margin-top: 50px;
}
.executive_contactinfo div{
    display: inline-block;
    margin-right: 20px;
}
.executive_contactinfo div:last-child{
    margin-right: 0;
}
.executive_contactinfo div i{
    color: #747474;
}
.service5_section1{
    margin: 50px 0 60px;
}
.service5_sectionborder{
    border-top: 5px solid #eee;
}
.item_service5_foodfeed{
    margin-bottom: 60px;
}
.item_service5_foodfeed ul li{
    margin-bottom: 0;
}
.photo_service5_foodfeed{
    height: 130px;
    text-align: center;
}
.photo_service5_thailand{
    height: 250px;
    text-align: center;
}
.item_service5_thailand{
    margin-bottom: 10px;
}
.item_service5_thailand ul li{
    margin-bottom: 0;
}
.item_service5_thailand2.service5_section1{
    margin-top: 0;
}
.photo_service5_thailand2{
    margin-bottom: 20px;
}
.photo_service5_thailand img{
    width: 150px;
}
.photo_service5_thailand{
    height: 165px;
}
.wrap_menutraining a{
    display: block;
    height: 100%;
    border-bottom: 4px solid #d3d3d3;
    font-size: 0.9rem;
    padding-bottom: 15px;
    color: #000;
    line-height: 1.5;
    transition: 0.5s;
}
.wrap_training{
    padding-left: 0;
    padding-right: 0;
}
.item_menutraining{
    margin-bottom: 30px;
}
.wrap_menutraining{
    margin-bottom: 60px;
}
.item_menutraining a.active, .wrap_menutraining a:hover{
    border-bottom: 4px solid #0e69dd;
}
.box_programtraining{
    margin-top: 60px;
}
.training_topicname{
    background-color: #f3f3f4;
    color: #005dab;
    font-weight: 500;
    font-size: 1.2rem;
    text-align: center;
    padding: 25px;
    margin: 15px 0;
}
.topic_training_underline{
    border-bottom: 1px solid #000;
    font-weight: 500;
    line-height: 1.5;
    padding-bottom: 10px;
    margin-top: 35px;
}
.listtraing_bgcolor a{
    display: block;
    color: #005dab;
}
.listtraing_bgcolor a i{
    color: #d7d7d7;
}
.listtraing_bgcolor{
    padding: 25px;
}
.listtraing_bgcolor:nth-child(even){
    background-color: #f2f7fb;
}
.item_listtraining{
    margin-bottom: 70px;
}
.txt_training_showmb{
    display: none;
    color: #000;
    font-weight: 500;
}
.link_trainingcontact{
    color: #005dab;
}
.training_contact{
    border-top: 4px solid #f3f3f4;
    padding-top: 30px;
}
.topic_tabletraining_border{
    border-bottom: 4px solid #f3f3f4;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.training1_notice{
    padding: 30px 0;
    border-top: 1px solid #ccc;
}
.training3_li ul{
    columns: 2;
}
.training3_li ul li{
    break-inside: avoid-column;
}
.training3_li{
    margin-bottom: 50px;
}
.box_eventcancle{
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-top: 20px;
    color: #f00;
}
.cancledate{
    text-decoration: line-through;
}
.txtnew{
    color: #f00;
}
.num_industrailresearch{
    font-weight: 500;
    width: 70px;
    display: inline-block;
}
.item_industrailresearch .governance_list_pdf div:before{
    display: none;
}
.item_industrailresearch .governance_list_pdf div{
    padding-left: 0;
}
.box_form_research{
    margin-top: 60px;
    border-bottom: 4px solid #f3f3f4;
    padding-bottom: 40px;
}
.link_downloadform_research a{
    display: block;
    color: #005dab;
}
.link_downloadform_research a i{
    color: #c2c2c2;
}
.photo_industrailresearch{
    text-align: center;
    margin-bottom: 40px;
}
.photo_industrailresearch img{
    width: 200px;
}
.item_listresearch .toppicblue{
    font-size: 1.2rem;
    margin-bottom: 15px;
}
.boxlink_research a{
    display: block;
     color: #005dab;
    text-decoration: underline;
    margin-bottom: 10px;
}
.boxlink_research{
    margin-top: 50px;
}
.research_boxinfo{
    margin-top: 60px;
}
.box_form_researchdetail{
    border-bottom: 4px solid #f3f3f4;
    padding-bottom: 30px;
    margin-bottom: 50px;
}
.list_researchplan{
    margin-bottom: 10px;
}
.link_researchplan{
    display: block;
    color: #000;
}
.link_researchplan i{
    color: #c2c2c2;
}
.wrap_goal .box_form_research:first-child{
    margin-top: 0;
}
.wrap_goal .box_form_research:last-child{
    border-bottom: 0;
}
.desc_listgoal span{
    color: #005dab;
    font-weight: 500;
}
.desc_listgoal div{
    display: inline-block;
    vertical-align: top;
}
.desc_listgoal a:hover{
    color: #005dab;
}
.num_goal{
    width: 30px;
}
.desc_goal{
    width: calc(100% - 30px);
}
.desc_goal i{
    color: #c2c2c2;
}
.list_mission2 .list_mission2_sub ul li:before{
    background-color: #000;
}
.topic_mission2{
    border-top: 4px solid #f3f3f4;
    padding: 50px 0 30px;
    border-bottom: 1px solid #ddd;
}
.topic_mission2 .section_topicservice{
    margin-bottom: 30px;
}
.wrapbox-mission2 .section_topicservice{
    margin-bottom: 30px;
}
.wrapbox-mission2{
    padding-bottom: 100px;
}
.content_li .desc_goal ul{
    padding: 0;
}
.desc_goal a{
    color: #000;
}
.wrap_oicsection .desc_listgoal{
    margin-bottom: 25px;
}
.desc_goal div{
    display: block;
}
.desc_goal div ul{
    margin-left: 40px;
}
.content_li .desc_goal ul li{
    margin-bottom: 0;
}
.topic_banner_smtext{
    font-size: 1rem;
}
.item_iconoicportal{
    border-bottom: 1px solid #ccc;
    display: block;
    padding: 25px 20px;
    color: #005dab;
    position: relative;
}
.icon_oicportal{
    width: 100px;
    display: inline-block;
    vertical-align: top;
}
.icon_oicportal img{
    width: 100%;
    height: auto;
}
.oicportal_name{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 160px;
    transform: translate(0, -50%);
    word-break: break-word;
    font-family: 'Kanit', sans-serif;
    
}
.oicportal_inbox span{
    font-weight: 500;
}
.oicportal_inbox{
    padding-top: 40px;
}
.oicportal_inbox a{
    color: #000;
}
.foreign_box{
    margin: 30px 0;
}
.wrap_regulation ul li a{
    color: #000;
}
.wrap_regulation ul li a i{
     color: #c2c2c2;
}
.topic_environment{
    color: #000;
    font-weight: 500;
    margin-bottom: 20px;
}
.eh_topicblue{
    color: #005dab;
}
.item_listenviron ul{
    padding-left: 30px;
}
.topicline_transparency{
    border-bottom: 4px solid #f3f3f4;
    margin-bottom: 30px;
    padding:0 15px 10px;
}
.num_listtranparency{
    font-weight: 500;
    text-align: center;
}
.tranparency_list{
    padding: 20px 15px;
}
.tranparency_list:nth-child(odd){
    background-color: #f8f8f8;
}
.content_li .li_listtranparent{
    padding: 0;
}
.li_listtranparent a{
    color: #005dab;
}
.li_listtranparent a:hover{
    text-decoration: underline;
}
.tranparency_list a{
    color: #005dab;
}
.tranparency_list a i{
    color: #d4d4d4;
}
.tranparency_list a:hover{
    text-decoration: underline;
}
.li_listtranparent a{
    color: #005dab;
}
.content_li .li_listtranparent li{
    margin-bottom: 20px;
}
.content_li .li_listtranparent li:before{
    background-color: #005dab;
}
.box_tranparency_ul{
    padding-left: 50px;
}
.list_oicpolicy li a{
    color: #005dab;
}
.list_oicpolicy li a i{
    color: #d4d4d4;
}
.list_oicpolicy ul li{
    list-style: none;
    margin-bottom: 20px;
}
.list_oicpolicy li a:hover{
    text-decoration: underline;
}
.content_li .list_financial-statements ul li:before{
    background-color: #005dab;
}
.list_financial-statements ul li a{
    color: #000;
}
.list_financial-statements ul li a i{
    color: #d4d4d4;
}
.list_financial-statements ul li a:hover{
    color: #005dab;
}
.list_audit{
    margin-top: 40px;
}
.topic_auditlist{
    font-weight: 500;
    margin-bottom: 10px;
}
.list_audit ul{
    padding-left: 0;
}
.list_audit ul li{
    list-style: none;
    margin-bottom: 10px;
}
.list_audit ul li a{
    color: #000;
}
.list_audit ul li a i{
    color: #d4d4d4;
}
.list_audit ul li a:hover{
    color: #005dab;
}
.content_li .list_oic_servicecenter li:before{
    background-color: #005dab;
}
.content_li .list_oic_servicecenter li a{
    color: #005dab;
}
.content_li .list_oic_servicecenter li a:hover{
    text-decoration: underline;
}
.content_li .list_oic_servicecenter li a i{
    color: #d4d4d4;
}
.list_oicpadlef{
    margin-left: 50px;
}
.item_oiccenter{
    margin-bottom: 70px;
}
.item_oiccenter:last-child{
    margin-bottom: 0;
}
.item_oiccenter a{
    color: #005dab;
}
.item_oiccenter a:hover{
    text-decoration: none;
}
.list_researchintrgrity{
    padding: 20px 0 0 20px;
    vertical-align: top;
}
.list_researchintrgrity ul{
    columns: 2;
}
.list_researchintrgrity ul li{
    break-inside: avoid-column;
    margin-bottom: 25px;
}
.content_li .list_researchintrgrity ul li:before{
    background-color: #005dab;
}
.boxresearchintigrity_note{
    font-size: 0.9rem;
}
.tpic_researchnote{
    font-weight: 500;
}
.boxresearchintigrity_note{
    border-top: 1px solid #ddd;
    padding: 20px 0 60px;
}
.boxresearchintigrity_note a{
    color: #737373;
    display: block;
    word-break: break-all;
}
.list_researchintegrity_li{
    padding-left: 30px;
}
.list_researchintegrity_li ul li a{
    color: #005dab;
}
.list_researchintegrity_li a i{
    color: #d4d4d4;
}
.list_researchintegrity_li ul li a:hover{
    text-decoration: none;
}
.list_researchintegrity_li ul li a i{
    color: #d4d4d4;
}
.content_li .list_researchintegrity_li ul li:before{
    background-color: #005dab;
}
.list_researchintegrity_li a{
    color: #005dab;
}
.list_researchintegrity_li a:hover{
    text-decoration: underline;
}
.list_researchintegrity_li_padleft{
    margin-left: 30px;
}
.integrity_padleft{
    padding-left: 30px;
}
.content_integrity .research_mailto{
    color: #000;
}
.content_integrity a{
    color: #005dab;
}
.content_integrity{
    margin-bottom: 70px;
}
.content_integrity:last-child{
    margin-bottom: 0;
}
.boxsearchresult{
    background-color: #fff;
    padding: 0 5px;
    border: 1px solid #ddd;
}
.boxsearchresult input, .boxsearchresult select{
    width: 100%;
    background: none;
    border: 0;
    font-weight: 300;
    color: #666;
    font-size: 0.9rem;
    height: 40px;
    line-height: 40px;
}
.search_amount{
    color: #005dab;
    font-size: 0.8rem;
	cursor:pointer;
}
.wrap_boxsearch{
    margin-top: 20px;
}
.wrap_boxsearch .boxsearchresult{
    margin-bottom: 15px;
}
.btnsearch{
    background-color: #005dab;
    color: #fff;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 0;
    font-weight: 300;
    transition: 0.5s;
}
.btnsearch:hover{
    color: #fff;
    background-color: #777;
}
.box_itemsearch{
    border-bottom: 1px dotted #ddd;
    display: block;
    padding: 30px 0;
}
.box_itemsearch:hover .topic_searchresult, .box_itemsearch:hover .desc_searchresult{
    text-decoration: underline;
}
.wrap_contentsearch{
    padding-top: 30px;
}
.wrap_contentsearch.wrap_contact{
    margin-top: 30px;
}
.topic_searchresult{
    color: #005dab;
    font-size: 1.1rem;
    margin-bottom: 7px;
}
.desc_searchresult{
    display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;  
      overflow: hidden;
}
.wrap_contentsearch .page_pagination{
    margin-top: 40px;
}
.integrity_tabbar{
    background-color: #eee;
    color: #000;
    padding: 10px 15px;
    margin-bottom: 30px;
}
.integrity_tabbar a{
    color: #005dab;
}
.integrity_tabbar a i{
    color: #d4d4d4;
}
.desc_act_integrity{
    padding:0 0 15px 30px;
}
.topic_act_integrity{
    color: #005dab;
    position: relative;
    margin-bottom: 7px;
    padding-left: 12px;
}
.topic_act_integrity:before{
    content: "";
    background-color: #005dab;
    position: absolute;
    top: 12px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}
.subtopic_act_integrity{
    margin-left: 13px;
}
.desc_act_integrity ul{
    padding-left: 30px;
}
.desc_act_integrity ul li a{
    color: #005dab;
}
.desc_act_integrity ul li a:hover{
    text-decoration: underline;
}
.desc_act_integrity ul li a i{
    color: #d4d4d4;
}
.photo_act_integrity{
    position: relative;
    padding-bottom: 66%;
    overflow: hidden;
}
.photo_act_integrity img{
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.item_photoactivity{
    margin-bottom: 30px;
}
.box-item_photoactivity{
    margin-bottom: 30px;
}
.item_menucategory a{
    color: #005dab;
}
.item_menucategory a i{
    color: #d4d4d4;
}
.item_menuleft a{
    color: #005dab;
}
.item_menuleft a i{
    color: #d4d4d4;
}
.royal_boxmorenews{
    margin-top: 50px;
}
.topic_listroyal{
    font-size: 1.2rem;
    color: #005dab;
    margin-bottom: 15px;
}
.royal_txtgrey{
    color: #666;
    margin-bottom: 30px;
}
.royal_txtblack{
    color: #000;
    margin-bottom: 10px;
}
.royal_boxmorenews .item_listnews{
    margin-bottom: 60px;
}
.list_oiccabinet li{
    border-bottom: 1px solid #eee;
    padding: 10px 0 20px;
}
.list_oiccabinet div{
    color: #666;
    font-size: 0.9rem;
    margin-top: 7px;
}
.list_oiccabinet div i{
    color: #005dab;
}
.cabinet_searchall{
    margin-top: 30px;
}
.cabinet_searchall a{
    color: #005dab;
}
.box_missionspace{
    margin-top: 120px;
}
.box_missionspace:first-child{
    margin-top: 0;
}
.box_link_boxmission6 a{
    display: block;
    color: #000;
}
.link_boxmission6{
    display: block;
    position: relative;
}
.link_boxmission6 div{
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 1.1rem;
    z-index: 2;
    color: #005dab;
    font-family: 'Kanit', sans-serif;
}
.link_boxmission6 div i{
    font-size: 0.9rem;
}
.link_boxmission6 figure{
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    padding-bottom: 57%;
    transition: 0.5s;
}
.link_boxmission6 figure img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.link_boxmission6 figure:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(255,255,255);
background: linear-gradient(225deg, rgba(255,255,255,0) 33%, rgba(246,246,246,0.9206057422969187) 77%);
    z-index: 1;
}
.link_boxmission6:hover figure{
    -webkit-box-shadow: -2px 3px 25px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: -2px 3px 25px -5px rgba(0,0,0,0.2);
    box-shadow: -2px 3px 25px -5px rgba(0,0,0,0.2); 
}
.link_boxmission6_photo{
    display: block;
    margin-bottom: 70px;
}
.link_boxmission6_photo figure{
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    padding-bottom: 35%;
    transition: 0.5s;
}
.link_boxmission6_photo figure img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.link_boxmission6_photo:hover figure{
    -webkit-box-shadow: -2px 3px 25px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: -2px 3px 25px -5px rgba(0,0,0,0.2);
    box-shadow: -2px 3px 25px -5px rgba(0,0,0,0.2); 
}
.name_missionlist{
    color: #005dab;
    margin-top: 5px;
    position: relative;
    padding-right: 50px;
    font-size: 1.05rem;
}
/*
.name_missionlist:before{
    content: "";
    background-image: url(../images/arrow_blue.svg);
    width: 15px;
    height: 20px;
    position: absolute;
    top: 5px;
    right: 0;
    background-repeat: no-repeat;
    background-size: 65%;
}
*/
.box_missionspace .btn_newsmore{
    color: #737373 !important;
    border-bottom: 1px solid #d4d4d4;
    margin-top: 30px;
    display: block;
}
.box_missionspace .btn_newsmore a{
    color: #737373 !important;
}
.box_missionspace_top{
    margin-top: 60px;
}
.button_menu{
    display: none;
}
.mission_menuleft{
    padding: 10px 25px 40px;
    background-color: #f6f6f6;
    border-radius: 20px;
}
.content_li .mission_menuleft  ul li.active{
    background-color: #005dab;
    padding: 6px 20px;
    border-radius: 3px;
}
.content_li .mission_menuleft ul li.active:before{
    background-color: #fff;
    top: 18px;
    left: 9px;
}
.item_sublistproduct ul li.active a{
    color: #fff;
}
.mission_submenuleft{
    border-bottom: 1px solid #ddd;
    padding: 20px 5px;
}
.mission_submenuleft a{
    color: #000;
    font-weight: 500;
}
.wrap_mission_contentright{
    padding-left: 30px;
}
.menumission_nopad{
    padding: 0;
}
.mission_bggrey{
    background-color: #f8f8f8;
    border-radius: 20px;
    padding: 40px 30px 50px;
    margin-top: 60px;
}
.mission_bggrey ul{
    padding-left: 30px;
}
.mission_bggrey ul li a{
    color: #005dab;
    text-decoration: underline;
}
.mission_bggrey img{
    width: 100%;
}
.mission_menuleft .item_sublistproduct{
    padding-top: 0;
    padding-left: 20px;
}
.item_sublistproduct ul{
    padding-bottom: 0;
    margin-bottom: 0;
}
.item_sublistproduct ul li a{
    color: #000;
}
.wrap_mission_contentright .content_editor a{
    color: #000;
    text-decoration: underline;
}
.wrap_mission_contentright .content_editor a i{
    color: #c2c2c2;
}
.btn_applynow{
    width: 250px;
    margin-bottom: 30px;
}
.mission_listalldownload a{
    display: inline-block;
    margin-right: 20px;
    color: #000;
    text-decoration: underline;
}
.mission_listalldownload a i{
    color: #c2c2c2;
}
.box_researchdetail_tab{
    margin-top: 60px;
}
.box_researchdetail_tab .list_productcate{
    color: #005dab;
}
.desc_mission_black{
    color: #000;
    margin-top: 13px;
     display: -webkit-box;
      -webkit-line-clamp: 6;
      -webkit-box-orient: vertical;  
      overflow: hidden;
      font-size:0.8rem;
}
.item_socialmedia{
    display: block;
    border-radius: 20px;
    background-color: #f6f6f6;
    padding: 0 20px;
    height: 105px;
    position: relative;
    transition: 0.5s;
    margin-bottom: 30px;
}
.socialmedia_icon{
    position: absolute;
    top: 50%;
    left:40px;
    transform: translate(0, -50%);
    font-size: 2rem;
}
.socialmedia_icon img{
    width: 33px;
    height: auto;
}
.social_iconfb{
    color: #1777f1;
}
.social_iconyoutube{
    color: #ff0000;
}
.social_iconline{
    color: #00b800;
}
.item_socialmedia:hover{
    -webkit-box-shadow: -2px 3px 25px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: -2px 3px 25px -5px rgba(0,0,0,0.2);
    box-shadow: -2px 3px 25px -5px rgba(0,0,0,0.2);
}
.socialmedia_name{
    color: #000;
    position: absolute;
    top: 50%;
    left:110px;
    transform: translate(0, -50%);
    line-height: 1.3;
}
.box_socialmedia{
    margin-bottom: 80px;
}
.wrap_footer_mobile{
    display: none;
}
.btn_close_tab{
        text-align: right;
    }
    .btn_close_tab button{
        border: 0;
        margin-top: 15px;
        padding: 5px 50px;
        background-color: #0e69dd;
        color: #FFF;
        display: inline-block;
        border-radius: 50px;
        font-weight: normal;
    }  
    .btn_close_tab button i{
        font-size: 0.9em;
        margin-right: 10px;
    }
.item_sublistfooter{
    display: none;
    padding-top: 20px;
}
.item_menufooter.active .have_subitem:before{
    background-image: url(../images/minus-solid.svg);
    transform: rotate(-180deg);
}
.item_menufooter .have_subitem:before{
    width: 13px;
    height: 15px;
}
.item_menufooter{
    border-bottom: 1px solid #ddd;
    padding: 10px 5px;
}
.listfooter{
    position: relative;
    font-weight: 500;
    cursor: pointer;
    padding-right: 50px;
}
.wrap_allnews .detail_newstop{
    margin-bottom: 30px;
}
.content_service_padcontainer .container{
    padding-left: 15px;
}
.wrap_vdohome .slick-next, .wrap_vdohome .slick-prev{
    bottom: 120px;
}
.bannerslide_btn{
    text-align: right;
    padding-right: 30px;
    font-size: 1.3rem;
    margin-top: -30px;
    position: relative;
    z-index: 999;
}
.bannerslide_btn a i{
    color: #ccc;
    transition: 0.5s;
}
.bannerslide_btn a:hover i{
    color: #0e69dd;
}
.bannerslide_btn a{
    display: inline-block;
    margin-left: 5px;
}


/*responsive*/
@media (min-width: 1300px){
    .container {
        max-width: 1200px;
    }
}

@media (max-width: 1921px) {
    .char_chooseselect_type{
        margin-top: -57px;
    }
    .content_aboutpad{
        margin-top: 50px;
    }
     .bg_aboutvalue{
        background-size: cover;
    }
    .value_logo img{
        width: 450px;
    }
}

@media (max-width: 1601px) {
   
}

@media (max-width: 1441px) {
    .container{
        padding-left: 100px;
    }
    .caption_bannerfix{
        left: 100px;
    }
    .topic_bannerfix{
        font-size: 2rem;
    }
    .bannerslide_pad{
        padding-left: 70px;
    }
    .desc_vdohome{
        padding-top: 20px;
    }
/*
    .wrap_vdohome .slick-next, .wrap_vdohome .slick-prev{
        bottom: 160px;
    }
*/
    .wrap_logopartner_link{
        margin: 0 -20px;
    }
    .wrap_logopartner_link .linklogo{
        padding: 0 20px;
    }
    .footercontact_pad{
        margin-left: 90px;
        padding-right: 100px;
    }
    .footercontact_pad address{
        font-size: 1.1rem;
    }
    .box_linkhome_right{
        margin-top: 20px;
    }
    .coverlink2{
        padding-bottom: 75%;
    }
    .topic_head{
        font-size: 3rem;
        line-height: 1.1;
    }
    .btn_newsmore{
        margin-top: 50px;
    }
    .btn_tagnews_white, .btn_tagnews_white:hover{
        margin-bottom: 20px;
    }
    .wrap_allnews .desc_latestnew_top{
        padding-top: 32px;
    }
    .content_slidehover{
        bottom: 50px;
        width: 90%;
    }
    
    .value_logo{
        margin: 30px 0 100px;
    }
    .home_boxlatestnews .covernews, .items_newslide .covernews{
        padding-bottom: 59%;
    }
    .wrap_serviceall:before{
        width: 70%;
    }
    .wrap_serviceall2{
        margin-top: 30px;
    }
    .content_service2{
        padding-top: 30px;
    }
    .service_tabbar div{
        padding: 0 5px;
    }
    .topic_bannerabout{
        font-size: 2.5rem;
    }
     .topic_hoverslide{
        font-size: 2rem;
    }
    .topic_hoverslide2{
        font-size: 1.5rem;
    }
}

@media (max-width: 1381px) {
    .circle_service{
        width: 130px;
        height: 130px;
    }
/*
    .circle_service img{
        width: 80px;
    }
*/
    .item_listnews .detail_newslide{
        margin-bottom: 25px;
    }
    .lg_textvision{
        font-size: 3.2rem;
    }
    .desc_vision div{
        width: 100%;
    }
    .text_value{
        font-size: 4.3rem;
    }
    .txt_valuename{
        margin-top: -15px;
    }
    .content_slidehover{
        width: 85%;
    }
    .box_missionspace{
        margin-top: 90px;
    }
    .box_missionspace.box_missionspace_top{
        margin-top: 30px;
    }
    .wrap_vdohome .slick-next, .wrap_vdohome .slick-prev{
        bottom: 100px;
    }
   
}

@media (max-width: 1299px) {
    .wrap_news{
        padding: 80px 0;
    }
    .desc_latestnew_top {
        padding: 30px 40px 30px 10px;
    }
    .topic_hoverslide{
        font-size: 2.3rem;
    }
    .items_linkright{
        font-size: 0.9rem;
    }
    .toptext_link2{
        font-size: 1.2rem;
    }
    .box_linkhome, .item_abouthome, .box_linkhome_right, .items_newslide{
        border-radius: 15px;
    }
    .box_bannerslide{
        border-radius: 25px;
    }
    .box_linkhome_right{
        margin-top: 23px;
    }
    .footer_social{
        margin-top: 100px;
    }
    .wrap_allnews .detail_newstop{
        margin-bottom: 30px;
    }
    .item_listnews .detail_newslide{
        margin-bottom: 17px;
    }
    .wrap_serviceall:before{
        height: 100%;
    }
    .topic_service02{
        font-size: 1.3rem;
    }
    .topic_service03{
        font-size: 1.8rem;
    }
    .serviceall_iconcheck{
        font-size: 1.3rem;
    }
    .serviceall_iconnone{
        font-size: 1rem;
    }
    .topic_bannerabout{
        font-size: 2.2rem;
    }
}

@media (max-width: 1199px) {
    .container{
        padding-left: 80px;
    }
    .topic_bannerfix, .topic_hoverslide{
        font-size: 1.8rem;
    }
    .box_bannerslide figcaption{
        padding-left: 20px;
    }
    .wrap_bannerhome .owl-theme .owl-nav [class*=owl-].owl-prev:hover, .wrap_morenews_home .owl-theme .owl-nav [class*=owl-].owl-next:hover, .wrap_morenews_home .owl-carousel .owl-nav .owl-prev, .wrap_morenews_home .owl-theme .owl-nav [class*=owl-].owl-prev:hover{
        width: 70px;
        height: 46px;
    }
    .slider-counter, .slider-news{
        font-size: 2.5rem;
    }
    .topic-vdo01, .banner_topic{
        font-size: 1.2rem;
    }
    .topic-vdo02{
        font-size: 2rem;
        margin: 10px 0;
    }
    .wrap_vdohome .slick-next, .wrap_vdohome .slick-prev{
        bottom: 84px;
    }
    .desc_vdohome{
        padding-top: 0;
    }
    .shortdesc_vdo{
        -webkit-line-clamp: 3;
    }
    .wrap_vdohome{
        padding-bottom: 70px;
    }
    .item_abouthome{
        line-height: 1.3;
        font-size: 0.9rem;
    }
    .link_abouthome{
        padding: 0 10px;
    }
    .wrap_abouthome{
        margin-left: -10px;
        margin-right: -10px;
    }
    .item_abouthome figcaption svg{
        margin-top: 3px;
        width: 13px;
    }
    .topic_head{
        font-size: 3rem;
        margin-top: 10px;
    }
    .circle_service{
        width: 120px;
        height: 120px;
    }
/*
    .circle_service img{
        width: 75px;
    }
*/
/*
    .detail_newstop{
        height: 6em;
    }
*/
    .desc_latestnew_all{
        padding: 20px;
    }
    .wrap_morenews_home .owl-carousel .owl-nav .owl-next, .wrap_morenews_home .owl-theme .owl-nav [class*=owl-].owl-next:hover{
        right: -13px;
        width: 40px;
        height: 40px;
    }
    .wrap_morenews_home .owl-carousel .owl-nav .owl-prev, .wrap_morenews_home .owl-theme .owl-nav [class*=owl-].owl-prev:hover{
        left: -13px;
        width: 40px;
        height: 40px;
    }
    .box_btnblue_right{
        margin-top: 50px;
    }
    .box_linkhome_right{
        display: inline-block;
        width: 48%;
    }
    .box_linkhome_right:nth-child(even){
        margin-left: 25px;
    }
    .toptext_link2{
        font-size: 1.4rem;
    }
    .linklogo{
        padding: 0 20px;
    }
    .wrap_logopartner{
        margin: 0 -20px;
    }
    .footercontact_pad{
        margin-left: 44px;
        padding-right: 60px;
    }
    .footer_namecompany, .footer_topicchat{
        font-size: 1.4rem;
    }
    .footercontact_pad address, .footer_map a{
        font-size: 1rem;
    }
    .footer_mail a{
        height: 55px;
        line-height: 55px;
        margin: 20px 0;
    }
    .footer_call, .footer_phone{
        font-size: 1.8rem;
    }
    .footer_phone i{
        font-size: 1.4rem;
    }
    .footer_call img{
        width: 34px;
    }
    .footer_menuhide{
        display: none;
    }
    .wrap_footer{
        padding: 60px 0;
    }
    .footer_socialmenu a{
        font-size: 1.7rem;
        margin: 10px 20px;
    }
    .footer_socialmenu{
        text-align: center;
    }
    .wrap_vdohome .slick-prev:before, .wrap_vdohome .slick-next:before{
        width: 170px;
    }
    .wrap_bannerhome .owl-carousel .owl-nav .owl-next{
        width: 40px;
        height: 40px;
        right: -11px;
    }
     .wrap_bannerhome .owl-carousel .owl-nav .owl-prev{
        width: 40px;
        height: 40px;
        left: -11px;
    }
    .wrap_allnews .detail_newstop{
        margin-bottom: 15px;
    }
    .wrap_allnews .desc_latestnew_top{
        padding-top: 25px;
    }
    .btn_tagnews_blue, .btn_tagnews_blue:hover{
        margin-bottom: 10px;
    }
    .item_listnews{
        margin-bottom: 50px;
    }
    .btn_newsselect{
        margin-top: 30px;
    }
    .item_listnews .btn_newsmore{
        width: 100%;
    }
    .news_recentnews{
        display: none;
    }
    .bggrey_navbar-fixheight{
        padding-top: 15px;
    }
    .boxtop_news{
        margin-top: -370px;
    }
    .topic_hoverslide2{
        font-size: 1.2rem;
    }
    .desc_shortslide{
        -webkit-line-clamp: 2;
        font-size: 0.9rem;
    }
    .desc_shortslide p{
        margin-bottom: 5px;
    }
    .btn_hoverslide{
        margin-top: 30px;
    }
    .about_video{
        padding: 50px 100px;
    }
    .photo_aboutnstda{
        margin-top: 30px;
    }
    .bg_aboutgrey{
        margin-top: 60px;
        padding:0 30px 180px 70px;
    }
    .photo_aboutnstda{
        padding-left: 30px;
    }
    .desc_vision div{
        font-size: 1.2rem;
        width: 90%;
    }
    .lg_textvision{
        font-size: 2.7rem;
    }
    .boxlist_template{
        padding-left: 50px;
        padding-right: 50px;
    }
    .listname_template{
        padding-left: 30px;
    }
    .recent_template1{
        padding-left: 50px;
        padding-right: 50px;
    }
    .items_recenttemplate .boxlist_template{
        padding: 20px;
    }
    .box_b2list .recent_coverannual{
        padding-bottom: 97%;
    }
    .home_boxlatestnews .covernews, .items_newslide .covernews{
        padding-bottom: 61%;
    }
    .service_bggrey{
        margin-right: 50px;
    }
    .serviceall_iconcheck{
        font-size: 1.3rem;
    }
    .wrap_serviceall_top {
        padding-right: 30px;
    }
    .topic_service02{
        font-size: 1.15rem;
    }
    .content_service2{
        padding-top: 0;
    }
    .topic_service03{
        font-size: 1.6rem;
    }
    .service_tabbar div{
        width: 17%;
        height: 110px;
    }
    .topicbanner_t2{
        font-size: 3rem;
    }
    .service_topiclist ul{
        width: 70%;
    }
    .photo_service1-5 img{
        width: 180px;
    }
    .topic_bannerabout{
        font-size: 2rem;
    }
    .contact_gmaps{
        margin-top: 30px;
    }
    .menu_governance a{
        font-size: 1.15rem;
    }
    .photo_peoplethump{
        width: 100px;
        height: 100px;
    }
    .about_name{
        left: 140px;
    }
    .btn_arrow_link img{
        width: 30px;
    }
    .wrap_menutraining{
        margin-bottom: 40px;
    }
    .topic_bannerabout span{
        font-size: 1.6rem;
    }
}

@media (max-width: 991px) {
    .detail_search{
        padding: 0 30px;
    }
    .photo_crop{
        padding-bottom: 330%;
    }
    .icon_search img{
        width: 22px;
    }
    .topic_bannerfix, .topic_hoverslide{
        font-size: 1.6rem;
    }
    .caption_bannerfix{
        font-size: 1rem;
    }
    .btn_bannerslide{
        width: 300px;
        height: 45px;
        line-height: 45px;
    }
    .box_bannerslide{
        border-radius: 15px;
    }
    .topic-vdo01, .banner_topic{
        font-size: 1.1rem;
        line-height: 1.4;
    }
    .banner_desc{
        font-size: 0.95rem;
        -webkit-line-clamp: 3;
    }
    .wrap_bannerhome .owl-theme .owl-nav [class*=owl-].owl-next:hover, .wrap_bannerhome .owl-carousel .owl-nav .owl-prev, .wrap_bannerhome .owl-theme .owl-nav [class*=owl-].owl-prev:hover, .wrap_bannerhome .owl-carousel .owl-nav .owl-next{
        top: 34%;
        width: 35px;
        height: 35px;
    }
    .wrap_bannerhome .owl-carousel .owl-nav .owl-next{
        right: -4px;
    }
    .wrap_bannerhome .owl-carousel .owl-nav .owl-prev{
        left: -4px;
    }
    .wrap_morenews_home .owl-carousel .owl-nav .owl-next, .wrap_morenews_home .owl-theme .owl-nav [class*=owl-].owl-next:hover, .wrap_morenews_home .owl-carousel .owl-nav .owl-prev, .wrap_morenews_home .owl-theme .owl-nav [class*=owl-].owl-prev:hover{
        width: 35px;
        height: 35px;
    }
    .slider-counter, .slider-news{
        font-size: 2rem;
    }
    .wrap_vdohome{
        padding-bottom: 100px;
    }
    .desc_vdohome{
        padding: 30px 0;
    }
/*
    .wrap_vdohome .slick-next, .wrap_vdohome .slick-prev{
        bottom: 80px;
    }
*/
    .cover_photohover_show{
        padding-bottom: 132%;
    }
    .content_slidehover{
        left: 40px;
    }
    .boxsearch_logo img{
        width: 180px;
    }
    .boxsearch{
        margin-top: 80px;
    }
    .link_abouthome{
        margin-bottom: 40px;
        padding: 0 15px;
    }
    .wrap_abouthome{
        margin-left: -15px;
        margin-right: -15px;
    }
    .wrap_servicehome{
        margin-top: 35px;
    }
    .items_services{
        width: 48%;
        margin-bottom: 40px;
    }
    .wrap_itemservice{
        text-align: left;
    }
    .bggrey_home{
        padding-bottom: 30px;
    }
    .desc_latestnew_top{
        padding-left: 40px;
        padding-bottom: 40px;
    }
    .wrap_morenews_home .owl-carousel .owl-nav .owl-next, .wrap_morenews_home .owl-theme .owl-nav [class*=owl-].owl-next:hover{
        right: -5px;
    }
    .wrap_morenews_home .owl-carousel .owl-nav .owl-prev, .wrap_morenews_home .owl-theme .owl-nav [class*=owl-].owl-prev:hover{
        left: -5px;
    }
    .name_typeblog{
        padding-left: 48px;
        padding-right: 48px;
    }
    .toptext_link{
        font-size: 2rem;
    }
    .box_linkhome_right{
        width: 47%;
    }
    .items_linkright{
        line-height: 1.4rem;
    }
    .toptext_link2{
        font-size: 1.2rem;
    }
    .topic_line{
        margin-top: 50px;
    }
    .linklogo{
        padding: 0 10px;
    }
    .wrap_logopartner{
        margin: 0 -10px;
        padding: 30px 0 10px;
    }
    .footer_social{
        margin-top: 70px;
        padding: 60px 0 40px;
    }
    .footer_boxsocial{
        margin-bottom: 20px;
    }
    .footer_callcenter{
        position: static;
        top: 0;
        left: 0;
        transform: translate(0, 0);
        padding: 60px 0;
    }
    .footercontact_pad{
        margin-left: 35px;
    }
    .footer_socialmenu a{
        margin: 10px;
    }
    .wrap_footer{
        padding: 10px 0 50px;
    }
    .tab_selectsize{
        margin-right: 50px;
        margin-top: 20px;
    }
    .about_topicbanner{
        margin-top: 150px;
    }
    .topicbanner_t2{
        font-size: 3rem;
    }
    .wrap_aboutus{
        height: 680px;
    }
    .topic_aboutus{
        font-size: 1.7rem;
        margin-bottom: 20px;
    }
    .about_video{
        padding: 30px 0 0; 
    }
    .boxshadow_about{
        padding: 30px;
    }
    .desc_vision{
        border-left: 5px solid #f6f6f6;
    }
    .desc_vision div{
        left: 15px;
        transform: translate(15px, -50%);
    }
    .desc_mission{
        padding-left: 30px;
    }
    .aboutlogo_showdesktop{
        display: none;
    }
    .aboutlogo_showmobile{
        display: block;
    }
    .value_logo img{
        width: 350px;
    }
    .value_logo{
        margin-top: 10px;
    }
    .list_aboutvalue{
        margin-bottom: 50px;
    }
    .text_value{
        font-size: 3.8rem;
    }
    .value_lineblue{
        margin: 15px 0;
    }
    .bg_aboutvalue{
        padding-bottom: 150px;
    }
    .footer_about{
        padding: 25px;
    }
    .txt_footerabout{
        font-size: 1rem;
    }
    .footer_about .value_lineblue{
        margin: 20px auto;
    }
    .wrap_aboutsocial .footer_desccenter i{
        margin-right: 10px;
        font-size: 1.5rem;
    }
    .boxlist_template{
        padding-left: 35px;
        padding-right: 35px;
    }
    .boxlist_template{
        border: 4px solid #cadef7;
    }
    .listname_template{
        width: 100%;
        padding-left: 0;
    }
    .listtemplate_topauto{
        position: static;
        top: 0;
        left: 0;
        transform: translate(0,0);
    }
    .boxlist_template .newsdate{
        font-size: 0.9rem;
    }
    .border_listtemplate{
        padding-left: 30px;
    }
    .border_listtemplate .btn_tagnews_blue_top{
        margin-top: 0;
    }
    .recent_template1 .boxlist_template{
        margin-bottom: 20px;
    }
    .recent_template1 .slider-news{
        margin-top: -30px;
    }
    .recent_coverannual{
        padding-bottom: 100%;
    }
    .box_b2list .recent_coverannual{
        padding-bottom: 83%;
    }
    .column_hidemb{
        display: none;
    }
    .item_serviceall:first-child .service_bggrey, .item_serviceall:last-child .service_bggrey{
        border-radius: 0;
    }
    .service_bggrey{
        margin-right: 0;
    }
    .service_topiccolumn{
        margin-top: 50px;
    }
    .service_bgblue, .item_serviceall .service_bgblue:first-child{
        background: none;
    }
    .service_bggrey{
        padding: 10px 15px;
    }
    .item_serviceall{
        border-bottom: 0;
    }
    .wrap_serviceall_top{
        padding-right: 0;
    }
    .wrap_serviceall2{
        padding-left: 0;
    }
    .content_service2{
        padding-left: 0;
    }
    .content_aboutpad{
        margin-top: 20px;
    }
    .service_tabbar div{
        width: 100%;
        margin-right: 0;
        height: auto;
        padding: 30px 0 10px;
        text-align: left;
    }
    .service_tabbar{
        margin-top: 0;
    }
    .icon_serviceall{
        width: 80px;
    }
    .section_topicservice{
        font-size: 1.4rem;
    }
    .section_serviceall:nth-child(even) .item_serviceall:first-child .service_bgblue, .section_serviceall:nth-child(even) .item_serviceall:last-child .service_bgblue{
        background: none;
    }
    .section_topicservice{
        padding-right: 0;
    }
    .wrap_service01:before{
        background-position: top center;
    }
    .topicbanner_t2{
        font-size: 2.5rem;
    }
    .service_topiclist ul{
        width: 100%;
    }
    .topic_serviceinside{
        margin-top: 150px;
    }
    .service1_order2{
        order: 1;
    }
    .service1_order1{
        order: 2;
    }
    .photo_service1{
        width: 50%;
        margin: 0 auto 50px;
    }
    .item_service_icontech{
        margin-bottom: 30px;
    }
    .service_infocontact div{
        display: block;
    }
    .service_iconitap{
        width: 32%;
        margin-bottom: 40px;
    }
    .service_infocontact br{
        display: none;
    }
    .service2_listorder3 ul{
        columns: 1;
    }
    .service2_listaccount{
        margin-bottom: 20px;
    }
    .service_infoqrcode{
        float: left;
        margin-top: 15px;
    }
    .topic_serviceinside .topicbanner_t2{
        font-size: 2.2rem;
    }
    .topic_bannerabout{
        font-size: 1.8rem;
    }
    .wrap_aboutcontent{
        padding-top: 50px;
    }
    .thaiinnovation_list ul{
        padding-left: 0;
    }
    .ssh_place{
        margin-top: 40px;
    }
    .service4_mt50{
        margin-bottom: 0;
    }
    .ssh_facility{
        margin: 30px 0 50px;
    }
    .content_mission4 ul{
        columns: 2;
    }
    .desc_mission3:last-child{
        border-bottom: 0;
    }
    .mission5_list ul{
    columns: 2;
}
    .item_mission1-2 img{
        width: 120px;
    }
    .list_mission6 ul{
        columns: 1;
    }
    .mission6_navlink .boxlist_template{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .list_mission6 li{
        padding-right: 0;
    }
    .edoroam_order1{
        order: 1;
        margin-bottom: 20px;
    }
    .edoroam_order2{
        order: 2;
    }
    .box_oss .item_mission1-2 img{
        width: auto;
        max-width: 70%;
    }
    .topic_topabout{
        font-size: 1.3rem;
    }
    .box_list_oicservice ul{
        columns: 1;
    }
    .topicoic_hide{
        display: none;
    }
    .topicoic_show.text-center{
        text-align: left !important;
    }
    .topicoic_show span{
        display: inline-block;
        color: #000;
        font-weight: 500;
        padding-right: 10px;
    }
    .box_table_oicservice .service_bgblue{
        padding: 0 0 15px;
    }
    .topicoic_show {
        margin-top: 10px;
    }
    .box_table_oicservice .item_serviceall:first-child{
        margin-top: 25px;
    }
    .photo_industrailresearch img{
        width: 160px;
    }
    .item_listresearch .toppicblue{
        font-size: 1rem;
        margin-bottom: 10px;
    }
    .topic_bannerabout span{
        font-size: 1.4rem;
    }
    .topicline_transparency{
        display: none;
    }
    .num_listtranparency{
        text-align: left;
        margin-bottom: 10px;
    }
    .li_listtranparent{
        margin-top: 20px;
    }
    .content_li .li_listtranparent li{
        margin-bottom: 15px;
    }
    .list_researchintrgrity ul{
        columns: 1;
    }
    .btnsearch{
        width: 150px;
        margin-top: 20px;
    }
    .mission_menuleft{
        display: none;
        margin-top: 10px;
    }
    .wrap_mission_contentright{
        padding-left: 0;
        margin-top: 50px;
    }
    .button_menu{
        display: block;
        border: 0;
        background-color: #0e69dd;
        color: #fff;
        width: 100%;
        min-height: 45px;
        line-height: 45px;
        border-radius: 50px;
        text-align: left;
        padding: 0 50px 0 25px;
        font-weight: 300;
        position: relative;
    }
    .button_menu:before{
        content: "";
        background-image: url(../images/icon_arrow_before.svg);
        width: 15px;
        height: 15px;
        position: absolute;
        top: 15px;
        right: 20px;
        transform: rotate(90deg);
    }
    .name_missionlist{
        font-size: 1rem;
    }
    .desc_mission_black{
        margin-top: 7px;
    }
    .socialmedia_icon{
        left: 20px;
    }
    .socialmedia_name{
        left: 80px;
    }
    .wrap_footer_mobile{
    display: block;
}
    .wrap_vdohome .slick-prev{
        left: 0;
    }
    .wrap_vdohome .slick-next{
        right: 5px;
    }
}

@media (max-width: 767px) {
    .navbar_right{
        display: none;
    }
    .icon_search .svg{
        stroke: #0e69dd;
        width: 22px;
    }
    .icon_search{
        margin: 0 80px 0 0;
    }
    .tab_selectsize{
        margin-right: 30px;
        margin-top: 17px;
    }
    .topic_bannerfix, .topic_hoverslide{
        font-size: 1.4rem;
    }
    .caption_bannerfix{
        left: 0;
    }
    .bannerslide_pad{
        padding-left: 0;
    }
    .banner_desc{
        line-height: 1.4;
    }
    .wrap_vdohome{
        padding-left: 0;
        padding-right: 0;
    }
    .desc_vdohome{
        padding-right: 50px !important;
        padding-left: 50px;
    }
    .wrap_vdohome .slick-prev{
        left: 60px !important;
    }
    .wrap_vdohome .slick-next{
        right: 60px;
    }
    .box_linkhome{
        margin-bottom: 35px;
    }
    .box_linkhome_right{
        width: 100%;
    }
    .box_linkhome_right:nth-child(even){
        margin-left: 0;
    }
    .coverlink2{
        padding-bottom: 66%;
    }
    .linklogo{
        padding: 0 25px;
    }
    .wrap_logopartner{
        margin: 0 -25px;
    }
    .footer_contact{
        padding-left: 0;
    }
    .footer_socialmenu a{
        margin: 8px;
    }
    .caption_search{
        font-size: 1.2rem;
        margin-top: 20px;
    }
    .wrap_newall .items_newslide{
        margin-bottom: 30px;
    }
    .wrap_allnews{
        padding-bottom: 30px;
    }
    .item_listnews .btnall_blue{
        margin-bottom: 0;
    }
    .bggrey_news{
        padding-bottom: 20px;
    }
    .homenews_linkpdf .link_pdfdownload{
        margin-left: 10px;
        margin-bottom: 40px;
    }
    .desc_vision{
        border-left: 0;
        height: auto;
        position: static;
    }
    .desc_vision div{
        left: 0;
        top: 0;
        transform: translate(0,0);
        margin-top: 25px;
         position: static;
    }
    .lg_textvision{
        font-size: 2.5rem;
    }
    .desc_mission{
        border-left: 0;
        padding-left: 0;
        margin-top: 25px;
    }
    .footer_boxsocial_about{
        margin-bottom: 35px;
    }
    .bg_aboutgrey{
        padding-left: 0;
        padding-right: 0;
    }
    .border_listtemplate{
        border-left: 0;
        padding-left: 0;
    }
    .boxlist_template .newsdate{
        position: static;
        top: 0;
        left: 0;
        transform: translate(0,0);
        margin-bottom: 10px;
    }
    .boxlist_template{
        padding-left: 20px;
        padding-right: 20px;
    }
    .btn_listdownload{
        padding-right: 10px;
    }
    .btn_listdownload img{
        width: 25px;
        height: 25px;
    }
    .recent_template1 .box_btnblue_right{
        margin-top: 80px;
    }
    .recent_template1 .slider-news{
        text-align: center;
        width: 100%;
        left: 0;
        transform: translate(0,0);
        margin-top: 0;
    }
    .boxtag .btn_tagnews_blue, .descnews_date .footer_boxtag .btn_tagnews_blue{
        width: auto;
        padding: 0 20px;
    }
    .recent_coverannual{
        padding-bottom: 56%;
    }
    .box_b2list .recent_coverannual{
        padding-bottom: 110%;
    }
     .wrap_serviceall:before{
        display: none;
    }
    .service_mb_or1{
        order: 1;
    }
    .service_mb_or2{
        order: 2;
    }
    .wrap_serviceall2{
        padding-left: 0;
    }
    .wrap_service01 .topicbanner_t2{
        font-size: 1.8rem;
    }
    .topic_serviceinside{
        margin-top: 100px;
    }
    .box_service01 div{
        margin-right: 25px;
    }
    .service_iconitap{
        width: 49%;
    }
    .topic_serviceinside .topicbanner_t2{
        font-size: 1.8rem;
    }
    .topic_bannerabout div{
    }
    .topic_bannerabout{
        font-size: 1.5rem;
    }
    .border_service3{
        border-left: 0;
        border-bottom: 3px solid #ddd;
        padding: 15px;
    }
    .border_service3:last-child{
        border-bottom: 0;
    }
    .service3_research{
        margin-bottom: 50px;
    }
    .service3_boxresearch{
        margin-top: 0;
    }
    .service3_boxresearch ul{
        columns: 1;
    }
    .content_mission4 ul{
        columns: 1;
    }
    .mission5_list ul{
    columns: 1;
}
    .menu_governance a{
        font-size: 1rem;
        line-height: 1.3;
    }
    .g_activity_or2{
        order: 1;
        margin-bottom: 15px;
    }
    .g_activity_or1{
        order: 2;
    }
    .topic_topabout{
        font-size: 1.2rem;
    }
    .section_topicservice{
        font-size: 1.2rem;
    }
    .item_listresearch{
        margin-bottom: 60px;
    }
    .item_listresearch:last-child{
        margin-bottom: 0;
    }
    .linklogo{
        width: 33%;
    }
    .btn_vdohome.box_btnblue_right{
        margin-top: -30px;
        margin-bottom: 60px;
    }
    .topic_bannerabout span{
        font-size: 1.2rem;
    }
    .box_tranparency_ul{
        padding-left: 20px;
    }
    .box_link_boxmission6{
        margin-bottom: 40px;
    }
    .box_link_boxmission6:last-child{
        margin-bottom: 0;
    }
    .link_boxmission6{
        margin-bottom: 10px;
    }
    .box_missionspace{
        margin-top: 50px;
    }
    .link_boxmission6_photo{
        margin-bottom: 50px;
    }
}

@media (max-width: 575px) {
    body,html{
        font-size: 16px;
    }
    .section_bannerfix{
        display: none;
    }
    .section_bannermobile{
        display: block;
    }
    .section_bannermobile .caption_bannerfix{
        position: absolute;
        z-index: 99;
        bottom: 0;
        left: 20px;
    }
    .cover_slidemobile{
        position: relative;
        padding-bottom: 120%;
        overflow: hidden;
        background-color: #000;
    }
    .cover_slidemobile img{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top center;
        display: block;
        opacity: 0.7;
    }
    .btn_bannerslide{
        width: 250px;
        margin-top: 20px;
    }
    .icon_search{
        margin-right: 50px;
    }
    .tab_selectsize {
    margin-right: 5px;
    margin-top: 16px;
}
    .boxsearch_logo img{
        width: 120px;
    }
    .boxsearch .svg{
        width: 20px;
    }
    .caption_search{
        margin-top: 50px;
    }
    .submenu_search{
        top: 80px;
    }
    .box_bannerslide figcaption{
        position: static;
        top: 0;
        left: 0;
        transform: translate(0, 0);
    }
    .section_bannermobile .owl-nav{
        display: none;
    }
    .wrap_bannerhome .items{
        padding: 15px 45px;
    }
    .wrap_bannerhome .owl-carousel .owl-nav .owl-prev, .wrap_bannerhome .owl-theme 
    .owl-nav [class*=owl-].owl-prev:hover{
        left: 20px !important;
    }
    .wrap_bannerhome .owl-carousel .owl-nav .owl-next, .wrap_bannerhome .owl-theme 
    .owl-nav [class*=owl-].owl-next:hover{
        right: 20px !important;
    }
    .box_bannerslide figcaption{
        padding-right: 20px;
        padding-top: 20px;
    }
    .slider-counter, .slider-news{
        font-size: 1.7rem;
    }
    .wrap_bannerhome .owl-theme .owl-dots .owl-dot span{
        width: 6px;
        height: 6px;
    }
    .mb_nopad{
        padding: 0;
    }
    .wrap_vdohome{
        padding-top: 30px;
    }
    .desc_vdohome {
        padding-right: 20px !important;
        padding-left: 20px;
    }
    .topic-vdo02{
        font-size: 1.7rem;
    }
    .wrap_vdohome .slick-next{
        right: 20px !important;
    }
    .item_abouthome figcaption{
        padding: 15px 0 0;
    }
    .link_abouthome{
        margin-bottom: 25px;
    }
    .topic_sm{
        font-size: 1rem;
    }
    .topic_head{
        font-size: 2rem;
        margin-top: 0;
    }
    .wrap_servicehome{
        margin-top: 25px;
    }
    .wrap_itemservice{
        margin-top: 40px;
    }
    .circle_service{
        width: 100px;
        height: 100px;
    }
/*
    .circle_service img{
        width: 70px;
    }
*/
    .items_services{
        font-size: 1rem;
    }
    .wrap_news{
        padding: 50px 0;
    }
    .home_boxlatestnews{
        margin-top: 30px;
    }
    .desc_latestnew_top{
        padding: 20px 20px 30px;
    }
    .detail_newstop{
        font-size: 1rem;
    }
    .btn_newsmore{
        font-size: 0.9rem;
    }
    .wrap_morenews_home .items{
        padding: 15px 45px;
    }
/*
    .wrap_morenews_home .owl-carousel .owl-nav .owl-prev, .wrap_morenews_home .owl-theme .owl-nav [class*=owl-].owl-prev:hover{
        left: 30px !important;
        top: auto;
         bottom: -46px;
    }
*/
/*
   .wrap_morenews_home .owl-carousel .owl-nav .owl-next, .wrap_morenews_home .owl-theme .owl-nav [class*=owl-].owl-next:hover{
        right: 30px !important;
       top: auto;
       bottom: -46px;
    }
*/
    .aboutlogo_showmobile ~ .col-12 .list_aboutvalue{
        background-color: rgba(255,255,255,0.5);
        padding-top: 20px;
        padding-bottom: 15px;
        margin-bottom: 0;
    }
    .slider-news{
        position: static;
        transform: translate(0, 0);
        text-align: center;
    }
    .name_typeblog{
        padding:5px 9px;
        font-size: 0.9rem;
    }
    .list_tabcontent_home{
        font-size: 0.9rem;
    }
    .desclist_tabcontent{
        padding-left: 25px;
    }
    .wrap_alllink{
        margin: 60px 0 30px;
    }
    .toptext_link{
        margin: 3px 0;
        font-size: 1.8rem;
    }
    .wrap_desclink{
        font-size: 0.9rem;
        padding: 20px 0;
    }
    .box_linkhome_right{
        margin-top: 15px;
    }
    .topic_line{
        margin-top: 35px;
    }
    .wrap_logopartner_link .linklogo{
        margin-bottom: 15px;
    }
    
    .footer_social{
        margin-top: 40px;
        padding: 40px 0 30px;
    }
    .footer_boxsocial{
        height: 80px;
        border-radius: 15px;
    }
    .footercontact_pad{
        margin-left: 15px;
        padding: 30px 15px 40px 0;
    }
    .footer_namecompany, .footer_topicchat{
        font-size: 1.2rem;
    }
    .footercontact_pad address, .footer_map a{
        font-size: 0.9rem;
    }
    .footer_call, .footer_phone{
        font-size: 1.5rem;
    }
    .footer_phone i{
        font-size: 1.2rem;
    }
    .footer_callcenter{
        padding: 30px 0;
        padding-left: 15px;
    }
    .footer_mail a{
        height: 45px;
        line-height: 45px;
        font-size: 0.9rem;
    }
    .footer_call img{
        width: 30px;
    }
    .footer_text{
        font-size: 0.9rem;
        padding: 40px 0;
    }
    .logo_footer{
        display: none;
    }
/*
    .logo_footer img{
        width: 90px;
    }
*/
    .footer_socialmenu{
        float: right;
    }
    .footer_socialmenu a{
        font-size: 1.5rem;
    }
    .wrap_footer{
        padding: 30px 0;
    }
    .totop{
        display: none;
    }
     .linklogo{
        padding: 0 15px;
    }
    .wrap_logopartner{
        margin: 0 -15px;
    }
    .xs_size{
        font-size: 1rem;
    }
    .sm_size{
        font-size: 1.3rem;
    }
    .lg_size{
        font-size: 1.5rem;
    }
    .tab_selectsize a{
        padding-left: 0;
    }
    .wrap_bannerhome .owl-theme .owl-dots, .wrap_bannerhome .owl-theme .owl-nav{
        text-align: left;
        padding-left: 40px;
    }
    .slider-counter{
        right: 24px;
    }
    .wrap_vdohome .slick-prev{
            left: 30px !important;
        }
        .wrap_vdohome .slick-prev:before, .wrap_vdohome .slick-next:before{
            width: 120px;
        }
        .char_chooseselect_type{
            margin-top: -38px;
        }
        .list_tabcontent_home{
            padding: 20px 10px;
        }
        .box_charselect_type{
            margin-top: 10px;
        }
    .name_typeblog.active{
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .wrap_hometab{
        margin-top: 45px;
    }
    .other_logo img{
        width: 70%;
    }
    .btn_newsselect{
        margin-top: 20px;
    }
    .descnews_topic{
        font-size: 1.3rem;
        margin-top: 5px;
    }
    .bg_descnews{
        border-radius: 20px;
        margin-top: 20px;
        padding: 15px;
    }
    .recentnews_slide{
        margin-top: -300px;
    }
    .about_topicbanner{
        margin-top: 100px;
    }
    .topicbanner_t2{
        font-size: 2rem;
    }
    .wrap_aboutus{
        height: 635px;
    }
    .topic_aboutus{
        font-size: 1.2rem;
        margin-bottom: 15px;
    }
    .topic_aboutus br{
        display: none;
    }
    .topic_aboutus2{
        font-size: 1.2rem;
    }
    .content_aboutpad{
        margin-top: 25px;
    }
    .photo_aboutnstda{
        padding-left: 0;
        margin-top: 10px;
    }
    .txt_vision{
        font-size: 1.2rem;
    }
    .lg_textvision{
        font-size: 1.8rem;
        margin-top: 0;
    }
    .desc_vision div{
        margin-top: 10px;
        width: 100%;
        font-size: 1rem;
    }
    .boxshadow_about{
        padding: 20px;
    }
    .boxshadow_about{
        margin-bottom: 30px;
    }
    .bg_aboutgrey{
        padding-bottom: 155px;
    }
    .desc_mission{
        margin-top: 10px;
    }
    .topic_value{
        font-size: 1.2rem;
    }
    .value_logo img{
        width: 200px;
    }
    .value_logo{
        margin: 0 0 50px;
    }
    .text_value{
        font-size: 2.5rem;
        width: 50px;
    }
    .listbox_txtvalue{
        width: calc(100% - 75px);
        margin-left: 15px;
    }
    .txt_valuename{
        font-size: 1.2rem;
        margin-top: -8px;
    }
    .value_lineblue{
        height: 3px;
        width: 35px;
    }
    .list_aboutvalue{
        margin-bottom: 20px;
    }
    .wrap_aboutsocial{
        margin-bottom: 10px;
    }
    .boxlist_template{
        border-radius: 15px;
        border: 3px solid #cadef7;
        margin-bottom: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .box_menunav{
        font-size: 0.8rem;
        line-height: 1.5;
    }
    .topic_content_template{
        font-size: 1.5rem;
    }
    .mainwrap_content{
        margin-top: 30px;
    }
    .wrap_boxlist_template{
        margin-top: 30px;
    }
    .wrap_boxlist_inside.wrap_boxlist_template{
        margin-top: 20px;
    }
    .boxlist_inside.boxlist_template{
        padding-top: 20px;
    }
    .boxlist_inside .descnews_date{
        margin-bottom: 10px;
    }
    .recent_template1{
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 0;
    }
    .recent_template1 .wrap_morenews_home .owl-carousel .owl-nav .owl-prev{
        left: -10px !important
    }
    .recent_template1 .wrap_morenews_home .owl-carousel .owl-nav .owl-next{
        right: -10px !important
    }
    .recent_template1 .box_btnblue_right{
        margin-top: 30px;
    }
    .recent_template1 .slider-news{
        margin-top: -15px;
    }
    .recent_coverannual{
        padding-bottom: 84%;
    }
    .box_b2list .recent_coverannual{
        padding-bottom: 69%;
    }
    .service_bgblue{
        padding: 15px 0;
    }
    .wrap_serviceall_top .topic_head{
        margin-bottom: 20px;
    }
    .serviceall_listtop ul{
        columns: 1;
    }
    .topic_service03{
        font-size: 1.3rem;
    }
    .topic_service03 br{
        display: none;
    }
    .service_tabbar div{
        padding-top: 20px;
    }
    .service_topiccolumn{
        line-height: 1.2;
    }
    .service_topiccolumn:before{
        width: 35px;
        height: 3px;
    }
    .item_serviceall:first-child{
        margin-top: 30px;
    }
    .section_topicservice{
        font-size: 1.2rem;
    }
    .link_moreservice img{
        width: 20px;
    }
    .wrap_servicetest{
        padding-left: 0;
    }
    .wrap_itemservice01{
        word-break: break-all;
        padding: 35px 0;
    }
    .service_topiclist ul{
        margin-top: 15px;
    }
    .topic_serviceinside{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .wrap_desc_serviceinside .section_topicservice{
        font-size: 1.4rem;
    }
    .wrap_desc_serviceinside .section_topicservice div{
        margin-top: 0;
    }
    .section_topicservice{
        padding-bottom: 15px;
    }
    .box_service01{
        margin: 30px 0;
    }
    .service_li50 ul{
        columns: 1;
    }
    .service_iconitap img{
        width: 120px;
    }
    .service_iconitap{
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }
    .wrap_contentitap{
        margin: 20px 0;
    }
    .service_iconitap:last-child{
        margin-bottom: 0;
    }
    .item_servicetest .photo_icon{
        width: 120px;
        margin-bottom: 20px;
    }
    .photo_service1-5 img{
        width: 150px;
    }
    .box_listitemservice .service_topicblue{
        margin-top: 10px;
    }
    .topic_serviceinside .topicbanner_t2{
        font-size: 1.5rem;
    }
    .wrap_itemservice01 .service2_bgbluecontent ul li{
        padding: 5px 5px 5px 35px;
    }
    .wrap_itemservice01 .service2_bgbluecontent ul li:before{
        top: 19px;
    }
    .box_listitemservice{
        margin-bottom: 0;
    }
    .box_service2-icon .service_iconitap{
        width: 48%;
    }
    .service2_listorder3{
        margin-top: 20px;
    }
    .topic_bannerabout{
        height: 160px;
    }
    .wrap_bannerpage{
        height: 280px;
    }
/*
    .wrap_bannerpage{
        padding-bottom: 57%;
    }
*/
    .topic_bannerabout div{
        padding: 15px;
    }
    .wrap_aboutcontent{
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .mb_center{
        text-align: center;
    }
    .mb_center img{
        width: 120px;
    }
    .thaiinnovation_list{
        margin-bottom: 30px;
    }
    .border_service3-circle div{
        padding-left: 0;
    }
    .border_service3-circle:before, .border_service3-circle:after{
        display: none;
    }
    .wrap_contact{
        margin-top: 30px;
        padding: 0 15px 70px;
    }
    .box_contact{
        padding: 20px 0 40px;
    }
    .icon_service4 .item_service_icontech{
        margin-top: 20px;
    }
    .desc_mission3{
        padding-bottom: 10px;
    }
    .mission2_photo, .desc_circlemission2{
        display: block;
    }
    .desc_circlemission2{
        width: 100%;
        padding: 0;
        margin-top: 15px;
    }
    .mission2_photo{
        width: 100px;
    }
    .box_mission2{
        margin-bottom: 10px;
    }
    .mission5_list{
        padding: 30px 0 10px;
        margin-bottom: 30px;
    }
    .list_mission6 li{
        padding-bottom: 0;
    }
    .mission6_navlink{
        padding-top: 30px;
    }
    .mission6_navlink .boxlist_template{
        padding: 10px 15px 15px;
    }
    .menu_governance a{
        border-bottom: 2px solid #fff;
        padding:10px 0;
        background-color: #f2f2f2;
    }
    .menu_governance a.active, .menu_governance a:hover{
        border-bottom: 0;
        background-color: #005dab;
        color: #fff;
    }
    .item_governance_act{
        padding-bottom: 0;
    }
    .item_listdha{
        padding: 15px;
    }
    .section_value_dha{
        margin-bottom: 40px;
    }
    .logo_oss{
        height: auto;
        margin-bottom: 20px;
    }
    .box_oss .item_mission1-2{
        margin-top: 70px;
    }
    .photo_peoplethump{
        width: 80px;
        height: 80px;
    }
    .about_name{
        left: 113px;
    }
    .btn_arrow_link img{
        width: 25px;
    }
    .list_thumppeople{
        padding: 25px 0;
    }
    .photo_aboutstructure{
        margin-bottom: 40px;
    }
    .name_topboard{
        position: static;
    }
    .mb_topboardphoto{
        text-align: center;
        margin-bottom: 20px;
    }
    .mb_topboardphoto img{
        width: 60%;
    }
    .name_topboard .section_topicservice{
        margin-bottom: 20px;
    }
    .box_topboard{
        padding-bottom: 20px;
    }
    .about_name2{
        width: calc(100% - 80px);
    }
    .list_allteam{
        padding-bottom: 40px;
    }
    .desc_governmentdesc .box_topboard{
        padding: 0;
    }
    .box_government_desc{
        margin-top: 10px;
    }
    .wrap_recentgovernment.wrap_morenews_home .owl-carousel .owl-nav .owl-prev, .wrap_recentgovernment.wrap_morenews_home .owl-theme .owl-nav [class*=owl-].owl-prev:hover{
        left: 30px !important;
        top: auto;
        bottom: -46px;
        width: 35px;
    height: 35px;
    }
    .wrap_recentgovernment.wrap_morenews_home .owl-carousel .owl-nav .owl-next, .wrap_recentgovernment.wrap_morenews_home .owl-theme .owl-nav [class*=owl-].owl-next:hover{
        right: 30px !important;
        top: auto;
        bottom: -46px;
        width: 35px;
    height: 35px;
    }
    .box_table_oicservice {
        padding-bottom: 20px;
        margin-bottom: 40px;
    }
    .box_procure_notice{
        padding: 30px 0;
    }
    .wrap_training{
        padding-left: 15px;
        padding-right: 15px;
    }
    .wrap_menutraining a{
        border-bottom: 0;
        padding: 5px 10px;
        background-color: #eee;
    }
    .item_menutraining{
        margin-bottom: 7px;
    }
    .item_menutraining a.active{
        background-color: #0e69dd;
        color: #fff;
    }
    .topic_tabletraining{
        display: none;
    }
    .listtraing_bgcolor{
        padding: 10px;
    }
    .listtraing_bgcolor .text-center{
        text-align: left !important;
    }
    .txt_training_showmb{
        display: inline-block;
    }
    .listtraing_bgcolor a{
        margin-bottom: 10px;
    }
    .item_listtraining{
        margin-bottom: 40px;
    }
    .topic_tabletraining_border{
        display: none;
    }
    .listtraing_bgcolor .txt_bold{
        display: inline-block;
    }
    .training3_li ul{
        columns: 1;
    }
    .box_eventcancle{
        margin-bottom: 20px;
    }
    .photo_industrailresearch img{
        width: 130px;
    }
    .boxlink_research{
        margin-top: 30px;
    }
    .research_boxinfo{
        margin-top: 30px;
    }
    .linklogo{
        width: 50%;
    }
    .wrap_goal .box_form_research{
        margin-top: 40px;
    }
 
    .icon_oicportal{
        width: 70px;
    }
    .oicportal_name{
        left: 115px;
    }
    .item_iconoicportal{
        padding: 15px;
    }
    .footer_cc{
        margin-top: 0;
    }
    .wrap_footer{
        padding-top: 0;
    }
    .box_itemsearch{
        padding: 15px 0;
    }
    .topic_searchresult{
        margin-bottom: 0;
    }
    .box_link_boxmission6:last-child .link_boxmission6{
        margin-bottom: 0;
    }
    .link_boxmission6_photo{
        margin-bottom: 40px;
    }
    .menumission_nopad{
        padding: 0 15px;
    }
    .wrap_mission_contentright{
        margin-top: 35px;
    }
    .mission_bggrey{
        padding: 20px 20px 40px;
        margin-top: 40px;
    }
    .button_menu{
        line-height: 1.5;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .desc_mission_black{
        margin-top: 0;
    }
    .link_boxmission6_photo .btn_newsmore{
        margin-top: 15px;
    }
    .item_socialmedia{
        height: 85px;
        margin-bottom: 20px;
    }
    .detail_newslide{
        -webkit-line-clamp: 3;
        height: 82px;
    }
    .wrap_morenews_home .owl-carousel .owl-nav .owl-prev, .wrap_morenews_home .owl-theme .owl-nav [class*=owl-].owl-prev:hover{
        left: 20px;
    }
    .wrap_morenews_home .owl-carousel .owl-nav .owl-next, .wrap_morenews_home .owl-theme .owl-nav [class*=owl-].owl-next:hover{
        right: 20px;
    }
   
}

@media (max-width: 321px) {
    .icon_search{
        margin-right: 45px;
    }
}