body {
    font-family: 'Kanit', sans-serif;
    font-size: 18px;
    font-weight: 200;
    background: #f7f7f7;
}


.img-center {
    display: block;
    margin: 0px auto;
}

.border-round {
    border-radius: 20px;
}

.img_caption {
    position: relative;
    text-align: center;
    color: black;
    font-weight: bold;
}

.img_caption_text {
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 50px;
    text-transform: uppercase;
/*    background-color: rgba(255, 255, 255, 0.7);*/
    background-color: rgba(255, 255, 255);
    color: #000;
    font-weight: bold;
    font-size: 18px;
    /*    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;*/
}

.nav {
    background: #949599;
    text-align: center;
    height: 45px;
}


.nva a {
    color: #fff;
    margin: 20px 10px !important;
}

    .nva a .active {
        background: #ed1b24;
        color: #fff;
    }

.bg_page_category {
    background: #d2d3d5;
}

.bg_white {
    background: #fff;
}

.bg1 {
    background: #818286;
}

.bg2 {
    background: #a8a9ad;
}

.bg3 {
    background: #d2d3d5;
}

.bg_4 {
    background: #808185;
}

.bg_5 {
    background: #C6C4C4;
}

.bg_6 {
    background: #F1F2F2;
}

.bg_7 {
    background: #d1d2d4;
}

.bg_8 {
    background: #E6E7E8;
}

.bg_9 {
    background: #fff;
}

.bg_inv {
    margin-top: 30px;
    background-image: url('../images/investor/inv_bg.png');
    background-repeat: repeat-x;
}

.df_pd_text {
    padding: 10px 15px;
}

.df_pdt {
    padding: 0px 0px 0px 0px;
}

.df_pdtb {
    padding: 25px 0px;
}

.df_pdlr {
    padding: 0px 25px;
}

.df_mgtb {
    margin: 25px 0px;
}

.BoxContent {
    padding-top: 25px;
}

.web_scrollbar {
    height: 350px;
    overflow-y: scroll;
}


.row_icon_head {
    padding-top: 20px;
    padding-bottom: 50px;
}

.row_icon .col-md-3 {
    padding: 5px !important;
}

.row_icon .col-md-4 {
    padding: 5px !important;
}

.row_icon .col-md-6 {
    padding: 5px !important;
}

.row_col {
    margin-bottom: 25px;
}

ul.dashed {
    list-style-type: none;
}

    ul.dashed > li {
        /*text-indent: -5px;*/
    }

        ul.dashed > li:before {
            content: "-";
            /*text-indent: -5px;*/
        }

/***** nav menu ******/
.bg4 {
    background: #E6E7E8;
}

.n-menu {
    height: 40px;
    line-height: 40px;
}

    .n-menu a:first-child {
        padding-left: 10px;
    }

    .n-menu a {
        color: #808285;
    }

    .n-menu .active {
        color: #ed1b24;
    }

.container {
    /*max-width: 800px !important*/
}

.translation-links {
    float: none;
    list-style: outside none none;
}

    .translation-links > li {
        float: right;
        margin: 6px;
        padding: 3px;
        width: 24px;
    }

        .translation-links > li a.active {
            color: #fff !important;
            background: #ed1b24 !important;
        }

        .translation-links > li a {
            margin: 0;
            border: 1px solid #ccc;
        }

.languageicons a {
    color: #b7b9bb;
    text-decoration: none;
    font-size: 10px;
    padding: 8px;
    border-radius: 2px;
    margin-left: 14px;
    letter-spacing: 0px;
}

.navbar {
    padding: 0px;
}

.bg_main {
    /*background: #92c2c2;*/
    background: white;
}

.bg_main2 {
    /*background: #a9c8c0;*/
    background: white;
}

.bg_black {
    background: #000;
}


.navbar-nav li.active {
    border-bottom: solid 5px #fff !important;
}

    .navbar-nav li.active a {
        color: #fff !important;
    }

.navbar-nav li a {
    font-size: 14px;
}

.nav-link {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    text-transform: uppercase;
}

a:hover {
    /*text-decoration: underline !important;*/
}
/*home*/
.box-highlights {
    margin-bottom: 15px;
}

.box-highlights-header {
    background: #ed1b24;
    color: #fff;
    text-align: center;
    height: 70px;
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-header {
    font-size: 30px;
    color: #fff;
}

    .box-header .under_line {
        border-bottom: 2px solid #ed1b24;
        padding: 0px 10px;
    }

.box-issue {
    background: #eaeaea;
    margin-bottom: 15px;
}

.box-issue-header {
    font-size: 20px;
}

.issue-head-text {
    padding: 0px 20px;
    margin: 5px 0px;
    background: #ed1b24;
    color: #fff;
}

.box-issue-body {
    padding: 20px;
}

.box-issue-footer {
    text-align: right;
    padding: 20px 20px 0px 20px;
    font-size: 12px;
}

.text_Category {
    border-bottom: solid 3px #00ABE9;
    font-weight: 500;
}

.text_red {
    color: #cf0101;
}

.txt_head {
    padding: 15px 0px;
    font-size: 40px;
    font-weight: 600;
}

.txt_title {
    padding: 15px 0px;
    font-size: 25px;
    font-weight: 600;
}

.txt_name {
    padding: 15px 0px;
    font-size: 30px;
    font-weight: 600;
}

.txt_bold {
    font-weight: 600;
}

.text_header_product {
    padding: 15px 0px;
    font-size: 40px;
    font-weight: 600;
}

.text_header {
    padding: 15px 0px;
    font-size: 25px;
    font-weight: 600;
}

.text_head {
    padding: 15px 25px;
    font-size: 23px;
    font-weight: 400;
}

.text_middle {
    position: relative;
    float: left;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 35px;
    text-align: center;
}

.text_middle_left {
    position: relative;
    float: left;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 35px;
    text-align: left;
}

.footer ul li {
    list-style: outside none none;
    float: left;
    text-align: right;
}

.box-img-head-text {
}

    .box-img-head-text .box-img {
    }

    .box-img-head-text .box-head {
        background: #AE1E2D;
        color: #fff;
        height: 145px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box-img-head-text .box-text {
        background: #fff;
        color: #000;
        height: 140px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
    }


.box_comingsoon {
    text-align: center;
    height: 300px;
    color: #464646;
}


/*table product*/

.table_product {
    width: 100%;
}

    .table_product tbody td {
        vertical-align: top;
        padding: 10px;
    }

        .table_product tbody td:first-child {
            width: 40%;
        }

    .table_product tbody tr:nth-child(even) {
        background-color: #fff;
    }

    .table_product tbody tr:nth-child(odd) {
        background-color: #E6E7E8;
    }

/*footer*/

.footer {
    /*    padding: 20px 0px;
    background: #231f20;*/
    color: #fff;
}



.footer_logo {
    padding-left: 0px;
}

.footer_text2 {
    font-size: 14px !important;
    line-height: 18px;
}

.footer_logo li {
    padding-right: 5px;
}

.footer_menu {
    float: right;
    font-size: 13px;
}

    .footer_menu li:last-child a.nav-link {
        padding-right: 0px !important;
    }


/* POPUP */
.modalPopup {
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0.8;
    z-index: 5;
    width: 100%;
    height: 100%;
}

    .modalPopup img {
        position: fixed;
        top: 50%;
        left: 50%;
        /* bring your own prefixes */
        transform: translate(-50%, -50%);
    }


/*Home*/
.box-issue {
    font-size: 14px;
}

    .box-issue a {
        color: #3d3d3d;
    }

.box-issue-more {
    background: #d8d8d8;
    margin-bottom: 15px;
    font-size: 14px;
}

    .box-issue-more a {
        color: #3d3d3d;
    }

.issue-more {
    border-bottom: 1px solid #ebebeb;
    padding: 5px 15px;
}

/* csv seminar */
.font_size-1 {
    font-size: 14px;
}

.font_size_2 {
    font-size: 40px;
}

.font_size_3 {
    font-size: 50px;
}

.font_size_4 {
    font-size: 60px;
}

.bg_radius {
    color: #fff;
    border-radius: 25px;
    background: #9c9d9f;
    margin-bottom: 15px;
}

.bg_box_cal {
    margin-bottom: 15px;
}

.text_middle_left {
    line-height: 18px !important;
    left: 0% !important;
    transform: translate(0%, -50%) !important;
}

/* ipad screen */


.img-zoom {
    /*padding: 50px;
            width: 200px;
            height: 200px;*/
    transition: transform .2s; /* Animation */
    margin: 0 auto;
}

    .img-zoom:hover {
        transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    }

.border_02 {
    background: rgb(108,110,111);
    background: linear-gradient(90deg, rgba(108,110,111,1) 0%, rgba(81,82,82,1) 100%);
}

.border_04 {
    background: rgb(108,110,111);
    background-image: linear-gradient(#6c6e6f, #5e5f60);
}

.border_06 {
    background: rgb(79,80,80);
    background-image: linear-gradient(#4f5050, #414141);
}

.border_08 {
    background: rgb(92,94,94);
    background: linear-gradient(90deg, rgba(92,94,94,1) 0%, rgba(65,65,65,1) 100%);
}

.bg_footer {
    background: url("../images/bg/bg_solution.png") no-repeat scroll 0 0 #D1D3D4;
    background-position-x: 0px;
    background-position-y: 0px;
    background-position: bottom;
    position: relative;
}

.BoxContent [class^='col-md'] { /* class name starts with col-lg */
    padding-bottom: 25px !important;
}

#CP_BoxContent [class^='col-md'] { /* class name starts with col-lg */
    padding-bottom: 25px !important;
}

#CP_BoxContent [class$='col-md']:before { /* class name ends with col-lg */
}

#CP_BoxContent [class*='col-md']:before { /* contains col-lg in class name */
}

/* Category */


#myVideo {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 100%;
}

.footer_page {
 /*   background: #797a7c;
    color: #fff;*/
    background: #fff;
    color: #000;
    font-size: 13px;
}

    .footer_page a {
        /*color: #fff !important;*/
        color: #000 !important;
    }

.footer_menu_sub {
    font-size: 10px;
}

.footer_menu_bar {
    min-height: 80px;
    line-height: 80px;
/*    background: #7e99ac;
    color: #fff;*/
    background: #fff;
    color: #000;
    font-size: 14px;
    font-weight: bolder;
}

@media only screen and (max-width: 910px) and (min-width: 500px) {
    /* For general iPad layouts */
    .item-category_headline {
        position: absolute;
        bottom: 0;
        width: 100%;
        line-height: 60px;
        text-transform: uppercase;
        background-color: rgba(255, 255, 255);
        color: #000;
        font-weight: bold;
        font-size: 17px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }
}