/*ถูกใจ เข้าชม แสดงความเห็น*/
.social-so{ position: relative; width: 100%; margin-bottom: 10px;}
.social-so ul{ margin: 0; padding: 0; list-style: none;}
.social-so ul li{ white-space: initial; color: #555;}
.social-so ul li.active{ color: #d40101;}
.social-so ul li a{ display: block; color: #555; text-decoration: none;}
.social-so ul li a:hover{ color: #d40101;}
.social-so ul li button.active{ color: #d40101;}
.social-so ul li button{ background: transparent; border: 0; color: #555; transition: all 0.3s ease-in;
    -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in;}
.social-so ul li button:hover{ color: #d40101;}

.social-so ul.ex{ margin: 0 -10px; padding: 0; list-style: none; margin-bottom: 10px; overflow: hidden;}
.social-so ul li.ex{ white-space: initial; color: #555; padding: 0 10px; float: left;}
.social-so ul li.ex a{ display: block; color: #555; text-decoration: none;}
.social-so ul li.ex a:hover{ color: #d40101;}
.social-so ul li.ex button{ display: block; color: #555; background: transparent; border: 0; color: #555;
    transition: all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in;
    -ms-transition:all 0.3s ease-in;}
.social-so ul li.ex button:hover{ color: #d40101;}

@media (max-width:576px){
    .social-so ul li, .social-so ul li a, .social-so ul li.ex, .social-so ul li.ex a, .social-so ul li.ex button
    { font-size: var(--font12);}
}





.display-region-pc{ display: block;}
.display-region-mobile{ display: none;}

.block-jobbkk-content-big{ width: 100%;}
.pic-content.pic-content-big img{ width: 100%; height: 382px; object-fit: cover;}
.pic-content img{ width: 100%; height: 100px; object-fit: cover;}

@media (max-width:1170px){
    .display-region-pc{ display: none;}
    .display-region-mobile{ display: block;}
    .block-jobbkk-content-big{ display: flex; white-space: nowrap; overflow-x: scroll;}
    .block-jobbkk-content-big .jobbkk-content{ min-width: 40%;}
    .pic-content img{ height: 150px;}
}

.pic-learn img{ max-width: 100%;}
.content-learn a{ display: block; text-decoration: none;}
.content-learn a.jobbkk-pluse-banner-learn:hover, .jobbkk-pluse-banner-learn:hover{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.jobbkk-pluse-banner-learn{ transition: all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in;}

.tag-learn{ width: 60%; float: left;}
.tag-learn ul{ margin: 0 -5px; padding: 0; list-style: none;}
.tag-learn ul li{ padding: 0 5px; float: left; margin-bottom: 5px;}
.tag-learn ul li a.learn-learn{ display: block; background: #f47920; padding: 3px 5px; font-size: var(--font12); color: #ffffff; border-radius: 4px;}
.tag-learn ul li a.learn-learn:hover{ background: #D40101;}
a.learn-1-1, a.learn-learn{ text-decoration: none;}

.content-read{ float: right; width: 40%;}
.read-content-learn{ text-align: center;}
.read-content-learn button.read-content{  padding: 5px 10px; background: #d40101; color: #ffffff;}
.read-content-learn button.read-content:hover{ background: #ebebeb; border: 1px solid #ebebeb; color: #D40101;}

.block-content-learn{ padding: 10px 0;}
div.box-1{ height: 55px; overflow: hidden;}

@media (max-width:576px){
    div.box-1{ height: 50px;}
}

@media (max-width:576px){
    .pic-a-learn-learn, .text-a-learn{ width: 100%;}
    .pic-a-learn-learn{ margin-bottom: 20px;}
}

.jobbkk-link-text ul{ margin: 0 -5px; padding: 0; list-style: none; overflow: hidden;}
.jobbkk-link-text ul li{ float: left; padding: 5px; font-size: var(--font14); }
.jobbkk-link-text ul li a{ color: #555; text-decoration: none;}
.jobbkk-link-text ul li a.text-red{ color: #D40101;}
.jobbkk-link-text ul li a:hover{ color: #D40101;}

@media (max-width:576px){
    .jobbkk-link-text ul li{ font-size: var(--font12);}
}

@media (max-width:576px){
    .ad-learn{ width: 100%;}
}

ul.name-date{ margin: 0 -15px; padding: 0; list-style: none; font-size: var(--font14); }
ul.name-date li{ float: left; padding: 0 15px; border-right: 1px solid #bfbfbf; color: #555;}
ul.name-date li:last-child{ border-right: 0;}

@media (max-width:576px){
    ul.name-date li{ font-size: var(--font12);}
}

@media (max-width:480px){
    ul.name-date li{ border-right: 0;}
}

.pic-learn-content{ text-align: center;}
.pic-learn-content img{ max-width: 100%;}

.social-content{ text-align: right;}
.social-content button{ background: transparent; border: 0; transition: all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in;
    -ms-transition:all 0.3s ease-in; font-size: var(--font14); }
.social-content button:hover{ color: #D40101;}

@media (max-width:576px){
    .social-content button{ font-size: var(--font12);}
}

.jobbkk-register-social{ text-align: right; margin-top: 5px;}
.jobbkk-share-social ul{ list-style: none; padding: 0;}
.jobbkk-share-social ul li{ display: inline-block; padding: 0 10px 5px;}
.jobbkk-share-social ul li a{ display: block; width: 33px; height: 33px;}
.jobbkk-share-social ul li a.icon-fb{ background: url(../../images/regional/icons/social-1-1.png) no-repeat; background-size: 100%;}
.jobbkk-share-social ul li a.icon-youtube{ background: url(../../images/regional/icons/social-3-3.png) no-repeat; background-size: 100%;}
.jobbkk-share-social ul li a.icon-line{ background: url(../../images/regional/icons/social-6-6.png) no-repeat; background-size: 100%;}
.jobbkk-share-social ul li a.icon-twis{ background: url(../../images/regional/icons/social-2-2.png) no-repeat; background-size: 100%;}
.jobbkk-share-social ul li a.icon-skype{ background: url(../../images/regional/icons/social-7-7.png) no-repeat; background-size: 100%;}
.jobbkk-share-social ul li a.icon-intragram{ background: url(../../images/regional/icons/social-4-4.png) no-repeat; background-size: 100%;}
.jobbkk-share-social ul li a.icon-copylink{ background: url(../../images/regional/icons/social-8-8.png) no-repeat; background-size: 100%;}

@media (max-width:768px){
    .jobbkk-register-social{ text-align: center; margin-bottom: 0;}
    .jobbkk-register{ text-align: center;}
    .jobbkk-share-social ul{ text-align: center;}
}

/* .text-variety h5{ line-height: 1.6; font-size: 1.6rem; font-size: 16px;} */


@media (max-width:576px){
    .text-variety h5{ font-size: var(--font12);}
    .region-m{ width: 100%;}
}



/*========================================= MAIN PAGE REGIONAL BANNER  ============================================*/
/*
Style: responsive and hover effect
Creative: JIRA
Date modified: 2018-09-20 | 16:34
*/

/*.figure-hover > a > figure:hover{
    box-shadow: 0 0 15px rgba(255, 0, 0, 0.5);
}
.figure-hover > a > figure::after {
    box-shadow: 0 0 15px rgba(255, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}*/
.region-figure-caption {
    position: absolute;
    font-size: var(--font18) !important;
    color: #fff;
    text-shadow: 5px 5px 5px rgba(0,0,0,0.8);
    float: bottom;
    text-align: left;
    padding-left: 2.5%;
    bottom: 2.5%;
    z-index: 99;
}

.smaller-text {
    font-size: var(--font12) !important;
}

/*
Anchor image gradient overlay
*/

.figure-regional-img {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

.figure-regional-img:active {
    opacity:0.3;
    transition: opacity 0.1s;
}


/*
-------------------------
.figure-regional-img-gradient
*/


.figure-regional-img-gradient:hover::before, .figure-regional-img-combo:hover::before {
    opacity: 1;
    transition: opacity 0.3s;
}

.figure-regional-img-gradient::before, .figure-regional-img-combo::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 99;
    background-image: linear-gradient(
            to bottom left,
            rgba(255, 255, 255, 0.3),
            rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0.7)
    );
    opacity: 0;
    transition: opacity 0.3s;
}



/*
-------------------------
.figure-regional-img-shadow
*/

.figure-regional-img-shadow, .figure-regional-img-combo {
    box-shadow: none;
    transition: box-shadow 0.5s;
}


.figure-regional-img-shadow:hover, .figure-regional-img-combo:hover  {
    border: 1px solid rgba(0,0,0,.3);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}




/*Start Responsive font banner for all*/
/* (320x480) iPhone (Original, 3G, 3GS) */
/*@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {*/
    /*.region-figure-caption {*/
        /*position: absolute;*/
        /*font-size: 2em !important;*/
        /*color: #fff;*/
        /*text-shadow: 3px 3px 5px rgba(0,0,0,0.8);*/
        /*padding-top: 50%;*/
        /*padding-left: 4%;*/
    /*}*/
/*}*/

/* (320x480) Smartphone, Portrait */
/*@media only screen and (device-width: 320px) and (orientation: portrait) {*/
    /*.region-figure-caption {*/
        /*position: absolute;*/
        /*font-size: 2em !important;*/
        /*color: #fff;*/
        /*text-shadow: 3px 3px 5px rgba(0,0,0,0.8);*/
        /*padding-top: 50%;*/
        /*padding-left: 4%;*/
    /*}*/
/*}*/

/* (320x480) Smartphone, Landscape */
/*@media only screen and (device-width: 480px) and (orientation: landscape) {*/
    /*.region-figure-caption {*/
        /*position: absolute;*/
        /*font-size: 1.2em !important;*/
        /*color: #fff;*/
        /*text-shadow: 3px 3px 5px rgba(0,0,0,0.8);*/
        /*padding-top: 45%;*/
        /*padding-left: 5%;*/
    /*}*/
/*}*/

/* (480x800) Android */
/*@media only screen and (min-device-width: 480px) and (max-device-width: 800px) {*/
    /*.region-figure-caption {*/
        /*position: absolute;*/
        /*font-size: 1.2em !important;*/
        /*color: #fff;*/
        /*text-shadow: 3px 3px 5px rgba(0,0,0,0.8);*/
        /*padding-top: 45%;*/
        /*padding-left: 5%;*/
    /*}*/
/*}*/

/* (640x960) iPhone 4 & 4S */
/*@media only screen and (min-device-width: 640px) and (max-device-width: 960px) {*/
    /*.region-figure-caption {*/
        /*position: absolute;*/
        /*font-size: 1.2em !important;*/
        /*color: #fff;*/
        /*text-shadow: 3px 3px 5px rgba(0,0,0,0.8);*/
        /*padding-top: 45%;*/
        /*padding-left: 5%;*/
    /*}*/
/*}*/

/* (720x1280) Galaxy Nexus, WXGA */
/*@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {*/
    /*.region-figure-caption {*/
        /*position: absolute;*/
        /*font-size: 1.2em !important;*/
        /*color: #fff;*/
        /*text-shadow: 3px 3px 5px rgba(0,0,0,0.8);*/
        /*padding-top: 45%;*/
        /*padding-left: 5%;*/
    /*}*/
/*}*/

/* (720x1280) Galaxy Nexus, Landscape */
/*@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: landscape) {*/
    /*.region-figure-caption {*/
        /*position: absolute;*/
        /*font-size: 1.2em !important;*/
        /*color: #fff;*/
        /*text-shadow: 3px 3px 5px rgba(0,0,0,0.8);*/
        /*padding-top: 45%;*/
        /*padding-left: 5%;*/
    /*}*/
/*}*/

/* (1024x768) iPad 1 & 2, XGA */
/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {*/
    /*.region-figure-caption {*/
        /*position: absolute;*/
        /*font-size: 1.2em !important;*/
        /*color: #fff;*/
        /*text-shadow: 3px 3px 5px rgba(0,0,0,0.8);*/
        /*padding-top: 45%;*/
        /*padding-left: 5%;*/
    /*}*/
/*}*/

/* (768x1024) iPad 1 & 2, Portrait */
/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {*/
    /*.region-figure-caption {*/
        /*position: absolute;*/
        /*font-size: 1.2em !important;*/
        /*color: #fff;*/
        /*text-shadow: 3px 3px 5px rgba(0,0,0,0.8);*/
        /*padding-top: 45%;*/
        /*padding-left: 5%;*/
    /*}*/
/*}*/

/* (1024x768) iPad 1 & 2, Landscape */
/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {*/
    /*.region-figure-caption {*/
        /*position: absolute;*/
        /*font-size: 1.2em !important;*/
        /*color: #fff;*/
        /*text-shadow: 3px 3px 5px rgba(0,0,0,0.8);*/
        /*padding-top: 45%;*/
        /*padding-left: 5%;*/
    /*}*/
/*}*/

/* (2048x1536) iPad 3 */
/*@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) {*/
    /*.region-figure-caption {*/
        /*position: absolute;*/
        /*font-size: 1.2em !important;*/
        /*color: #fff;*/
        /*text-shadow: 3px 3px 5px rgba(0,0,0,0.8);*/
        /*padding-top: 45%;*/
        /*padding-left: 5%;*/
    /*}*/
/*}*/

/* (1280x720) Galaxy Note 2, WXGA */
/*@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {*/
    /*.region-figure-caption {*/
        /*position: absolute;*/
        /*font-size: 1.2em !important;*/
        /*color: #fff;*/
        /*text-shadow: 3px 3px 5px rgba(0,0,0,0.8);*/
        /*padding-top: 45%;*/
        /*padding-left: 5%;*/
    /*}*/
/*}*/

/*!* (1366x768) WXGA Display *!*/
/*@media  screen and (max-width: 1366px) {*/
    /*.region-figure-caption {*/
        /*position: absolute;*/
        /*font-size: 2em !important;*/
        /*color: #fff;*/
        /*text-shadow: 3px 3px 5px rgba(0,0,0,0.8);*/
        /*padding-top: 45%;*/
        /*padding-left: 5%;*/
    /*}*/
/*}*/

/* (1280x1024) SXGA Display */
/*@media  screen and (max-width: 1280px) {*/
    /*.region-figure-caption {*/
        /*position: absolute;*/
        /*font-size: 1.2em !important;*/
        /*color: #fff;*/
        /*text-shadow: 3px 3px 5px rgba(0,0,0,0.8);*/
        /*padding-top: 45%;*/
        /*padding-left: 5%;*/
    /*}*/
/*}*/

/* (1440x900) WXGA+ Display */
/*@media  screen and (max-width: 1440px) {*/
    /*.region-figure-caption {*/
        /*position: absolute;*/
        /*font-size: 1.2em !important;*/
        /*color: #fff;*/
        /*text-shadow: 3px 3px 5px rgba(0,0,0,0.8);*/
        /*padding-top: 45%;*/
        /*padding-left: 5%;*/
    /*}*/
/*}*/

/* (1680x1050) WSXGA+ Display */
/*@media  screen and (max-width: 1680px) {*/
    /*.region-figure-caption {*/
        /*position: absolute;*/
        /*font-size: 1.2em !important;*/
        /*color: #fff;*/
        /*text-shadow: 3px 3px 5px rgba(0,0,0,0.8);*/
        /*padding-top: 45%;*/
        /*padding-left: 5%;*/
    /*}*/
/*}*/

/* (1920x1080) Full HD Display */
@media  screen and (width: 1920px) {
    .region-figure-caption {
        position: absolute;
        font-size: var(--font30) !important;
        color: #fff;
        text-shadow: 5px 5px 5px rgba(0,0,0,0.8);
        float: bottom;
        text-align: left;
        padding-left: 2.5%;
        bottom: 2.5%;
        z-index: 99;
    }
}

/* (1600x900) HD+ Display */
/*@media  screen and (max-width: 1600px) {*/
    /*.region-figure-caption {*/
        /*position: absolute;*/
        /*font-size: 2em !important;*/
        /*color: #fff;*/
        /*text-shadow: 3px 3px 5px rgba(0,0,0,0.8);*/
        /*padding-top: 50%;*/
        /*padding-left: 4%;*/
    /*}*/
/*}*/
/*End Responsive font banner for all*/

/*========================================= END MAIN PAGE REGIONAL BANNER  ============================================*/





/*========================================= HEADER ICON MENU HOVER ============================================*/
/*top icon menu hover*/
ul.icon-heading-tab{ margin: 0; padding: 0; list-style: none; display: flex; justify-content: center;}
ul.icon-heading-tab li{ padding: 15px; float: left; width: 16%; text-align: center;}
ul.icon-heading-tab li a span{ position: absolute; bottom: 5%; left: 0; right: 0;}

ul.icon-heading-tab li a{ padding: 15px; text-decoration: none; display: block; color: #555; }
ul.icon-heading-tab li a .icon-highlightregion{ background: url(../../images/regional/highlightregion_hover.svg) center no-repeat; width: auto; height: 70px; margin-bottom: 20px;}
ul.icon-heading-tab li a .icon-hrclinic{ background: url(../../images/regional/hrclinic_hover.svg) center no-repeat; width: auto; height: 70px; margin-bottom: 20px;}
ul.icon-heading-tab li a .icon-knowledgebase{ background: url(../../images/regional/knowledgebase_hover.svg) center no-repeat; width: auto; height: 70px; margin-bottom: 20px;}
ul.icon-heading-tab li a .icon-varity{ background: url(../../images/regional/varity_hover.svg) center no-repeat; width: auto; height: 70px; margin-bottom: 20px;}

ul.icon-heading-tab li a:hover{ color: #D40101; }
ul.icon-heading-tab li a:hover .icon-highlightregion{ background: url(../../images/regional/highlightregion.svg) center no-repeat;
    /*FADING IMAGE*/
    /*More info: JIRAPATH*/
    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 0.5s; /* Firefox < 16 */
    -ms-animation: fadein 0.5s; /* Internet Explorer */
    -o-animation: fadein 0.5s; /* Opera < 12.1 */
    animation: fadein 0.5s;
}
ul.icon-heading-tab li a:hover .icon-hrclinic{ background: url(../../images/regional/hrclinic.svg) center no-repeat;
    /*FADING IMAGE*/
    /*More info: JIRAPATH*/
    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 0.5s; /* Firefox < 16 */
    -ms-animation: fadein 0.5s; /* Internet Explorer */
    -o-animation: fadein 0.5s; /* Opera < 12.1 */
    animation: fadein 0.5s;
}
ul.icon-heading-tab li a:hover .icon-knowledgebase{ background: url(../../images/regional/knowledgebase.svg) center no-repeat;
    /*FADING IMAGE*/
    /*More info: JIRAPATH*/
    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 0.5s; /* Firefox < 16 */
    -ms-animation: fadein 0.5s; /* Internet Explorer */
    -o-animation: fadein 0.5s; /* Opera < 12.1 */
    animation: fadein 0.5s;
}
ul.icon-heading-tab li a:hover .icon-varity{ background: url(../../images/regional/varity.svg) center no-repeat;
    /*FADING IMAGE*/
    /*More info: JIRAPATH*/
    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 0.5s; /* Firefox < 16 */
    -ms-animation: fadein 0.5s; /* Internet Explorer */
    -o-animation: fadein 0.5s; /* Opera < 12.1 */
    animation: fadein 0.5s;
}



@media (max-width:1199px){
    .row-jobbkk-1{ margin-right: 0; margin-left: 0;}
    ul.icon-heading-tab{ display: flex; white-space: nowrap; overflow-x: scroll;}
    ul.icon-heading-tab li{ min-width: 22%; padding-bottom: 15px; padding-left: 0;}
    ul.icon-heading-tab li a{ border-radius: 10px; border: 1px solid #bfbfbf;}
    .brd-remove{ border: none !important;}
}

@media (max-width:991px){
    ul.icon-heading-tab li{ min-width: 30%;}
    .brd-remove{ border: none !important;}
}

@media (max-width:768px){
    ul.icon-heading-tab li a span{ font-size: var(--font12);}
    .brd-remove{ border: none !important;}
}

@media (max-width:576px){
    ul.icon-heading-tab li{ min-width: 40%;}
    ul.icon-heading-tab li a span{ font-size: var(--font12);}
    .brd-remove{ border: none !important;}
}

@media (max-width:480px){
    ul.icon-heading-tab{ margin: 0; padding: 0; list-style: none; display: flex; justify-content: left !important;}
    ul.icon-heading-tab li{ min-width: 45%;}
    .brd-remove{ border: none !important;}
}

/*@media (max-width:480px){
    ul.icon-heading-tab{ display: flex; white-space: nowrap; overflow-x: scroll;}
    ul.icon-heading-tab li{ min-width: 45%; padding-left: 0;}
    ul.icon-heading-tab li a{ border-radius: 10px; border: 1px solid #bfbfbf;}
}*/

@media (max-width:380px){
    ul.icon-heading-tab{ margin: 0; padding: 0; list-style: none; display: flex; justify-content: left !important;}
    ul.icon-heading-tab li a span{ font-size: var(--font12);}
    .brd-remove{ border: none !important;}
}

@media (max-width:350px){
    ul.icon-heading-tab{ margin: 0; padding: 0; list-style: none; display: flex; justify-content: left !important;}
    ul.icon-heading-tab li{ min-width: 65%;}
    ul.icon-heading-tab li a span{ font-size: var(--font12);}
    .brd-remove{ border: none !important;}
}

/* Sweep To Right */
.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: 10px;
    background: #f6f3f2;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
    color: #333;
    /*FADING IMAGE*/
    /*More info: JIRAPATH*/
    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 0.5s; /* Firefox < 16 */
    -ms-animation: fadein 0.5s; /* Internet Explorer */
    -o-animation: fadein 0.5s; /* Opera < 12.1 */
    animation: fadein 0.5s;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1);}


/*FADE IMAGE*/
/*More info: JIRAPATH*/
@keyframes fadein {
    from { opacity: 0.6; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0.6; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0.6; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0.6; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0.6; }
    to   { opacity: 1; }
}

.img-ico-nav-en { font-size: 0.7em !important;}
/*========================================= END HEADER ICON MENU HOVER ============================================*/

/*========================================= REMOVE ICON BORDERS ============================================*/
.brd-remove { border: none !important;}
/*========================================= END REMOVE ICON BORDERS ============================================*/


/*Add a new size and layout of blogs banners*/
.logo-company {
    display: block;
}

.font-light-grey {
    color: rgba(204, 204, 204, 0.9);
}

h5.detail-content img{ height: auto !important;}

p {
    word-break: break-word;
    font-size: var(--font14);
}

.jobbkk-head h1 {
    margin-top: 64px;
}