﻿
#header {
    overflow: hidden;
    padding: 0px;
    padding-top: 11px;
}

.text-right {
    text-align: right;
}


.div-menu-footer {
    padding: 15px 0px;
    overflow: hidden;
}

    .div-menu-footer ul {
        overflow: hidden;
        margin: 0;
        padding: 0;
        float: left;
    }

        .div-menu-footer ul li {
            float: left;
            list-style: none;
        }

            .div-menu-footer ul li a {
                color: #fff;
                padding: 0px 10px;
                font-size: 14px;
                font-weight: 500;
            }

            .div-menu-footer ul li:first-child a {
                padding-left: 0px;
            }

            .div-menu-footer ul li:last-child a {
                border-right: 0px;
            }

.mod-contact ul {
    padding: 0px;
}

.mod-contact li {
    list-style: none;
    padding: 10px 0 10px 0px;
}

.mod-support-footer {
}

    .mod-support-footer ul {
        margin: 0;
        padding: 0;
    }

    .mod-support-footer li {
        list-style: none;
        padding: 7px 0px 0px 30px;
        background: url("Images/icon-arrow.png") no-repeat -10px 9px;
    }

        .mod-support-footer li a {
            font-size: 13px;
            color: white;
            border-bottom: 1px dotted #FDFDFD;
            display: inline-block;
            width: 80%;
            padding-bottom: 7px;
        }

        .mod-support-footer li:last-child {
            background: none;
        }

.mod-banner-jcarouse {
}

    .mod-banner-jcarouse .title {
        font-size: 27px;
        text-transform: uppercase;
        color: #16a6b6;
        font-family: 'Roboto Condensed', sans-serif;
        background: url("Images/icon-user.png") no-repeat 0px 0px;
        padding-left: 55px;
    }

        .mod-banner-jcarouse .title span {
            display: inline-block;
            border-bottom: 1px solid #E2E2E2;
            width: 100%;
        }

.bottom-content {
    padding: 40px 0px;
    background: rgba(135,146,192,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(135,146,192,1) 0%, rgba(88,113,169,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(135,146,192,1)), color-stop(100%, rgba(88,113,169,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(135,146,192,1) 0%, rgba(88,113,169,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(135,146,192,1) 0%, rgba(88,113,169,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(135,146,192,1) 0%, rgba(88,113,169,1) 100%);
    background: radial-gradient(ellipse at center, rgba(135,146,192,1) 0%, rgba(88,113,169,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8792c0', endColorstr='#5871a9', GradientType=1 );
}

    .bottom-content div.title {
        font-size: 15px;
        text-transform: uppercase;
        color: #fff;
        font-family: 'Roboto Condensed', sans-serif;
    }

    .bottom-content .mod_thongketruycap {
        text-align: right;
    }

        .bottom-content .mod_thongketruycap div.content-module {
            font-size: 14px;
        }

.content-home {
    background: #F3F3F3;
    padding: 30px 0px;
    margin: 0px 0px;
}

.articles-panel-style-2 div.articles-first {
    position: relative;
}

    .articles-panel-style-2 div.articles-first img {
        width: 100%;
        height: 195px;
    }

    .articles-panel-style-2 div.articles-first a {
        position: absolute;
        z-index: 99;
        bottom: 0;
        display: inline-block;
        width: 100%;
        padding: 10px 0px;
        color: white;
        padding: 10px;
        background: rgba(0, 0, 0, 0.39);
        font-size: 15px;
    }

.ul-news-style2 li {
    margin: 0px 7px;
    overflow: hidden;
    background: url(Images/arrow_link.png) no-repeat 0px 13px;
    overflow: hidden;
    list-style: none;
    padding-bottom: 10px;
    padding-left: 15px;
    padding: 10px 15px;
    border-bottom: 1px dotted #E2E0E0;
}

    .ul-news-style2 li .date {
        float: left;
        width: 20%;
        text-align: center;
        background: #1BA4B4;
        color: white;
        padding: 10px;
    }

        .ul-news-style2 li .date .day {
            font-size: 18px;
        }

    .ul-news-style2 li .title {
        float: left;
        width: 80%;
        padding-left: 10px;
        font-size: 12px;
        text-align: justify;
    }

.ar-TapDoanEG {
    background: url("Images/toa-nha-eg.png") no-repeat 0px 0px;
    min-height: 528px;
    position: relative;
    background-size: 100% 100%;
}

.content-home .col-md-4 {
    padding: 10px;
}

    .content-home .col-md-4 .panel.articles-panel-style-2.default {
        min-height: 574px;
        background: rgba(135,146,192,1);
        background: -moz-radial-gradient(center, ellipse cover, rgba(135,146,192,1) 0%, rgba(88,113,169,1) 100%);
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(135,146,192,1)), color-stop(100%, rgba(88,113,169,1)));
        background: -webkit-radial-gradient(center, ellipse cover, rgba(135,146,192,1) 0%, rgba(88,113,169,1) 100%);
        background: -o-radial-gradient(center, ellipse cover, rgba(135,146,192,1) 0%, rgba(88,113,169,1) 100%);
        background: -ms-radial-gradient(center, ellipse cover, rgba(135,146,192,1) 0%, rgba(88,113,169,1) 100%);
        background: radial-gradient(ellipse at center, rgba(135,146,192,1) 0%, rgba(88,113,169,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8792c0', endColorstr='#5871a9', GradientType=1 );
    }

.articles-panel-style-2 .ul-tapdoaneg {
    bottom: 0px;
    position: absolute;
    padding: 30px;
    background-color: rgba(255, 255, 255, 0.89);
    margin: 0px;
    width: 100%;
    min-height: 333px;
}

.content-left .articles-panel-style-2 .ul-tapdoaneg {
    min-height: initial;
}

.ul-tapdoaneg li {
    list-style: none;
    border-bottom: 1px solid #D5D0CD;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

    .ul-tapdoaneg li a {
        color: #525151;
        font-weight: bold;
        font-size: 14px;
    }

    .ul-tapdoaneg li:hover a {
        color: #EB5C67;
        text-decoration: none;
    }

    .ul-tapdoaneg li:hover {
        background-position: 0px -78px;
    }

.ar-first-home {
    padding: 15px 30px;
    background: #fff;
    margin: 0px 10px;
    margin-bottom: 30px;
    background: rgba(135,146,192,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(135,146,192,1) 0%, rgba(88,113,169,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(135,146,192,1)), color-stop(100%, rgba(88,113,169,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(135,146,192,1) 0%, rgba(88,113,169,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(135,146,192,1) 0%, rgba(88,113,169,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(135,146,192,1) 0%, rgba(88,113,169,1) 100%);
    background: radial-gradient(ellipse at center, rgba(135,146,192,1) 0%, rgba(88,113,169,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8792c0', endColorstr='#5871a9', GradientType=1 );
}

    .ar-first-home h3 {
        margin: 0px 0px 15px 0px;
        color: #fff;
        text-transform: uppercase;
        font-family: 'Roboto Condensed', sans-serif;
    }

        .ar-first-home h3 span {
            color: #16a6b6;
        }

    .ar-first-home div.content {
        color: #fff;
        font-style: italic;
        text-align: justify;
        line-height: 20px;
        font-size: 14px;
    }

.ul-news-service div.icon {
    background: #16A6B6;
    text-align: center;
    height: 59px;
    background-position: center center;
    background-repeat: no-repeat;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
}

.div-service-home {
    margin-top: -397px;
    z-index: 999;
    position: relative;
    height: 510px;
}

.ul-news-service li {
    width: 370px;
    margin: 0px 30px 0px 0px;
    margin-top: 337px;
}

.ul-news-service h3.title {
    padding: 0px;
    margin: 0px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
}

.ul-news-service div.title {
    text-align: center;
    padding: 25px 0px;
}

.ul-news-service .title div.des {
    font-size: 14px;
    /* width: 96%; */
    margin-top: 5px;
    color: #fff;
}

.ul-news-service .details {
    text-align: center;
    height: 265px;
    padding: 20px 35px;
}

    .ul-news-service .details img.img-ar {
        width: 300px;
        height: 175px;
    }

    .ul-news-service .details .des {
        text-align: justify;
        font-size: 14px;
        margin-top: 10px;
    }

.ul-news-service .details {
    display: none;
}

.ul-news-service li:hover div.title, .ul-news-service li:hover div.icon {
    background-color: #F05E69;
    cursor: pointer;
}

.ul-news-service li:hover h3.title, .ul-news-service li:hover .title div.des {
    color: white;
}

.ul-news-service li:hover .details {
    display: block;
    height: 337px;
    background: white;
}

.ul-news-service li {
}

.ul-news-service a {
    text-decoration: none;
}

.ul-news-service li:hover {
    margin-top: 0px;
    height: 500px !important;
}

.module-banner .banner-first img {
    width: 100%;
    height: 195px;
}

.module-banner ul {
    margin: 0px;
    padding: 0px;
}

.module-banner li {
    border-bottom: 1px solid #F3F3F3;
    overflow: hidden;
    list-style: none;
    padding: 13px;
}

.module-banner div.img {
    width: 40%;
    float: left;
    padding-right: 13px;
}

.module-banner img {
    max-width: 100%;
}

.module-banner div.title {
    float: left;
    width: 60%;
}

    .module-banner div.title a {
        color: #525151;
        font-size: 13px;
        font-weight: 700;
    }

.mod-artic-eg-details .ul-tapdoaneg {
    position: inherit;
    background: #F3F3F3;
    padding: 15px;
}

    .mod-artic-eg-details .ul-tapdoaneg li {
        border: none;
        padding: 5px 10px 5px 30px;
        background-position: 0px 3px;
    }

        .mod-artic-eg-details .ul-tapdoaneg li:hover, .mod-artic-eg-details .ul-tapdoaneg li.active {
            background-position: 0px -75px;
        }

            .mod-artic-eg-details .ul-tapdoaneg li.active a {
                color: #EB5C67;
                text-decoration: none;
            }

.mod-artic-eg-details .title-new-home {
    background: #17A6B6;
}

    .mod-artic-eg-details .title-new-home h2 {
        color: #fff;
        text-align: left;
        padding: 15px;
    }

.content-right {
    padding-left: 10px;
}

.content-left {
    padding-right: 20px;
}

.div-fancybox > div {
    margin: 7px 35px !important;
}

.ul-banner-video .li-banner {
    background: url("Images/icon-image.png") no-repeat 0px 3px !important;
}

.ul-banner-video .li-video {
    background: url("Images/icon-video.png") no-repeat 0px 3px !important;
}

#li-social-footer {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    #li-social-footer li {
        float: left;
        list-style: none;
    }

    #li-social-footer a {
        background: url("Images/social-icon.png") no-repeat 0px 0px;
        display: block;
        width: 36px;
        height: 41px;
    }

        #li-social-footer a.faceb-page {
            background-position: 0px 0px;
        }

        #li-social-footer a.gp-page {
            background-position: -35px 0px;
        }

        #li-social-footer a.pp-page {
            background-position: -70px 0px;
        }

        #li-social-footer a.yt-page {
            background-position: -105px 0px;
        }

        #li-social-footer a.ln-page {
            background-position: -140px 0px;
        }

#textSearch {
    width: 190px;
    border: 1px solid #C7C5C5;
    padding: 4px;
    color: #666;
    font-size: 14px;
    margin-top: 2px;
}

.bt-search {
    background: #16a6b6 url("Images/icon-search.png") no-repeat;
    padding: 14px;
    border: 1px solid #D4D1D1;
    background-position: center center;
    font-size: 0px;
    position: relative;
    top: 2px;
    float: right;
}


.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}

.col-md-12 {
    width: 100%;
}

.col-md-5 {
    width: 41.66666667%;
}


.col-md-9 {
    width: 75%;
}

.col-md-10 {
    width: 83.33333333%;
}

.col-md-2 {
    width: 16.66666667%;
}

.ul-content-list-category {
    overflow: hidden;
    padding: 0;
    padding-top: 10px;
}

    .ul-content-list-category li {
        width: 48%;
        float: left;
        list-style: none;
        padding: 0px 43px;
        margin-bottom: 20px;
        height: 275px;
    }

        .ul-content-list-category li a {
            padding: 0px;
            margin: 0px;
            font-family: 'Roboto Condensed', sans-serif;
            font-size: 20px;
            text-transform: uppercase;
            color: #666;
        }

            .ul-content-list-category li a:hover {
                color: #16a6b6;
                text-decoration: none;
            }

        .ul-content-list-category li img {
            width: 300px;
            height: 175px;
            border: 1px solid #DADADA;
            padding: 2px;
            -webkit-transition: all 1s ease; /* Safari and Chrome */
            -moz-transition: all 1s ease; /* Firefox */
            -ms-transition: all 1s ease; /* IE 9 */
            -o-transition: all 1s ease; /* Opera */
            transition: all 1s ease;
            margin-bottom: 5px;
        }

        .ul-content-list-category li:hover img {
            -webkit-transform: scale(1.1); /* Safari and Chrome */
            -moz-transform: scale(1.1); /* Firefox */
            -ms-transform: scale(1.1); /* IE 9 */
            -o-transform: scale(1.1); /* Opera */
            transform: scale(1.1);
        }

        .ul-content-list-category li .short_content {
            text-align: justify;
        }

.div-fancybox > div {
    height: 183px;
}

.back-home {
    background: url("Images/back-icon.png") no-repeat;
    cursor: pointer;
    padding-left: 25px;
    font-size: 14px;
}

.content-home {
}

.back-home:hover {
    text-decoration: none;
    color: #EB5C67;
}

#ul-quangcao-bottom {
    margin: 0px;
}

.div-quangcao-vartical li {
    list-style: none;
    margin: 3px;
    width: 100% !important;
    height: 160px;
}

.div-mainmenu {
    margin-top: 0px !important;
}

.div-bt-header {
    background: rgba(135,146,192,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(135,146,192,1) 0%, rgba(88,113,169,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(135,146,192,1)), color-stop(100%, rgba(88,113,169,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(135,146,192,1) 0%, rgba(88,113,169,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(135,146,192,1) 0%, rgba(88,113,169,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(135,146,192,1) 0%, rgba(88,113,169,1) 100%);
    background: radial-gradient(ellipse at center, rgba(135,146,192,1) 0%, rgba(88,113,169,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8792c0', endColorstr='#5871a9', GradientType=1 );
    height: 110px;
    margin-top: -113px;
}



.content-home .title-new-home h2, .content-home .module-banner div.title a, .content-home .ul-news-style2 li a {
    color: #fff;
}

.mod_thongketruycap {
    color: #fff;
}

.content-left div.panel, .content-right div.panel {
    border: 1px solid #066689;
    border-radius: 0px;
}

.font-hotline {
    font-family: utmHelvetIns;
    font-size: 35px;
    color: red;
}

#footer h1 {
    margin: 0px;
    font-size: 20px;
}

.mod-video .content-video {
    padding: 4px 3px 0px 4px;
}

.content .panel {
}

    .content .panel .title-new-home h2 {
        color: #dd1717;
        background: none;
        padding-left: 0px;
        text-transform: uppercase;
        font-family: utmHelvetIns;
        font-size: 25px;
    }

    .content .panel .ul-news-style2 li {
        background: none;
        padding-left: 0px;
        margin-left: 0px;
        padding-right: 0px;
        margin-right: 0px;
    }

        .content .panel .ul-news-style2 li .div-img-intro {
            padding-right: 5px;
        }

    .content .panel #ul-news-style2 li a {
        font-size: 13px;
    }

    .content .panel #ul-news-style2 li .div-des {
        font-size: 13px;
        text-align: justify;
    }

#ul-news-style2 a.read-more {
    font-size: 12px !important;
    margin-top: 5px;
    display: inline-block;
    padding: 3px 6px;
    border: 1px solid #D6D6D6;
    border-radius: 5px;
    background: #6EC9EA;
    font-weight: 500;
    font-style: italic;
}

.div-slideshow {
    margin-bottom: 10px;
}

.ul-content-list-video {
    font-size: 14px;
}

.content-right div.title a {
    color: white;
}

    .content-right div.title a:hover {
        color: white;
    }

@media (max-width: 768px) {
    .content-left, .content-right {
        padding: 0px;
    }

    .div-slideshow, .mod_thongketruycap, .mod-map, .mod_support {
    }

    .hotline-header {
        padding-left: 20px;
    }

    .content-left {
        margin-top: 10px;
    }

    #site-map {
        display: none;
    }

    .div-menu-footer ul {
        width: auto;
    }
}

.hotline-header img {
    float: left;
    margin-right: 20px;
}

.hotline-header {
    margin-top: 20px;
}

.homepage .ul-content-list-news li div.name_news a h3 {
    margin: 0px;
    font-size: 14px;
    color: #333;
}

.homepage .ul-content-list-news li div.short_content {
    font-size: 13px;
}

.ul-news-style2 li a {
    color: #333;
    text-decoration: none;
}

.gsc-input-box {
    height: 28px !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 0px;
}

input.gsc-search-button {
    height: 28px !important;
    background: #4d90fe url(http://www.google.com/uds/css/v2/search_box_icon.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.gsc-tabsArea > .gsc-tabHeader {
    height: 27px;
    overflow: hidden !important;
}

.div-module-articles.marquee li {
    overflow: hidden;
    font-size: 13px;
}

    .div-module-articles.marquee li div.div-img {
        padding-right: 5px;
    }

#ul-news-style2 a h3 {
    font-size: 12px;
    margin: 0;
    font-weight: bold;
    line-height: 18px;
}

.other_detailnews li a h3 {
    margin: 0px;
    font-size: 16px;
    display: inherit;
}



.list-new-left {
    padding: 0px;
    margin: 0px;
}

    .list-new-left li {
        list-style: none;
        margin-top: 12px;
    }

        .list-new-left li img {
            float: left;
            margin-right: 10px;
            border: 1px solid #C7C7C7;
            margin: 5px;
            width: 155px;
            height: 211px;
        }

        .list-new-left li h3 {
            margin-top: 99px;
            font-size: 14px;
            font-weight: 500;
            color: #333;
            margin: 0;
            margin-top: 60px;
        }

.content-right .panel.content-panel.acticles-list .title-new-home h2 {
    background: #066689;
    font-size: 18px;
}
