@charset "utf-8";

body {
    font-family: "Montserrat", "Prompt", sans-serif;
    font-size: 14px;
    color: #333333;
    font-weight: 500;
}
@media (min-width: 1300px) {
    .container {
        width: 1240px;
    }
}
@media (min-width: 1400px) {
    .container {
        width: 1300px;
    }
}
@media (min-width: 768px) and (max-width: 800px) {
    .container {
        width: 738px;
    }
}
p {
    margin-bottom: 10px;
}
b,
strong {
    font-weight: 600;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
}
h1 {
    font-size: 36px;
}
h2 {
    font-size: 30px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 16px;
}
h6 {
    font-size: 14px;
}
.rowglobal_zindex {
    z-index: 82;
    position: relative;
}
.wrap_video {
    position: relative;
    padding-left: 0;
    padding-right: 0;
}
.video_caption {
    position: absolute;
    bottom: 10%;
    left: 10%;
    text-align: left;
    /*background-color: rgba(4,8,12,0.5);*/
    padding: 40px 15px 30px 15px;
    max-width: 675px;
    color: #fff;
    text-shadow: 1px 1px #000;
}
.video_caption h1 {
    font-size: 40px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
    font-weight: 600;
}
.video_caption h3 {
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 44px;
    margin-bottom: 0;
    font-weight: 400;
}
.head_blue_center h1 {
    text-align: center;
    font-size: 40px;
    color: #004282;
    margin-bottom: 20px;
    margin-top: 35px;
}
.head_blue_center h3,
.head_blue_center h5,
.head_blue_center p {
    line-height: 30px;
}
.detail_hservice {
    text-align: center;
    margin-bottom: 25px;
}
.list_hservice {
    display: block;
    padding-bottom: 100%;
    overflow: hidden;
    margin-bottom: 0;
    position: relative;
}
.list_hservice img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 12;
    width: auto;
    height: 100%;
}
.list_hservice::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: 13;
    background: -moz-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0) 50%,
        rgba(0, 0, 0, 0.7) 100%
    );
    background: -webkit-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0) 50%,
        rgba(0, 0, 0, 0.7) 100%
    );
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0) 50%,
        rgba(0, 0, 0, 0.7) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.list_hservice figcaption {
    position: absolute;
    bottom: 0;
    z-index: 15;
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    padding: 15px;
}
.service_more_detail {
    display: block;
    overflow: hidden;
    height: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.service_more_detail div {
    font-size: 13px;
    color: #fff;
    background-color: #161c21;
    padding: 10px 20px;
    letter-spacing: 1px;
    display: inline-block;
    margin-top: 10px;
}
.service_more_detail span {
    font-size: 16px;
    line-height: 16px;
}
.link_hservice:hover .service_more_detail {
    height: 49px;
}
.link_hservice:hover .list_hservice::before {
    height: 100%;
}
.h_news {
    padding-left: 30px;
    padding-right: 30px;
}
.image_hnews {
    padding-left: 0;
    padding-right: 0;
}
.image_hnews img {
    width: 100%;
    height: auto;
    display: block;
}
.wrap_detail_hnews {
    background-color: #3e4851;
    color: #fff;
    padding-top: 50px;
    padding-left: 65px;
    padding-right: 30px;
}
.wrap_detail_hnews h1 {
    position: relative;
    padding-bottom: 13px;
}
.wrap_detail_hnews h1::before {
    content: "";
    width: 50px;
    height: 4px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}
.wrap_detail_hnews h3 {
    line-height: 38px;
    font-size: 22px;
    font-weight: 600;
    max-height: 76px;
    margin-top: 15px;
}
.hnews_detail {
    font-size: 16px;
    line-height: 30px;
    max-height: 150px;
}
.wrap_detail_hnews a {
    background-color: #161c21;
    padding: 5px 18px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    margin-top: 30px;
}
.wrap_detail_hnews a span {
    margin-left: 5px;
    font-size: 18px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.wrap_detail_hnews a:hover span {
    margin-left: 10px;
}
.hnews_viewall {
    position: absolute;
    left: 50%;
    z-index: 92;
    bottom: 65px;
    color: #fff;
    border: 1px solid #666666;
    height: 40px;
    font-size: 14px;
    margin-left: 159px;
    line-height: 39px;
    padding-left: 18px;
    padding-right: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.hnews_viewall:hover {
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
}
.wrap_banner {
    padding: 0;
}
.wrap_banner img {
    width: 100%;
    height: auto;
    display: block;
}
.image_company_p {
}
.image_company_p img {
    max-width: 100%;
    display: block;
    height: auto;
}
.head_company_p {
    font-size: 24px;
    color: #004282;
    margin-top: 35px;
}
.head_company_p span {
    vertical-align: middle;
    display: inline-block;
    padding-left: 5px;
}
.head_company_p img {
    vertical-align: middle;
    display: inline-block;
}
.compnay_detail {
    margin-top: 20px;
}
.compnay_detail div:first-child {
    display: inline-block;
    width: 180px;
    font-size: 16px;
    color: #004282;
    font-weight: 600;
    vertical-align: top;
    line-height: 30px;
}
.compnay_detail div:nth-child(2) {
    display: inline-block;
    width: calc(100% - 180px);
    color: #333333;
    font-size: 16px;
    vertical-align: top;
    line-height: 30px;
}
.compnay_detail div:nth-child(2) span {
    background-image: url(../images/icon_tel.jpg);
    background-repeat: no-repeat;
    display: block;
    padding-left: 28px;
    line-height: 30px;
}
.compnay_detail div:nth-child(2) strong {
    font-weight: 600;
    color: #000;
    display: block;
}
.thai_company_padding {
    padding-left: 50px;
    margin-top: 30px;
}
.company_margin {
    margin-bottom: 80px;
    margin-top: 30px;
}
.image_president {
    width: 330px;
    height: 330px;
    overflow: hidden;
    border-radius: 50%;
    border: 6px solid #bdbcb7;
    display: inline-block;
    vertical-align: middle;
    margin-top: 50px;
}
.image_president img {
    max-width: 100%;
    height: auto;
    display: block;
}
.head_message {
    font-weight: 600;
    font-size: 48px;
    color: #004282;
    display: inline-block;
    width: calc(100% - 330px);
    vertical-align: middle;
    padding-left: 60px;
    text-transform: uppercase;
}
.president_message {
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    margin-top: 50px;
}
.signature_president {
    text-align: right;
    margin-bottom: 50px;
}
.mile_stone_line {
    width: 70px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}
.mile_stone_year {
    width: calc(50% - 35px);
    display: inline-block;
    vertical-align: middle;
}
.mile_stone_detail {
    width: calc(50% - 35px);
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    color: #333333;
    font-size: 18px;
    font-weight: 500;
}
.right_year .mile_stone_year {
    text-align: right;
}
.right_year .mile_stone_detail {
    text-align: left;
    padding-left: 35px;
}
.left_year .mile_stone_year {
    text-align: left;
}
.left_year .mile_stone_detail {
    text-align: right;
    padding-right: 35px;
}
.line_year {
    background-color: #e0e0e0;
    display: inline-block;
    width: 30px;
    height: 200px;
    position: relative;
    margin-top: 6px;
}
.line_year span {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari */
    transform: translate(-50%, -50%);
}
.line_year::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.line_year::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 10px solid #e0e0e0;
    position: absolute;
    top: 100%;
    left: 0;
}
.right_year .mile_stone_year span {
    background-color: #70e5fa;
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 7px 30px;
    border-radius: 5px;
    position: relative;
    margin-right: 15px;
}
.right_year .mile_stone_year span::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-left: 15px solid #70e5fa;
    border-bottom: 9px solid transparent;
    position: absolute;
    left: 100%;
    top: 50%;
    -ms-transform: translate(0, -50%); /* IE 9 */
    -webkit-transform: translate(0, -50%); /* Safari */
    transform: translate(0, -50%);
}
.left_year .mile_stone_year span {
    background-color: #70e5fa;
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 7px 30px;
    border-radius: 5px;
    position: relative;
    margin-left: 15px;
}
.left_year .mile_stone_year span::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-right: 15px solid #70e5fa;
    border-bottom: 9px solid transparent;
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translate(0, -50%); /* IE 9 */
    -webkit-transform: translate(0, -50%); /* Safari */
    transform: translate(0, -50%);
}
.right_year:nth-child(1) .mile_stone_year span {
    background-color: #70e5fa;
}
.right_year:nth-child(1) .mile_stone_year span::after {
    border-left: 15px solid #70e5fa;
    border-right: 0;
}
.right_year:nth-child(3) .mile_stone_year span {
    background-color: #70c4fa;
}
.right_year:nth-child(3) .mile_stone_year span::after {
    border-left: 15px solid #70c4fa;
    border-right: 0;
}
.right_year:nth-child(5) .mile_stone_year span {
    background-color: #59a9f8;
}
.right_year:nth-child(5) .mile_stone_year span::after {
    border-left: 15px solid #59a9f8;
    border-right: 0;
}
.right_year:nth-child(7) .mile_stone_year span {
    background-color: #2782dc;
}
.right_year:nth-child(7) .mile_stone_year span::after {
    border-left: 15px solid #2782dc;
    border-right: 0;
}
.right_year:nth-child(9) .mile_stone_year span {
    background-color: #005cb6;
}
.right_year:nth-child(9) .mile_stone_year span::after {
    border-left: 15px solid #005cb6;
    border-right: 0;
}
.right_year:nth-child(11) .mile_stone_year span {
    background-color: #004282;
}
.right_year:nth-child(11) .mile_stone_year span::after {
    border-left: 15px solid #004282;
    border-right: 0;
}
/* milestone left */
.left_year:nth-child(2) .mile_stone_year span {
    background-color: #70d5fa;
}
.left_year:nth-child(2) .mile_stone_year span::after {
    border-right: 15px solid #70d5fa;
    border-left: 0;
}
.left_year:nth-child(4) .mile_stone_year span {
    background-color: #59baf8;
}
.left_year:nth-child(4) .mile_stone_year span::after {
    border-right: 15px solid #59baf8;
    border-left: 0;
}
.left_year:nth-child(6) .mile_stone_year span {
    background-color: #3490ec;
}
.left_year:nth-child(6) .mile_stone_year span::after {
    border-right: 15px solid #3490ec;
    border-left: 0;
}
.left_year:nth-child(8) .mile_stone_year span {
    background-color: #1e6fbf;
}
.left_year:nth-child(8) .mile_stone_year span::after {
    border-right: 15px solid #1e6fbf;
    border-left: 0;
}
.left_year:nth-child(10) .mile_stone_year span {
    background-color: #0051a0;
}
.left_year:nth-child(10) .mile_stone_year span::after {
    border-right: 15px solid #0051a0;
    border-left: 0;
}
.wrap_mile_stone {
    margin-bottom: 80px;
}
.wrap_slide_service {
    padding: 0;
    overflow: hidden;
    position: relative;
    margin-bottom: 120px;
}
.wrap_slide_csr {
    padding: 0;
    overflow: hidden;
    position: relative;
}
.owl-carousel .owl-dots {
    display: block;
    text-align: center;
    margin-top: 25px;
}
.owl-carousel .owl-dot {
    display: inline-block;
    outline: 0;
}
.owl-carousel .owl-dot span {
    background-color: #9ea3a8;
    border-radius: 20px;
    display: block;
    height: 14px;
    margin: 5px 4px;
    opacity: 1;
    width: 14px;
}
.owl-carousel .owl-dot.active span {
    background-color: #004282;
}
.flexslider {
    margin-bottom: 0;
    border: 0;
}
.flex_hnews .flex-direction-nav {
    position: absolute;
    left: 50%;
    z-index: 98;
    bottom: 65px;
    padding-left: 65px;
    height: 40px;
}
.flex_hnews .flex-direction-nav li {
    display: inline-block;
    margin-right: 7px;
}
.flex_hnews .flex-direction-nav a {
    position: static;
    opacity: 1;
    margin: 0;
    text-align: center;
    line-height: 38px;
    border: 1px solid #666666;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.flex_hnews .flex-direction-nav .flex-next {
    text-align: center;
}
.flex_hnews .flex-direction-nav a:before {
    font-size: 14px;
    color: #d6d6d6;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.flex_hnews .flex-direction-nav a:hover {
    border: 1px solid #fff;
}
.flex_hnews .flex-direction-nav a:hover:before {
    color: #fff;
}
.service_detail_gd {
    position: absolute;
    bottom: 0;
    z-index: 789;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 40px;
    background: -moz-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.7) 100%
    );
    background: -webkit-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.7) 100%
    );
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.7) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
}
.logo_service {
    background-color: #fff;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 5px;
}
.logo_service img {
    max-width: 230px;
    height: auto;
    display: block;
}
.wrap_service_detail h1 {
    color: #fff;
    margin-top: 25px;
    margin-bottom: 35px;
    font-size: 48px;
}
.wrap_service_detail h5 {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
}
.item_image_service {
    padding-left: 0;
    padding-right: 0;
    position: relative;
}
/*.item_image_service img{
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all  0.5s ease-in-out;
    -moz-transition:all  0.5s ease-in-out;
    -o-transition: all  0.5s ease-in-out;
    transition: all  0.5s ease-in-out;
    -webkit-transform: translateZ(0);
}
.item_image_service img:first-child{
    position: static;
    opacity: 1.0;
}
.item_image_service:hover img{
    opacity: 1.0;
}*/
.item_service_detail {
    position: relative;
}
.item_service_detail hgroup {
    position: absolute;
    top: 50%;
    left: 95px;
    right: 30px;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #333333;
}
.item_service_detail hgroup a {
    display: inline-block;
    margin-bottom: 15px;
}
.item_service_detail hgroup a img {
    max-width: 100%;
    height: auto;
    display: block;
}
.item_service_detail hgroup h3 {
    position: relative;
    padding-left: 0px;
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 15px;
    padding-bottom: 5px;
}
.item_service_detail hgroup h3::before {
    content: "";
    background-color: #e0861a;
    position: absolute;
    left: 0;
    width: 40px;
    height: 3px;
    /*top: 16px;*/
    top: 100%;
}
.item_service_detail hgroup h5 {
    line-height: 30px;
}
.rowservice {
    margin-bottom: 20px;
}
.rowservice:nth-child(even) .item_service_detail hgroup {
    left: 30px;
    right: 95px;
}
.rowservice:last-child {
    margin-bottom: 95px;
}
.banner_service {
}
.head_features_service h3 {
    font-size: 22px;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
    margin-top: 45px;
}
.head_features_service h5 {
    line-height: 30px;
    text-align: center;
}
.head_features_service h3::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 66px;
    height: 4px;
    background-color: #e0861a;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.item_career {
    background-color: #f8f8f8;
    border: 2px solid #eaeaea;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
}
.item_career hgroup {
    padding-left: 25px;
    padding-right: 60px;
    padding-top: 18px;
    padding-bottom: 17px;
    background-image: url(../images/career_arrow_down.png);
    background-repeat: no-repeat;
    background-position: right 20px center;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.item_career h4 {
    color: #004282;
    font-size: 18px;
}
.item_career h4 span {
    font-size: 14px;
    color: #333333;
    font-style: italic;
    font-weight: 500;
    padding-left: 10px;
}
.item_career hgroup > h5 {
    margin-bottom: 0;
    color: #999999;
    font-weight: 500;
}
.career_detail {
    color: #303030;
    display: none;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 25px;
    padding-top: 1px;
}
.career_detail h5 {
    text-transform: uppercase;
    margin-top: 25px;
    font-weight: 600;
}
.career_text {
    font-size: 14px;
    line-height: 30px;
    font-weight: 500;
}
.career_text ul {
    padding-left: 25px;
}
.career_text p {
    padding-left: 10px;
}
.career_text a {
    color: #004282;
}
.item_career.active hgroup {
    background-color: #004282;
    background-image: url(../images/career_arrow_up.png);
}
.item_career.active hgroup h4 {
    color: #fff;
}
.item_career.active hgroup h4 span {
    color: #cccccc;
}
.item_career.active hgroup h5 {
    color: #c4e2ff;
}
.career_top_detail {
    font-size: 14px;
    color: #303030;
    text-align: center;
    font-weight: 500;
    margin-bottom: 40px;
    margin-top: 10px;
    line-height: 30px;
}
.career_mb {
    margin-bottom: 80px;
}
.contact_detail {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 85px;
    margin-top: 35px;
}
.contact_detail p {
    line-height: 30px;
}
.list_contact {
    display: inline-block;
    padding-left: 30px;
    line-height: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    margin-bottom: 10px;
    color: #333333;
    text-decoration: none;
}
.list_contact.icon_tel {
    background-image: url(../images/icon_tel.jpg);
    padding-right: 50px;
}
.list_contact.icon_fax {
    background-image: url(../images/icon_fax.jpg);
}
.list_contact.icon_email {
    background-image: url(../images/icon_mail.jpg);
    display: block;
}
.list_contact.icon_gmap {
    background-image: url(../images/icon_googlemap.jpg);
    padding-right: 50px;
}
.list_contact.icon_locationmap {
    background-image: url(../images/icon_locationmap.jpg);
    padding-left: 35px;
}
.list_contact:hover {
    color: #333;
    text-decoration: none;
}
.contact_detail h3 {
    font-size: 22px;
    color: #004282;
    text-transform: uppercase;
    font-weight: 600;
}
.contact_detail h4 {
    font-size: 20px;
    color: #333333;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 25px;
}
.bg_enquiry {
    background-color: #f9f9f9;
    padding: 30px 35px;
    margin-bottom: 90px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    margin-top: 35px;
}
.bg_enquiry h4 {
    margin-bottom: 25px;
    color: #004282;
    font-weight: 600;
}
.form_enquiry input[type="text"],
.form_enquiry select {
    font-size: 16px;
    width: 100%;
    display: block;
    padding: 10px 15px;
    border: 2px solid #e5e5e5;
    margin-bottom: 14px;
    font-family: "Montserrat", "Prompt", sans-serif;
    font-weight: 500;
    color: #666;
}
.form_enquiry textarea {
    font-size: 16px;
    width: 100%;
    padding: 10px 15px;
    border: 2px solid #e5e5e5;
    margin-bottom: 14px;
    font-family: "Montserrat", "Prompt", sans-serif;
    font-weight: 500;
}
.form_enquiry input[type="submit"] {
    width: auto;
    display: inline-block;
    border: 0;
    font-family: "Montserrat", "Prompt", sans-serif;
    font-weight: 600;
    background-color: #004282;
    padding: 7px 30px 5px 30px;
    font-size: 16px;
    color: #fff;
}
.form_enquiry input[type="reset"] {
    width: auto;
    display: inline-block;
    border: 0;
    font-family: "Montserrat", "Prompt", sans-serif;
    font-weight: 600;
    background-color: #a7a7a7;
    padding: 7px 30px 5px 30px;
    font-size: 16px;
    color: #fff;
    margin-left: 7px;
}
.csrnews_item {
    padding-top: 20px;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
}
.csrnews_item a {
    display: block;
    background-color: #f1f1f1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.csrnews_item a figure {
    display: block;
    margin-bottom: 25px;
    width: 100%;
    /*height:212px;*/
    overflow: hidden;
    padding-bottom: 65%;
    position: relative;
}
.csrnews_item a figure img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
}
.csrnews_item a figcaption {
    text-align: center;
    padding: 0 25px 30px 25px;
}
.csrnews_item a figcaption h4 {
    color: #004282;
    font-weight: 500;
    line-height: 30px;
    height: 60px;
    margin-bottom: 15px;
}
.csrnews_detail {
    color: #333333;
    font-size: 16px;
    line-height: 28px;
    height: 84px;
    font-weight: 500;
}
.csrnews_more {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    background-color: #004282;
    padding: 10px 20px;
    text-transform: uppercase;
    margin-top: 15px;
    letter-spacing: 1px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.csrnews_item a:hover {
    text-decoration: none;
    background-color: #f2f9ff;
}
.csrnews_more:hover {
    background-color: #002f5c;
}
.csrnews_pagination {
    margin: 20px 0 60px 0;
}
.csrnews_pagination .page-item {
    margin: 5px;
}
.csrnews_pagination .page-item .page-link {
    width: 30px;
    height: 30px;
    background: -moz-linear-gradient(
        top,
        rgba(255, 255, 255, 0) 0%,
        rgba(240, 240, 240, 1) 100%
    );
    background: -webkit-linear-gradient(
        top,
        rgba(255, 255, 255, 0) 0%,
        rgba(240, 240, 240, 1) 100%
    );
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(240, 240, 240, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f0f0f0',GradientType=0 );
    font-size: 14px;
    color: #556270;
    padding: 0;
    line-height: 29px;
    text-align: center;
    border: 1px solid #dddddd;
    border-radius: 5px;
    font-weight: 600;
}
.csrnews_pagination .page-item .page-link.page-prev,
.csrnews_pagination .page-item .page-link.page-next {
    width: 60px;
    text-transform: uppercase;
}
.csrnews_pagination .page-item.active .page-link,
.csrnews_pagination .page-item:hover .page-link {
    background: rgb(3, 71, 137);
    background: -moz-linear-gradient(
        top,
        rgba(3, 71, 137, 1) 0%,
        rgba(0, 66, 130, 1) 100%
    );
    background: -webkit-linear-gradient(
        top,
        rgba(3, 71, 137, 1) 0%,
        rgba(0, 66, 130, 1) 100%
    );
    background: linear-gradient(
        to bottom,
        rgba(3, 71, 137, 1) 0%,
        rgba(0, 66, 130, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#034789', endColorstr='#004282',GradientType=0 );
    color: #f6f6f6;
}
.head_global {
    font-size: 24px;
    color: #009ce4;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 15px;
}
.bg_gb_network {
    background-color: #f6f6f6;
    padding: 10px 20px 25px 20px;
    margin-bottom: 30px;
}
.gbn_list h4 {
    margin-bottom: 10px;
    text-transform: uppercase;
    margin-top: 15px;
}
.gbn_link a {
    font-size: 14px;
    color: #000;
    display: inline-block;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 5px;
}
.gbn_link a:hover {
    text-decoration: none;
    color: #009ce4;
}
.gbn_link a img {
    margin-right: 8px;
}
.wrap_btn_sebs {
    text-align: center;
}
.wrap_btn_sebs a {
    display: inline-block;
    font-size: 18px;
    background-color: #004282;
    line-height: 58px;
    color: #fff;
    padding-right: 25px;
    padding-left: 60px;
    padding-bottom: 6px;
    background-image: url(../images/btn_sebs.png);
    background-repeat: no-repeat;
    background-position: 25px 15px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    font-weight: 500;
    margin-bottom: 110px;
    margin-top: 60px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.wrap_btn_sebs a span {
    font-size: 24px;
}
.wrap_btn_sebs a::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 6px;
    background-color: #002e5b;
    bottom: 0;
    left: 0;
}
.wrap_btn_sebs a:hover {
    text-decoration: none;
    background-color: #003a72;
}
.philosophy_detail {
    font-size: 16px;
    line-height: 30px;
    color: #333;
}
.ebp_head h3 {
    color: #004282;
    position: relative;
    margin-top: 50px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    line-height: 26px;
}
.ebp_head h3::before {
    content: "";
    background-color: #e0861a;
    width: 46px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.ebs_detail {
    font-size: 16px;
    line-height: 30px;
    color: #333;
    margin-top: 20px;
}
.ebs_list {
    margin-top: 20px;
    padding-left: 65px;
}
.ebs_list > h4 {
    position: relative;
    color: #004282;
    margin-bottom: 20px;
    padding-top: 2px;
    line-height: 26px;
}
.ebs_list > h4 > span {
    position: absolute;
    color: #fff;
    font-size: 20px;
    left: -45px;
    top: 0;
    line-height: 26px;
    width: 26px;
    text-align: center;
}
.ebs_list > h4 > span::before {
    content: "";
    position: absolute;
    background-color: #e0861a;
    width: 26px;
    height: 26px;
    left: 0;
    top: 0;
    z-index: -1;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.ebs_sub_list {
    margin-top: 20px;
    padding-left: 40px;
    line-height: 30px;
}
.ebs_sub_list > h4 {
    position: relative;
    color: #004282;
    margin-bottom: 20px;
    padding-top: 2px;
    font-size: 18px;
    line-height: 26px;
}
.ebs_sub_list > h4 > span {
    position: absolute;
    color: #fff;
    font-size: 14px;
    left: -35px;
    top: 0;
    line-height: 20px;
    width: 20px;
    text-align: center;
}
.ebs_sub_list > h4 > span::before {
    content: "";
    position: absolute;
    background-color: #004282;
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
    z-index: -1;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.bg_map_global {
    background-image: url(../images/mapglobal.jpg);
    padding-bottom: 52%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 25px;
}
.pin_map {
    position: absolute;
    width: 2.462%;
    height: auto;
    cursor: pointer;
}
.pin_map img {
    width: 100%;
    height: auto;
}
.mapdetail {
    position: absolute;
    background-color: #fff;
    width: 390px;
    bottom: 100%;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    z-index: -99;
}
.mapdetail_sc {
    max-height: 250px;
}
.pin_map::after {
    content: "";
    top: 0;
    position: absolute;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    z-index: -99;
}
.head_mapd {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 14px;
    line-height: 30px;
    background-color: #009ce4;
    color: #fff;
}
.cname_mapd {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 18px;
    line-height: 30px;
    color: #009ce4;
    padding-top: 10px;
    margin-bottom: 5px;
}
.cname_mapd a {
    color: #009ce4;
}
.cname_mapd a:hover {
    text-decoration: underline;
}
.cname_mapd a:foucs {
    text-decoration: underline;
}
.cname_mapd a:active {
    text-decoration: underline;
}
.mapdetail.agencie .head_mapd,
.agencie.head_mapd {
    background-color: #e0861a;
}
.mapdetail.agencie .cname_mapd,
.agencie.cname_mapd {
    color: #e0861a;
}
.mapdetail address {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 30px;
}
.mapdetail .mCSB_container > a {
    display: inline-block;
    padding-left: 45px;
    padding-right: 15px;
    font-size: 16px;
    color: #333;
    line-height: 30px;
    margin-bottom: 10px;
    background-image: url(../images/icon_tel.jpg);
    background-repeat: no-repeat;
    background-position: 15px center;
}
.mapdetail .mCSB_container > a:hover {
    text-decoration: none;
}
.pin_map.active .mapdetail {
    opacity: 1;
    z-index: 97889;
}
.pin_map.active::after {
    opacity: 1;
    z-index: 97891;
}
.marginbot_gb {
    margin-bottom: 70px;
}
.wrap_img_iso_liquid {
    text-align: center;
    margin-top: 45px;
    margin-bottom: 90px;
    position: relative;
}
.img_iso_liquid {
    display: inline-block;
    position: relative;
    width: calc(100% - 140px);
    vertical-align: top;
}
.img_iso_liquid img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.wrap_img_hover {
    display: inline-block;
    width: 140px;
    vertical-align: top;
}
.ethical_margin_bot {
    margin-bottom: 70px;
}
.img_hover {
    position: absolute;
    display: none;
    z-index: 59;
    top: 50%;
    right: 0;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.img_hover img {
    display: block;
    width: 100%;
    height: auto;
}
.rowbg_table [class^="col-"] {
    background-color: #004282;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    text-align: center;
    margin-top: 20px;
    border: 1px solid #fff;
}
.rowbg_table .col-6 {
    text-align: left;
}
.row_table [class^="col-"] {
    color: #333;
    font-size: 16px;
    padding: 10px 15px;
    text-align: center;
    border: 1px solid #fff;
    position: relative;
}
.row_table .col-2 strong {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.row_table h1 {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0;
}
.row_table h5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.row_table .col-10 {
    text-align: left;
}
.bgtable_green {
    background-color: #ccebdc;
}
.bgtable_green02 {
    background-color: #e1ffe0;
}
.bgtable_blue {
    background-color: #dff1ff;
}
.bgtable_yellow {
    background-color: #fffed7;
}
.bgtable_orange {
    background-color: #ffddbc;
}
.bgtable_red {
    background-color: #ffb7b9;
}
.bgtable_violet {
    background-color: #ebd3ff;
}
.bgtable_purple {
    background-color: #c1beff;
}
.last_stable {
    margin-bottom: 70px;
    background-color: #eee;
}
.row_table .col-md-2 span {
    display: none;
}
.btn_close_popup {
    position: absolute;
    top: 7px;
    right: 7px;
    background-color: #fff;
    width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 5px;
    color: #333;
}
.wrap_news_detail_slide {
    margin-top: 15px;
    margin-bottom: 50px;
}
.news_detail_text {
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 50px;
    padding-left: 30px;
}
.head_news_detail h1 {
    color: #004282;
    font-size: 24px;
    line-height: 36px;
    margin-top: 20px;
}
.paddingrightzero {
    padding-right: 0;
    font-size: 16px;
    color: #333;
    font-weight: 500;
    padding-top: 15px;
}
.font_dg {
    font-size: 16px;
    color: #333;
    font-weight: 500;
}
.margin_dg {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.bg_dg_blue {
    background-color: #004282;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}
.col-4.bg_dg_blue {
}
.img-dg {
    max-width: 100%;
    height: auto;
    max-height: 70px;
}
.text_dg_top {
    font-size: 16px;
    color: #333;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
.margin_dg_last {
    margin-bottom: 50px;
}
.logo_government img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 25px auto;
}
.caption_csr {
    position: absolute;
    right: 25px;
    bottom: 25px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}
.caption_csr p {
    margin: 0;
    font-size: 36px;
    line-height: 36px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.domistic_detail {
    margin-bottom: 45px;
    text-align: center;
}
.domistic_detail h5 {
    line-height: 30px;
}
.domistic_detail a {
    margin-top: 25px;
    display: block;
    margin-bottom: 10px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.domistic_detail h6 {
    line-height: 22px;
    padding-left: 15px;
}
.dom_detail {
    display: inline-block;
}
.text_bot_oss {
    display: block;
    text-align: left;
}
.wrap_btn_dgss {
    text-align: center;
    margin-bottom: 50px;
    margin-top: 25px;
}
.wrap_btn_dgss a {
    display: inline-block;
    padding: 10px 35px;
    color: #fff;
    background-color: #004282;
    border-radius: 5px;
    font-size: 18px;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.wrap_btn_dgss a:hover {
    background-color: #013568;
}
.head_slogan h1 {
    font-size: 60px;
}
.head_slogan span {
    font-size: 20px;
    display: block;
    margin-bottom: 30px;
}
.slogan_center {
    text-align: center;
}
.slogan_detail {
    text-align: left;
    display: inline-block;
    margin-bottom: 90px;
}
.slogan_detail p {
    padding-left: 45px;
}
.slogan_detail h4 {
    margin-bottom: 15px;
}
.img_slogan {
    display: inline-block;
    text-align: right;
    margin: 30px auto 50px auto;
}
.linkfreepik {
    font-size: 10px;
    line-height: 1.7;
}
.img_slogan img {
    max-width: 100%;
    height: auto;
    display: block;
}
.text_md {
    text-align: left;
    display: inline-block;
    margin-top: 40px;
}

/*Responsive*/

@media (min-width: 1300px) {
    .contact_detail {
        padding-right: 55px;
    }
}

@media (max-width: 1439px) {
    .wrap_detail_hnews {
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .wrap_detail_hnews h1 {
        font-size: 32px;
    }
    .wrap_detail_hnews h3 {
        line-height: 28px;
        font-size: 18px;
    }
    .hnews_detail {
        font-size: 14px;
        height: 90px;
    }
    .wrap_detail_hnews a {
        margin-top: 15px;
    }
    .hnews_viewall {
        bottom: 34px;
        margin-left: 124px;
    }
    .flex_hnews .flex-direction-nav {
        bottom: 34px;
        padding-left: 30px;
    }
    .wrap_service_detail h1 {
        font-size: 40px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .wrap_service_detail h5 {
        font-size: 16px;
    }
    .item_service_detail hgroup {
        left: 40px;
        right: 0;
    }
    .rowservice:nth-child(even) .item_service_detail hgroup {
        left: 0px;
        right: 40px;
    }
    .item_service_detail hgroup h3 {
        font-size: 20px;
        line-height: 28px;
    }
    .item_service_detail hgroup h3::before {
        /*top: 13px;*/
        top: 100%;
    }
    .item_service_detail hgroup h5 {
        line-height: 26px;
    }
    .domistic_detail h5 {
        line-height: 26px;
    }
    .head_features_service h5 {
        line-height: 26px;
    }
    .head_features_service h3 {
        font-size: 20px;
    }
    .head_message {
        font-size: 44px;
    }
    .right_year .mile_stone_detail {
        font-size: 16px;
    }
    .left_year .mile_stone_detail {
        font-size: 16px;
    }
    .right_year .mile_stone_year span {
        font-size: 24px;
    }
    .left_year .mile_stone_year span {
        font-size: 24px;
    }
}
@media (max-width: 1199px) {
    .csrnews_item {
        padding-left: 15px;
        padding-right: 15px;
    }
    .csrnews_item a figure {
        margin-bottom: 20px;
    }
    .csrnews_item a figcaption {
        padding: 0 15px 20px 15px;
    }
    .csrnews_item a figcaption h4 {
        font-size: 18px;
        line-height: 28px;
        max-height: 56px;
        margin-bottom: 5px;
    }
    .csrnews_detail {
        font-size: 14px;
        line-height: 26px;
        height: 78px;
    }
    .csrnews_more {
        padding: 8px 18px;
    }
    .service_detail_gd {
        padding-bottom: 15px;
    }
    .wrap_service_detail h1 {
        font-size: 34px;
        margin-bottom: 5px;
    }
    .wrap_slide_service {
        margin-bottom: 60px;
    }
    .head_company_p {
        font-size: 20px;
        margin-top: 20px;
        margin-bottom: 15px;
    }
    .compnay_detail {
        margin-top: 5px;
    }
    .compnay_detail div:first-child {
        font-size: 14px;
        width: 150px;
        line-height: 30px;
    }
    .compnay_detail div:nth-child(2) {
        font-size: 14px;
        width: calc(100% - 150px);
    }
    .compnay_detail div:nth-child(2) span {
        background-position: 2px;
    }
    .head_message {
        font-size: 40px;
    }
    .image_president {
        width: 300px;
        height: 300px;
    }
    .president_message {
        font-size: 14px;
    }
    .head_message {
        width: calc(100% - 300px);
    }
    .philosophy_detail {
        font-size: 14px;
        line-height: 26px;
    }
    .wrap_btn_sebs a {
        font-size: 16px;
        margin-bottom: 50px;
        margin-top: 40px;
        line-height: 50px;
        background-position: 25px 12px;
    }
    .ebs_detail {
        font-size: 14px;
        line-height: 26px;
    }
}
@media (max-width: 991px) {
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 26px;
    }
    h3 {
        font-size: 22px;
    }
    h4 {
        font-size: 18px;
    }
    .link_hservice .service_more_detail {
        height: 49px;
    }
    .link_hservice .list_hservice::before {
        height: 100%;
    }
    .list_hservice figcaption {
        font-size: 14px;
        width: 100%;
    }
    .list_hservice::before {
        background: -moz-linear-gradient(
            top,
            rgba(0, 0, 0, 0) 1%,
            rgba(0, 0, 0, 0.9) 100%
        );
        background: -webkit-linear-gradient(
            top,
            rgba(0, 0, 0, 0) 1%,
            rgba(0, 0, 0, 0.9) 100%
        );
        background: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0) 1%,
            rgba(0, 0, 0, 0.9) 100%
        );
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 );
    }
    .service_more_detail div {
        font-size: 12px;
    }
    .service_more_detail span {
        font-size: 14px;
        line-height: 12px;
    }
    .head_global {
        font-size: 18px;
    }
    .gbn_list h4 {
        font-size: 14px;
    }
    .gbn_link a {
        font-size: 12px;
        word-break: break-all;
    }
    .ctn_worldmap {
        width: 730px;
    }
    .gbn_list {
        padding-right: 5px;
    }
    .wrap_detail_hnews {
        padding-top: 15px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .wrap_detail_hnews h1 {
        font-size: 26px;
    }
    .wrap_detail_hnews h3 {
        margin-top: 10px;
        font-size: 14px;
        margin-bottom: 0;
        line-height: 24px;
        max-height: 48px;
    }
    .hnews_detail {
        line-height: 25px;
        height: 50px;
    }
    .hnews_detail {
        font-size: 13px;
    }
    .wrap_detail_hnews a {
        margin-top: 10px;
        font-size: 12px;
    }
    .wrap_detail_hnews a span {
        font-size: 16px;
    }
    .flex_hnews .flex-direction-nav a:before {
        font-size: 12px;
    }
    .flex-direction-nav a {
        width: 35px;
        height: 35px;
    }
    .flex_hnews .flex-direction-nav {
        height: 35px;
        padding-left: 20px;
    }
    .flex_hnews .flex-direction-nav a {
        line-height: 32px;
    }
    .hnews_viewall {
        height: 35px;
        line-height: 34px;
        margin-left: 105px;
    }
    .contact_detail {
        font-size: 14px;
        margin-top: 15px;
        margin-bottom: 0;
    }
    .contact_detail h4 {
        margin-bottom: 10px;
        margin-top: 15px;
        font-size: 18px;
    }
    .list_contact {
        margin-bottom: 5px;
    }
    .contact_detail p {
        margin-bottom: 5px;
    }
    .form_enquiry input[type="text"],
    .form_enquiry textarea,
    .form_enquiry select {
        font-size: 14px;
        padding: 8px 15px;
    }
    .form_enquiry input[type="submit"],
    .form_enquiry input[type="reset"] {
        font-size: 14px;
    }
    .bg_enquiry {
        margin-bottom: 30px;
    }
    .item_career h4 span {
        display: block;
        padding-left: 0;
        padding-top: 10px;
        font-size: 13px;
    }
    .item_career hgroup > h5 {
        font-size: 14px;
    }
    .item_career h4 {
        font-size: 16px;
    }
    .item_career hgroup {
        padding-left: 17px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .csrnews_item {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
    }
    .csrnews_item a figure {
        margin-bottom: 10px;
    }
    .csrnews_item a figcaption h4 {
        line-height: 26px;
        font-size: 16px;
        max-height: 52px;
    }
    .csrnews_detail {
        line-height: 24px;
        height: 72px;
    }
    .logo_service img {
        max-width: 150px;
    }
    .wrap_service_detail h1 {
        font-size: 28px;
        margin-top: 10px;
    }
    .wrap_service_detail h5 {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 0;
    }
    .item_service_detail hgroup h3 {
        font-size: 16px;
    }
    .item_service_detail hgroup h5 {
        line-height: 24px;
        font-size: 14px;
        font-weight: 500;
    }
    .domistic_detail h5 {
        line-height: 24px;
        font-size: 14px;
    }
    .head_features_service h5 {
        line-height: 24px;
        font-size: 14px;
        font-weight: 500;
    }
    .head_features_service h3 {
        font-size: 16px;
    }
    .image_president {
        width: 250px;
        height: 250px;
        margin-top: 30px;
    }
    .president_message {
        line-height: 26px;
        margin-top: 30px;
    }
    .head_message {
        width: calc(100% - 250px);
        font-size: 36px;
    }
    .right_year .mile_stone_detail {
        padding-left: 15px;
    }
    .left_year .mile_stone_detail {
        padding-right: 15px;
    }
    .rowbg_table [class^="col-"] {
        font-size: 14px;
        padding: 10px 10px;
    }
    .row_table h1 {
        font-size: 14px;
    }
    .row_table h5 {
        font-size: 14px;
    }
    .row_table .col-2 strong {
        font-size: 14px;
    }
    .news_detail_text {
        padding-left: 15px;
    }
    .head_news_detail h1 {
        font-size: 18px;
        line-height: 30px;
    }
    .caption_csr p {
        font-size: 22px;
        line-height: 28px;
    }
}
@media (max-width: 767px) {
    h1 {
        font-size: 24px;
    }
    .detail_hservice {
        margin-bottom: 10px;
    }
    .owl-carousel .owl-dots {
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .owl-carousel .owl-dot span {
        height: 12px;
        width: 12px;
    }
    .head_global {
        font-size: 17px;
    }
    .head_global span:last-child {
        display: block;
    }
    .gbn_list_haft {
        display: inline-block;
        width: 50%;
        vertical-align: top;
    }
    .bg_gb_network {
        padding: 5px 20px 10px 20px;
    }
    .bg_gb_network {
        margin-bottom: 15px;
    }
    .wrap_detail_hnews {
        padding-bottom: 65px;
    }
    .flex_hnews .flex-direction-nav {
        left: 0px;
        padding-left: 5px;
    }
    .hnews_viewall {
        margin-left: 90px;
        left: 0;
    }
    .hnews_viewall {
        font-size: 13px;
    }
    .contact_detail h3 {
        font-size: 18px;
    }
    .contact_detail p {
        line-height: 24px;
    }
    .contact_detail h4 {
        font-size: 16px;
    }
    .bg_enquiry {
        margin-top: 15px;
    }
    .bg_enquiry {
        padding: 15px;
    }
    .career_top_detail {
        margin-bottom: 20px;
    }
    .item_career hgroup {
        padding-right: 30px;
        background-position: right 10px center;
        background-size: 12px auto;
    }
    .item_career {
        border: 0;
        border-radius: 0;
    }
    .csrnews_detail {
        font-size: 13px;
    }
    .csrnews_item {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .service_detail_gd {
        position: static;
        background-image: none;
        background-color: #004282;
        padding-top: 15px;
    }
    .wrap_slide_service {
        margin-bottom: 0px;
    }
    .wrap_service_detail h1 {
        font-size: 22px;
        margin-top: 5px;
        margin-bottom: 5px;
        line-height: 30px;
    }
    .wrap_service_detail h5 {
        font-size: 13px;
        line-height: 22px;
    }
    .item_service_detail hgroup {
        position: static;
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .item_service_detail hgroup h3 {
        padding-left: 30px;
        margin-bottom: 5px;
    }
    .item_service_detail hgroup h3::before {
        width: 30px;
    }
    .item_service_detail {
        position: absolute;
        left: 0;
    }
    .rowservice {
        position: relative;
    }
    .item_service_detail hgroup h5 {
        font-size: 13px;
    }
    .domistic_detail h5 {
        font-size: 14px;
    }
    .domistic_detail h6 {
        font-size: 13px;
    }
    .head_features_service h5 {
        font-size: 13px;
    }
    .rowservice:last-child {
        margin-bottom: 50px;
    }
    .container {
        width: 100%;
    }
    .compnay_detail div:first-child {
        width: 100%;
    }
    .compnay_detail div:nth-child(2) {
        font-size: 13px;
        width: 100%;
        line-height: 26px;
    }
    .company_margin {
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .thai_company_padding {
        padding-left: 15px;
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .image_president {
        display: block;
        margin: 25px auto;
        width: 200px;
        height: 200px;
    }
    .head_message {
        display: block;
        width: 100%;
        padding-left: 0;
        font-size: 24px;
        text-align: center;
    }
    .president_message {
        margin-top: 15px;
        font-size: 13px;
    }
    .mile_stone_line {
        display: none;
    }
    .mile_stone_year {
        width: 100%;
    }
    .mile_stone_detail {
        width: 100%;
    }
    .right_year .mile_stone_year {
        text-align: center;
    }
    .left_year .mile_stone_year {
        text-align: center;
    }
    .right_year .mile_stone_year span {
        font-size: 20px;
    }
    .left_year .mile_stone_year span {
        font-size: 20px;
    }
    .right_year .mile_stone_year span::after {
        -ms-transform: translate(-50%, 0) rotate(90deg);
        -webkit-transform: translate(-50%, 0) rotate(90deg);
        transform: translate(-50%, 0) rotate(90deg);
        top: auto;
        bottom: -15px;
        left: 50%;
        right: auto;
    }
    .left_year .mile_stone_year span::after {
        -ms-transform: translate(-50%, 0) rotate(-90deg);
        -webkit-transform: translate(-50%, 0) rotate(-90deg);
        transform: translate(-50%, 0) rotate(-90deg);
        top: auto;
        bottom: -15px;
        left: 50%;
        right: auto;
    }
    .right_year .mile_stone_year span {
        margin-right: 0;
    }
    .left_year .mile_stone_year span {
        margin-left: 0;
    }
    .right_year .mile_stone_year {
        margin-bottom: 25px;
        margin-top: 25px;
    }
    .left_year .mile_stone_year {
        position: absolute;
        left: 0;
        top: 25px;
    }
    .right_year .mile_stone_detail {
        padding-left: 0;
        text-align: center;
    }
    .left_year .mile_stone_detail {
        padding-right: 0;
        text-align: center;
    }
    .left_year {
        position: relative;
        padding-top: 80px;
    }
    .right_year .mile_stone_detail {
        font-size: 14px;
    }
    .left_year .mile_stone_detail {
        font-size: 14px;
    }
    .philosophy_detail {
        font-size: 13px;
        line-height: 22px;
    }
    .wrap_btn_sebs a {
        font-size: 14px;
        margin-bottom: 50px;
        margin-top: 40px;
        line-height: 50px;
        padding-right: 10px;
        padding-left: 45px;
        background-position: 11px 12px;
    }
    .wrap_btn_sebs a span {
        font-size: 16px;
    }
    .ebp_head h3 {
        margin-top: 15px;
        font-size: 18px;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
    .ebp_head h3::before {
        width: 30px;
    }
    .ebs_list > h4 {
        margin-bottom: 12px;
    }
    .ebs_sub_list > h4 {
        margin-bottom: 12px;
        font-size: 16px;
    }
    .ebs_detail {
        font-size: 13px;
        line-height: 24px;
        margin-top: 10px;
    }
    .ebs_list {
        font-size: 13px;
        line-height: 24px;
        padding-left: 40px;
        margin-top: 10px;
    }
    .ebs_sub_list {
        font-size: 13px;
        line-height: 24px;
        padding-left: 20px;
    }
    .ebs_list > h4 > span {
        line-height: 22px;
        font-size: 16px;
        width: 22px;
        left: -30px;
    }
    .ebs_list > h4 > span::before {
        width: 22px;
        height: 22px;
    }
    .ebs_sub_list ul {
        padding-left: 20px;
    }
    .table_hidexs {
        display: none;
    }
    .row_table .col-md-2 span {
        font-size: 13px;
        display: block;
    }
    .pin_map.active::after {
        display: none;
    }
    .bg_map_global {
        position: relative;
    }
    .mapdetail {
        bottom: auto;
        top: 100px;
        left: 50%;
        position: fixed;
        width: 320px;
        display: none;
    }
    .cname_mapd {
        font-size: 16px;
        line-height: 24px;
    }
    .mapdetail address {
        font-size: 13px;
        line-height: 22px;
    }
    .mapdetail a {
        font-size: 13px;
        line-height: 22px;
    }
    .text_dg_top {
        font-size: 14px;
    }
    .bg_dg_blue {
        font-size: 14px;
    }
    .paddingrightzero {
        font-size: 13px;
        padding-top: 0px;
    }
    .img-dg {
        max-height: 42px;
    }
    .head_blue_center p {
        line-height: 24px;
    }
    .caption_csr p {
        font-size: 14px;
        line-height: 18px;
    }
    .caption_csr {
        bottom: 10px;
    }
    .head_blue_center h1 {
        font-size: 30px;
    }
    .head_slogan span {
        font-size: 16px;
        margin-bottom: 15px;
        margin-top: 25px;
    }
    .img_slogan {
        display: inline-block;
        text-align: right;
        margin: 15px auto 30px auto;
    }
    .slogan_detail {
        margin-bottom: 50px;
    }
}