@font-face {
    font-family: mulil;
    src: url(font/Muli-Light.ttf);
}

@font-face {
    font-family: muli;
    src: url(font/Muli-Regular.ttf);
    font-weight: normal;
}

@font-face {
    font-family: mulib;
    src: url(font/Muli-Bold.ttf);
    font-weight: normal;
}

@font-face {
    font-family: avo;
    src: url(font/SVN-Avo.ttf);
    font-weight: normal;
}

@font-face {
    font-family: avob;
    src: url(font/SVN-Avo-bold.ttf);
    font-weight: normal;
}

@font-face {
    font-family: hongha;
    src: url(font/UVNHongHaHep_B.TTF);
}

@font-face {
    font-family: swiss;
    src: url("font/UTM Swiss 721 Black Condensed_0.ttf");
}

@font-face {
    font-family: fran;
    src: url("font/SVN-Franko.ttf");
}

@font-face {
    font-family: BR;
    src: url("font/BarlowCondensed-Regular.ttf");
}

@font-face {
    font-family: blm;
    src: url("font/BarlowCondensed-Medium.ttf");
}

@font-face {
    font-family: BB;
    src: url("font/BarlowCondensed-Bold.ttf");
}

@font-face {
    font-family: swiss721;
    src: url("font/HongDucLand/UTM-Swiss-721-Black-Condensed.ttf");
}

@font-face {
    font-family: sfm;
    src: url("font/HongDucLand/SF-Compact-Text-Medium.ttf");
}




body {
    margin: 0;
    padding: 0;
    font-family: 'muli';
  
}

.allbody {
    overflow: hidden;
}

.container {
    max-width: 1200px;
    margin: auto;
    box-sizing: border-box;
    width: 96%;
}

.clearfm * {
    margin: 0;
    padding: 0;
    border: none;
    text-decoration: none;
    list-style: none;
    color: inherit;
    line-height: 1.4;
}

h1, h2, h3, h4, h5, h6, strong, b, th { /* font-family:segoe ui; */ /* font-weight:500; */
}

img, input, iframe, select { /* border:none; */
}

table {
    border-collapse: collapse;
}

a {
    cursor: pointer;
}

.new-hot {
    display: inline-block;
    width: 25px;
    height: 13px;
    background: url(../Design/new.gif);
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.boxes > .contain {
    margin-top: 30px;
}


    .banner img {
        margin-bottom: -0.6%;
        max-width: 100%;
    }

.imgA, .imgAB, .imgB, .imgBan, .imgDT, .imgF, .imgGT, .postImg, .imgAuto, .img, .imgM, .imgN, .imgP, .imgS, .imgT {
    overflow: hidden;
    position: relative;
}

.imgD {
    display: block;
}

    .imgD img {
        width: auto;
        height: 100%;
        min-width: 100%;
    }

.img a {
    position: relative;
    display: block;
}

.img img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    transition: transform .5s;
}

.imgA img {
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    position: absolute;
    left: 0;
    max-height: 100%;
    transition: transform .5s;
}

.imgAB img {
    width: auto;
    height: 100%;
    min-width: 100%;
    position: absolute;
    transition: transform .5s;
}

.imgB img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    transition: transform .5s;
}

.imgBan img {
    width: auto;
    height: 100%;
    min-width: 100%;
    position: absolute;
    transition: transform .5s;
}

.imgDT img {
    width: auto !important;
    height: auto;
    position: absolute;
    max-width: 90%;
    max-height: 100%;
    transition: transform .5s;
}

.imgF img {
    width: auto;
    height: auto;
    position: absolute;
    max-width: 100%;
    min-height: 100%;
    transition: transform .5s;
}

.imgGT img {
    width: 100%;
    height: auto;
    min-height: 100%;
    transition: transform .5s;
    position: absolute;
    left: 0;
}

.imgM img {
    width: auto;
    height: auto;
    max-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 0;
    min-width: 100%;
    transition: transform .5s;
}

.imgN img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform .5s;
}

.imgT img {
    width: auto;
    height: auto;
    position: absolute;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    transition: transform .5s;
    max-height: 100%;
}

.imgP img {
    transition: transform .5s;
    width: 100%;
    height: 249px;
    display: block;
    object-fit: cover;
}

.imgP.img-verticle img {
   width: 100%;
   height: 249px;
   object-fit: cover;
}
.imgnd a{
    width: 100%;
    height: 100%;
    display: block;
}
.imgS img {
    width: auto;
    height: auto;
    position: absolute;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    transition: transform .5s;
    max-height: 100%;
}

.imgW img {
    width: 100%;
    height: auto;
    min-height: 100%;
}

.imgAuto img {
    width: auto;
    height: auto;
    position: absolute;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    transition: transform .5s;
}

.imgT img {
    width: auto;
    height: auto;
    position: absolute;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    transition: transform .5s;
    max-height: 100%;
}

.postImg img {
    width: 100%;
    height: auto;
    min-height: 100%;
    transition: transform .5s;
    position: absolute;
    left: 0;
}

.img:hover img {
    transform: translateY(-50%) scale(1.2);
}

.imgA:hover img, .imgAB:hover img, .imgAuto:hover img, .imgB:hover img, .imgBan:hover img, .imgDT:hover img, .imgF:hover img, .imgGT:hover img, .imgM:hover img, .imgN:hover img, .imgP:hover img,
.imgS:hover img, .imgT:hover img, .postImg:hover img {
    transform: scale(1.2);
}

.imgRt:hover img {
    transform: scale(1.1) rotate(4deg);
}

.line1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.line2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.line3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.line4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.martop30 {
    margin-top: 30px;
}

.product-img {
    background-color: #fff;
    text-align: center;
}

    .product-img img {
        height: 100%;
        width: auto;
        max-width: 80%;
        left: 0;
        right: 0;
        margin: auto;
    }

.desc {
    font-size: 14px;
    color: #5f5f5f;
    height: 58px;
    line-height: 1.4;
    overflow: hidden;
    margin-top: 10px;
}

.message {
    font-size: 15px;
    color: #222;
}

.red {
    font-size: 15px;
    color: red;
}

.left {
    float: left;
}

.right {
    float: right;
}

.lefttrangcon {
    width: 71.4%;
    float: left;
}

.righttrangcon {
    width: 26.783%;
    float: right;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.request {
    color: red;
    font-size: 14px;
    font-weight: normal;
}

.txtcreate {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    position: relative;
    font-size: 18px;
}

.txt49 {
    width: 49%;
}

.txtl {
    float: left;
}

.txtr {
    float: right;
}

.clear {
    clear: both;
}

.detail {
    font-size: 17px;
    color: #333;
    font-family: 'muli';
    /* overflow:hidden; */
}

    .detail.contain {
        margin-top: 20px;
    }

    .detail table {
        width: 100% !important;
    }

    .detail * {
        font-size: 18px !important;
    }

    .detail td { /* width:48% !important; */
        padding: 1%;
    }

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

    .detail a, .detail strong {
        color: #246bb8;
        text-decoration: none;
    }

    .detail h1, .detail h2, .detail h3, .detail h4, .detail h5, .detail h6 {
        color: #145898;
    }

.success {
    color: #145898;
    font-size: 15px;
}

.error {
    color: #ef0707;
    font-size: 15px;
}

.img {
    display: block;
}

    .img img {
        width: auto;
        height: 100%;
        min-width: 100%;
    }

.imgW img {
    width: 100%;
    height: auto;
    min-height: 100%;
}

.block {
    display: block;
}

.btopnone {
    border-top: none !important;
}

.overHide {
    overflow: hidden;
}

.mtop10 {
    margin-top: 10px !important;
    margin-bottom: 10px;
}

.mtop20 {
    margin-top: 20px !important;
}

.mtop30 {
    margin-top: 30px !important;
}

.mtop40 {
    margin-top: 40px !important;
}

.mtop50 {
    margin-top: 50px !important;
}

.boxes { /* overflow:hidden; */
}

    .boxes + .boxes { /* margin-top:50px; */
    }

.box-side + .box-side {
    margin-top: 18px;
}

.pager {
    clear: both;
    margin-top: 15px;
    font-size: 13px;
    line-height: 1.8;
}

    .pager span, .pager a {
        background-color: #226dc4;
        display: inline-block;
        text-align: center;
        width: 32px;
        margin-right: 3px;
        border-radius: 4px;
        font-family: 'muli';
        text-decoration: none;
        color: #fff;
        border: 1px solid #fff;
        padding-bottom: 3px;
        padding-top: 3px;
    }

        .pager a:hover {
            background-color: #199ddb;
            color: #fff;
        }

    .pager span {
        background-color: #fbfbfb;
        color: #6e6e6e;
        border: 1px solid #d8d8d8;
    }

.transparent {
    background-color: transparent;
}

.inline-block {
    display: inline-block;
}

.info {
    font-size: 16px;
    color: #b5b5b5;
    margin-top: 11px;
    overflow: hidden;
    font-family: br;
}

    .info span {
        display: inline-block;
        float: right;
    }

        .info span + span {
            margin-right: 10px;
        }

    .info .link:before {
        content: "\f002";
        font-family: fontawesome;
        color: #6f6f6f;
        display: inline-block;
        margin-right: 6px;
    }
.fb_iframe_widget iframe{
    width: auto !important;
}
    .info .date:before {
        content: "\f017";
        font-family: fontawesome;
        color: #6f6f6f;
        display: inline-block;
        margin-right: 6px;
    }

    .info .views:before {
        content: "\f06e";
        font-family: fontawesome;
        color: #6f6f6f;
        display: inline-block;
        margin-right: 6px;
    }

.date {
    font-size: 15px;
    color: #b5b5b5;
    font-family: muli;
}

    .date:before {
        content: "\f017";
        font-family: fontawesome;
        display: inline-block;
        margin-right: 6px;
    }

.views {
    font-size: 14px;
    font-family: 'muli';
    color: #9b9b9b;
    display: inline-block;
}

    .views:before {
        content: "\f06e";
        font-family: fontawesome;
        display: inline-block;
        margin-right: 5px;
        font-size: 12px;
        color: #9b9b9b;
        font-weight: 900;
    }

.info .comments:before {
    content: "\f0e5";
    font-family: fontawesome;
    display: inline-block;
    margin-right: 6px;
}

.info .share {
    float: right;
}

* .infoVanBan {
    line-height: 1;
    padding: 7px 0 !important;
    padding-left: 10px !important;
}

.infoVanBan span {
    display: inline-block;
    margin-right: 5px;
    font-size: 14px;
    color: #666;
    padding: 3px 0;
    padding-left: 25px;
}

    .infoVanBan span + span {
        margin-left: 15px;
    }

.relative {
    position: relative;
}

.infoVanBan .view_desc {
    background: url(../Design/search.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

.infoVanBan .link { /* float:right; */
    position: relative;
    cursor: pointer;
    background: url(../Design/detail.png);
    background-repeat: no-repeat;
}

.infoVanBan .linkFile {
    float: right;
    position: relative;
    background: url(../Design/download1.png);
    background-repeat: no-repeat;
    cursor: pointer;
    color: #389bff;
    text-decoration: underline;
}

.infoVanBan .listFile {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    color: #0758bc;
    font-size: 13px;
    margin-top: 5px;
    padding: 8px 7px;
    background: #fff;
    box-shadow: 0 0 1px #555;
}

    .infoVanBan .listFile:before {
        position: absolute;
        top: -10px;
        right: 20px;
        width: 1px;
        border: 5px solid transparent;
        border-bottom-color: #d8dbdc;
        content: "";
    }

.infoVanBan a {
    display: block;
    margin-bottom: 5px;
}

.metatext {
    color: #0758bc;
    font-size: 14px;
    margin: 0;
    margin-top: 15px;
    margin-left: 20px;
    border-bottom: 1px dotted #9a9a9a;
    padding-bottom: 8px;
    list-style: disc;
    display: list-item;
}

    .metatext span, .meta span {
        font-weight: bold;
    }

.meta {
    color: #3f3f3f;
    font-size: 14px;
    margin: 0;
    margin-top: 6px;
    margin-left: 20px;
    border-bottom: 1px dotted #9a9a9a;
    padding-bottom: 8px;
    list-style: disc;
    display: list-item;
}

    .meta .lnkNotices {
        color: #0758bc;
        display: inline-block;
        padding-left: 40px;
        background-image: url(../Design/download1.png);
        background-repeat: no-repeat;
        background-position: 10px;
    }

    .meta a {
        color: #0758bc;
        text-decoration: none;
    }

    .meta .title {
        color: #0758bc;
        text-transform: uppercase;
        font-size: 16px;
        font-family: segoe ui;
    }

.share { /* margin-top:10px; */
}

.width49 {
    width: 49%;
    float: left;
}

    .width49 + .width49 {
        float: right;
    }

.breadcrums {
    float: left;
}

    .breadcrums a {
        color: #28343d;
        font-family: 'muli';
    }

        .breadcrums a:hover {
            color: #226dc4;
        }

.breadcrumb {
    color: #343434;
    font-size: 16px;
    border-bottom: 1px solid #ebedf0;
    background-color: #fff;
    margin-bottom: 20px;
    font-family: BR;
    float: left;
    width: 100%;
}

    .breadcrumb .container {
        padding: 8px 0;
    }

    .breadcrumb a {
    font-family: muli;
    }
.breadcrumb a:hover{
    color: #226dc4;
}
    .breadcrumb .container > i, .breadcrumb .container > span {
        width: 10px;
        text-align: center;
        color: #90949c;
        /* font-family: muli; */
        font-size: 14px;
    }

    .breadcrumb a:hover{
    color: #226dc4;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    clear: both;
    display: block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul.list-project-child {
    display: grid;
    grid-auto-rows: minmax(min-content, max-content);
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    column-gap: 18px;
    row-gap: 18px;
}

ul.list-project-child .imgScale {
    height: 300px !important;
}

ul.list-project-child .imgScale a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

ul.list-project-child .imgScale a {
    display: block;
    width: 100%;
    height: 100%;
}