﻿* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    display: block;
}

h1 {
    color: red;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
}

img {
    border: none;
}

.RedMessenger {
    color: red;
    font-weight: bold;
}

input[type=text], input[type=password] {
    padding: 5px;
    border: 1px solid #ccc;
}

#body_page {
    /*width: 960px;*/
    /*width: 1170px;*/
    /*margin: auto;*/
    /*border-left: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    border-top: 1px solid #AAAAAA;
    border-bottom: 1px solid #67b5de;
    border-radius: 10px;*/
    /*overflow: hidden;*/
    /*box-shadow: 0px 0px 10px rgba(124, 177, 216, 0.75);*/
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    /*margin-top: 15px;*/
    /*margin-bottom: 15px;*/
}

.bg-main {
    margin: 0px auto;
    width: 940px;
    color: #000000;
    font-size: 12px;
}

#search {
    /*text-align: right;
    float: right;
    border-radius: 6px;
    border: 1px solid #AAAAAA;
    padding: 2px;
    margin: 2px 10px 2px 2px;
    width: 245px;
    background: #FFFFFF;*/
    margin-right: 0;
    float: left;
    text-align: right;
}

    #search input[type="text"] {
        background-image: url("../Images/seach-new.jpg");
        background-position: left top;
        background-repeat: no-repeat;
        border-radius: 0;
        display: inline-block;
        outline: medium none;
        padding: 0 0 0 42px;
        width: auto;
    }

    #search button[type="submit"] {
        background-color: #5eb181;
        border: medium none;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        line-height: 34px;
        padding: 0 10px;
        text-transform: uppercase;
    }

#top-contact {
    padding: 0;
    line-height: 30px;
    border-bottom: 1px solid #ccc;
}

#top-contact-right {
    float: right;
    text-align: right;
    border-top-width: 0px;
    font-size: 14px;
}


    #top-contact-right a {
        /*color: #225BA8;*/
        color: #000;
    }

        #top-contact-right a:hover, #top-contact-right a:focus {
            text-decoration: none;
        }

#top-contact-left {
    text-align: left;
    color: #000;
}

#banner {
    line-height: 140px;
    text-align: left;
}

#logo {
    background: url("../Images/banner/Logo_new.png") no-repeat center left;
    background-size: 84px;
}

    #logo a {
        padding-left: 80px;
        padding-top: 25px;
        padding-bottom: 25px;
        text-transform: uppercase;
    }

        #logo a:hover, #logo a:focus {
            text-decoration: none;
        }

.texttimkiem {
    border: none;
    color: #4F4F4F;
    display: inline-block;
    float: left;
    width: 200px;
    text-indent: 6px;
    /*
    height: 18px;
    line-height: 18px;    
    */
    padding-top: 3px;
}

.Content-hinhanh-hoatdong {
    /*height: 292px;
    padding: 10px 0px;   
    border: solid #AAAAAA 1px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
    overflow: hidden;
    display: block;
}

    .Content-hinhanh-hoatdong img {
        border: solid #AAAAAA 1px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        overflow: hidden;
        display: block;
    }

#Content-LienHe {
    line-height: 20px;
}

.nuttimkiem {
    /*background: url("/images/search.png") no-repeat scroll 0 0 transparent;
    height: 20px;*/
    background: transparent;
    border: 0px;
    margin-left: 6px;
}

.logo {
    float: left;
    width: 68px;
    height: 96px;
    display: block;
    padding: 10px 15px 0px 15px;
}

a {
    text-decoration: none;
    text-transform: none;
}
/* Menu top*/
/*#navTop {
    width: 100%;
    background: url( '/Images/bg-menu.png' );
}

    #navTop ul li {
        float: left;
        list-style: none;
    }

    #navTop ul li {
        float: left;
        list-style: none;
    }

        #navTop ul li a span {
            color: #225BA8;
            display: block;
            font-size: 12px;
            font-weight: bold;
            width: 165px;
            height: 36px;
            line-height: 36px;
        }

    #navTop li a:hover span, #navTop li a span.active {
        background: url(/Images/active-menu.png) no-repeat center;
    }*/


.navbar {
    border: 1px solid transparent;
    margin-bottom: 20px;
    min-height: 50px;
    position: relative;
}

    .navbar::before, .navbar::after {
        content: " ";
        display: table;
    }

    .navbar::after {
        clear: both;
    }

@media (min-width: 768px) {
    .navbar {
        border-radius: 4px;
    }
}

.navbar-header::before, .navbar-header::after {
    content: " ";
    display: table;
}

.navbar-header::after {
    clear: both;
}

@media (min-width: 768px) {
    .navbar-header {
        float: left;
    }
}

.navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    overflow-x: visible;
    padding-left: 15px;
    padding-right: 15px;
}

    .navbar-collapse::before, .navbar-collapse::after {
        content: " ";
        display: table;
    }

    .navbar-collapse::after {
        clear: both;
    }

    .navbar-collapse.in {
        overflow-y: auto;
    }

@media (min-width: 768px) {
    .navbar-collapse {
        border-top: 0 none;
        box-shadow: none;
        width: auto;
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            overflow: visible !important;
            padding-bottom: 0;
        }

        .navbar-collapse.in {
            overflow-y: visible;
        }

    .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px;
    }
}

.container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse {
    margin-left: -15px;
    margin-right: -15px;
}

@media (min-width: 768px) {
    .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse {
        margin-left: 0;
        margin-right: 0;
    }
}

.navbar-static-top {
    border-width: 0 0 1px;
    z-index: 1000;
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

.navbar-fixed-top, .navbar-fixed-bottom {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1030;
}

@media (min-width: 768px) {
    .navbar-fixed-top, .navbar-fixed-bottom {
        border-radius: 0;
    }
}

.navbar-fixed-top {
    border-width: 0 0 1px;
    top: 0;
}

.navbar-fixed-bottom {
    border-width: 1px 0 0;
    bottom: 0;
    margin-bottom: 0;
}

.navbar-brand {
    float: left;
    font-size: 18px;
    height: 50px;
    line-height: 20px;
    padding: 15px;
}

    .navbar-brand:hover, .navbar-brand:focus {
        text-decoration: none;
    }

    .navbar-brand > img {
        display: block;
    }

@media (min-width: 768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -15px;
    }
}

.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 9px 10px;
    position: relative;
}

    .navbar-toggle:focus {
        outline: 0 none;
    }

    .navbar-toggle .icon-bar {
        border-radius: 1px;
        display: block;
        height: 2px;
        width: 22px;
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px;
        }

@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 7.5px -15px;
}

    .navbar-nav > li > a {
        line-height: 20px;
        padding-bottom: 10px;
        padding-top: 10px;
    }

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        background-color: transparent;
        border: 0 none;
        box-shadow: none;
        float: none;
        margin-top: 0;
        position: static;
        width: auto;
    }

        .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px;
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px;
        }

            .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
                background-image: none;
            }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }

        .navbar-nav > li {
            float: left;
        }

            .navbar-nav > li > a {
                padding-bottom: 15px;
                padding-top: 15px;
            }
}

.navbar-form {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
    margin: 8px -15px;
    padding: 10px 15px;
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .form-control {
        display: inline-block;
        vertical-align: middle;
        width: auto;
    }

    .navbar-form .form-control-static {
        display: inline-block;
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {
            width: auto;
        }

        .navbar-form .input-group > .form-control {
            width: 100%;
        }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .radio, .navbar-form .checkbox {
        display: inline-block;
        margin-bottom: 0;
        margin-top: 0;
        vertical-align: middle;
    }

        .navbar-form .radio label, .navbar-form .checkbox label {
            padding-left: 0;
        }

        .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
            margin-left: 0;
            position: relative;
        }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }

        .navbar-form .form-group:last-child {
            margin-bottom: 0;
        }
}

@media (min-width: 768px) {
    .navbar-form {
        border: 0 none;
        box-shadow: none;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 0;
        padding-top: 0;
        width: auto;
    }
}

.navbar-nav .dropdown:hover > .dropdown-menu {
    display: block;
}

    .navbar-nav .dropdown:hover > .dropdown-menu.dropdown-menu-left {
        left: 100%;
        top: 0;
    }

.navbar-nav > li > .dropdown-menu {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #aff6d2;
    border-color: -moz-use-text-color;
    border-image: none;
    border-style: none solid solid;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-width: medium 1px 1px;
    margin-top: 0;
}

.dropdown-menu {
    font-size: 12px;
}

.navbar-nav > li > .dropdown-menu > li > a {
    text-transform: none;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    border-radius: 4px 4px 0 0;
    margin-bottom: 0;
}

.navbar-btn {
    margin-bottom: 8px;
    margin-top: 8px;
}

    .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
        margin-bottom: 14px;
        margin-top: 14px;
    }

.navbar-text {
    margin-bottom: 15px;
    margin-top: 15px;
}

@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float: left !important;
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px;
    }

        .navbar-right ~ .navbar-right {
            margin-right: 0;
        }
}

.navbar-default {
    background-color: #5eb181;
    border-color: #e7e7e7;
}

    .navbar-default .navbar-brand {
        color: #777;
    }

        .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
            background-color: transparent;
            color: #5e5e5e;
        }

    .navbar-default .navbar-text {
        color: #777;
    }

    .navbar-default .navbar-nav > li > a {
        color: #fff;
    }

        .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
            background-color: #488f66;
            color: #fff;
        }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        background-color: #488f66;
        color: #555;
    }

    .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
        background-color: transparent;
        color: #ccc;
    }

    .navbar-default .navbar-toggle {
        border-color: #ddd;
    }

        .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
            background-color: #ddd;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #888;
        }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e7e7e7;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        background-color: #488f66;
        color: #555;
    }

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            background-color: #488f66;
            color: #fff;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        background-color: #488f66;
        color: #555;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        background-color: transparent;
        color: #ccc;
    }
}

.navbar-default .navbar-link {
    color: #fff;
}

    .navbar-default .navbar-link:hover {
        color: #fff;
    }

.navbar-default .btn-link {
    color: #fff;
}

    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
        color: #fff;
    }

    .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
        color: #ccc;
    }

.navbar-inverse {
    background-color: #222;
    border-color: #090909;
}

    .navbar-inverse .navbar-brand {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
            background-color: transparent;
            color: #fff;
        }

    .navbar-inverse .navbar-text {
        color: #9d9d9d;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
            background-color: transparent;
            color: #fff;
        }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
        background-color: #090909;
        color: #fff;
    }

    .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
        background-color: transparent;
        color: #444;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #333;
    }

        .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
            background-color: #333;
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff;
        }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #101010;
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: #090909;
        color: #fff;
    }

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #090909;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #090909;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
            background-color: transparent;
            color: #fff;
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        background-color: #090909;
        color: #fff;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        background-color: transparent;
        color: #444;
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d;
}

    .navbar-inverse .navbar-link:hover {
        color: #fff;
    }

.navbar-inverse .btn-link {
    color: #9d9d9d;
}

    .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
        color: #fff;
    }

    .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
        color: #444;
    }

.navbar-nav > li > a {
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    padding: 0 20px;
    text-transform: uppercase;
}
/* Hinh anh san pham moi va ho tro truc tuyen*/
.AdsTop {
    /*float: left;
    height: 200px;
    width: 100%;
    display: block;*/
}

.PicAdsTop {
    /*float: left;
    display: block;    
	width: 680px;
	height: 200px;	
	border: solid #AAAAAA 1px;
    overflow: hidden;*/
}

.HelpInfo {
    /*text-align: left;
    float: right;
    width: 250px;
    height: 200px;
    display: block;
    border: solid #AAAAAA 1px;
    padding: 0px;
    border-radius: 10px;*/
}

.fade-carousel {
    position: relative;
    /*height: 100vh;*/
}

    .fade-carousel .carousel-inner .item {
        /*height: 100vh;*/
        height: 390px;
    }

    .fade-carousel .carousel-indicators > li {
        margin: 0 2px;
        background-color: #f39c12;
        border-color: #f39c12;
        opacity: .7;
    }

        .fade-carousel .carousel-indicators > li.active {
            width: 10px;
            height: 10px;
            opacity: 1;
        }

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
    -webkit-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0);
    -o-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}

    .hero h1 {
        font-size: 6em;
        font-weight: bold;
        margin: 0;
        padding: 0;
    }

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;
}

.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .7;
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {
    padding: 10px 40px;
}

.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
/*.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
  background-image: url(https://ununsplash.imgix.net/photo-1416339134316-0e91dc9ded92?q=75&fm=jpg&s=883a422e10fc4149893984019f63c818); 
}
.fade-carousel .slides .slide-2 {
  background-image: url(https://ununsplash.imgix.net/photo-1416339684178-3a239570f315?q=75&fm=jpg&s=c39d9a3bf66d6566b9608a9f1f3765af);
}
.fade-carousel .slides .slide-3 {
  background-image: url(https://ununsplash.imgix.net/photo-1416339276121-ba1dfa199912?q=75&fm=jpg&s=9bf9f2ef5be5cb5eee5255e7765cb327);
}*/

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px) {
    .hero {
        width: 980px;
    }
}

@media screen and (max-width: 640px) {
    .hero h1 {
        font-size: 4em;
    }
}
/* Tin tuc moi */
.AdsNews {
    display: block;
    overflow: hidden;
    margin-top: 15px;
}

    .AdsNews .NewsItem {
        border: 1px solid #ccc;
        -moz-border-radius-bottomleft: 10px;
        -moz-border-radius-topright: 10px;
        border-bottom-left-radius: 10px;
        border-top-right-radius: 10px;
        margin-left: 15px;
        height: 225px;
    }

        .AdsNews .NewsItem:first-child {
            margin-left: 0px;
        }

        .AdsNews .NewsItem:last-child {
        }

    .AdsNews > .col-md-3 {
        width: 24%;
    }

.NewsBox {
    display: block;
    height: 100%;
}

.NewsTitleLeft {
    display: block;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    padding: 5px 0px;
}

    .NewsTitleLeft a {
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 600;
    }

.NewsTechnology {
    float: left;
    display: block;
    padding: 0px 6px 6px 6px;
    text-transform: inherit;
}

.NewsShowDetails {
    FLOAT: right;
    clear: both;
    padding-top: 6px;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

    .NewsShowDetails a {
        PADDING-RIGHT: 10px;
        COLOR: #000;
        TEXT-DECORATION: none;
        TEXT-TRANSFORM: none;
    }

        .NewsShowDetails a:hover, .NewsShowDetails a:focus {
            color: #5eb181;
        }

.NewsTitleCenter {
    color: #666666;
    font-weight: bold;
    width: 235px;
    height: 20px;
    display: block;
}

.NewsFinancial {
    float: left;
    width: 235px;
    height: 180px;
    display: block;
    border-bottom: solid #AAAAAA 1px;
    border-right: solid #AAAAAA 1px;
}

.NewsBusiness {
    float: left;
    width: 235px;
    height: 180px;
    display: block;
    border-bottom: solid #AAAAAA 1px;
    border-right: solid #AAAAAA 1px;
}

.NewsTitleRight {
    float: left;
    width: 235px;
    height: 20px;
    display: block;
}

.NewsRecruitment {
    float: left;
    width: 235px;
    height: 180px;
    display: block;
    border-bottom: solid #AAAAAA 1px;
    border-right: solid #AAAAAA 1px;
}
/*=====================*/
/* Tin noi bat */
article {
    margin-bottom: 10px;
    display: block;
}

.post-item {
}

.post-image {
    position: relative;
    border: 1px solid #ccc;
    padding: 0;
}

    .post-image .relative-height {
        width: 100%;
    }

#default-news .post-title {
    text-align: left;
}

.post-title a {
    color: #000;
    text-decoration: none;
}

    .post-title a:hover, .post-title a:focus {
        color: #5eb181;
    }

#default-news .brief {
    text-align: justify;
}

.highlightType12 h5 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 0;
}
/*=====================*/
.ProductBox {
    margin-top: 15px;
    float: left;
    height: auto;
    width: 100%;
    display: block;
}
/*San Pham*/
.ProductPreviewBox {
    float: left;
    display: block;
}

.panel-default {
    margin-bottom: 20px;
}

    .panel-default .panel-heading {
        background-color: #f5f5f5;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background-color: #fff;
        border-color: -moz-use-text-color -moz-use-text-color #488f66;
        border-image: none;
        border-radius: 0;
        border-style: none none solid;
        border-width: medium medium 1px;
        font-weight: 700;
        padding: 0;
        position: relative;
        text-align: left;
        text-transform: uppercase;
    }

.panel-heading .panel-title {
    background-color: #488f66;
    border-radius: 0 7px;
    color: #fbfbfb;
    display: inline-block;
    font-size: 14px;
    padding: 6px 15px;
}

.panel-body {
    padding: 10px 0;
}

#ProductPreview {
    width: auto;
    height: auto;
    display: block;
    overflow: hidden;
}
/* Phan ben trai san pham moi*/
.ProductAndVisited {
    float: right;
    /*margin-left: 10px;*/
    width: auto;
    height: auto;
    display: block;
    border: 0px;
    /*padding-right:0;*/
}
/* Video hot*/
.ProductVideoPreviewBox {
    height: auto;
    display: block;
    margin-bottom: 20px;
}

.ProductVideoPreviewTitle {
    padding-top: 6px;
    color: #225BA8;
    font-weight: bold;
    width: 250px;
    height: 20px;
    display: block;
    background: url( '/Images/bg-hoatdong.png' ) no-repeat;
    border-left: solid #AAAAAA 1px;
    border-right: solid #AAAAAA 1px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.ProductVideoPreview {
    float: left;
    width: 250px;
    height: auto;
    display: block;
    border-left: solid #AAAAAA 1px;
    border-bottom: solid #AAAAAA 1px;
    border-right: solid #AAAAAA 1px;
    padding: 6px 0px 6px 0px;
}

.ProductVideoPreviewList {
    float: left;
    width: 250px;
    height: auto;
    display: block;
    border-left: solid #AAAAAA 1px;
    border-bottom: solid #AAAAAA 1px;
    border-right: solid #AAAAAA 1px;
}

.ProductItem {
    height: 210px;
    position: relative;
}

    .ProductItem .ItemBorder {
        position: absolute;
        height: 50%;
        bottom: 0;
    }

    .ProductItem .ProductItemTitle {
        position: relative;
        top: 10px;
    }

        .ProductItem .ProductItemTitle a {
            text-decoration: none;
            text-transform: uppercase;
            color: #000;
            font-weight: 600;
        }

    .ProductItem .ProductItemImg {
        margin: 10px 10px 4px 10px;
        float: left;
        clear: both;
        width: 120px;
        height: 153px;
        position: relative;
        z-index: 101;
    }

.ProductItemContent {
    text-align: justify;
    position: relative;
    top: 20px;
}

.ProductItemShowDetails {
    float: right;
    clear: both;
    margin-top: -10px;
}

    .ProductItemShowDetails a {
        text-decoration: none;
        color: #000;
    }

        .ProductItemShowDetails a:hover, .ProductItemShowDetails a:focus {
            color: #5eb181;
        }

.intro-html {
    margin-bottom: 15px;
}

.img-intro {
    padding-left: 0px;
}

.content-intro {
    padding-right: 0px;
}

.content-intro-title {
    font-size: 14pt;
    font-style: italic;
    font-weight: 600;
    text-align: center;
}

    .content-intro-title a {
        color: #000;
    }

        .content-intro-title a:hover, .content-intro-title a:focus {
            text-decoration: none;
            color: #5eb181;
        }

.content-intro-brief {
    height: 200px;
    overflow: hidden;
    padding-top: 10px;
    text-align: justify;
    position: relative;
}

.highlightBorderRight {
    background-image: url('../Images/bg-border-right.png');
    background-position: right center;
    background-repeat: no-repeat;
}

#ISupport, #IVisited, #IPageConnect {
    border: medium none;
}

    #ISupport .panel-heading, #IVisited .panel-heading, #IPageConnect .panel-heading {
        border-color: #488f66;
        border-radius: 0;
        padding: 0;
    }

        #ISupport .panel-heading .panel-title, #IVisited .panel-heading .panel-title, #IPageConnect .panel-heading .panel-title {
            border-radius: 0;
            width: 200px;
        }

            #ISupport .panel-heading .panel-title::after, #IVisited .panel-heading .panel-title::after, #IPageConnect .panel-heading .panel-title::after {
                background-color: #488f66;
                content: "";
                height: 100%;
                position: absolute;
                right: 15% !important;
                top: 0;
                transform: skewX(30deg);
                width: 25px;
                z-index: 1;
            }

    #ISupport .panel-body, #IVisited .panel-body, #IPageConnect .panel-body {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background-color: #f2f2f2;
        border-color: -moz-use-text-color #dbdbdb #dbdbdb;
        border-image: none;
        border-style: none solid solid;
        border-width: medium 1px 1px;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

/*So nguoi truy cap*/
.VisitedBox {
    display: block;
}

.VisitedTitle {
    color: #000;
    font-weight: bold;
    display: block;
    text-transform: uppercase;
    text-align: left;
}

.VisitedDetail {
    float: left;
    display: block;
}
/*Footer*/
.Footer {
    float: left;
    height: 30px;
    width: 940px;
    background: url( '/Images/bg-footer.png' );
    display: block;
}

#FootertText {
    color: #464343;
    font-size: 12px;
    padding-top: 6px;
    font-weight: bold;
}

.clear {
    clear: both;
}

.tab-footer-home-p {
    background-color: #5eb181;
    padding-bottom: 40px;
}

.footer-address {
    color: #fff;
    padding: 10px 0;
}

#foot-logo {
    background: url("../Images/banner/Logo_new.png") no-repeat center left;
    background-size: 84px;
    height: 84px;
}

    #foot-logo a {
        padding-left: 90px;
        padding-top: 25px;
        padding-bottom: 42px;
        text-transform: uppercase;
    }

        #foot-logo a:hover, #foot-logo a:focus {
            text-decoration: none;
        }

.link-horizontal {
    margin-bottom: 0;
    padding: 10px 0;
}

    .link-horizontal li {
        background-image: url("../Images/BG-MENU-FOOTER.jpg");
    }

    .link-horizontal li {
        background-position: right center;
        background-repeat: no-repeat;
        display: inline-block;
        padding-left: 6px;
        padding-right: 12px;
    }

    .link-horizontal ul li a {
        color: #fff;
        display: block;
        padding: 6px 0;
    }

ol, ul, li {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
/*---------------list tin-----------------*/
#noidung {
    text-align: left;
    float: left;
    height: auto;
    overflow: hidden;
    margin-bottom: 0px;
    padding: 0px 10px 0px 10px;
    border: solid #AAAAAA 1px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.boxtinkinhtenoibat {
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 658px;
    overflow: hidden;
}

.tinnoibatnhat {
    width: 400px;
    float: left;
    margin-right: 20px;
    height: 318px;
    overflow: hidden;
}

    .tinnoibatnhat h1 a {
        font-size: 14px;
        color: #333333;
    }

    .tinnoibatnhat h2 {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .tinnoibatnhat img {
        border: 1px #d3d3d3 solid;
        padding: 2px;
        margin-bottom: 10px;
        width: 400px;
        height: 220px;
        overflow: hidden;
    }

    .tinnoibatnhat h1 {
        display: inline;
        font-size: 14px;
        font-weight: bold;
    }

#tuyendung h1, #chitiettinbao h1 {
    font-size: 16px;
    font-size: 14px;
    font-weight: bold;
}

.tinnoibatnhat p {
    text-align: justify;
    line-height: 20px;
}

.tinmoinhat {
    float: right;
    width: 238px;
    height: auto;
    overflow: hidden;
}

    .tinmoinhat h2 {
        font-size: 14px;
        font-weight: bold;
    }

.tinmoinhatbox {
    width: 238px;
    overflow: hidden;
    border-top: 1px #dfdede solid;
    padding: 9px 10px 10px 0px;
}

    .tinmoinhatbox img {
        float: left;
        margin-right: 10px;
    }

    .tinmoinhatbox h2, .tinmoinhatbox a {
        text-align: justify;
        font-size: 11px;
        color: #333333;
        font-weight: normal;
    }

.tintucbinhthuongbox {
    /*background: #ffffff url(/Images/bg_crblk01.jpg) repeat-x top;*/
    border-top: 1px solid #DEDFE2;
    padding: 10px 0px 10px;
    /*width: 658px;*/
    overflow: hidden;
}

    .tintucbinhthuongbox img {
        float: left;
        margin-right: 10px;
    }

    .tintucbinhthuongbox a {
        display: block;
        color: #024382;
        font-size: 14px;
        margin-bottom: 5px;
    }

        .tintucbinhthuongbox a:hover {
            text-decoration: underline;
        }

    .tintucbinhthuongbox p {
        line-height: 20px;
    }

.phantrangtintuc {
    float: right;
    margin: 10px 0px 0px 0px;
    padding-bottom: 10px;
}

    .phantrangtintuc p {
        display: block;
    }

    .phantrangtintuc a {
        padding: 0px 5px;
    }

.tinkinhte_right h2 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 20px;
}

/*-------------  Chi tiet  --------------------------------------*/
#center_chitiet {
    width: 658px;
    margin: 20px 0px 0px 0px;
    border: 1px #72aad5 solid;
    float: right;
}

    #center_chitiet h2 {
        line-height: 35px;
        text-align: center;
        font-size: 14px;
        color: #8a8b8c;
        /*background: url(/Images/bg_tinkinhte.png) no-repeat bottom;*/
    }

#chitiettinbao h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 0;
    padding-top: 10px;
    text-transform: uppercase;
}

#chitiettinbao .description {
    font-weight: 600;
    font-style: italic;
}

.noidung_chitiet {
}

    .noidung_chitiet img {
        margin: 10px auto;
        display: block;
        width: 376px;
        height: 228px;
        overflow: hidden;
    }

#chitiettinbao .caption_noidung {
    width: 480px;
    margin: 0px auto;
    margin-bottom: 15px;
    width: 376px;
}

#chitiettinbao p {
    margin: 13px 0px;
    text-align: justify;
    line-height: 150%;
}

#chitiettinbao .caption_noidung p {
    color: #797979;
    line-height: 20px;
    font-size: 11px;
    text-align: center;
    margin: 0px;
}

.cacbantinkhac {
    margin: 20px -10px 20px;
    border-top: 2px solid #DFDEDE;
    padding: 0 10px;
}

    .cacbantinkhac span {
        font-size: 14px;
        display: block;
        margin: 10px 0px 5px;
        font-weight: bold;
        font-style: italic;
    }

    .cacbantinkhac ul {
        list-style: circle inside;
        color: #58595B;
    }

        .cacbantinkhac ul li {
            line-height: 25px;
        }

            .cacbantinkhac ul li a {
                color: #000;
            }

                .cacbantinkhac ul li a:hover {
                    color: #5eb181;
                    text-decoration: none;
                }

.noidung_chitiet p {
    text-align: justify;
    line-height: 20px;
}

.cactintieptheo {
    margin: 10px 0px;
    width: 625px;
    float: right;
}

    .cactintieptheo span {
        font-weight: bold;
    }

.bantinkhac {
    list-style: circle inside;
    color: #80b2d9;
}

    .bantinkhac li {
        line-height: 20px;
    }

        .bantinkhac li a {
            color: #000000;
        }

            .bantinkhac li a:hover {
                color: #80b2d9;
            }
/*----------------sản phẩm------------------*/
.sanpham {
    /*background: #ffffff url(/Images/bg_crblk01.jpg) repeat-x top;*/
    border-top: 1px solid #DEDFE2;
    padding: 10px 0px 10px;
    width: 658px;
    overflow: hidden;
}

    .sanpham img {
        float: left;
        margin-right: 10px;
        width: 150px;
    }

    .sanpham a {
        display: block;
        color: #024382;
        font-size: 14px;
        margin-bottom: 5px;
    }

        .sanpham a:hover {
            text-decoration: underline;
        }

    .sanpham p {
        line-height: 20px;
    }
/*---------------quảng cáo-----------------*/
#DivRight {
    float: right;
    height: auto;
}

/*------------------------*/
.phantrangtintuc p {
    display: block;
}

.phantrangtintuc a {
    padding: 0px 5px;
    background: #72B7FC;
    margin-right: 3px;
    color: white;
}

    .phantrangtintuc a.chonphantrang {
        font-weight: bold;
        background: #0380fc;
    }

/*-------------------chi tiết sản phầm--------------------*/
#title-product {
    font-size: 13pt;
    font-weight: bold;
    color: black;
    padding: 10px 10px 10px 0px;
}

#image-product {
    width: 180px;
    padding: 10px 10px 10px 15px;
    float: left;
}

#description-product {
    padding: 10px;
    /*float: right;*/
    text-align: justify;
}


#tab-product {
    padding-top: 20px;
}

#other-product {
    margin: 20px 0px;
    width: 100%;
    /*border-top: 1px solid #DFDEDE;*/
    padding-left: 0px;
}

    #other-product span {
        font-size: 14px;
        display: block;
        margin: 10px 0px 5px;
        font-weight: bold;
    }

    #other-product ul {
        list-style: circle inside;
        color: #58595B;
    }

        #other-product ul li {
            /*line-height:25px;*/
        }

            #other-product ul li a {
                color: #000000;
                font-weight: bold;
            }

                #other-product ul li a:hover {
                    color: #024382;
                    text-decoration: underline;
                    font-weight: bold;
                }

/*-----hình ảnh hoạt động-------*/
.playlist {
    max-height: 155px;
    overflow: auto;
    text-align: left;
}

    .playlist li {
        border-top: 1px solid #DFDFDF;
        line-height: 30px;
        padding: 0 0 0 5px;
        list-style: none;
    }

        .playlist li a {
            color: #555555;
        }

    .playlist span {
        border-right: 1px solid #DFDFDF;
        display: block;
        float: left;
        font-weight: bold;
        height: 18px;
        line-height: 18px;
        margin-right: 10px;
        margin-top: 5px;
        text-align: center;
        width: 25px;
    }
/*---------------User--------------------*/
#left-menu-user {
    margin-right: 10px;
    border: 1px solid #DDDDDD;
    width: 200px;
    float: left;
    display: inline-block;
    overflow: hidden;
    text-align: left;
    padding: 10px;
}

    #left-menu-user ul {
        list-style: none;
    }

#content-user {
    margin-left: 0px;
    float: left;
    display: inline-block;
    overflow: hidden;
    width: 685px;
    border: 1px solid #DDDDDD;
    text-align: left;
    padding: 10px;
}

    #content-user input {
        font-size: 12px;
        font-weight: bold;
        color: #3399ff;
    }

.LableText {
    width: 150px;
    text-align: right;
    display: inline-block;
}

.RowUser {
    padding-top: 4px;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
        background-color: #aff6d2;
    }

        .dropdown-submenu .dropdown-menu > li > a:focus, .dropdown-submenu .dropdown-menu > li > a:hover {
            background-color: #f5f5f5;
            color: #262626;
            text-decoration: none;
        }

.newshome a {
    color: #000;
}

    .newshome a:hover {
        text-decoration: none;
        color: #5eb181;
    }

#IManager a:hover {
    text-decoration: none;
}

.input-name {
    text-transform: capitalize;
}
