@charset "utf-8";
/* CSS Document */

@import url("css/fonts.css");
@import url("dkdn_custom/font-awesome.min.css");
* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
a {
    text-decoration: none;
}
body {
    font-family: arial;
    font-size: 13px;
    width: 100%;
}
label {
    display: block !important;
    max-width: 100%;
    margin-bottom: 0px !important;
    font-weight: normal !important;
}
img{max-width: 100%;}
a:hover {
    text-decoration: none !important;
}
.container1 {
    width: 1300px;
    margin: auto;
}
.container2 {
    width: 1000px;
    margin: auto;
}
.wow
{
    visibility: hidden;
}
.noidung .addthis_inline_share_toolbox{position: absolute;right: 0;top: 0px;}
.title_ct h2 a{float: right; text-decoration: underline;font-style: italic;color:#053769;text-transform:capitalize;font-size: 14px;}
/* ---------------------------Header---------------------- */
.section{width: 100%; float: left;}
.header {
    width: 100%;
    float: left;
    position: relative;
    top: 0px;
    left: 0px;
    /* background: #0f115c; */
    padding: 10px 0;
}
.header_detail {
    position: relative;
}
#banner {
    position: relative;
    display: inline-block;
    padding: 10px 0;
}

.transition {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.header_top {
    width: 100%;
    float: left;
    padding: 5px 0px;
    border-bottom: 1px solid #ccc;
}
.header_top .header_top_left {
    display: inline-block;
    float: left;
}
.header_top .header_top_left p {
    font-family: 'OpenSansRegular';
    font-size: 13px;
    color: #636363;
    display: inline-block;
    padding: 7px 20px;
}
.header_top .header_top_left p:first-child {
    padding-left: 0px;
}
.header_top .header_top_left p img {
    float: left;
    margin-right: 5px;
    margin-top: 3px;
}
.header_top .header_top_right {
    display: inline-block;
    float: right;
    text-align: right;
}
.header_top .header_top_right .dropdown 
{
    display: inline-block;
}
.header_top .header_top_right .btn-header 
{
    background: #29aae3;
}
.dropdown-menu
{
    z-index: 99999 !important;
}
.header_top .header_top_right a.dangtin {
    font-family: 'OpenSansBold';
    font-size: 14px;
    color: white;
    display: inline-block;
    padding: 7px 22px;
    background: #29aae3;
    border-radius: 5px;
    text-transform: uppercase;
    margin-left: 20px;
}
.header_top .header_top_right a.dangtin img {
    float: left;
    margin-right: 5px;
    margin-top: 2px;
}
.header_top .header_top_right a.dangtin:hover {
    background: red;
}
.header_top .header_top_right p {
    display: inline-block;
    padding: 0px 20px;
}
.header_top .header_top_right p:first-child {
    background: url('images/line_p.png') no-repeat center right;
}
.header_top .header_top_right p a {
    font-family: 'OpenSansRegular';
    font-size: 13px;
    color: #636363;
}
.header_top .header_top_right p img {
    float: left;
    margin-right: 5px;
    margin-top: 2px;
}
.header_top .header_top_right p:hover a {
    color: red;
}
.header .header_tm
{
    width: 100%;
    float: left;
    position: relative;
}
.header .header_tm .hotline_top
{
   width: 225px;
   float: right;
   padding-top: 15px;
   text-align: right;
}
.header .header_tm .hotline_top img
{
    float: left;
    margin-right: 10px;
    margin-top: -5px;
}
.header .header_tm .hotline_top p
{
    font-family: 'SFUFuturaBook';
    font-size: 13px;
    color: white;
    display: inline-block;
}
.header .header_tm .hotline_top span 
{
    color: #ffff00;
}
/* ------------------------------------------------- */

.banner1 {
    position: relative;
}
.banner2 {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.menu_fix {
    position: fixed !important;
    top: 0px;
    left: 0px;
    z-index: 999;
    transition: all 0.5s;
}
.login {
    float: right;
    display: inline-block;
    padding-top: 10px;
    padding-top: 13px;
    padding-bottom: 12px;
    padding-left: 20px;
    padding-right: 25px;
    background: url('images/line_menu.jpg') no-repeat top right;
}
.login_user {
    width: 100%;
    float: left;
    position: relative;
    max-width: 160px;
}
.login a img {
    float: left;
    margin-right: 5px;
    margin-top: -1px;
    margin: 0px 5px;
}
.login a {
    font-size: 12px;
    display: inline-block;
    color: #f5f5f5;
}
.login a:hover {
    color: yellow;
}
.login a.user {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}
.user_ul {
    position: absolute;
    top: 120%;
    left: 0px;
    width: 180px;
    padding: 5px;
    border: 1px solid #ccc;
    background: white;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    opacity: 0;
    z-index: -1;
}
.login a.user:hover {
    color: yellow;
}
.login:hover .user_ul {
    display: block;
    opacity: 1;
    z-index: 99;
}
.user_ul > li {
    padding: 5px 0px;
    background: none;
    line-height: normal;
    float: left;
}
.user_ul li a {
    color: #282c28;
    font-size: 13px;
    font-family: arial;
}
.user_ul > li > ul li a {
    color: #FF4E00 !important;
    font-size: 13px;
}
.user_ul li:hover a {
    color: red !important;
    font-weight: bold;
}
.user_ul > li:hover ul {
    display: block;
}
option:checked {
    color: red;
}
.red {
    color: red;
}
#container {
    width: 100%;
    float: left;
    overflow: hidden;
    background: #fff;
}
.container {
    width: 100%;
    float: left;
    background: url(images/footer.png) no-repeat bottom center;
}
.dangnhap_top {
    float: right;
    width: 22%;
    padding-top: 13px;
}
.dangnhap_top .a_dangky {
    display: inline-block;
    width: 85px;
    height: 26px;
    background: #f0f0f0;
    border-radius: 3px;
    text-align: center;
    line-height: 26px;
    font-family: 'RobotoRegular';
    font-size: 14px;
    color: black;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.dangnhap_top .a_dangnhap {
    display: inline-block;
    width: 85px;
    height: 26px;
    background: #f0f0f0;
    border-radius: 3px;
    text-align: center;
    line-height: 26px;
    float: right;
    font-family: 'RobotoRegular';
    font-size: 14px;
    color: black;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.dangnhap_top a:hover {
    background: #FF4E00;
    color: white;
}
.ngonngu {
    float: right;
}
.ngonngu ul li {
    float: left;
    padding: 0px 20px;
    background: url(images/line_menu.jpg) no-repeat top 5px left;
}
.ngonngu ul li:hover a {
    color: red;
}
.ngonngu ul li a {
    color: #595959;
}
#header {
   /*  width: 100%;
    float: left;
    background: white; */
}
.hotline {
    width: 20%;
    float: left;
    padding-top: 20px;
}
.hotline p {
    font-family: 'UTMAvo';
    font-size: 16px;
    color: #212121;
    float: right;
    margin-top: -23px;
    margin-right: 10px;
    text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
}
.hotline span {
    color: #f70000;
    font-size: 16px;
    display: block;
    float: right;
    font-family: 'UTMAvoBold';
    text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
}
#main_menu.active_top {box-shadow: 0 0 1px 0 #dfdfdf;}
#main_menu {
    margin-top: 16px;
    float: right ;
    text-align: center;
    padding: 0px 0;
    transition: all 0.5s;
    position: relative;
    z-index: 9999;
    display: inline-block;
}

/* search */
.timkiem{position: absolute;right: 0;bottom: 0;}
.timkiem > img{cursor: pointer;}
.timkiem form{position: absolute;top: -4px;right: 30px;width: 220px;display: none;}
.timkiem form input{
    padding: 5px 5px;
    width: 100%;
    border: none;
    font-family: RobotoRegular;
}
.timkiem form button{
    position: absolute;
    right: 0;
    top: 0;
    padding: 15px;
    background: #9b7c34 url('images/search.png') no-repeat center;
    border: none;
    outline: none;
}

.menu {
    width: 100%;
    position: relative;
}
.box_header {
    width: 100%;
    float: left;
    position: relative;
}
/*-----------------Tìm kiếm--------------*/

.icon_timkiem {
    width: 40px;
    height: 40px;
    background: #29aae3;
    border-radius: 50%;
    float: left;
    cursor: pointer;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.timkiem_menu {
    width: 220px;
    position: absolute;
    top: 100%;
    right: 0px;
    height: 30px;
    border-radius: 5px;
    background: #29aae3;
    opacity: 0;
    width: 0px;
    z-index: 999;
}
.form_timkiem {
    position: relative;
}
#name_tk1 {
    width: 100%;
    border: 0px;
    margin: 0px;
    height: 30px;
    padding-left: 10px;
    color: white;
    background: no-repeat;
    outline: none;
}
.nut_tim {
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(images/search.png) no-repeat center;
    top: 0px;
    outline: none;
    cursor: pointer;
    right: 0px;
    display: none;
    border: 0px;
    z-index: 99999999;
}
.active1 {
    opacity: 1;
    width: 220px;
}
.active1 .nut_tim {
    display: block;
}
.menu_mobile {
    position: absolute;
    top: 27px;
    right: -10px;
    display: none;
    z-index: 99999;
}
.menu_mobile span {
    margin-right: 10px;
    margin-top: 17px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
}
.menu_mobile i {
    float: left;
    margin-top: 3px;
    color: #fff;
    margin-right: 5px;
    font-size: 20px;
}
.hotro_top2 {
    display: none;
}
.hotro_top2 p {
    color: white;
    margin-top: 10px;
}
/*--------------Tìm kiếm slider-------------*/

.timkiem_slider {
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding: 20px 0px;
    padding-top: 30px;
    background: rgba(0, 0, 0, 0.8);
}
.timkiem_slider .timkiem_left {
    width: calc(100% - 127px);
    float: left;
}
.timkiem_slider .items_timkiem {
    width: calc(20% - 25px);
    float: left;
    padding: 5px;
}
.timkiem_slider .items_timkiem input {
    width: 100%;
    height: 32px;
    background: white;
    border: 0px;
    outline: none;
    padding-left: 10px;
}
.timkiem_slider .items_timkiem select {
    width: 100%;
    height: 32px;
    background: white;
    border: 0px;
    outline: none;
    padding-left: 10px;
}
.timkiem_slider button.btn_timkiem {
    width: 117px;
    height: 32px;
    float: right;
    background: #27a4dc;
    line-height: 32px;
    color: white;
    font-size: 14px;
    font-family: 'RobotoMedium';
    border: 0px;
    margin-top: 5px;
}
.timkiem_slider button.btn_timkiem img {
    margin-right: 5px;
}
.timkiem_slider button.btn_timkiem:hover {
    background: red;
    outline: none;
}
.timkiem_slider input::-webkit-input-placeholder {
    color: #000;
}
.timkiem_slider input:-moz-placeholder {
    /* Firefox 18- */
    
    color: #000;
}
.timkiem_slider input::-moz-placeholder {
    /* Firefox 19+ */
    
    color: #000;
}
.timkiem_slider input:-ms-input-placeholder {
    color: #000;
}
/*---------------slider-------------------*/

#slide_show {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
#myVideo
{
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black;
    background-image: /* our video */;
    background-position: center center;
    background-size: contain;
    object-fit: cover;
    z-index: 3;
}
#myVideo1
{
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black;
    background-image: /* our video */;
    background-position: center center;
    background-size: contain;
    object-fit: cover;
    z-index: 3;
    display: none;
}
.text_slider
{
    position: absolute;
    width: 70%;
    left: 0px;
    right: 0px;
    margin: auto;
    top: 30%;
    z-index: 9999;
    line-height: 25px;
    text-align: center;
}
.text_slider p
{
    color: white;
    font-family: 'SFUFuturaBook';
    font-size: 20px;
}
.text_slider img
{
    max-width: 100%;
    margin-top: 10px;
}
/*---------Content------------*/

.content_detail {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
}
.title_detail {
    width: 100%;
    float: left;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}
.title_detail h1 {
    text-transform: uppercase;
    color: #208950;
}
.box_detail {
    width: 100%;
    float: left;
    padding: 10px;
}
.border_title {
    width: 100%;
    border-bottom: 3px solid #be7e33;
    padding-top: 5px;
}
.content1 {
    padding-bottom: 20px;
    width: 74%;
    float: left;
    padding-right: 20px;
}
.content2 {
    width: 75%;
    float: left;
    padding-right: 20px;
}
.content3 {
    width: 100%;
    float: left;
    padding-top: 30px;
    padding-bottom: 30px;
}
.title {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    position: relative;
    margin-bottom: 20px;
}
.title:before {
    content: '';
    width: 134px;
    height: 6px;
    background: url('images/line_tab.png') no-repeat;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.title h2 {
    font-family: 'RobotoBold';
    font-size: 16px;
    color: #424242;
    text-transform: uppercase;
}
.title h2 img {
    float: left;
    margin-right: 5px;
}
.title h1 {
    font-family: 'RobotoBold';
    font-size: 16px;
    color: #424242;
}
.title h1 img {
    float: left;
    margin-right: 5px;
}
/*------------Tin tức------------*/
.title_tintuc
{
    width: 100%;
    text-align: center;
}
.title_tintuc h2
{
    font-family: 'OpenSansRegular';
    font-size: 28px;
    color: #008cd2;
    font-weight: normal;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.title_tintuc h2:before
{
    content: '';
    width: 65px;
    height: 3px;
    background: #008cd2;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    bottom: 0px;
}
/*-----------Ý kiến khách hàng--------*/
.box_items_tintuc
{
    max-width: 1366px;
    margin: auto;
}
.box_items_tintuc .box_ykien
{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    outline: none;
}
.box_items_tintuc .prev_pro
{
    position: absolute;
    top: calc(50% - 51px);
    left: 10px;
    z-index: 999;
    cursor: pointer;
}
.box_items_tintuc .next_pro
{
    position: absolute;
    top: calc(50% - 51px);
    right: 10px;
    z-index: 999;
    cursor: pointer;
}
.box_items_tintuc .box_ykien .container1
{
    position: relative;
    height: 100%;
}

.items_ykien
{
    width: 657px;
    height: 256px;
    overflow: hidden;
    position: absolute;
    top: 30%;
    left: 0px;
}

.items_ykien .items_ykien_left
{
    width: 50%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    float: left;
    padding: 20px;
}
.items_ykien .items_ykien_left h3
{
    font-family: 'SFUFuturaBook';
    font-size: 18px;
    color: #ffd900;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.items_ykien .items_ykien_left p
{
    font-family: 'SFUFuturaBook';
    font-size: 14px;
    color: #fff;
}
.items_ykien .items_ykien_left a
{
    font-family: 'SFUFuturaBook';
    font-size: 14px;
    color: #ffd900;
    margin-top: 20px;
    display: block;
    text-transform: uppercase;
}
.items_ykien .items_ykien_right
{
    width: 50%;
    height: 100%;
    background: rgba(255, 217, 0, 0.7);
    float: left;
    padding: 20px;
}
.items_ykien .items_ykien_right p
{
    font-family: 'SFUFuturaBook';
    font-size: 14px;
    color: #202020;
}
.items_ykien .items_ykien_right p img
{
    float: left;
    margin-right: 5px;
    width: auto;
}
.items_ykien .items_ykien_right span
{
    font-family: 'SFUFuturaBook';
    font-size: 16px;
    color: #202020;
    display: block;
    margin-top: 20px;
    float: right;
}
#tintuc
{
    width: 100%;
    float: left;
}
.tintuc1
{
    width: 100%;
    float: left;
}
.items_tintuc1
{
    padding: 15px;  
}

.items_tintuc1 .images_tintuc1 img {width: 100%;}
.items_tintuc1 .images_tintuc1
{
    width: 100%;
    float: left;
    overflow: hidden;
}

.items_tintuc1 .mota_tintuc1
{
 width: 100%;
 float: left;
 padding: 10px 0px;
 background: white;
 overflow: hidden;
}

.items_tintuc1 .mota_tintuc1 h3
{
    font-family: MyriadProRegular;
    font-size: 16px;
    color: #292929;
    font-weight: normal;
    position: relative;
    text-transform: uppercase;
}
.items_tintuc1:hover .mota_tintuc1 h3
{
    color: rgba(0, 0, 102, 255);
}

.items_tintuc1 .mota_tintuc1 p
{
    font-family: 'SFUFuturaBook';
    font-size: 13px;
    color: #292929;
    line-height: 25px;
}
/*------------Dự án--------------*/

.project_home {
    width: 100%;
    float: left;
    padding-top: 20px;
    padding-bottom: 80px;
}
.project_home:before {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    background: url('images/bg_gioithieu.jpg') top left,#ffd900;
}
.title_project {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.title_project h2 {
    font-family: 'SFUFuturaHeavy';
    font-size: 36px;
    color: #0f0f0f;
    text-transform: uppercase;
    position: relative;
    font-weight: normal;
}

.content_project{width: 100%; float: left;}
.project1 {
    width: 100%;
    float: left;
    padding-top: 10px;
}

.project1 .project1_left p {
    font-family: 'SFUFuturaBook';
    font-size: 15px;
    color: #0f0f0f;
    line-height: 25px;
}
.box-project_items
{
    width: 100%;
    float: left;
    padding-top: 40px;
}
.box-project_items .project_items
{
   float: left;
   width: calc(100% / 2);
   padding-right: 20px;
}

.box-project_items .project_items img
{
    float: left;
    margin-right: 10px;
}
.box-project_items .project_items h3
{
    font-family: 'SFUFuturaHeavy';
    font-size: 18px;
    color: #0f0f0f;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.box-project_items .project_items p
{
    font-family: 'RobotoRegular';
    font-size: 12px;
    color: #0f0f0f;
}
.title_project_items
{
    width: 100%;
    float: left;
    text-align: center;
}
.title_project_items h2
{
    font-family: 'OpenSansSemibold';
    font-size: 28px;
    color: #333333;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.project_items_news
{
    width: 100%;
    float: left;
}
.items_pr1
{

}
.items_pr .images-items_pr
{
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}
.items_pr .description-items_pr
{
    width: 100%;
    float: left;
    position: absolute;
    left: 0px;
    bottom: 0px;
    top: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.7);
    padding: 10px;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0, 0);
}
.items_pr img
{
    width: 100%;
    float: left;
}
.items_pr:hover .description-items_pr
{
    transform: scale(1, 1);
}
.items_pr:hover img
{
    transform: scale(1.1, 1.1);
}
.items_pr h3
{
   font-family: 'OpenSansSemibold';
   font-size: 18px;
   color: #fff;
   margin-bottom: 5px;
   text-align: center;
}
.items_pr:hover h3 {
    color: yellow;
}
.items_pr  p
{
   font-family: 'OpenSansRegular';
   font-size: 13px;
   color: #fff;
}
/*----------Không gian--------*/
.space
{
    width: 100%;
    float: left;
    background: url('images/bg_duan.jpg') repeat;
}
.space .box_space
{
    width: 386px;
    margin: auto;
    background: white;
    text-align: center;
    padding: 40px 20px;
}
.space .box_space h3
{
    font-family: 'OpenSansSemibold';
    font-size: 28px;
    color: #333333;
    text-transform: uppercase;
    position: relative;
    padding-bottom:10px;
    margin-bottom: 20px;
}
.space .box_space h3:before
{
    content: '';
    width: 94px;
    height: 7px;
    background: url(images/line_h2.png) no-repeat;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    bottom: 0px;
}
.space .icon_images
{
    position: relative;
    top: auto;
    left: auto;
    display: inline-block;
}
.space .box_space p
{
    color: #3e3e3e;
    font-size:13px;
    font-family:'OpenSansRegular';
    line-height: 25px;
}
.space .box_space a.a_pr
{
    margin-top: 20px;
}
/*------item----------------*/

.item_bds {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    padding: 10px;
    margin-top: 10px;
}
.item_bds .images_bds {
    width: 25%;
    float: left;
    padding-right: 10px;
}
.item_bds .images_bds img {
    width: 100%;
    vertical-align: top;
}
.item_bds .mota_bds {
    width: 75%;
    float: left;
}
.item_bds .mota_bds h3 {
    font-family: 'RobotoBold';
    font-size: 13px;
    color: #161616;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.item_bds:hover h3 {
    color: red;
}
.item_bds .mota_bds .box_p {
    width: 100%;
}
.item_bds .mota_bds .box_p .p_left {
    width: 100px;
    float: left;
}
.item_bds .mota_bds .mota_bds1 {
    width: 70%;
    float: left;
}
.item_bds .mota_bds .mota_bds2 {
    width: 30%;
    float: right;
    text-align: right;
}
.item_bds .mota_bds .mota_bds2 span {
    font-size: 12px;
    color: #666666;
    margin-bottom: 20px;
    display: block;
}
.item_bds .mota_bds .mota_bds2 p {
    font-family: 'RobotoBold';
    font-size: 15px;
    color: #f20909;
}
@keyframes fadein {
    from {
        top: 300px;
    }
    to {
        top: 0px;
    }
}
.frame_images {
    width: 300px;
    float: left;
}
#thongtin {
    width: 100%;
    float: left;
    padding: 36px 0px 67px 0px;
    background: url(images/bg_dmbt.jpg) no-repeat bottom center;
    background-color: #f3f8fe;
}
.bong_tren {
    width: 100%;
    float: left;
    background: url(images/bongtren.png) no-repeat;
    height: 17px;
    margin: 20px 0px 0px 0px;
}
.bong_duoi {
    width: 100%;
    float: left;
    background: url(images/bongduoi.png) no-repeat;
    height: 40px;
    margin: 0px 0px 0px 0px;
}
#video {
    width: 100%;
    float: left;
}
#video_load {
    margin: 0px 0px 0px 0px;
    background: url(images/bg_pro.png) repeat;
    width: 100%;
    float: left
}
#video_load .object {
    background: #fff;
    width: 100%;
    float: left
}
.video {
    width: 100%;
    padding: 5px;
    margin-bottom: 10px;
}
.sanpham_dm ul li a {
    text-decoration: none;
    width: 300px;
    float: left;
    padding: 0px 0px 8px 10px;
    color: rgba(255, 255, 255, 1)
}
.sanpham_dm ul li a:hover {
    color: rgba(255, 255, 0, 1)
}
.noidung {
    text-align: justify;
    color: #000;
    position: relative;
}
.noidung img {
    max-width: 100%;
    height: auto !important;
}
.thongtin_lh {
    width: 100%;
    float: left;
    padding: 0px 40px 20px 0px;
}
.thongtin_lh h1 {
    font-size: 20px;
    text-transform: uppercase;
    color: #04608B
}
.form_lh {
    width: 100%;
    float: left;
}
#form_contact input {
    padding: 5px;
}
ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#timkiem {
    position: absolute;
    top: 50px;
    right: -50px;
    width: 242px;
    float: right;
    background-color: #fff;
    height: 31px;
    z-index: 9999999999999;
    display: none;
    background: url(images/bg_timkiem.png) no-repeat;
    transition: all 0.5s;
}

#name_tk1::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #fff !important;
}
#name_tk1:-moz-placeholder {
    /* Firefox 18- */
    
    color: #fff !important;
}
#name_tk1::-moz-placeholder {
    /* Firefox 19+ */
    
    color: #fff !important;
}
#name_tk1:-ms-input-placeholder {
    color: #fff !important;
}
.box_new1 {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    float: left;
}
.box_new1 h3 {
    font-size: 12px;
    font-weight: normal;
}
.box_new1 h3 a {
    color: #4a4949;
}
.box_new1 h3 a:hover {
    color: red;
}
.box_new1 img {
    float: left;
    margin-right: 10px;
}
#timkiem input {
    width: 200px;
    height: 26px;
    float: left;
    background: none !important;
    border: 0;
    margin: 3px 0px 0px 6px;
    padding: 0px 10px 2px 10px;
    outline: none;
}
#timkiem button {
    width: 30px;
    float: right;
    margin-left: 5px;
    position: absolute;
    ;
    z-index: 10;
    right: 10px;
    top: 3px;
    border: 0px;
    background: none;
    height: 25px;
    cursor: pointer;
    outline: none;
}
.timkiem button:hover {
    color: rgba(255, 255, 0, 1);
}
.giohang_top {
    width: 150px;
    float: right;
    padding: 0px 0px 0px 0px;
    height: 35px;
    background: url(images/giohang.png) no-repeat left;
    line-height: 35px;
    font-size: 14px;
    margin: 0px 0px 0px 0px;
}
.giohang_top a {
    display: block;
    color: #333
}
.giohang_top a:hover {
    opacity: 0.7;
}
#slide_top {
    width: 100%;
    float: left;
    position: relative;
    border-bottom: 5px solid #7aaa00;
}
#giaohang {
    width: 900px;
    float: right;
}
#giaohang li {
    width: 165px;
    float: left;
    padding: 0px 20px 0px 45px;
    text-transform: uppercase;
    font-size: 12px;
}
#giaohang li a {
    display: inline-block;
    color: #000;
}
.giaohang_tq {
    background: url(images/giaohang.png) no-repeat 0px 3px
}
.giaohang_nt {
    background: url(images/nhantien.png) no-repeat 0px 3px
}
.giaohang_dt {
    background: url(images/doitra.png) no-repeat 0px 3px
}
.giaohang_lh {
    width: 350px !important;
    background: url(images/lienhe.png) no-repeat 0px 3px
}
.giaohang_lh span {
    font-weight: bold;
    color: #df0000;
    font-size: 16px;
}
#giaohang li a:hover {
    color: #047FBE
}
.vien_slide {
    width: 100%;
    float: left;
    position: absolute;
    background: url(images/bong_slide.png) no-repeat;
    height: 55px;
    background-size: 100%;
    bottom: 10px;
}
.album {
    width: 150px;
    float: left;
    margin: 15px 0px 0px 16px;
    position: relative;
    overflow: hidden;
}
.album img {
    width: 150px;
    height: 110px;
    float: left;
    padding: 4px;
    border: 1px solid #cde9ff;
}
.album h3 {
    font-size: 12px;
    position: absolute;
    z-index: 10;
    bottom: -30px;
    left: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 5px;
    transition: 0.5s;
}
.album:hover h3 {
    bottom: 0px;
}
#main {
    width: 100%;
    float: left;
}
.main {
    width: 100%;
    float: left;
}
.back_gr {
    width: 100%;
    float: left;
    background: rgba(255, 255, 255, 1);
}
#right {
    width: 315px;
    float: right;
}
/*---------------------Left----------*/

#left {
    width: 25%;
    float: right;
}
.left1 {
    width: 100%;
    float: right;
    border: 1px solid #ccc;
    padding-bottom: 10px;
}
#left .left2
{
    padding-top: 0px;
    margin-top: 20px;
}
#left .left1 .timkiem_slider {
    position: relative;
    left: auto;
    top: auto;
    background: none;
    padding-top:0px;
}
#left .left1 .title_left
{
    width: 100%;
    height: 40px;
    background: #29aae3;
    line-height: 40px;
    text-align: center;
}
#left .left1 .title_left h2
{
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'RobotoMedium';
}
#left .left1 .timkiem_slider .box_timkiem
{
    padding: 10px;
}
#left .left1 .timkiem_slider .items_timkiem
{
    width: 100%;
}
#left .left1 .timkiem_slider .container1
{
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}
#left .left1 .timkiem_slider input
{
    width: 100%;
    border: 1px solid #ccc;
}
#left .left1 .timkiem_slider select
{
    width: 100%;
    border: 1px solid #ccc;
}
#left .left1 .timkiem_slider button.btn_timkiem {
    width: 117px;
    height: 32px;
    float: right;
    background: #27a4dc;
    line-height: 32px;
    color: white;
    font-size: 14px;
    font-family: 'RobotoMedium';
    border: 0px;
    margin-top: 5px;
}
#left .left1 .box_left
{
    padding: 10px;
}
/*-----Left----------*/

#scroller1 {
    width: 100%;
    float: left;
    padding: 10px 10px;
}

.mota_tk {
    width: 180px;
    float: left;
}
.mota_tk h2 {
    font-size: 14px;
    color: #393939;
    font-family: 'RobotoCondensedRegular';
    font-weight: normal;
}
.mota_tk p {
    font-size: 14px;
    color: #686868;
    font-family: 'RobotoCondensedRegular';
    font-weight: normal;
    padding-top: 5px;
}
.mota_tk span {
    color: #333;
    font-size: 12px;
}
.item_comment {
    width: 100%;
    float: left;
    padding: 10px;
}
.item_thanhvien1 {
    width: 100%;
    float: left;
}
.images_tk img {
    float: left;
    border-radius: 50%;
    margin-right: 5px;
}
.left3 {
    width: 100%;
    float: left;
    padding-bottom: 10px;
}
.left3 p {
    font-size: 13px;
    font-family: 'RobotoBold';
    color: black;
    padding-bottom: 5px;
}
.left3 p span {
    color: red;
}
.left3 img {
    float: left;
    margin-right: 10px;
}
.left2 {
    width: 100%;
    float: left;
    padding-top: 20px;
}
.select_linhvuc,
.select_loaihinh_tk {
    width: 310px;
    height: 30px;
    outline: none;
    cursor: pointer;
}
.banner_qc1 {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 5px;
}
.banner_qc2 {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 5px;
}
.banner_item {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.title_left span {
    background: url(images/bg_chuyenkhoa.png) top center no-repeat, url(images/bg_top_menuleft.png) bottom center no-repeat;
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 800;
    color: #078493;
    padding: 23px 0 78px;
    margin-bottom: -8px;
}
.category-list > ul {
    width: 100%;
    max-width: 234px;
    margin: 0 auto;
    background: url(images/bg_right_menuleft.png) repeat-y right center;
    overflow: hidden;
}
.category-list > ul > li {
    margin-bottom: 10px;
}
.category-list .category-title {
    background: url(images/line_bottom.png) repeat center center;
    font-size: 15px;
    margin: 0;
    text-align: center;
    line-height: 25px;
    width: 100%;
    max-width: 234px;
    margin: 0 auto;
    text-transform: uppercase;
    display: block;
    border: 1px #e9e9e9 solid;
}
.category-list .category-title.active > span,
.category-list .category-title > span:hover {
    background: url(images/icon_normal_menuleft.png.png) no-repeat 10px center;
    color: #4c9f15;
    margin-left: 0;
}
.category-list .category-title > span {
    clear: both;
    position: relative;
    display: block;
    padding: 10px 10px 10px 45px;
    text-align: left;
    color: #101010;
    background: url(images/icon_active_menuleft.png.png) no-repeat 10px center;
}
.category-list .list {
    background: url(images/bg_menuleft_mid.png) repeat-y center center;
    margin: 0;
    padding: 10px 0;
    display: none;
}
.category-list .list > ul > li a:hover {
    margin-left: 10px;
    background: url(images/icon2_hover_menuleft.png) no-repeat 10px center;
    color: #c94c4c;
    transition: all .3s;
}
.category-list > ul > li ul {
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 241px;
}
. .category-list > ul > li li {
    width: 88%;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    border-bottom: 1px #ababab dashed;
    min-height: 30px;
    line-height: 30px;
    padding: 5px 0;
}
.category-list .list > ul > li a.active {
    margin-left: 10px;
    background: url(images/icon2_hover_menuleft.png) no-repeat 10px center;
    color: #c94c4c;
}
.category-list .list > ul > li a {
    background: url(images/icon2_menuleft.png) no-repeat 10px center;
    white-space: nowrap;
    padding: 5px 5px 5px 25px;
    color: #101010;
}
.category-list > ul > li li {
    width: 88%;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    border-bottom: 1px #ababab dashed;
    min-height: 30px;
    line-height: 30px;
    padding: 5px 0;
}
#right {
    width: 250px;
    float: right;
    margin: 0px 0px 0px 0px;
}
.margin_auto1 {
    width: 1000px;
    margin: auto;
}
.gioithieu_home {
    width: 100%;
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
}
.title_gioithieu {
    width: 100%;
    margin-top: 20px;
}
.title_gioithieu .img_gioithieu {
    float: left;
    margin-top: -15px;
    margin-right: 10px;
}
.title_gioithieu span {
    font-family: 'SFUSalzburgMedium';
    font-size: 20px;
    color: #ce0f16;
    text-transform: uppercase;
    margin-right: 10px;
}
.item_dichvu {
    width: 280px;
    float: left;
    margin: 10px;
}
.box_gioithieu_home {
    width: 959px;
    height: 401px;
    background: url(images/bg_gioithieu.jpg);
    margin-top: 20px;
    padding-bottom: 20px;
}
.content_gioithieu {
    width: 510px;
    float: left;
    background: #1e8950;
    padding: 20px;
}
.content_gioithieu span {
    color: white;
}
.giolamviec {
    width: 1349px;
    height: 260px;
    background: url(images/bg1.jpg) no-repeat;
    text-align: center;
    padding-top: 60px;
}
.giolamviec p {
    font-family: Tahoma;
    font-weight: bold;
    color: #ed1c24;
    text-transform: uppercase;
    padding-bottom: 10px;
    font-size: 25px;
}
.giolamviec span {
    font-size: 23px;
    color: black;
    font-weight: bold;
    display: inline-block;
}
.dangkyngay1 {
    width: 300px;
    height: 50px;
    display: block;
    margin-top: 10px;
    line-height: 50px;
    background: #1e8950;
    font-size: 23px;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    transition: giá trị;
    -moz-transition: giá trị;
    -webkit-transition: giá trị;
    -o-transition: giá trị;
    margin: 40px auto;
    text-align: center;
}
.dangkyngay1:hover {
    background: red;
}
.dangkyngay {
    width: 300px;
    height: 50px;
    display: inline-block;
    margin-top: 10px;
    line-height: 50px;
    background: #1e8950;
    font-size: 23px;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    transition: giá trị;
    -moz-transition: giá trị;
    -webkit-transition: giá trị;
    -o-transition: giá trị;
}
.dangkyngay:hover {
    background: red;
}
.dangkykham {
    width: 100%;
    height: 260px;
    background: url(images/bg2.jpg);
    padding-top: 40px;
}
.online1 {
    width: 33.33%;
    float: left;
}
.img_online {
    float: left;
    margin-right: 10px;
}
.mota_online {} .mota_online p {
    font-family: 'RobotoRegular';
    font-size: 32px;
    color: white;
}
.mota_online span {
    font-family: tahoma;
    font-size: 15px;
    color: white;
    text-transform: uppercase;
}
.title_h2 {
    width: 204px;
    height: 14px;
    margin: auto;
    background: url(images/h1_gioithieu.png);
}
.title_dichvu {
    width: 204px;
    height: 14px;
    margin: auto;
    text-align: center;
    background: url(images/h1_dichvu.png);
}
.title_dichvu h2 {
    color: #164b9b;
    font-size: 48px;
    font-family: 'RobotoCondensedRegular';
    font-weight: normal;
    text-transform: uppercase;
}
.title_dichvu span {
    font-family: 'UVNHongHaHep_R';
    font-size: 15px;
    color: #acacac;
}
.ha_gioithieu {
    width: 100%;
    float: left;
    padding-top: 20px;
}
.dichvu_home {
    width: 100%;
    float: left;
    padding-top: 40px;
    padding-bottom: 40px;
    background: url(images/bg_dichvu.jpg) no-repeat;
    position: relative;
}
.dichvu_home .icon_dichvu {
    width: 91px;
    height: 46px;
    background: url(images/tamgiac.png) no-repeat;
    position: absolute;
    top: -55px;
    left: 555px;
}
.dichvu_home h2 {
    font-family: 'UTMHelvetIns';
    font-size: 40px;
    color: white;
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
}
.dichvu_home p {
    text-align: center;
    color: white;
}
.margin_auto2 {
    width: 600px;
    margin: auto;
}
.box_dichvu_home {
    width: 100%;
    float: left;
    padding-top: 20px;
}
.box_dichvu_item {
    width: 100%;
    float: left;
    border: 1px solid #0da025;
}
.images_dichvu img {
    width: 100%;
}
.box_dichvu_item:hover .mota_dichvu {
    background: #197228;
}
.images_dichvu {
    width: 100%;
    float: left;
    margin-right: 20px;
}
.box_dichvu_item:hover h3 {
    color: red;
}
.mota_dichvu {
    width: 100%;
    float: left;
    padding: 20px 20px 40px 20px;
    background: #0da025;
    position: relative;
    transition: all 0.5s;
}
.mota_dichvu .icon_dichvu1 {
    width: 127px;
    height: 49px;
    background: url(images/chitiet.png) no-repeat;
    position: absolute;
    right: 0px;
    bottom: -5px;
}
.mota_dichvu h3 {
    font-family: 'UTMHelvetIns';
    font-size: 17px;
    font-weight: normal !important;
    color: white;
    text-transform: uppercase;
    text-align: center;
}
.le {
    border: 1px solid #197228;
}
.le .mota_dichvu {
    background: #197228;
}
.le:hover .mota_dichvu {
    background: #0da025;
}
.mota_dichvu span {
    font-size: 14px;
    font-family: arial;
    color: #f7f7f7;
}
.box_hinhanh {
    width: 100%;
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
}
.images_hinhanh {
    width: 287px;
    height: 230px;
    float: left;
    margin: 6px;
    position: relative;
    border: 1px solid #ccc;
}
.images_hinhanh:hover .mota_images {
    background: rgba(255, 255, 255, 0.8);
}
.images_hinhanh:hover .mota_images h3 {
    color: black;
}
.mota_images {
    padding: 7px;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    float: left;
    position: absolute;
    left: 0px;
    bottom: 0px;
    transition: all 0.5s;
}
.mota_images h3 {
    color: white;
}
.danhmuc {
    width: 100%;
    float: left;
    padding: 5px;
    border: 1px solid #ccc;
    border-top: 0px;
    box-shadow: 0px 0px 5px #ccc;
}
.left {
    width: 100%;
    float: left;
    padding: 10px 0px 10px 0px;
}
.danhmuc ul li {
    width: 100%;
}
.danhmuc ul .active:hover > a {
    color: red;
}
.danhmuc ul li a {
    padding: 5px 10px;
    border-bottom: 1px dotted #ccc;
    display: block;
    font-size: 15px;
    color: #303030;
}
.danhmuc ul li img {
    float: left;
    margin-right: 10px;
}
.danhmuc ul li ul {
    display: none;
}
.danhmuc ul li ul li a {
    padding-left: 50px;
}
.danhmuc ul li ul li a img {
    margin-top: 7px;
}
.danhmuc1 {
    margin-top: 10px;
    border: 1px solid #ccc;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%;
    float: left;
}
.offline {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
.offline p {
    font-size: 14px;
    font-weight: bold;
}
.offline p span {
    color: #fe0000;
    font-size: 18px;
}
.tinhtrang {
    border-top: 1px solid #627079;
    width: 100%;
    float: left;
}
.tinhtrang li a {
    display: block;
    padding: 5px 0px 5px 20px;
    background: url(images/muiten.png) no-repeat 10px 13px;
    color: #1F589F
}
.tinhtrang h4 {
    text-transform: uppercase;
    font-weight: 100;
    margin: 5px 0px 0px 5px;
    color: #999
}
.thanh {
    width: 100%;
    float: left;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    background: #009d00;
    border-top: 1px solid #008700;
    border-bottom: 1px solid #008700;
    height: 38px;
    line-height: 38px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-family: Tahoma;
    font-weight: bold;
}
.thanh2 {
    width: 183px;
    float: left;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    margin: 0px 0px 0px 30px;
    text-align: center;
    font-weight: bold;
    height: 38px;
    line-height: 38px;
    text-shadow: 0px 0px 3px #333;
}
.hotline_l {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    color: #010101;
    width: 100%;
    background: rgba(227, 0, 0, 0.7);
    color: #fff;
    padding: 5px 0px 5px 0px;
}
.hotline_l span {
    font-size: 24px;
}
.hotro {
    background: url(images/hotro.png) no-repeat right top;
    padding: 132px 0px 0px 0px;
}
.thanh img {
    float: left;
    margin: 2px 10px 0px 10px;
}
.thanh h4 {
    color: rgba(255, 255, 255, 1);
    margin-top: 8px;
    font-weight: 100;
}
.menu_left {
    width: 100%;
    float: left;
    padding-bottom: 10px;
}
.menu_left ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.menu_left ul li {
    width: 100%;
    float: left;
}
.menu_left ul li:last-child {
    border-bottom: 0px;
}
.menu_left ul a {
    width: 100%;
    float: left;
    padding: 5px 0px 5px 25px;
    background: url(images/muiten_detail.png) no-repeat 5px 10px;
    text-decoration: none;
    color: #333;
    font-size: 12px;
}
.menu_left li ul a {
    width: 100%;
    float: left;
    color: #666;
}
.menu_left ul a:hover {
    color: #05628D;
}
.menu_left li ul a {
    padding-left: 30px;
    background: url(images/pagination.png) no-repeat 15px 12px;
}
.menu_left li ul li ul a {
    padding-left: 40px;
    background: url(images/muiten_trong.png) no-repeat 30px 10px;
}
.yahoo {
    width: 100%;
    float: left;
    margin: 10px 10px 10px 10px;
}
.yahoo p.ten {
    width: 100px;
    float: right;
    font-size: 14px;
    color: #666;
}
.yahoo p {
    width: 100%;
    float: left;
    color: #333;
}
.yahoo a {
    color: #333;
}
.yahoo p span {
    float: left;
    width: 30px;
    margin: 0px 0px 0px 10px;
}
.yahoo p .ten {
    margin-top: 10px;
    font-size: 15px;
    color: #3853a4;
}
.yahoo p.hinh a {
    float: left;
    margin: 5px 0px 0px 5px;
}
.yahoo .email {
    width: 100%;
    float: left;
    color: #707070;
    font-weight: normal;
    padding: 7px 0px 10px 34px;
    font-size: 14px;
    box-sizing: border-box;
    background: url(images/email.png) no-repeat 10px 10px;
}
.yahoo .email1 {
    width: 100%;
    float: left;
    color: #707070;
    font-weight: normal;
    padding: 7px 0px 5px 34px;
    font-size: 14px;
    box-sizing: border-box;
    background: url(images/dienthoai.png) no-repeat 10px 10px;
}
.visit_hidden {
    visibility: hidden;
    height: 1px;
}

ul.pagination {
    text-align: center;
    color: #829994;
}
ul.pagination li {
    display: inline;
    padding: 0 3px;
}
ul.pagination a {
    color: #0d7963;
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #29aae3;
    text-decoration: none;
}
ul.pagination a:hover,
ul.pagination a.current {
    background: #29aae3;
    color: #fff;
}
/* ========== Content pagination ========== */

.paging {
    text-align: center;
    width: 100%;
    display: inline-block;
}
.pagination {
    margin: auto;
    width: auto;
    text-align: center;
    margin-top: 10px;
}
.pages {} .pages li.prev {
    margin-right: 15px;
}
.pages li.next {
    margin-left: 15px;
}
.pages li {
    display: inline-block;
    margin: 5px 2px;
}
.pages li a {
    height: 25px;
    padding: 4px 8px;
    text-decoration: none;
    color: #666666;
    font-weight: bold;
    background: url(../images/backgrounds/pagingBg.png) repeat-x 0 0;
    border: 1px solid #d5d5d5;
    font-size: 11px;
}
.pages li a:hover {
    background: #f6f6f6;
}
.pages li .active {
    background: url(../images/backgrounds/sideGradient.png) repeat-x;
    color: #fff;
    border-color: #424852;
}
.pages li .active:hover {
    background: #2a313d;
}
.ngaydang {
    font-style: italic;
    color: #333;
}
.bando {
    float: left;
    border: 2px solid #fff;
    margin: 0px 0px 0px 30px;
}
.online {
    background: url(images/muiten.png) no-repeat 10px 12px;
    color: #FFF;
}
.online span {
    width: 80px;
    float: left;
    padding-left: 20px;
}
.bong_info {
    width: 730px;
    float: right;
    height: 30px;
    font-weight: 900;
    color: #333333;
    text-transform: uppercase;
    line-height: 30px;
}
.thongtin {
    width: 250px;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    border-bottom: 1px dotted #999999;
    font-weight: bold;
    font-size: 14px;
}
.tin_moi {
    padding: 0px 10px 0px 10px;
}
.tin_moi a {
    text-decoration: none;
    color: rgba(51, 51, 51, 1);
}
.tin_moi img {
    float: left;
    border: 1px solid rgba(204, 204, 204, 1);
    padding: 2px;
    margin-right: 10px;
    margin-top: 10px;
}
#content {
    width: 100%;
    float: left;
    border-top: 0px;
}
#info {
    width: 100%;
    float: left;
    padding: 20px 0px;
}
#sanpham {
    width: 100%;
    float: left;
}
.khung {
    width: 100%;
    float: left;
}
.xemtiep {
    width: auto;
    float: right;
    font-size: 11px;
    background: url(images/sao.png) no-repeat 0px 3px;
    padding-left: 20px;
    text-align: center;
}
.xemtiep a {
    text-decoration: none;
    color: rgba(0, 153, 204, 1);
}
.xemtiep a:hover {
    color: rgba(153, 0, 0, 1);
}
.giaohang {
    width: 100%;
    float: left;
    margin-top: 20px;
}
.thanh_title {
    width: 100%;
    float: left;
    margin: 0px 0px 10px 0px;
    background: #e8e8e8;
    font-family: 'UVNHongHaHep_R';
}
.thanh_title h2,
.thanh_title h4 {
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
    display: inline-block;
    padding: 7px 0px 7px 10px
}
.thanh_title h2:after,
.thanh_title h4:after {
    content: "";
    background: url(images/nut.png) no-repeat;
    height: 16px;
    float: right;
    width: 16px;
    margin: 7px 0px 0px 10px;
}
.thanh_bottom {
    width: 100%;
    float: left;
    margin: 0px 0px 10px 0px;
    background: url(images/title_bt.png);
    padding: 0px 0px 0px 20px;
}
.thanh_bottom h4 {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
}
.item_index {
    float: left;
    text-align: center;
    font-size: 12px;
    margin: 5px 0px 0px 0px;
    position: relative;
    transition: 0.3s;
    padding: 20px;
}
.item_index img {
    max-width: 100%;
}
.item_index h3 {
    color: #e98529;
    text-transform: uppercase;
    font-size: 14px;
    margin: 5px 0px 5px 0px;
}
.item_index .mota {
    color: #666;
}
.item_index .giaban {
    color: #FF0000;
    font-weight: bold;
}
.item_index .giacu {
    color: #666;
    text-decoration: line-through;
    font-size: 12px;
}
.item_index:hover {
    box-shadow: 0px 0px 10px #ccc;
}
.item_index:hover h3 {
    color: #047CB4
}
.item_index .giamgia {
    position: absolute;
    z-index: 10;
    right: 20px;
    top: 20px;
    width: 50px;
    height: 50px;
    border: 2px solid #ccc;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    color: #bf1522;
    padding: 5px 0px 0px 0px;
    font-weight: bold;
    font-size: 14px;
}
.item_index .giamgia p {
    font-size: 10px;
    color: #ccc;
}
.khung_thongtin {
    width: 417px;
    float: left;
    padding-left: 20px;
}
.khung_thongtin li {
    padding: 5px 0px 5px 0px;
    border-bottom: 1px solid #ccc;
}
.khung_thongtin h2 {
    font-size: 26px;
    color: #006f1a
}
.khung_thongtin .masp {
    font-weight: bold;
    color: #333;
}
.khung_thongtin .mota_detail {
    color: #757575
}
.khung_thongtin .gia_detail {
    font-size: 24px;
    color: #cd0000;
    font-weight: bold;
}
.khung_thongtin .gia_detail b {
    color: #333
}
.khung_thongtin .giacu_detail {
    color: #999;
}
.khung_thongtin .giacu_detail span {
    text-decoration: line-through;
}
.khung_thongtin .baohanh_detail {
    color: #015DA4;
}
.dathang_detail .thanhtoannhanh {
    width: 239px;
    float: left;
    background: url(images/thanhtoannhanh.png) no-repeat;
    height: 46px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    padding: 9px 0px 0px 50px;
    cursor: pointer;
}
.dathang_detail .muangay {
    width: 177px;
    float: left;
    background: url(images/thanhtoan.png) no-repeat;
    height: 46px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    padding: 9px 0px 0px 70px;
    cursor: pointer;
}
.dathang_detail .thanhtoannhanh:hover,
.dathang_detail .muangay:hover {
    color: #9C1515;
}
.dathang_detail span {
    width: 42px;
    height: 42px;
    padding: 7px 0px 0px 0px;
    float: left;
    border: 3px solid #ccc;
    border-radius: 50%;
    text-align: center;
}
.huongdan_detail a {
    width: 100%;
    float: left;
    padding: 5px 0px 10px 30px;
    background: url(images/giohan.png) no-repeat 0px 5px;
    color: #333;
    font-style: italic;
}
.huongdan_detail a:hover {
    color: #04579D
}
.box_new {
    width: 50%;
    float: left;
    padding: 10px;
}
.box_new img {
    width: 120px;
    border: 1px solid #ccc;
    padding: 2px;
    float: left;
    margin: 0px 10px 0px 0px;
}
.box_new h3 {
    text-transform: uppercase;
    font-weight: 100;
    color: #333;
}
.box_new h3 a {
    color: #333;
}
.box_new p {
    font-size: 12px;
    color: #333;
}
.box_new:nth-child(2n+1) {
    clear: left;
}
.box_new:hover h3 a {
    color: #026A90
}
.thongtin_detail {
    font-style: italic;
}
.khuyenmai_detail {
    margin: 5px 0px 0px 0px;
}
.khuyenmai_detail label {
    text-transform: uppercase;
}
.khuyenmai_detail ul li {
    padding: 5px 0px 5px 20px;
    background: url(images/muiten_detail.png) no-repeat 0px 11px;
    color: #008c00
}
.khung_km {
    border: 1px solid #dfdcdc;
    padding: 10px;
}
.selectors {
    border: 1px solid #ccc;
    text-align: center;
    float: left;
    width: 100%
}
.table_info {
    width: 100%;
    float: left;
}
.quangcao_in {
    position: absolute;
    z-index: 10;
    top: 48px;
    left: 410px;
}
.quangcao_in:hover {
    box-shadow: 0px 0px 10px #999;
}
.quangcao_in img {
    float: left;
}
.dieuhuong {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.dieuhuong a {
    font-size: 15px;
    color: #000;
}
.dieuhuong a:hover {
    color: #007597;
}
.thanhsp {
    width: 100%;
    float: left;
    margin: 0px 0px 20px 0px;
    background: #ffd800;
}
.thanhsp h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 100;
    display: inline-block;
    padding: 0px 20px 0px 10px
}
.thanhsp h2:before {
    content: "";
    background: url(images/after.png) no-repeat;
    height: 18px;
    float: left;
    width: 139px;
    margin: 15px 0px 0px 0px;
}
.thanhsp h2:after {
    content: "";
    background: url(images/after.png) no-repeat;
    height: 18px;
    float: right;
    width: 139px;
    margin: 15px 0px 0px 0px;
}
.thanhsp span {
    color: #FE0000
}
.khung_khac {
    width: 100%;
    float: left;
    margin: 0px 0px 20px 0px;
}
#java_km {
    width: 100%;
    float: left;
}
.thanhdt {
    width: 100%;
    float: left;
    margin: 10px 0px 20px 0px;
    text-align: center;
    height: 60px;
    line-height: 55px;
}
.thanhdt h2 {
    color: #333333;
    text-transform: uppercase;
    font-size: 26px;
    background-color: #fff;
    display: inline-block;
    padding: 0px 20px 0px 10px;
    font-weight: 100;
}
.thanhdt span {
    color: #FE0000
}
.tin_tuc {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 10px;
}
.tin_tuc h2 {
    display: inline-block;
    background: url(images/thanhsp.png) no-repeat;
    height: 64px;
    background-size: 100% 100%;
    padding: 10px 80px 0px 80px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 100
}
.tin_tuc h3 {
    color: #646464;
    text-transform: uppercase;
    margin: 10px 0px 5px 0px;
}
.tin_tuc p {
    color: #666666;
    font-size: 12px;
}
.tin_tuc ul li {
    width: 370px;
    float: left;
    margin: 20px 0px 0px 10px;
    text-align: left;
}
.tin_tuc ul li img {
    width: 66px;
    height: 66px;
    float: left;
    margin: 10px;
    border-radius: 100%;
}
.tin_tuc ul li {
    padding: 2px 0px 2px 10px;
}
.tin_tuc ul li a {
    color: #00426f;
}
.tin_tuc ul li span {
    color: #ccc
}
.tin_tuc a:hover {
    color: rgba(255, 0, 0, 1);
}
.box_product {
    width: 100%;
    float: left;
    padding-top: 20px;
}
.item {
    width: 246px;
    float: left;
    padding: 10px;
    text-align: center;
}
.item:hover img {
    opacity: 0.7;
}
.item:hover h3 {
    color: red;
}
.item img {
    width: 100%;
    transition: all 0.5s;
}
.item h3 {
    color: #1C894F;
    font-weight: normal;
    text-align: center;
    margin: 10px 0px 10px 0px;
    font-size: 15px;
    font-family: 'RobotoMedium';
    transition: all 0.5s;
}
.content_right {
    width: 100%;
    float: left;
    background: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 5px;
}
.content_left {
    float: left;
    width: 250px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.title_danhmuc h2 {
    font-size: 16px;
    text-transform: uppercase;
    color: #FFF;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin: 0px;
    padding-left: 20px;
    background: #A04B0A;
    width: 245px;
}
.item_support {
    padding: 5px 0px;
    border-bottom: 1px dashed #dcdbdb;
}
.item_support .item1 {
    float: left;
    width: 50%;
    text-align: center;
    font-weight: bold;
    color: #000000;
}
.item_support .item1 .name {
    font-weight: bold;
    color: #a30000;
    text-transform: uppercase;
    background: url(images/arrow.png) no-repeat 10px 10px;
    padding-top: 5px;
    margin-bottom: 5px;
}
.item_support .item1 img {
    vertical-align: bottom;
}
.item_support .phone {
    font-weight: bold;
    color: #a30000;
    padding-top: 5px;
}
#donvi {
    width: 100%;
    float: left;
    height: 400px;
    background: url(images/bg_dangky.jpg);
    padding-top: 90px;
}
.dangkynhantin {
    width: 584px;
    height: 250px;
    margin: auto;
    text-align: center;
}
.dangkynhantin h4 {
    text-transform: uppercase;
    font-family: 'RobotoBold';
    font-size: 26px;
    color: black;
}
.dangkynhantin .bg_bottom {
    width: 366px;
    height: 16px;
    margin: auto;
    background: url(images/h1_dangky.png);
    margin-bottom: 20px;
}
.item p {
    color: #000;
    font-size: 13px;
}
.item p span {
    color: rgba(255, 0, 0, 1);
}
.giaohang_tn {
    width: 380px;
    float: left;
    padding: 20px 10px 20px 160px;
    color: #fff;
    background: url(images/giaohang.png) no-repeat 0px 10px;
    border-right: 1px solid #0081b4;
}
.giaohang_tn h4 {
    color: #fbda42;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'RobotoCondensed';
}
.giamgia_hot {
    position: absolute;
    width: 40px;
    float: left;
    height: 40px;
    z-index: 1;
    top: 3px;
    right: 3px;
    background: #E90000 none repeat scroll 0% 0%;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    color: #FFF;
}
.dangky_tin {
    margin: 0px 0px 10px 0px;
    float: right;
    width: 400px;
    color: #fff;
}
.dangky_tin h4 {
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
    float: left;
    margin-top: 10px;
    color: #fbda42;
    font-size: 18px;
    font-family: 'RobotoCondensed';
}
.dangky_tin p {
    font-size: 14px;
    margin: 5px 0px 5px 0px;
    font-size: 12px;
}
.dangky_tin p span {
    text-transform: uppercase;
    font-size: 16px;
}
.dangky_tin input {
    width: 100%;
    padding: 10px;
    border-radius: 2px;
    border: 0px;
    background: #efefef;
    margin-top: 10px;
}
.dangky_tin button {
    border: 0px;
    background: #fbda42;
    width: 100px;
    height: 36px;
    border-radius: 0px 5px 5px 0px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    z-index: 100;
    top: 10px;
    right: 0px;
    padding: 10px;
    cursor: pointer;
}
.dangky_tin button:hover {
    opacity: 0.5;
}
.xemthem {
    float: right;
    margin: 10px 10px 0px 0px;
    font-size: 18px;
    color: #595959
}
.xemthem:hover {
    color: #035381
}
.chitiet {
    float: right;
    border-radius: 5px;
    text-align: center;
    height: 22px;
    color: #fe8152;
    text-decoration: underline;
    line-height: 22px;
}
.chitiet:hover {
    color: #03758D;
}
.dathang {
    width: 80px;
    float: left;
    height: 25px;
    border-radius: 5px;
    background: #39a01f;
    text-align: center;
    margin-left: 40px;
    line-height: 25px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}
.cls {
    width: 100%;
    float: left;
    border-bottom: 1px dashed #CCCCCC;
}
.gach {
    width: 100%;
    float: left;
    border-bottom: 1px dotted #ccc;
    margin: 5px 0px 5px 0px;
}
.noidung ul li {
    list-style-type: none !important;
}

/*------------Footer---------*/
/* .bottom {
    width: 100%;
    float: left;
    padding: 20px 0px;
}
.bottom:before {
    content: '';
    width: 100%;
    height: 100%;
    background: url('images/bg_quytrinh.jpg') repeat top left;
    position: absolute;
    top: 0px;
    left: 0px;
} */
#footer {
    width: 100%;
    float: left;
}
.footer {
    width: 100%;
    float: left;
    position: relative;
    padding: 50px 0 10px 0;
}
.footer1{width: 100%;display: grid;grid-template-columns: 3fr 1fr;margin-bottom: 0;}
.footer1 p{
    font-family: RobotoRegular;
        font-size: 13px;
        color: #ffffff;
}
.footer1 p span{padding: 0 0 0 0px;position: relative;top: 10px;}
.footer1 p.email span{background: url('images/email.png') no-repeat left center;}
.footer1 p.diachi span{background: url('images/map.png') no-repeat left center;}
.footer1 p.phone span{background: url('images/phone.png') no-repeat left center;}
.mangxahoi2{width: 100%;text-align: right;position: relative;}
.mangxahoi2 a{margin: 0 0 0 10px;}
.coppy{
    text-align: right;
    font-family: RobotoRegular;
    font-size: 10px;
    color: #ffffff;
    margin: 10px 0 0 0;
}
.tab_content
{
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 20px;
    min-height: 300px;
}
.item_quytrinh
{
    width: 100px;
    height: 100px;
    padding: 10px;
    background: #b19910;
    border-radius: 50%;
    display: inline-block;
    vertical-align: top;
    margin: 10px 20px;
    position: relative;
}
.item_quytrinh .item_quytrinh1
{
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.item_quytrinh1 p
{
    font-family: 'SFUFuturaBook';
    font-size: 18px;
    color: black;
}
.item_quytrinh:hover p
{
    color: white;
}
.item_quytrinh:hover 
{
    background: none;
}
.item_quytrinh:hover:after
{
 content: '';
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0px;
 left: 0px;
 border: 1px solid white;
 border-radius: 50%;
 cursor: pointer;
} 
.ative_items:after
{
 content: '';
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0px;
 left: 0px;
 border: 1px solid white;
 border-radius: 50%;
 cursor: pointer;
} 
.ative_items p
{
    color: white;
}
.ative_items 
{
    background: none;
}
.ative_items:before
{
    content: '';
    width: 1px;
    height: 51px;
    background: white;
    position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
    margin: auto;
}
.box_quytrinh
{
    width: 100%;
    float: left;
    text-align: left;
    border-top: 1px solid white;
    margin-top: 40px;
    padding-top: 20px;
    height: 125px;
    overflow-y: scroll;
}
.box_quytrinh::-webkit-scrollbar {
    width: 6px;
    height: 10px;
}
.box_quytrinh::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: #000;
    border-radius: 5px;
}
.box_quytrinh p
{
    font-family: 'SFUFuturaBook';
    font-size: 14px;
    color: white;
    line-height: 25px;
}

.logo_footer img
{
    max-width: 100%;
}
.menu_footer ul
{
    text-align: center;
    padding-top: 30px;
}
.menu_footer ul li
{
    display: inline-block;
}
.menu_footer ul li a
{
    color: #616161;
    font-family: 'SFUFuturaBook';
    font-size: 16px;
    display: inline-block;
    padding: 10px 20px;
}
.menu_footer ul li.active a
{
    color: yellow;
}
.menu_footer ul li:hover a
{
    color: yellow;
}
.footer2
{
    width: 100%;
    float: left;
    border-top: 1px solid #3e3e3e;
    padding-top: 10px;
}
.footer2 p
{
 font-size: 14px;
 color: #616161;
 line-height: 25px;
 font-family: 'SFUFuturaBook';
}

.footer2 .footer2_right
{
    text-align: right;
    padding-left: 20px;
}
.mangxahoi
{
    position: absolute;
    top: 0;
    right: 0;
}
.mangxahoi img {
    display: inline-block;
    margin: 0 5px;
}

.footer6
{
    width: 100%;
    float: left;
    text-align: center;
    padding: 15px 0px;
    background: #f4f4f4;
}
.footer6 p
{
    font-family: 'OpenSansRegular';
    font-size: 13px;
    color: #545454;
}
.tags_footer {
    width: 100%;
    float: left;
    padding: 20px 0px;
    background: #eeeeee;
}
.tags_footer ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: row wrap;
}
.items_tags {
    width: 240px;
    float: left;
    padding-right: 20px;
}
.items_tags:last-child {
    padding-right: 0px;
}
.items_tags h3 {
    font-size: 12px;
    color: #373737;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.items_tags h3 img {
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}
.items_tags li a {
    display: block;
    padding-bottom: 10px;
    color: #595959;
    font-size: 12px;
}
.items_tags li:hover a {
    color: red;
}
#map_canvas_bt {
    width: 100%;
    height: 300px;
}
#map_canvas1 {
    width: 100%;
    height: 400px;
}
.yahoo1 {
    width: 33%;
    float: left;
    text-align: center;
}
.yahoo1 p {
    color: #c6c6c6;
}
.gach_menu {
    width: 209px;
    height: 5px;
    background: url(images/gach_yahoo.png);
    margin: auto;
    margin-top: 10px;
}
.p_yahoo1 {
    color: #e7e7e7;
    font-size: 14px;
    background: url(images/dienthoai.png) no-repeat top 9px left;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.p_yahoo2 {
    color: #e7e7e7;
    font-size: 14px;
    background: url(images/email.png) no-repeat top 9px left;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.footer4 {
    width: 370px;
    float: left;
    padding-left: 20px;
}
.footer4 h2 {
    font-size: 16px;
    color: #ebebeb;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: normal;
    font-family: 'RobotoCondensed';
    border-left: 6px solid #ebebeb;
    display: block;
    height: 17px;
    padding-left: 10px;
}
.nhanmail p {
    color: #acacac;
    font-size: 12px;
}
.input_nhantin {
    width: 285px;
    height: 30px;
    border-radius: 5px;
    border: 0px;
    padding-left: 20px;
    outline: none;
}
.lienket {
    padding-top: 20px;
}
.lienket img {
    margin-left: 5px;
}
.main_content {
    width: 100%;
    float: left;
}
.dangky_tin {
    margin: 10px 0px 10px 30px;
    float: left;
    width: 250px;
    color: #fff;
}
.dangky_tin h4 {
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
    float: left;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
    color: #fff;
}
.dangky_tin p {
    font-size: 14px;
    margin: 5px 0px 5px 0px;
    font-size: 12px;
}
.dangky_tin p span {
    text-transform: uppercase;
    font-size: 16px;
}
.dangky_tin input {
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
}
.dangky_tin button {
    border: 0px;
    background: url(images/mail.png) no-repeat;
    width: 27px;
    height: 21px;
    border-radius: 5px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    z-index: 100;
    top: 5px;
    right: 5px;
    cursor: pointer;
}
.dangky_tin button:hover {
    opacity: 0.5;
}
.dangkymail {
    width: 100%;
    float: left;
    position: relative;
}
#copy {
    width: 100%;
    float: left;
    background: url(images/bottom.png);
    height: 40px;
    line-height: 40px;
    text-align: center;
}
#bottom {
    width: 100%;
    float: left;
    padding: 20px 0px;
    background: url('images/bg_quytrinh.jpg')
}
.menu_bt {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: #333;
}
.congty {
    position: relative;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    margin-top: 10px;
    text-transform: uppercase;
    width: 100%;
    float: left;
}
.menu_bt a {
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    padding: 0px 25px 0px 25px;
    text-transform: uppercase;
}
.menu_bt a:hover {
    color: rgba(255, 255, 0, 1);
}
.facebook {
    width: 390px;
    float: right;
}
.video_clip {
    width: 310px;
    float: right;
    margin-right: 10px;
}
.logo_bt {
    float: left;
    margin: 0px 0px 0px 0px;
}
.khung_bt {
    width: 100%;
    float: left;
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 20px 0px;
}
.thongtin_bt {
    float: left;
    margin: 0px 0px 10px 0px;
    color: #fff;
    width: 460px;
}
.thongtin_bt h2 {
    text-transform: uppercase;
    font-size: 26px;
    color: #fff;
    font-weight: 100;
    margin: 0px 0px 5px 0px;
    font-family: 'UTMHelvetIns';
}
.thanhtoan_bt {
    float: left;
    margin-left: 50px;
    font-size: 12px;
}
.thanhtoan_bt h4 {
    margin: 10px 0px 10px 0px
}
.bocongthuong {
    float: right
}
.bocongthuong h4 {
    margin: 10px 0px 10px 0px;
    font-size: 12px;
    color: #ccc;
}
.mang_xh {
    width: 100%;
    float: left;
    text-align: center;
}
.mang_xh a {
    margin: 20px 10px 0px 0px;
}
.mang_xh a:hover {
    opacity: 0.7;
}
.mang_xh img {
    width: 30px;
    height: 30px;
    border-radius: 30px;
}
.copy {
    width: 100%;
    float: left;
    color: #fff;
    height: 40px;
    font-size: 12px;
    line-height: 40px;
    margin: 0px 0px 0px 0px;
}
.copy p {
    width: 600px;
    float: left;
}
.copy ul {
    float: right
}
.copy li {
    float: left;
    margin: 0px 0px 0px 20px;
}
.copy li span {
    color: #FFEA00;
    font-weight: bold;
}
.dong_p {
    width: 190px;
    float: left;
    margin-top: 10px;
}
.map {
    float: right;
    margin: 20px 0px 0px 0px;
}
.map h4 {
    color: #fff;
    text-align: right;
    text-transform: uppercase;
    font-style: italic;
}
.map img:hover {
    box-shadow: 0px 0px 10px #ccc;
}
#doitac {
    width: 100%;
    float: left;
    padding: 40px 0px;
}
.doitac {
    width: 100%;
    float: left;
    padding: 40px 0px;
}
.doitac img:hover {

}
.doitac img {
    width: 100%;
    border: 1px solid #ccc;
}
.sp_left {
    width: 100%;
    float: left;
    padding: 10px;
    border-bottom: 1px dashed #ccc;
}
.sp_left img {
    width: 82px;
    float: left;
    margin: 0px 0px 0px 0px;
    border: 1px solid #e1e1e1;
    height: 52px;
    margin-right: 10px;
}
.sp_left img:hover {
    opacity: 0.8;
}
.sp_left a {
    color: #333;
    text-align: justify;
}
.sp_left h3 {
    font-size: 12px;
    font-weight: normal;
    color: #4a4949;
}
.sp_left a:hover h3 {
    color: #056D94
}
.menu_bot {
    width: 1000px;
    float: left;
    padding-top: 5px;
    text-align: center;
}
.menu_bot a {
    text-decoration: none;
    color: #fff;
    text-shadow: -1px 1px #0033CC, 1px -1px #0033CC, -1px -1px #0033CC, 1px 1px #0033CC;
    padding-left: 10px;
    padding-right: 10px;
}
.menu_bot a:hover {
    color: #900;
    text-shadow: -1px 1px #fff, 1px -1px #fff, -1px -1px #fff, 1px 1px #fff;
}
.lienket {
    width: 100%;
    float: right;
    margin: 0px 0px 0px 0px;
    text-align: center;
}
.lienket img {
    height: 37px;
}
.lienket a:hover {
    opacity: 0.7;
}
.lienket1 {
    width: 37px;
    line-height: 37px;
    width: 43%;
    float: left;
}
.lienket1 span {
    color: white;
}
.danhmuc_sanpham {
    width: 240px;
    height: 40px;
    background: #efefef;
    line-height: 40px;
    text-align: center;
    box-shadow: 1px -3px 14px #d3d2ce;
    float: left;
}
.danhmuc_sanpham h2 {
    font-family: Tahoma;
    font-size: 15px;
    color: #e94e00;
}
.tienich {
    width: 214px;
    float: left;
    background: url(images/tienich.png) no-repeat 15px 15px;
    height: 140px;
}
.soluong {
    padding: 10px 0px 0px 10px;
    font-weight: bold;
}
.soluong span {
    width: 110px;
    float: right;
    color: #F90
}
div#container_product {
    margin-top: 10px;
    width: 100%;
    float: left;
}
div#container_product #tabs {
    border: 1px solid #fff;
    margin-right: 5px;
    margin-bottom: 10px;
    overflow: hidden;
}
div#container_product #tabs li {
    background: rgba(255, 0, 0, 1);
    padding: 7px 30px;
    margin-right: 1px;
    color: rgba(0, 102, 204, 1);
    text-transform: uppercase;
    font-weight: bold;
}
div#container_product #tabs li.active {
    background: #006f1a;
    color: #000;
}
div#container_product #tabs li {
    float: left;
}
div#container_product #tabs li a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}
.phantrang {
    text-align: center;
    margin-top: 20px;
}
.noidung_ta {
    width: 100%;
    float: left;
    padding: 10px;
    clear: left;
    border: 3px solid #e4e4e4;
}
.clear {
    clear: both;
}
.content {
    width: 75%;
    float: right;
    padding-left: 30px;
}
.box_content {
    width: 100%;
    float: left;
    background: #F6F6F6;
    padding: 20px;
}
.box_content .title_coso {
    clear: both;
    margin: 0 5px;
    padding: 5px 0 10px;
}
.title_coso h1 {
    float: left;
    display: block;
    font-size: 20px;
    line-height: 23px;
    color: #078493;
    background: url(images/icon_3.png) left center no-repeat;
    padding: 15px 0 15px 35px;
    position: relative;
    text-transform: uppercase;
    max-width: 532px;
}
.box_content .line {
    clear: both;
    width: 100%;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #fff;
}
.bando1 {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 20px;
}

#map_canvas {
    height: 580px;
    width: 100%;
    margin-bottom: 10px;
    float: left;
    margin-left: 2px;
}
#map_canvas_bt {
    width: 100%;
    height: 307px;
    float: left;
}
.map_description {
    color: #000000;
    overflow: auto;
    width: 300px;
}
.map_description .default {
    color: #FF0000;
}
.map_description div {
    line-height: 18px;
    margin: 3px;
}
.map_list_address {
    float: left;
    height: 500px;
    overflow: hidden;
    width: 250px;
}
.map_list_address .list {
    line-height: 18px;
    margin-bottom: 5px;
}
.map_list_address span {
    color: #FCFF46;
}
.map_title {
    color: #30A602;
    font-weight: bold;
}
.navigate .C {
    width: 970px;
}
.hotro_right {
    display: block;
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 9;
    width: 100%;
    max-width: 290px;
}
.hotro_right #img {
    display: block;
    position: relative;
    width: 100%;
    max-width: 290px;
    height: 160px;
    border-bottom: 1px solid #d00000;
    background: transparent url("images/hotro.png") no-repeat scroll 0% 0%;
}
.hotro_right .noidung_20 {
    display: none;
    background-color: #FFF;
    border-left: 1px solid #d00000;
    padding: 5px;
}
.hotro_right #img > div.hotline_r {
    position: absolute;
    bottom: 0px;
    padding: 0px 10px;
    background-color: #ffde00;
    color: #d00000;
    font-size: 17px;
    font-weight: bold;
    width: 100%;
    border: 1px solid #d00000;
    border-radius: 5px 5px 0px 0px;
    text-align: center;
}
.red {
    color: #FB0000
}
.dieukhoan {
    width: 50%;
    float: left;
    border: 1px solid #ccc;
    margin: 10px 0px 10px 0px;
}
.dieukhoan h4 {
    padding: 5px 10px 5px 10px;
    background: #ccc;
    text-transform: uppercase;
    color: #fff
}
.khung_trai {
    width: 100%;
    float: left;
    margin-left: 0px;
}
.khung_phai {
    width: 100%;
    float: right;
    padding-left: 20px;
}
.thongtin_lh {
    width: 100%;
    float: left;
    padding: 0px 40px 20px 0px;
}
.thongtin_lh h1 {
    font-size: 20px;
    text-transform: uppercase;
    color: #04608B
}
.form_lh {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.form_lh legend {
    padding: 0px 10px 0px 10px;
    font-style: italic;
    color: #023B70
}
.form_lh p {
    padding: 5px 0px 5px 0px;
}
.form_lh p input {
    padding: 5px;
    width: 80%;
}
.form_lh p label {
    width: 20%;
    float: left;
}
.form_lh p textarea {
    padding: 5px;
    width: 80%;
    border: 1px solid #ccc;
}
.form_lh p button {
    border: 0px;
    background: #303030;
    padding: 5px 20px 5px 20px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    margin-left: 13px;
}
.form_lh p button:hover {
    background: #036593
}
#form_contact input {
    padding: 5px;
}
.dieukhoan {
    width: 49%;
    float: left;
    border: 1px solid #ccc;
    margin: 10px 0px 10px 0px;
}
.dieukhoan h4 {
    padding: 5px 10px 5px 10px;
    background: #eee3c7;
    text-transform: uppercase;
    color: #000
}
.cuoncuon {
    padding: 10px;
    height: 400px;
    overflow-y: scroll;
}
.xacnhan {
    width: 49%;
    float: right;
    margin: 10px 0px 10px 0px;
}
.xacnhan h4 {
    padding: 5px 10px 5px 10px;
    background: #eee3c7;
    text-transform: uppercase;
    color: #000
}
.khungxn p {
    padding: 5px 0px 5px 0px;
    border-bottom: 1px dotted #ccc;
}
.khungxn p b {
    width: 100px;
    float: left;
    font-weight: 100;
}
.phuongthuc h4 {
    padding: 5px 10px 5px 10px;
    background: #eee3c7;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 10px;
}
.dongy {
    padding: 10px;
    width: 100%;
    float: left;
    font-weight: bold;
}
.front-caption {
    display: block;
    width: 100%;
    line-height: 40px;
    height: 40px;
    text-align: center;
    /* border-top: 2px solid black; */
    
    background: url(images/bg_slider.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 25px;
    left: 0px;
}
.front-caption a {
    color: white;
    font-family: 'UVNChimBien';
    font-size: 16px;
}
.front-caption:hover a {
    color: yellow;
}
.right {
    position: fixed;
    top: 200px;
    right: 10px;
    z-index: 9999999;
}
.right4 {
    cursor: pointer;
}
.right img:hover {
    opacity: 0.8;
}
#inline {
    padding: 10px;
    display: none;
}
#inline1 {
    display: none;
    padding: 10px;
}
.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.form-group {
    padding: 15px;
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px;
}
.btn-primary {
    background: #0070b7;
}
.btn-primary {
    background-image: -webkit-linear-gradient(top, #337ab7 0, #265a88 100%);
    background-image: -o-linear-gradient(top, #337ab7 0, #265a88 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
    background-image: linear-gradient(to bottom, #337ab7 0, #265a88 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #245580;
}
.input-group {
    width: 100%;
}
.form_hoidap input {
    width: 100%;
    height: 40px;
    border-radius: 5px !important;
    margin-top: 10px;
    border: 1px solid #ccc;
    padding-left: 20px;
}
.form_hoidap textarea {
    margin-top: 10px;
    border-radius: 5px !important;
    border: 1px solid #ccc;
    padding-left: 20px;
    width: 100%;
    padding-top: 20px;
}
.btn-primary {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.tieude {
    padding: 10px 10px 10px 60px;
    background: url(images/chamhoi.png) no-repeat 10px 9px;
    background-size: 40px;
    background-color: rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    line-height: 45px;
    color: rgba(0, 51, 102, 1);
    font-family: 'RobotoCondensed';
    border-radius: 10px;
    text-shadow: 2px 2px 3px #ccc;
}
#traloi ul {
    list-style: none;
    width: 100%;
    margin: 0px auto;
    margin-top: 20px;
}
#traloi ul li span {
    font-style: italic;
    color: #333;
}
#traloi ul li a {
    padding: 8px 0px;
    cursor: pointer;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    color: #333;
    display: block;
}
.cautraloi {
    width: 98%;
    padding: 10px 20px;
    box-sizing: border-box;
    height: auto;
    margin: 0px auto;
    color: #333;
    font-size: 15px;
    position: relative;
    background: #ffffff;
    border: 1px solid #EEEEEE;
    margin-top: 10px;
    margin-bottom: 15px;
    float: right;
}
.cautraloi:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #EEEEEE;
    border-width: 12px;
    margin-left: -2px;
}
.cautraloi:after,
.cautraloi:before {
    bottom: 100%;
    left: 17px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.cautraloi:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: 0px;
}
.cautraloi:after,
.cautraloi:before {
    bottom: 100%;
    left: 17px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.question_frm {
    padding: 5px 5px 5px 45px;
    border-bottom: 1px solid #fff;
    cursor: pointer;
    background: url(images/question.png) no-repeat 15px 7px;
    background-size: 20px;
    background-color: #EEEEEE;
}
.hidden {
    visibility: hidden;
}
/*----------------Đăng tin---------------*/

.row-content {
    width: 33.33%;
    float: left;
}
.box_field {
    width: 100%;
    margin: auto;
}
.adv-control1 {
    width: 50%;
    float: left;
    padding: 10px 10px;
}
.adv-control1 select {
    width: 100%;
    float: left;
    height: 35px;
    border: 1px solid #ccc;
    outline: none;
}
.select_loaitin1 {
    width: 100%;
    float: left;
    height: 35px;
    border: 1px solid #ccc;
    outline: none;
    padding-left: 10px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(images/icon_select.jpg) no-repeat top 8px right 5px;
}
.select_loaitin1:focus {
    background-color: #fff !important;
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
.adv-control1 select:focus {
    background-color: #fff !important;
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
.adv-control1 select {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(images/icon_select.jpg) no-repeat top 2px right 2px;
}
.adv-control1 select {
    padding: 0px 10px;
}
.left_select {
    width: 30%;
    float: left;
    padding-top: 10px;
}
.right_select {
    width: 70%;
    float: left;
    padding-right: 10px;
}
.left_select1 {
    width: 100%;
    padding-bottom: 10px;
}
.right_select1 {
    width: 100%;
}
.right_select input {
    width: 100%;
    float: left;
    height: 35px;
    border: 1px solid #ccc;
    outline: none;
    padding: 0px 10px;
}
.right_select input:focus {
    background-color: #fff !important;
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
.map-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden
}
.map-edit {
    width: 100%;
    height: 350px;
    border: 1px solid #BBBBBB;
    overflow: inherit !important;
}
.dongia {
    width: 100%;
    padding-top: 15px;
}
.dongia p {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    font-family: tahoma;
    font-size: 13px;
    font-weight: bold;
}
.dongia p span {
    color: #006699;
}
.dongia p:nth-child(1) {
    padding-left: 0px;
}
.dongia h3 {
    padding-top: 5px;
}
.dongia h3 span {
    color: red;
}
.left_select span {
    color: red;
}
.field-content1 {
    width: 70%;
    float: left;
}
.field-content3 {
    width: 100% !important;
    float: left;
}
.field-content1 input[type='text'],.field-content1 input[type='button'],.field-content1 input[type='email'],.field-content1 input[type='submit'] {
    width: 100%;
    float: left;
    height: 35px;
    border: 1px solid #ccc;
    outline: none;
    padding: 0px 10px;
}
.field-content1 input:focus {
    background-color: #fff !important;
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
.row-field1 {
    width: 100%;
    float: left;
    padding: 10px 0px;
}
.row-field1 .image-wapper {
    border: 1px solid #ccc;
    background: #f9f9f9;
    padding: 10px;
    width: 100%;
    float: left;
}
.row-field1 .image-wapper .image-wapper-label {
    text-align: center;
    margin-top: 20px;
    color: #1c60a7;
}
.row-field1 .image-wapper .image-wapper-take {
    text-align: center;
    margin-top: 10px;
}
.row-field1 .image-wapper .image-wapper-des {
    text-align: center;
    margin-top: 10px;
    line-height: 20px;
    color: #555;
}
.image-wapper-take a {
    cursor: pointer;
}
.title_info h3 {
    width: 100%;
    font-family: 'RobotoCondensedBold';
    color: black;
    padding-bottom: 5px;
}
.input_dangtin {
    width: 180px !important;
    background: #29aae3;
    border: 1px solid #ccc !important;
    border-radius: 2px;
    color: white;
    cursor: pointer;
    font-size: 15px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.input_dangtin:hover {
    background: #006699;
}
.row_field3 {
    width: 33.33%;
    float: left;
    padding-right: 20px;
}
.left_select2 {
    width: 20%;
}
.field-content4 {
    width: 80%;
}
.field-content2 {
    width: 70%;
    float: left;
    position: relative;
}
label.error {
    cursor: pointer;
    display: inline-block;
    width: 286px;
    text-align: left;
    line-height: 22px;
    font-size: 12px;
    color: #fff;
    padding-left: 35px;
    margin-top: 5px;
    border-radius: 5px;
    background-color: red;
    position: relative;
    overflow: hidden;
}
label.error:before {
    content: '';
    height: 20px;
    width: 20px;
    position: absolute;
    top: 1px;
    left: 5px;
    background-image: url(images/message.png);
    background-repeat: no-repeat;
    background-position: -40px 0px;
}
.capcha_img1 {
    width: 19px;
    height: 19px;
    background: url(images/icon-reload.png) no-repeat;
    float: left;
    cursor: pointer;
    margin-top: 20px;
}
.empty {
    color: red;
    font-weight: bold;
}
.left_map {
    width: 50%;
    float: left;
    padding-right: 10px;
}
.right_map {
    width: 50%;
    float: left;
    padding-left: 10px;
}
#select_raovat {
    display: none;
}
/*---------------Tin nổi bật ----------------*/

.tinnoibat {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    border-bottom: 3px solid #ccc;
    margin-top: 20px;
    padding-bottom: 30px;
}
.title_tinnoibat {
    width: 100%;
    float: left;
    background: #e1e1e1;
    padding: 5px 10px;
    border-bottom: 1px solid #ccc;
}
.title_tinnoibat h2 {
    font-family: 'UTMAvo';
    font-size: 26px;
    color: #fe0000;
    display: inline-block;
    float: left;
    font-weight: normal;
    text-transform: uppercase;
}
.items_noibat {
    width: 100%;
    float: left;
    position: relative;
}
.items_noibat:hover {
    border: 1px solid black;
}
.box_tinnoibat {
    width: 100%;
    float: left;
    padding: 10px 5px;
}
.items_noibat h3 {
    font-family: 'UTMAvoBold';
    font-size: 13px;
    color: #1e1c90;
    height: 45px;
    padding-top: 5px;
    margin-bottom: 5px;
}
.items_noibat:hover h3 {
    color: red;
}
.items_noibat p {
    font-size: 12px;
    color: black;
    padding-bottom: 5px;
}
.items_noibat span {
    font-weight: bold;
}
.items_noibat1 img {
    border: 1px solid #ccc;
}
.mota_item_noibat {
    width: 100%;
    float: left;
    height: 170px;
    overflow: hidden;
    padding: 10px;
    border: 1px solid #ccc;
    margin-top: 2px;
}
.p_gia {
    font-size: 13px;
    color: black;
    font-weight: bold;
}
.p_gia span {
    font-size: 13px;
    color: red;
    font-weight: bold;
}
.p_dientich {
    font-size: 13px;
    color: black;
    font-weight: bold;
}
.p_quanhuyen {
    font-size: 13px;
    color: black;
    font-weight: bold;
}
.p_quanhuyen span {
    font-size: 13px;
    color: blue;
    font-weight: bold;
}
.a_sua {
    color: red;
    padding-top: 5px;
    display: block;
}
.item_trich {
    width: 140px;
    float: left;
    margin: 10px 10px 10px 0px;
    position: relative;
}
.form input[type=text],
.form input[type=password],
.form textarea {
    font-size: 12px;
    padding: 7px 6px;
    background: white;
    border: 1px solid #DDD;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0 0 0 2px #f4f4f4;
    -webkit-box-shadow: 0 0 0 2px #f4f4f4;
    -moz-box-shadow: 0 0 0 2px #f4f4f4;
    color: #656565;
}
.delete_images {
    position: absolute;
    z-index: 10;
    top: 0px;
    right: 0px;
    cursor: pointer;
}
.stthinh {
    font-size: 12px;
    padding: 7px 6px !important;
    background: white;
    border: 1px solid #DDD;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0 0 0 2px #f4f4f4;
    -webkit-box-shadow: 0 0 0 2px #f4f4f4;
    -moz-box-shadow: 0 0 0 2px #f4f4f4;
    color: #656565;
    height: auto !important;
    float: none !important;
}
.title_dangtin {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}
.title_dangtin h2 {
    position: relative;
    font-family: 'RobotoBold';
    font-size: 22px;
    color: #2b2c2c;
    overflow-x: hidden;
    position: relative;
    text-transform: uppercase;
}
.title_dangtin h2:after {
    content: '';
    width: 100%;
    height: 15px;
    background: url(images/line_h2.jpg) no-repeat;
    position: absolute;
    top: 7px;
    margin-left: 5px;
}
.box_title {
    width: 100%;
    float: left;
    border-bottom: 2px solid black;
}
.box_title .title_detail1 {
    height: 37px;
    padding-top: 2px;
    line-height: 44px;
    float: left;
    margin-right: 10px;
}
.box_title .title_detail1 h2 {
    font-family: 'RobotoBold';
    font-size: 14px;
    color: black;
}
.box_title h1 {
    color: #00557a;
    font-size: 14px;
    font-family: 'RobotoBold';
    margin-top: 15px;
}
.share_facebook {
    width: 100%;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
}
.left_share {
    width: 60%;
    float: left;
}
.right_share {
    width: 40%;
    float: left;
}
.right_share a {
    float: right;
}
.diachi_detail {
    width: 100%;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
}
.diachi_left p {
    font-family: tahoma;
    font-size: 12px;
    color: #484848;
}
.diachi_left {
    float: left;
    width: 50%;
}
.diachi_right {
    width: 50%;
    float: left;
}
.diachi_left p span {
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #055699;
}
.diachi_right p {
    float: left;
    font-family: tahoma;
    color: #484848;
    margin-right: 30px;
}
.images_detail {
    width: 100%;
    float: left;
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #ccc;
    text-align: center;
}
.title_mota {
    width: 100%;
    height: 43px;
    border-bottom: 2px solid black;
    line-height: 50px;
    margin-top: 20px;
}
.title_mota h2 {
    font-family: 'RobotoBold';
    font-size: 15px;
    color: black;
}
.noidung_detail {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    border-top: 0px;
    padding: 20px;
}
.noidung_detail1
{
    min-height: 250px;
}
.noidung_left
{
    width: 48%;
    float: left;
}
.noidung_right
{
    width: 48%;
    float: right;
}
.noidung_detail .box_p {
    width: 100%;
}
.noidung_detail .p_left {
    width: 100px;
    float: left;
}
.noidung_detail img {
    max-width: 100%;
}
.a_xemthem {
    width: 110px;
    height: 33px;
    background: #ff6a00;
    background: #00557a;
    line-height: 33px;
    text-align: center;
    position: absolute;
    right: 0px;
    top: -5px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.a_xemthem a {
    font-family: 'RobotoRegular';
    color: white;
    text-transform: uppercase;
    font-size: 14px;
}
.a_xemthem:hover {
    background: #ff6a00;
}
.a_xemthem1 {
    width: 110px;
    height: 33px;
    background: #005faf;
    line-height: 33px;
    text-align: center;
    position: absolute;
    right: 5px;
    bottom: -15px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    border-radius: 3px;
}
.a_xemthem1 a {
    font-family: 'RobotoRegular';
    color: white;
    text-transform: uppercase;
    font-size: 14px;
}
.a_xemthem1:hover {
    background: #ff6a00;
}
.items_daxem h3 {
    font-size: 14px;
    color: #00557a;
    font-family: 'RobotoBold';
    padding-top: 5px;
    padding-bottom: 5px;
}
.items_daxem p {
    color: #8f8f8f;
    font-size: 12px;
}
.items_daxem:hover h3 {
    color: red;
}
.box_dangtin1 {
    width: 600px;
    float: left;
    padding-right: 15px;
}
.post-example {
    width: 280px;
    border: 1px solid #cecece;
    float: left;
    margin-top: 5px;
}
.post-example .title {
    background: #f9f9f9;
    padding: 7px 10px 7px 10px;
    font-weight: bold;
    border-bottom: 1px solid #cecece;
}
.loainhadat_list1 {
    width: 50%;
    float: left;
    padding: 10px;
}
.loainhadat_list {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    border-bottom: 3px solid #ccc;
    height: 530px;
    padding-bottom: 10px;
    overflow: hidden;
    position: relative;
}
div.content2 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
}
.loainhadat_list h2 {
    font-family: 'UTMAvoBold';
    font-size: 15px;
    color: #ff0000;
    text-transform: uppercase;
    padding: 5px 10px;
    font-weight: normal;
    border-bottom: 1px solid #ccc;
    background: #e1e1e1;
}
.loainhadat_list h2 .a_tin1 {
    color: #ff0000;
}
.loainhadat_list h2 .a_tin {
    color: #ff0000;
    font-size: 14px;
    font-family: 'UTMAvo';
    text-transform: none;
    float: right;
    font-weight: 600;
}
.loainhadat_list h2 a:hover {
    color: blue !important;
}
.quanhuyenkhac h2 {
    font-family: 'RobotoBold';
    font-size: 14px;
    color: #2b2c2c;
}
.box_quanhuyenkhac ul li {
    width: 16.66%;
    float: left;
    padding-top: 1px;
}
.box_quanhuyenkhac ul li a {
    font-size: 12px;
    font-family: 'RobotoBold';
    color: #005faf;
}
.box_quanhuyenkhac ul li a span {
    color: #838282;
}
.tinhnkhac {
    width: 100%;
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #fbfbfb;
}
.tinhnkhac h2 {
    font-family: 'RobotoBold';
    font-size: 14px;
    color: #2b2c2c;
}
.tinhnkhac ul li {
    width: 14.2%;
    float: left;
    padding-top: 1px;
}
.tinhnkhac ul li a {
    font-size: 12px;
    font-family: 'RobotoBold';
    color: #005faf;
}
.tinhnkhac ul li a span {
    color: #838282;
}
/*-------------------Bottom----------------*/
.box_dangtin
{
    width: 100%;
    float: left;
}
.a_print {
    color: black;
    cursor: pointer;
}
.a_print:hover {
    color: red;
}
.a_print1 {
    color: black;
    cursor: pointer;
}
.a_print1:hover {
    color: red;
}
.p_diachi {
    padding-top: 5px;
    padding-bottom: 5px;
    color: #8f8f8f;
}
.p_diachi img {
    margin-right: 5px;
}
.tin_giaodich {
    width: 100%;
    float: left;
    padding-top: 20px;
    padding-bottom: 40px;
}
.border_bottom {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
}
.dagiaodich {
    width: 590px;
    float: left;
    border-top: 1px solid #ccc;
}
.chuagiaodich {
    width: 590px;
    float: left;
    margin-left: 20px;
    border-top: 1px solid #ccc;
}
.tin_giaodich ul li {
    padding: 5px 5px;
    border-bottom: 1px solid #ccc;
}
.tin_giaodich ul li img {
    margin-right: 5px;
}
.tin_giaodich ul li a {
    color: black;
    width: 80%;
    display: block;
    float: left;
    line-height: 20px;
}
.tin_giaodich ul li span {
    font-weight: bold;
}
.tin_giaodich ul li:hover a {
    color: red;
}
.a_dagiao {
    width: 88px;
    height: 24px;
    background: #b2b2b2;
    float: right;
    border-radius: 3px;
    margin-top: 0px;
    line-height: 24px;
    text-align: center;
}
.a_dagiao span {
    font-size: 10px;
    color: white;
}
.a_dagiao1 {
    width: 88px;
    height: 24px;
    background: #ff6a00;
    float: right;
    border-radius: 3px;
    margin-top: 0px;
    line-height: 24px;
    text-align: center;
}
.a_dagiao1 span {
    font-size: 10px;
    color: white;
}
.menu_bottom {
    width: 100%;
    float: left;
    background: #20be15;
    text-align: center;
    padding: 10px 0px;
}
.menu_bottom ul li {
    display: inline-block;
    border-right: 1px solid white;
    line-height: 15px;
}
.menu_bottom ul li a {
    color: #fff;
    font-family: 'RobotoMedium';
    font-size: 15px;
    padding: 0px 20px 0px 15px;
    text-transform: uppercase;
}
.menu_bottom ul li:last-child {
    border: 0px;
}
.menu_bottom ul li:hover a {
    color: yellow;
}
.menu_bottom ul li.active a {
    color: yellow;
}
#chothue {
    width: 100%;
    float: left;
    padding-bottom: 20px;
}
.hot {
    width: 24px;
    height: 16px;
    background: url(images/icon_hot.png) no-repeat;
    position: absolute;
    top: -16px;
    right: 10px;
}
.danhmuc_left {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    cursor: pointer;
}
.danhmuc_left > ul > li > a {
    padding: 10px 15px;
    display: block;
}
.danhmuc_left > ul > li > a > i {
    font-size: 10px;
}
.danhmuc_left > ul > li > a:hover {
    color: #FF6B01;
}
.danhmuc_left > ul > li > a {
    font-size: 13px;
    font-weight: bold;
}
.danhmuc_left > ul > li ul {
    display: none;
}
.danhmuc_left > ul > li .active {
    display: block !important;
}
.danhmuc_left > ul > li ul li {
    padding: 5px 0px;
    padding-left: 30px;
}
.danhmuc_left > ul > li ul li a {
    color: black;
}
.danhmuc_left > ul > li ul li:hover {
    background: #ccc;
}
.danhmuc_left > ul > li ul li:hover > a {
    color: #FF6B01;
}
.li_active > a {
    background: #ccc;
}
.a_active > a {
    color: #FF6B01 !important;
}
#canmua {
    width: 100%;
    float: left;
    padding-bottom: 20px;
}
/*---------------Member*/

.left_mobile {
    width: 100%;
    float: left;
    display: none;
    margin-bottom: 10px;
}
.left_mobile select {
    height: 30px;
    width: 100%;
}
.member {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.title_member {
    background: #29aae3;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    height: 30px;
    line-height: 30px;
    width: 100%;
    color: white;
    font-weight: bold;
    text-align: center;
}
.title_member h2 {
    font-family: tahoma;
    font-size: 15px;
    font-weight: normal;
    text-transform: uppercase;
}
.images_member {
    padding: 20px;
    text-align: center;
}
.images_member img {
    border-radius: 50%;
}
.box_member {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
}
.title_member1 {
    padding: 10px;
    background-color: #ccc;
}
.title_member1 h2 {
    color: #666666;
    font-size: 14px;
    font-weight: bold;
}
.member {
    width: 100%;
    float: left;
    padding: 10px;
}
.member li {
    width: 100%;
    padding: 5px 0px;
    border-bottom: 1px dotted #ccc;
}
.member li i {
    font-size: 6px;
    margin-right: 5px;
    float: left;
    margin-top: 7px;
}
.member li a {
    font-family: tahoma;
    color: #848484;
}
.member li:hover a {
    color: blue;
}
.member .active a {
    color: #E47313
}
.left_member {
    width: 25%;
    float: left;
}
.images_member img {
    cursor: pointer;
}
.images_member h2 {
    text-transform: uppercase;
    font-size: 16px;
    color: #006699;
    font-family: 'RobotoCondensedBold'
}
.images_member p {
    font-family: tahoma;
    font-size: 13px;
    color: black;
}
.images_member span {
    color: #006699;
}
.userbalance {
    background: #f0f6f2;
    border: 1px dashed #cbd9ca;
    margin: 15px 10px;
    padding: 10px;
    text-align: left;
}
.userbalance span {
    font-weight: bold;
}
.recharge {
    width: 110px;
    height: 35px;
    display: block;
    margin: 0px auto 15px auto;
    line-height: 35px;
    background: #0043AC;
    text-align: center;
    border-radius: 5px;
    color: white;
    font-size: 14px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.recharge:hover {
    background: #005faf;
}
.input_file {
    display: none !important;
}
.right_member {
    width: 75%;
    float: left;
    padding-left: 15px;
}
.title_right_member {
    background: #29aae3;
    height: 30px;
    line-height: 30px;
    width: 100%;
    color: white;
    font-weight: bold;
    text-align: left;
    padding-left: 20px;
}
.title_right_member h2 {
    font-family: tahoma;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 15px;
}
.t-4-c td {
    width: 25%;
    padding-bottom: 3px;
    padding-right: 10px;
}
.colorblue {
    color: #055699;
}
/*------------------Member-------------*/

.advance-control {
    color: #666;
    height: 29px !important;
    line-height: 29px;
    position: relative;
    text-align: left;
    width: 100% !important;
    z-index: 10;
}
.advance-control input,
.advance-control select {
    width: 100%;
    position: relative;
    height: 30px;
    outline: none;
    z-index: 10;
    cursor: pointer;
    padding-left: 10px;
    outline: none;
}
.titmkiem_member {
    width: 100%;
    float: left;
    padding-top: 10px;
}
input.keycode {
    color: #666;
    width: 30%;
    padding: 0 5px;
    height: 27px;
    border: 1px solid #ccc;
    line-height: 27px;
}
.timkiem_mb {
    border: none;
    width: 96px;
    height: 27px;
    color: #fff !important;
    font-weight: bold;
    font-size: 12px !important;
    background: #29aae3;
    text-align: center;
    cursor: pointer;
}
.margin {
    margin: -10px;
}
.margin1 {
    margin: -10px;
}
.timkiem_mb1 {
    width: 25%;
    float: left;
    padding: 10px;
}
.timkiem_mb1 .advance-control {
    height: auto !important;
    line-height: normal;
}
.timkiem_mb1 .advance-control p {
    margin-bottom: 10px;
}
.tbl .tit-tbl {
    font-weight: bold;
}
.bg_tit {
    background: #f0f0f0;
}
.tbl th {
    font-weight: bolder;
    text-align: center;
    font-size: 13px;
    font-family: tahoma;
}
.tbl td,
.tbl th {
    border: 1px solid #ccc;
    padding: 5px;
    text-align: center;
}
.tbl {
    border-collapse: collapse;
    color: #666;
    margin-top: 20px;
}
.div_view a {
    color: #37362c;
}
.div_view a:hover {
    color: black;
    font-weight: bold;
}
.btn-xoa {
    border: none;
    background: #fff url('images/xoatin.gif') no-repeat;
    color: #666 !important;
    font-weight: normal !important;
    padding-left: 15px;
}
.title_info {
    width: 100%;
    height: 43px;
    border-bottom: 2px solid black;
    line-height: 43px;
    margin-top: 10px;
}
.left_select5 {
    width: 20% !important;
}
.field-content5 {
    width: 80% !important;
}
#xoahet {
    background: #29aae3;
    display: inline-block;
    padding: 0px 5px;
    line-height: 25px;
    color: #fff;
    padding-right: 15px;
    margin-bottom: 5px;
    margin-top: 10px;
    margin-right: 5px;
    position: relative;
    cursor: pointer;
}
#xoahet:before {
    content: '';
    height: 0px;
    width: 0px;
    position: absolute;
    top: 0px;
    left: -10px;
    border-top: 13px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 10px solid #29aae3;
}
#xoahet:after {
    content: '';
    height: 0px;
    width: 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    border-top: 13px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 10px solid #29aae3;
}
#xoahet span {
    content: '';
    width: 12px;
    height: 12px;
    float: left;
    background: url(images/disabled.png) no-repeat;
    background-size: 12px 12px;
    margin: 5px 5px 0px 0px;
    cursor: pointer;
    opacity: 0.6;
}
.images_moigioi {
    border: 1px solid #ccc;
    padding: 2px;
    width: 85px;
    height: 85px;
    float: left;
}
.images_moigioi img {
    width: 100%;
    float: left;
}
.mota_moigioi {
    width: 40%;
    float: left;
    margin-left: 10px;
}
.mota_moigioi p {
    padding-bottom: 5px;
    color: blue;
}
.mota_moigioi p span {
    color: black;
}
.mota_moigioi p a {
    color: black;
}
.mota_moigioi p a:hover {
    color: red;
}
.moigioi img {
    padding: 2px;
    border: 1px solid #ccc;
}
.moigioi h3 {
    color: black;
    font-size: 13px;
    text-align: center;
}
.moigioi:hover h3 {
    color: red;
}
.xemthem_nb {
    display: inline-block;
    margin-top: 5px;
    color: #00557a;
}
.xemthem_nb:hover {
    color: red;
}
.noidung_right {
    width: 50%;
    float: left;
    padding-left: 20px
}

.mini-cart-title {
    position: fixed;
    width: 36px;
    background: #fff;
    top: 400px;
    right: 0px;
    padding: 5px;
    color: #646565;
    font-size: 20px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: -3px 0px 3px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: -3px 0px 3px 0px rgba(50, 50, 50, 0.5);
    box-shadow: -3px 0px 3px 0px rgba(50, 50, 50, 0.5);
    z-index: 9999999999;
    display: none;
}
.mini-cart-title a {
    color: #337ab7;
    font-size: 60px;
}
.delete_tags {
    background: #E4BC24;
    display: inline-block;
    padding: 0px 5px;
    line-height: 25px;
    color: #fff;
    padding-right: 15px;
    margin-bottom: 5px;
    margin-top: 10px;
    margin-right: 5px;
    position: relative;
}
.delete_tags:before {
    content: '';
    height: 0px;
    width: 0px;
    position: absolute;
    top: 0px;
    left: -10px;
    border-top: 13px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 10px solid #E4BC24;
}
.delete_tags:after {
    content: '';
    height: 0px;
    width: 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    border-top: 13px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 10px solid #f9f9f9;
}
.delete_tags span {
    content: '';
    width: 12px;
    height: 12px;
    float: left;
    background: url(images/disabled.png) no-repeat;
    background-size: 12px 12px;
    margin: 5px 5px 0px 0px;
    cursor: pointer;
    opacity: 0.6;
}
/*-------Back-to-top------*/

#back_to_top {
    color: #fff;
    height: auto;
    position: fixed;
    bottom: 85px;
    margin: 0;
    z-index: 10000;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    right: 20px;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-backface-visibility: hidden;
}
#back_to_top.on {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    right: 25px;
}
#back_to_top span {
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-decoration: none;
    -o-border-radius: 48px;
    -moz-border-radius: 48px;
    -webkit-border-radius: 48px;
    border-radius: 48px;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    border: 2px solid #1c86c8;
    background: #29aae3;
    border: solid 2px #fff;
}
#back_to_top span {
    text-align: center;
}
.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}
#back_to_top span i {
    font-size: 22px;
    color: rgb(255, 255, 255);
    line-height: 46px;
    transition: color 0.2s ease 0s;
}
#back_to_top:hover span i {
    color: #29aae3;
}
#back_to_top:hover span {
    background: white;
}
/*----Modal------*/

.page-title {
    margin: 0 0 20px 0;
    font-family: "OpenSansSemibold";
    text-transform: uppercase;
    margin: 50px 0;
    position: relative;
    text-align: center;
    color: #f84f4f;
}
.page-title:before {
    content: '';
    border-bottom: 2px solid #f84f4f;
    position: absolute;
    left: 0;
    bottom: -10px;
    right: 0;
    margin: 0 auto;
    width: 50%;
}
.register-form label {
    font-weight: normal;
}
.register-form .btn:hover {
    background: #ff3a35;
    color: white;
}
.register-form .btn {
    background: #008cd2;
    color: #fff;
    font-family: "RobotoRegular";
    text-transform: uppercase;
    font-size: 18px;
    outline: none;
}
.register-form .form-header {
    margin-bottom: 20px;
    border-bottom: 1px solid #101010;
}
#myModal .form-header {
    background: #008cd2;
    color: #fff;
    padding: 15px 20px 10px;
    text-align: center;
    border-radius: 5px 5px 0 0;
}
.register-form .form-header h4 {
    font-family: "RobotoBold";
    text-transform: uppercase;
    font-size: 30px;
}
.register-form .form-content {
    padding: 20px;
}
.register-form .form-group {
    padding: 0px;
}
.noidung img {
    max-width: 100%;
}
#myModal label
{
    margin-bottom: 5px !important;
}
/*----------Tin tức------------*/

.tintuc_home_item1 {
    width: 100%;
    float: left;
    padding: 0px 10px;
}
.tintuc_home_item {
    width: 100%;
    float: left;
    padding: 10px 0px;
    border-bottom: 1px dashed #ccc;
}
.tintuc_home_item h3 {
    font-size: 20px;
    margin-bottom: 5px;
    font-family: 'RobotoBold';
}

.tintuc_home_item:hover h3
{
    color: red;
}
.tintuc_home_item p {
    font-size: 14px;
    color: #333;
    line-height: 25px;
    margin-bottom: 10px;
    font-family: 'RobotoRegular';
    font-weight: normal;
}
.tintuc_home_item .images_tintuc {
    width: 30%;
    float: left;
    margin-right: 10px;
    border: 1px solid #ccc;
    padding: 5px;
}
.tintuc_home_item .images_tintuc img {
    width: 100%;
    float: left;
    vertical-align: top;
}
.tintuc_home_item a {
    font-size: 12px;
}
.h1_detail
{
    color: #000;
    font-size: 20px;
    font-weight: normal;
    font-family: 'RobotoMedium';
}
#footer1
{
    display: none;
}
#footer1 img {
    width: 25%;
    max-width: 35px;
    vertical-align: middle;
}

#footer1 a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
/*---------đội ngủ----------*/
.images_doingu
{
    width: 70%;
    float: left;
}
.images_doingu img
{
    max-width: 100%;
}
.click_doingu
{
    margin-top:10%;
    outline: none;
}
.a_doingu
{
    outline: none !important;
}
#hidden-content {
  /* Custom styling */
  width: 100%;
  display: none;
  height: 100%;
  max-width: 1349px;
}
.slider{width: 100%;float: left;}
.slider .slick_slider{width: 100%;float: left;padding: 0;margin: 0 !important;}
.slider .slick-dots{bottom: 20px; z-index: 99;}
.slider .slick-dots li{width: auto; padding: 0; margin: 0 5px;;}
.slider .slick-dots li button{background: #ffffff;border-radius: 50%;width: 15px;height: 15px;padding: 0;margin: 0;}
.slider .slick-dots li.slick-active button{background: #000000;}
.slider .slick-dots button:before{display: none;}

/* Tiêu đề */
.tieude_ct{width: 100%;float: left;margin-bottom: 10px;}
.tieude_ct h2{
    font-family: RobotoMedium;
    text-transform: uppercase;
    font-size: 25px;
    color: rgba(0, 51, 102, 255);
    font-weight: 100;
    position: relative;
    padding: 0 0 10px 0;
    text-align: center;
}
.tieude_ct.no_after h2:after{display: none;}
.tieude_ct h2:after{
    position: relative;
    content: '';
    width: 70px;
    height: 3px;
    background: #ca9b27;
    bottom: 0;
    display: block;
    border-radius: 20px;
    margin: 5px auto 0;
}
.tieude_ct ul{
    width: 100%;
    text-align: center;
    padding: 5px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tieude_ct li{
    display: inline-flex;
    padding: 0 20px;
    font-family: RobotoMedium;
    font-size: 15px;
    text-transform: uppercase;
    color: #6d6d6d;
    cursor: pointer;
}
.tieude_ct li:hover,.tieude_ct li.active{color: rgba(0, 0, 51, 255);}
.updating{width: 100%;float: left;text-align: center;font-family: SFUFuturaBook;font-size: 15px;color: #000000;text-transform: uppercase;}
/* Công trình */
#congtrinh{width: 100%; float: left; padding: 20px 0;}
.congtrinh{width: 100%; margin-bottom: 10px;}
.congtrinh .img{transition: all 0.5s;padding: 0;border:thin solid transparent;}
.congtrinh .img {width: 100%;overflow: hidden;display: block}
.congtrinh .img img{transition: all 0.25s;width: 100%;}
/*.thicong .img img{filter: grayscale(1)}*/
.thicong:hover .img img{filter: grayscale(0)}
.congtrinh h3{text-align: center;padding: 0;width: 100%;display: inline-block;margin: 10px 0;}
.congtrinh h3 a{
    font-family: RobotoMedium;
    font-size: 15px;
    color: #003366;
    font-weight: 100;
    text-transform: uppercase;
    padding: 2px 0;
    display: inline-block;
    transition: all 0.5s;
}
.congtrinh:hover a{
   font-family: RobotoBold;
}
.congtrinh:hover .img{border:thin solid #003366;}
.congtrinh:hover .img img{transform: scale(0.98)}
.khung_ct,.slick_ct{width: 100%;float: left;text-align: center;}

/* owl */
.owl-controls{width: auto;position: relative;display: inline-block;margin: 0 auto;padding: 0 20px;}
.owl-dots{width: auto;display: inline-block;position: relative;}
.owl-controls span.ileft{position: absolute;content: url(images/icon-arrow-left.png);left: 0;top: 3px;width: 5px;height: 10px;cursor: pointer;}
.owl-controls span.iright{position: absolute;content: url(images/icon-arrow-right.png);right: 0;top: 3px;width: 5px;height: 10px;cursor: pointer;}
.owl-theme .owl-dots .owl-dot span{padding: 0 !important; margin: 0 5px !important;}
/* Giới thiệu */
#gioithieu{width: 100%; float: left; padding: 20px 0;}
#gioithieu .owl_gioithieu{width: 100%;text-align:center;border-bottom: 1px solid #333333;padding: 0 0 30px 0; position: relative;}
#gioithieu .mota_gt{transition: 0.5s max-height;position: relative;}
/*#gioithieu .mota_gt:after{position: absolute;content: '';width: 100%;height: 100px;left: 0;bottom: 0;background-image: linear-gradient(to bottom, #ffffff00 , #ffffff);}*/
#gioithieu .mota_gt.active{max-height: 5000px; }
#gioithieu .mota_gt.active:after{display: none;}
#gioithieu .noidung_gt{margin-bottom: 20px;}
#gioithieu .xemchitiet{display: table;margin: 0 auto;padding: 10px 30px;background: #036;color: #ffffff;text-transform: uppercase;border-radius: 5px;margin-top: 20px;cursor: pointer;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #6887a6 !important;
}
/* Về chúng tôi */
#vechungtoi{width: 100%; float: left;}
#vechungtoi .title_vct h2{
    font-family: UTMHelvetIns;
    font-size: 30px;
    color: rgba(15, 17, 92, 255);
    font-weight: 100;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    padding: 0 0 10px 0;
    margin: 0 0 20px 0;
}
#vechungtoi .title_vct h2:after{width: 100px; height: 2px; background:#ca9b27; position: absolute; content: ''; bottom: 0; left: 50%; transform: translate(-50%, 0);}
.khung_vct{float: left;margin: 0 -20px 0 0;width: 1300px;}
.khung_vct .vct{display: inline-flex;position: relative;overflow: hidden;margin-right: 15px;margin-bottom: 15px;}
.khung_vct .vct:nth-child(3n){margin-right: 0;}
.khung_vct .vct h3{position: absolute; left: 10px; bottom: 10px;}
.khung_vct .vct h3 a{
    font-family: RobotoBold;
    font-size: 15px;
    color: rgba(255, 255, 255, 255);
    text-align: justify;
    text-transform: uppercase;
    font-weight: 100;
}
.khung_vct .vct:hover h3 a{
    color: #f00;
}
.col4-index{width: 32.5%;}
/* Zoom In #1 */
.hover_zoom{position: relative;overflow:  hidden;float: left;}
.hover_zoom img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    position: relative;
    display: inline-block;
}
.hover_zoom:hover img {
    -webkit-transform: scale(1.09);
    transform: scale(1.09);
}

#album.album_detail{width: 100%; display: grid;grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 10px;}
#album.album_detail a img{max-width: 100%;}
/* === */
.img_filter img{
    -ms-filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    filter: grayscale(1);
}
#video_top{position: relative;}
#video_top video {
    min-width: 100%;
    width: 100%;
    height: auto;
    z-index: 5;
    background: #fff;
    position: relative;
}
#buttonplay {
    position: absolute;
    top: calc(50% - 35px);
    left: calc(50% - 35px);
    display: block;
    z-index: 999;
}
#buttonplay img{
    width: 70px;
}
.content_ct{}
.ct-du-an-ct .du-an-lst-slide {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

    .ct-du-an-ct .du-an-lst-slide:after {
        content: "";
        display: block;
        clear: both;
    }

.ct-du-an-ct .c3 .du-an-lst-slide .du-an-item {
    position: relative;
    float: left;
    width: calc((100% - 30px)/4);
    margin-left: 10px;
    margin-top: 10px;
    display: block;
    overflow: hidden;
}

    .ct-du-an-ct .c3 .du-an-lst-slide .du-an-item:nth-child(1),
    .ct-du-an-ct .c3 .du-an-lst-slide .du-an-item:nth-child(2),
    .ct-du-an-ct .c3 .du-an-lst-slide .du-an-item:nth-child(3),
    .ct-du-an-ct .c3 .du-an-lst-slide .du-an-item:nth-child(4) {
        margin-top: 0;
    }

    .ct-du-an-ct .c3 .du-an-lst-slide .du-an-item:nth-child(4n+1) {
        margin-left: 0;
    }

    .ct-du-an-ct .c3 .du-an-lst-slide .du-an-item img {
        width: 100%;
    }
    /* === */
    .ns_info{width: 800px;}
    .ns_info .wrap{padding:20px;}
    .ns_info .wrap .img{display: inline-block;float: left;margin-right: 15px;max-width: 50%;}
    .ns_info .wrap .inf{}
/* === */
#header {
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    /* background: #0f115c; */
    padding: 0px 0;
    z-index: 999;
    display: none;
}
.banner {
    position: relative;
    display: inline-block;
    padding: 10px 0;
}
#main_menu1{position: absolute;right: 0;top:20px;font-family:RobotoMedium;font-size: 15px;text-transform: uppercase;color: #fff;}
#main_menu1 a{color: #fff;display: inline-block;padding:0 10px;}
.slick_slider .slick-slide img{width: 100%;}
.item-album{position: relative;overflow: hidden;}
.video-top{padding-top:3%;padding-bottom: 3%}
.item-video-photo img{width: 100%;height: 375px;}
.item-video{margin-top: 10px;padding:3px;}
.view-all{
    text-align: center;
    margin:0 auto;
}
.view-all a{color:#fff;padding:10px 25px;background: #003366;text-decoration: none;font-size:15px;font-family: 'RobotoMedium';text-decoration: none}
.view-all a:hover{color:yellow;}