@font-face {
    font-family: 'UTMSarah';
    src: url('../../fonts/UTMSarah.ttf');
}

@font-face {
    font-family: 'UTMAvo-Italic';
    src: url('../../fonts/UTMAvoItalic.ttf');
}

@font-face {
    font-family: 'UTMAvo';
    src: url('../../fonts/UTMAvo.ttf');
}

@font-face {
    font-family: 'UTMAvo-Bold';
    src: url('../../fonts/UTMAvoBold.ttf');
}

@font-face {
    font-family: 'UTMAvo-BoldItalic';
    src: url('../../fonts/UTMAvoBold_Italic.ttf');
}

@font-face {
    font-family: 'SVN-Nexa Light';
    src: url('../../fonts/SVN-Nexa%20Light.html');
}

@font-face {
    font-family: 'SVN-Nexa Bold';
    src: url('../../fonts/SVN-Nexa%20Bold.html');
}
@font-face{
  font-family: 'hellvina';
  src: url('../../fonts/VLHELLVINAHANDSCRIPT.OTF');
}
@font-face {
    font-family: fontNav;
    src: url(fonts/utmGod.ttf)
}

@font-face {
    font-family: FontTitle;
    src: url(fonts/RobotoCondensed-Regular.ttf)
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
:before,
:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: relative;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
html {
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
body {
    margin: 0;
    width: 100%;
    position: relative;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
body {
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #212529;
    background-color: #fff;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
a{
    text-decoration: none;
    color: #000;
}
input,button, select, textarea{
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    outline: none;
}
select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff;
}
ul, ol{
  list-style: none;
}
input:disabled{
    background: #ececec;
    border: none;
    color: #495057;
    outline: none;
}
.input_white:disabled{
    background: #fff;
    border: 1px solid #ced4da;
    cursor: not-allowed;
    color: #495057;
}
::-webkit-input-placeholder { /* Edge */
  color: #999;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #999;
}

::placeholder {
  color: #999;
}
h1, h2, h3, h4, h5, h6, ul, li, ol, p{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@keyframes play {

    0% {
        transform: scale(1);
    }
    15% {
        box-shadow: 0 0 0 5px rgba(67, 181, 30, 0.4);
    }
    25% {
        box-shadow: 0 0 0 10px rgba(67, 181, 30, 0.4), 0 0 0 20px rgba(67, 181, 30, 0.2);
    }
    25% {
        box-shadow: 0 0 0 15px rgba(67, 181, 30, 0.4), 0 0 0 30px rgba(67, 181, 30, 0.2);
    }

}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
       -ms-transform: scale(1);
        transform: scale(1)
    }

    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-3deg);
       -ms-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
       -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
       -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
       -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}
@keyframes status {
    0% {
        visibility: visible
    }

    50% {
        visibility: hidden
    }
}
@-webkit-keyframes status {
    0% {
        visibility: visible
    }

    50% {
        visibility: hidden
    }
}
@-moz-keyframes status {
    0% {
        visibility: visible
    }

    50% {
        visibility: hidden
    }
}
@-o-keyframes status {
    0% {
        visibility: visible
    }

    50% {
        visibility: hidden
    }
}
@keyframes pulse{
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
@-moz-keyframes pulse{
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes pulse{
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
@-o-keyframes pulse{
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes flash {
    0%, 100%, 50% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

@-moz-keyframes flash {
    0%, 100%, 50% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

@-webkit-keyframes flash {
    0%, 100%, 50% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

@-o-keyframes flash {
    0%, 100%, 50% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}
/* Scrollbar  */
.scroller {
    overflow-y: auto;
    scrollbar-color: #c42a68 #C2D2E4;
    scrollbar-width: thin;
}
.scroller::-ms-scrollbar {
    width: 5px;
    scrollbar-color: #c42a68 #C2D2E4;
}
.scroller::-webkit-scrollbar {
    width : 5px;
    height : 5px;
}

.scroller::-webkit-scrollbar-track-piece  {
    background-color: #C2D2E4;
}

.scroller::-webkit-scrollbar-thumb {
    background-color: #c42a68;
}
.break::after {
    display: block;
    clear: both;
    content: "";
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.disable{
  background: #aaa !important;
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}
.disable_text{
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: #aaa !important;
}
.hr{
    position: relative;
    display: inline-block;
    margin: auto;
    border-bottom:1px solid #dedede;
    height: 1px;
}
.bold{
    font-weight: 700;
}
.bg_violet {
    background: #bd10e0!important;;
}
.bg_green {
    background-color: #8bc34a!important;
}
.bg_orange {
    background-color: #f60 !important;
}
.bg_red {
    background-color: #f00 !important;
}
.bg_blue {
    background-color: #04a1d4 !important;
}
.bg_brown{
    background-color: #c4c4c4 !important;
}
.cl_violet {
    color: #bd10e0!important;;
}
.cl_green {
    color: #8bc34a!important;
}
.cl_orange {
    color: #f60 !important;
}
.cl_red {
    color: #f00 !important;
}
.cl_blue {
    color: #04a1d4 !important;
}
.cl_brown{
    color: #c4c4c4 !important;
}
.vertical{
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-align: center !important;
    -ms-flex-align: center !important;
    -webkit-align-items: center !important;
}
.button_to_top{
    width: 60px;
    height: 60px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 200;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin-top: 20px;
    font-size: 50px; 
    color: rgb(142 77 53);
}
.load_overlay {
    position: fixed;
    background: #000;
    opacity: 0.8;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99990;
    display: none;
}
.load_process {
    position: fixed;
    margin: auto;
    z-index: 99999;
    background: #fff;
    width: 400px;
    max-width: calc(90% - 10px);
    height: 100px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
    display: none;
}
.load_note {
    color: #f60;
}

.phantrang{
    text-align: center;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}
.phantrang a{
    background: #757575;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.phantrang a:hover{
    background: #000;
}
.phantrang span{
    background: #ff0000;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: default;
}
.topbar{
    position: relative;
    width: 100%;
    height: 76px;
    line-height: 76px;
    background: #002637;
    z-index: 100;
}
.topbar .topbar_content{
    position: relative;
    margin: auto;
    width: 1200px;
}
.topbar .topbar_content ul>li{
    position: relative;
    float: left;
    height: 76px;
    width: calc(100%/7);
}
.topbar .topbar_content ul>li>a {
    height: 76px;
    line-height: 76px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    font-size: 22px;
    border-right: 1px solid #160200;
}
.topbar .topbar_content ul>li:last-of-type>a{
    border-right: none;
}
.topbar .topbar_content ul>li>a:hover{
    background: #ac1100;
    box-shadow: inset 5px 5px 20px #550b01, inset -5px -5px 20px #550b01;
    color: #fff;
}
.topbar .topbar_content ul li .sub{
    background: #002637;
    overflow: hidden;
    position: absolute;
    display: none;
    top: 76px;
    width: 100%;
    height: auto;
    z-index: 100;
    font-size: 15px;
    line-height: 33px;
}
.topbar .topbar_content ul li:hover .sub{
    display: block;
}
.topbar .topbar_content ul li .sub li{
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #002637;
    border-top: 1px solid #003953;
    border-bottom: 1px solid #160d0e;
    margin: 0;
}
.topbar .topbar_content ul li .sub li a{
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
.main{
    width: 100%;
    background: url(images_new/bg-header.jpg) top center no-repeat;
    height: auto;
}
.main .box_header{
    position: relative;
    margin: auto;
    width: 1200px;
    height: 445px;
}
.main .box_header h1 {
    width: 302px;
    position: absolute;
    left: 0px;
    top: 50px;
}
.main .box_header h1 .logo {
 /*   width: 279px;
    height: 147px;*/
}
.main .box_header h1 .logo img{
    max-width: 479px;
}
.main .main_content{
    position: relative;
    margin: auto;
    width: 1200px;
}
.main .main_content .box_left{
    float: left;
    width: 290px;
    margin-right: 10px;
}
.main .main_content .box_center{
    float: left;
    width: 600px;
    margin-right: 10px;
}
.main .main_content .box_right{
    float: left;
    width: 290px;
    /*padding-top: 49px;*/
    padding-top: 25px;
}
.main .main_content .box_left .game_info{
    width: 100%;
    display: inline-block;
    padding-top: 49px;
    height: auto;
}
.main .main_content .box_left .game_info .button_down{
    display: inline-block;
    width: 290px;
    height: 159px;
    background: url(images_new/layout.png) no-repeat;
    background-position: 0 -795px;
    height: 159px;
    width: 290px;
}
.main .main_content .box_left .game_info .button_down:hover{
    background: url(images_new/layout.png) no-repeat;
    background-position: 0 -636px;
}
.main .main_content .box_left .game_info .button_nap{
    display: inline-block;
    background: url(images_new/layout.png) no-repeat;
    background-position: 0 -1723px;
    height: 83px;
    width: 149px;
    position: absolute;
    top: 198px;
    left: -3px;
    margin: 0;
}
.main .main_content .box_left .game_info .button_nap:hover{
    background: url(images_new/layout.png) no-repeat;
    background-position: 0 -1640px;
}
.main .main_content .box_left .game_info .button_dangky{
    display: inline-block;
    background: url(images_new/layout.png) no-repeat;
    background-position: 0 -553px;
    height: 83px;
    width: 148px;
    margin: 0;
    position: absolute;
    top: 198px;
    left: 145px;
}
.main .main_content .box_left .game_info .button_dangky:hover{
    background: url(images_new/layout.png) no-repeat;
    background-position: 0 -470px;
}
.main .main_content .box_left .game_info .button_thongtin{
    display: inline-block;
    background: url(images_new/layout.png) no-repeat;
    background-position: -142px -1158px;
    height: 83px;
    width: 148px;
    margin: 0;
    position: absolute;
    top: 198px;
    left: 145px;
}
.main .main_content .box_left .game_info .button_thongtin:hover{
    background: url(images_new/layout.png) no-repeat;
    background-position: -142px -1075px;
}
.main .main_content .box_left .box_category{
    width: 100%;
    margin-top: 67px;
    background: url(images_new/bg-button-left.jpg) no-repeat;
    height: 226px;
    display: inline-block;
}
.main .main_content .box_left .box_category .box_category_top{
    width: 100%;
    background: url(images_new/top_box_category.png) no-repeat;
    height: 6px;
}
.main .main_content .box_left .box_category .box_category_midle{
    width: 100%;
    background: url(images_new/midle_box_category.png) repeat-y;
}
.main .main_content .box_left .box_category .box_category_midle .li_category{
    position: relative;
    margin: auto;
    width: 275px;
    height: 71px;
    line-height: 71px;
    background: url(images_new/bg_li_category.png) no-repeat;
    text-align: center;
}
.main .main_content .box_left .box_category .box_category_midle .li_category:hover{
    background: url(images_new/bg_hover_li_category.png) no-repeat;
}
.main .main_content .box_left .box_category .box_category_midle .li_category a{
    display: inline-block;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    color: #002636;
    font-size: 20px;
}
.main .main_content .box_left .box_category .box_category_midle .li_category a:hover{
    color: #9e1200;
}
.main .main_content .box_left .box_category .box_category_midle .li_server{
    background: url(images_new/layout.png) no-repeat;
    background-position: 0 -2300px;
}
.main .main_content .box_left .box_category .box_category_midle .li_server:hover{
    background: url(images_new/layout.png) no-repeat;
    background-position: 0 -2229px;
    color: transparent;
}
.main .main_content .box_left .box_category .box_category_midle .li_huongdan{
    background: url(images_new/layout.png) no-repeat;
    background-position: 0 -1570px;
}
.main .main_content .box_left .box_category .box_category_midle .li_huongdan:hover{
    background: url(images_new/layout.png) no-repeat;
    background-position: 0 -1498px;
    color: transparent;
}
.main .main_content .box_left .box_category .box_category_midle .li_cauhoi{
    background: url(images_new/layout.png) no-repeat;
    background-position: 0 -279px;
}
.main .main_content .box_left .box_category .box_category_midle .li_cauhoi:hover{
    background: url(images_new/layout.png) no-repeat;
    background-position: 0 -208px;
    color: transparent;
}
.main .main_content .box_left .box_category .box_category_midle .li_server a{
    color: transparent;
}
.main .main_content .box_left .box_category .box_category_midle .li_huongdan a{
    color: transparent;
}
.main .main_content .box_left .box_category .box_category_midle .li_cauhoi a{
    color: transparent;
}
.main .main_content .box_left .box_category .box_category_midle .li_server a:hover{
    color: transparent;
}
.main .main_content .box_left .box_category .box_category_midle .li_huongdan a:hover{
    color: transparent;
}
.main .main_content .box_left .box_category .box_category_midle .li_cauhoi a:hover{
    color: transparent;
}
.main .main_content .box_left .box_category .box_category_bottom{
    width: 100%;
    background: url(images_new/bottom_box_category.png) no-repeat;
    height: 9px;
}
.main .main_content .box_center .box_search{
    width: 600px;
    height: 39px;
    margin-bottom: 10px;
}
.main .main_content .box_center .box_search input{
    float: left;
    height: 39px;
    width: calc(100% - 39px);
    padding: 0 10px;
    line-height: 37px;
    color: #002637;
    outline: 0;
    font-size: 16px;
    background: #dde7d6;
    border: #002637 solid 1px;
    border-right: 0;
    border-radius: 10px 0 0 10px;
}
.main .main_content .box_center .box_search button{
    float: left;
    width: 39px;
    height: 39px;
    background: url(images_new/bt-search.jpg) no-repeat;
    border: none;
}
.main .main_content .box_center .box_slide{
    width: 600px;
    height: 220px;
    margin-bottom: 10px;
}
.main .main_content .box_center .box_slide .slide_home{
    width: 600px;
    height: 220px;
}
.main .main_content .box_center .box_slide .slide_home .swiper-slide{
    width: 600px;
    height: 220px;
}
.main .main_content .box_center .box_slide .slide_home .swiper-slide img{
    width: 600px;
    height: 220px;
}
.main .main_content .box_center .box_slide .slide_home .swiper-pagination .swiper-pagination-bullet{
    height: 28px;
    width: 28px;
    background: url(images_new/banner-control.png) no-repeat;
    opacity: 1;
}
.main .main_content .box_center .box_slide .slide_home .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    height: 28px;
    width: 28px;
    background: url(images_new/banner-control-hov.png) no-repeat;
}
.main .main_content .box_center .box_post_center{
    width: 100%;
    min-height: 223px;
    position: relative;
}
.main .main_content .box_center .box_post_center .top_center{
    width: 100%;
    height: 37px;
    background: url(images_new/bg_top_center.png) no-repeat;
    line-height: 37px;
    text-transform: uppercase;
    padding-left: 50px;
    font-size: 18px;
    font-weight: 700;
    font-family: "fontNav";
    cursor: default;
}
.main .main_content .box_center .box_post_center .midle_center{
    width: 100%;
    background: url(images_new/bg_midle_center.png) repeat-y;
    padding: 10px;
}
.main .main_content .box_center .box_post_center .bottom_center{
    width: 100%;
    height: 80px;
    background: url(images_new/bg_bottom_center.png) no-repeat;
    border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
}
.main .main_content .box_center .box_post_center .midle_center .content_midle_center{
    position: relative;
    margin: auto;
    width: 100%;
}
.main .main_content .box_center .box_post_center .midle_center .content_midle_center .li_input{
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}
.main .main_content .box_center .box_post_center .midle_center .content_midle_center .li_input label{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-weight: 700;
}
.main .main_content .box_center .box_post_center .midle_center .content_midle_center .li_input select{
    width: 100%;
    height: 40px;
    border: 1px solid #ccc;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}
.main .main_content .box_center .box_post_center .midle_center .content_midle_center .li_input input{
    width: 100%;
    height: 40px;
    border: 1px solid #ccc;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}
.main .main_content .box_center .box_post_center .midle_center .content_midle_center .li_input button{
    width: 200px;
    height: 45px;
    background: #f60;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 10px;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.main .main_content .box_center .box_post_center .midle_center .content_midle_center .li_input .col_50{
    float: left;
    width: 50%;
}
.main .main_content .box_center .box_post{
    width: 100%;
    height: 223px;
    position: relative;
    background: url(images_new/bg-posts.jpg) 0 0 no-repeat;
}
.main .main_content .box_center .box_post .title_box_post{
    height: 38px;
}
.main .main_content .box_center .box_post .title_box_post .title_box_post_left{
    height: 38px;
    padding-left: 40px;
    float: left;
}
.main .main_content .box_center .box_post .title_box_post .title_box_post_left ul li{
    float: left;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #001c29;
}
.main .main_content .box_center .box_post .title_box_post .title_box_post_left ul li a{
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    height: 25px;
    line-height: 25px;
    padding-left: 15px;
    padding-right: 15px;
    color: #001c29;
    font-size: 18px;
    font-weight: 700;
    border-right: 1px solid #001c29;
    font-family: "fontNav";
}
.main .main_content .box_center .box_post .title_box_post .title_box_post_left ul li a.active{
    color: #7d0f00;
}
.main .main_content .box_center .box_post .title_box_post .title_box_post_left ul li a:hover{
    color: #7d0f00;
}
.main .main_content .box_center .box_post .title_box_post .title_box_post_right{
    height: 38px;
    float: right;
    background: url(images_new/icon-view.png) center right no-repeat;
    color: #2c2a23;
    font-size: 14px;
    line-height: 38px;
    padding: 0 33px 0 0;
    margin-right: 10px;
    display: block;
    font-family: "FontTitle";
}
.main .main_content .box_center .box_post .title_box_post .title_box_post_right a:hover{
    color: #7d0f00;
}
.main .main_content .box_center .box_post .posts_list {
    background: #efebe0;
    padding: 10px 10px 0;
    margin: 0;
    overflow: hidden;
    display: none;
}
.main .main_content .box_center .box_post .posts_list.active {
    display: block;
}
.main .main_content .box_center .box_post .posts_list li {
    height: 33px;
    line-height: 33px;
    width: 100%;
    margin: 0 auto;
    word-break: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    border-bottom: 1px dashed #878e88;
    color: #002637;
    font-family: "FontTitle";
    font-size: 16px;
}
.main .main_content .box_center .box_post .posts_list li:last-of-type {
    border-bottom: none;
}
.main .main_content .box_center .box_post .posts_list li a:hover{
    color: #7d0f00;
}
.main .main_content .box_right .hd-nguoimoi {
    width: 290px;
    height: 104px;
    background: url(images_new/bg-hd-nguoimoi.png) 0 0 no-repeat;
    margin-top: -2px;
}
.main .main_content .box_right .hd-nguoimoi h2 {
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    font-family: fontNav,Tahoma;
    color: #0d364c;
    text-transform: uppercase;
    text-align: center;
}
.main .main_content .box_right .hd-nguoimoi ul li{
    float: left;
}
.main .main_content .box_right .hd-nguoimoi ul li a.bt-caothu {
    background: url(images_new/layout.png) no-repeat;
    background-position: 0 -132px;
    height: 76px;
    width: 95px;
    display: block;
    text-shadow: none;
    color: transparent;
}
.main .main_content .box_right .hd-nguoimoi ul li a.bt-caothu:hover {
    background-position: 0 -56px;
}
.main .main_content .box_right .hd-nguoimoi ul li a.bt-henuoc {
    background: url(images_new/layout.png) no-repeat;
    background-position: 0 -1150px;
    height: 76px;
    width: 95px;
    display: block;
    text-shadow: none;
    color: transparent;
}
.main .main_content .box_right .hd-nguoimoi ul li a.bt-henuoc:hover {
    background-position: 0 -1074px;
}
.main .main_content .box_right .hd-nguoimoi ul li a.bt-hoiuc {
    background: url(images_new/layout.png) no-repeat;
    background-position: 0 -1302px;
    height: 76px;
    width: 95px;
    display: block;
    text-shadow: none;
    color: transparent;
}
.main .main_content .box_right .hd-nguoimoi ul li a.bt-hoiuc:hover {
    background-position: 0 -1226px;
}
.main .main_content .box_right .btn-sub {
    width: 100%;
    overflow: hidden;
    margin-bottom: 9px;
}
.main .main_content .box_right .btn-sub li {
    float: left;
    width: 145px;
    height: 60px;
    margin: 0;
}
.main .main_content .box_right .btn-sub li a{
    display: block;
    background: url(images_new/layout.png) no-repeat;
    height: 60px;
    width: 145px;
}
.main .main_content .box_right .btn-sub li a.bt-hotro {
    background-position: 0 -1438px;
}
.main .main_content .box_right .btn-sub li a.bt-hotro:hover {
    background-position: 0 -1378px;
}
.main .main_content .box_right .btn-sub li a.bt-phucloi {
    background-position: 0 -1865px;
}
.main .main_content .box_right .btn-sub li a.bt-phucloi:hover {
    background-position: 0 -1805px;
}
.main .main_content .box_right .btn-sub li a.bt-fanpage {
    background-position: 0 -1014px;
}
.main .main_content .box_right .btn-sub li a.bt-fanpage:hover {
    background-position: 0 -954px;
}
.main .main_content .box_right .btn-sub li a.bt-chuyenserver {
    background-position: 0 -410px;
}
.main .main_content .box_right .btn-sub li a.bt-chuyenserver:hover {
    background-position: 0 -350px;
}
.main .main_content .box_right .tinh-nang {
    width: 100%;
    height: 224px;
    background: url(images_new/bg-tinhnang.jpg) 0 0 no-repeat;
    margin-top: 45px;
    overflow: hidden;
}
.main .main_content .box_right .tinh-nang h2 {
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    font-family: fontNav,Tahoma;
    color: #0d364c;
    text-transform: uppercase;
    text-align: center;
}
.main .main_content .box_right .tinh-nang ul {
    padding: 15px 5px;
    margin: 0;
    overflow: hidden;
}
.main .main_content .box_right .tinh-nang ul li {
    width: 48%;
    margin: 0 1%;
    height: 30px;
    margin-bottom: 3px;
    float: left;
}
.main .main_content .box_right .tinh-nang ul li a {
    display: block;
    color: #002637;
    font-size: 16px;
    line-height: 30px;
    background: url(images_new/icon-tinhnang.png) 0 9px no-repeat;
    font-family: "FontTitle";
    padding: 0 0 0 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.main .main_content .ranking {
    clear: both;
    width: 100%;
    height: 285px;
    background: url(images_new/bg-ranking.jpg) 0 0 no-repeat;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}
.main .main_content .ranking .tab-rank {
    width: 895px;
    margin: 0 0 8px 300px;
    overflow: hidden;
}
.main .main_content .ranking .tab-rank li {
    height: 38px;
    line-height: 38px;
    float: left;
}
.main .main_content .ranking .tab-rank li a{
    display: block;
    background: url(images_new/layout.png) no-repeat;
    height: 38px;
    width: 197px;
    color: transparent;
}
.main .main_content .ranking .tab-rank li a.tab-1 {
    background-position: 0 -1964px;
}
.main .main_content .ranking .tab-rank li a.tab-1.active, .main .main_content .ranking .tab-rank li a.tab-1:hover {
    background-position: 0 -1926px;
}
.main .main_content .ranking .tab-rank li a.tab-2 {
    background-position: 0 -2040px;
}
.main .main_content .ranking .tab-rank li a.tab-2.active, .main .main_content .ranking .tab-rank li a.tab-2:hover {
    background-position: 0 -2002px;
}
.main .main_content .ranking .tab-rank li a.tab-3 {
    background-position: 0 -2116px;
}
.main .main_content .ranking .tab-rank li a.tab-3.active, .main .main_content .ranking .tab-rank li a.tab-3:hover {
    background-position: 0 -2078px;
}
.main .main_content .ranking  .tab-rank li a.tab-4 {
    background-position: 0 -2192px;
}
.main .main_content .ranking  .tab-rank li a.tab-4.active, .main .main_content .ranking  .tab-rank li a.tab-4:hover {
    background-position: 0 -2154px;
}
.main .main_content .ranking .result-ranking {
    width: 890px;
    margin: 0 0 10px 300px;
    overflow: hidden;
}
.main .main_content .ranking .table-lucchien {
    background: #ebeded;
}
.main .main_content .ranking .table-lucchien th.stt {
    width: 50px;
    border: 1px solid #1a3d4c;
}
.main .main_content .ranking .table-lucchien th {
    text-align: center;
    color: #121212;
    font-weight: bold;
}
.main .main_content .ranking .table-lucchien th.group-bxh {
    width: 278px;
    border: 1px solid #1a3d4c;
    background: #ebeded;
    font-family: fontNav,Tahoma;
    font-size: 14px;
}
.main .main_content .ranking .table-lucchien th.group-bxh p.title {
    width: 100%;
    background: #866232;
    color: #f9e4a3;
    font-size: 16px;
    line-height: 26px;
    padding: 5px 0;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
}
.main .main_content .ranking .table-lucchien th.group-bxh p {
    width: 164px;
    float: left;
    text-align: center;
    padding: 5px;
    border-right: none;
}
.main .main_content .ranking .table-lucchien th.group-bxh p:last-child {
    width: 92px;
    float: left;
    border-right: 0;
}
.main .main_content .ranking .table-lucchien td.stt {
    width: 50px;
    text-align: center;
}
.main .main_content .ranking .table-lucchien td.stt img {
    display: block;
    margin: 0 auto;
}
.main .main_content .ranking .table-lucchien th, .main .main_content .ranking .table-lucchien td {
    border: 1px solid #1a3d4c;
}
.main .main_content .ranking .table-lucchien table td {
    border: 0;
    border-bottom: 1px solid #1a3d4c;
    height: 33px;
    text-align: center;
    overflow: hidden;
}
.main .main_content .ranking .table-lucchien td.group-bxh {
    width: 278px;
    background: 0;
    vertical-align: top;
}
.main .main_content .ranking .table-lucchien table td {
    border: 0;
    border-bottom: 1px solid #1a3d4c;
    height: 33px;
    text-align: center;
    overflow: hidden;
}
.main .main_content .ranking .table-lucchien td.group-bxh p {
    width: 165px;
    float: left;
    padding: 5px;
    text-align: left;
}
.main .main_content .ranking .table-lucchien td.group-bxh p:last-child {
    width: 92px;
    float: left;
    text-align: right;
}
.main .main_content .mon-phai {
    clear: both;
    width: 100%;
    height: 650px;
    background: url(images_new/bg-monphai.jpg) center top no-repeat;
    position: relative;
    box-shadow: 3px 3px 12px #ddd9d9, -3px -3px 12px #ddd9d9;
}
.main .main_content .mon-phai .swiper-container {
    width: 100%;
    padding-top: 100px;
}
.main .main_content .mon-phai .swiper-slide {
    width: 1200px;
    height: 550px;
    position: relative;
}
.main .main_content .mon-phai .swiper-slide .thumb {
    width: 298px;
    height: 140px;
    position: absolute;
    top: 210px;
    left: 50px;
}
.main .main_content .mon-phai .swiper-slide .intro {
    width: 298px;
    height: 180px;
    position: absolute;
    top: 360px;
    left: 50px;
}
.main .main_content .mon-phai .swiper-slide .view-more {
    background: url(images_new/bt-view.png) center top no-repeat;
    width: 108px;
    height: 37px;
    position: absolute;
    top: 110px;
    left: 240px;
    z-index: 5;
    color: transparent;
}
.main .main_content .mon-phai .swiper-slide .view-more:hover {
    background: url(images_new/bt-view-hover.png) center top no-repeat;
}
.main .main_content .mon-phai .swiper-pagination {
    top: 0;
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
    height: 100px;
}
.main .main_content .mon-phai .swiper-pagination-bullet {
    display: block;
    float: left;
    width: 80px;
    height: 100px;
    background: transparent;
    border-radius: 0;
    margin: 0;
    opacity: 1;
    outline: 0;
    position: relative;
    cursor: pointer;
}
/* .mon-phai .swiper-pagination-bullet:nth-child(1):hover, .mon-phai .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active {
    background: url(images_new/mp-tab-1.jpg) no-repeat;
    opacity: 1;
} */
.mon-phai .swiper-pagination-bullet:nth-child(1):hover, .mon-phai .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active {
    background: url(images_new/mp-tab-2.jpg) no-repeat;
    opacity: 1;
}
/* .mon-phai .swiper-pagination-bullet:nth-child(3):hover, .mon-phai .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active {
    background: url(images_new/mp-tab-3.jpg) no-repeat;
    opacity: 1;
} */
.mon-phai .swiper-pagination-bullet:nth-child(2):hover, .mon-phai .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active {
    background: url(images_new/mp-tab-4.jpg) no-repeat;
    opacity: 1;
}
.mon-phai .swiper-pagination-bullet:nth-child(3):hover, .mon-phai .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active {
    background: url(images_new/mp-tab-5.jpg) no-repeat;
    opacity: 1;
}
.mon-phai .swiper-pagination-bullet:nth-child(4):hover, .mon-phai .swiper-pagination-bullet:nth-child(4).swiper-pagination-bullet-active {
    background: url(images_new/mp-tab-6.jpg) no-repeat;
    opacity: 1;
}
.mon-phai .swiper-pagination-bullet:nth-child(5):hover, .mon-phai .swiper-pagination-bullet:nth-child(5).swiper-pagination-bullet-active {
    background: url(images_new/mp-tab-7.jpg) no-repeat;
    opacity: 1;
}
.mon-phai .swiper-pagination-bullet:nth-child(6):hover, .mon-phai .swiper-pagination-bullet:nth-child(6).swiper-pagination-bullet-active {
    background: url(images_new/mp-tab-8.jpg) no-repeat;
    opacity: 1;
}
.mon-phai .swiper-pagination-bullet:nth-child(7):hover, .mon-phai .swiper-pagination-bullet:nth-child(7).swiper-pagination-bullet-active {
    background: url(images_new/mp-tab-9.jpg) no-repeat;
    opacity: 1;
}
.mon-phai .swiper-pagination-bullet:nth-child(8):hover, .mon-phai .swiper-pagination-bullet:nth-child(8).swiper-pagination-bullet-active {
    background: url(images_new/mp-tab-10.jpg) no-repeat;
    opacity: 1;
}
.mon-phai .swiper-pagination-bullet:nth-child(9):hover, .mon-phai .swiper-pagination-bullet:nth-child(9).swiper-pagination-bullet-active {
    background: url(images_new/mp-tab-11.jpg) no-repeat;
    opacity: 1;
}
.mon-phai .swiper-pagination-bullet:nth-child(10):hover, .mon-phai .swiper-pagination-bullet:nth-child(10).swiper-pagination-bullet-active {
    background: url(images_new/mp-tab-12.jpg) no-repeat;
    opacity: 1;
}
.mon-phai .swiper-pagination-bullet:nth-child(11):hover, .mon-phai .swiper-pagination-bullet:nth-child(11).swiper-pagination-bullet-active {
    background: url(images_new/mp-tab-13.jpg) no-repeat;
    opacity: 1;
}
/* .mon-phai .swiper-pagination-bullet:nth-child(14):hover, .mon-phai .swiper-pagination-bullet:nth-child(14).swiper-pagination-bullet-active {
    background: url(images_new/mp-tab-14.jpg) no-repeat;
    opacity: 1;
} */
.mon-phai .swiper-pagination-bullet:nth-child(12):hover, .mon-phai .swiper-pagination-bullet:nth-child(12).swiper-pagination-bullet-active {
    background: url(images_new/mp-tab-15.jpg) no-repeat;
    opacity: 1;
}
.mon-phai .swiper-pagination-bullet:hover:after, .mon-phai .swiper-pagination-bullet.swiper-pagination-bullet-active:after{
    width: 80px;
    height: 85px;
    box-shadow: 3px 3px 5px #999b9e;
    content: '';
    position: absolute;
    z-index: -1;
    top: 5px;
    left: 0;
}
.mon-phai .swiper-pagination-bullet:hover:before, .mon-phai .swiper-pagination-bullet.swiper-pagination-bullet-active:before{
    width: 80px;
    height: 85px;
    box-shadow: -3px 3px 5px #999b9e;
    content: '';
    position: absolute;
    z-index: -1;
    top: 5px;
    left: 0;
}
.main .main_content .footer {
    clear: both;
    width: 1200px;
    height: 60px;
    text-align: left;
    color: #866232;
    font-size: 14px;
    line-height: 25px;
    padding: 40px 0 30px;
    margin: 0 auto;
    position: relative;
}
.main .main_content .footer .img {
    position: relative;
    display: block;
    float: left;
    height: 100px;
    width: 340px;
    text-align: center;
}
.main .main_content .footer .img img {
    position: relative;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.main .main_content .footer p {
    float: left;
    width: calc(100% - 340px);
    margin: 0;
    font-family: FontTitle;
}
.table_lichsu{
    position: relative;
    width: 100%;
    max-width: 100%; 
    border-collapse: collapse; 
    border-spacing: 0px; 
    padding: 0px; 
    margin: 10px auto 5px; 
    width: 536px; 
    color: rgb(0, 0, 0); 
    font-family: 'Roboto Condensed', 'Open Sans', Arial; 
    font-size: 15px; 
    line-height: 22.5px;
}
.table_lichsu tr:nth-child(odd){
    position: relative;
    width: 100%;
    -webkit-box-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px inset; 
    box-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px inset; 
    background: rgb(249, 247, 247);
}
.table_lichsu tr:nth-child(even) {
    -webkit-box-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px inset; 
    box-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px inset; 
}
.table_lichsu tr td{
    border: 1px solid rgb(223, 219, 242); 
    padding: 10px;
}
.main .main_content .box_center .box_post_center .midle_center .content_midle_center table{
    position: relative;
    width: 100%;
    max-width: 100%; 
    border-collapse: collapse; 
    border-spacing: 0px; 
    padding: 0px; 
    margin: 10px auto 5px; 
    width: 536px; 
    color: rgb(0, 0, 0); 
    font-family: 'Roboto Condensed', 'Open Sans', Arial; 
    font-size: 15px; 
    line-height: 22.5px;
}
.main .main_content .box_center .box_post_center .midle_center .content_midle_center table tr:nth-child(odd){
    position: relative;
    width: 100%;
    -webkit-box-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px inset; 
    box-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px inset; 
    background: rgb(249, 247, 247);
}
.main .main_content .box_center .box_post_center .midle_center .content_midle_center table tr:nth-child(even) {
    -webkit-box-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px inset; 
    box-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px inset; 
}
.main .main_content .box_center .box_post_center .midle_center .content_midle_center table tr th{
    border: 1px solid rgb(223, 219, 242) !important; 
    padding: 10px;
}
.main .main_content .box_center .box_post_center .midle_center .content_midle_center table tr td{
    border: 1px solid rgb(223, 219, 242) !important; 
    padding: 10px;
}
@media all AND (min-width: 240px) AND (max-width: 479px){
}
@media all AND (min-width: 480px) AND (max-width: 666px){
}
@media all AND (min-width: 667px) AND (max-width: 767px){
}
@media all AND (min-width: 768px) AND (max-width: 1023px){
}
@media all AND (min-width: 768px) AND (max-width: 1000px){
}
@media all AND (min-width: 1000px) AND (max-width: 1149px){
}
@media all AND (min-width: 1150px){

}
@media all AND (max-width: 768px){
    .hide_mobile{
        display: none !important;
    }
}