/* CSS Document */
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: normal;
}
.tit-gt{
    background: url('img/bg_menu.jpg') repeat-x 0 0 transparent;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:100%;
    height:30px;
    color:#fff;
    text-transform: uppercase;
    line-height:30px;
    
}
.contact_info strong{
    color:#000!important;
    font-size:13px;
}
.contact_info p span span {
    color:#000!important;   
}
.contact_info span{
    color:#1A507E!important
}
.img-gt{
    margin:15px 15px 15px 10px;
}
a.flag-tr{
    display:block;
    float:left;
    padding-top:9px;
    padding-left:13px;
}
a.an-vn{
    display:none!important;
}
a.an-en{
    display:none!important;
}
.tit-gt h3{
    background: url('img/icon_titlemenu.png') no-repeat 10px 7px transparent;
    padding-left:35px!important;
}
.tit-gt h3 a{
    font-size:12px;
    line-height:30px;
    color:#fff!important;
}
.tintuc img{
    float:left;
}
.text-intro{
    font-size:14px;
    margin-top:10px;
    margin-left:10px;
}
.tit-gt h3{
    padding-left:10px;
}
a, a:hover {
    text-decoration: none;
}
ul, ol, li {
    list-style: none;
}

#top_wrapper {
    width: 100%;
    height: 6px;
    background-image: url(img/bg_header.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #015198;
}

#suport {
    position: absolute;
    width: 196px;
    min-height: 260px;
    top: 20px;
    right: 0px;
    background: url(img/suport_dotbg.png) repeat-y left 6px;
    padding-left: 22px;
}
.body-art{
    padding:10px 5px 0px 5px;
}
.product_listing{
    padding:10px 0px 0px 0px!important;
}

/* wrapper*/
#wrapper {
    width: 100%;
    background-color: #fff;
}
/* Header*/
/*MENU TOP*/
#example ul li a.first-link:hover {
    background: url('img/bg_title_menutop.jpg') repeat-x 0 bottom transparent;
}

ul.danhmuc li{position:relative}
ul.danhmuc li ul{display:none;position:absolute;left:228px;top:0px;background:#fff;width:228px;z-index:100}
ul.danhmuc li:hover ul{display:block}
ul.danhmuc li ul li ul{display:none!important}
ul.danhmuc li ul li:hover ul{display:block!important}
ul.danhmuc li ul li{
    padding: 5px 10px 5px 10px;
    border-bottom: 1px dotted #3278ab;
    display: block;
}
ul.danhmuc li ul li a{
    color: black;
    font-size: 12px;
    font-weight: bold;
    padding-left: 20px;
    display: block;
    background: url(img/icon-li2.png) 0px 7px no-repeat;
    line-height: 25px;
}

/*MENU TOP*/
#wr_header {
    width: 100%;
    min-height: 116px;
}

    #wr_header #header_frame {
        width: 1000px;
        min-height: 116px;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
    }

        #wr_header #header_frame .langue {
            float: right;
            margin-top: 8px;
            text-decoration: underline;
        }

            #wr_header #header_frame .langue .en {
                background: url(icon/flag.png);
                background-repeat: no-repeat;
                background-position: right top;
                padding: 2px 30px 2px 0px;
                color: #fff;
            }

            #wr_header #header_frame .langue .vi {
                background: url(icon/flag.png);
                background-repeat: no-repeat;
                background-position: right bottom;
                padding: 2px 30px 2px 0px;
                color: #fff;
            }

        #wr_header #header_frame #logo {
            position: absolute;
            top: 21px;
            left: -2px;
        }

#hotline {
    margin-top: 43px;
    
}
#hotline .title {
    font: bold 21.18px arial;
    color: #2374bc;
    text-align: right;
    margin-right: 156px;
    display: block;
}
#hotline .number_phone {
        color: #da251c;
        font: bold 21.18px arial;
        margin-right: 156px;
        display: block;
    }
    /*#hotline span {
        color: #da251c;
        font: bold 15px arial;
        padding-left: 25px;
        padding-top: 23px;
        display: block;
    }*/

#wr_header #header_frame .livesupport {
    /*width: 288px;*/
    min-height: 116px;
    background: url('img/bg_spourt.jpg') no-repeat 134px 0 transparent;
    float: right;
}



    .box_support .yahoo span {
        color: #1e5eb5;
        font: normal 12px arial;
        padding-left: 24px;
        text-decoration: underline;
        display: block;
        padding-top: 6px;
    }
    .box_support .yahoo img{
        margin-top: 9px;
        float: left;
        margin-left: 2px;
    }
 .box_support .skype img {
    margin-top: 5px;
    float: left;
}

 .box_support .skype span {
    padding-top: 6px;
    color: #1e5eb5;
    font: normal 12px arial;
    padding-left: 24px;
    display: block;
    text-decoration: underline;
}
.content-md{
    background: url('img/bg_menuleft.jpg') repeat-x 0 center transparent;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    border-radius: 0 0 5px 5px;
    margin-top: -3px;
    text-align:center;
}
.content-md p{
    padding:5px 0;
}
.content-md p b{
    color:red;
    padding:5px 0;
}
.content-md p span{
    padding:2px;
    display:block;
}

.box_support {
    text-align:center;
    border: 1px solid #e2e2e2;
    border-radius: 5px 5px 5px 5px;
    min-height: 116px;
    margin: 20px 0;
}
.box_support .content {
    padding-left: 115px;
    padding-top: 27px;
}
.wr_support {
    clear: both;
    display: block;
}
.wr_support a{
    display: block;
    clear: both;
}

/* Top Menu */
#top_menu {
    height: 54px;
    background: url('img/bg-menu.png') repeat-x center 0;
    /*background:#2374BC;*/
    width: 1000px;
    height: 35px;
    margin: 0 auto;
    position: relative;
    font-size: 15px;
    color: #3a3a3a;
    z-index: 6;
    border-top:3px solid #fff;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

    #top_menu .en, #top_menu .vi {
        float: left;
        display: block;
        cursor: pointer;
        background: url('img/en.png') no-repeat 0 0 transparent;
        width: 20px;
        height: 15px;
        text-indent: 999px;
        margin-top: 9px;
        margin-left: 9px;
        margin-right: 14px !important;
    }

    #top_menu .vi {
        background: url('img/vi.png') no-repeat 0 0 transparent;
    }

.box_search {
    float: right;
    position: relative;
    width: 200px;
    height: 32px;
}

#top_menu .menu .search {
    position: absolute;
    right: 0px;
    top: 9px;
}

#top_menu .menu {
    width: 980px;
    height: 54px;
    margin: 0 auto;
    position: relative;
}
/* Main*/
#wr_main {
    width: 100%;
    clear: both;
}

    #wr_main #main_frame {
        width: 1000px;
        margin: 0 auto;
        position: relative;
        z-index: 3;
    }

#baner {
    height: 293px !important;
    width: 980px!important;
    overflow: hidden;
    left: 0 !important;
}

#slider {
overflow: hidden;
height: 231px;
}

#wr_main #main_frame #wr_banner {
    position: relative;
    height: 231px;
    width: 100%;
    overflow: hidden;
}

#wr_main #main_frame #wr_bar {
    width: 100%;
    min-height: 28px;
    border-top: 5px solid #eeeeee;
    border-bottom: 5px solid #eeeeee;
    background: white;
}

#wr_main #main_frame #wr_content {
    width: 100%;
    float: left;
    /*background: url(img/dot_border.png) repeat-y 199px top;*/
    margin-top: 18px;
}

/*#wr_content .sub_left {
    float: left;
    width: 198px;
}

#wr_content .sub_content {
    float: right;
    width: 764px;
}

#wr_main #main_frame #wr_articlelisting {
    width: 100%;
}

#wr_main #main_frame #wr_blockleft {
    float: left;
}

#wr_main #main_frame #wr_blockright {
    width: 785px;
    float: right;
}*/

#content_left {
    width: 230px;
    float: left;
}

#content_right {
    width: 750px;
    float: right;
    position: relative;
}

.bg_menu {
    background: url('img/bg_menu.jpg') repeat-x 0 0 transparent;
    width: 230px;
    height: 30px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

    .bg_menu .title {
        background: url('img/icon_titlemenu.png') no-repeat 10px 7px transparent;
        height: 23px;
        padding-left: 31px;
        padding-top: 8px;
    }

        .bg_menu .title a {
            color: #fff;
            text-transform: uppercase;
            font: bold 12px arial;
        }
        .bg_menu .title a:hover {
            color: #da251c;
        }

.box_menu .content {
    background: url('img/bg_menuleft.jpg') repeat-x 0 center transparent;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    border-radius: 0 0 5px 5px;
    margin-top: -3px;
}

#menuleft {
    padding-top: 8px;
    padding-bottom: 15px;
}

    #menuleft .caption {
        padding: 5px 10px 5px 10px;
        border-bottom: 1px dotted #3278ab;
        display: block;
    }

        #menuleft .caption > a {
            font-size: 12px;
            font-weight: bold;
            padding-left: 20px;
            display: block;
            background: url(img/icon-li2.png) 0px 7px no-repeat;
            line-height: 25px;
        }

    #menuleft li ul li {
        padding-top: 5px;
        padding-left: 14px;
    }

         #menuleft li a:hover {
             color: #da251c;
         }

.bg_nav {
    background: url('img/bg_nav.png') no-repeat 0 0 transparent;
    width: 750px;
    height: 30px;
    position: relative;
}

    .bg_nav .title {
        background: url('img/icon_titlemenu.jpg') no-repeat 10px 7px transparent;
        width: 317px;
        height: 23px;
        padding-left: 32px;
        padding-top: 8px;
        float: left;
    }

        .bg_nav .title a {
            color: #fff;
            text-transform: uppercase;
            font: bold 12px arial;
        }

.box_gioithieu {
    margin-top: 20px;
    width: 322px;
    min-height: 555px;
    padding-right: 20px;
    border-right: 1px solid #ececec;
    float: left;
    overflow: hidden;
}
.box_gioithieu .body {
    line-height: 18px;
    color: #3c3c3c;
}

.box_new {
    float: left;
    padding-left: 20px;
    margin-top: 20px;
}

.content-home {
    float: left;
    width: 100%;
}

.slide_partner {
    float: left;
    width: 100%;
}


/* Footerr*/
#wr_footer {
    float: left;
    width: 100%;
    min-height: 163px;
    background: url('img/bg_traidat.jpg') no-repeat scroll center top #2b6ea5;
}

.bg_footer {
    background: url(img/bg_slide_logo.png) no-repeat top center transparent;
    width: 100%;
    min-height: 163px;
}

#wr_footer_content {
    width: 1000px;
    /*height: 107px;*/
    margin: 0px auto;
    position: relative;
    padding-top: 66px;
}

    #wr_footer_content .menu_footer {
        float: left;
        margin-bottom: 5px;
    }

        #wr_footer_content .menu_footer .row {
            float: left;
            margin-right: 20px;
        }

            #wr_footer_content .menu_footer .row .item a {
                color: #96c7ee;
                font-size: 11px;
            }

            #wr_footer_content .menu_footer .row .item {
                background: url(img/butliet.png);
                background-repeat: no-repeat;
                background-position: left center;
                padding-left: 15px;
                margin-bottom: 5px;
            }

    #wr_footer_content .bottomLogo {
        position: absolute;
        top: 18px;
        left: 0px;
    }

    #wr_footer_content .info {
        position: absolute;
        top: 15px;
        left: 120px;
        color: #bad4f0;
    }

    #wr_footer_content .copyright {
        position: absolute;
        bottom: 10px;
        left: 0px;
        color: #bad4f0;
    }

        #wr_footer_content .copyright a {
            font-weight: bold;
            color: #fff;
        }

    #wr_footer_content .top100 {
        position: absolute;
        bottom: 4px;
        right: 0px;
        height: 29px;
    }

    #wr_footer_content .search {
        bottom: 5px;
        height: 27px;
        position: absolute;
        right: 130px;
        width: 235px;
    }

#bottom_footer {
    width: 100%;
    height: 32px;
    background: #204e7f;
    float: left;
}

    #bottom_footer .copyright {
        width: 1000px;
        margin: 0 auto;
        text-align: right;
        padding-right: 10px;
        font: normal 12px arial;
        color: #6fa1c9;
        height: 32px;
        line-height: 32px;
        position: relative;
    }

        #bottom_footer .copyright a {
            color: #6fa1c9;
            font: normal 12px arial;
        }

        #bottom_footer .copyright span {
            color: #6fa1c9;
            font: bold 12px arial;
        }

    #bottom_footer .info {
        width: 980px;
        height: 32px;
        margin: 0 auto;
        text-align: center;
        position: relative;
    }

        #bottom_footer .info .design {
            padding-top: 8px;
            color: #6fa1c9;
        }

            #bottom_footer .info .design .text {
                padding-left: 184px;
            }

            #bottom_footer .info .design .degien {
                color: #204e7f;
            }

            #bottom_footer .info .design a {
                color: #6fa1c9;
            }

            #bottom_footer .info .design .degien a {
                color: #204e7f;
            }

            #bottom_footer .info .design a:hover {
                text-decoration: none;
            }
/*Navigate*/
.nav {
    height: 30px;
}

    .nav a {
        background: url(img/icon_nav.png) no-repeat left 11px transparent;
        color: #fff;
        margin-right: 5px;
        padding-left: 10px;
        line-height: 30px;
        display: block;
        float: left;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: bold;
    }

        .nav a:hover {
            text-decoration: none;
            color: #da251c;
        }

        .nav a.home {
            background: url('img/icon_titlemenu.jpg') no-repeat 10px 7px transparent;
            padding-left: 32px;
        }

#ShareSocial {
    position: absolute;
    top: 5px;
    right: 6px;
    width: 100px;
    height: 20px;
}

    #ShareSocial a {
        margin-left: 5px;
        cursor: pointer;
        width: 20px;
        height: 20px;
        float: left;
    }
/*CONFIG ARTICLE*/
table {
    border-collapse: collapse;
    padding: 0;
}

table, th, td {
    border: 1px solid;
}

    table th, td {
        min-height: 30px;
        vertical-align: middle;
        padding: 1px 5px !important;
    }
/*Default*/
#infor {
    float: left;
    width: 100%;
    padding-top: 5px;
    background: url(img/dot_border.png) 378px top repeat-y;
    color: #3a3a3a;
    *margin-top: 20px;
}

#Footer_contact {
    position: absolute;
    right: 125px;
    top: 65px;
    line-height: 20px;
    text-align: left;
}

    #Footer_contact div {
        color: #96c7ee;
        font: bold 12px arial;
        margin-top: 5px;
    }

    #Footer_contact .company {
        color: #fff;
        font: bold 12px arial;
        text-transform: uppercase;
        margin-bottom: 10px;
        display: block;
    }

#histat {
    position: absolute;
    left: 0px;
    top: 7px;
}




#wr_footer_content .menu_footer {
    width: 595px;
    float: left;
    margin-right: 20PX;
    margin-top: -2px;
}

    #wr_footer_content .menu_footer .content {
        float: left;
        padding-right: 20px;
        width: 157px;
    }

        #wr_footer_content .menu_footer .content .title {
            margin-bottom: 10px;
        }

            #wr_footer_content .menu_footer .content .title a {
                color: #fff;
                font: bold 12px arial;
                background: none;
                padding-left: 0px;
                text-transform: uppercase;
            }

        #wr_footer_content .menu_footer .content a:hover {
            color: #da251c;
        }

        #wr_footer_content .menu_footer .content a {
            background: url("img/icon_footer.png") no-repeat scroll left 5px transparent;
            color: #a3d6ff;
            display: block;
            float: left;
            font: normal 12px arial;
            margin-bottom: 5px;
            padding-left: 12px;
            margin-left: 1px;
            width: 100%;
        }

.pager {
    min-height: 2px;
    background: #fff;
    margin-top: -1px;
    margin-top: -16px;
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
    float: right;
    margin-top: 20px;
}

.pager strong span {
        line-height: 21px;
        padding-right: 5px;
        display: inline-block;
        font-weight: bold;
        color: #fff;
        background: #2374BC;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        font-weight: bold;
    }

.pager a {
        width: 22px;
        height: 22px;
        line-height: 22px;
        text-align: center;
        display: inline-block;
        font-weight: bolder;
        color: #585858;
        margin-right: 5px;
        font-size: 13px;
        color: #fff;
        background: #2374BC;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        font-weight: bold;
    }
.pager strong {
        width: 22px;
        height: 22px;
        line-height: 22px;
        text-align: center;
        display: inline-block;
        font-weight: bolder;
        color: #585858;
        margin-right: 5px;
        font-size: 13px;
        color: #fff;
        background: #da251c;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        font-weight: bold;
    }
.pager a.select, .pager a:hover {
        color: #fff;
        background: #da251c;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        font-weight: bold;
    }
ul.count li p {
    color:red;
    font-size:12px;
    font-weight:bold;
    width:80%;
}
ul.count li p span{
    display:block;
    min-width:50%;
    color:#2374BC;
    font-size:12px;
    font-weight:bold;
    float:left;
}
ul.count li p label{
    display:block;
    color:red;
    font-size:12px;
    font-weight:bold;
    float:right
}
p.yesterday label{
    color:green!important;
}
.day {background:url(img/icon_homnay.png) no-repeat 1px 6px;padding-left:25px!important;text-align:left;height:30px;line-height: 29px;}
.yesterday {background:url(img/icon_homqua.png)no-repeat 1px 6px;padding-left:25px!important;text-align:left;height:30px;line-height: 29px}
.week {background:url(img/234.png)no-repeat 1px 6px;padding-left:25px!important;text-align:left;height:30px;line-height: 29px}
.month {background:url(img/icon_trongthang.png)no-repeat 1px 6px;padding-left:25px!important;text-align:left;height:30px;line-height: 29px}
.year {background:url(img/thang.png)no-repeat 1px 6px;padding-left:25px!important;text-align:left;height:30px;line-height: 29px}
.all{background:url(img/icon_tongcong.png)no-repeat 1px 6px;padding-left:25px!important;text-align:left;height:30px;line-height:30px}
/*=================*/