/*-----------css reset---------------------*/
html,
body,
div,
span {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}

html {
    overflow-x: hidden;
}

body {
    line-height: 1
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

:focus {
    outline: 0
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

@font-face {
    font-family: 'RC';
    src: url('../fonts/robotocondensed-regular-webfont.eot');
    src: url('../fonts/robotocondensed-regular-webfont-1.eot') format('embedded-opentype'),
        url('../fonts/robotocondensed-regular-webfont.woff2') format('woff2'),
        url('../fonts/robotocondensed-regular-webfont.woff') format('woff'),
        url('../fonts/robotocondensed-regular-webfont.ttf') format('truetype'),
        url('../fonts/robotocondensed-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoRegular';
    src: url('../fonts/LatoRegular/LatoRegular.eot');
    src: url('../fonts/LatoRegular/LatoRegular-1.eot') format('embedded-opentype'),
        url('../fonts/LatoRegular/LatoRegular.woff2') format('woff2'),
        url('../fonts/LatoRegular/LatoRegular.woff') format('woff'),
        url('../fonts/LatoRegular/LatoRegular.ttf') format('truetype'),
        url('../fonts/LatoRegular/LatoRegular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoBold';
    src: url('../fonts/LatoBold/LatoBold.eot');
    src: url('../fonts/LatoBold/LatoBold-1.eot') format('embedded-opentype'),
        url('../fonts/LatoBold/LatoBold.woff2') format('woff2'),
        url('../fonts/LatoBold/LatoBold.woff') format('woff'),
        url('../fonts/LatoBold/LatoBold.ttf') format('truetype'),
        url('../fonts/LatoBold/LatoBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UTMAvoBold';
    src: url('../fonts/UTMAvoBold/UTMAvoBold.eot');
    src: url('../fonts/UTMAvoBold/UTMAvoBold-1.eot') format('embedded-opentype'),
        url('../fonts/UTMAvoBold/UTMAvoBold.woff2') format('woff2'),
        url('../fonts/UTMAvoBold/UTMAvoBold.woff') format('woff'),
        url('../fonts/UTMAvoBold/UTMAvoBold.ttf') format('truetype'),
        url('../fonts/UTMAvoBold/UTMAvoBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoBold';
    src: url('../fonts/RobotoBold/RobotoBold.eot');
    src: url('../fonts/RobotoBold/RobotoBold-1.eot') format('embedded-opentype'),
        url('../fonts/RobotoBold/RobotoBold.woff2') format('woff2'),
        url('../fonts/RobotoBold/RobotoBold.woff') format('woff'),
        url('../fonts/RobotoBold/RobotoBold.ttf') format('truetype'),
        url('../fonts/RobotoBold/RobotoBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

img {
    max-width: 100%;
    height: auto;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-size: 14px;
    /* font-family:RC; */
    text-align: justify;
    line-height: 25px;
    font-family: LatoRegular;
    text-rendering: optimizeLegibility;
    top: 0px !important;
    margin: auto;
}

.clear {
    clear: both;
}

.border_radius {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
}

a {
    text-decoration: none;
}

@font-face {
    font-family: UVNSS;
    src: url(../fonts/UVNSangSong_B.TTF);
}

.container {}

.margin_auto {
    width: 1220px;
    margin: auto;
}

a:hover {
    text-decoration: none !important;
    color: #F00 !important;
}

#back-top {
    position: fixed;
    bottom: 5px;
    right: 5px;
    text-align: center;
}

.center {
    width: 100%;
    margin-bottom: 10px;
}

.center label {
    width: 15%;
    float: left
}

form .button {
    padding: .5em 1em;
    border: 0;
    background: #1f4dac;
    margin-bottom: 5px;
    color: #ffffff;
    border-radius: 5px;
}

.cont {
    width: 70%;
    padding: 10px;
}

#banner {
    background: #1f4dac;
    padding: 6px 0px;
    width: 100%;
    /* float: left; */
    font-size: 14px;
}

.banner {
    width: 1200px;
    text-align: right;
    padding-right: 70px;
    color: #FFF;
    position: relative;
    box-sizing: border-box;
    display: flex;
    margin: 0 auto;
}

#lang {
    position: absolute;
    right: 0px;
    top: 0;
}

#lang a {
    text-decoration: none;
}

.langCon {
    top: -2px !important;
}

#banner span {
    float: left;
    white-space: nowrap;
}

.diachi_top {
    /* float: left; */
    margin-right: 5em;
    width: calc(100% - 200px);
}

#menu {
    width: 100%;
    /* float: left; */
    padding: 12px 0;
}

.menu {
    width: 1220px;
    margin: 0 auto;
    display: flex;
    padding: 0 10px;
}

.menu-l {
    float: left;
}

.menu-l img {
    max-width: 100%;
}

.menu-m {
    float: right;
    margin: 1em 0;
    margin-right: 2em;
}

.menu-r {
    float: right;
    position: relative;
}

#search {
    right: 0;
    width: 200px;
    float: right;
    margin-top: 12px;
    position: relative;
}

#search .imgs {
    position: absolute;
    right: 6px;
    top: 7px;
    cursor: pointer;
}

#info {
    width: 100%;
    padding-bottom: 3em;
    float: left;
}

.ipse {
    padding: 5px 35px 5px 10px;
    width: 100%;
    border: none;
    border: 1px solid #CCC;
    box-sizing: border-box;
}

.imse {
    width: 21px;
    height: 21px;
    content: '';
}

#footer-i {
    position: fixed;
    bottom: 0px;
    background: rgba(65, 113, 148, 0.5);
    max-width: 1200px;
    width: 100%;
    z-index: 9999;
}

#footer {
    background: url(../images/footer.png)no-repeat top center/ cover;
    width: 100%;
    margin-top: 8em;
}

.footer {
    width: 100%;
    padding: 8em 0px 0;
    color: #ffffff;
}

.footer .margin_auto {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1220px;
    padding: 0 10px;
}

.footer h5 {
    font-weight: 100;
    color: #ffffff;
    font-size: 15px;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-bottom: 1em;
    position: relative;
}

.footer h5:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 3em;
    height: 1px;
    background: #ffffff;
}

.ft-l {
    width: 45%;
    /* float: left; */
    color: #FFF;
}

.ft-r {
    width: 19%;
    /* float: left; */
    text-align: left;
}

div.fanpage {
    width: 300px;
    /* float: right; */
}

#container {
    margin: 0 auto;
    padding: 0;
}

#sanpham {
    width: 100%;
    padding: 2em 10px 0;
}

#left {
    width: 270px;
    float: left;
}

#left .left-tit {
    background: url(../images/danhmuc.png)no-repeat;
    line-height: 47px;
    text-align: center;
}

#left .left-tit h2 {
    color: #ffffff;
    font-family: LatoBold;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 47px;
}

#menu_left {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    /*border-bottom: 1px solid #e5e5e5*/
    /* float: left; */
    width: 100%;
}

#left .ddmenu ul {
    list-style: none;
}

#left .ddmenu>ul>li>a {
    font-family: LatoBold;
    font-size: 16px;
    color: #1f4dac;
    padding: 0 1em;
    /* float: left; */
    line-height: 48px;
    width: 100%;
    background: #efefef;
    display: block;
}

#left .ddmenu ul li ul li a {
    font-family: LatoRegular;
    font-size: 14px;
    color: #000000;
    padding: 0 0 0 2em;
    float: left;
    line-height: 48px;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
}

#left .ddmenu ul li a i {
    font-size: 10px;
}

#left .hotro {
    padding: 1em;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    float: left;
    width: 100%;
    position: relative;
}

#left .hotro>span {
    position: absolute;
    top: 1em;
    left: 5em;
    font-family: UTMAvoBold;
    color: #ec2327;
    font-size: 20px;
}

#left .hotro>p {
    font-family: RobotoBold;
    font-size: 13px;
    color: #2c2c2c;
    margin: 10px 0 !important;
}

#right {
    width: calc(100% - 300px);
    float: right;
    margin: 0;
}

.box-news {
    border-bottom: 1px solid #CCC;
    margin-bottom: 20px;
}

.box-news-tit a {
    color: #03F;
}

.box-news-tit h3 a {
    font-family: LatoBold;
    font-size: 15px;
}

.box-news-con {}

.box-news-con img {
    float: left;
    margin-right: 10px;
    width: 150px;
    height: 120px;
}

.tinkhac {
    margin-left: 30px;
}

.box-sp {
    width: 100%;
    float: left;
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    line-height: normal;
    background: #f4f4f4;
}

.box-sp a {
    line-height: 1;
}

.box-sp-img {
    padding: 2px;
}

.box-sp-img img {
    max-width: 100%;
    width: 100%;
    height: 180px;
}

.box-sp-name {
    text-align: left;
    padding: 1em 0;
}

.box-sp-name h3 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
}

.box-sp-name h3 a {
    font-family: LatoBold;
    font-size: 15px;
    color: #1a1a1a;
}

.ct-l {
    width: 40%;
    float: left;
}

.ct-r {
    width: 50%;
    float: left;
    padding: 0 10px;
}

.ct-img {
    max-width: 100% !important;
}

.ct-img img {
    max-width: 100% !important;
}

.main-tit {
    font-weight: bold;
}

#slide {
    width: 100%;
    /* float: left; */
}

.khung_sp {
    display: grid;
    width: 100%;
    grid-gap: 30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

#dichvu {
    width: 100%;
    float: left;
    padding: 4em 10px;
    background: #1f4dac;
    margin-top: 5em;
}

#dichvu h2 {
    font-weight: 100;
    text-align: center;
    color: #ffffff;
    font-size: 32px;
    margin-bottom: 15px;
    padding-bottom: 1em;
    background: url(../images/dv.png)no-repeat bottom center;
}

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

.khung_dv .img {
    width: 100%;
    position: relative;
    line-height: 1;
}

.khung_dv .img a {
    /* float: left; */
    width: 100%;
    color: #ffffff;
    font-weight: 100;
}

.khung_dv .img h3 {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: center;
    padding: 1em 0;
    background: rgba(0, 0, 0, .7);
    font-size: 16px;
    margin-bottom: 0;
}

.khung_dv p {
    padding-top: 1em;
    /* display: inline-block; */
    color: #ffffff;
    font-weight: 100;
    text-align: center;
}

.owl_dv {
    display: none;
}

#bottom {
    width: 100%;
    float: left;
    padding: 3em 10px 0;
}

#bottom h4 {
    border-bottom: 1px solid #ebebeb;
    font-weight: 100;
    font-size: 32px;
    color: #2d2d2d;
    padding-bottom: 15px;
    text-transform: capitalize;
    margin-bottom: 1em;
}

#bottom #tintuc {
    width: calc(100% - 400px);
    float: left;
}

#bottom #video {
    width: 375px;
    float: right;
}

#bottom .khung_tintuc {
    width: 100%;
    float: left;
}

#bottom .khung_tintuc .item_tt {
    width: 100%;
    float: left;
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    margin: 0 0em 1.5em 0;
}

#bottom .khung_tintuc .item_tt a {
    font-size: 15px;
    color: #000000;
    font-family: LatoBold;
}

#bottom .khung_tintuc .item_tt h3 a {
    font-size: 15px;
    color: #000000;
    font-family: LatoBold;
    line-height: 1.5;
    height: 45px;
}

#bottom .khung_tintuc .slick-slide {
    margin-right: 2em;
}

.select_video {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

.select_video select {
    width: 100%;
    padding: 5px
}

#doitac {
    width: 100%;
    float: left;
    position: absolute;
}

.owl_dt {
    display: none;
}

#doitac .owl_dt {
    padding: 2em 5em;
    background: #ffffff;
    border: 1px solid #dddddd;
    position: relative;
    top: -6em;
}

#doitac .owl_dt.owl-theme .owl-controls {
    display: block;
}

#doitac .owl_dt.owl-theme .owl-controls .owl-dots {
    display: none !important;
}

#doitac .owl_dt.owl-theme .owl-controls .owl-prev {
    display: block !important;
    width: 56px;
    height: 56px;
    background: url(../images/left.png)no-repeat;
    text-indent: -9999px;
    position: absolute;
    top: 3.7em;
    left: -2em;
}

#doitac .owl_dt.owl-theme .owl-controls .owl-next {
    display: block !important;
    width: 56px;
    height: 56px;
    background: url(../images/right.png)no-repeat;
    text-indent: -9999px;
    position: absolute;
    right: -2em;
    top: 3.7em;
}

.copy {
    padding: 1em 0;
    width: 100%;
    text-align: center;
    margin-top: 2em;
    color: #ffffff;
    background: #1f4dac;
}

/*--Phan trang*/
.phantrang {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 10px;
    margin: 0px 0px 10px 0px;
    width: 100%;
    float: left;
}

.phantrang a {
    background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D2D2D2;
    color: #393939 !important;
    cursor: pointer;
    font-size: 11px;
    margin: 0 0 0 4px;
    padding: 6px 10px
}

.phantrang li.active a {
    background: #007bff !important;
    color: #fff !important;

}

.box-sp a img {
    border: 1px solid #ccc;
    float: left;
    height: 150px;
    width: 190px;
}

.phantrang a:hover {
    background: none repeat scroll 0 0 #61b3f8;
    box-shadow: none;
    color: #FFFFFF;
    text-decoration: none;
}

.phantrang .paginate_button_disabled,
.phantrang .paginate_button_disabled:hover {
    background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D2D2D2 !important;
    color: #ADADAD !important;
    cursor: default;
    opacity: 0.7;
}

.phantrang .paginate_active,
.phantrang .paginate_active:hover {
    background: none repeat scroll 0 0 #61b3f8;
    box-shadow: none;
    color: #FFF;
    font-weight: bold;
}

/*----------------------------------------------------*/
.sid img {
    width: 100%;
    height: 100%;
}

/*.left-list{ border-bottom:1px solid #CCC; padding-top:5px;}
.left-list a{ color:#000 !important;}
.left-cat{ padding-left:20px; box-sizing:border-box; border-bottom:1px solid #CCC; width:0px; height:0px; display:none; overflow:hidden; -webkit-transition: width 2s; transition: width 2s; padding-top:5px;}
.left-cat a{ color:#000;}
.left-item{ padding-left:20px; box-sizing:border-box; border-bottom:1px solid #CCC; display:none; padding-top:5px;}
.left-item a{ color:#000;}
.left-list:hover .left-cat{ display:block; width:100%; height:auto;}
.left-cat:hover .left-item{ display:block;}*/
.dpb {
    display: block !important;
    width: 100%;
    height: auto;
}

.upro {
    margin: 0;
    padding: 0;
    width: 280px;
    list-style-type: none;
    font: bold 12px Verdana;
}

p.danhmuc1 {
    width: 15%;
    float: left;
}

p.danhmuc1 li a {
    list-style: none;
}

ul.cap3 {
    width: 75%;
    float: left;
}

ul.cap3 li {
    float: left;
    list-style: none;
    margin-right: 10px;
}

.td_cap2 p {
    width: 20%;
    float: left;
}

.td_cap2 ul {
    width: 75%;
    float: left;
}

.td_cap2 ul li {
    list-style: none;
    float: left;
    margin-right: 20px;
    background: #ccc;
    padding: 10px;
    margin: 5px;
    min-width: 131px;
}

.td_cap1 {
    border-bottom: 1px solid #ccc;
}

.td_cap1 a {
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

.main-tit h2,
.main-tit h1 {
    padding-top: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 5px;
    font-family: LatoBold;
    font-size: 16px;
    text-transform: uppercase;
    color: #1f4dac;
    position: relative;
}

.main-tit h2:after,
.main-tit h1:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 5em;
    height: 1px;
    background: #ed0000;
}

a.click {
    cursor: pointer;
}

.khungsp {
    float: left;
    border: solid 1px #ccc;
    margin-right: 4px;
}

.img_sp {
    margin-top: 10px;
    margin-right: 10px;
}

.tab_detail {
    width: 75%;
    float: right;
}

.tensp {
    width: 196px;
    padding: 5px;
    min-height: 100px;
    text-align: center;
}

.tensp a {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}


.hidden {
    display: none;
}

.clear {
    clear: both;
}

.none {
    display: none;
}

.hidden-seoh {
    visibility: hidden;
    height: 0px;
    margin: 0px;
    overflow: hidden;
}

.w-clear:after {
    display: block;
    content: "";
    clear: both;
}

.clear {
    clear: both;
}

/* General */
.res-img-detail {
    width: 100%;
}

.res-img-detail img {
    max-width: 100%;
    height: auto !important;
}

.res-img-detail .table-detail-inpage {
    overflow-x: auto;
    max-width: 950px;
}

.res-img-detail .table-detail-inpage table {
    max-width: 950px;
}

#share-buttons button {
    transition: all .2s;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 5px !important;
}

#share-buttons button:hover {
    transition: all .2s;
    filter: invert(1);
}

.goog-te-banner-frame {
    visibility: hidden !important;
}

#google_language_translator {
    width: auto !important;
}

.goog-te-gadget .goog-te-combo {
    margin: 4px 0px !important;
}

.goog-tooltip {
    display: none !important;
}

.goog-tooltip:hover {
    display: none !important;
}

.goog-text-highlight {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

p.hello {
    font-size: 12px;
    color: darkgray;
}

#google_language_translator {
    clear: both;
    width: auto !important;
    text-align: right;
    display: none;
}

#flags {
    text-align: right;
}

p.hello {
    text-align: right;
    float: right;
    clear: both;
    color: #666;
}

.glt-clear {
    height: 0px;
    clear: both;
    margin: 0px;
    padding: 0px;
}

#flags a {
    display: inline-block;
    width: 35px;
    height: 19px;
    margin-left: -14px;
}

.box_skitter .container_skitter {
    overflow: hidden;
}

.box_skitter {
    height: 40.26vw !important;
}

/* Text Hide */
.text-split {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.text-split-3 {
    -webkit-line-clamp: 3;
}

.w-100 {
    width: 100%;
}


/* Breadcrumb */
.breadCrumbs {
    background-color: #cccccc54;
    margin-bottom: 15px;
}

.breadCrumbs .margin_auto {
    padding: 10px 10px;
    max-width: 1276px;
}

.breadCrumbs .margin_auto .breadcrumb {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 0;
    /* border-bottom: 1px solid #dcdcdc;
    padding-bottom: 5px; */
}

.breadCrumbs .margin_auto .breadcrumb-item a {
    color: #000;
}

.breadCrumbs .margin_auto .breadcrumb-item.active span {
    color: #1f4dac;
}

.breadcrumb-item span {
    color: #333333;
    font-size: 14px;
}

.breadcrumb-item:hover span {
    color: red;
}

ol.breadcrumb {
    position: relative;
    z-index: 1;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #b0b0b0;
    content: '\f054';
    font-family: 'Font Awesome 5 Light';
    font-size: 12px;
}

.ct-img-list {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    padding: 15px;
}

.ct-img-list a {
    display: block;
    border: 1px solid #dcdcdc;
    /* border-radius: 4px;
    overflow: hidden; */
}

.ct-img-list a.mz-thumb-selected {
    border-color: red;
}

.price-new-pro-detail {
    color: red;
    font-family: LatoBold;
    font-size: 18px;
}

.price-old-pro-detail {
    color: rgb(95, 95, 95);
    font-family: LatoBold;
    font-size: 14px;
}

#map_canvas iframe {
    width: 100%;
    height: 100%;
}

/* mobile footer */
.fix-toolbar {
    background: var(--color-title);
    width: 100%;
    padding: 5px;
    bottom: 0;
    position: fixed;
    height: auto;
    line-height: 25px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: none;
    border-top: 1px solid #ffffff82;
    z-index: 100;
}

.fix-toolbar ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    list-style: none;
    margin: 0;
}

.fix-toolbar ul li {
    text-align: center;
    width: 20%;
}

.fix-toolbar ul li a {
    display: block;
    width: 100%;
    cursor: pointer;
    color: #fff;
    font-size: 30px;
}

.fix-toolbar ul li a img {
    height: 25px;
    width: auto;
}

.fix-toolbar img {
    vertical-align: top;
}

.fix-toolbar ul li a span {
    font-weight: 400;
    color: #fff;
    font-size: 13px;
    display: none;
}

#toc-content img {
    max-width: 100%;
    height: auto !important;
}

.menu-r.fixedMenu {
    position: fixed;
    z-index: 998;
    top: 0;
    background: #fff;
    width: 100%;
    min-width: 1200px;
    left: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.sloganTop {
    padding: 5px 10px;
    background-color: #f4e590;
}