a.gioithieu.a-35 {
    /*text-transform: capitalize !important;*/
}

.noidung-menu {
    margin-top: 20px;
    margin-right: 25px;
}

li.dropdown-cat1 {
    margin-top: -9px;
}

p.category-name {
    color: #6a6a6a;
    font-size: 9px;
    font-style: oblique;
}

a.tieude-cap2 {
    font-size: 14px !important;
    font-weight: bold;
    text-transform: uppercase;
}

li.li-c1 {
    border-bottom: 1px dotted #2196F3;
}

h3.chuyenmuc1 {
    border-bottom: 1px solid #2196F3;
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon,
.ui-button-icons-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-icons-only .ui-button-icon-primary,
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary {
    left: .5em
}

.ui-button-icons-only .ui-button-icon-secondary,
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em
    }

button.ui-button::-moz-focus-inner,
input.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0
    }

    .ui-datepicker .ui-datepicker-next,
    .ui-datepicker .ui-datepicker-prev {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em
    }

    .ui-datepicker .ui-datepicker-next-hover,
    .ui-datepicker .ui-datepicker-prev-hover {
        top: 1px
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px
    }

    .ui-datepicker .ui-datepicker-next span,
    .ui-datepicker .ui-datepicker-prev span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0
        }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 45%
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: 700;
        border: 0
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px
    }

        .ui-datepicker td a,
        .ui-datepicker td span {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em;
            width: auto;
            overflow: visible
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
            .ui-datepicker-multi .ui-datepicker-group,
            .ui-datepicker-rtl .ui-datepicker-buttonpane button {
                float: left
            }

    .ui-datepicker.ui-datepicker-multi {
        width: auto
    }

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
        .ui-datepicker-rtl .ui-datepicker-group {
            float: right
        }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px
    }

.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0;
        padding: 1px;
        height: 20px
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: 0 0;
        overflow: auto
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer
        }

    .ui-dialog .ui-resizable-se {
        width: 12px;
        height: 12px;
        right: -5px;
        bottom: -5px;
        background-position: 16px 16px
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-menu {
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

    .ui-menu .ui-menu {
        position: absolute
    }

    .ui-menu .ui-menu-item {
        position: relative;
        margin: 0;
        padding: 3px 1em 3px .4em;
        cursor: pointer;
        min-height: 0;
        list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
    }

.category-frontend-sidebar li,
.pvc-outer li {
    list-style-image: url(../images/li_icon.png)
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0
}

.ui-menu .ui-state-active,
.ui-menu .ui-state-focus {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

    .ui-menu-icons .ui-menu-item {
        padding-left: 2em
    }

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
        height: 100%;
        filter: alpha(opacity=25);
        opacity: .25
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-slider-vertical .ui-slider-range-min,
.ui-spinner-down {
    bottom: 0
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px
    }

        .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
            font-size: 1em;
            font-weight: 700;
            line-height: 1.5;
            padding: 2px .4em;
            margin: .5em 0 0;
            height: auto;
            border: 0
        }

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    cursor: pointer
}

    .ui-selectmenu-button span.ui-icon {
        right: .5em;
        left: auto;
        margin-top: -8px;
        position: absolute;
        top: 50%
    }

    .ui-selectmenu-button span.ui-selectmenu-text {
        text-align: left;
        padding: .4em 2.1em .4em 1em;
        display: block;
        line-height: 1.4;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.ui-slider {
    position: relative;
    text-align: left
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0
    }

    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit
    }

.ui-slider-horizontal {
    height: .8em
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0
    }

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0
}

.ui-spinner-input {
    border: none;
    background: 0 0;
    color: inherit;
    padding: 0;
    margin: .2em 22px .2em .4em
}

*,
a {
    color: #333
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0
}

body,
html {
    max-width: 1400px;
    margin: 0 auto
}

.ui-spinner-up {
    top: 0
}

.ui-widget {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em
}

    .ui-widget .ui-widget {
        font-size: 1em
    }

    .ui-widget button,
    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea {
        font-family: Verdana, Arial, sans-serif;
        font-size: 1em
    }

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-first,
.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

@font-face {
    font-family: latobold_italic;
    src: url(../fonts/lato-bolditalic-webfont.eot);
    src: url(../fonts/lato-bolditalic-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/lato-bolditalic-webfont.woff) format('woff'), url(../fonts/lato-bolditalic-webfont.ttf) format('truetype'), url(../fonts/lato-bolditalic-webfont.svg#latobold_italic) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: latobold;
    src: url(../fonts/lato-bold-webfont.eot);
    src: url(../fonts/lato-bold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/lato-bold-webfont.woff) format('woff'), url(../fonts/lato-bold-webfont.ttf) format('truetype'), url(../fonts/lato-bold-webfont.svg#latobold) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ITCErasVO-Bold;
    src: url(../fonts/ITCErasVO-Bold.eot);
    src: url(../fonts/ITCErasVO-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/ITCErasVO-Bold.woff) format('woff'), url(../fonts/ITCErasVO-Bold.ttf) format('truetype'), url(../fonts/ITCErasVO-Bold.svg#ITCErasVO-Bold) format('svg')
}

@font-face {
    font-family: latoregular;
    src: url(../fonts/lato-regular-webfont.eot);
    src: url(../fonts/lato-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/lato-regular-webfont.woff) format('woff'), url(../fonts/lato-regular-webfont.ttf) format('truetype'), url(../fonts/lato-regular-webfont.svg#latoregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: latolight;
    src: url(../fonts/lato-light-webfont.eot);
    src: url(../fonts/lato-light-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/lato-light-webfont.woff) format('woff'), url(../fonts/lato-light-webfont.ttf) format('truetype'), url(../fonts/lato-light-webfont.svg#latolight) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: latomedium;
    src: url(../fonts/lato-medium-webfont.eot);
    src: url(../fonts/lato-medium-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/lato-medium-webfont.woff) format('woff'), url(../fonts/lato-medium-webfont.ttf) format('truetype'), url(../fonts/lato-medium-webfont.svg#latomedium) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: latomedium_italic;
    src: url(../fonts/lato-mediumitalic-webfont.eot);
    src: url(../fonts/lato-mediumitalic-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/lato-mediumitalic-webfont.woff) format('woff'), url(../fonts/lato-mediumitalic-webfont.ttf) format('truetype'), url(../fonts/lato-mediumitalic-webfont.svg#latomedium_italic) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: latosemibold_italic;
    src: url(../fonts/lato-semibolditalic-webfont.eot);
    src: url(../fonts/lato-semibolditalic-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/lato-semibolditalic-webfont.woff) format('woff'), url(../fonts/lato-semibolditalic-webfont.ttf) format('truetype'), url(../fonts/lato-semibolditalic-webfont.svg#latosemibold_italic) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: latosemibold;
    src: url(../fonts/lato-semibold-webfont.eot);
    src: url(../fonts/lato-semibold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/lato-semibold-webfont.woff) format('woff'), url(../fonts/lato-semibold-webfont.ttf) format('truetype'), url(../fonts/lato-semibold-webfont.svg#latosemibold) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: latoitalic;
    src: url(../fonts/lato-italic-webfont.eot);
    src: url(../fonts/lato-italic-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/lato-italic-webfont.woff) format('woff'), url(../fonts/lato-italic-webfont.ttf) format('truetype'), url(../fonts/lato-italic-webfont.svg#latoitalic) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: latolight_italic;
    src: url(../fonts/lato-lightitalic-webfont.eot);
    src: url(../fonts/lato-lightitalic-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/lato-lightitalic-webfont.woff) format('woff'), url(../fonts/lato-lightitalic-webfont.ttf) format('truetype'), url(../fonts/lato-lightitalic-webfont.svg#latolight_italic) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Proxima Nova Thin';
    src: url(../fonts/mark_simonson_-_proxima_nova_thin-webfont.eot);
    src: url(../fonts/mark_simonson_-_proxima_nova_thin-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/mark_simonson_-_proxima_nova_thin-webfont.woff) format('woff'), url(../fonts/mark_simonson_-_proxima_nova_thin-webfont.ttf) format('truetype'), url(../fonts/mark_simonson_-_proxima_nova_thin-webfont.svg#proxima_nova_ththin) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Proxima Nova Bold';
    src: url(../fonts/mark_simonson_-_proxima_nova_bold-webfont.eot);
    src: url(../fonts/mark_simonson_-_proxima_nova_bold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/mark_simonson_-_proxima_nova_bold-webfont.woff) format('woff'), url(../fonts/mark_simonson_-_proxima_nova_bold-webfont.ttf) format('truetype'), url(../fonts/mark_simonson_-_proxima_nova_bold-webfont.svg#proxima_nova_rgbold) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Proxima Nova Italic';
    src: url(../fonts/mark_simonson_-_proxima_nova_regular_italic-webfont.eot);
    src: url(../fonts/mark_simonson_-_proxima_nova_regular_italic-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/mark_simonson_-_proxima_nova_regular_italic-webfont.woff) format('woff'), url(../fonts/mark_simonson_-_proxima_nova_regular_italic-webfont.ttf) format('truetype'), url(../fonts/mark_simonson_-_proxima_nova_regular_italic-webfont.svg#proxima_novaregular_italic) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Proxima Nova';
    src: url(../fonts/mark_simonson_-_proxima_nova_regular-webfont.eot);
    src: url(../fonts/mark_simonson_-_proxima_nova_regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/mark_simonson_-_proxima_nova_regular-webfont.woff) format('woff'), url(../fonts/mark_simonson_-_proxima_nova_regular-webfont.ttf) format('truetype'), url(../fonts/mark_simonson_-_proxima_nova_regular-webfont.svg#proxima_nova_rgregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: utm_bryantlgbold;
    src: url(../fonts/utm_bryantlg_b-webfont.eot);
    src: url(../fonts/utm_bryantlg_b-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/utm_bryantlg_b-webfont.woff2) format('woff2'), url(../fonts/utm_bryantlg_b-webfont.woff) format('woff'), url(../fonts/utm_bryantlg_b-webfont.ttf) format('truetype'), url(../fonts/utm_bryantlg_b-webfont.svg#utm_bryantlgbold) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: utm_bryantlgregular;
    src: url(../fonts/utm_bryantlg-webfont.eot);
    src: url(../fonts/utm_bryantlg-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/utm_bryantlg-webfont.woff2) format('woff2'), url(../fonts/utm_bryantlg-webfont.woff) format('woff'), url(../fonts/utm_bryantlg-webfont.ttf) format('truetype'), url(../fonts/utm_bryantlg-webfont.svg#utm_bryantlgregular) format('svg');
    font-weight: 400;
    font-style: normal
}

* {
    margin: 0;
    padding: 0;
    /* font-family: latoregular, Arial, sans-serif; */
    font-size: 15px;
    outline: 0;
}

html {
    background: #eee;
    padding-left: auto;
    padding-right: auto
}

body {
    overflow-x: hidden !important;
    background: #fff;
    position: relative
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin: 0;
    padding: 0
}

a.spacebar {
    padding-left: 5px;
    padding-right: 5px
}

    a.spacebar:hover {
        color: #fc3
    }

.border-conner {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.clearfix {
    overflow: hidden;
    float: none
}

.error {
    box-sizing: border-box;
    color: red;
    display: block;
    font-size: 13px
}

.clearboth {
    width: 100%;
    height: 1px;
    clear: both;
    float: left
}

    .clearboth .left-clear {
        border-bottom: 1px solid #eee;
        float: left;
        width: 48%
    }

    .clearboth .right-clear {
        border-bottom: 1px solid #eee;
        float: right;
        width: 48%
    }

.pull-right {
    float: right
}

.slab-font {
    font-family: 'Roboto', sans-serif
}

.lato-font {
    font-family: latoregular, Arial, sans-serif
}

.col-1 {
    width: 185px
}

.col-3 {
    width: 555px
}

#top-head {
    min-height: 33px;
    background-color: #ffc80b;
    border-bottom: 1px solid #ecb702;
    white-space: nowrap
}

#top-head-wrapper {
    max-width: 1036px;
    margin: auto;
    float: none;
    overflow: visible
}

.fb-link,
.twitter-link {
    margin-bottom: -1px;
    padding-top: 1px
}

#top-head-wrapper p {
    font-size: 14px;
    color: #005B9A;
    float: right;
    margin-right: 18px
}

#top-head-wrapper a {
    font-size: 14px;
    color: #005B9A;
    line-height: 33px
}

    #top-head-wrapper a:hover {
        cursor: pointer;
        color: #fff
    }

#top-search {
    color: rgba(255, 255, 255, .6);
    font-size: 12px;
    border: none;
    background: url(../images/search-icon.png) 4% 50% no-repeat #0072bb;
    height: 33px;
    width: 150px;
    padding-left: 30px;
    padding-top: 1px;
    float: right;
    border-radius: 0 !important
}

.fb-link,
.linkin-link,
.rss-link,
.twitter-link {
    display: block;
    width: 34px;
    height: 33px;
    float: right
}

.fb-link {
    background: url(../images/fb-icon.jpg)
}

    .fb-link:hover {
        background: url(../images/facebook-hover.jpg)
    }

.twitter-link {
    background: url(../images/twitter-icon.jpg)
}

    .twitter-link:hover {
        background: url(../images/twitter-hover.jpg)
    }

.linkin-link {
    background: url(../images/linkin-icon.jpg)
}

.rss-link {
    background: url(../images/rs-icon.gif)
}

#frontend-header {
    width: 100%;
    max-width: 1400px !important;
    height: 50px !important;
    background: #0765a7;
    float: none;
    margin: auto;
    /* border-bottom: 1px solid #eee; */
    position: relative;
}

.frontend-header-home {
    -webkit-box-shadow: 0 0 5px 0 rgba(203, 203, 204, .75);
    -moz-box-shadow: 0 0 5px 0 rgba(203, 203, 204, .75);
    box-shadow: 0 0 5px 0 rgba(203, 203, 204, .75)
}

#frontend-header-wrapper {
    max-width: 1200px;
    margin: auto;
}

#frontend-logo {
    float: left;
    margin-top: 12px
}

#humburger-button,
#phone-logo {
    display: none
}

#main-menu {
    display: inline-block;
    /* float: right; */
    margin-top: 18px !important;
    /* max-width: 620px; */
}

    #main-menu li {
        float: left;
        padding-right: 0px;
        height: auto;
        list-style: none;
        position: relative;
    }

        #main-menu li:last-child,
        #main-menu li:nth-child(7) {
            padding-right: 0
        }

.ghach-dung,
.home-link {
    padding-right: 0 !important
}

#main-menu li.active a {
    color: #FFC80B
}

#main-menu li.active li a {
    color: #0072bb
}

    #main-menu li.active li a:hover,
    .dropdown-cat > a.active {
        color: #ffc80b
    }

#main-menu li a {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    text-decoration: none;
    text-transform: unset;
    /* color: #fff; */
}

    #main-menu li a .beau-has-more {
        display: inline-block;
        background: url(../images/icon-menu.png) right center no-repeat;
        width: 7px;
        height: 10px
    }

    #main-menu li a:hover .beau-has-more {
        background: url(../images/icon-active.png) right center no-repeat
    }

.home-link {
    margin-right: 10px !important
}

    .home-link a {
        display: block;
        width: 20px;
        height: 20px;
        background: url(../images/home-icon.png) center center no-repeat
    }

        .home-link a:hover {
            background: url(../images/home-active-icon.png) center center no-repeat
        }

    .home-link span {
        display: none
    }

#menu-language {
    font-size: 14px
}

    #menu-language .lang {
        width: 18px;
        height: 13px;
        display: inline-block;
        margin-bottom: -2px
    }

    #menu-language .lang-en {
        background: url(../images/en-US.png) center center no-repeat;
        background-size: 18px 12px
    }

    #menu-language .lang-vi {
        background: url(../images/vi-VN.png) center center no-repeat
    }

.ghach-dung {
    display: block;
    margin-right: 15px !important;
    width: 1px;
    height: 20px;
    background-color: #999;
}

.dropdown-cat {
    margin-top: -5px;
    margin-right: 24px;
    background: url(../images/list-dropdown-icon.png) right center no-repeat;
}

    .dropdown-cat a {
        font-size: 15px !important;
        padding-bottom: 20px;
        white-space: nowrap;
    }

    .dropdown-cat.active {
        background: url(../images/list-dropdown-icon-active.png) right center no-repeat
    }

.fixed-menu {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    margin-left: 0;
    margin-right: 0;
    z-index: 999;
    -webkit-box-shadow: 4px 5px 5px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 4px 5px 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 4px 5px 5px 0 rgba(0, 0, 0, .1);
    height: auto !important;
}

.mega-dropdown-menu {
    position: absolute;
    overflow: hidden;
    z-index: 9999;
    background-color: transparent;
    /* margin-top: 25px; */
    /* width: 100%; */
    height: auto;
    left: 0;
    transition: height 1.4s;
}

#main-menu li a:hover {
    color: #ffc80b;
    cursor: pointer
}

.hiden-menu {
    display: none
}

.mega-dropdown-menu-wrapper {
    position: absolute;
    max-width: 1041px;
    width: 100%;
    height: auto;
    /* left: -20%; */
    /* right: -20%; */
    margin-right: auto;
    margin-left: auto;
    /* background: #ffff; */
    /* padding-right: 71px; */
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .mega-dropdown-menu-wrapper {
        position: static
    }
}

.mega-dropdown-menu-wrapper a {
    white-space: normal
}

.menu-col {
    width: 55%;
    float: left;
}

    .menu-col h3 a {
        display: block;
        color: #333 !important;
        font-family: 'Roboto', sans-serif !important;
        font-size: 14px !important;
        line-height: 18px;
        font-weight: bold;
        margin-top: 4px;
        margin-bottom: 11px;
        border-bottom: 2px solid #dad7d7;
        text-transform: uppercase;
    }

        .menu-col h3 a:hover {
            color: #fbad17 !important
        }

    .menu-col ul {
        display: inline-block;
        overflow: hidden;
        float: none
    }

    .menu-col li {
        margin-bottom: 17px;
        /* padding-right: 59px; */
        line-height: 16px;
    }

    .menu-col a {
        font-family: latobold;
        font-size: 16px;
        color: #0072bb;
    }

        .menu-col a:hover {
            color: #fbad17
        }

#banner-menu-block {
    /* margin-top: 30px; */
    /* padding: 0 13px 14px 148px; */
    /* background: url(../image/menu-banner-shadow.png) bottom center no-repeat; */
    /* width: 400px; */
    /* margin-left: -140px; */
}

#menu-banner-content {
    width: 200px;
    min-height: 182px;
    background-color: #036;
    padding: 30px 20px 20px 30px
}

    #menu-banner-content h5,
    #menu-banner-content p {
        color: #fff
    }

    #menu-banner-content h5 {
        font-size: 14px;
        font-weight: 700
    }

    #menu-banner-content p {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px
    }

    #menu-banner-content h4 {
        color: #ffc80b;
        font-size: 41px;
        font-weight: 700;
        display: block;
        overflow: hidden;
        height: 44px;
        width: 108px;
        line-height: 42px;
        margin-bottom: 10px
    }

        #menu-banner-content h4 span {
            display: block;
            float: right;
            width: 40px;
            font-size: 18px;
            padding-top: 6px;
            line-height: 18px
        }

.dropdown-cat:hover {
    background-image: url(../images/list-up-icon.png)
}

    .dropdown-cat:hover .mega-dropdown-menu {
        /* border-top: 1px solid #00BCD4; */
        /* border-bottom: 1px solid #00BCD4; */
        margin-top: 14px !important;
        width: 600px;
    }

    .dropdown-cat:hover a {
        color: #fcb712
    }

    .dropdown-cat:hover .menu-col a {
        color: #000;
    }

        .dropdown-cat:hover .menu-col a:hover {
            color: #fbad17
        }

.noidung-menu h3 a {
    padding-bottom: 4px
}

    .noidung-menu h3 a:hover {
        color: #FFC80B
    }

.toggleDropDown {
    background-color: #fff !important;
    background: url(../images/list-up-icon.png) 360px 20px no-repeat
}

    .toggleDropDown a,
    .toggleDropDown a span {
        color: #FBAD17 !important
    }

#camera_wrap,
#main-banner {
    max-height: 500px !important
}

#banner-slide-show {
    max-height: 500px;
    overflow: hidden;
    z-index: 0
}

    #banner-slide-show img {
        display: block
    }

@media (min-width: 1025px) {
    #banner-slide-show img {
        max-height: 500px;
        width: auto !important;
        left: -50%;
        right: -50%;
        position: absolute;
        margin-left: auto !important;
        margin-right: auto !important
    }
}

#main-banner-wrapper {
    max-width: 1036px;
    margin: auto;
    position: relative
}

#banggiavang h3,
#banglaisuatvay span {
    border-bottom: 1px solid #6cf;
    margin-bottom: 8px
}

#main-banner-wrapper .beau-creative-toolbox-onslide {
    position: absolute;
    width: 470px;
    height: 50px;
    right: 0;
    top: -75px
}

    #main-banner-wrapper .beau-creative-toolbox-onslide ul {
        float: left;
        width: 100%;
        height: auto
    }

        #main-banner-wrapper .beau-creative-toolbox-onslide ul li {
            background: rgba(228, 233, 235, .9);
            margin-right: 1px;
            float: left;
            height: 50px;
            overflow: hidden;
            width: 150px
        }

            #main-banner-wrapper .beau-creative-toolbox-onslide ul li:hover {
                background: #fac91e
            }

                #main-banner-wrapper .beau-creative-toolbox-onslide ul li:hover a {
                    color: #146ba2
                }

            #main-banner-wrapper .beau-creative-toolbox-onslide ul li a {
                font-family: "Roboto", sans-serif;
                font-size: 12px;
                text-transform: uppercase;
                color: #5c5c5c;
                display: block;
                text-align: left;
                width: 78px;
                padding-left: 50px;
                height: 42px;
                padding-top: 8px;
                background-size: 30px auto !important;
                background-position: 10px 10px !important
            }

            #main-banner-wrapper .beau-creative-toolbox-onslide ul li.e-banking {
                display: table
            }

                #main-banner-wrapper .beau-creative-toolbox-onslide ul li.e-banking a {
                    padding-top: 0;
                    display: table-cell;
                    vertical-align: middle;
                    background: url(../images/e-banking.png) no-repeat
                }

            #main-banner-wrapper .beau-creative-toolbox-onslide ul li.dolar-vnd a {
                height: 32px;
                padding-top: 17px;
                background: url(../images/dolar.png) no-repeat
            }

            #main-banner-wrapper .beau-creative-toolbox-onslide ul li.population .beau-rate {
                background: url(../images/chart.png) no-repeat;
                height: 32px;
                padding-top: 17px
            }

#banglaisuattk,
#tieude-bangtb {
    padding-left: 10px;
    padding-top: 10px
}

.banner-text {
    position: absolute;
    top: -280px
}

    .banner-text h2 {
        font-family: 'Roboto', sans-serif;
        font-size: 28px;
        color: #fff;
        line-height: 34px;
        padding-left: 20px
    }

    .banner-text h3 {
        font-family: latoregular, Arial, sans-serif;
        font-size: 40px;
        color: #fff;
        font-weight: 600;
        line-height: 46px
    }

.banner-controller {
    position: absolute;
    top: -60px;
    left: 30px
}

    .banner-controller li {
        float: left;
        margin-right: 10px
    }

    .banner-controller a {
        display: block;
        background: url(../images/banner-control.png) center center no-repeat;
        width: 22px;
        height: 22px
    }

.controller-active {
    opacity: .5
}

#bang-thong-bao {
    position: absolute;
    z-index: 100;
    background-color: #fff;
    width: 264px;
    top: -465px;
    right: 0;
    padding: 10px;
    -webkit-box-shadow: 0 5px 30px -15px #575757;
    -moz-box-shadow: 0 5px 30px -15px #575757;
    box-shadow: 0 5px 30px -15px #575757
}

#tieude-bangtb {
    height: 50px;
    background-color: #06c;
    position: relative
}

    #tieude-bangtb h2 {
        font-family: latobold;
        font-size: 18px;
        color: #fff;
        line-height: 18px
    }

    #tieude-bangtb span {
        font-size: 12px;
        font-style: italic;
        color: #fc3
    }

    #tieude-bangtb a {
        font-size: 11px;
        font-family: latoitalic;
        color: #fc3
    }

        #banglaisuattk a:hover,
        #tieude-bangtb a:hover {
            color: #0bf
        }

#banglaisuattk {
    height: 77px;
    background-color: #39c;
    margin-top: 4px;
    padding-right: 10px
}

    #banglaisuattk span {
        display: block;
        overflow: hidden;
        padding-bottom: 4px;
        border-bottom: 1px solid #6cf
    }

    #banglaisuattk h3 {
        font-size: 14px;
        font-weight: 600;
        float: left;
        color: #fff
    }

    #banglaisuattk a {
        font-size: 11px;
        font-style: italic;
        color: #fc3;
        float: right;
        padding-top: 4px
    }

#banglaisuat-kyhan,
#banglaisuat-sothongke {
    padding-bottom: 3px;
    padding-top: 3px
}

#banglaisuattk ul {
    display: block;
    overflow: hidden
}

#banglaisuattk li {
    float: left;
    font-size: 11px;
    color: #fff;
    font-weight: 400;
    display: block
}

    #banglaisuattk li:nth-child(1) {
        width: 52px
    }

    #banglaisuattk li:nth-child(2),
    #banglaisuattk li:nth-child(3),
    #banglaisuattk li:nth-child(4),
    #banglaisuattk li:nth-child(5) {
        width: 48px
    }

#banggiavang:hover,
#banglaisuat-kyhan:hover,
#banglaisuat-sothongke:hover,
#banglaisuattk:hover {
    background-color: #328dba
}

#banglaisuat-kyhan {
    border-bottom: 1px solid #6cf
}

#banggiavang,
#banglaisuatvay {
    padding-top: 10px;
    background-color: #39c
}

#banggiavang {
    height: 74px;
    margin-top: 4px;
    padding-left: 10px;
    padding-right: 10px
}

#banglaisuatvay,
.thongtintrigia {
    margin-top: 4px;
    padding-left: 2.5%;
    padding-right: 2.5%
}

#banggiavang h3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    color: #fff;
    padding-bottom: 8px
}

#banggiavang ul {
    display: block
}

#banggiavang li {
    float: left;
    width: 110px
}

#giavang-muaban {
    font-size: 12px;
    color: #fff;
    font-weight: 400;
    line-height: 12px
}

#sothongkegiavang {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    line-height: 20px
}

#banglaisuatvay {
    float: left;
    height: auto;
    width: 95%
}

    #banglaisuatvay .beau-head-table,
    #banglaisuatvay .beau-viewexchange {
        clear: both;
        float: left;
        width: 100%
    }

    #banglaisuatvay .beau-head-table {
        height: auto;
        cursor: pointer
    }

    #banglaisuatvay span {
        display: block;
        overflow: hidden;
        padding-bottom: 4px
    }

    #banglaisuatvay h3 {
        font-size: 14px;
        font-family: latobold;
        float: left;
        color: #fff;
        height: 25px;
        text-indent: 5px
    }

    #banglaisuatvay a {
        font-size: 11px;
        font-family: latoitalic;
        color: #fc3;
        float: right;
        padding-top: 4px
    }

        #banglaisuatvay a:hover {
            color: #0bf
        }

    #banglaisuatvay ul {
        display: block;
        overflow: hidden
    }

    #banglaisuatvay li {
        float: left;
        font-size: 12px;
        color: #fff;
        font-weight: 400;
        display: block;
        width: 78px;
        line-height: 12px
    }

    #banglaisuatvay table {
        width: 100%;
        border: none;
        border-collapse: collapse;
        float: left
    }

        #banglaisuatvay table thead {
            border-top: 1px solid #42a8db
        }

        #banglaisuatvay table tbody,
        #banglaisuatvay table thead {
            line-height: 22px;
            width: 100%
        }

        #banglaisuatvay table tr {
            width: 100%
        }

        #banglaisuatvay table td,
        #banglaisuatvay table th {
            border-bottom: 1px solid #42a8db;
            color: #fff;
            font-size: 11px;
            text-align: left;
            width: 25%;
            text-indent: 5px
        }

            #banglaisuatvay table td:first-child {
                text-transform: uppercase
            }

        #banglaisuatvay table tr:last-child td {
            border-bottom: none
        }

    #banglaisuatvay:hover {
        background-color: #328dba
    }

#thongsolaisuatvay li {
    font-size: 18px !important;
    font-weight: 600;
    color: #fff;
    line-height: 20px
}

.thongtintrigia {
    height: 28px;
    padding-top: 10px;
    background-color: #39c;
    width: 95%;
    float: left
}

    .thongtintrigia span {
        display: block;
        overflow: hidden
    }

    .thongtintrigia h3 {
        font-size: 14px;
        font-family: latobold;
        float: left;
        color: #fff;
        text-indent: 5px
    }

    .thongtintrigia a {
        font-size: 11px;
        font-family: latoitalic;
        color: #fc3;
        float: right;
        padding-top: 4px
    }

        .thongtintrigia a:hover {
            color: #0bf
        }

    .thongtintrigia:hover {
        background-color: #328dba
    }

#recent-posts-homepage-wrapper {
    max-width: 1080px;
    overflow: hidden;
    float: none;
    margin: auto
}

.recent-post-homepage {
    width: 518px;
    float: left;
    overflow: hidden;
    height: 282px
}

.recent-post-img-wrapper {
    float: left;
    width: 220px
}

    .recent-post-img-wrapper img {
        height: 282px
    }

.recent-post-content-wrapper {
    float: left;
    width: 220px;
    margin-top: 70px
}

    .recent-post-content-wrapper h3 {
        margin-bottom: 6px
    }

        .recent-post-content-wrapper h3 a {
            color: #06c;
            font-size: 17px;
            font-weight: 600;
            line-height: 22px;
            font-style: normal
        }

    .recent-post-content-wrapper p {
        font-size: 13px;
        color: #6a6a6a
    }

    .recent-post-content-wrapper a {
        font-size: 13px;
        color: #0072bb;
        font-style: italic;
        text-decoration: underline;
        margin-top: 8px;
        display: block
    }

.pvc-canhan-post a.read-more,
.pvc-doanhnghiep-post-1 a.read-more,
.pvc-doanhnghiep-post-2 a.read-more {
    border-bottom: 1px solid #d4e1ef;
    display: inline-block
}

.recent-post-content-wrapper a:hover {
    color: #fdb613
}

#pvc-canhan-homepage {
    background: url(../images/home-posts-bg.png) top center no-repeat
}

#pvc-canhan-homepage-wrapper {
    max-width: 1036px;
    margin: auto;
    overflow: hidden;
    float: none
}

    #pvc-canhan-homepage-wrapper .pvc-outer h2 {
        background: url(../images/icon-menu.png) 160px no-repeat
    }

.pvc-inner {
    width: 792px;
    float: left
}

    .pvc-inner h2 {
        font-weight: 400;
        font-size: 24px;
        color: #0072bb;
        font-family: 'Roboto', sans-serif;
        text-decoration: none;
        margin-top: 38px;
        margin-bottom: 28px
    }

        .pvc-inner h2 span {
            font-size: 19px;
            color: #333;
            margin-left: 6px;
            font-family: latoregular, Arial, sans-serif
        }

.pvc-canhan-post {
    width: 244px;
    float: left;
    margin-right: 20px;
    padding-bottom: 5%;
    margin-bottom: 2%
}

    .pvc-canhan-post img {
        max-width: 100%;
        margin: auto
    }

    .pvc-canhan-post h3 {
        padding: 8px 20px 5px 0
    }

        .pvc-canhan-post h3 a {
            font-size: 17px;
            font-family: latoregular;
            color: #0072bb;
            text-decoration: none;
            font-style: normal;
            padding-top: 0
        }

            .pvc-canhan-post h3 a:hover {
                color: #fdb613
            }

    .pvc-canhan-post p {
        font-size: 14px;
        font-weight: latoregular;
        color: #333;
        line-height: 20px
    }

    .pvc-canhan-post a.read-more {
        font-family: latoregular;
        font-size: 14px;
        color: #0072bb;
        text-decoration: none;
        padding-top: 10px;
        white-space: nowrap
    }

    .pvc-canhan-post a:hover {
        color: #fdb613
    }

.pvc-outer {
    width: 220px;
    height: auto;
    padding-left: 16px;
    float: right;
    border-left: 1px solid #eee;
    margin-top: 60px;
    margin-bottom: 40px
}

    .pvc-outer h2 {
        color: #333;
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        margin-bottom: 16px
    }

    .pvc-outer li {
        line-height: 22px;
        margin-bottom: 10px;
        list-style-position: outside;
        margin-left: 5px
    }

    .pvc-outer a {
        font-size: 14px;
        font-family: latoregular;
        color: #0072bb
    }

        .pvc-outer a:hover {
            color: #fdb613
        }

#pvc-doanhnghiep-homepage {
    background: url(../images/home-posts-bg.png) top center no-repeat
}

#pvc-doanhnghiep-homepage-wrapper {
    max-width: 1036px;
    margin: auto;
    overflow: hidden;
    float: none
}

.pvc-doanhnghiep-post-1 {
    width: 244px;
    float: left;
    margin-right: 20px;
    padding-bottom: 5%;
    margin-bottom: 2%
}

    .pvc-doanhnghiep-post-1 img {
        max-width: 100%;
        margin: auto
    }

    .pvc-doanhnghiep-post-1 h3 {
        padding: 8px 20px 5px 0
    }

        .pvc-doanhnghiep-post-1 h3 a {
            font-size: 17px;
            font-family: latoregular;
            color: #0072bb;
            text-decoration: none;
            font-style: normal;
            padding-top: 0
        }

            .pvc-doanhnghiep-post-1 h3 a:hover {
                color: #fdb613
            }

    .pvc-doanhnghiep-post-1 p {
        font-size: 14px;
        font-weight: latoregular;
        color: #333;
        line-height: 20px
    }

    .pvc-doanhnghiep-post-1 a.read-more {
        font-family: latoregular;
        font-size: 14px;
        color: #0072bb;
        text-decoration: none;
        padding-top: 10px;
        white-space: nowrap
    }

    .pvc-doanhnghiep-post-1 a:hover {
        color: #fdb613
    }

.pvc-doanhnghiep-post-2 {
    width: 508px;
    float: left;
    margin-right: 20px;
    height: 380px
}

    .pvc-doanhnghiep-post-2 img {
        width: 508px;
        height: 206px;
        margin: auto
    }

    .pvc-doanhnghiep-post-2 h3 {
        padding: 8px 20px 6px 0
    }

        .pvc-doanhnghiep-post-2 h3 a {
            font-size: 17px;
            font-family: latoregular;
            color: #0072bb;
            text-decoration: none;
            font-style: normal
        }

#footer-menu li a,
.footer-col h2 {
    font-family: 'Roboto', sans-serif
}

.pvc-doanhnghiep-post-2 h3 a:hover {
    color: #fdb613
}

.pvc-doanhnghiep-post-2 p {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    padding-right: 30px
}

.pvc-doanhnghiep-post-2 a.read-more {
    font-size: 13px;
    font-weight: 400;
    color: #0072bb;
    text-decoration: none;
    padding-top: 10px
}

.pvc-doanhnghiep-post-2 a:hover {
    color: #fdb613
}

.footer-col a,
.footer-col h2 {
    font-weight: 400;
    color: #005D99
}

#frontend-top-footer {
    background-color: #FFC607;
    width: 100%;
    clear: both
}

#frontend-footer-wrapper {
    max-width: 1036px;
    overflow: hidden;
    float: none;
    margin: auto;
    min-height: 240px
}

.footer-col {
    width: 25%;
    height: auto;
    float: left
}

    .footer-col h2 {
        font-size: 18px;
        margin-top: 25px;
        margin-bottom: 8px
    }

    .footer-col li {
        margin-bottom: 4px
    }

    .footer-col a {
        font-size: 14px;
        line-height: 18px
    }

        .footer-col a:hover {
            color: #fff
        }

#social-footer {
    display: block;
    margin-top: 12px
}

    #social-footer li {
        float: left
    }

#backend-footer {
    width: 100%;
    height: 70px;
    background-color: #01496d
}

#footer-wrapper {
    max-width: 1040px;
    margin: auto
}

#footer-menu {
    display: inline-block;
    margin-top: 14px;
    width: 100%;
    padding-bottom: 6px;
    border-bottom: 1px solid #035a85
}

    #footer-menu li {
        font-size: 14px;
        margin-right: 15px;
        float: left
    }

        #footer-menu li a {
            color: #31b4e4;
            white-space: nowrap
        }

            #canhanc-banner-wrapper #canhan-banner-block h2,
            #footer-menu li a:hover {
                color: #fff
            }

#banquyen,
#banquyen a {
    color: #31b4e4
}

#banquyen {
    float: left;
    font-size: 12px
}

#canhan-banner-block h2,
#canhan-banner-block h2 a {
    font-family: 'Roboto', sans-serif;
    font-size: 26px
}

#canhanc-banner {
    height: 320px;
    text-align: center;
    overflow: hidden;
    position: relative
}

    #canhanc-banner img {
        height: 320px;
        width: auto;
        position: absolute;
        left: -2000px;
        right: -2000px;
        margin: 0 auto
    }

#canhanc-banner-wrapper {
    max-width: 1036px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%
}

    #canhanc-banner-wrapper #canhan-banner-block {
        color: #fff;
        text-align: left;
        position: absolute;
        top: 40% !important
    }

#canhan-banner-block {
    position: absolute;
    width: 466px;
    height: 160px;
    background-color: rgba(13, 104, 194, .9);
    top: 260px
}

    #canhan-banner-block h2 {
        margin-top: 22px;
        line-height: 30px;
        padding-left: 24px;
        font-weight: 400;
        color: #fff
    }

        #canhan-banner-block h2 a {
            color: #fff
        }

            #canhan-banner-block h2 a:focus,
            #canhan-banner-block h2 a:hover {
                color: #fdb613
            }

    #canhan-banner-block p {
        margin-top: 10px;
        font-size: 13px;
        font-family: latoregular, Arial, sans-serif;
        color: #fff;
        line-height: 20px;
        padding-left: 24px;
        padding-right: 25px;
        font-weight: 400
    }

#frontend-wrapper {
    max-width: 1036px;
    margin: auto
}

    #frontend-wrapper .category-frontend-content {
        width: 77%
    }

.tieude-trang-frontend {
    font-family: 'Roboto', sans-serif;
    font-size: 32px;
    font-weight: 400;
    color: #757575;
    margin: 30px 0
}

#bang-the-canhan {
    border-top: 1px solid #eee;
    margin-bottom: 92px
}

    #bang-the-canhan td,
    #bang-the-canhan th {
        width: 210px;
        border-bottom: 1px solid #eee;
        border-collapse: collapse;
        border-left: 1px solid #eee
    }

    #bang-the-canhan td {
        height: 46px;
        text-align: center;
        font-size: 13px;
        color: #333
    }

    #bang-the-canhan th:first-child {
        vertical-align: top
    }

    #bang-the-canhan td:first-child {
        vertical-align: middle
    }

    #bang-the-canhan td:first-child,
    #bang-the-canhan th:first-child {
        border-left: none;
        width: 220px
    }

        #bang-the-canhan td:first-child h3,
        #bang-the-canhan th:first-child h3 {
            font-size: 28px;
            font-family: 'Roboto', sans-serif;
            color: #757575;
            font-weight: 400;
            text-align: left;
            margin-top: 22px
        }

        #bang-the-canhan td:first-child p,
        #bang-the-canhan th:first-child p {
            font-size: 13px;
            font-weight: 600;
            font-family: latoregular, Arial, sans-serif;
            color: #666;
            text-align: left;
            padding-right: 60px
        }

        #bang-the-canhan td:first-child h4,
        #bang-the-canhan th:first-child h4 {
            font-size: 12.5px;
            font-weight: 400;
            font-family: latoregular, Arial, sans-serif;
            color: #666;
            text-align: left;
            padding-right: 10px;
            padding-left: 10px
        }

.category-frontend-sidebar h3,
.tieude-category-frontend {
    font-family: 'Roboto', sans-serif
}

#bang-the-canhan tr:nth-child(even) td:first-child,
#bang-the-canhan tr:nth-child(odd) {
    background-color: #fff
}

    #bang-the-canhan tr:nth-child(even),
    #bang-the-canhan tr:nth-child(odd) td:first-child {
        background-color: #ebf7fb
    }

#bang-the-canhan #loaithe {
    height: 256px
}

    #bang-the-canhan #loaithe h4 {
        font-size: 13px;
        color: #666;
        width: 100px;
        text-align: left;
        padding-left: 22px;
        margin-top: 10px;
        margin-bottom: 20px
    }

#bang-the-canhan #loaithe-bottom {
    height: 186px;
    vertical-align: top
}

#bang-the-canhan .tieude-row th,
#cast-type span,
#reg_online .region * {
    vertical-align: middle
}

#bang-the-canhan #loaithe-bottom h4 {
    margin-top: 30px;
    font-size: 13px;
    color: #666;
    width: 100px;
    text-align: left;
    padding-left: 22px;
    margin-bottom: 30px
}

#bang-the-canhan .the-buttons {
    width: 160px;
    height: 30px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    overflow: hidden;
    margin: auto
}

    #bang-the-canhan .the-buttons a {
        line-height: 30px;
        display: block;
        width: 80px;
        float: left
    }

        #bang-the-canhan .the-buttons a:first-child {
            background-color: #12a4df;
            color: #fff
        }

        #bang-the-canhan .the-buttons a:nth-child(2) {
            background-color: #fc0;
            color: #06c
        }

#bang-the-canhan th {
    background-color: #fff
}

#bang-the-canhan .tieude-row {
    height: 68px
}

    #bang-the-canhan .tieude-row h3 {
        margin-top: 0 !important
    }

#bang-the-canhan .checked {
    display: block;
    height: 14px;
    width: 14px;
    background: url(../images/checked.png) center center no-repeat;
    margin: auto
}

#bang-the-canhan #dk-dangki {
    height: 66px
}

    #bang-the-canhan #dk-dangki p {
        padding: 0 50px
    }

.tieude-category-frontend {
    font-size: 32px;
    font-weight: 400;
    padding-top: 30px;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
    color: #757575;
    margin-bottom: 25px
}

.category-frontend-content {
    max-width: 75%;
    float: left;
    font-size: 13px;
    line-height: 20px;
    color: #6a6a6a;
    margin-bottom: 70px;
    border-right: 1px solid #ddd;
    padding-right: 2%
}

#danhsachsp,
.uu-diem-col {
    border-right: 1px solid #eee
}

.category-quote {
    font-size: 22px;
    color: #0072bb;
    line-height: 24px;
    margin-top: 20px
}

.category-frontend-sidebar {
    width: 23%;
    float: right;
    padding-bottom: 10px
}

#danhsachsp,
.ds-sp-wrapper {
    overflow: hidden;
    float: none
}

.category-frontend-sidebar h3 {
    color: #333;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 16px
}

.category-frontend-sidebar li {
    line-height: 30px;
    list-style-position: outside;
    margin-left: 15px
}

#noi-dung-post ul li,
.sidebar-item ul li {
    list-style-image: url(../images/li_icon.png);
    list-style-position: outside
}

.category-frontend-sidebar a {
    color: #0072bb;
    font-size: 14px;
    font-family: latoregular
}

    .category-frontend-sidebar a:hover {
        text-decoration: underline;
        color: #FFC90D
    }

.ds-sp-wrapper {
    max-width: 1036px;
    margin: auto auto 60px
}

    .ds-sp-wrapper h2 {
        font-size: 23px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        color: #323232;
        padding-top: 38px;
        padding-bottom: 30px
    }

#danhsachsp {
    float: left;
    width: 76%
}

    #danhsachsp .sp-col {
        width: 31.1%
    }

.sp-col {
    width: 31%;
    height: auto;
    float: left;
    margin-right: 2.3%;
    margin-bottom: 35px
}

    .sp-col.last {
        margin-right: 0 !important
    }

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

    .sp-col a {
        color: #0072bb;
        font-size: 13px;
        font-family: latoitalic;
        text-decoration: underline
    }

        .sp-col a:hover {
            color: #ffc90d
        }

    .sp-col h3 {
        margin-top: 5px;
        margin-bottom: 5px
    }

        .sp-col h3 a {
            font-size: 16px;
            color: #0072bb;
            font-family: latoregular;
            font-style: normal;
            text-decoration: none
        }

#noidung-chitiet-wrapper h2,
#tieude-chitiet h2,
#uu-diem-chitiet h2 {
    font-family: 'Roboto', sans-serif
}

.sp-col h3 a:hover {
    color: #ffc90d
}

.sp-col p {
    font-size: 13px;
    color: #6a6a6a;
    line-height: 20px;
    margin-bottom: 5px
}

#tieude-chitiet {
    overflow: hidden;
    float: none;
    margin-top: 50px;
    border-bottom: 1px solid #e1e1e1
}

    #tieude-chitiet h2 {
        font-size: 32px;
        display: block;
        max-width: 80%;
        float: left;
        font-weight: 400;
        color: #757575;
        margin-bottom: 8px
    }

#chia-se,
#chia-se a {
    display: block;
    float: right
}

#chia-se {
    width: 140px;
    font-size: 14px;
    line-height: 24px;
    color: #6a6a6a;
    margin-top: 10px
}

    #chia-se a {
        margin-right: 5px;
        background: url(../images/icon_social.png) no-repeat;
        width: 24px;
        height: 24px
    }

    #chia-se .fb-icon-2 {
        background-position: 0 0
    }

        #chia-se .fb-icon-2:focus,
        #chia-se .fb-icon-2:hover {
            background-position: 0 -24px
        }

    #chia-se .twitter-icon-2 {
        background-position: -48px 0
    }

        #chia-se .twitter-icon-2:focus,
        #chia-se .twitter-icon-2:hover {
            background-position: -48px -24px
        }

    #chia-se .pinin-icon-2 {
        background-position: -24px 0
    }

        #chia-se .pinin-icon-2:focus,
        #chia-se .pinin-icon-2:hover {
            background-position: -24px -24px
        }

#banner-chi-tiet {
    height: 252px;
    padding-bottom: 14px;
    margin-top: 8px
}

    #banner-chi-tiet img {
        margin: auto;
        width: 100%;
        height: auto
    }

#uu-diem-chitiet {
    overflow: hidden;
    float: none;
    padding-bottom: 65px
}

    #uu-diem-chitiet h2 {
        font-size: 28px;
        font-weight: 400;
        color: #757575;
        margin-top: 30px;
        margin-bottom: 45px
    }

.uu-diem-col {
    width: 258px;
    float: left;
    padding-bottom: 20px
}

    .uu-diem-col .icon-uu-diem {
        width: 88px;
        height: 88px;
        border-radius: 50px;
        border: 1px solid #fed068;
        margin: auto
    }

    .uu-diem-col h3 {
        margin-top: 34px;
        margin-bottom: 6px;
        font-size: 17px;
        text-align: center;
        color: #06c;
        font-weight: 600
    }

    .uu-diem-col p {
        color: #6a6a6a;
        font-size: 13px;
        text-align: center;
        padding: 0 20px;
        line-height: 20px
    }

.uu-diem-a {
    background: url(../images/icon-toan-cau.png) center center no-repeat
}

.uu-diem-1:hover .icon-uu-diem {
    background: url(../images/icon-toan-cau-hover.png) center center no-repeat
}

.uu-diem-b {
    background: url(../images/icon-thuan-tien.png) center center no-repeat
}

.uu-diem-2:hover .icon-uu-diem {
    background: url(../images/icon-thuan-tien-hover.png) center center no-repeat
}

.uu-diem-c {
    background: url(../images/icon-mien-phi.png) center center no-repeat
}

.uu-diem-3:hover .icon-uu-diem {
    background: url(../images/icon-mien-phi-hover.png) center center no-repeat
}

.uu-diem-d {
    background: url(../images/icon-de-dang.png) center center no-repeat
}

.uu-diem-4:hover .icon-uu-diem {
    background: url(../images/icon-de-dang-hover.png) center center no-repeat
}

.uu-diem-col:last-child {
    border: none
}

#noidung-chitiet {
    background: url(../images/home-posts-bg.png) center top no-repeat #eeeee5;
    clear: both;
    padding-bottom: 45px
}

#noidung-chitiet-wrapper {
    width: 1036px;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 70px
}

    #noidung-chitiet-wrapper h2 {
        font-size: 28px;
        font-weight: 400;
        color: #757575;
        padding-top: 50px;
        margin-bottom: 20px
    }

    #noidung-chitiet-wrapper h4 {
        font-size: 18px;
        font-weight: 400;
        color: #6a6a6a;
        margin-bottom: 20px
    }

    #noidung-chitiet-wrapper p {
        font-size: 15px;
        display: block;
        color: #333;
        line-height: 22px
    }

.product-detail {
    background: url(../images/bg_tag.png) top center no-repeat #f5f2e9 !important;
    width: 100%;
    float: left
}

    .product-detail .product-desc {
        margin-bottom: 15px;
        float: left;
        width: 100%
    }

        .product-detail .product-desc p {
            font-size: 15px;
            width: 100%;
            height: auto;
            margin-bottom: 10px
        }

        .product-detail .product-desc ul {
            font-size: 15px;
            width: 100%;
            height: auto
        }

    .product-detail .product-extra {
        width: 100%;
        clear: both;
        float: left
    }

        .product-detail .product-extra .product-extra-title {
            font-family: latobold;
            color: #0072bb;
            font-size: 14px;
            text-transform: uppercase;
            border-top: 1px solid #e2ded4;
            padding: 12px 0;
            cursor: pointer;
            position: relative
        }

            .product-detail .product-extra .product-extra-title span {
                width: 15px;
                height: 8px;
                position: absolute;
                right: 15px;
                top: 12px;
                background: url(../images/extra-header-arrow.png) no-repeat
            }

        .product-detail .product-extra .hide-product-extra-content span {
            background: url(../images/extra-header-arrow.png) 0 -20px no-repeat
        }

        .product-detail .product-extra .product-extra-content {
            display: none;
            padding-bottom: 20px;
            padding-left: 10px;
            float: left
        }

    .product-detail ul li {
        line-height: 22px;
        list-style: url(../images/li_icon.png);
        margin-bottom: 10px;
        margin-left: 15px;
        padding-right: 30px
    }

    .product-detail .left-content {
        width: 77%;
        padding-right: 2%;
        float: left;
        border-right: 1px solid #e2ded4
    }

        .product-detail .left-content .product-extra-content:nth-child(1) {
            display: block
        }

    .product-detail .right-sidebar {
        width: 20%;
        float: right
    }

        .product-detail .right-sidebar h2 {
            font-size: 16px !important;
            color: #333 !important;
            margin: 0 !important;
            padding: 15px 0 !important
        }

        .product-detail .right-sidebar ul li {
            line-height: 22px;
            list-style: url(../images/li_icon.png);
            margin-bottom: 10px;
            margin-left: 15px;
            padding-right: 30px
        }

            .product-detail .right-sidebar ul li a {
                font-family: latoregular;
                font-size: 14px;
                color: #0072bb
            }

        .product-detail .right-sidebar .image-detail-vertical {
            border-bottom: 1px solid #e2ded4;
            padding-bottom: 5px
        }

            .product-detail .right-sidebar .image-detail-vertical img {
                padding: 5px;
                border: 1px solid #eeebe3;
                border-radius: 3px;
                background: #fff;
                width: 95%;
                height: auto !important
            }

#quangcao-chitiet {
    margin-top: 40px;
    width: 412px;
    float: right
}

#end-chi-tiet {
    width: 1036px;
    padding: 20px 0 0;
    margin-bottom: 20px;
    overflow: hidden;
    float: none
}

    #end-chi-tiet a {
        display: block;
        line-height: 25px;
        padding: 0 25px 0 40px;
        margin-left: 10px;
        font-size: 18px
    }

        #end-chi-tiet a:hover {
            color: #fff
        }

    #end-chi-tiet div {
        height: 25px;
        padding: 10px 0
    }

#dk-truc-tuyen {
    background-color: #0072bb;
    float: left
}

    #dk-truc-tuyen a {
        background: url(../images/chi-tiet-icon.png) left center no-repeat;
        background-size: contain;
        color: #fff;
        white-space: nowrap
    }

    #dk-truc-tuyen:hover a {
        background: url(../images/chi-tiet-icon-hover.png) left center no-repeat;
        background-size: contain
    }

#tinhlai-chitiet {
    background-color: #fcae17;
    float: left
}

    #tinhlai-chitiet a {
        background: url(../images/tinh-lai-icon.png) left center no-repeat;
        background-size: contain;
        color: #005d99
    }

    #tinhlai-chitiet:hover a {
        background: url(../images/tinh-lai-icon-hover.png) left center no-repeat;
        background-size: contain
    }

#goi-dien-thoai {
    background-color: #fec546;
    float: left
}

    #goi-dien-thoai a {
        background: url(../images/phone-call-icon.png) left center no-repeat;
        background-size: contain;
        color: #005d99
    }

    #goi-dien-thoai:hover a {
        background: url(../images/phone-call-icon-hover.png) left center no-repeat;
        background-size: contain
    }

#tieude-bangtinh {
    background: #fff;
    height: 90px
}

#tieude-bangtinh-wrapper {
    max-width: 1030px;
    padding-top: 25px;
    margin: auto
}

    #tieude-bangtinh-wrapper h2 {
        font-size: 32px;
        font-weight: 400;
        color: #757575;
        font-family: 'Roboto', sans-serif
    }

#content-bang-tinh {
    background: url(../images/home-posts-bg.png) center top no-repeat #eeeee4
}

#content-bang-tinh-wrapper {
    max-width: 1036px;
    margin: auto;
    overflow: hidden;
    float: none;
    padding-top: 30px;
    padding-bottom: 40px
}

    #content-bang-tinh-wrapper .category-frontend-sidebar {
        width: 22%;
        border-left: 1px solid #d6d6d6;
        padding-left: 2%
    }

#bang-tinh-tabs {
    background: #fff;
    width: 74%;
    float: left;
    margin-top: 30px;
    padding-bottom: 30px
}

    #bang-tinh-tabs ul {
        padding: 0;
        background-color: #ffc90d;
        height: 50px;
        width: 100%;
        display: inline-block;
        overflow: hidden
    }

    #bang-tinh-tabs li {
        line-height: 50px;
        float: left
    }

    #bang-tinh-tabs a {
        padding: 0 36px;
        display: block;
        height: 52px;
        color: #4e4d4d;
        font-weight: 600;
        white-space: nowrap
    }

    #bang-tinh-tabs #tabs-1,
    #bang-tinh-tabs #tabs-2,
    #bang-tinh-tabs #tabs-3 {
        padding: 3%
    }

    #bang-tinh-tabs .ui-state-active a {
        color: #0072bb
    }

.ui-tabs-nav li {
    margin: -1px !important
}

.ui-state-active,
.ui-tabs-active {
    color: #0072bb !important;
    background: url(../images/tab-list-style.png) right center no-repeat
}

#muon-vay {
    overflow: hidden;
    float: none;
    padding-top: 30px;
    padding-bottom: 10px
}

    #muon-vay h4,
    #muon-vay p {
        float: left;
        font-size: 14px;
        font-weight: 400;
        color: #757575
    }

    #muon-vay h4 {
        margin-right: 40px
    }

    #muon-vay p {
        font-weight: 600;
        line-height: 16px;
        margin-left: 5px
    }

    #muon-vay label {
        float: left;
        font-size: 14px;
        font-weight: 600;
        color: #757575
    }

.checkboxOne label {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/radio-bg.png) center center no-repeat
}

.checkboxOne input[type=radio]:checked + label {
    background: url(../images/radio-checked-bg.png) center center no-repeat
}

.checkboxOne {
    float: left;
    width: 120px
}

#interest-saving label,
#so-tien-doi label,
#so-tien-vay label {
    float: left;
    font-size: 14px;
    font-weight: 400;
    color: #757575;
    line-height: 40px;
    margin-right: 50px
}

#interest-saving input,
#so-tien-doi input,
#so-tien-vay input {
    width: 176px;
    height: 38px;
    border: 1px solid #eee;
    color: #484848;
    padding-left: 10px;
    font-weight: 600
}

.ui-selectmenu-button {
    border: 1px solid #eee;
    height: 35px;
    min-width: 100%;
    background: url(../images/select-dropdown-bg.png) right center no-repeat;
    font-size: 14px;
    color: #484848;
    font-weight: 600;
    padding-top: 5px;
    width: auto
}

#bieuphi .ui-selectmenu-button,
#cast-type .ui-selectmenu-button,
#thoi-gian-vay .ui-selectmenu-button {
    min-width: 25.5%
}

.ui-menu {
    background-color: #fff;
    font-size: 14px;
    color: #484848;
    border: 1px solid #eee;
    border-top: none;
    max-height: 220px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

    .ui-menu li {
        padding: 5px 0 5px 15px
    }

        .ui-menu li:hover {
            background-color: #FFC90D;
            color: #fff
        }

#bieuphi .ui-selectmenu-button,
.beau-formcontact .ui-selectmenu-button {
    min-width: 92.5%;
    padding-top: 0;
    height: 28px;
    background-size: 30px
}

    #bieuphi .ui-selectmenu-button span.ui-selectmenu-text,
    .beau-formcontact .ui-selectmenu-button span.ui-selectmenu-text {
        font-weight: 400;
        line-height: 2;
        padding-top: 0;
        padding-bottom: 0
    }

#bieuphi .ui-menu .ui-menu-item,
.beau-formcontact .ui-menu .ui-menu-item {
    font-weight: 400 !important
}

#lai-suat-pvcom,
#thoi-gian-vay p {
    font-size: 14px;
    font-weight: 400;
    color: #757575;
    line-height: 40px
}

#thoi-gian-vay {
    margin-top: 12px
}

    #thoi-gian-vay p {
        float: left;
        margin-right: 23px
    }

    #thoi-gian-vay select {
        float: left
    }

#lai-suat-pvcom span {
    color: #484848;
    font-weight: 600
}

.tinh-tien {
    border-top: 1px solid #eee;
    clear: both;
    float: left;
    margin-top: 5px;
    padding-top: 15px;
    margin-bottom: 10px;
    width: 100%
}

    .tinh-tien button {
        display: block;
        padding: 5px 10px;
        height: 40px;
        background-color: #0072bb;
        color: #fff;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        border-radius: 4px;
        border: none;
        float: left
    }

    .tinh-tien img {
        margin: 10px
    }

#tong-phai-tra {
    font-size: 14px;
    color: #717171;
    font-weight: 400;
    width: 100%;
    float: left;
    margin-top: 15px;
    margin-bottom: 30px
}

    #tong-phai-tra span {
        color: #ffc90d;
        font-weight: 600
    }

#mang-luoi-board h2,
.ds-sp-wrapper2 h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400
}

#canvas {
    max-width: 100% !important;
    height: auto !important
}

.ds-sp-wrapper2 {
    overflow: hidden;
    float: none;
    max-width: 1036px;
    margin: auto auto 60px;
    background: url(../images/end-chitiet-bg.png) top center no-repeat
}

.news-content,
.news-img img {
    max-width: 100%
}

.ds-sp-wrapper2 h2 {
    font-size: 23px;
    color: #323232;
    padding-top: 38px;
    padding-bottom: 30px
}

#mang-luoi {
    position: relative
}

#mang-luoi-map {
    height: 540px
}

#mang-luoi-board {
    position: absolute;
    width: 300px;
    padding-left: 15px;
    height: 450px;
    border: 1px solid #eee;
    background-color: #fff;
    z-index: 99;
    top: 40px;
    left: 9.705882352941176%
}

    #mang-luoi-board h2 {
        font-size: 22px;
        color: #757575;
        margin-top: 20px;
        margin-bottom: 10px
    }

.gm-style-iw {
    overflow: hidden
}

#check-loai-mang-luoi {
    overflow: hidden;
    float: none;
    margin: 10px 0;
    padding-left: 10px
}

    #check-loai-mang-luoi input[type=checkbox] {
        display: none
    }

    #check-loai-mang-luoi label {
        display: block;
        width: 16px;
        height: 16px;
        background: url(../images/unchecked-box-mang-luoi.png) center center no-repeat;
        float: left;
        margin-right: 5px
    }

    #check-loai-mang-luoi input[type=checkbox]:checked + label {
        background: url(../images/checked-box-mang-luoi.png) center center no-repeat
    }

    #check-loai-mang-luoi span {
        float: left;
        color: #757575;
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
        margin-right: 20px
    }

#mang-luoi-content {
    height: 300px;
    overflow-y: scroll;
    padding-right: 5px
}

.mang-luoi-details {
    min-height: 60px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-left: 78px;
    padding-top: 20px;
    padding-bottom: 10px
}

    .mang-luoi-details h3 {
        font-size: 16px;
        color: #06c;
        font-weight: 600;
        line-height: 22px
    }

    .mang-luoi-details p {
        font-size: 12px;
        color: #6a6a6a;
        font-weight: 400;
        line-height: 20px
    }

.atm-detail {
    background: url(../images/mang-luoi-atm-icon.png) center left no-repeat
}

.chi-nhanh-detail {
    background: url(../images/mang-luoi-chi-nhanh-icon.png) center left no-repeat
}

.uu-dai-detail {
    background: url(../images/mang-luoi-uu-dai-icon.png) center left no-repeat
}

.mCSB_dragger_bar {
    background-color: #c6ced0 !important;
    width: 8px !important;
    border-radius: 4px !important
}

.mang-luoi-details:hover {
    background-color: #f3f7f8
}

#tin-tuc-wrapper {
    max-width: 100%;
    background: url(../images/home-posts-bg.png) top center no-repeat;
    padding-top: 20px
}

#tin-tuc-breadcrumb {
    overflow: hidden;
    float: none;
    padding-top: 27px;
    padding-bottom: 20px
}

    #tin-tuc-breadcrumb h2 {
        font-family: 'Roboto', sans-serif;
        font-size: 26px;
        line-height: 30px;
        color: #0072bb;
        font-weight: 400;
        display: block;
        padding: 0 10px;
        float: left
    }

    #tin-tuc-breadcrumb ul {
        float: left;
        display: inline-block;
        list-style: none;
        padding-top: 4px
    }

        #tin-tuc-breadcrumb ul li {
            background: url(../images/ghach-dung.png) left center no-repeat;
            padding-left: 12px;
            float: left;
            margin-right: 10px;
            line-height: 30px
        }

            #tin-tuc-breadcrumb ul li.active a {
                color: #0065b5
            }

        #tin-tuc-breadcrumb ul a {
            font-family: 'Roboto', sans-serif;
            font-size: 14px;
            font-weight: 300;
            color: #757575;
            white-space: nowrap
        }

.news-content a,
.news-content p {
    font-family: latoregular, Arial, sans-serif;
    display: block;
    font-size: 14px
}

#tin-tuc-breadcrumb ul a.active,
#tin-tuc-breadcrumb ul a:hover {
    color: #0065b5
}

.single-news-home {
    box-sizing: border-box;
    width: 48%;
    padding-top: 30px;
    margin-bottom: 20px;
    float: left;
    overflow: hidden
}

    .single-news-home.pull-right {
        float: right
    }

    .single-news-home .single-news-home-inner {
        width: 100%;
        float: left;
        padding-bottom: 15px
    }

.news-content,
.news-img {
    box-sizing: border-box;
    width: 50%
}

.news-img {
    height: 157px;
    float: left;
    overflow-y: hidden;
    padding-right: 10px
}

.news-content {
    float: right
}

    .news-content img {
        float: left;
        margin-right: 10px
    }

    .news-content p {
        color: #6a6a6a;
        line-height: 20px
    }

    .news-content a {
        font-weight: 300;
        text-decoration: underline;
        color: #005e99;
        margin-top: 10px
    }

        .news-content a:hover {
            color: #ffca0c
        }

    .news-content h3 a {
        color: #0072bb;
        font-family: latoregular;
        font-size: 17px;
        line-height: 24px;
        margin-bottom: 10px;
        text-decoration: none;
        margin-top: 0;
        font-style: normal
    }

#account-info a,
.post-inform,
.post-quote,
a.read-more {
    font-style: italic
}

#news-pagination a,
#tom-tat-tin,
#tom-tat-tin h3 {
    font-family: 'Roboto', sans-serif
}

.news-content h3 a:hover {
    color: #ffca0c
}

#news-pagination {
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 90px
}

    #news-pagination li {
        display: block;
        width: 36px;
        height: 36px;
        background-color: #e8ebf1;
        border: 1px solid #d0d6dd;
        float: left;
        margin-right: 12px
    }

        #news-pagination li:first-child {
            background: url(../images/page-left.png) center center no-repeat #e8ebf1
        }

        #news-pagination li:last-child {
            background: url(../images/page-right.png) center center no-repeat #e8ebf1
        }

    #news-pagination a {
        font-size: 18px;
        display: block;
        line-height: 36px;
        color: #616161;
        text-align: center;
        font-weight: 300
    }

    #news-pagination .page-selected a,
    #news-pagination li:hover a,
    #tom-tat-tin h3 {
        color: #fff
    }

    #news-pagination .page-selected,
    #news-pagination li:hover {
        background-color: #96a9c8
    }

#tom-tat-tin {
    overflow: hidden;
    float: none
}

    #tom-tat-tin h3,
    #tom-tat-tin h4,
    #tom-tat-tin p {
        display: block;
        float: left;
        padding-left: 15px
    }

    #tom-tat-tin h3 {
        font-size: 16px;
        margin-right: 20px;
        margin-top: -2px;
        background: #FFBC01;
        padding: 18px 14px 17px 13px
    }

    #tom-tat-tin h4,
    .tom-tat-tin-cat {
        background: url(../images/hoa-thi-icon.png) center left no-repeat
    }

    #tom-tat-tin h3 a {
        font-size: 16px;
        color: #fff;
        position: relative;
        z-index: 9999
    }

    #tom-tat-tin h4 {
        text-transform: uppercase;
        font-weight: 400;
        height: 15px !important;
        line-height: 18px !important;
        overflow-y: hidden
    }

        #tom-tat-tin h4 img {
            float: left;
            max-height: 100%;
            margin-right: 5px;
            width: auto !important
        }

    #tom-tat-tin h4,
    #tom-tat-tin p {
        font-size: 14px;
        color: #5c5c5c;
        font-family: latoregular
    }

        #tom-tat-tin h4:hover,
        #tom-tat-tin p:hover {
            color: #ffbc01
        }

    #tom-tat-tin p {
        margin-right: 10px
    }

#tom-tat-tin-wrapper {
    float: none;
    max-width: 1040px;
    overflow: hidden;
    margin: auto
}

    #tom-tat-tin-wrapper .slick-slider {
        margin-bottom: 16px;
        margin-top: 18px
    }

        #tom-tat-tin-wrapper .slick-slider a {
            width: 88%;
            display: inline-block;
            height: 15px;
            line-height: 15px;
            overflow: hidden
        }

    #tom-tat-tin-wrapper .slick-slide a:focus,
    #tom-tat-tin-wrapper .slick-slide a:hover {
        text-decoration: underline
    }

    #tom-tat-tin-wrapper .slick-next,
    #tom-tat-tin-wrapper .slick-prev {
        margin-top: -10px
    }

    #tom-tat-tin-wrapper .slick-prev {
        width: 24px;
        height: 24px;
        background: url(../images/slide-prev.gif) center center no-repeat #ffc80c;
        right: 38px;
        content: "<";
        color: #fff
    }

    #tom-tat-tin-wrapper .slick-next {
        width: 24px;
        height: 24px;
        background: url(../images/slide-next.gif) center center no-repeat #ffc80c;
        right: 10px;
        content: ">";
        color: #fff
    }

#tin-tuc-detail-wrapper {
    padding-top: 50px;
    max-width: 1040px;
    background: url(../images/home-posts-bg.png) top center no-repeat
}

.post-inform p {
    display: block;
    float: left
}

    .post-inform p:last-child {
        padding-left: 10px;
        padding-right: 10px;
        background: url(../images/hoa-thi-icon.png) center left no-repeat
    }

        .post-inform p:last-child a {
            color: #6a6a6a
        }

            .post-inform p:last-child a:hover {
                color: #0065b5
            }

#tin-tuc-content {
    max-width: 685px;
    padding-right: 55px;
    overflow: hidden;
    float: left;
    border-right: 1px solid #eee
}

    #noi-dung-post table td ul,
    #tin-tuc-content ul li {
        max-width: 100%
    }

    #tin-tuc-content h2 {
        font-family: latoregular;
        font-size: 25px;
        line-height: 38px;
        margin-bottom: 0;
        font-weight: 600;
        color: #303030
    }

#noi-dung-post,
.chia-se p,
.post-inform {
    font-size: 14px;
    color: #6a6a6a
}

#tin-tuc-content .category-name {
    margin-top: 15px;
    color: #6a6a6a;
    padding-left: 0;
    background: 0 0
}

    #tin-tuc-content .category-name a {
        float: right;
        margin-left: 15px;
        padding-left: 12px;
        background: url(../images/hoa-thi-icon.png) left center no-repeat
    }

#tin-tuc-content ul {
    padding-left: 25px
}

.post-inform {
    overflow: hidden;
    font-family: latoregular, Arial, sans-serif;
    float: left
}

.chia-se {
    float: right;
    width: 150px
}

    .chia-se p {
        display: block;
        float: left
    }

    .chia-se span {
        display: block;
        width: 24px;
        height: 22px;
        float: right;
        margin-left: 5px
    }

.post-fb-icon {
    background: url(../images/fb-icon-2.png) center center no-repeat
}

.post-twitter-icon {
    background: url(../images/twitter-icon-2.png) center center no-repeat
}

.post-pin-icon {
    background: url(../images/pinin-icon-2.png) center center no-repeat
}

.beau-formcontact {
    margin-bottom: 5%
}

#noi-dung-post {
    margin-top: 10px;
    padding-bottom: 60px;
    padding-top: 10px;
    float: left;
    width: 100%;
    border-top: 1px solid #eee;
    line-height: 24px
}

    #noi-dung-post p {
        margin-bottom: 7px
    }

    #noi-dung-post img {
        display: block;
        margin: 10px 0
    }

    #noi-dung-post table {
        border-color: #eee;
        float: left;
        width: 100% !important;
        border-collapse: collapse
    }

        #noi-dung-post .img-cover,
        #noi-dung-post table td ul li {
            width: 100%
        }

        #noi-dung-post table td {
            border: 1px solid #eee;
            padding: 5px
        }

    #noi-dung-post .form-contact h3 {
        margin-bottom: 10px;
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        font-weight: 700;
        color: #393939 !important
    }

    #noi-dung-post .form-contact form.form {
        margin-left: 0
    }

        #noi-dung-post .form-contact form.form table,
        #noi-dung-post .form-contact form.form table tr,
        #noi-dung-post .form-contact form.form table tr td {
            border: none !important
        }

            #noi-dung-post .form-contact form.form table tr td:nth-child(2n+1) {
                padding-left: 0
            }

        #noi-dung-post .form-contact form.form input {
            border-color: #eee
        }

    #noi-dung-post ul li {
        padding: 6px 0
    }

.post-quote {
    color: #317cd2;
    font-size: 18px
}

#tin-tuc-sidebar {
    float: right;
    width: 240px;
    padding-left: 35px;
    padding-right: 20px
}

.sidebar-item {
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px
}

    .sidebar-item h3 {
        font-size: 16px;
        font-weight: 700;
        color: #393939;
        font-family: 'Roboto', sans-serif;
        margin: 10px 0
    }

    .sidebar-item ul {
        margin-left: 15px
    }

        .sidebar-item ul li {
            padding: 6px 0
        }

            .sidebar-item ul li a {
                color: #06c;
                font-size: 14px;
                line-height: 18px;
                font-family: latoregular
            }

                .sidebar-item ul li a:hover {
                    color: #ffaa0c
                }

    .sidebar-item:last-child {
        border-bottom: none
    }

#tin-tuc-lien-quan {
    overflow: hidden;
    float: none;
    padding-top: 20px;
    border-top: 1px solid #eee
}

    #tin-tuc-lien-quan .single-news-home {
        width: 48%;
        float: left;
        border: none;
        padding-top: 30px
    }

        #tin-tuc-lien-quan .single-news-home.pull-right {
            float: right !important
        }

.saving-result {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
    border-top: 1px solid #eee
}

    .saving-result tr td,
    .saving-result tr th {
        border-bottom: 1px solid #eee;
        padding: 5px;
        color: #757575;
        font-size: 14px
    }

    .saving-result tr th {
        text-align: left
    }

    .saving-result tr:last-child td,
    .saving-result tr:last-child th {
        border-bottom: none
    }

#cast-type {
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px
}

    #cast-type span {
        color: #757575
    }

.form .form-group {
    margin-top: 15px
}

.form .form-control {
    border: 1px solid #eee;
    padding: 5px;
    width: 90%;
    resize: none
}

.form .row {
    margin: 5px 0
}

.form table {
    width: 100%
}

    .form table tr td {
        padding: 5px
    }

.form .form-label {
    font-size: 13px;
    margin-bottom: 5px
}

.form .alert {
    margin-top: 10px;
    font-size: 13px
}

.form input[type=text] {
    width: 90%;
    border-color: #eee
}

.btn,
.form input[type=file] {
    border: none
}

.form .form-item {
    padding: 0;
    margin: 0;
    display: inline-block;
    overflow: hidden;
    background: #fff;
    position: relative
}

    .form .form-item input[type=text] {
        padding: 6px
    }

    .form .form-item .btn {
        padding: 6px 10px
    }

.btn {
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 5px;
    background: #0072bb;
    color: #fff;
    font-weight: 700
}

    .btn:focus,
    .btn:hover {
        background: #FFC60C
    }

.hoiso h3 {
    margin-top: 20px
}

.hoiso ul {
    margin-left: 0
}

    .hoiso ul li {
        padding-left: 30px;
        list-style: none;
        font-size: 14px;
        color: #333
    }

        .hoiso ul li a {
            color: #333;
            font-weight: 400
        }

        .hoiso ul li.address {
            background: url(../images/address_icon.png) left center no-repeat
        }

        .hoiso ul li.tel {
            background: url(../images/call_icon.png) left center no-repeat
        }

        .hoiso ul li.website {
            background: url(../images/website_icon.png) left center no-repeat
        }

        .hoiso ul li.email {
            background: url(../images/mail_icon.png) left center no-repeat
        }

.form-contact {
    margin-top: 15px;
    margin-bottom: 10px
}

    .form-contact form {
        margin-left: 20px
    }

#search-content {
    margin: 50px 0
}

.error-box {
    width: 100%;
    float: left;
    border: 1px solid #FF6161;
    color: #FF6161;
    font-size: 14px;
    padding: 7px;
    text-align: center;
    margin: 10px 0
}

.exchange-rate-update {
    font-size: 14px;
    color: #333;
    padding-bottom: 15px;
    font-family: latoregular, Arial, sans-serif
}

.exchange-rate-page {
    float: none;
    margin: auto;
    width: 95%;
    max-width: 1036px;
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 20px;
    border-top: 1px solid #e1e1e1
}

.exchange-rate-table {
    width: 100%;
    border-collapse: collapse
}

    .exchange-rate-table td,
    .exchange-rate-table th {
        text-align: center;
        font-size: 14px;
        color: #101010;
        padding: 15px 0;
        border-right: 1px solid #e1e1e1
    }

        .exchange-rate-table td:last-child,
        .exchange-rate-table th:last-child {
            border-right: none
        }

    .exchange-rate-table th {
        background: #ffc80b;
        text-transform: uppercase;
        border-top: 1px solid #e1e1e1
    }

    .exchange-rate-table td {
        border-bottom: 1px solid #e1e1e1;
        text-align: right;
        padding-right: 20px
    }

        .exchange-rate-table td:first-child {
            padding-left: 20px;
            color: #0468a0;
            text-align: left;
            text-transform: uppercase;
            font-weight: 700
        }

            .exchange-rate-table td:first-child span {
                text-transform: normal;
                font-weight: 400;
                font-size: 12px
            }

    .exchange-rate-table tr.odd td {
        background: #ebf7fb
    }

    .exchange-rate-table tr:hover td {
        border-right: none;
        background: #ff8a00
    }

.about-me h2 {
    color: #333 !important
}

#about-pvcb-tab {
    float: left;
    display: block;
    clear: both;
    width: 100%
}

    #about-pvcb-tab li {
        display: inline-block;
        border-left: 1px solid #e7e7e7;
        float: left;
        position: relative
    }

        #about-pvcb-tab li a {
            font-family: utm_bryantlgbold;
            color: #0072bb;
            text-transform: uppercase;
            padding: 18px 20px;
            font-size: 18px;
            text-align: center;
            float: left;
            white-space: nowrap
        }

        #about-pvcb-tab li.active a,
        #about-pvcb-tab li:hover a {
            color: #ffc80b
        }

        #about-pvcb-tab li.active span,
        #about-pvcb-tab li:hover span {
            position: absolute;
            bottom: -14px;
            width: 100%;
            display: block;
            background: url(../images/moc2.png) top center no-repeat;
            height: 14px
        }

#about-pvcb-banner {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    float: left
}

    #about-pvcb-banner img {
        width: 100%;
        float: left
    }

.about-content {
    width: 100%;
    clear: both;
    background: url(../images/bg_tag.png) top center no-repeat #f5f2e9;
    min-height: 400px;
    font-size: 14px;
    color: #6a6a6a
}

    .about-content .col-lg-4,
    .about-content .col-md-4,
    .about-content .col-sm-4 {
        float: left;
        width: 30%;
        padding-left: 1.5%;
        padding-right: 1.5%
    }

        .about-content .col-lg-4 img,
        .about-content .col-md-4 img,
        .about-content .col-sm-4 img {
            max-width: 100%;
            height: auto
        }

    .about-content hr {
        border-color: #eee !important
    }

    .about-content .about-content-inner {
        margin: auto;
        max-width: 1036px
    }

        .about-content .about-content-inner .content {
            width: 77%;
            float: left;
            padding: 44px 0 90px;
            font-family: latoregular, Arial, sans-serif;
            color: #6a6a6a;
            line-height: 24px
        }

            .about-content .about-content-inner .content p {
                margin: 10px 0
            }

        .about-content .about-content-inner .sidebar {
            width: 20%;
            float: left;
            padding: 65px 0 90px 2%
        }

            .about-content .about-content-inner .sidebar img {
                width: 100%;
                height: auto
            }

    .about-content .sodo-content-inner {
        width: 1036px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        padding: 50px 0
    }

        .about-content .sodo-content-inner img {
            max-width: 100%
        }

    .about-content .manager-content-inner {
        width: 1036px;
        margin-left: auto;
        margin-right: auto;
        padding: 15px 0
    }

        .about-content .manager-content-inner img {
            width: 100%
        }

        .about-content .manager-content-inner #tabs {
            margin-top: 3px
        }

            .about-content .manager-content-inner #tabs .ui-tabs-nav {
                display: inline-block;
                margin-right: auto;
                margin-left: 2%
            }

                .about-content .manager-content-inner #tabs .ui-tabs-nav li {
                    padding: 0;
                    border-left: 1px solid #cdcbc7;
                    float: left
                }

                    .about-content .manager-content-inner #tabs .ui-tabs-nav li:first-child {
                        border-left: none
                    }

                    .about-content .manager-content-inner #tabs .ui-tabs-nav li a {
                        font-family: 'Roboto', sans-serif;
                        font-size: 17px;
                        padding: 0 15px;
                        background: 0 0 !important
                    }

                    .about-content .manager-content-inner #tabs .ui-tabs-nav li.ui-state-active,
                    .about-content .manager-content-inner #tabs .ui-tabs-nav li.ui-tabs-active {
                        background: 0 0
                    }

                        .about-content .manager-content-inner #tabs .ui-tabs-nav li.ui-state-active a,
                        .about-content .manager-content-inner #tabs .ui-tabs-nav li.ui-tabs-active a {
                            color: #01619c;
                            background-color: none !important
                        }

                    .about-content .manager-content-inner #tabs .ui-tabs-nav li:hover {
                        cursor: pointer
                    }

                        .about-content .manager-content-inner #tabs .ui-tabs-nav li:hover a {
                            color: #01619c
                        }

            .about-content .manager-content-inner #tabs .ui-tabs-panel {
                padding-top: 45px;
                float: left
            }

            .about-content .manager-content-inner #tabs .boss {
                width: 23%;
                float: left;
                background: #fff;
                padding: 5px 5px 15px;
                margin-left: 2%
            }

                .about-content .manager-content-inner #tabs .boss img {
                    width: 100%
                }

            .about-content .manager-content-inner #tabs .staffs {
                width: 69%;
                float: left;
                margin-bottom: 10%
            }

                .about-content .manager-content-inner #tabs .staffs ul {
                    float: left;
                    margin-left: 2%;
                    width: 100%
                }

                    .about-content .manager-content-inner #tabs .staffs ul li.staff {
                        display: inline-block;
                        width: 25%;
                        float: left;
                        background: #fff;
                        padding: 5px 5px 0;
                        margin: 0 3% 3%
                    }

                        .about-content .manager-content-inner #tabs .staffs ul li.staff .pic {
                            height: 215px;
                            overflow: hidden;
                            width: 100%
                        }

                        .about-content .manager-content-inner #tabs .staffs ul li.staff:hover {
                            cursor: pointer
                        }

                        .about-content .manager-content-inner #tabs .staffs ul li.staff .position {
                            padding-bottom: 15px
                        }

            .about-content .manager-content-inner #tabs .name {
                text-transform: uppercase;
                display: block;
                font-family: latobold;
                font-size: 14px;
                color: #01496d;
                text-align: center;
                margin-top: 12px
            }

            .about-content .manager-content-inner #tabs .position {
                display: block;
                font-family: latoregular;
                color: #01496d;
                text-align: center
            }

.journals {
    width: 100%;
    float: left;
    margin-top: 25px
}

    .journals .content {
        width: 77%;
        border-right: 1px solid #ccc
    }

    .journals .sidebar {
        width: 20%;
        padding-top: 25px !important
    }

    .journals .journal-collection {
        width: 100%
    }

        .journals .journal-collection li {
            width: 20%;
            margin-right: 4.5%;
            margin-bottom: 25px;
            height: auto;
            font-size: 14px;
            color: #2f2f2f;
            float: left
        }

            .journals .journal-collection li a {
                font-size: 14px;
                color: #005e99
            }

            .journals .journal-collection li .img-head {
                width: 100%;
                float: left
            }

            .journals .journal-collection li .cover {
                width: 100%;
                height: auto;
                overflow: hidden;
                margin-bottom: 10px
            }

                .journals .journal-collection li .cover img {
                    max-width: 100%;
                    float: left
                }

            .journals .journal-collection li:first-child {
                padding-left: 0
            }

.flexible {
    float: left;
    width: 100%;
    height: auto
}

    .flexible.flexfull {
        width: 50%
    }

#shareholder .intro .intro-detail {
    padding-right: 20px;
    padding-top: 20px;
    line-height: 24px
}

#shareholder .intro .diagram {
    padding-left: 56px
}

.clear {
    clear: both;
    width: 100%
}

.dieule {
    display: block;
    margin: 45px 0 0;
    padding: 5px auto;
    height: auto;
    line-height: 30px;
    background: #ffc80b;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    font-family: latoregular;
    font-size: 16px;
    position: absolute;
    width: 100%
}

.mask,
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0
}

#shareholder-news {
    width: 100%;
    clear: both;
    background: #fff
}

    #shareholder-news .shareholder-news-wrapper {
        margin-right: auto;
        margin-left: auto;
        padding: 30px 0 35px
    }

        #shareholder-news .shareholder-news-wrapper .col {
            border-left: 1px solid #cecfd2;
            padding: 0 10px
        }

            #shareholder-news .shareholder-news-wrapper .col:first-child {
                border-left: none;
                padding-left: 0
            }

            #shareholder-news .shareholder-news-wrapper .col h3 {
                font-family: "Open Sans", Helvetica, Arial, sans-serif;
                font-size: 14px;
                color: #393939
            }

            #shareholder-news .shareholder-news-wrapper .col ul {
                margin-top: 10px;
                width: 100%
            }

                #shareholder-news .shareholder-news-wrapper .col ul li {
                    list-style: url(../images/li_icon.png);
                    margin-left: 15px;
                    margin-bottom: 10px
                }

                #shareholder-news .shareholder-news-wrapper .col ul a {
                    color: #06c;
                    font-size: 14px;
                    font-family: latosemibold;
                    padding: 10px 0
                }

                    #shareholder-news .shareholder-news-wrapper .col ul a:hover {
                        text-decoration: underline;
                        color: #FFC90D
                    }

                #shareholder-news .shareholder-news-wrapper .col ul .date {
                    font-family: latoitalic;
                    font-size: 13px;
                    color: #6a6a6a
                }

                #shareholder-news .shareholder-news-wrapper .col ul .short-desc {
                    color: #6a6a6a;
                    font-family: latoregular;
                    font-size: 14px;
                    padding: 10px 0
                }

        #shareholder-news .shareholder-news-wrapper .view-more {
            padding-top: 5px;
            clear: both
        }

            #shareholder-news .shareholder-news-wrapper .view-more a {
                font-family: latoitalic;
                font-size: 14px;
                color: #0072bb;
                text-decoration: underline
            }

.about-me {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 17px !important;
    margin-bottom: 8px
}

.boss {
    cursor: pointer
}

.mask {
    width: 100%;
    right: 0;
    bottom: 0;
    z-index: 11;
    background: #000;
    opacity: .25
}

.modal {
    width: 990px;
    background: #fff;
    -webkit-box-shadow: 0 -1px 15px 10px rgba(6, 6, 6, .25);
    -moz-box-shadow: 0 -1px 15px 10px rgba(6, 6, 6, .25);
    box-shadow: 0 -1px 15px 10px rgba(6, 6, 6, .25);
    z-index: 99
}

    .modal .modal-inner {
        padding: 55px 60px 70px;
        width: 870px;
        position: relative;
        float: left
    }

        .modal .modal-inner .close {
            position: absolute;
            right: 18px;
            top: 15px;
            font-weight: 700;
            cursor: pointer;
            width: 17px;
            height: 15px;
            display: block;
            background: url(../images/popup_close.png) no-repeat
        }

#shareholder .intro .flexible,
.card_reg_at_branch {
    position: relative
}

.modal .pic {
    width: 25%;
    float: left
}

    .modal .pic .pic-inner {
        width: 100%;
        border: 1px solid #f8f8f8;
        border-radius: 4px;
        padding: 5px;
        background: #fff;
        height: auto
    }

        .modal .pic .pic-inner img {
            width: 100% !important;
            height: auto
        }

        .modal .pic .pic-inner .name {
            text-transform: uppercase;
            display: block;
            font-family: latobold;
            font-size: 14px;
            color: #01496d;
            text-align: center;
            margin-top: 12px;
            margin-bottom: 5px
        }

        .modal .pic .pic-inner .position {
            display: block;
            font-family: latoregular;
            color: #01496d;
            text-align: center;
            margin-bottom: 10px
        }

.modal .manager-info {
    width: 70%;
    font-size: 14px;
    float: right
}

    .modal .manager-info .name {
        color: #000;
        text-transform: uppercase
    }

    .modal .manager-info .desc {
        padding-top: 30px;
        line-height: 22px
    }

a.read-more {
    font-family: latoregular;
    font-size: 13px;
    color: #0072bb;
    text-decoration: none;
    padding-top: 4px;
    border-bottom: 1px solid #d4e1ef;
    display: inline-block
}

#bieuphi h1,
#bieuphi h2 {
    font-family: "Roboto", sans-serif;
    font-weight: 400
}

.shareholder-title {
    border-bottom: none
}

.camera_pag {
    left: 25%
}

#banquyen {
    margin-top: 6px
}

    #banquyen a {
        font-size: 12px
    }

#shareholder {
    width: 100%;
    float: left
}

    #shareholder .intro {
        width: 100%;
        padding: 15px 0 !important
    }

        #shareholder .intro .diagram {
            width: 45%;
            float: right;
            padding: 0;
            margin: 0
        }

            #shareholder .intro .diagram img {
                width: 100%
            }

    #shareholder .intro-detail {
        width: 45%;
        line-height: 18px;
        float: left;
        margin-left: 2%;
        margin-top: 5%
    }

        #shareholder .intro-detail a.dieule {
            width: 100% !important;
            display: block
        }

#data-mangluoi {
    margin-bottom: 5%
}

#shareholder-news {
    float: left
}

    #shareholder-news .shareholder-news-wrapper {
        width: 1036px
    }

        #shareholder-news .shareholder-news-wrapper .col {
            width: 30%;
            float: left
        }

        #shareholder-news .shareholder-news-wrapper .view-more {
            display: inline;
            float: right;
            bottom: 0
        }

#bieuphi {
    padding-bottom: 80px
}

    #bieuphi .head {
        border-bottom: 1px solid #e1e1e1;
        padding-bottom: 30px;
        padding-top: 38px
    }

        #bieuphi .head #laisuat {
            float: right
        }

        #bieuphi .head .form-select {
            width: 300px;
            float: right
        }

    #bieuphi h1 {
        color: #323232;
        font-size: 23px;
        padding: 0;
        display: inline-block
    }

    #bieuphi h2 {
        margin: 10px 0;
        color: #333;
        font-size: 19px
    }

    #bieuphi table {
        border: none;
        border-collapse: collapse;
        width: 100%
    }

        #bieuphi table tr td,
        #bieuphi table tr th {
            border: 1px solid #e1e1e1;
            padding: 15px 0 15px 20px;
            text-align: left;
            font-family: latoregular;
            font-size: 14px
        }

        #bieuphi table tr:nth-child(even) {
            background: #fff
        }

        #bieuphi table tr:nth-child(odd) {
            background: #ebf7fb
        }

        #bieuphi table tr th {
            background: #ffc80b;
            color: #333
        }

        #bieuphi table tr td {
            color: #101010
        }

#bang-tinh-tabs .row {
    float: left;
    width: 100%;
    margin: 10px 0
}

#bang-tinh-tabs .form-select {
    width: 250px;
    float: left
}

#bang-tinh-tabs input[type=text] {
    height: 38px;
    border: 1px solid #eee;
    color: #484848;
    padding-left: 10px;
    font-weight: 600
}

#bang-tinh-tabs table {
    border: none;
    border-collapse: collapse;
    width: 100%
}

    #bang-tinh-tabs table tr td,
    #bang-tinh-tabs table tr th {
        font-size: 14px;
        border: 1px solid #e1e1e1;
        font-family: latoregular
    }

    #bang-tinh-tabs table tr:nth-child(even) {
        background: #fff
    }

    #bang-tinh-tabs table tr:nth-child(odd) {
        background: #ebf7fb
    }

    #bang-tinh-tabs table tr th {
        background: #ffc80b;
        color: #333;
        text-align: center;
        line-height: 20px;
        min-width: 65px;
        padding-top: 15px;
        padding-bottom: 15px
    }

    #bang-tinh-tabs table tr td {
        line-height: 40px;
        color: #101010;
        text-align: right;
        padding-right: 1%
    }

#bang-tinh-tabs label {
    color: #757575;
    float: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
    margin: 0;
    min-width: 100px
}

#bang-tinh-tabs #tabs-1 .ui-selectmenu-button {
    min-width: 290px
}

#bang-tinh-tabs #tabs-1 input {
    width: 233px
}

li.beau-fix-tablet-mobile {
    display: none
}

strong#plus {
    display: inline-block;
    color: #0072BB;
    font-weight: 700;
    width: 10px;
    font-size: 17px
}

#reg_online {
    color: #535353;
    font-size: 14px
}

    #reg_online h2,
    #reg_online h3 {
        border-bottom: 1px solid #E1E1E1;
        color: #424242
    }

    #reg_online h2 {
        padding: 20px 0
    }

    #reg_online h3 {
        padding: 20px 5px;
        font-family: "Roboto", sans-serif
    }

    #reg_online .required {
        color: #e3720a
    }

    #reg_online .tips {
        border-bottom: 1px solid #E1E1E1;
        padding: 20px;
        font-family: latoregular;
        color: #535353
    }

    #reg_online label {
        color: #535353;
        width: 275px;
        text-align: left;
        display: inline-block
    }

        #reg_online label.gender {
            display: inline;
            padding-right: 35px
        }

    #reg_online .beau-person-register label {
        width: 160px !important
    }

    #reg_online .beau-person-register .error {
        text-indent: 165px
    }

    #reg_online input[type=checkbox]:not(old) {
        width: 16px;
        margin: 0;
        padding: 0;
        opacity: 0;
        cursor: pointer
    }

        #reg_online input[type=checkbox]:not(old) + label {
            display: inline-block;
            cursor: pointer;
            margin-left: -20px;
            padding-left: 20px !important;
            background: url(../images/checkbox_icon.png) center left no-repeat;
            line-height: 20px
        }

        #reg_online input[type=checkbox]:not(old):checked + label {
            background: url(../images/checkbox_icon_checked.png) center left no-repeat
        }

    #reg_online .row-gender {
        padding-top: 10px
    }

    #reg_online .flexible,
    #reg_online .row {
        box-sizing: border-box;
        margin: 10px 0;
        padding: 0 10px
    }

        #reg_online .flexible > div {
            width: 50%;
            float: left
        }

    #reg_online .row {
        float: left;
        width: 100%;
        clear: both
    }

    #reg_online input[type=text] {
        box-sizing: border-box;
        height: 30px;
        border: 1px solid #E1E1E1;
        width: 250px;
        padding: 5px;
        color: #535353;
        font-family: latoregular
    }

    #reg_online .region {
        box-sizing: border-box;
        padding: 30px 20px;
        border-bottom: 1px solid #E1E1E1
    }

        #reg_online .region label {
            color: #535353;
            font-family: latoregular;
            height: 45px;
            line-height: 45px;
            vertical-align: top
        }

#card_reg_at_branch *,
.beau-business-register *,
.captcha img,
.open_account * {
    vertical-align: middle
}

#reg_online .region label:first-child {
    width: 150px
}

#reg_online .region label:last-child {
    width: 250px
}

#reg_online .form-bottom,
#reg_online .service,
.box-service,
.box-service .content,
.box-service .content > div,
.box-service h4 {
    width: 100%;
    float: left
}

#reg_online .region .ui-selectmenu-button {
    min-width: 200px;
    height: 35px;
    color: #03639D;
    padding-top: 0;
    background-size: 35px auto
}

#reg_online .region .ui-selectmenu-text {
    color: #03639D
}

#reg_online .service {
    box-sizing: border-box;
    background: #FFC80B;
    padding: 0 20px 20px;
    margin-bottom: 20px
}

    #reg_online .service h3 {
        text-transform: uppercase;
        border-bottom: 1px dotted #424242
    }

#reg_online .form-bottom {
    clear: both;
    margin-top: 30px
}

#reg_online .personal_info {
    box-sizing: border-box;
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 40px
}

    #reg_online .personal_info h3 {
        text-transform: uppercase;
        margin-bottom: 20px
    }

#reg_online .form-bottom .accept {
    box-sizing: border-box;
    padding: 20px 10px;
    background: #ffc80b;
    margin-bottom: 20px
}

#reg_online .button {
    text-align: right
}

    #reg_online .button .btn {
        border: none;
        padding: 10px 20px;
        border-radius: 5px
    }

    #reg_online .button .btn-cancel {
        color: #fff;
        background: #0072bb
    }

    #reg_online .button .btn-submit {
        background: #ffc90d;
        color: #014a6d;
        white-space: nowrap
    }

.box-service {
    box-sizing: border-box;
    padding-bottom: 20px
}

    .box-service h3 {
        border-bottom: 1px dotted #aa8d2f !important;
        padding: 15px 5px !important;
        text-transform: uppercase
    }

    .box-service h4 {
        padding: 15px 5px
    }

    .box-service .ui-selectmenu-button {
        min-width: 278px;
        background: url(../images/select-dropdown-bg.png) right center no-repeat #fff
    }

    .box-service.is_reg_loan .ui-selectmenu-button {
        min-width: 203px;
        padding-top: 0;
        height: 32px;
        background-size: 32px auto;
        max-width: 248px
    }

    .box-service .content {
        box-sizing: border-box;
        padding: 10px
    }

        .box-service .content .row {
            border-bottom: 1px solid #e8b607;
            margin: 0 !important;
            padding: 10px !important
        }

#account-info {
    border-bottom: 1px solid #e1e1e1
}

    #account-info h3 {
        text-transform: uppercase;
        color: #414141;
        display: inline-block;
        border-bottom: none
    }

    #account-info a {
        float: right;
        color: #0272ba;
        border-bottom: 1px solid #d5e1f1;
        margin-top: 25px;
        padding-right: 10px;
        white-space: nowrap
    }

.open_account {
    background: #ffc80b;
    padding: 10px
}

    .open_account .content,
    .open_account h3 {
        padding: 15px 5px !important
    }

    .open_account h3 {
        border-bottom: 1px dotted #aa8d2f !important;
        text-transform: uppercase
    }

    .open_account .lbtype {
        width: 95px !important
    }

    .open_account .cc {
        width: 90px !important
    }

    .open_account .ui-selectmenu-button {
        min-width: 278px;
        background: url(../images/select-dropdown-bg.png) right center no-repeat #fff
    }

.open_card {
    background: #f1bd07
}

#name_on_card {
    margin-bottom: 15px
}

#account_number,
#name_on_card,
#sup_name_on_card {
    width: 100%;
    float: left;
    clear: both
}

    #account_number input,
    #account_number span,
    #name_on_card input,
    #name_on_card span,
    #sup_name_on_card input,
    #sup_name_on_card span {
        box-sizing: border-box;
        width: 35px !important;
        height: 40px !important;
        background: #fff;
        border: 1px solid #e7e7e7;
        display: inline-block;
        padding: 10px 3px;
        line-height: 20px;
        text-align: center;
        margin: 5px 2px;
        float: left
    }

.card_reg_at_branch label {
    vertical-align: middle;
    margin-top: 15px;
    margin-right: 25px
}

#card_reg_at_branch {
    top: 15px;
    display: table
}

    #card_reg_at_branch * {
        display: table-cell;
        float: left
    }

        #card_reg_at_branch * label span {
            float: right
        }

    #card_reg_at_branch .ui-selectmenu-text {
        padding-top: 0
    }

    #card_reg_at_branch #ui-id-4-button {
        height: 26px;
        margin-left: 3px;
        max-width: 247px !important;
        min-width: 60px !important
    }

.is_reg_sms_banking {
    box-sizing: border-box;
    background: #ffc80b;
    float: left;
    width: 100%
}

    .is_reg_sms_banking input {
        margin-left: 25px
    }

.is_reg_internet_banking {
    background: #f1bd07
}

    .is_reg_internet_banking input {
        margin-left: 15px
    }

.is_reg_loan {
    background: #ffc80b
}

    .is_reg_loan ul {
        margin: 20px 0
    }

        .is_reg_loan ul li {
            width: 33%;
            display: inline-block;
            margin: 10px 0
        }

            .is_reg_loan ul li label {
                box-sizing: border-box;
                width: 100% !important
            }

.menu-col.pull-right {
    float: right;
    width: 20%;
    margin-right: 0px;
}

.beau-catsubview {
    float: left;
    width: 100%;
    background: #fff;
    border: 2px solid #0765a7;
}

    .beau-catsubview .menu-col {
        width: 50%;
        /* margin-right: 2%; */
        position: relative;
        padding-left: 4%;
    }

        .beau-catsubview .menu-col.last {
            margin-right: 0
        }

        .beau-catsubview .menu-col .noidung-menu img {
            width: 38px;
            height: 27px;
            position: absolute;
            left: 15px;
            /* top: 20px; */
        }

        .beau-catsubview .menu-col .noidung-menu li {
            width: 100%
        }

    .beau-catsubview .clearfix {
        clear: both;
        width: 100%;
        float: left;
        margin-top: 4px;
        margin-bottom: -5px
    }

        .beau-catsubview .clearfix div.line {
            width: 31%;
            height: 1px;
            border-bottom: 1px solid #eee;
            margin-right: 3%;
            float: left
        }

            .beau-catsubview .clearfix div.line.last {
                margin-right: 0
            }

.beau-desc-map,
.gm-style-iw {
    font-size: 13px;
    line-height: 18px;
    min-width: 95px
}

.beau-toolbox-link {
    position: fixed;
    right: 0;
    width: 165px;
    height: 225px;
    top: 45%
}

    .beau-toolbox-link ul {
        float: left
    }

        .beau-toolbox-link ul li {
            background: url(../images/bg-tool-box.png) no-repeat;
            float: left;
            width: 100%;
            height: 49px;
            right: -118px;
            -webkit-transition: right .5s;
            -moz-transition: right .5s;
            transition: right .5s;
            margin-bottom: 1px
        }

            .beau-toolbox-link ul li:hover {
                right: -5px
            }

            .beau-toolbox-link ul li .beau-sub {
                width: 115px;
                height: 77px;
                position: absolute;
                left: 48px;
                top: 49px;
                z-index: 999999
            }

            .beau-toolbox-link ul li.dolar-vnd,
            .beau-toolbox-link ul li.e-banking,
            .beau-toolbox-link ul li.population {
                position: relative
            }

            .beau-toolbox-link ul li .beau-sub li {
                border: none;
                z-index: 9999;
                margin-bottom: 0;
                height: 30px
            }

                .beau-toolbox-link ul li .beau-sub li a {
                    text-transform: none;
                    width: 80px;
                    background: url(../images/beau-li-tool.png) 2px 10px no-repeat;
                    line-height: 25px;
                    padding-left: 15px;
                    margin-left: 5px;
                    white-space: nowrap
                }

            .beau-toolbox-link ul li a {
                font-family: "Roboto", sans-serif;
                font-size: 12px;
                color: #0469a0;
                width: 78px;
                padding-left: 48px;
                height: auto;
                text-transform: uppercase;
                display: block
            }

            .beau-toolbox-link ul li.e-banking a {
                padding-top: 9px;
                background: url(../images/e-banking.png) 8px 8px no-repeat;
                background-size: 34px;
                min-height: 40px
            }

            .beau-toolbox-link ul li.dolar-vnd a {
                line-height: 49px;
                background: url(../images/dolar.png) 8px 8px no-repeat;
                background-size: 34px
            }

            .beau-toolbox-link ul li.population a {
                line-height: 49px;
                background: url(../images/chart.png) 8px 8px no-repeat;
                background-size: 34px
            }

.fadeFromBottom {
    max-width: 1036px !important;
    height: auto;
    color: #fff !important;
    left: 155px !important;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, .3)
}

    .fadeFromBottom h1 big {
        font-family: ITCErasVO-Bold, sans-serif !important;
        color: #fff;
        font-size: 45px
    }

    .fadeFromBottom p {
        font-family: "Roboto", sans-serif !important;
        font-size: 20px !important
    }

    .fadeFromBottom br {
        display: none
    }

.beau-business-register label {
    max-width: 205px
}

.beau-business-register .error {
    text-indent: 208px !important;
    padding-top: 5px;
    display: block;
    font-size: 13px
}

@media (max-width: 1082px) and (min-width: 1000px) {
    *,
    .h1,
    .h2,
    .h3,
    h1,
    h2,
    h3 {
        margin: 0;
        padding: 0
    }

    body,
    html {
        max-width: 100%
    }

    * {
        font-family: latoregular
    }

    a {
        text-decoration: none;
        color: #333
    }

    li {
        list-style: none
    }

    body {
        width: 100% !important;
        left: 0
    }

    .clearfix {
        overflow: hidden;
        float: none
    }

    .slab-font {
        font-family: 'Roboto', serif
    }

    .sans-font {
        font-family: 'Noto Sans', sans-serif
    }

    .col-1 {
        width: 185px
    }

    .col-3 {
        width: 555px
    }

    #frontend-header-wrapper {
        width: 95%
    }

    #frontend-logo {
        margin-left: 2px
    }

    #frontend-header {
        overflow: visible;
        z-index: 999
    }

    .mega-dropdown-menu-wrapper {
        position: absolute;
        width: 95%;
        height: auto
    }

    .banner-text {
        position: absolute;
        top: -280px
    }

        .banner-text h2 {
            font-family: 'Roboto', serif;
            font-size: 20px;
            color: #fff;
            line-height: 24px;
            padding-left: 20px
        }

        .banner-text h3 {
            font-family: 'Noto Sans', sans-serif;
            font-size: 30px;
            color: #fff;
            font-weight: 600;
            line-height: 36px;
            padding-left: 20px
        }

    #bang-thong-bao {
        right: 20px
    }

    #tom-tat-tin-wrapper {
        width: 100%
    }

        #tom-tat-tin-wrapper h3 {
            padding-left: 15px
        }

    #recent-posts-homepage-wrapper {
        max-width: 95%;
        margin: auto;
        height: 250px
    }

    .recent-post-homepage {
        width: 50%
    }

        .recent-post-homepage img {
            width: 200px;
            height: auto
        }

    .recent-post-img-wrapper {
        width: 46%
    }

    .recent-post-content-wrapper {
        float: left;
        width: 48%;
        margin-top: 15px
    }

    #pvc-canhan-homepage-wrapper {
        width: 95%
    }

    .pvc-canhan-post,
    .pvc-doanhnghiep-post-1 {
        width: 31.1%;
        overflow: hidden;
        padding-bottom: 5%
    }

        .pvc-canhan-post:last-child,
        .pvc-doanhnghiep-post-1:last-child {
            margin-right: 0
        }

        .pvc-canhan-post img,
        .pvc-doanhnghiep-post-1 img {
            width: 100%;
            height: auto
        }

    .pvc-doanhnghiep-post-2 {
        margin-right: 0;
        width: 65%
    }

        .pvc-doanhnghiep-post-2 img {
            width: 100%;
            height: auto
        }

        .pvc-doanhnghiep-post-2 p {
            color: #333;
            font-size: 15px
        }

    .pvc-inner {
        width: 77%
    }

        .pvc-inner span {
            display: inline-block;
            margin-left: 0 !important
        }

    .pvc-outer {
        margin-top: 55px;
        width: 20%
    }

    #pvc-doanhnghiep-homepage-wrapper {
        width: 95%
    }

    #frontend-footer-wrapper {
        width: 95%;
        padding: 10px 0 30px
    }

    .footer-col {
        height: 210px;
        width: 25%
    }

        .footer-col:last-child {
            float: right
        }

    #footer-wrapper {
        width: 95%
    }

    #canhanc-banner img {
        height: 316px;
        width: auto;
        position: absolute;
        left: -2000px;
        right: -2000px;
        margin: 0 auto
    }

    #frontend-wrapper {
        margin: auto;
        width: 95%
    }

    #tieude-chitiet {
        padding: 0 20px
    }

    #banner-chi-tiet {
        width: 100%;
        position: relative;
        overflow: hidden
    }

        #banner-chi-tiet img {
            display: block;
            width: 100%
        }

    #uu-diem-chitiet {
        max-width: 95%;
        margin-left: auto;
        margin-right: auto
    }

    .uu-diem-col {
        float: none;
        border: none;
        height: 235px;
        width: 279px;
        padding: 0 10px;
        margin-bottom: 30px
    }

    .uu-diem-1,
    .uu-diem-3 {
        float: left;
        border-right: 1px solid #eee
    }

    .uu-diem-2,
    .uu-diem-4 {
        float: right
    }

    #noidung-chitiet-wrapper {
        max-width: 95%;
        padding-bottom: 80px
    }

        #noidung-chitiet-wrapper p {
            width: auto
        }

    .right-sidebar .image-detail-vertical {
        width: 100%
    }

    #quangcao-chitiet {
        width: 400px;
        float: none;
        margin: auto
    }

        #quangcao-chitiet img {
            margin-top: 30px
        }

    #end-chi-tiet {
        max-width: 100%
    }

    #dk-truc-tuyen,
    #goi-dien-thoai,
    #tinhlai-chitiet {
        margin-bottom: 20px
    }

    #content-bang-tinh {
        width: auto
    }

    #content-bang-tinh-wrapper,
    .ds-sp-wrapper2 {
        max-width: 95%;
        margin: auto
    }

    #bang-tinh-tabs {
        margin-bottom: 30px
    }

    .ds-sp-wrapper2 h2 {
        margin-left: 20px
    }

    .ds-sp-wrapper {
        width: 95%;
        margin: 0 auto
    }

    #canhan-banner-block {
        left: 2%
    }

    #tin-tuc-wrapper {
        width: 100%
    }

    #tin-tuc-breadcrumb {
        padding-bottom: 20px
    }

        #tin-tuc-breadcrumb li {
            margin-bottom: 10px
        }

    #tin-tuc-content {
        width: 70%;
        padding-right: 2%
    }

    #tin-tuc-sidebar {
        width: 26%;
        padding: 0
    }

    #mang-luoi-board {
        left: 0
    }

    #backend-footer {
        height: 75px
    }

    #shareholder-news {
        width: 100%;
        float: left;
        clear: both;
        background: #fff
    }

        #shareholder-news .shareholder-news-wrapper {
            width: 95%
        }

            #shareholder-news .shareholder-news-wrapper .col {
                width: 30%;
                float: left;
                border-left: 1px solid #cecfd2
            }

                #shareholder-news .shareholder-news-wrapper .col:first-child {
                    border-left: none;
                    padding-left: 0
                }

            #shareholder-news .shareholder-news-wrapper .view-more {
                float: right;
                padding-top: 5px;
                clear: both
            }

                #shareholder-news .shareholder-news-wrapper .view-more a {
                    font-family: latoitalic;
                    font-size: 14px;
                    color: #0072bb;
                    text-decoration: underline
                }

    #shareholder {
        width: 100%;
        float: left
    }

        #shareholder .intro {
            width: 100%;
            padding: 15px 0 !important
        }

            #shareholder .intro .flexible {
                width: 94% !important;
                margin-left: 2%;
                margin-top: 2%
            }

                #shareholder .intro .flexible .diagram {
                    width: 45%;
                    float: right;
                    padding: 0;
                    margin: 0
                }

                    #shareholder .intro .flexible .diagram img {
                        width: 100%
                    }

        #shareholder .intro-detail {
            width: 45%;
            line-height: 18px;
            float: left;
            padding: 0 !important;
            margin-left: 2%
        }

    .about-content,
    .about-content .about-content-inner,
    .about-content .about-content-inner .sodo-content-inner {
        width: 100%
    }

    #reg_online .region {
        padding-left: 0;
        padding-right: 0
    }

        #reg_online .beau-person-register label,
        #reg_online .region label {
            max-width: 195px !important
        }

    #reg_online .form-bottom {
        margin-bottom: 20px
    }

    .camera_caption,
    .camera_pag {
        left: 3% !important
    }

    .beau-creative-toolbox-onslide {
        right: 1% !important
    }

    .about-content {
        padding-left: 0
    }

        .about-content .about-content-inner #tabs {
            width: 100%;
            margin-left: 0
        }

        .about-content .about-content-inner .sodo-content-inner img {
            width: 95%
        }

        .about-content .about-content-inner .content {
            width: 74%;
            float: left;
            padding: 44px 0 90px;
            line-height: 24px;
            margin-left: 3%
        }

            .about-content .about-content-inner .content p {
                margin: 10px 0
            }

        .about-content .about-content-inner .sidebar {
            width: 19%;
            float: left;
            padding: 65px 0 90px 2%
        }

            .about-content .about-content-inner .sidebar img {
                width: 100%
            }

        .about-content .about-content-inner .manager-content-inner #tabs .boss {
            margin-left: 1.5% !important
        }

        .about-content .about-content-inner .manager-content-inner #tabs .staffs ul {
            margin-left: 2%;
            width: auto !important
        }

            .about-content .about-content-inner .manager-content-inner #tabs .staffs ul li.staff {
                width: 25%
            }

        .about-content #new-mang-luoi-board {
            width: 95% !important;
            margin-bottom: 5%;
            height: auto
        }

            .about-content #new-mang-luoi-board .mangluoi-column {
                width: 45% !important;
                min-width: 45% !important
            }

            .about-content #new-mang-luoi-board .mangluoi-atm {
                margin-left: 5%
            }

            .about-content #new-mang-luoi-board #data-mangluoi {
                margin-bottom: 10%
            }

        .about-content #tin-tuc-content #noi-dung-post .form-contact form.form {
            margin-left: 0
        }

            .about-content #tin-tuc-content #noi-dung-post .form-contact form.form table,
            .about-content #tin-tuc-content #noi-dung-post .form-contact form.form table td {
                border: none
            }

        .about-content .beau-formcontact .ui-selectmenu-button {
            min-width: 92%
        }

        .about-content #tieude-bangtinh-wrapper {
            width: 95%
        }

        .about-content #chart {
            float: left;
            width: 100%;
            height: auto;
            overflow-x: scroll
        }
}

@media (max-width: 999px) and (min-width: 601px) {
    *,
    .h1,
    .h2,
    .h3,
    h1,
    h2,
    h3 {
        margin: 0;
        padding: 0
    }

    * {
        font-family: latoregular, Arial, sans-serif
    }

    a {
        text-decoration: none;
        color: #333
    }

    li {
        list-style: none
    }

    body,
    html {
        max-width: 100%
    }

    .clearfix {
        overflow: hidden;
        float: none
    }

    .slab-font {
        font-family: 'Roboto', serif
    }

    .sans-font {
        font-family: 'Noto Sans', sans-serif
    }

    .banner-text h2,
    .home-link span {
        font-family: 'Roboto', serif
    }

    .col-1 {
        width: 185px
    }

    .col-3 {
        width: 555px
    }

    input {
        border-radius: 0
    }

    #frontend-logo {
        margin-left: 20px
    }

        #frontend-logo img {
            max-width: 90px;
            height: auto !important
        }

    #humburger-button {
        display: block;
        width: 36px;
        height: 36px;
        position: absolute;
        background: url(../images/humburger-button.jpg) center center no-repeat;
        top: 25px;
        right: 25px;
        cursor: pointer;
        z-index: 99999999999
    }

    .home-link a,
    .home-link a:hover {
        background: 0 0
    }

    .dropdown-cat:hover .mega-dropdown-menu {
        margin-top: 0 !important
    }

    #frontend-header {
        overflow: visible;
        z-index: 999
    }

    #business-drop,
    #person-drop {
        margin-left: 0 !important;
        display: block
    }

    .home-link {
        margin-right: 0 !important
    }

        .home-link a {
            display: block;
            width: auto;
            height: auto
        }

        .home-link span {
            display: block;
            font-size: 14px;
            color: #fff
        }

    #banner-menu-block {
        display: none !important
    }

    .beau-business,
    .person-drop {
        float: left;
        height: auto !important
    }

    #main-menu {
        display: none
    }

    .beauTablet {
        position: relative !important;
        top: 0;
        duration-transition: 3s;
        overflow: hidden
    }

        .beauTablet #frontend-header {
            right: 0 !important
        }

        .beauTablet #main-menu {
            position: fixed !important;
            right: 0 !important;
            height: 100%;
            z-index: 998;
            float: right;
            width: 40%;
            padding-bottom: 0 !important;
            margin-bottom: 0 !important;
            margin-top: 0;
            overflow-y: scroll;
            overflow-x: hidden !important;
            -webkit-overflow-scrolling: touch;
            top: 0;
            background-color: #0072bb
        }

            .beauTablet #main-menu img {
                display: none !important
            }

            .beauTablet #main-menu li {
                float: left;
                width: 93%;
                padding: 2% 2% 2% 5%;
                clear: both;
                display: block !important;
                border-bottom: 1px solid #0072bb
            }

                .beauTablet #main-menu li ul {
                    width: 100%
                }

                    .beauTablet #main-menu li ul li {
                        border-color: #01619F
                    }

                        .beauTablet #main-menu li ul li:hover {
                            border-color: #0072bb !important
                        }

                .beauTablet #main-menu li a {
                    display: block;
                    width: 100%
                }

                    .beauTablet #main-menu li a .beau-has-more {
                        display: none
                    }

                .beauTablet #main-menu li:hover {
                    cursor: pointer;
                    background-color: #01619f !important
                }

                .beauTablet #main-menu li .mega-dropdown-menu-wrapper {
                    margin-right: auto;
                    position: static;
                    height: auto;
                    float: left
                }

                .beauTablet #main-menu li .hiden-menu {
                    display: none !important
                }

                .beauTablet #main-menu li.ghach-dung {
                    height: 0 !important;
                    display: none !important
                }

                .beauTablet #main-menu li.beau-fix-tablet-mobile {
                    display: block !important;
                    width: 90%;
                    height: 250px !important
                }

                    .beauTablet #main-menu li.beau-fix-tablet-mobile:hover {
                        background: #0072bb !important;
                        border-color: #0072bb !important;
                        cursor: default !important
                    }

            .beauTablet #main-menu a,
            .beauTablet #main-menu a:hover {
                color: #fff
            }

            .beauTablet #main-menu .dropdown-cat.active a,
            .beauTablet #main-menu .dropdown-cat:hover a,
            .beauTablet #main-menu .menu-col h3 a,
            .beauTablet #main-menu .menu-col h3 a:hover {
                color: #fff !important
            }

            .beauTablet #main-menu .menu-col {
                width: 100%;
                height: auto !important;
                clear: both;
                padding-left: 0 !important
            }

                .beauTablet #main-menu .menu-col h3 a {
                    margin-top: 15px
                }

            .beauTablet #main-menu .dropdown-cat {
                background: url(../images/list-dropdown-icon.png) right center no-repeat
            }

                .beauTablet #main-menu .dropdown-cat.active {
                    background: url(../images/list-dropdown-icon-ipad.png) right center no-repeat
                }

            .beauTablet #main-menu .dropdown-cat {
                background-color: #016aae;
                border-color: #016aae;
                width: 92%;
                height: auto !important;
                float: left;
                margin-right: 0;
                background-image: url(../images/list-dropdown-icon-ipad.png);
                background-repeat: no-repeat;
                background-position: 90% 22px !important;
                margin-top: 0
            }

                .beauTablet #main-menu .dropdown-cat:hover {
                    background-image: url(../images/list-mobile-up-icon.png) !important;
                    background-color: #01619f
                }

                .beauTablet #main-menu .dropdown-cat a {
                    padding-bottom: 0;
                    color: #fff !important
                }

                .beauTablet #main-menu .dropdown-cat li {
                    padding: 5px 10px;
                    display: block !important;
                    clear: both;
                    float: left
                }

                    .beauTablet #main-menu .dropdown-cat li:hover {
                        padding-bottom: 4px
                    }

                        .beauTablet #main-menu .dropdown-cat #beau-business .mega-dropdown-menu,
                        .beauTablet #main-menu .dropdown-cat #beau-person .mega-dropdown-menu,
                        .beauTablet #main-menu .dropdown-cat li:hover .mega-dropdown-menu {
                            margin-top: 0 !important
                        }

                .beauTablet #main-menu .dropdown-cat.menuDropdown.activemenu {
                    background-color: #01619F !important;
                    background-image: url(../images/list-mobile-up-icon.png) !important
                }

                    .beauTablet #main-menu .dropdown-cat.menuDropdown.activemenu .mega-dropdown-menu {
                        display: block;
                        position: static;
                        float: left;
                        width: 100%;
                        height: auto;
                        opacity: 1 !important
                    }

                .beauTablet #main-menu .dropdown-cat .mega-dropdown-menu {
                    float: left !important;
                    width: 98%;
                    height: auto !important;
                    opacity: 1;
                    background: #01619f !important;
                    overflow: visible !important;
                    position: static;
                    border: none !important;
                    margin-top: 0 !important;
                    clear: both;
                    display: none
                }

                    .beauTablet #main-menu .dropdown-cat .mega-dropdown-menu .mega-dropdown-menu-wrapper {
                        width: 95%;
                        left: 5%;
                        float: left;
                        height: auto !important
                    }

    #banner-slide-show img {
        height: 500px
    }

    .banner-text {
        position: absolute;
        top: -280px
    }

    #banner-chi-tiet,
    .about-content .manager-content-inner #tabs .staffs ul li.staff .pic {
        overflow: hidden;
        position: relative
    }

    .banner-text h2 {
        font-size: 20px;
        color: #fff;
        line-height: 24px;
        padding-left: 20px
    }

    .banner-text h3 {
        font-family: 'Noto Sans', sans-serif;
        font-size: 30px;
        color: #fff;
        font-weight: 600;
        line-height: 36px;
        padding-left: 20px
    }

    #bang-thong-bao {
        right: 20px
    }

    #recent-posts-homepage-wrapper {
        max-width: 800px;
        margin: auto;
        height: 250px
    }

    .recent-post-homepage {
        width: 50%
    }

        .recent-post-homepage img {
            width: 200px;
            height: auto
        }

    .recent-post-img-wrapper {
        width: 46%
    }

    .recent-post-content-wrapper {
        float: left;
        width: 48%;
        margin-top: 15px
    }

    #pvc-canhan-homepage-wrapper {
        width: 95%
    }

    .pvc-inner {
        width: 77%
    }

        .pvc-inner span {
            display: inline-block;
            margin-left: 0 !important
        }

    .pvc-outer {
        margin-top: 55px;
        width: 19%;
        font-size: 16px
    }

        .pvc-outer h2 {
            font-size: 14px
        }

    .pvc-canhan-post {
        width: 31%;
        padding-bottom: 5%;
        margin-right: 2.8%;
        overflow: hidden;
        height: auto
    }

        .pvc-canhan-post img {
            width: 100%;
            height: auto
        }

        .pvc-canhan-post:last-child {
            margin-right: 0
        }

    .pvc-doanhnghiep-post-1 {
        width: 30%;
        height: auto
    }

        .pvc-doanhnghiep-post-1 img {
            width: 100%;
            height: auto
        }

    .pvc-doanhnghiep-post-2 {
        width: 64%;
        height: auto;
        margin-right: 0
    }

        .pvc-doanhnghiep-post-2 img {
            width: 100%;
            height: auto
        }

        .pvc-doanhnghiep-post-2 p {
            padding-right: 0
        }

    #pvc-doanhnghiep-homepage-wrapper {
        width: 95%
    }

    #frontend-footer-wrapper {
        width: 95%;
        padding: 10px 0
    }

    .footer-col {
        height: auto;
        width: 25%
    }

        .footer-col h2 {
            margin-top: 15px
        }

    #footer-wrapper {
        width: 95%
    }

    #canhanc-banner img {
        height: 316px;
        width: auto;
        margin: auto
    }

    #frontend-wrapper {
        width: 95%;
        margin: auto
    }

    #banner-chi-tiet {
        max-width: 999px
    }

        #banner-chi-tiet img {
            display: block;
            width: 100%
        }

    #uu-diem-chitiet {
        max-width: 95%;
        margin-left: auto;
        margin-right: auto
    }

    .uu-diem-col {
        float: none;
        border: none;
        height: 235px;
        width: 279px;
        padding: 0 10px;
        margin-bottom: 30px
    }

    .uu-diem-1,
    .uu-diem-3 {
        float: left;
        border-right: 1px solid #eee
    }

    .uu-diem-2,
    .uu-diem-4 {
        float: right
    }

    #noidung-chitiet-wrapper {
        max-width: 95%;
        padding-bottom: 80px
    }

        #noidung-chitiet-wrapper p {
            width: auto
        }

    #quangcao-chitiet {
        width: 400px;
        float: none;
        margin: auto
    }

        #quangcao-chitiet img {
            margin-top: 30px
        }

    #end-chi-tiet {
        max-width: 100%
    }

    #content-bang-tinh {
        width: 100%
    }

    #dk-truc-tuyen,
    #goi-dien-thoai,
    #tinhlai-chitiet {
        margin-bottom: 10px
    }

    #content-bang-tinh-wrapper {
        max-width: 95%;
        margin: auto
    }

    .category-frontend-content {
        max-width: 74%
    }

        .category-frontend-content p {
            padding-right: 0
        }

    #bang-tinh-tabs {
        margin-bottom: 30px
    }

    .ds-sp-wrapper2 {
        max-width: 95%;
        margin: auto;
        width: 95% !important
    }

        .ds-sp-wrapper2 h2 {
            margin-left: 20px
        }

    .sp-col {
        margin-right: 0
    }

    #frontend-content {
        width: 100%
    }

        #frontend-content .about-content-inner {
            width: 95%
        }

        #frontend-content .sodo-content-inner {
            width: 100%
        }

            #frontend-content .sodo-content-inner img {
                width: 95%
            }

        #frontend-content .ds-sp-wrapper {
            width: 95% !important
        }

    .about-content {
        padding-left: 0;
        width: 100%
    }

        .about-content .about-content-inner {
            width: 95%
        }

            .about-content .about-content-inner #tabs {
                width: 100%;
                margin-left: 0
            }

            .about-content .about-content-inner .sodo-content-inner {
                width: 100%
            }

                .about-content .about-content-inner .sodo-content-inner img {
                    width: 95%
                }

            .about-content .about-content-inner .content {
                width: 74%;
                float: left;
                padding: 44px 0 90px;
                line-height: 24px;
                margin-left: 3%
            }

                .about-content .about-content-inner .content p {
                    margin: 10px 0
                }

            .about-content .about-content-inner .sidebar {
                width: 19%;
                float: left;
                padding: 65px 0 90px 2%
            }

                .about-content .about-content-inner .sidebar img,
                .about-content .manager-content-inner {
                    width: 100%
                }

                    .about-content .manager-content-inner .ui-tabs-nav {
                        margin-left: 0
                    }

                    .about-content .manager-content-inner #tabs .boss {
                        margin-left: 3% !important;
                        width: 22%
                    }

                    .about-content .manager-content-inner #tabs .staffs {
                        width: 73%
                    }

                        .about-content .manager-content-inner #tabs .staffs ul {
                            margin-left: 1%;
                            width: 98%
                        }

                            .about-content .manager-content-inner #tabs .staffs ul li.staff {
                                width: 28%;
                                margin-right: 0
                            }

                                .about-content .manager-content-inner #tabs .staffs ul li.staff .pic img {
                                    width: auto;
                                    min-width: 100%;
                                    min-height: 100%;
                                    position: absolute;
                                    left: -100px;
                                    right: -100px;
                                    margin: 0 auto
                                }

                                .about-content .manager-content-inner #tabs .staffs ul li.staff .position {
                                    padding-bottom: 0
                                }

    #tin-tuc-wrapper {
        max-width: 100%
    }

    #tin-tuc-breadcrumb {
        padding-bottom: 20px
    }

    #tin-tuc-lien-quan .single-news-home {
        float: left;
        width: 45%
    }

        #tin-tuc-lien-quan .single-news-home .news-img {
            width: 50%
        }

        #tin-tuc-lien-quan .single-news-home:nth-child(2) {
            float: right
        }

    #mang-luoi-board {
        left: 0
    }

    #shareholder .intro {
        width: 100%
    }

        #shareholder .intro .diagram {
            width: 50%;
            padding-left: 2%
        }

            #shareholder .intro .diagram img {
                width: 100%
            }

    #shareholder .intro-detail {
        padding-right: 5%
    }

    #tin-tuc-detail-wrapper {
        width: 100%;
        height: auto
    }

        #tin-tuc-detail-wrapper #tin-tuc-content {
            width: 70%
        }

            #tin-tuc-detail-wrapper #tin-tuc-content #noi-dung-post img {
                width: 100%;
                height: auto !important
            }

        #tin-tuc-detail-wrapper #tin-tuc-sidebar {
            width: 25%
        }

    #tin-tuc-content {
        width: 70%;
        padding-right: 2%
    }

    #tin-tuc-sidebar {
        width: 26%;
        padding: 0
    }

    #shareholder {
        width: 100%;
        float: left
    }

        #shareholder .intro {
            padding: 15px 0 !important
        }

            #shareholder .intro .flexible {
                width: 94%;
                margin-left: 1%;
                margin-top: 2%
            }

                #shareholder .intro .flexible .diagram {
                    width: 45%;
                    float: right;
                    padding: 0;
                    margin: 0
                }

                    #shareholder .intro .flexible .diagram img {
                        width: 100%
                    }

        #shareholder .intro-detail {
            width: 45%;
            line-height: 18px;
            float: left;
            padding: 0 !important;
            margin-left: 2%
        }

    a.dieule {
        width: 100% !important;
        display: block
    }

    .beau-catsubview .clearfix,
    .ghach-dung {
        display: none !important
    }

    #shareholder-news {
        width: 100%;
        float: left
    }

        #shareholder-news .shareholder-news-wrapper {
            width: 95%
        }

            #shareholder-news .shareholder-news-wrapper .col {
                width: 30%;
                float: left;
                border-left: none
            }

            #shareholder-news .shareholder-news-wrapper .view-more {
                float: right
            }

    #danhsachsp {
        width: 75%
    }

        #danhsachsp .sp-col {
            width: 30% !important;
            margin-right: 3% !important;
            overflow: hidden
        }

            #danhsachsp .sp-col img {
                width: 100%;
                height: auto
            }

    .camera_pag {
        left: 5% !important
    }

    .camera_caption {
        left: 3% !important;
        width: 60% !important
    }

    .beau-creative-toolbox-onslide {
        right: 1% !important
    }

    #new-mang-luoi-board {
        width: 95% !important;
        margin-bottom: 5%;
        height: auto
    }

        #new-mang-luoi-board .mangluoi-column {
            width: 45% !important;
            min-width: 45% !important
        }

        #new-mang-luoi-board .mangluoi-atm {
            margin-left: 5%
        }

        #new-mang-luoi-board #data-mangluoi {
            margin-bottom: 10%
        }

    .beau-formcontact {
        margin-bottom: 5%;
        width: 100% !important
    }

        .beau-formcontact #tin-tuc-content {
            width: 50% !important;
            height: auto
        }

            .beau-formcontact #tin-tuc-content .form-contact .form-select {
                width: 93.5% !important
            }

        .beau-formcontact #tin-tuc-sidebar {
            width: 45% !important;
            float: right !important
        }

    #bangbieu,
    #chart {
        float: left;
        overflow-x: scroll
    }

    .beau-formcontact #tin-tuc-sidebar .hoiso h3 {
        margin-top: 26px
    }

    .beau-formcontact #tin-tuc-sidebar .hoiso ul li {
        line-height: 20px
    }

    .modal {
        width: 100%
    }

        .modal .modal-inner {
            padding: 5%;
            width: 90%
        }

    .beau-formcontact .ui-selectmenu-button {
        min-width: 100%
    }

    .ghach-dung {
        height: 0 !important;
        background: #0072BB !important;
        padding: 0 !important
    }

    #tieude-bangtinh-wrapper {
        max-width: 95%
    }

    #reg_online .region label {
        width: 50% !important;
        padding-left: 0 !important
    }

    #reg_online .flexible,
    #reg_online .row {
        padding-left: 0;
        padding-right: 0
    }

    #reg_online .row {
        width: 50%
    }

        #reg_online .row.checkbox {
            width: 100%
        }

    #reg_online .row-gender > label {
        width: 20%
    }

    #reg_online .service div:nth-child(3) label {
        width: 27% !important
    }

    #reg_online .is_reg_loan .row {
        width: 100% !important
    }

    #bangbieu,
    #chart,
    .beau-catsubview {
        width: 100%
    }

        .beau-catsubview .clearfix .line {
            display: none
        }

    #chart {
        height: auto
    }

    .beau-business-register .error {
        padding-left: 0 !important;
        text-indent: 0 !important
    }
}

@media (max-width: 999px) and (min-width: 601px) and (min-width: 760px) {
    #camera_wrap,
    #main-banner {
        max-height: 380px !important
    }
}

@media (max-width: 999px) and (min-width: 601px) and (max-width: 750px) and (min-width: 701px) {
    #camera_wrap,
    #main-banner {
        max-height: 330px !important
    }
}

@media (max-width: 999px) and (min-width: 601px) and (max-width: 700px) and (min-width: 668px) {
    #camera_wrap,
    #main-banner {
        max-height: 225px !important
    }
}

@media (max-width: 999px) and (min-width: 601px) and (max-width: 668px) {
    #camera_wrap,
    #main-banner {
        max-height: 330px
    }
}

@media (max-width: 999px) and (min-width: 601px) and (max-width: 668px) and (max-width: 640px) {
    #camera_wrap,
    #main-banner {
        max-height: 330px
    }
}

@media (max-width: 999px) and (min-width: 601px) and (min-width: 760px) {
    #banner-slide-show {
        max-height: 380px !important
    }
}

@media (max-width: 999px) and (min-width: 601px) and (max-width: 700px) and (min-width: 668px) {
    #banner-slide-show {
        max-height: 330px
    }
}

@media (max-width: 999px) and (min-width: 601px) and (max-width: 668px) and (min-width: 550px) {
    #banner-slide-show {
        max-height: 330px
    }
}

@media (max-width: 999px) and (min-width: 601px) and (max-width: 738px) and (min-width: 501px) {
    .pvc-outer ul li:nth-child(3),
    .pvc-outer ul li:nth-child(4) {
        display: none
    }
}

@media (max-width: 999px) and (min-width: 601px) and (max-width: 645px) {
    .camera_pag {
        display: none
    }
}

@media (max-width: 999px) and (min-width: 601px) and (max-width: 760px) and (min-width: 730px) {
    .beau-creative-toolbox-onslide {
        top: -145px !important
    }
}

@media (max-width: 640px) and (min-width: 600px) {
    .single-news-home {
        width: 100%
    }
}

@media (max-width: 600px) and (min-width: 120px) {
    #frontend-logo a,
    #frontend-logo a:hover {
        border: none !important;
        outline: 0 !important
    }

    #main-menu li .active a,
    .dropdown-cat a {
        color: #fff !important
    }

    .banner-text h2,
    .menu-col h3 {
        font-family: 'Roboto', serif;
        font-weight: 400
    }

    .gsc-results-wrapper-overlay {
        left: 6% !important
    }

    #frontend-header {
        position: relative !important
    }

    .clearfix {
        overflow: hidden;
        float: none
    }

    #main-menu *,
    .beau-business,
    .dropdown-cat:hover,
    .person-drop {
        height: auto;
        float: left
    }

    .slab-font {
        font-family: 'Roboto', serif
    }

    .sans-font {
        font-family: 'Noto Sans', sans-serif
    }

    input {
        border-radius: 0
    }

    #top-head {
        background: #0072BB;
        border-color: #0072BB
    }

        #top-head #top-search {
            float: left;
            width: 60%
        }

    #top-head-wrapper p,
    .top-hidden {
        display: none
    }

    #top-head-wrapper input {
        width: 222px
    }

    #frontend-logo {
        margin-left: 20px;
        margin-top: 10px
    }

        #frontend-logo img {
            max-width: 90px
        }

    #desktop-logo {
        display: none !important
    }

    #phone-logo {
        display: block
    }

    #humburger-button {
        top: 6px !important;
        display: block;
        width: 36px;
        height: 36px;
        position: absolute;
        background: url(../Image/humburger-button.jpg) center center no-repeat;
        right: 20px;
        cursor: pointer;
    }

    #frontend-header {
        overflow: visible;
        z-index: 999;
        height: 70px
    }

    #main-menu {
        width: 100% !important;
        display: none;
        height: 100% !important
    }

        #main-menu * {
            max-width: 100% !important;
            margin-left: 0 !important;
            width: 100%
        }

        #main-menu img {
            display: none !important
        }

        #main-menu li.hiden-menu {
            display: block
        }

    .dropdown-cat {
        margin-right: 0;
        background-image: url(../images/list-dropdown-icon-ipad.png);
        background-position: 92% 22px !important;
        background-repeat: no-repeat;
        height: auto;
        margin-top: 0
    }

        .beauMobile #main-menu,
        .dropdown-cat #beau-business .mega-dropdown-menu,
        .dropdown-cat #beau-person .mega-dropdown-menu,
        .dropdown-cat .mega-dropdown-menu,
        .dropdown-cat:hover .mega-dropdown-menu {
            margin-top: 0 !important
        }

        .dropdown-cat a {
            padding-bottom: 0
        }

        .dropdown-cat.menuDropdown.activemenu {
            background-color: #01619F !important;
            background-image: url(../images/list-mobile-up-icon.png) !important
        }

            .dropdown-cat.menuDropdown.activemenu .mega-dropdown-menu {
                display: block;
                position: static;
                float: left;
                width: 100%;
                height: auto;
                opacity: 1 !important;
                margin-top: 0 !important
            }

        .dropdown-cat .noidung-menu li {
            width: 90%
        }

            .dropdown-cat .noidung-menu li a,
            .dropdown-cat .noidung-menu li a:hover {
                color: #fff
            }

        .dropdown-cat.active a,
        .dropdown-cat:hover a {
            color: #fff !important
        }

        .dropdown-cat.active {
            background-image: url(../images/list-dropdown-icon-ipad.png)
        }

        .dropdown-cat:hover {
            background-color: #01619f !important;
            background-image: url(../images/list-mobile-up-icon.png);
            width: 100%
        }

        .dropdown-cat .mega-dropdown-menu {
            float: left !important;
            width: 100%;
            height: auto !important;
            opacity: 1;
            background: #01619f !important;
            overflow: visible !important;
            position: static;
            border: none !important;
            clear: both;
            display: none
        }

    .pvc-outer,
    td:first-child,
    th:first-child {
        border-left: none
    }

    .home-link a,
    .home-link a:hover {
        background: 0 0
    }

    .dropdown-cat .mega-dropdown-menu .mega-dropdown-menu-wrapper {
        width: 98%;
        left: 2%;
        float: left;
        height: auto !important;
        position: static;
        background: transparent;
    }

    .home-link {
        margin-right: 0 !important
    }

        .home-link a {
            display: block;
            width: auto;
            height: auto
        }

        .home-link span {
            display: block;
            font-family: 'Roboto', serif;
            font-size: 14px;
            color: #fff
        }

    .ghach-dung {
        display: none !important
    }

    .beauMobile {
        position: relative !important;
        top: 0;
        duration-transition: 3s
    }

        .beauMobile #frontend-header {
            right: 0 !important
        }

        .beauMobile #main-menu {
            position: fixed !important;
            right: 0;
            top: 0;
            bottom: 0 !important;
            height: 100% !important;
            z-index: 99998;
            float: right;
            width: 80% !important;
            overflow-y: scroll;
            -webkit-overflow-scrolling: touch;
            overflow-x: hidden !important;
            background-color: #0072bb
        }

            .beauMobile #main-menu li {
                float: left;
                width: 93%;
                padding: 2% 2% 2% 5%;
                clear: both;
                border-bottom: 1px solid #0072bb
            }

                .beauMobile #main-menu li .active a {
                    color: #fff !important
                }

                .beauMobile #main-menu li ul {
                    width: 100%
                }

                    .beauMobile #main-menu li ul li {
                        border-color: #01619F
                    }

                        .beauMobile #main-menu li ul li:hover {
                            border-color: #0072bb
                        }

                .beauMobile #main-menu li a {
                    display: block;
                    width: 100%;
                    height: auto
                }

                    .beauMobile #main-menu li a .beau-has-more {
                        display: none
                    }

                .beauMobile #main-menu li:hover {
                    cursor: pointer;
                    background-color: #01619f !important
                }

                .beauMobile #main-menu li.beau-fix-tablet-mobile {
                    display: block !important;
                    width: 90%;
                    height: 100px !important
                }

                    .beauMobile #main-menu li.beau-fix-tablet-mobile:hover {
                        background: #0072bb !important;
                        border-color: #0072bb !important;
                        cursor: default !important
                    }

                .beauMobile #main-menu li.ghach-dung {
                    height: 0 !important;
                    display: none !important
                }

                .beauMobile #main-menu li ul li {
                    width: 90%;
                    height: auto
                }

            .beauMobile #main-menu .dropdown-cat {
                background-color: #016aae;
                border-color: #016aae;
                width: 92%;
                height: auto !important;
                float: left;
                /* background: transparent; */
            }

                .beauMobile #main-menu .dropdown-cat:hover {
                    background-color: #01619f !important
                }

            .beauMobile #main-menu a,
            .beauMobile #main-menu a:hover {
                color: #fff
            }

            .beauMobile #main-menu .menu-col {
                width: 100%;
                height: auto !important;
                clear: both;
                padding-left: 0 !important
            }

                .beauMobile #main-menu .menu-col h3 {
                    margin-top: 0
                }

                    .beauMobile #main-menu .menu-col h3 a,
                    .beauMobile #main-menu .menu-col h3 a:hover {
                        color: #fff !important
                    }

    .mega-dropdown-menu {
        display: none;
        float: left;
        height: 0;
        overflow: hidden;
        z-index: 9999;
        background-color: #fff;
        border-top: none;
        margin-top: 0;
        margin-left: 0;
        width: auto
    }

    #mega-dropdown-menu-wrapper {
        position: static;
        float: left;
        height: auto;
        width: auto;
        margin-left: 15px !important
    }

    .menu-col {
        width: auto;
        float: none
    }

        .menu-col h3 {
            display: block;
            font-size: 18px;
            line-height: 18px;
            margin-top: 20px;
            margin-bottom: 5px
        }

        .menu-col ul {
            height: auto;
            overflow: hidden;
            float: none;
            transition: height .4s
        }

            .menu-col ul li {
                width: 90%;
                margin-bottom: 0;
                line-height: 16px;
                padding: 2px 20px 2px 0
            }

                .menu-col ul li a {
                    font-size: 13px !important;
                    text-decoration: none;
                    color: #0072bb
                }

                    .menu-col ul li a:hover {
                        color: #fbad17
                    }

                .menu-col ul li ul li a {
                    color: #0072bb
                }

                    .menu-col ul li ul li a:hover {
                        color: #fbad17
                    }

    #banner-menu-block,
    .camera_caption {
        display: none !important
    }

    #recent-posts-homepage-wrapper,
    #tom-tat-tin,
    .banner-controller,
    .recent-post-content-wrapper p,
    .recent-post-homepage:nth-child(2) {
        display: none
    }

    #business-drop {
        margin-left: 0 !important
    }

    .camera_pag {
        top: 165px;
        left: 0;
        height: 52px;
        width: 132px
    }

    #main-banner-wrapper {
        width: 100%
    }

        #main-banner-wrapper .beau-creative-toolbox-onslide {
            width: 95%;
            top: 15px;
            left: -200px;
            right: -200px;
            margin-right: auto;
            margin-left: auto;
            height: 55px !important
        }

            #main-banner-wrapper .beau-creative-toolbox-onslide li {
                width: 33% !important;
                height: 55px !important
            }

                #main-banner-wrapper .beau-creative-toolbox-onslide li a {
                    padding-top: 12px !important;
                    padding-left: 35px !important;
                    margin: 0 !important;
                    height: 45px !important;
                    width: 70% !important;
                    background-size: 24px 24px !important;
                    text-align: left !important;
                    font-size: 10px !important
                }

                #main-banner-wrapper .beau-creative-toolbox-onslide li.e-banking a {
                    padding-top: 0 !important;
                    background-position: 2px 13px !important
                }

                #main-banner-wrapper .beau-creative-toolbox-onslide li.dolar-vnd a,
                #main-banner-wrapper .beau-creative-toolbox-onslide li.population a {
                    padding-top: 20px !important;
                    height: 32px !important;
                    background-position: 2px 13px !important
                }

                #main-banner-wrapper .beau-creative-toolbox-onslide li.population .beau-rate {
                    padding-top: 20px !important
                }

                    #main-banner-wrapper .beau-creative-toolbox-onslide li.population .beau-rate:hover {
                        background-image: url(../images/chart.png) !important;
                        background-repeat: no-repeat !important
                    }

                #main-banner-wrapper .beau-creative-toolbox-onslide li.population .beau-sub {
                    padding-top: 8px
                }

                    #main-banner-wrapper .beau-creative-toolbox-onslide li.population .beau-sub a {
                        padding-left: 5px !important
                    }

                    #main-banner-wrapper .beau-creative-toolbox-onslide li.population .beau-sub span {
                        height: 20px !important;
                        margin-bottom: 5px !important
                    }

    .banner-text {
        position: relative;
        top: 0;
        background-color: #fec543;
        height: 75px;
        padding-top: 35px;
        padding-left: 15px
    }

        .banner-text h2 {
            font-size: 16px;
            color: #fff;
            line-height: 18px;
            padding-left: 0
        }

        .banner-text h3 {
            font-family: 'Noto Sans', sans-serif;
            font-size: 22px;
            color: #fff;
            font-weight: 600;
            line-height: 24px
        }

    #bang-thong-bao {
        position: relative;
        top: 15px;
        width: 95%;
        box-shadow: none;
        background: 0 0;
        padding: 0;
        margin: 0 auto
    }

    #banglaisuattk li:nth-child(1) {
        width: 60px
    }

    #banglaisuattk li:nth-child(2),
    #banglaisuattk li:nth-child(3),
    #banglaisuattk li:nth-child(4),
    #banglaisuattk li:nth-child(5) {
        width: 55px
    }

    #banggiavang li {
        width: 140px
    }

    #banglaisuatvay li {
        width: 95px
    }

    #tom-tat-tin .slick-prev {
        left: 2%
    }

    #tom-tat-tin .slick-next {
        right: 2%
    }

    #tom-tat-tin .slick-next,
    #tom-tat-tin .slick-prev {
        margin-top: 0
    }

    .recent-post-homepage {
        width: 100%;
        height: 186px;
        padding: 0 10px;
        margin: auto
    }

    .recent-post-img-wrapper {
        width: 120px
    }

        .recent-post-img-wrapper img {
            width: 100%;
            height: auto
        }

    .recent-post-content-wrapper {
        width: 165px;
        float: right;
        margin-top: 20px
    }

    #pvc-canhan-homepage-wrapper {
        width: 95%;
        overflow: hidden
    }

    .pvc-inner {
        width: 100%
    }

        .pvc-inner h2 {
            font-size: 20px;
            margin: 35px 0 15px;
            line-height: 18px;
            background: 0 0
        }

            .pvc-inner h2 span {
                display: inline-block;
                width: 100%;
                font-size: 13px;
                margin-left: 0;
                line-height: 22px !important
            }

    .pvc-canhan-post {
        margin-right: 0;
        width: 100%;
        height: auto;
        padding-bottom: 8px
    }

        .pvc-canhan-post img,
        .pvc-canhan-post:nth-child(3) img,
        .pvc-canhan-post:nth-child(4) img {
            float: left;
            width: 43%;
            margin-right: 5%
        }

        .pvc-canhan-post img {
            height: auto
        }

        .pvc-canhan-post h3 {
            padding-top: 0
        }

        .pvc-canhan-post:nth-child(3),
        .pvc-canhan-post:nth-child(4) {
            height: auto;
            min-height: 5px;
            border-top: 1px solid #eee;
            padding-top: 15px
        }

    .pvc-outer {
        width: 100%;
        float: right;
        padding: 20px 0 30px;
        margin: auto;
        border-top: 1px solid #eee;
        height: auto
    }

        .pvc-outer li {
            border-bottom: 1px solid #eee;
            padding-bottom: 10px;
            line-height: 17px;
            list-style-image: url(../images/li_icon.png);
            list-style-position: outside;
            margin-bottom: 10px;
            margin-left: 12px
        }

            .pvc-outer li:last-child {
                border: none;
                padding-bottom: 0
            }

        .pvc-outer h2 {
            font-size: 14px;
            margin-bottom: 13px
        }

    #pvc-doanhnghiep-homepage-wrapper {
        width: 95%;
        overflow: hidden
    }

    .pvc-doanhnghiep-post-1,
    .pvc-doanhnghiep-post-2 {
        float: right;
        margin-right: 0;
        width: 100%;
        height: auto;
        padding-bottom: 25px
    }

        .pvc-doanhnghiep-post-1 img,
        .pvc-doanhnghiep-post-2 img {
            width: 43%;
            height: auto;
            float: left;
            margin-right: 5%
        }

    #frontend-top-footer,
    #frontend-wrapper #tieude-chitiet {
        margin-top: 20px
    }

    #frontend-footer-wrapper {
        width: 90%
    }

    #backend-footer {
        height: auto;
        padding-bottom: 15px
    }

    #footer-wrapper {
        width: 100%;
        padding: 0 10px
    }

    #footer-menu li {
        margin-right: 13px
    }

    #banquyen {
        padding-right: 50px
    }

    #canhanc-banner {
        height: 365px
    }

        #canhanc-banner img {
            width: auto;
            height: 45% !important;
            float: left;
            clear: both
        }

        #canhanc-banner #canhanc-banner-wrapper {
            position: none;
            overflow: visible;
            height: 50%;
            top: 25%;
            float: left;
            width: 100%
        }

            #canhanc-banner #canhanc-banner-wrapper #canhan-banner-block {
                padding-bottom: 20px
            }

    #canhan-banner-block {
        position: relative;
        width: 100%;
        height: auto;
        background-color: rgba(13, 104, 194, .9);
        color: #fff;
        top: -5px;
        padding-top: 20px
    }

        #canhan-banner-block h2 {
            margin-top: 0;
            font-size: 24px;
            line-height: 26px;
            font-family: 'Roboto', serif;
            padding-left: 24px;
            padding-right: 20px;
            font-weight: 400
        }

        #canhan-banner-block p {
            margin-top: 5px;
            font-size: 12px;
            font-family: 'Noto Sans', sans-serif;
            padding-left: 24px;
            padding-right: 50px;
            font-weight: 400
        }

    #frontend-wrapper {
        max-width: 93% !important
    }

        #frontend-wrapper #tieude-chitiet h2 {
            width: 100% !important;
            max-width: 100% !important
        }

        #frontend-wrapper .category-frontend-content {
            width: 95%;
            margin-left: 2%
        }

    .tieude-trang-frontend {
        padding-left: 10px
    }

    td:first-child h3,
    th:first-child h3 {
        font-size: 28px;
        font-family: 'Roboto', serif;
        color: #757575;
        font-weight: 400;
        text-align: left;
        margin-top: 22px;
        padding-left: 10px
    }

    td:first-child h4,
    td:first-child p,
    th:first-child h4,
    th:first-child p {
        padding-left: 10px;
        font-family: 'Noto Sans', sans-serif;
        color: #666;
        text-align: left
    }

    td:first-child p,
    th:first-child p {
        font-size: 13px;
        font-weight: 600;
        padding-right: 60px
    }

    td:first-child h4,
    th:first-child h4 {
        font-size: 12.5px;
        font-weight: 400;
        padding-right: 10px
    }

    #banner-chi-tiet {
        width: 100%;
        position: relative;
        overflow: hidden;
        height: auto
    }

        #banner-chi-tiet img {
            width: 100%
        }

    #uu-diem-chitiet {
        max-width: 95%;
        margin-left: auto;
        margin-right: auto
    }

    .uu-diem-col {
        float: none;
        border: none;
        height: auto;
        width: 95%;
        margin-bottom: 50px
    }

    #noidung-chitiet-wrapper {
        max-width: 95%;
        padding-bottom: 60px
    }

        #noidung-chitiet-wrapper p {
            width: auto;
            padding-left: 10px;
            padding-right: 10px
        }

        #noidung-chitiet-wrapper .left-content,
        #noidung-chitiet-wrapper .right-sidebar {
            width: 100%;
            margin: 0;
            padding: 0;
            border: none
        }

    #quangcao-chitiet {
        width: 380px;
        float: none;
        margin: auto auto auto -50px
    }

        #quangcao-chitiet img {
            margin-top: 20px
        }

    #end-chi-tiet {
        max-width: 100%
    }

    #dk-truc-tuyen,
    #goi-dien-thoai,
    #tinhlai-chitiet {
        margin-bottom: 20px
    }

    #content-bang-tinh {
        width: auto
    }

    #content-bang-tinh-wrapper {
        max-width: 95%;
        margin: auto
    }

    #muon-vay h4 {
        width: auto;
        float: none
    }

    .checkboxOne {
        float: none;
        margin-top: 10px
    }

    #so-tien-vay label {
        float: none;
        display: block;
        width: auto
    }

    #so-tien-vay input {
        margin-bottom: 10px
    }

    #so-tien-vay span:last-child {
        display: block;
        overflow: hidden
    }

    #bang-tinh-tabs {
        width: 100%;
        overflow: scroll;
        margin-bottom: 30px
    }

        #bang-tinh-tabs table {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            width: 450px !important;
            float: left
        }

            #bang-tinh-tabs table tr th {
                line-height: 18px !important;
                padding-top: 5px;
                padding-bottom: 5px
            }

            #bang-tinh-tabs table tr td {
                padding-right: 3%;
                padding-left: 3%
            }

        #bang-tinh-tabs ul {
            display: block;
            overflow: hiddden;
            width: 100%;
            height: auto;
            border-bottom: 1px solid #ffc95d
        }

            #bang-tinh-tabs ul li {
                display: block;
                overflow: hidden;
                float: none;
                border: none
            }

                #bang-tinh-tabs ul li a {
                    display: block;
                    width: 100%
                }

    #shareholder {
        width: 100%;
        float: left
    }

        #shareholder .intro {
            width: 100%;
            padding: 15px 0 !important
        }

            #shareholder .intro .diagram {
                width: 100%;
                float: left;
                padding: 0;
                margin: 0
            }

                #shareholder .intro .diagram img {
                    width: 100%
                }

        #shareholder .flexible {
            width: 94%;
            margin-left: 1%;
            height: auto
        }

        #shareholder .intro-detail {
            width: 95%;
            line-height: 18px;
            float: left;
            padding: 0 !important;
            margin: 0 !important
        }

    a.dieule {
        width: 100% !important;
        display: block
    }

    #chia-se {
        display: none
    }

    #shareholder-news {
        width: 100%;
        float: left
    }

        #shareholder-news .shareholder-news-wrapper {
            width: 95%
        }

            #shareholder-news .shareholder-news-wrapper .col {
                width: 100%;
                float: left;
                border-left: none
            }

                #shareholder-news .shareholder-news-wrapper .col ul {
                    width: 92%
                }

                    #shareholder-news .shareholder-news-wrapper .col ul li {
                        margin-bottom: 10px
                    }

            #shareholder-news .shareholder-news-wrapper .view-more {
                float: right;
                margin-right: 5%
            }

    .ui-state-active,
    .ui-tab-active {
        background: #fff
    }

    #maxLoan {
        display: inline
    }

    .category-frontend-content {
        max-width: 100%;
        border-right: none;
        padding-right: 0
    }

        .category-frontend-content p {
            padding-right: 0
        }

    .category-frontend-sidebar {
        border: none !important;
        float: left;
        margin: auto;
        padding-bottom: 30px;
        width: 100% !important;
        height: auto;
        clear: both
    }

    .ds-sp-wrapper2 {
        max-width: 95%;
        margin: auto;
        padding-top: 20px
    }

        .ds-sp-wrapper2 h2 {
            text-align: center;
            padding-top: 15
        }

        .ds-sp-wrapper2 #danhsachsp {
            width: 100%;
            border-right: none
        }

            .ds-sp-wrapper2 #danhsachsp .sp-col {
                width: 100% !important
            }

    .ds-sp-wrapper {
        width: 95%
    }

        .ds-sp-wrapper #danhsachsp {
            width: 100%;
            border: none
        }

            .ds-sp-wrapper #danhsachsp .sp-col {
                width: 100% !important
            }

    .sp-col {
        float: left;
        margin: auto auto 15px;
        width: 100%;
        height: auto !important;
        border-bottom: 1px solid #eee;
        padding-bottom: 15px
    }

        .sp-col img {
            width: 45%;
            height: auto;
            float: left;
            margin-right: 2%
        }

    #frontend-content {
        width: auto
    }

        #frontend-content .ds-sp-wrapper h2 {
            padding-top: 0
        }

    #tin-tuc-wrapper {
        max-width: 100%
    }

    #noi-dung-post table,
    #tin-tuc-content,
    #tin-tuc-sidebar {
        max-width: 100% !important
    }

    #tin-tuc-breadcrumb {
        height: auto;
        padding-bottom: 20px
    }

        #tin-tuc-breadcrumb ul li {
            margin-bottom: 0
        }

    .single-news-home {
        float: left;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important
    }

    .news-content,
    .news-img {
        float: left
    }

    #mang-luoi {
        heigth: auto
    }

        #mang-luoi #mang-luoi-board {
            left: 0;
            position: relative;
            top: 0;
            margin: auto
        }

        #mang-luoi #mang-luoi-map {
            height: 230px
        }

        #mang-luoi #new-mang-luoi-board {
            width: 100% !important;
            margin-bottom: 5%;
            margin-top: 0 !important;
            left: 0;
            height: auto
        }

            #mang-luoi #new-mang-luoi-board .mangluoi-column {
                width: 95% !important;
                min-width: 95% !important
            }

            #mang-luoi #new-mang-luoi-board .mangluoi-atm {
                margin-left: 0 !important
            }

            #mang-luoi #new-mang-luoi-board #data-mangluoi {
                margin-bottom: 10%
            }

        #mang-luoi .searchwrapper {
            width: 95% !important;
            padding: 2.5% !important
        }

            #mang-luoi .searchwrapper .select-wrapper {
                width: 100%
            }

                #mang-luoi .searchwrapper .select-wrapper .ui-selectmenu-button {
                    width: 100% !important
                }

    .footer-col {
        width: 50%;
        min-height: 220px
    }

    #noi-dung-post {
        padding-bottom: 20px;
        margin-bottom: 20px
    }

        #noi-dung-post table {
            width: 100%;
            float: none;
            clear: both;
            overflow-x: scroll;
            margin-left: 0
        }

            #noi-dung-post table tr td p {
                padding: 5px
            }

    #tin-tuc-detail-wrapper {
        width: 100%;
        height: auto;
        padding-top: 0
    }

        #tin-tuc-detail-wrapper #tin-tuc-content {
            width: 100%;
            margin-top: 30px;
            padding-right: 0
        }

            #tin-tuc-detail-wrapper #tin-tuc-content h2 {
                font-size: 16px;
                line-height: 18px
            }

        #tin-tuc-detail-wrapper #tin-tuc-sidebar {
            width: 100%
        }

    .sidebar-item {
        padding-bottom: 20px !important;
        margin-bottom: 20px !important;
        width: 95%
    }

    #tin-tuc-lien-quan .single-news-home {
        width: 100%;
        margin-bottom: 20px !important;
        float: left
    }

        #tin-tuc-lien-quan .single-news-home .news-img {
            overflow: hidden;
            height: auto
        }

        #tin-tuc-lien-quan .single-news-home img {
            width: 100%;
            height: auto
        }

        #tin-tuc-lien-quan .single-news-home .news-content p {
            display: none
        }

        #tin-tuc-lien-quan .single-news-home .news-content h3 {
            font-size: 16px
        }

    #tin-tuc-content #noi-dung-post img {
        width: 100%;
        height: auto !important
    }

    #tin-tuc-sidebar {
        padding-right: 0
    }

    .about-content .col-lg-4,
    .about-content .col-md-4,
    .about-content .col-sm-4,
    .about-content .col-xs-12 {
        width: 100%;
        padding: 0
    }

    .about-content .modal-inner .pic-inner {
        margin-bottom: 20px
    }

    .about-content .manager-content-inner,
    .about-content .manager-content-inner #tabs {
        width: 100%
    }

        .about-content .manager-content-inner #tabs .ui-tabs-panel {
            width: 95%
        }

        .about-content .manager-content-inner #tabs .boss {
            width: 70%;
            margin-left: 15%;
            margin-bottom: 5%
        }

        .about-content .manager-content-inner #tabs .staffs {
            width: 100%;
            margin-bottom: 0
        }

            .about-content .manager-content-inner #tabs .staffs ul {
                width: 100%;
                margin-left: 0
            }

                .about-content .manager-content-inner #tabs .staffs ul li.staff {
                    width: 70%;
                    margin-left: 15%;
                    height: auto !important;
                    overflow: hidden;
                    margin-bottom: 5%;
                    padding-bottom: 10px
                }

                    .about-content .manager-content-inner #tabs .staffs ul li.staff .pic {
                        height: auto !important
                    }

        .about-content .manager-content-inner #tabs .ui-tabs-nav {
            margin-left: 0
        }

        .about-content .manager-content-inner img {
            width: 100%
        }

    .about-content .about-content-inner,
    .about-content .sodo-content-inner {
        width: 95%
    }

        .about-content .about-content-inner .intro {
            width: 90%;
            height: auto;
            margin-left: 1%;
            float: left
        }

        .about-content .about-content-inner .content {
            width: 95% !important;
            padding-bottom: 0
        }

        .about-content .about-content-inner .sidebar {
            width: 95%;
            padding-bottom: 20px
        }

        .about-content .about-content-inner .flexible {
            padding-bottom: 100px
        }

            .about-content .about-content-inner .flexible .diagram {
                width: 90%;
                height: auto;
                margin-left: 1%;
                float: left;
                margin-bottom: 20px !important
            }

    .about-content .journals {
        width: 100%;
        float: left;
        margin-top: 25px
    }

        .about-content .journals .content {
            width: 100% !important;
            border-right: none !important;
            padding-bottom: 0 !important
        }

        .about-content .journals .sidebar {
            width: 100% !important;
            padding: 0 !important
        }

        .about-content .journals .journal-collection {
            width: 70%;
            margin-left: 15%
        }

            .about-content .journals .journal-collection li {
                width: 95%;
                margin-right: 0;
                margin-bottom: 25px;
                min-height: 370px;
                font-size: 14px;
                color: #2f2f2f;
                float: left;
                height: auto
            }

                .about-content .journals .journal-collection li a {
                    font-size: 14px;
                    color: #005e99
                }

                .about-content .journals .journal-collection li .img-head {
                    width: 100%;
                    float: left
                }

                .about-content .journals .journal-collection li .cover {
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    margin-bottom: 10px
                }

    #bangbieu,
    #chart {
        -webkit-overflow-scrolling: touch
    }

    .about-content .journals .journal-collection li .cover img {
        max-width: 100%;
        float: left;
        width: 100%;
        height: auto
    }

    .about-content .journals .journal-collection li:first-child {
        padding-left: 0
    }

    #about-pvcb-tab,
    .modal {
        width: 100%
    }

        #about-pvcb-tab li {
            width: 100%;
            border-left: none
        }

            #about-pvcb-tab li a {
                width: 100%;
                padding-left: 0;
                padding-right: 0
            }

        .modal .modal-inner {
            width: 90%;
            padding: 15% 5% 20%
        }

            .modal .manager-info,
            .modal .modal-inner .pic {
                width: 100%
            }

    .beau-formcontact .ui-selectmenu-button {
        min-width: 98%;
        margin-left: -5px !important
    }

    .beau-formcontact #map_canvas {
        height: 200px
    }

    .beau-formcontact #tin-tuc-detail-wrapper {
        padding-top: 0 !important
    }

        .beau-formcontact #tin-tuc-detail-wrapper #tin-tuc-content {
            margin-top: 15px
        }

            #reg_online .form-bottom .captcha img,
            .beau-formcontact #tin-tuc-detail-wrapper #tin-tuc-content #noi-dung-post .form-contact {
                margin-top: 5px
            }

            .beau-formcontact #tin-tuc-detail-wrapper #tin-tuc-content #noi-dung-post {
                margin-bottom: 0;
                padding-bottom: 0
            }

    .beau-formcontact .form-contact {
        max-width: 100% !important
    }

        .beau-formcontact .form-contact table tr {
            float: left;
            width: 100%;
            height: auto
        }

            .beau-formcontact .form-contact table tr td {
                float: left;
                width: 100% !important;
                height: auto !important
            }

                .beau-formcontact .form-contact table tr td input {
                    width: 94% !important;
                    margin-left: -5px !important
                }

                .beau-formcontact .form-contact table tr td img {
                    float: left;
                    margin-left: -5px !important;
                    width: 98% !important
                }

    #tieude-bangtinh {
        text-indent: 2.5%
    }

    .left-clear,
    .right-clear {
        border: none !important
    }

    #tieude-bangtinh-wrapper {
        max-width: 95%
    }

    .beau-head-table {
        cursor: default
    }

    .beau-viewexchange {
        height: auto !important;
        display: block !important
    }

    .beau-catsubview .clearfix,
    .beau-catsubview .clearfix .line,
    .beau-toolbox-link {
        display: none !important
    }

    #reg_online .region {
        padding: 15px !important
    }

        #reg_online .region * {
            width: 100% !important
        }

    #reg_online label {
        line-height: 27px !important;
        padding-left: 0 !important
    }

    #reg_online input[type=text] {
        width: 100%
    }

    #reg_online .row-gender > label {
        width: 28%
    }

    #reg_online .row {
        width: 100%
    }

        #reg_online .row.checkbox {
            width: 90%
        }

    #reg_online .flexible div {
        width: 100%
    }

    #reg_online .service div:nth-child(3) label {
        width: 90% !important
    }

    #reg_online .is_reg_loan .row {
        width: 100% !important
    }

    #reg_online .form-bottom .captcha label,
    #reg_online .is_reg_loan ul,
    #reg_online .is_reg_loan ul li,
    .beau-catsubview {
        width: 100%
    }

    #bangbieu {
        float: left !important;
        width: 100% !important;
        overflow-x: scroll !important
    }

    #chart {
        float: left;
        width: 100%;
        height: auto;
        overflow-x: scroll
    }

    #search-content * {
        max-width: 100% !important
    }

    #search-content input[type=text] {
        padding: 0;
        width: 65% !important
    }

    #search-content #btn-search {
        width: 30% !important
    }
}

.slick-list,
.slick-slider,
.slick-track {
    display: block;
    position: relative
}

@media (max-width: 600px) and (min-width: 120px) and (max-width: 600px) and (min-width: 578px) {
    #camera_wrap,
    #main-banner {
        min-height: 310px !important
    }
}

@media (max-width: 600px) and (min-width: 120px) and (max-width: 575px) and (min-width: 530px) {
    #camera_wrap,
    #main-banner {
        min-height: 260px !important
    }

        #camera_wrap .camera_wrap,
        #main-banner .camera_wrap {
            margin-bottom: 12% !important
        }
}

@media (max-width: 600px) and (min-width: 120px) and (max-width: 530px) and (min-width: 520px) {
    #camera_wrap,
    #main-banner {
        min-height: 280px !important
    }
}

@media (max-width: 600px) and (min-width: 120px) and (max-width: 520px) {
    #camera_wrap .camera_wrap,
    #main-banner .camera_wrap {
        margin-bottom: 8% !important
    }

    #camera_wrap img,
    #main-banner img {
        width: 120% !important;
        height: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
        left: -50%;
        right: -50%
    }
}

@media (max-width: 600px) and (min-width: 120px) and (max-width: 520px) and (max-width: 430px) and (min-width: 365px) {
    #camera_wrap .camera_wrap,
    #main-banner .camera_wrap {
        margin-bottom: 12% !important
    }
}

@media (max-width: 600px) and (min-width: 120px) and (max-width: 360px) {
    #camera_wrap,
    #main-banner {
        min-height: 170px !important
    }

        #camera_wrap .camera_wrap,
        #main-banner .camera_wrap {
            margin-bottom: 8% !important
        }

        #camera_wrap img,
        #main-banner img {
            width: 125% !important;
            height: auto !important;
            margin-left: auto !important;
            margin-right: auto !important;
            left: -50%;
            right: -50%
        }
}

@media (max-width: 600px) and (min-width: 120px) and (max-width: 600px) {
    .camera_pag {
        display: none
    }

    #main-banner-wrapper .beau-creative-toolbox-onslide {
        top: -60px
    }
}

@media (max-width: 280px) and (min-width: 1px) {
    .footer-col {
        width: 95% !important
    }
}

#dthotro {
    height: 36px;
    padding-top: 8px;
    background-color: #fc3;
    margin-top: 4px;
    padding-left: 2.5%;
    padding-right: 2.5%;
    float: left;
    width: 95%
}

    #dthotro span {
        display: block;
        overflow: hidden
    }

    #dthotro h3 {
        font-size: 14px;
        line-height: 28px;
        font-family: latobold;
        float: left;
        color: #fff;
        margin-right: 8px
    }

    #dthotro p {
        font-size: 26px !important;
        color: #fff !important;
        float: left;
        line-height: 26px !important;
        font-weight: 300 !important
    }

.slick-slider {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: 0
    }

.slick-loading .slick-list {
    background: url(ajax-loader.gif) center center no-repeat #fff
}

.slick-dots li button,
.slick-next,
.slick-prev {
    outline: 0;
    background: 0 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    cursor: pointer
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slide,
.slick-slide img,
.slick-slider .slick-list,
.slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    left: 0;
    top: 0;
    zoom: 1
}

    .slick-track:after,
    .slick-track:before {
        content: "";
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

    .slick-slide img {
        display: block
    }

    .slick-slide.slick-loading img {
        display: none
    }

    .slick-slide.dragging img {
        pointer-events: none
    }

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

@font-face {
    font-family: slick;
    src: url(../fonts/slick.eot);
    src: url(../fonts/slick.eot?#iefix) format("embedded-opentype"), url(../fonts/slick.woff) format("woff"), url(../fonts/slick.ttf) format("truetype"), url(../fonts/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    top: 50%;
    margin-top: -320px;
    padding: 0;
    border: none
}

    .slick-next:focus,
    .slick-prev:focus {
        outline: 0
    }

    .slick-next.slick-disabled:before,
    .slick-prev.slick-disabled:before {
        opacity: .25
    }

.slick-prev {
    right: 0
}

    .slick-prev:before {
        content: "<"
    }

.slick-next {
    right: -25px
}

    .slick-next:before {
        content: ">"
    }

.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer
    }

        .slick-dots li button {
            border: 0;
            display: block;
            height: 20px;
            width: 20px;
            padding: 5px
        }

            .slick-dots li button:focus {
                outline: 0
            }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "\2022";
                width: 20px;
                height: 20px;
                font-family: slick;
                font-size: 6px;
                line-height: 20px;
                text-align: center;
                color: #000;
                opacity: .25;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

        .slick-dots li.slick-active button:before {
            opacity: .75
        }

.noidung-menu-2 {
}

a.tieude-cap1 {
    color: #fff;
    font-size: 14px !important;
    font-weight: bold;
    text-transform: uppercase;
}

li.home-link {
    margin-top: -6px;
}

i.fa.fa-home {
    color: #fff;
    font-size: 22px;
}

h2.t1 {
    color: #fff;
    /* font-weight: bold; */
    /* text-align: center; */
    font-size: 20px;
    text-transform: uppercase;
}

h4.t2 {
    color: #fff;
    /* font-weight: bold; */
    /* text-align: center; */
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

h5.t3 {
    color: #fff;
    /* font-weight: bold; */
    /* text-align: center; */
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
}

a.ma-35 {
    text-transform: capitalize !important;
}

a.cm1.na-36 {
    text-transform: capitalize !important;
}

p.tp-ff {
    color: #fff;
    /* font-weight: bold; */
    text-align: center;
}

.footer2 {
    background: #0765A7;
}

h5.ft-Copyrights {
    margin: 0px;
    text-align: center;
    padding: 8px;
    color: #fff;
}

.carousel-caption {
    background: #fbfafa !important;
    border-radius: 5px !important;
    color: #000;
}

p.mt-menu {
    font-size: 11px;
    font-weight: bold;
    margin-top: 5px;
}