@font-face {

    font-family: 'helve';

    src: url('../../fonts/helveticaneue.ttf');

    font-weight:normal;

    font-style: normal;

}

@font-face {

    font-family: 'helve';

    src: url('../../fonts/helveticaneuelight.ttf');

    font-weight:300;

    font-style: normal;

}



@font-face {

    font-family: 'helve';

    src: url('../../fonts/helveticaneuemedium.ttf');

    font-weight:500;

    font-style: normal;

}

@font-face {

    font-family: 'helve';

    src: url('../../fonts/helveticaneuebold.ttf');

    font-weight:600;

    font-style: normal;

}



@font-face {

    font-family: UVF-ProductSans-Regular;

    src: url(//theme.hstatic.net/1000259510/1000332295/14/UVF-ProductSans-Regular.eot?v=958?#iefix) format("embedded-opentype"), url(//theme.hstatic.net/1000259510/1000332295/14/UVF-ProductSans-Regular.woff?v=958) format("woff"), url(//theme.hstatic.net/1000259510/1000332295/14/UVF-ProductSans-Regular.ttf?v=958) format("truetype"), url(//theme.hstatic.net/1000259510/1000332295/14/UVF-ProductSans-Regular.svg?v=958#UVF-ProductSans-Regular) format("svg");

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: Baomoi-SemiBold;

    src: url(//theme.hstatic.net/1000259510/1000332295/14/Baomoi-SemiBold.eot?v=958?#iefix) format("embedded-opentype"), url(//theme.hstatic.net/1000259510/1000332295/14/Baomoi-SemiBold.woff?v=958) format("woff"), url(//theme.hstatic.net/1000259510/1000332295/14/Baomoi-SemiBold.ttf?v=958) format("truetype"), url(//theme.hstatic.net/1000259510/1000332295/14/Baomoi-SemiBold.svg?v=958#Baomoi-SemiBold) format("svg");

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: HTVietNam;

    src: url(../../fonts/HTVietNam/Baomoi_gdi.eot?v=1);

    src: local('Ă¢ËœÂº'), url(../../fonts/HTVietNam/Baomoi_gdi.eot?#iefixv=1) format('embedded-opentype'), url(../../fonts/HTVietNam/Baomoi_gdi.woff?v=1) format('woff'), url(../../fonts/HTVietNam/Baomoi_gdi.ttf?v=1) format('truetype');

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: HTVietNam;

    src: url(../../fonts/HTVietNam/Baomoi-Italic_gdi.eot?v=1);

    src: local('Ă¢ËœÂº'), url(../../fonts/HTVietNam/Baomoi-Italic_gdi.eot?#iefixv=1) format('embedded-opentype'), url(../../fonts/HTVietNam/Baomoi-Italic_gdi.woff?v=1) format('woff'), url(../../fonts/HTVietNam/Baomoi-Italic_gdi.ttf?v=1) format('truetype');

    font-weight: 400;

    font-style: italic

}



@font-face {

    font-family: 'HTVietNam SemiBold';

    src: url(../../fonts/HTVietNam/Baomoi-SemiBold_gdi.eot?v=1);

    src: local('Ă¢ËœÂº'), url(../../fonts/HTVietNam/Baomoi-SemiBold_gdi.eot?#iefixv=1) format('embedded-opentype'), url(../../fonts/HTVietNam/Baomoi-SemiBold_gdi.woff?v=1) format('woff'), url(../../fonts/HTVietNam/Baomoi-SemiBold_gdi.ttf?v=1) format('truetype');

    font-weight: 700;

    font-style: normal

}



@font-face {

    font-family: HTVietNam;

    src: url(../../fonts/HTVietNam/Baomoi-SemiBoldItalic_gdi.eot?v=1);

    src: local('Ă¢ËœÂº'), url(../../fonts/HTVietNam/Baomoi-SemiBoldItalic_gdi.eot?#iefixv=1) format('embedded-opentype'), url(../../fonts/HTVietNam/Baomoi-SemiBoldItalic_gdi.woff?v=1) format('woff'), url(../../fonts/HTVietNam/Baomoi-SemiBoldItalic_gdi.ttf?v=1) format('truetype');

    font-weight: 700;

    font-style: italic

}



@font-face {

    font-family: Roboto;

    src: url(../../fonts/Roboto/Roboto-Regular.eot);

    src: url(../../fonts/Roboto/Roboto-Regular.eot?#iefix) format("embedded-opentype"), url(../../fonts/Roboto/Roboto-Regular.woff) format("woff"), url(../../fonts/Roboto/Roboto-Regular.ttf) format("truetype"), url(../../fonts/Roboto/Roboto-Regular.svg#svgFontName) format("svg");

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: Roboto-Bold;

    src: url(../../fonts/Roboto/Roboto-Bold.eot);

    src: url(../../fonts/Roboto/Roboto-Bold.eot?#iefix) format("embedded-opentype"), url(../../fonts/Roboto/Roboto-Bold.woff) format("woff"), url(../../fonts/Roboto/Roboto-Bold.ttf) format("truetype"), url(../../fonts/Roboto/Roboto-Bold.svg#svgFontName) format("svg");

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: Roboto-Medium;

    src: url(../../fonts/Roboto/Roboto-Medium.eot);

    src: url(../../fonts/Roboto/Roboto-Medium.eot?#iefix) format("embedded-opentype"), url(../../fonts/Roboto/Roboto-Medium.woff) format("woff"), url(../../fonts/Roboto/Roboto-Medium.ttf) format("truetype"), url(../../fonts/Roboto/Roboto-Medium.svg#svgFontName) format("svg");

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: Roboto-Light;

    src: url(../../fonts/Roboto/Roboto-Light.eot);

    src: url(../../fonts/Roboto/Roboto-Light.eot?#iefix) format("embedded-opentype"), url(../../fonts/Roboto/Roboto-Light.woff) format("woff"), url(../../fonts/Roboto/Roboto-Light.ttf) format("truetype"), url(../../fonts/Roboto/Roboto-Light.svg#svgFontName) format("svg");

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: ProductSans;

    src: url(../../fonts/ProductSans/productsans-regular-webfont.eot);

    src: url(../../fonts/ProductSans/productsans-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../../fonts/ProductSans/productsans-regular-webfont.woff2) format('woff2'), url(../../fonts/ProductSans/productsans-regular-webfont.woff) format('woff'), url(../../fonts/ProductSans/productsans-regular-webfont.ttf) format('truetype');

    font-weight: 400;

    font-style: normal

}



body, html {

    min-height: 100%;

    background: #fff

}



body {

    color: #000;

    font: 400 14px/20px HTVietNam, Arial, sans-serif

}



h1, h2, h3, h4, h5, h6 {

    margin: 0 0 10px;

    font-size: 16px;

    line-height: 20px

}



*, :after, :before {

    margin: 0;

    padding: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box

}



:after, :before {

    font-weight: 400

}



ol, ul {

    margin: 0;

    padding: 0;

    list-style-position: inside

}



form input[type=text]::-webkit-input-placeholder, form textarea::-webkit-input-placeholder {

    color: #666;

    font-size: 14px

}



form input[type=text]::-moz-placeholder, form textarea::-moz-placeholder {

    color: #666;

    font-size: 14px

}



form input[type=text]:-ms-input-placeholder, form textarea:-ms-input-placeholder {

    color: #666;

    font-size: 14px

}



form input[type=text]:-moz-placeholder, form textarea:-moz-placeholder {

    color: #666;

    font-size: 14px

}



form input[type=checkbox]:not(:disabled), form input[type=radio]:not(:disabled) {

    cursor: pointer;

    vertical-align: middle;

    margin: 0 5px 0 0

}



label {

    display: inline-block;

    cursor: pointer

}



.banner, .logo a {

    display: block

}



@media (min-width: 1220px) {

    .uk-container {

        max-width: 1200px;

        padding: 0

    }

}



@media (max-width: 1220px) {

    .uk-container {

        padding: 0 10px

    }

}



.logo, .logo a {

    padding: 0;

    margin: 0

}



.logo {

    /*max-width: 300px*/

}



.btn, .btn-submit {

    cursor: pointer;

    outline: 0

}



.banner a, .banner p {

    margin: 0

}



.banner a, .banner img {

    display: block;

    width: 100%;

    height: 100%

}



.uk-modal-close.uk-close {

    position: absolute;

    width: 32px;

    height: 32px;

    top: 0;

    right: 0;

    opacity: 1;

    background: url(../../img/icon_close.png) center no-repeat #fff;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    -webkit-background-size: 32px;

    -moz-background-size: 32px;

    -ms-background-size: 32px;

    -o-background-size: 32px;

    background-size: 13px;

    z-index: 1020

}



.uk-modal-close.uk-close:after {

    display: none

}



.uk-modal-dialog-lightbox .uk-slidenav {

    height: 100%;

    width: 35%;

    top: 0;

    z-index: 1;

    -webkit-transform: translate(0, 0);

    -moz-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0)

}



.uk-modal-dialog-lightbox .uk-slidenav:before {

    display: inline-block;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    line-height: 30px;

    text-align: center;

    font-size: 24px;

    background: rgba(0, 0, 0, .7);

    margin: 0;

    position: absolute;

    top: 50%;

    left: 10px;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    -o-transform: translate(0, -50%);

    transform: translate(0, -50%)

}



.uk-modal-dialog-lightbox .uk-slidenav-previous {

    left: 0

}



.uk-modal-dialog-lightbox .uk-slidenav-next {

    right: 0

}



.uk-modal-dialog-lightbox .uk-slidenav-next:before {

    left: initial;

    right: 10px

}



#backtop {

    position: fixed;

    right: 30px;

    clip: rect(auto, auto, auto, auto);

    display: block;

    width: 40px;

    height: 40px;

    background: #d52027;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    font-size: 20px;

    color: #fff;

    text-align: center;

    line-height: 40px;

    z-index: 9999

}



#backtop:hover {

    opacity: .8

}



@media (max-width: 960px) {

    #backtop {

        display: none !important;

        visibility: hidden;

        opacity: 0;

        z-index: -1

    }

}



.breadcrumb {

    position: relative;

    padding: 15px 0 10px;

    margin: 0 0 15px;

    background: #fff;

    color: #828282

}



.breadcrumb ul {

    height: 18px;

    overflow: hidden;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

    white-space: nowrap

}



.breadcrumb ul a {

    font-size: 14px;

    line-height: 18px;

    color: #828282

}



.breadcrumb ul li.uk-active a, .breadcrumb ul li:not(:first-child) a:hover {

    color: #ff9813

}



.uk-breadcrumb > li + li:before {

    content: "\f101";

    font-family: FontAwesome;

    display: block;

    position: absolute;

    left: -5px;

    top: 50%;

    -webkit-transform: translate(0, -50%);

    -moz-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    -o-transform: translate(0, -50%);

    transform: translate(0, -50%);

    color: #fff

}



@media (max-width: 960px) {

    .breadcrumb {

        margin: 0 0 10px;

        padding: 8px 0;

        background: #eee;

        color: #666

    }



    .breadcrumb ul a {

        font-size: 13px;

        color: #666

    }

}



.pagination {

    padding: 10px 0 0

}



.pagination .uk-pagination > li:nth-child(n+2) {

    margin-left: 5px

}



.pagination ul > li > a {

    display: block;

    padding: 0;

    width: 26px;

    height: 26px;

    line-height: 26px;

    font-size: 13px;

    background: #f2f2f2;

    border: 1px solid #ddd;

    color: #252525;

    border-radius: 0

}



.pagination ul > li .fa {

    font-size: 10px

}



.pagination ul > li.uk-active > a, .pagination ul > li:hover > a {

    background: #0388cd;

    border-color: #0388cd;

    color: #fff

}
#tocDiv #tocListAncarat {
    list-style: unset!important;
}
ol>li>ol {
    margin: 0;
    padding-left: 20px!important;
    list-style: unset!important;
    margin-top: 5px!important;
}