.sprites-sub-sprite,.sprites-sub-article__title,.sprites-sub-bg-paging-first-hov,.sprites-sub-bg-paging-first-nor,.sprites-sub-bg-paging-last-hov,.sprites-sub-bg-paging-last-nor,.sprites-sub-bg-paging-left-hov,.sprites-sub-bg-paging-left-nor,.sprites-sub-bg-paging-right-hov,.sprites-sub-bg-paging-right-nor,.sprites-sub-left-title-nav,.sprites-sub-left-title-post,.sprites-sub-left-title-sukien,.sprites-sub-left-title-tintuc,.sprites-sub-main-title-sukien,.sprites-sub-main-title-tintuc,.sprites-sub-main-title,.pagination-container .pagination li.prev a,.pagination-container .pagination li.prev a:hover,.pagination-container .pagination li.prev.disabled a,.pagination-container .pagination li.prev.disabled a:hover,.pagination-container .pagination li.next a,.pagination-container .pagination li.next a:hover,.pagination-container .pagination li.next.disabled a,.pagination-container .pagination li.next.disabled a:hover,.pagination-container .pagination li.last a,.pagination-container .pagination li.last a:hover,.pagination-container .pagination li.last.disabled a,.pagination-container .pagination li.last.disabled a:hover,.pagination-container .pagination li.first a,.pagination-container .pagination li.first a:hover,.pagination-container .pagination li.first.disabled a,.pagination-container .pagination li.first.disabled a:hover,.wrapper-out .wrapper .page-main__extra .extra-left h2,.wrapper-out .wrapper .page-main__content .main-content__title,body.tim-kiem .wrapper-out .wrapper .page-main__content .main-content__title,body.tin-tuc .wrapper-out .wrapper .page-main__content .main-content__title,body.tim-kiem .wrapper-out .wrapper .page-main__extra .extra-left h2,body.tin-tuc .wrapper-out .wrapper .page-main__extra .extra-left h2,body.su-kien .wrapper-out .wrapper .page-main__content .main-content__title,body.su-kien .wrapper-out .wrapper .page-main__extra .extra-left h2 {
    background-image: url('../images/sprites-sub-s3029bf95ee.png');
    background-repeat: no-repeat
}

.sprites-sub-article__title {
    background-position: 0 0;
    height: 40px;
    width: 230px
}

.sprites-sub-bg-paging-first-hov {
    background-position: 0 -40px;
    height: 20px;
    width: 20px
}

.sprites-sub-bg-paging-first-nor {
    background-position: 0 -60px;
    height: 20px;
    width: 20px
}

.sprites-sub-bg-paging-last-hov {
    background-position: 0 -80px;
    height: 20px;
    width: 20px
}

.sprites-sub-bg-paging-last-nor {
    background-position: 0 -100px;
    height: 20px;
    width: 20px
}

.sprites-sub-bg-paging-left-hov {
    background-position: 0 -120px;
    height: 20px;
    width: 20px
}

.sprites-sub-bg-paging-left-nor {
    background-position: 0 -140px;
    height: 20px;
    width: 20px
}

.sprites-sub-bg-paging-right-hov {
    background-position: 0 -160px;
    height: 20px;
    width: 20px
}

.sprites-sub-bg-paging-right-nor {
    background-position: 0 -180px;
    height: 20px;
    width: 20px
}

.sprites-sub-left-title-nav {
    background-position: 0 -200px;
    height: 50px;
    width: 230px
}

.sprites-sub-left-title-post {
    background-position: 0 -250px;
    height: 48px;
    width: 228px
}

.sprites-sub-left-title-sukien {
    background-position: 0 -298px;
    height: 50px;
    width: 230px
}

.sprites-sub-left-title-tintuc {
    background-position: 0 -348px;
    height: 50px;
    width: 230px
}

.sprites-sub-main-title-sukien {
    background-position: 0 -398px;
    height: 80px;
    width: 660px
}

.sprites-sub-main-title-tintuc {
    background-position: 0 -478px;
    height: 80px;
    width: 660px
}

.sprites-sub-main-title {
    background-position: 0 -558px;
    height: 80px;
    width: 660px
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol,ul {
    list-style: none
}

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

caption,th,td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q,blockquote {
    quotes: none
}

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

a img {
    border: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

.sprites-layout-sprite,.sprites-layout-bt-top-hov,.sprites-layout-bt-top,.sprites-layout-game-info__download,.sprites-layout-game-info__payment-hov,.sprites-layout-game-info__payment,.sprites-layout-game-info__register-hov,.sprites-layout-game-info__register,.sprites-layout-logo-ksoft,.sprites-layout-logo-vng,.sprites-layout-search-bg,.sprites-layout-search-hov,.sprites-layout-search,.sprites-layout-socials__cctalk-hov,.sprites-layout-socials__cctalk,.sprites-layout-socials__fb-hov,.sprites-layout-socials__fb,.sprites-layout-socials__zm-hov,.sprites-layout-socials__zm,.search__form .search__field,.search__form .search__button,.search__form .search__button:hover,aside .game-info__download,aside .game-info__register,aside .game-info__register:hover,aside .game-info__payment,aside .game-info__payment:hover,aside .socials__zm,aside .socials__zm:hover,aside .socials__fb,aside .socials__fb:hover,aside .socials__cctalk,aside .socials__cctalk:hover,.top,.top:hover,.copyright .vng,.copyright .ksoft {
    background-image: url('../images/sprites-layout-s76990626b4.png');
    background-repeat: no-repeat
}

.sprites-layout-bt-top-hov {
    background-position: 0 0;
    height: 70px;
    width: 110px
}

.sprites-layout-bt-top {
    background-position: 0 -70px;
    height: 70px;
    width: 110px
}

.sprites-layout-game-info__download {
    background-position: 0 -140px;
    height: 160px;
    width: 210px
}

.sprites-layout-game-info__payment-hov {
    background-position: 0 -300px;
    height: 50px;
    width: 99px
}

.sprites-layout-game-info__payment {
    background-position: 0 -350px;
    height: 50px;
    width: 99px
}

.sprites-layout-game-info__register-hov {
    background-position: 0 -400px;
    height: 50px;
    width: 111px
}

.sprites-layout-game-info__register {
    background-position: 0 -450px;
    height: 50px;
    width: 111px
}

.sprites-layout-logo-ksoft {
    background-position: 0 -500px;
    height: 20px;
    width: 108px
}

.sprites-layout-logo-vng {
    background-position: 0 -520px;
    height: 53px;
    width: 35px
}

.sprites-layout-search-bg {
    background-position: 0 -573px;
    height: 30px;
    width: 260px
}

.sprites-layout-search-hov {
    background-position: 0 -603px;
    height: 30px;
    width: 30px
}

.sprites-layout-search {
    background-position: 0 -633px;
    height: 30px;
    width: 30px
}

.sprites-layout-socials__cctalk-hov {
    background-position: 0 -663px;
    height: 93px;
    width: 170px
}

.sprites-layout-socials__cctalk {
    background-position: 0 -756px;
    height: 93px;
    width: 170px
}

.sprites-layout-socials__fb-hov {
    background-position: 0 -849px;
    height: 54px;
    width: 85px
}

.sprites-layout-socials__fb {
    background-position: 0 -903px;
    height: 54px;
    width: 85px
}

.sprites-layout-socials__zm-hov {
    background-position: 0 -957px;
    height: 54px;
    width: 85px
}

.sprites-layout-socials__zm {
    background-position: 0 -1011px;
    height: 54px;
    width: 85px
}

@font-face {
    font-family: 'copper';
    src: url(http://img.zing.vn/products/njx/skin-2016/font/utm-copperplate.eot);
    src: url(//img.zing.vn/products/njx/skin-2016/font/utm-copperplate.eot?#iefix) format("embedded-opentype"),url(//img.zing.vn/products/njx/skin-2016/font/utm-copperplate.otf) format("embedded-opentype"),url(//img.zing.vn/products/njx/skin-2016/font/utm-copperplate.svg#utm-copperplate) format("svg"),url(//img.zing.vn/products/njx/skin-2016/font/utm-copperplate.ttf) format("truetype"),url(//img.zing.vn/products/njx/skin-2016/font/utm-copperplate.woff) format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: FontAwesome;
    src: url(//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?v=4.2.0);
    src: url(//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0) format("embedded-opentype"),url(//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.woff?v=4.2.0) format("woff"),url(//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.ttf?v=4.2.0) format("truetype"),url(//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

#bottom-nav,.banner,.wrapper-out .wrapper,.wrapper-out .wrapper header,.wrapper-out .wrapper main,aside .page-aside--inner,aside .support,aside .socials,.copyright,.article__detail .user-info p,div.plugin-social-block-p {
    display: block;
    overflow: hidden
}

.search__form .search__button,.page-header__logo,aside .game-info a,aside .socials a,.top,.pagination-container .pagination li.first a,.pagination-container .pagination li.last a,.pagination-container .pagination li.prev a,.pagination-container .pagination li.next a {
    display: block;
    text-indent: -9999px
}

.search__form {
    padding: 10px
}

.search__form .search__field {
    background-position: 0 -573px;
    height: 30px;
    width: 260px;
    border: 0;
    color: #000;
    width: 140px;
    text-indent: 10px;
    float: left;
    padding: 0
}

.search__form .search__button {
    background-position: 0 -633px;
    height: 30px;
    width: 30px;
    border: 0;
    cursor: pointer
}

.search__form .search__button:hover {
    background-position: 0 -603px;
    height: 30px;
    width: 30px
}

.search-results>#cse .gsc-adBlock {
    display: none
}

.search-results>#cse b {
    font-weight: bold
}

.search-results>#cse .gsc-control-cse,.search-results>#cse .gsc-control-cse-vi {
    background: 0;
    border: 0;
    padding: 0
}

.search-results>#cse .gsc-above-wrapper-area {
    border-bottom: 1px solid #e1d3bc
}

.search-results>#cse .gsc-webResult.gsc-result {
    border: 1px solid #e1d3bc;
    margin-bottom: 10px;
    padding: 15px
}

.search-results>#cse .gs-result .gs-title,.search-results>#cse .gs-result .gs-title * {
    color: #e70000
}

.search-results>#cse .gs-result .gs-title:hover,.search-results>#cse .gs-result .gs-title:hover * {
    color: #b30303
}

.search-results>#cse .gsc-table-result,.search-results>#cse .gsc-thumbnail-inside,.search-results>#cse .gsc-url-top {
    padding-left: 0;
    padding-right: 0
}

.search-results>#cse .gsc-expansionArea .gsc-webResult.gsc-result {
    border: 0;
    margin-bottom: 0;
    padding: 10px 0
}

.search-results>#cse .gsc-expansionArea .gsc-webResult.gsc-result:hover,.search-results>#cse .gsc-expansionArea .gsc-webResult.gsc-result.gsc-promotion:hover,.search-results>#cse .gsc-expansionArea .gsc-results .gsc-imageResult-classic:hover,.search-results>#cse .gsc-expansionArea .gsc-results .gsc-imageResult-column:hover {
    border: 0
}

.search-results>#cse .gsc-results .gsc-cursor-box {
    margin: 10px 0
}

.search-results>#cse .gsc-results .gsc-cursor-box .gsc-cursor-page {
    background: 0;
    border: 1px solid #000;
    border-radius: 24px;
    color: #000;
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    text-decoration: none
}

.search-results>#cse .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {
    text-decoration: none;
    background-color: #ff4200;
    border: 1px solid #ff4200;
    color: #fff
}

.fa-chevron-down:before {
    content: "\25bc";
    padding-left: 2px;
    display: inline-block;
    font: normal normal normal 10px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#main-nav ul>li {
    background: url(../images/nav-line.png) no-repeat right 0;
    float: left;
    position: relative
}

#main-nav ul>li:last-child {
    background: 0
}

#main-nav ul>li>a {
    display: block;
    padding: 0 23px;
    height: 76px;
    font: 17px/70px "copper";
    text-transform: capitalize;
    color: #fff;
    text-align: center;
    text-decoration: none
}

#main-nav ul>li>a:hover {
    color: #fc3905;
    text-decoration: none;
    text-shadow: 1px 1px 5px #fc3f00,0 0 10px #fc3f00
}

#main-nav ul>li>a.active {
    background: url(../images/nav-act.png) repeat-x;
    color: #fff;
    text-shadow: 1px 1px 5px #fc3f00,0 0 10px #fc3f00
}

#main-nav ul>li>a.off {
    color: #505050
}

#main-nav ul>li:hover ul {
    display: block
}

#main-nav ul>li>ul {
    background: #001018 url(../images/nav-sub.jpg) no-repeat center bottom;
    display: none;
    position: absolute;
    top: 65px;
    left: 50%;
    margin-left: -80px;
    width: 160px;
    height: auto;
    padding-bottom: 30px;
    z-index: 9999
}

#main-nav ul>li>ul>li {
    width: 160px;
    background: url(../images/nav-sub-line.png) no-repeat center bottom
}

#main-nav ul>li>ul>li ul {
    display: none
}

#main-nav ul>li>ul>li a {
    color: #fff;
    height: auto;
    padding: 6px;
    font: 13px/20px "copper"
}

#main-nav ul>li>ul>li a:hover,#main-nav ul>li>ul>li a.active {
    color: #ff7e00
}

#bottom-nav>ul {
    margin-left: 20px
}

#bottom-nav>ul>li {
    float: left;
    width: 140px
}

#bottom-nav>ul>li>a {
    border-bottom: 1px solid #ff7300;
    margin-bottom: 10px;
    display: block;
    width: 120px;
    color: #ff7300;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none
}

#bottom-nav>ul>li>ul a {
    font-size: 12px;
    color: #8de1d9
}

#bottom-nav>ul>li>ul a:hover {
    color: #ff7300;
    text-decoration: none
}

@media(max-width: 1210px) {
    #main-nav ul>li>a {
        font-size:15px;
        padding: 0 12px
    }
}

.banner {
    background: url(../images/banner-bg.png) no-repeat;
    position: relative;
    float: left;
    height: 350px;
    width: 980px;
    padding: 10px;
    margin: 10px 0
}

.banner-event {
    position: relative;
    overflow: hidden;
    float: left;
    z-index: 1;
    width: 950px;
    height: 350px
}

.banner-event__list {
    position: relative;
    width: 20000em;
    height: 100%
}

.banner-event__list li {
    float: left
}

.banner-event__list li a {
    display: block;
    width: 950px;
    height: 350px
}

.banner-event__control {
    position: absolute;
    z-index: 10;
    right: 10px;
    top: 10px;
    width: 48px;
    height: 350px
}

.banner-event__control a {
    background: url(../images/banner-nor.png) no-repeat;
    float: left;
    display: block;
    text-indent: 8px;
    text-align: center;
    text-decoration: none;
    font: 24px/70px Tahoma;
    color: #9e1f1d;
    height: 70px;
    width: 48px
}

.banner-event__control a:hover,.banner-event__control a.active {
    background: url(../images/banner-hov.png) no-repeat;
    text-decoration: none;
    color: #fff
}

@media(max-width: 1210px) {
    .banner {
        background-size:100% auto!important;
        height: 250px!important;
        width: 710px!important
    }

    .banner-event {
        width: 710px;
        height: 250px
    }

    .banner-event__list li a {
        width: 710px;
        height: 250px
    }

    .banner-event__list li a img {
        width: 710px;
        height: 250px
    }

    .banner-event__control {
        height: 250px
    }

    .banner-event__control a,.banner-event__control a:hover,.banner-event__control a.active {
        background-size: 100% 100%;
        height: 50px;
        font: 20px/50px Tahoma
    }
}

body {
    background: #001d34;
    color: #fff;
    font: 14px/22px Tahoma,Arial,Verdana,sans-serif
}

a {
    color: #000;
    text-decoration: none
}

a:hover {
    color: #ff7e00
}

strong {
    font-weight: bold
}

fieldset legend {
    display: none
}

.loading {
    background: url(../images/loading.gif) no-repeat center;
    height: 200px;
    width: 100%;
    margin: 0 auto
}

.page-header__logo {
    background: #000 url(../images/logo.png) no-repeat 0 0/100%;
    height: 100px;
    width: 180px;
    margin: 0 auto;
    padding: 0 15px
}

.wrapper-out {
    background: url(../images/page-footer.jpg) no-repeat center bottom
}

.wrapper-out .wrapper {
    background: url(../images/page-home.jpg) no-repeat 0 top
}

.wrapper-out .wrapper aside {
    background: url(../images/aside-bot.png) no-repeat center bottom;
    float: left;
    width: 210px;
    padding-bottom: 45px;
    margin-left: 210px
}

.wrapper-out .wrapper header,.wrapper-out .wrapper main {
    width: 1000px
}

.wrapper-out .wrapper main {
    padding-bottom: 160px
}

.wrapper-out .wrapper footer {
    width: 1000px;
    margin: 0 auto
}

aside .page-aside--inner {
    background: url(../images/aside-loop.png) repeat-y center
}

aside .game-info {
    float: left
}

aside .game-info a {
    float: left
}

aside .game-info__download {
    background-position: 0 -140px;
    height: 160px;
    width: 210px
}

aside .game-info__register {
    background-position: 0 -450px;
    height: 50px;
    width: 111px
}

aside .game-info__register:hover {
    background-position: 0 -400px;
    height: 50px;
    width: 111px
}

aside .game-info__payment {
    background-position: 0 -350px;
    height: 50px;
    width: 99px
}

aside .game-info__payment:hover {
    background-position: 0 -300px;
    height: 50px;
    width: 99px
}

aside .search {
    width: 190px;
    margin: 0 auto
}

aside .line-top {
    background: url(../images/aside-line.png) no-repeat center top;
    padding-top: 10px
}

aside .support {
    width: 190px;
    margin: 0 auto
}

aside .support li {
    background: url(../images/aside-line.png) no-repeat center top
}

aside .support li a {
    display: block;
    height: 50px;
    width: 190px;
    margin: 0 auto;
    text-align: center;
    font: 16px/48px Arial;
    color: #a2fff5
}

aside .support li a:hover {
    color: #f60
}

aside .support li:last-child a {
    background: 0
}

aside .socials {
    width: 170px;
    margin: 0 auto;
    margin: 10px auto
}

aside .socials a {
    float: left
}

aside .socials__zm {
    background-position: 0 -1011px;
    height: 54px;
    width: 85px
}

aside .socials__zm:hover {
    background-position: 0 -957px;
    height: 54px;
    width: 85px
}

aside .socials__fb {
    background-position: 0 -903px;
    height: 54px;
    width: 85px
}

aside .socials__fb:hover {
    background-position: 0 -849px;
    height: 54px;
    width: 85px
}

aside .socials__cctalk {
    background-position: 0 -756px;
    height: 93px;
    width: 170px
}

aside .socials__cctalk:hover {
    background-position: 0 -663px;
    height: 93px;
    width: 170px
}

aside .hotline {
    width: 160px;
    margin: 0 auto;
    margin: 10px auto;
    color: #8a8481;
    font-size: 13px;
    text-align: center
}

aside .hotline strong {
    color: #f02424;
    font-size: 14px
}

aside .hotline .number {
    color: #ffb900;
    font: bold 26px/28px Arial
}

.top {
    clear: both;
    background-position: 0 -70px;
    height: 70px;
    width: 110px;
    margin: 0 auto
}

.top:hover {
    background-position: 0 0;
    height: 70px;
    width: 110px
}

.top#scrolltop {
    position: absolute
}

.copyright {
    padding: 25px 0 22px
}

.copyright p {
    float: left;
    font-size: 0;
    margin: 0 10px
}

.copyright .vng {
    background-position: 0 -520px;
    height: 53px;
    width: 35px;
    margin-left: 110px
}

.copyright .ksoft {
    background-position: 0 -500px;
    height: 20px;
    width: 108px;
    margin-top: 16px
}

.copyright .text {
    font-size: 13px;
    color: #fff
}

@media(max-width: 1430px) {
    .wrapper-out .wrapper aside {
        margin-left:0
    }
}

@media(max-width: 1210px) {
    .wrapper-out .wrapper header {
        width:790px
    }
}

.pagination-container {
    width: 100%;
    margin: 30px auto;
    text-align: center;
    overflow: hidden
}

.pagination-container .pagination {
    overflow: hidden;
    display: inline-block;
    margin: 0 auto
}

.pagination-container .pagination li {
    display: inline-block;
    margin: 0 5px
}

.pagination-container .pagination li a {
    border-radius: 20px;
    color: #000;
    padding: 0 10px;
    line-height: 20px;
    display: block;
    text-decoration: none
}

.pagination-container .pagination li a:hover,.pagination-container .pagination li.active a {
    background-color: #ff4200;
    color: #fff
}

.pagination-container .pagination li.first a,.pagination-container .pagination li.last a,.pagination-container .pagination li.prev a,.pagination-container .pagination li.next a {
    padding: 0;
    background-color: transparent
}

.pagination-container .pagination li.disabled a,.pagination-container .pagination li.disabled a:hover {
    cursor: default;
    opacity: .3
}

.pagination-container .pagination li.prev a {
    background-position: 0 -140px;
    height: 20px;
    width: 20px
}

.pagination-container .pagination li.prev a:hover {
    background-position: 0 -120px;
    height: 20px;
    width: 20px
}

.pagination-container .pagination li.prev.disabled a,.pagination-container .pagination li.prev.disabled a:hover {
    background-position: 0 -140px;
    height: 20px;
    width: 20px
}

.pagination-container .pagination li.next a {
    background-position: 0 -180px;
    height: 20px;
    width: 20px
}

.pagination-container .pagination li.next a:hover {
    background-position: 0 -160px;
    height: 20px;
    width: 20px
}

.pagination-container .pagination li.next.disabled a,.pagination-container .pagination li.next.disabled a:hover {
    background-position: 0 -180px;
    height: 20px;
    width: 20px
}

.pagination-container .pagination li.last a {
    background-position: 0 -100px;
    height: 20px;
    width: 20px
}

.pagination-container .pagination li.last a:hover {
    background-position: 0 -80px;
    height: 20px;
    width: 20px
}

.pagination-container .pagination li.last.disabled a,.pagination-container .pagination li.last.disabled a:hover {
    background-position: 0 -100px;
    height: 20px;
    width: 20px
}

.pagination-container .pagination li.first a {
    background-position: 0 -60px;
    height: 20px;
    width: 20px
}

.pagination-container .pagination li.first a:hover {
    background-position: 0 -40px;
    height: 20px;
    width: 20px
}

.pagination-container .pagination li.first.disabled a,.pagination-container .pagination li.first.disabled a:hover {
    background-position: 0 -60px;
    height: 20px;
    width: 20px
}

.article__detail a {
    color: #058cff;
    text-decoration: underline
}

.article__detail a:hover {
    color: #f00;
    text-decoration: none
}

.article__detail ul.icon,.article__detail ul.Icon,.article__detail ul.disc,.article__detail ul.Disc,.article__detail ul.dash,.article__detail ul.Dash,.article__detail ul.decimal,.article__detail ul.Decimal,.article__detail ul.UpperAlpha,.article__detail ul.upper-alpha,.article__detail ul.lower-alpha,.article__detail ul.LowerCase {
    margin: 5px 0 8px 20px;
    clear: both
}

.article__detail ul.icon>li,.article__detail ul.Icon>li,.article__detail ul.disc>li,.article__detail ul.Disc>li,.article__detail ul.dash>li,.article__detail ul.Dash>li,.article__detail ul.decimal>li,.article__detail ul.Decimal>li,.article__detail ul.UpperAlpha>li,.article__detail ul.upper-alpha>li,.article__detail ul.lower-alpha>li,.article__detail ul.LowerCase>li {
    margin-bottom: 8px;
    padding-left: 15px;
    list-style-type: none;
    text-align: justify
}

.article__detail ul.icon>li ul,.article__detail ul.Icon>li ul,.article__detail ul.disc>li ul,.article__detail ul.Disc>li ul,.article__detail ul.dash>li ul,.article__detail ul.Dash>li ul,.article__detail ul.decimal>li ul,.article__detail ul.Decimal>li ul,.article__detail ul.UpperAlpha>li ul,.article__detail ul.upper-alpha>li ul,.article__detail ul.lower-alpha>li ul,.article__detail ul.LowerCase>li ul {
    margin: 5px 0 8px 20px
}

.article__detail ul.icon>li ul li,.article__detail ul.Icon>li ul li,.article__detail ul.disc>li ul li,.article__detail ul.Disc>li ul li,.article__detail ul.dash>li ul li,.article__detail ul.Dash>li ul li,.article__detail ul.decimal>li ul li,.article__detail ul.Decimal>li ul li,.article__detail ul.UpperAlpha>li ul li,.article__detail ul.upper-alpha>li ul li,.article__detail ul.lower-alpha>li ul li,.article__detail ul.LowerCase>li ul li {
    margin-bottom: 8px;
    padding-left: 15px
}

.article__detail ul.icon li,.article__detail ul.Icon li {
    background: url(../images/icon.gif) 0 7px no-repeat
}

.article__detail ul.disc li,.article__detail ul.Disc li {
    background: url(../images/icon_disc.gif) 0 8px no-repeat
}

.article__detail ul.dash li,.article__detail ul.Dash li {
    background: url(../images/icon_dash.gif) 0 10px no-repeat
}

.article__detail ul.decimal li,.article__detail ul.Decimal li {
    list-style-type: decimal;
    padding-left: 5px
}

.article__detail ul.UpperAlpha li,.article__detail ul.upper-alpha li {
    list-style-type: upper-alpha
}

.article__detail ul.lower-alpha li,.article__detail ul.LowerCase li {
    list-style-type: lower-alpha
}

.article__detail ul.anchor-link,.article__detail ul.AnchorLink {
    background: 0;
    border: 1px solid #9f9f9f;
    margin: 10px 0;
    padding: 8px 20px;
    overflow: hidden
}

.article__detail ul.anchor-link li,.article__detail ul.AnchorLink li {
    float: left;
    width: 180px
}

.article__detail ul.anchor-link li a,.article__detail ul.AnchorLink li a {
    background: url(../images/anchorlink.gif) no-repeat 0 15px;
    color: #058cff;
    float: left;
    font-weight: bold;
    line-height: 30px;
    padding: 0 0 0 10px;
    text-decoration: none
}

.article__detail ul.anchor-link li a:hover,.article__detail ul.AnchorLink li a:hover {
    background: url(../images/anchorlink-hov.gif) no-repeat 0 15px;
    color: #f00;
    text-decoration: underline
}

.article__detail table {
    margin: 10px auto;
    border-collapse: collapse
}

.article__detail table tr:nth-child(odd),.article__detail table tr.OddRow,.article__detail table tr.odd {
    background: 0
}

.article__detail table tr:nth-child(even),.article__detail table tr.EvenRow,.article__detail table tr.even {
    background: #dce4dd
}

.article__detail table th {
    background: #2a2a2a;
    border: 1px solid #9f9f9f;
    color: #fff;
    padding: 5px 10px;
    text-align: center;
    font-weight: bolder
}

.article__detail table td {
    border: 1px solid #9f9f9f;
    padding: 3px 10px
}

.article__detail table img {
    margin: 0;
    display: inline
}

.article__detail table .right,.article__detail table .HorzRight,.article__detail table .horz-right {
    text-align: right!important
}

.article__detail table .center,.article__detail table .HorzCenter,.article__detail table .horz-center {
    text-align: center!important
}

.article__detail table .VeztTop,.article__detail table .vezt-top {
    vertical-align: top!important
}

.article__detail .notice-box,.article__detail .NoticeBox {
    background: #e8ebe7;
    border: 1px solid #096058;
    margin: 25px 0 10px;
    padding: 10px
}

.article__detail .notice-box p.Legend,.article__detail .notice-box p.legend,.article__detail .NoticeBox p.Legend,.article__detail .NoticeBox p.legend {
    background: #e8ebe7;
    border: 1px solid #e8ebe7;
    color: #fe3700;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 23px;
    line-height: 23px;
    margin: -20px 0 10px;
    padding: 0 15px;
    position: absolute
}

.article__detail p {
    padding: 5px 0;
    text-align: justify
}

.article__detail p.center img,.article__detail p.TextCenter img {
    display: block;
    text-align: center;
    margin: 0 auto
}

.article__detail img {
    margin: 0;
    padding: 0
}

.article__detail img.ImgLeft,.article__detail img.left {
    float: left;
    margin: 5px 10px 5px 0
}

.article__detail img.ImgRight,.article__detail img.right {
    float: right;
    margin: 5px 0 5px 10px
}

.article__detail img.NoBorderImg,.article__detail img.no-boder {
    border: 0;
    background: 0;
    padding: 0
}

.article__detail img.BorderImg,.article__detail img.boder {
    background-color: #eee;
    border: 1px solid #c2c3c9;
    padding: 3px
}

.article__detail img ~ br {
    height: 0;
    display: none
}

.article__detail img ~ .center,.article__detail img .TextCenter {
    padding-top: 0;
    margin-top: -5px;
    color: #424242;
    font-style: italic
}

.article__detail .FirstChar {
    padding: 4px 4px 0 0;
    line-height: 30px;
    font-size: 40px;
    float: left
}

.article__detail .center,.article__detail .TextCenter {
    text-align: center;
    overflow: hidden
}

.article__detail .strong01,.article__detail .Strong01 {
    font-weight: bold
}

.article__detail .strong02,.article__detail .Strong02 {
    font-weight: bold;
    color: #c50700
}

.article__detail h4 {
    background: url(../images/icon_h4.png) no-repeat;
    background-position: 0 2.5px;
    clear: both;
    font: bold 22px/30px Arial;
    color: #046a9f;
    text-indent: 30px;
    margin-top: 5px
}

.article__detail h4 ~ p,.article__detail h4 ~ ul,.article__detail h4 ~ table,.article__detail h4 ~ div {
    margin-left: 30px
}

.article__detail h4 ~ table {
    max-width: 570px
}

.article__detail h5 {
    background: url(../images/icon_h5.png) no-repeat;
    background-position: 0 4px;
    clear: both;
    font: bold 18px/20px Arial;
    color: #000;
    margin-top: 5px;
    margin-left: 30px;
    text-indent: 20px
}

.article__detail h5 ~ p,.article__detail h5 ~ ul,.article__detail h5 ~ table,.article__detail h5 ~ div {
    margin-left: 50px
}

.article__detail h5 ~ table {
    max-width: 550px
}

.article__detail .user-info p {
    background: #9f9f9f;
    border-bottom: 0;
    font: 15px/30px Tahoma;
    color: #fff;
    clear: both;
    position: relative;
    height: 30px;
    width: 100%;
    margin: 10px auto;
    padding: 0;
    text-align: right
}

.article__detail .user-info p a {
    color: #fff
}

.article__detail .user-info p a:hover {
    color: #fff
}

.article__detail .user-info p #link-function {
    background: url(../images/function.png) no-repeat right center;
    padding: 0 25px;
    text-decoration: none;
    cursor: pointer
}

.article__detail form {
    margin: 10px auto;
    width: 600px
}

.article__detail form fieldset legend {
    display: none
}

.article__detail form ul {
    list-style: none;
    margin: 0
}

.article__detail form ul>li {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 0
}

.article__detail form ul.Radio {
    clear: none;
    float: left;
    list-style: none;
    overflow: hidden;
    width: 280px;
    margin: 0
}

.article__detail form ul.Radio li {
    float: left;
    line-height: 28px;
    margin: 0;
    padding: 0
}

.article__detail form ul.Radio li input {
    float: none;
    height: auto;
    width: auto
}

.article__detail form ul.RadioLine li {
    clear: none;
    float: left;
    width: 100%;
    overflow: hidden
}

.article__detail form ul.RadioLine li p {
    width: 40%;
    float: left;
    text-align: left
}

.article__detail form ul.RadioLine li input {
    width: auto;
    float: left;
    margin: 4px 33px 10px;
    outline: 0
}

.article__detail form ul.RadioLine li span {
    float: left;
    overflow: hidden;
    width: 20%
}

.article__detail form ul.RadioLine li span.Space {
    float: left;
    width: 40%;
    height: 1px
}

.article__detail form ul.Checkbox {
    clear: none;
    float: left;
    list-style: none;
    overflow: hidden;
    margin: 5px 0;
    padding: 0;
    width: 310px
}

.article__detail form ul.Checkbox li {
    float: left;
    margin: 0 0 8px 0;
    padding: 0
}

.article__detail form ul.Checkbox li.AnotherIdea {
    clear: both;
    width: 100%
}

.article__detail form ul.Checkbox li input {
    float: none;
    height: auto;
    width: auto
}

.article__detail form ul.Slider li .SliderHead {
    float: right
}

.article__detail form ul.Slider li .Less,.article__detail form ul.Slider li .Great,.article__detail form ul.Slider li .slider {
    float: left;
    width: 19%
}

.article__detail form ul.Slider li input {
    width: auto;
    margin: 3px 0 0 0;
    float: left
}

.article__detail form textarea {
    border: 1px solid #9f9f9f;
    background: #fff;
    color: #494848;
    width: 268px;
    height: 80px;
    margin-bottom: 10px
}

.article__detail form select {
    border: 1px solid #9f9f9f;
    background: #fff;
    color: #494848;
    text-align: center;
    width: 272px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 5px;
    padding: 0 6px
}

.article__detail form label {
    clear: left;
    float: left;
    display: block;
    text-align: right;
    width: 150px;
    height: 28px;
    padding-right: 10px;
    font: bold .5 tahoma
}

.article__detail form input {
    background: #fff;
    border: 1px solid #9f9f9f;
    color: #494848;
    width: 250px;
    height: 28px;
    line-height: 28px;
    padding: 0 10px
}

.article__detail form input.Verify {
    width: 110px;
    margin: 0 0 0 10px;
    clear: right
}

.article__detail form input.BtnReg,.article__detail form input.BtnReset {
    border: none!important;
    width: auto!important;
    height: auto!important;
    margin: 15px 10px 0 170px;
    padding: 0!important
}

.article__detail form input.BtnReset {
    width: auto;
    margin: 15px 10px 0 0
}

.article__detail form .Require {
    color: #c50700
}

.article__detail form .Note {
    background: url(../images/Note.jpg) no-repeat 0 -4px #999;
    width: 115px;
    height: 20px;
    padding-left: 5px;
    text-align: left;
    float: right;
    color: #fff;
    font-size: 11px;
    line-height: 20px
}

.article__detail form .ImgVerify {
    float: left;
    margin: 0 10px 0 0
}

.article__detail form p {
    margin: 0;
    padding: 0;
    text-align: left
}

.article__detail form p.TextNote {
    color: #c50700;
    font-size: 11px;
    font-family: Arial;
    padding: 0 0 0 170px
}

#list-function {
    background: #9f9f9f;
    border: 1px solid #9f9f9f;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    width: 200px;
    padding: 5px 0 8px;
    display: none
}

#list-function.active {
    display: block
}

#list-function li {
    margin-left: 10px;
    text-align: left;
    line-height: 20px;
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap
}

#list-function li a {
    text-decoration: none;
    background: url(../images/function-icon.gif) no-repeat 0 center;
    padding-left: 10px;
    color: #fff
}

#list-function li a:hover {
    color: #ffe00e;
    text-decoration: underline
}

#list-function li.Off a {
    color: #3e1300;
    cursor: default;
    text-decoration: none
}

.Popup {
    background: #9f9f9f;
    border: 1px solid #9f9f9f;
    color: #fff;
    display: block;
    position: absolute;
    padding: 27px 0 0;
    width: 640px;
    z-index: 100
}

.Popup a.PopupClose {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    position: absolute;
    top: 0;
    right: 9px;
    width: 50px;
    height: 27px;
    line-height: 27px
}

.Popup a.PopupClose:hover {
    color: #fff;
    text-decoration: none
}

.Popup .InnerContent {
    background: #e6e6e6;
    border: 1px solid #9f9f9f;
    color: #494848;
    height: auto;
    padding: 10px;
    width: auto
}

@media(max-width: 1210px) {
    aside .support,aside .socials,aside .hotline {
        display:none
    }
}

.wrapper-out .wrapper {
    background-image: url(../images/page-sub.jpg)
}

.wrapper-out .wrapper .page-main#page-main {
    position: relative
}

.wrapper-out .wrapper .page-main__extra {
    float: left
}

.wrapper-out .wrapper .page-main__extra .extra-left {
    border: 1px solid #000;
    width: 228px;
    margin: 10px
}

.wrapper-out .wrapper .page-main__extra .extra-left h2 {
    background-position: 0 -200px;
    height: 50px;
    width: 230px;
    border-bottom: 1px solid #000;
    text-align: center
}

.wrapper-out .wrapper .page-main__extra .extra-left h2 a,.wrapper-out .wrapper .page-main__extra .extra-left h2 a:hover {
    font: 18px/48px "copper";
    color: #d8d1b8;
    text-decoration: none;
    text-transform: capitalize
}

.wrapper-out .wrapper .page-main__extra .extra-left ul {
    margin: 10px auto;
    width: 200px
}

.wrapper-out .wrapper .page-main__extra .extra-left ul li:last-child {
    background: 0
}

.wrapper-out .wrapper .page-main__extra .extra-left__nav {
    background: #232d34 url(../images/left-nav-bg.jpg) no-repeat center bottom
}

.wrapper-out .wrapper .page-main__extra .extra-left__nav ul li {
    background: url(../images/left-nav-line.png) no-repeat center bottom;
    padding-bottom: 2px
}

.wrapper-out .wrapper .page-main__extra .extra-left__nav ul li a {
    background: url(../images/left-nav-icon.gif) no-repeat 10px center;
    padding: 1px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-indent: 20px;
    color: #8de1d9;
    display: block
}

.wrapper-out .wrapper .page-main__extra .extra-left__nav ul li a:hover,.wrapper-out .wrapper .page-main__extra .extra-left__nav ul li a.active {
    background-image: url(../images/left-nav-icon-hov.gif);
    color: #ff3c00
}

.wrapper-out .wrapper .page-main__extra .extra-left__nav ul li a.active {
    background-color: #002133;
    border: 1px solid #002e45;
    padding: 0
}

.wrapper-out .wrapper .page-main__extra .extra-left__posts {
    background: #d7d4d0 url(../images/left-post-bg.jpg) no-repeat center bottom
}

.wrapper-out .wrapper .page-main__extra .extra-left__posts ul li {
    background: url(../images/left-post-line.png) no-repeat center bottom;
    padding: 10px 0
}

.wrapper-out .wrapper .page-main__extra .extra-left__posts ul li a {
    color: #000;
    display: block
}

.wrapper-out .wrapper .page-main__extra .extra-left__posts ul li a time {
    display: block;
    color: #8f7a62!important;
    font-style: italic
}

.wrapper-out .wrapper .page-main__extra .extra-left__posts ul li a:hover {
    color: #ff7e00
}

.wrapper-out .wrapper .page-main__content {
    margin: 10px;
    float: left
}

.wrapper-out .wrapper .page-main__content .main-content {
    width: 660px
}

.wrapper-out .wrapper .page-main__content .main-content__title {
    background-position: 0 -558px;
    height: 80px;
    width: 660px
}

.wrapper-out .wrapper .page-main__content .main-content__title h1 {
    height: 50px;
    margin-left: 90px;
    color: #dbdbdb;
    font: 25px/56px "copper";
    text-transform: uppercase
}

.wrapper-out .wrapper .page-main__content .main-content__title #breadcrumb {
    height: 30px;
    margin-left: 90px;
    line-height: 30px
}

.wrapper-out .wrapper .page-main__content .main-content__title #breadcrumb li {
    display: inline-block;
    color: #9a9a9a
}

.wrapper-out .wrapper .page-main__content .main-content__title #breadcrumb li a {
    color: #9a9a9a;
    text-decoration: none
}

.wrapper-out .wrapper .page-main__content .main-content__title #breadcrumb li a:hover {
    color: #d1a038;
    text-decoration: underline
}

.wrapper-out .wrapper .page-main__content .main-content__title #breadcrumb li.active,.wrapper-out .wrapper .page-main__content .main-content__title #breadcrumb li:last-child {
    font-weight: bold;
    color: #d1a038
}

.wrapper-out .wrapper .page-main__content .main-content article {
    padding: 30px 30px 100px;
    color: #000
}

.wrapper-out .wrapper .page-main__content .main-content article article {
    padding: 0
}

.wrapper-out .wrapper .page-main__content .main-content article iframe {
    display: block
}

.wrapper-out .wrapper .page-main__content .main-content article h2.article__title {
    background: url(../images/article__title.png) no-repeat;
    color: #432b24;
    padding: 0 0 6px 60px;
    font: bold 20px/34px Arial
}

.wrapper-out .wrapper .page-main__content .main-content article time.article__time {
    display: block;
    color: #505050;
    text-align: right
}

.wrapper-out .wrapper footer .top {
    display: none
}

body.tim-kiem .wrapper-out .wrapper,body.tin-tuc .wrapper-out .wrapper {
    background-image: url(../images/page-tintuc.jpg)
}

body.tim-kiem .wrapper-out .wrapper .page-main__content .main-content__title,body.tin-tuc .wrapper-out .wrapper .page-main__content .main-content__title {
    background-position: 0 -478px;
    height: 80px;
    width: 660px
}

body.tim-kiem .wrapper-out .wrapper .page-main__extra .extra-left h2,body.tin-tuc .wrapper-out .wrapper .page-main__extra .extra-left h2 {
    background-position: 0 -348px;
    height: 50px;
    width: 230px
}

body.su-kien .wrapper-out .wrapper {
    background-image: url(../images/page-sukien.jpg)
}

body.su-kien .wrapper-out .wrapper .page-main__content .main-content__title {
    background-position: 0 -398px;
    height: 80px;
    width: 660px
}

body.su-kien .wrapper-out .wrapper .page-main__extra .extra-left h2 {
    background-position: 0 -298px;
    height: 50px;
    width: 230px
}

article {
    min-height: 500px
}

article #posts__tab,article #tabHeader,article ul.tab__header {
    overflow: hidden
}

article #posts__tab li,article #tabHeader li,article ul.tab__header li {
    float: left;
    position: relative;
    padding-bottom: 10px
}

article #posts__tab li a,article #tabHeader li a,article ul.tab__header li a {
    background: url(../images/tab_nor.gif) repeat;
    border: 1px solid #999;
    color: #000;
    display: block;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    padding: 0 20px;
    text-decoration: none
}

article #posts__tab li a:hover,article #posts__tab li a.active,article #posts__tab li.Active a,article #tabHeader li a:hover,article #tabHeader li a.active,article #tabHeader li.Active a,article ul.tab__header li a:hover,article ul.tab__header li a.active,article ul.tab__header li.Active a {
    background: #004b81 url(../images/tab_act.gif) repeat-x;
    border-color: #676767;
    color: #fff
}

article #posts__tab li a:hover:after,article #posts__tab li a.active:after,article #posts__tab li.Active a:after,article #tabHeader li a:hover:after,article #tabHeader li a.active:after,article #tabHeader li.Active a:after,article ul.tab__header li a:hover:after,article ul.tab__header li a.active:after,article ul.tab__header li.Active a:after {
    background: url(../images/tab_arrow.gif) no-repeat;
    content: "";
    margin-left: -5px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    width: 10px;
    height: 6px
}

article .posts__list li {
    border-bottom: 1px dotted #b9b9b9;
    width: 100%;
    height: 40px
}

article .posts__list li a {
    color: #000;
    line-height: 40px;
    text-decoration: none
}

article .posts__list li a:hover {
    color: #ff7e00
}

article .posts__list li a span {
    float: left
}

article .posts__list li a .posts__post-cate {
    width: 90px;
    color: #bc5252;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase
}

article .posts__list li a .posts__post-date {
    float: right;
    color: #959595
}

article .posts__list.event-posts li {
    border-bottom: 1px solid #b9b9b9;
    padding: 15px 0 20px;
    height: auto;
    float: left
}

article .posts__list.event-posts li:last-child {
    border: 0
}

article .posts__list.event-posts li a {
    line-height: 22px;
    float: left
}

article .posts__list.event-posts li a:hover {
    color: #ff7e00
}

article .posts__list.event-posts li a:hover img {
    border: 1px solid #ff7e00
}

article .posts__list.event-posts li a:hover .posts__post-intro {
    color: #000
}

article .posts__list.event-posts li a span {
    display: block;
    width: 438px
}

article .posts__list.event-posts li a img {
    border: 1px solid #676767;
    margin-right: 20px;
    margin-top: 5px;
    float: left;
    width: 140px;
    height: 80px
}

article .posts__list.event-posts li a .posts__post-title {
    font-weight: bold;
    text-transform: uppercase
}

article .posts__list.event-posts li a .posts__post-date {
    float: left
}

div.plugin-social-block-p {
    background: #dce4dd none repeat scroll 0 0;
    border-bottom: 1px solid #9f9f9f;
    color: #000;
    width: 598px;
    height: 50px;
    margin: 0 1px;
    padding: 0 30px
}

div.plugin-social-block-p.active {
    position: fixed;
    top: 0;
    z-index: 100
}