﻿body {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: "sans-serif", Tahoma, Arial;
}
.header {
    width: 100%;
    background-color: #373737;
}
    .header .container {
        text-align: center;
        color: #CB9904;
        padding-right: 0px;
        padding-left: 0px;
        
    }
        .header .container h1{
            font-size: 13pt;
            text-transform: uppercase;
            display: inline-block;
        }
.hotline-top{
    display: inline-block;
    float: right;
    color: #999;
    margin-right: 15px;
    margin-top: 15px;
}
.toppanel {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    position: relative;
}

.BLtoppanel {
    padding-left: 0px;
    padding-right: 0px;
    display: inline-block;
    position: relative;
}

.footerpanel {
    padding-left: 0px;
    padding-right: 0px;
    display: inline-block;
}
#stickymenu {
    width: 100%;
    background-color: #1D1D1B;
    height: 90px;
    z-index: 1500;
    transition: transform .6s;
    transition: ease-in-out 0,6s;
}
.logohiden {
    width: 300px;
    float: left;
    height: 90px;
    text-align: center;
    padding-top: 10px;
}
.logohiden a img{
    height: 70px;
    
}
#stickymenu .navbar{
    margin-bottom: 0px!important;
}
.navbar-default {
    background-color: #000 !important;
    border: none;
}
.is-sticky {
    z-index: 1500;
    height: 80px !important;
    transition: transform .6s;
    transition: ease-in-out 0,6s;
}
    .is-sticky .navbar-default .logohiden{
        height: 80px; 
    }
        .is-sticky .navbar-default .logohiden img {
            height: 60px;
            transition: transform .6s;
            transition: ease-in-out 0,6s;
        }
    .is-sticky #mainmenu {
        margin-left: 35px;
        margin-top: 15px;
    }
    .is-sticky #stickymenu {
        height: 80px;
        transition: transform .6s;
        transition: ease-in-out 0,6s;
    }
    #mainmenu {
        margin-left: 25px;
        float: left;
        margin-top: 20px;
    }
    #mainmenu li{
        margin-left: 7px;
        margin-right: 8px;
    }
        #mainmenu li a {
            height: 45px;
            padding: 12px 20px 10px 20px !important;
            text-transform: uppercase;
            color: #888888;
        }

            #mainmenu li a.qlty-item {
                background-color: #1D1D1B;
                color: #CB9904;
                border: solid 1px #CB9904;
            }
            #mainmenu li a:hover {
                background-color: #000;
                color: #fff;
                border-bottom: solid 2px #888888;
            }
/*jssor slider loading skin double-tail-spin css*/
.jssorl-004-double-tail-spin img {
    animation-name: jssorl-004-double-tail-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-004-double-tail-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/*jssor slider bullet skin 031 css*/
.jssorb031 {
    position: absolute;
}

    .jssorb031 .i {
        position: absolute;
        cursor: pointer;
    }

        .jssorb031 .i .b {
            fill: #000;
            fill-opacity: 0.8;
            stroke: #fff;
            stroke-width: 1200;
            stroke-miterlimit: 10;
            stroke-opacity: 0.3;
        }

        .jssorb031 .i:hover .b {
            fill: #fff;
            fill-opacity: .7;
            stroke: #000;
            stroke-opacity: .5;
        }

    .jssorb031 .iav .b {
        fill: #fff;
        stroke: #000;
        fill-opacity: 1;
    }

    .jssorb031 .i.idn {
        opacity: .3;
    }

/*jssor slider arrow skin 051 css*/
/* jssor slider loading skin spin css */
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


/*jssor slider bullet skin 132 css*/
.jssorb132 {
    position: absolute;
}

    .jssorb132 .i {
        position: absolute;
        cursor: pointer;
    }

        .jssorb132 .i .b {
            fill: #fff;
            fill-opacity: 0.8;
            stroke: #000;
            stroke-width: 1600;
            stroke-miterlimit: 10;
            stroke-opacity: 0.7;
        }

        .jssorb132 .i:hover .b {
            fill: #000;
            fill-opacity: .7;
            stroke: #fff;
            stroke-width: 2000;
            stroke-opacity: 0.8;
        }

    .jssorb132 .iav .b {
        fill: #000;
        stroke: #fff;
        stroke-width: 2400;
        fill-opacity: 0.8;
        stroke-opacity: 1;
    }

    .jssorb132 .i.idn {
        opacity: 0.3;
    }

.jssora051 {
    display: block;
    position: absolute;
    cursor: pointer;
}

    .jssora051 .a {
        fill: none;
        stroke: #fff;
        stroke-width: 360;
        stroke-miterlimit: 10;
    }

    .jssora051:hover {
        opacity: .8;
    }

    .jssora051.jssora051dn {
        opacity: .5;
    }

    .jssora051.jssora051ds {
        opacity: .3;
        pointer-events: none;
    }
/*end slide*/
.bg-slo {
    background: url(images/whitebg1.svg) repeat-x right;
    width: 100%;
    height: 90px;
    bottom: 0px;
    position: absolute;
    z-index: 10;
}
.single-content{
    width: 100%;
    display: inline-block;
    position: relative;
    top: -40px; z-index: 11;
}
    .single-content .content {
        width: 100%;
        padding-left: 100px;
        padding-right: 100px;
        display: inline-block;
    }
.brief-entry{
    line-height: 25px;
    padding-top: 55px;
    font-size: 12pt;
    padding-left: 120PX;
}
.brief-entry h2{
    font-size: 15pt;
}
    .brief-entry .abtitle {
        display: inline-table;
        font-size: 15pt;
        width: auto;
        border-bottom: solid 2px #c0c0c0;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
        .brief-entry .abtitle span{
            font-size: 21pt;
            
        }
        .homacticle {
            padding-left: 0px;
            padding-right: 0px;
        }
    .homacticle .mod-title {
        width: 100%;
        display: inline-block;
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: left;
    }
    .homacticle .mod-title h1{
        font-size: 18pt;
        color: #000; display: inline;
        text-transform: uppercase;
    }
        .homacticle .mod-title .bott-line {
            background-color: #E2BD32;
            display: block;
            width: 100px;
            height: 5px;
            border-radius: 5px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 15px;
        }
.homacticle .catebrief {
    width: 80%;
    display: inline-block;
    padding: 15px 15px 15px 15px;
    margin-left: 110px;
    border-radius: 25px;
    font-size: 12pt;
}
.home-itempool {
    width: 100%;
    display: inline-block;
    padding-left: 100px;

}
.servicelist .catebrief {
    padding-left: 120px;
    width: 80%;
    display: block;
    margin-top: 15px;

}
.servicelist .mod-title{

}
.servicelist .subtitle {
    display: inline;
    font-size: 15pt;
    color: #000;
    display: inline;
    text-transform: uppercase;
}
.service-container {
    padding-left: 120px;
    padding-right: 140px;
    display: inline-block;
    width: 100%;
}
.post-item{
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    margin-bottom: 25px;
}
    .post-item article header a img {
        width: 100%;
        border-radius: 100%;
        border: solid 1px #333;
    }
    .post-item article header a{
        display: inline-block;
        width: 90%;
        position: relative;
    }
    .about-right {
        padding-right: 0px;
        padding-top: 70px;
    }
    .about-right img{
        width: 100%;
       
    }
.default-title{
    position: absolute;
    display: inline-block;
    bottom: 30px;
    left: 20%;
    width: 60%;
    text-align: center;
    font-size: 13pt;
    color: #000;
}
.arthome-item {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    height: 210px;
}
.over-tit{
    position: absolute;
    border: solid 1px red;
    z-index: 100;
    display: inline-block;
}
.img-post {
    width: 180px;
    height: auto;
    border: solid 1px #000;
    display: inline-block;
    text-align: center;
    height: 180px;
    overflow: hidden;
    position: relative;
    border-radius: 100%;
}
.home-link {
    width: 100%;
    color: #000;
    font-size: 12pt;
   display: block;
}
.img-post img {
    width: 100%;
    height: 100%;
    object-position: center center;
    object-fit: cover;
}
.img-post:hover {
    box-shadow: 0px 0px 10px #999;
    transition: transform .6s;
    transition: ease-in-out 0,6s;
    border: solid 1px #E2BD32
}
.img-post:hover img {
    transition: transform .8s;
    transform: scale(1.2);
}
.img-post a {
    position: relative;
}
.footer {
    background: #1D1D1B url(images/footbg.png) no-repeat top center;
    padding-left: 55px;
    padding-right: 55px;
    padding-top: 80px;
    border-top: solid 5px #CB9904;
    color: #fff;
}
.copyright{
    width: 100%;
    display: inline-block;
    border-top: solid 1px #c0c0c0;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}
.cname {
    font-weight: bold;
    display: inline-block;
    padding-bottom: 7px;
    font-size: 15pt;
    color: #fff;
}
.location {
    width: 100%;
    display: inline-block;
    background: url(images/location.png) no-repeat left top;
    padding-left: 30px;
    margin-top: 15px;
}
.foot-title{
    font-size: 15pt;
    font-weight: bold;
    display: inline-block;
    width: 100%;
    margin-top: 40px;
}
.foot-phone {
    display: inline-block;
    width: 100%;
    background: url(images/phone.png) no-repeat left center;
    padding-left: 30px;
    margin-top: 15px;
    line-height: 40px;
}
.foot-phone a{
    color: #fff;
    font-size: 12pt;

}
.footmail {
    display: inline-block;
    width: 100%;
    background: url(images/email.png) no-repeat left center;
    padding-left: 30px;
    margin-top: 7px;
    line-height: 40px;
}
    .footmail a {
        color: #fff;
        font-size: 12pt;
    }
.fmenu1{
    display: block;
    float: left;
}
.fmenu2 {
    display: block;
    float: left;
}
.footermenus a {
    display: block;
    border: solid 1px #c0c0c0;
    padding: 7px 15px 7px 15px;
    color: #fff;
    margin-right: 35px;
    margin-top: 25px;
}
.facebox {
    text-align: center;
}
.facebook {
    width: 63px;
    height: 63px;
    display: inline-block;
    background: url(images/facebook-icon.png) no-repeat center;
    margin-top: 25px;
}
.zalome {
    width: 63px;
    height: 63px;
    display: inline-block;
    background: url(images/zalo.png) no-repeat center;
    margin-top: 25px;
}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

    .owl-carousel .owl-wrapper {
        display: none;
        position: relative;
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

        .owl-carousel .owl-wrapper-outer.autoHeight {
            -webkit-transition: height 500ms ease-in-out;
            -moz-transition: height 500ms ease-in-out;
            -ms-transition: height 500ms ease-in-out;
            -o-transition: height 500ms ease-in-out;
            transition: height 500ms ease-in-out;
        }

    .owl-carousel .owl-item {
        float: left;
    }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor: url(images/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}
/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}

    /* Styling Next and Prev buttons */

    .owl-theme .owl-controls .owl-buttons div {
        color: #FFF;
        display: inline-block;
        zoom: 1;
        *display: inline; /*IE7 life-saver */
        margin: 5px;
        padding: 3px 10px;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background: #869791;
        filter: Alpha(Opacity=50); /*IE7 fix*/
        opacity: 0.5;
    }
    /* Clickable class fix problem with hover on touch devices */
    /* Use it for non-touch hover action */
    .owl-theme .owl-controls.clickable .owl-buttons div:hover {
        filter: Alpha(Opacity=100); /*IE7 fix*/
        opacity: 1;
        text-decoration: none;
    }

    /* Styling Pagination*/

    .owl-theme .owl-controls .owl-page {
        display: inline-block;
        zoom: 1;
        *display: inline; /*IE7 life-saver */
    }

        .owl-theme .owl-controls .owl-page span {
            display: block;
            width: 48px;
            height: 12px;
            margin: 5px 7px;
            filter: Alpha(Opacity=50); /*IE7 fix*/
            opacity: 0.5;
            background: #FFCB08;
        }

        .owl-theme .owl-controls .owl-page.active span,
        .owl-theme .owl-controls.clickable .owl-page:hover span {
            filter: Alpha(Opacity=100); /*IE7 fix*/
            opacity: 1;
        }

        /* If PaginationNumbers is true */

        .owl-theme .owl-controls .owl-page span.owl-numbers {
            height: auto;
            width: auto;
            color: #FFF;
            padding: 2px 10px;
            font-size: 12px;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
        }

/* preloading images */
/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px;
}
/* fade */
.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease;
}

.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both;
}

.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
    0% {
        opacity: 1
    }
}

@-moz-keyframes empty {
    0% {
        opacity: 1
    }
}

@keyframes empty {
    0% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }

    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
}

@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }

    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }

    100% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
}

@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px);
    }

    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }

    100% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }
}

@-webkit-keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
    }
}

@-moz-keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%);
    }

    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0);
    }
}

@keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%);
    }

    75% {
        opacity: .5;
        transform: translateZ(-500px);
    }

    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0);
    }
}

@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
    }
}

@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(.8);
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(.8);
    }
}

@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%);
    }
}

@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%);
    }
}

@keyframes goDown {
    from {
        transform: translateY(-100%);
    }
}

@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5);
    }
}

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5);
    }
}
/*end of owl fade*/
.owl-item.loading {
    min-height: 150px;
    background: url(images/AjaxLoader.gif) no-repeat center center
}
.about-banner{
    position: relative;
    width: 100%;
}
.entry-about{
    font-size: 12pt;
}
.entry-about h2 {
    font-size: 15pt;
}

.articlelist {
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    top: -20px;
    z-index: 15;
}
    .articlelist .mod-title {
        display: inline-block;
        width: 100%;
    }
        .articlelist .mod-title h1 {
            font-size: 21pt;
            color: #000;
            display: inline;
            text-transform: uppercase;
        }
.brief-img img{
    width: 100%;
}
.subtitle {
    width: 100%;
    font-size: 15pt;
    text-transform: uppercase;
}
.articlelist .mod-title .bott-line {
    background-color: #E2BD32;
    display: block;
    width: 100px;
    height: 5px;
    border-radius: 5px;
    margin-top: 15px;
}
.art-homeleft {
    padding-left: 0px;
}
.left-line{
    width: 110px;
    height: 4px;
    background-color: #333;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
    margin-top: 12px;
}
article.post {
    width: 100%;
    display: inline-block;
}

    article.post header {
        padding-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 15px;
        padding-left: 120px;
    }

        article.post header h1 {
            display: inline;
            font-size: 18pt;
            text-transform: uppercase;
        }

.post div.update-time {
    padding-top: 8px;
    color: #666;
}

.entry-content {
    font-size: 12pt;
    padding-left: 110px;
    padding-right: 110px;
}
.entry-content .content-brief {
    display: inline-block;
    padding-bottom: 15px;
    font-size: 12pt;
}

.article-brief {
    font-size: 12pt;
    padding-top: 15px;
}

.entry-content .content-brief .col-xs-12 {
    padding-left: 15px;
}

.article-body {
    display: inline-block;
    width: 100%;
}

    .article-body a {
        color: #333;
        font-weight: bold;
        font-family: 'Tahoma', Verdana;
        line-height: 25px;
    }

.frameclip {
    margin-left: auto;
    margin-right: auto;
}

.entry-footer {
    display: none;
    margin-bottom: 15px;
    border: dotted 1px #c0c0c0;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 15px;
}

    .entry-footer a:nth-child(1) {
        display: block;
    }

        .entry-footer a:nth-child(1) span {
            text-decoration: underline;
            font-weight: bold;
            font-size: 15pt;
            text-transform: uppercase;
            color: #003867;
        }

.tagdiv span {
    display: inline-block;
    float: left;
    font-weight: bold;
}

.tagdiv ul {
    list-style: none;
    padding: 0;
    margin-left: 0;
    display: inline-block;
    float: left;
}

    .tagdiv ul li {
        display: inline-block;
        padding-left: 15px;
    }

        .tagdiv ul li a {
            background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='gray'><path d='M30.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM23 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z'/></svg>") no-repeat;
            background-size: 12px;
            background-position: left 6px;
            background-repeat: no-repeat;
            display: inline-block;
            padding-left: 18px;
            color: #003867;
        }

            .tagdiv ul li a:hover {
                text-decoration: underline;
            }

.share-blog a {
    width: 65px;
    margin-top: 8px;
    height: 35px;
}

.share-blog .liketext {
    display: inline-block;
    float: left;
    padding-right: 15px;
}

.share-blog .fb-like {
    float: left;
}

.share-blog .shareplus:hover {
    background: #db4437 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='white'><path d='M10.181 14.294v3.494h5.775c-0.231 1.5-1.744 4.394-5.775 4.394-3.475 0-6.313-2.881-6.313-6.431s2.838-6.431 6.313-6.431c1.981 0 3.3 0.844 4.056 1.569l2.762-2.662c-1.775-1.656-4.075-2.662-6.819-2.662-5.631 0.006-10.181 4.556-10.181 10.188s4.55 10.181 10.181 10.181c5.875 0 9.775-4.131 9.775-9.95 0-0.669-0.075-1.181-0.163-1.688h-9.613z'/><path d='M32 14h-3v-3h-3v3h-3v3h3v3h3v-3h3z'/></svg>") no-repeat;
    background-size: 24px;
    background-position: center;
}

.sharetwitter {
    display: block;
    border: solid 1px #c0c0c0;
    float: left;
    border-radius: 5px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='gray'><path d='M32 7.075c-1.175 0.525-2.444 0.875-3.769 1.031 1.356-0.813 2.394-2.1 2.887-3.631-1.269 0.75-2.675 1.3-4.169 1.594-1.2-1.275-2.906-2.069-4.794-2.069-3.625 0-6.563 2.938-6.563 6.563 0 0.512 0.056 1.012 0.169 1.494-5.456-0.275-10.294-2.888-13.531-6.862-0.563 0.969-0.887 2.1-0.887 3.3 0 2.275 1.156 4.287 2.919 5.463-1.075-0.031-2.087-0.331-2.975-0.819 0 0.025 0 0.056 0 0.081 0 3.181 2.263 5.838 5.269 6.437-0.55 0.15-1.131 0.231-1.731 0.231-0.425 0-0.831-0.044-1.237-0.119 0.838 2.606 3.263 4.506 6.131 4.563-2.25 1.762-5.075 2.813-8.156 2.813-0.531 0-1.050-0.031-1.569-0.094 2.913 1.869 6.362 2.95 10.069 2.95 12.075 0 18.681-10.006 18.681-18.681 0-0.287-0.006-0.569-0.019-0.85 1.281-0.919 2.394-2.075 3.275-3.394z'/></svg>") no-repeat center;
    background-size: 24px;
}

    .sharetwitter:hover {
        background: #1da1f2 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='white'><path d='M32 7.075c-1.175 0.525-2.444 0.875-3.769 1.031 1.356-0.813 2.394-2.1 2.887-3.631-1.269 0.75-2.675 1.3-4.169 1.594-1.2-1.275-2.906-2.069-4.794-2.069-3.625 0-6.563 2.938-6.563 6.563 0 0.512 0.056 1.012 0.169 1.494-5.456-0.275-10.294-2.888-13.531-6.862-0.563 0.969-0.887 2.1-0.887 3.3 0 2.275 1.156 4.287 2.919 5.463-1.075-0.031-2.087-0.331-2.975-0.819 0 0.025 0 0.056 0 0.081 0 3.181 2.263 5.838 5.269 6.437-0.55 0.15-1.131 0.231-1.731 0.231-0.425 0-0.831-0.044-1.237-0.119 0.838 2.606 3.263 4.506 6.131 4.563-2.25 1.762-5.075 2.813-8.156 2.813-0.531 0-1.050-0.031-1.569-0.094 2.913 1.869 6.362 2.95 10.069 2.95 12.075 0 18.681-10.006 18.681-18.681 0-0.287-0.006-0.569-0.019-0.85 1.281-0.919 2.394-2.075 3.275-3.394z'/></svg>") no-repeat center;
        background-size: 24px;
    }

.sharelinked {
    display: block;
    border: solid 1px #c0c0c0;
    float: left;
    border-radius: 5px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='gray'><path d='M12 12h5.535v2.837h0.079c0.77-1.381 2.655-2.837 5.464-2.837 5.842 0 6.922 3.637 6.922 8.367v9.633h-5.769v-8.54c0-2.037-0.042-4.657-3.001-4.657-3.005 0-3.463 2.218-3.463 4.509v8.688h-5.767v-18z'/><path d='M2 12h6v18h-6v-18z'/><path d='M8 7c0 1.657-1.343 3-3 3s-3-1.343-3-3c0-1.657 1.343-3 3-3s3 1.343 3 3z'/></svg>") no-repeat;
    background-size: 24px;
    background-position: center;
}

    .sharelinked:hover {
        background: #0077b5 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='white'><path d='M12 12h5.535v2.837h0.079c0.77-1.381 2.655-2.837 5.464-2.837 5.842 0 6.922 3.637 6.922 8.367v9.633h-5.769v-8.54c0-2.037-0.042-4.657-3.001-4.657-3.005 0-3.463 2.218-3.463 4.509v8.688h-5.767v-18z'/><path d='M2 12h6v18h-6v-18z'/><path d='M8 7c0 1.657-1.343 3-3 3s-3-1.343-3-3c0-1.657 1.343-3 3-3s3 1.343 3 3z'/></svg>") no-repeat center;
        background-size: 24px;
    }

.sharepinter {
    display: block;
    border: solid 1px #c0c0c0;
    float: left;
    border-radius: 5px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='gray'><path d='M16 2.138c-7.656 0-13.863 6.206-13.863 13.863 0 5.875 3.656 10.887 8.813 12.906-0.119-1.094-0.231-2.781 0.050-3.975 0.25-1.081 1.625-6.887 1.625-6.887s-0.412-0.831-0.412-2.056c0-1.925 1.119-3.369 2.506-3.369 1.181 0 1.756 0.887 1.756 1.95 0 1.188-0.756 2.969-1.15 4.613-0.331 1.381 0.688 2.506 2.050 2.506 2.462 0 4.356-2.6 4.356-6.35 0-3.319-2.387-5.638-5.787-5.638-3.944 0-6.256 2.956-6.256 6.019 0 1.194 0.456 2.469 1.031 3.163 0.113 0.137 0.131 0.256 0.094 0.4-0.106 0.438-0.338 1.381-0.387 1.575-0.063 0.256-0.2 0.306-0.463 0.188-1.731-0.806-2.813-3.337-2.813-5.369 0-4.375 3.175-8.387 9.156-8.387 4.806 0 8.544 3.425 8.544 8.006 0 4.775-3.012 8.625-7.194 8.625-1.406 0-2.725-0.731-3.175-1.594 0 0-0.694 2.644-0.863 3.294-0.313 1.206-1.156 2.712-1.725 3.631 1.3 0.4 2.675 0.619 4.106 0.619 7.656 0 13.863-6.206 13.863-13.863 0-7.662-6.206-13.869-13.863-13.869z'/></svg>") no-repeat;
    background-size: 24px;
    background-position: center;
}

    .sharepinter:hover {
        background: #bd081c url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='white'><path d='M16 2.138c-7.656 0-13.863 6.206-13.863 13.863 0 5.875 3.656 10.887 8.813 12.906-0.119-1.094-0.231-2.781 0.050-3.975 0.25-1.081 1.625-6.887 1.625-6.887s-0.412-0.831-0.412-2.056c0-1.925 1.119-3.369 2.506-3.369 1.181 0 1.756 0.887 1.756 1.95 0 1.188-0.756 2.969-1.15 4.613-0.331 1.381 0.688 2.506 2.050 2.506 2.462 0 4.356-2.6 4.356-6.35 0-3.319-2.387-5.638-5.787-5.638-3.944 0-6.256 2.956-6.256 6.019 0 1.194 0.456 2.469 1.031 3.163 0.113 0.137 0.131 0.256 0.094 0.4-0.106 0.438-0.338 1.381-0.387 1.575-0.063 0.256-0.2 0.306-0.463 0.188-1.731-0.806-2.813-3.337-2.813-5.369 0-4.375 3.175-8.387 9.156-8.387 4.806 0 8.544 3.425 8.544 8.006 0 4.775-3.012 8.625-7.194 8.625-1.406 0-2.725-0.731-3.175-1.594 0 0-0.694 2.644-0.863 3.294-0.313 1.206-1.156 2.712-1.725 3.631 1.3 0.4 2.675 0.619 4.106 0.619 7.656 0 13.863-6.206 13.863-13.863 0-7.662-6.206-13.869-13.863-13.869z'/></svg>") no-repeat center;
        background-size: 24px;
    }

.sharemailto {
    display: block;
    border: solid 1px #c0c0c0;
    float: left;
    border-radius: 5px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='gray'><path d='M26.667 0h-21.333c-2.934 0-5.334 2.4-5.334 5.334v21.332c0 2.936 2.4 5.334 5.334 5.334h21.333c2.934 0 5.333-2.398 5.333-5.334v-21.332c0-2.934-2.399-5.334-5.333-5.334zM26.667 4c0.25 0 0.486 0.073 0.688 0.198l-11.355 9.388-11.355-9.387c0.202-0.125 0.439-0.198 0.689-0.198h21.333zM5.334 28c-0.060 0-0.119-0.005-0.178-0.013l7.051-9.78-0.914-0.914-7.293 7.293v-19.098l12 14.512 12-14.512v19.098l-7.293-7.293-0.914 0.914 7.051 9.78c-0.058 0.008-0.117 0.013-0.177 0.013h-21.333z'/></svg>") no-repeat;
    background-size: 24px;
    background-position: center;
}

    .sharemailto:hover {
        background: #003867 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='white'><path d='M26.667 0h-21.333c-2.934 0-5.334 2.4-5.334 5.334v21.332c0 2.936 2.4 5.334 5.334 5.334h21.333c2.934 0 5.333-2.398 5.333-5.334v-21.332c0-2.934-2.399-5.334-5.333-5.334zM26.667 4c0.25 0 0.486 0.073 0.688 0.198l-11.355 9.388-11.355-9.387c0.202-0.125 0.439-0.198 0.689-0.198h21.333zM5.334 28c-0.060 0-0.119-0.005-0.178-0.013l7.051-9.78-0.914-0.914-7.293 7.293v-19.098l12 14.512 12-14.512v19.098l-7.293-7.293-0.914 0.914 7.051 9.78c-0.058 0.008-0.117 0.013-0.177 0.013h-21.333z'/></svg>") no-repeat center;
        background-size: 24px;
    }

.relat-article {
    display: inline-block;
    width: 100%;
    margin-top: 25px;
}
.cate-caption span{
    font-size: 15pt;
    font-weight: bold;
}
.relat-item {
    padding-left: 0px;
    margin-top: 30px;

}
    .relat-item a {
        color: #000;
        font-size: 10pt;
        text-transform: uppercase;
    }

        .relat-item a:hover img {
            box-shadow: 0px 1px 4px #666;
        }

        .relat-item a img.img-responsive {
            width: 35%;
            -o-object-fit: cover;
            -o-object-position: center center;
            object-position: center center;
            object-fit: cover;
            margin-right: 15px;
            float: left;
            border: solid 1px #000;
            border-radius: 15px;
        }

.datepost {
    display: inline-block;
    font-size: 8pt;
    color: #666;
}
.cate-caption .bott-line {
    background-color: #E2BD32;
    display: block;
    width: 100px;
    height: 5px;
    border-radius: 5px;
    margin-top: 15px;
}
.baohanhform{
    width: 90%;
    display: inline-block;
    background-color: #f0f0f0;
    padding: 35px;
    border-radius: 25px;
    box-shadow: 1px 0px 6px #999;
}
.baohanhdiv {
    margin-top: 25px;
    padding-bottom: 50px;
    position: relative;
    display: inline-block;
    height: auto;
    padding-left: 0px;
}
.btn-warning{
    background-color: #333;
    color: #fff;
    border: none;
}
#cardinfo {
    position: relative;
    top: 0px;
    background-color: #f0f0f0;
    padding: 35px;
    border-radius: 25px;
    box-shadow: 1px 0px 6px #999;
}
    #cardinfo h3{
        font-size: 16pt;
    }
    .inputform {
        width: 100%;
        display: inline-block;
        text-align: center;
    }
    .inputform #txtwarrancode {
        width: 100%;
        height: 45px;
        border: solid 1px #000;
        font-size: 15pt;
        margin-bottom: 15px;
        margin-top: 15px;
        text-align:center;
    }
.thongtinbaohanh{
    padding-top: 15px;
}
.thongtinbaohanh .mod-title h1 {
    font-size: 18pt;
    font-weight: bold;
}
.thongtinbaohanh .bott-line, .contact-info .bott-line, .contact-form .bott-line{
    background-color: #E2BD32;
    display: block;
    width: 100px;
    height: 5px;
    border-radius: 5px;
    margin-top: 15px;
}
.contact-form{
    padding-left: 0px;
}
.address-info {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 15px;
    display: inline-block;
    padding-left: 120px;
    padding-right: 120px;
}
.tencongty{
    font-size: 15pt;
    font-weight: bold;
}
.diachi{
    width: 100%;
    display: inline-block;
    padding-top: 8px; padding-bottom: 8px;
}
.dienthoai {
    width: 100%;
    display: inline-block;
    padding-top: 8px;
    padding-bottom: 8px;
}
.dienthoai a{
    color: #c0c0c0;
}
.form-info{
    background-color: #fef6d7;
    margin-top: 15px;
    padding: 25px;
    line-height: 22px;
    
}
.contact-form .form-group .codediv {
    padding-left: 0px;
}

    .contact-form .form-group .codediv .codecap {
        border: solid 1px #c0c0c0;
        width: 100%;
        text-transform: uppercase;
    }

.contact-form .form-group .col-sm-9 {
    padding-left: 0px;
}

    .contact-form .form-group .col-sm-9 .captext {
        border: none;
        border-radius: 0px;
        background-color: #fff;
        color: #c0c0c0;
        font-size: 15pt;
        text-decoration: line-through;
    }

.alertred {
    padding-left: 0px;
    display: inline-block;
}

.alertred {
    padding-left: 0px;
}

.textmess {
    margin-top: 38%;
    width: 90%;
}

    .textmess div {
        display: inline-block;
        background-color: #814D11;
        color: #fff;
        padding: 8px;
        font-size: 20pt;
    }

    .textmess p {
        color: #fff;
        font-size: 13pt;
    }

.alertred .btn-info {
    text-transform: uppercase;
    margin-top: 10px;
}
#txtnoidung{
    width: 100%;
    height: 130px;
}
#sendmessageform .form-group label{
    font-weight: normal;
}
.another-art{
    width: 100%;
    padding-left: 120px;
    padding-right: 120px;
}
.logo-foot{
    width: 150px;
}