@charset "utf-8";
/* CSS Document */
@import url("fonts.css");
@import url("keyframe.css");

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    outline: none;
}
@font-face {
    font-family: sd-black;
    src: url(/fonts/sd_pro/SD-Black.ttf);
    font-display: swap
}

@font-face {
    font-family: sd-black-italic;
    src: url(/fonts/sd_pro/SD-BlackItalic.ttf);
    font-display: swap
}
@font-face {
    font-family: sd-bold;
    src: url(/fonts/sd_pro/SD-Bold.ttf);
    font-display: swap
}
@font-face {
    font-family: sd-bold-italic;
    src: url(/fonts/sd_pro/SD-BoldItalic.ttf);
    font-display: swap
}
@font-face {
    font-family: sd-italic;
    src: url(/fonts/sd_pro/SD-Italic.ttf);
    font-display: swap
}
@font-face {
    font-family: sd-light;
    src: url(/fonts/sd_pro/SD-Light.ttf);
    font-display: swap
}
@font-face {
    font-family: sl-light-italic;
    src: url(/fonts/sd_pro/SD-LightItalic.ttf);
    font-display: swap
}
@font-face {
    font-family: sd-medium;
    src: url(/fonts/sd_pro/SD-Medium.ttf);
    font-display: swap
}
@font-face {
    font-family: sd-medium-italic;
    src: url(/fonts/sd_pro/SD-MediumItalic.ttf);
    font-display: swap
}
@font-face {
    font-family: sd-regular;
    src: url(/fonts/sd_pro/SD-Regular.ttf);
    font-display: swap
}
@font-face {
    font-family: sd-semi-bold;
    src: url(/fonts/sd_pro/SD-SemiBold.ttf);
    font-display: swap
}
@font-face {
    font-family: sd-semi-bold-italic;
    src: url(/fonts/sd_pro/SD-SemiBoldItalic.ttf);
    font-display: swap
}
@font-face {
    font-family: sd-thin;
    src: url(/fonts/sd_pro/SD-Thin.ttf);
    font-display: swap
}
@font-face {
    font-family: sd-thin-italic;
    src: url(/fonts/sd_pro/SD-ThinItalic.ttf);
    font-display: swap
}
html {
    font-family: "sd-regular", Helvetica Neue, Helvetica, Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
}

b {
    font-family: 'RobotoBold';
}

*:fullscreen *:-ms-fullscreen,
*:-webkit-full-screen,
*:-moz-full-screen {
    overflow: auto !important;
}

.fix_scroll {
    overflow: hidden;
}

img {
    max-width: 100%;
}

.ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

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

a:hover {
    color: red
}

.margin_auto {
    width: 100%;
    margin: auto;
}

#invedo {
    width: 100%;
    min-height: 66px;
    float: left;
    margin: 0px 0px 10px 0px;
    background: #ebebeb;
    border-bottom: 1px solid #8e5c5c;
    border-top: 1px solid #ebebeb;
    position: relative;
    font-family: 'RobotoRegular';
}
#invedo .note{
    float: left;
    height: 45px;
    line-height: 45px;
}
#invedo .dangnhapve {
    position: absolute;
    right: 0px;
    top: 0px;
    background: #cc0000;
    padding: 12px 80px 0px 20px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    height: 65px;
}

#invedo .dangnhapve a {
    display: inline-block;
    color: #ffff00;
    font-family: 'RobotoBold';
    margin-top: 5px;
}

#invedo .dangnhapve a:hover {
    text-decoration: underline
}

#invedo .dangnhapve:before {
    content: '';
    position: absolute;
    left: -65px;
    height: 0px;
    width: 0px;
    border-right: 65px solid #cc0000;
    border-bottom: 0px solid transparent;
    border-top: 65px solid transparent;
    z-index: 1;
    top: 0px;
}

.vedo .row_input {
    width: 16%;
    float: left;
    padding: 5px;
}

.vedo {
    width: 75%;
    float: left;
    padding: 10px;
    padding-left: 60px;
    position: relative
}

.vedo label {
    text-transform: uppercase;
    position: absolute;
    z-index: 100;
    top: 23px;
    left: 0px;
}

.vedo select {
    width: 100%;
    float: left;
    height: 35px;
    border-radius: 5px;
    border: 1px solid #ebebeb;
    padding: 0px 10px 0px 10px;
    color: #666;
    margin: 0px 10px 0px 0px;
}

.vedo input {
    width: 100%;
    float: left;
    height: 35px;
    border-radius: 5px;
    border: 1px solid #ebebeb;
    padding: 3px 10px 0px 10px;
    color: #666;
    margin: 0px 10px 0px 0px;
    background: url('images/icon_lich.png') no-repeat top 8px right 10px;
    background-color: #fff
}

.vedo .btn_vedo {
    width: 100%;
    float: left;
    height: 35px;
    border-radius: 5px;
    border: 1px solid #ebebeb;
    padding: 0px 0px 0px 10px;
    margin: 0px 10px 0px 0px;
    background: url('images/icon_mayin.png') no-repeat top 9px right 10px;
    background-color: #fff;
    font-weight: bold;
    color: #4c4c4c;
    position: relative;
    cursor: pointer;
    text-align: left;
}

.vedo .btn_vedo:hover {
    background: linear-gradient(#e50000, #b50000);
    border: 1px solid #f01912;
    color: #fff;
}

.vedo .caidat {
    width: 100%;
    float: left;
    height: 35px;
    border-radius: 5px;
    border: 1px solid #ebebeb;
    padding: 0px 0px 0px 0px;
    margin: 0px 10px 0px 0px;
    background: linear-gradient(#e50000, #b50000);
    font-weight: bold;
    color: #fff;
    position: relative;
    cursor: pointer;
    text-align: left;
    text-align: center;
    text-transform: uppercase;
}

.vedo .caidat:hover {
    background: linear-gradient(#f75555, #ad2525);
    color: #FAF100;
}

.thongbao_sx {
    text-transform: uppercase;
    font-family: 'RobotoBold';
    text-align: center;
    color: #157fc2;
    padding: 10px 0px;
}

.chosedate {
    position: relative;
}

.chosedate input {
    opacity: 0;
    width: 1px;
    height: 1px;
    position: absolute
}

.quangcao_l {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.quangcao_mien {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

#loading_info {
    position: fixed;
    z-index: 100;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    text-align: center;
    padding-top: 300px;
    display: none;
}

.loading_info {
    -webkit-animation-name: rotate_360;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate_360;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    animation-name: rotate_360;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.float-ck {
    position: fixed;
    bottom: 0px;
    z-index: 900000;
    right: 0px;
}

#hide_float_right {
    text-align: right;
    font-size: 11px;
}

#hide_float_right a {
    background: #2A7F49;
    padding: 2px 4px;
    color: #FFF;
}

#float_content_right {
    border: 0px solid #2A7F49;
}

#logo {
    margin: 0px 0px 0px 0px;
    width: 20%;
    float: left;
}

#banner {
    float: left;
    width: 50%;
}

#doketqua {
    float: right;
    width: 42%;
    margin-top: 25px;
}

#doketqua .row_input {
    width: 25%;
    float: left;
    padding: 5px;
    color: #4c4c4c
}

#doketqua .row_input input,
#doketqua .row_input select,
#doketqua .row_input button {
    width: 100%;
}

#doketqua .row_input input {
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    height: 35px;
    padding: 0px 5px
}

#doketqua .row_input select {
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    height: 35px;
    padding: 0px 5px
}

#doketqua .row_input button {
    border: 1px solid #b90b0b;
    border-radius: 5px;
    height: 35px;
    padding: 0px 5px;
    background: linear-gradient(to bottom, #e50000, #b50000);
    font-family: 'RobotoBold';
    color: #fff;
    text-transform: uppercase;
    cursor: pointer
}

#doketqua .row_input button:hover {
    background: linear-gradient(to bottom, #fd7878, #c31919);
    color: #FFFC00
}

.thele .owl-controls {
    display: none;
}

#logo img,
#banner img {
    max-width: 100%;
    display: block;
}

#top {
    width: 100%;
    float: left;
    background: url(images/gocphai.png) no-repeat right top;
}

.top_info {
    width: 100%;
    float: left;
    height: 40px;
    background: #efefef;
}

.tt_member li a {
    color: #333
}

.share {
    padding: 10px 0px 0px 10px;
    float: left;
}

.slogan {
    padding-top: 5px;
}

.dangnhap_top {
    min-width: 150px;
    float: right;
    position: relative;
    margin: 24px 0px 0px 0px;
    text-align: right;
    background: #0084cb;
    text-align: center;
    padding: 8px 0px 8px 0px;
    border-radius: 5px;
    text-transform: uppercase;
}

.dangnhap_top a {
    color: #fff;
    padding: 0px 10px 0px 10px;
}

.dangnhap_top a:hover {
    color: #FFEA00;
    text-decoration: underline;
}

.mangxh {
    float: left;
}

.mangxh h4 {
    float: left;
    margin-top: 8px;
    font-size: 16px;
    color: #fff;
}

.mangxh a {
    float: left;
    padding: 2px 5px 0px 5px;
}
.container{
    position: relative;
    margin: auto;
    width: 1200px;
    max-width: 100%;
}
#header {
    width: 100%;
    height: 100px;
    position: relative;
}
#header .container{
    position: relative;
    margin: auto;
    width: 1200px;
    max-width: 100%;
}
#slide_show {
    width: 100%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.thanh_deal a:hover {
    color: #036C8F;
    text-decoration: underline;
}

.header_top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header_top .show_menu_mobile{
    font-size: 30px;
    height: 40px;
    color: #fff;
    position: relative;
    cursor: pointer;
    background: linear-gradient(#e50000, #b50000);
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}
@media all AND (max-width: 970px){
    .header_top .show_menu_mobile{
        display: block;
    }    
}
#hinhanh_top {
    float: right;
    margin: 10px 0px 10px 0px;
}

#hinhanh_top img {
    display: block;
}

.load_tructuyen {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('images/wait16.gif')
}

.tintuc_hot {
    width: 100%;
    float: left;
}

.tintuc_hot li {
    width: 100%;
    float: left;
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #eee;
}

.tintuc_hot li img {
    float: left;
    margin-right: 40px;
    transition: 0.5s
}

.tintuc_hot li:nth-child(even) img {
    float: right;
    margin-right: 0px;
    margin-left: 40px;
}

.tintuc_hot li h3 {
    padding: 10px 0px 5px 0px;
}

.tintuc_hot li h3 a {
    font-size: 24px;
    color: #0084cb;
}

.tintuc_hot li p {
    line-height: 2;
}

.tintuc_hot li h3:hover {
    text-decoration: underline;
}

.tintuc_hot li img:hover {
    outline: 1px solid rgba(255, 255, 255, 0.5);
    outline-offset: -20px;
}

.form label {
    display: block;
    padding: 5px 0px 5px 0px;
    font-weight: 100;
    font-size: 12px;
}

.form__submit__button {
    border: 0px;
    background: #f36f21;
    padding: 5px 20px 5px 20px;
    color: #fff;
}

.form__submit__button:hover {
    background: #036289
}

.form__input__text {
    position: relative;
    box-sizing: border-box;
    outline: 0;
    border: 1px solid rgba(0, 0, 0, .5);
    margin: 0;
    padding: 5px;
    font-size: 12px;
    width: 100%;
    border-radius: 3px;
}

.kiemtra_donhang li {
    display: inline-block;
    padding: 5px 30px 5px 0px;
}

.kiemtra_donhang {
    width: 100%;
    float: left;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin: 20px 0px 0px 0px;
}

.thongtin_donhang li {
    padding: 5px 30px 5px 0px;
    border-bottom: 1px solid #eee;
}

.thongtin_donhang {
    width: 100%;
    float: left;
    margin: 20px 0px 0px 0px;
    border-top: 1px solid #ccc
}

.title_don {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 5px;
}

.title_don td {
    padding: 5px;
    background: #eee;
}


.dichvu {
    padding: 10px;
    margin-bottom: 12px;
    position: relative;
}

.dichvu h3:before {
    content: '';
    width: 56px;
    height: 40px;
    background: url(images/icon.jpg) no-repeat;
    float: left;
    margin-right: 20px;
}

.dichvu h3 {
    width: 100%;
    float: left;
    background: #f4f3f3;
    height: 40px;
    line-height: 40px;
    color: #555555;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'RobotoMedium';
}

.dichvu img {
    width: 100%;
    transition: 0.5s;
}

.dichvu .dv_hinh {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.dichvu .dv_hinh:hover img {
    transform: scale(1.1);
}

.noidung_load h2 {
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
    color: #555;
    width: 100%;
    float: left;
    font-size: 18px;
    font-family: 'RobotoMedium';
    height: 40px;
    line-height: 40px;
}

.noidung_load h2:before {
    content: '';
    background: url(images/icon.jpg) no-repeat;
    width: 56px;
    height: 40px;
    float: left;
    margin-right: 20px;
}

.top_search {
    background: #f6f6f6;
    width: 100%;
    float: left;
}

.quangcao {
    margin: 20px 0px 20px 0px;
}

.quangcao img {
    width: 100%;
}

.modal-title {
    text-transform: capitalize;
}

.modal-footer {
    clear: left;
}

.tt_member:before {
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f8f8f9;
    position: absolute;
    z-index: 100;
    right: 70px;
    content: '';
    top: -10px;
}

.tt_member {
    position: absolute;
    z-index: 100;
    top: 38px;
    right: 0px;
    background: #f8f8f9;
    box-shadow: 0 0 19px rgba(0, 0, 0, .3);
    width: 600px;
    float: left;
    border-radius: 10px;
    z-index: 100;
    padding: 20px 0px 0px 0px;
    display: none;
}

.dangnhap_top:hover .tt_member {
    display: block;
}

.tt_member li {
    height: auto !important;
    width: 33%;
    float: left;
    padding: 10px !important;
    border: 0px !important;
}

.tt_member li h3 {
    padding-top: 10px;
    font-size: 12px;
}

.tt_member li a:hover {
    color: #1c9432
}

.choketqua {
    text-align: center;
}

.choketqua h4 {
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}

.choketqua b {
    text-transform: uppercase;
    font-weight: bold;
}

.photo_item_overlay {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(232, 83, 2, 0.5);
    opacity: 0;
    transform: scale(0);
    transition: transform 0.5s ease 0s;
}

.photo_item_overlay a {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
}

.icon_background {
    display: block;
    background: transparent none repeat scroll 0% 0%;
    height: 60px;
    width: 60px;
    padding: 13px;
    border-radius: 150px;
    transform: scale(0);
    transition: all 0.3s ease 0s;
}

.icon_button {
    position: absolute;
    padding: 13px;
    font-size: 30px;
    color: #FFF;
}

.tim {
    padding: 0px;
}

.tim a {
    padding: 15px 25px 0px 25px !important;
}

.tim a img {
    float: left;
    margin-right: 10px;
}

.dichvu:hover .photo_item_overlay,
.block:hover .photo_item_overlay {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.photo_item_overlay a:hover .icon_background {
    background: rgba(0, 0, 0, 0.7);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

#banner_mobile {
    display: none;
}

#slogan {
    font-family: 'SFUSouvenirBold';
    float: left;
    width: 650px;
    padding: 25px 0px 0px 30px;
    color: #0065a2;
    font-size: 22px;
    text-transform: uppercase;
}

#album img {
    width: 230px;
    float: left;
    padding: 4px;
    margin: 8px;
    border: 1px solid #cde0fe;
    height: 150px;
}

#album img:hover {
    opacity: 0.8;
}

#main_menu {
    position: relative;
    width: 100%;
    background: #cc0000;
    height: 45px;
}
.icon_xs {
    background: url(/skin/css_index/images/xs.png) no-repeat center;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 5px;
    margin-right: 3px;
}
.box_menu_mobile{
    position: absolute;
    margin: auto;
    top: 40px;
    right: 0;
    background: linear-gradient(#e50000, #b50000);
    z-index: 999;
    width: 280px;
    border-radius: 10px 0px 10px 10px;
    overflow: hidden;
    display: none;
}
.box_menu_mobile>ul{
    list-style: none;
}
.box_menu_mobile>ul>li{
    position: relative;
    width: 100%;
    background: #cc0000 !important;
    color: #fff;
    font-size: 13px;
    font-weight: 100;
    height: auto;
    line-height: 1.5;
    letter-spacing: 0.6px;
    border-radius: 0px;
    margin: 0px;
    padding: 10px 0px 10px 20px;
    font-family: 'RobotoRegular';
    text-transform: uppercase;
    text-align: left;
    width: 100%;
    border-top: 1px solid #f13630;
    border-bottom: 1px solid #b90903;
}
.box_menu_mobile>ul>li>a{
    color: #fff;
}
.box_menu_mobile>ul>li>a:hover{
    color: #fd0;
}
.box_menu_mobile>ul>li>.fa-angle-down{
    position: absolute;
    margin: auto;
    font-size: 20px;
    right:10px;
    top:10px;
}
.box_menu_mobile>ul>li>.fa-angle-up{
    position: absolute;
    margin: auto;
    font-size: 20px;
    right:10px;
    top:10px;
}
.box_menu_mobile>ul>li>ul{
    display: none;
}
.box_menu_mobile>ul>li.active>ul{
    display: block;
    margin-top: 10px;
}
.box_menu_mobile>ul>li.active>ul>li{
    position: relative;
    width: 100%;
    background: #cc0000 !important;
    color: #fff;
    font-size: 13px;
    font-weight: 100;
    height: auto;
    line-height: 1.5;
    letter-spacing: 0.6px;
    border-radius: 0px;
    margin: 0px;
    padding: 10px 0px 10px 10px;
    font-family: 'RobotoRegular';
    text-transform: uppercase;
    text-align: left;
    width: 100%;
    border-top: 1px solid #f13630;
    border-bottom: 1px solid #b90903;
}
.box_menu_mobile>ul>li.active>ul>li>a{
    color: #fff;
}
.box_menu_mobile>ul>li.active>ul>li>a:hover{
    color:#fd0;
}
.box_menu_mobile>ul>li>ul>li>.fa-angle-down{
    position: absolute;
    margin: auto;
    font-size: 20px;
    right:10px;
    top:10px;
}
.box_menu_mobile>ul>li>ul>li>.fa-angle-up{
    position: absolute;
    margin: auto;
    font-size: 20px;
    right:10px;
    top:10px;
}
.box_menu_mobile>ul>li.active>ul>li>ul{
    display: none;
}
.box_menu_mobile>ul>li.active>ul>li.active>ul{
    display: block;
    margin-top: 10px;
}
.box_menu_mobile>ul>li.active>ul>li.active>ul>li{
    padding-left: 10px;
    height: 25px;
}
.box_menu_mobile>ul>li.active>ul>li.active>ul>li>a{
    color: #fff;
}
.box_menu_mobile>ul>li.active>ul>li.active>ul>li>a:hover{
    color:#fd0;
}
.slide_ {
    width: 100%;
    float: left;
    padding: 10px 0px 0px 20px;
}

.frame_images {
    float: left;
    width: 300px;
}

.bong_sl {
    width: 100%;
    float: left;
    height: 32px;
    background: url(images/bg_slide.png) no-repeat;
}

.ngonngu {
    float: left;
    margin: 30px 0px 0px 0px;
}

.ngonngu img {
    margin-left: 5px;
}

.ngonngu img:hover {
    box-shadow: 0px 0px 10px #ccc;
}

.ngonngu p {
    text-align: center;
}

.ngonngu a {
    color: #666;
}

.ngonngu a:hover {
    color: #037CBB
}

#thongtin {
    width: 100%;
    float: left;
    padding: 20px 0px 10px 0px;
}

.bong_tren {
    width: 100%;
    float: left;
    background: url(images/bongtren.png) no-repeat;
    height: 17px;
    margin: 20px 0px 0px 0px;
}

.bong_duoi {
    width: 100%;
    float: left;
    background: url(images/bongduoi.png) no-repeat;
    height: 40px;
    margin: 0px 0px 0px 0px;
}

#video {
    width: 100%;
    float: left;
    margin-top: 20px;
}

#video_load {
    margin: 0px 0px 0px 0px;
    background: url(images/bg_pro.png) repeat;
    width: 100%;
    float: left
}

#video_load .object {
    background: #fff;
    width: 100%;
    float: left
}

.video {
    width: 100%;
    padding: 5px;
    margin-bottom: 10px;
}

.select_video {
    width: 100%;
    float: left;
    margin: 5px 0px 5px 0px;
}

.select_video select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
}

.sanpham_dm ul li a {
    text-decoration: none;
    width: 300px;
    float: left;
    padding: 0px 0px 8px 10px;
    color: rgba(255, 255, 255, 1)
}

.sanpham_dm ul li a:hover {
    color: rgba(255, 255, 0, 1)
}

.tieude {
    margin: 10px 0px 10px 0px;
    width: 100%;
    float: left;
    color: #cc0000;
    font-size: 24px;
}

.noidung h1, .noidung h2, .noidung h3, .noidung h4 {
    margin-top: 10px;
}

.noidung p {
    text-indent: 1ch;
    margin-top: 5px;
    text-align: justify !important;
}

.noidung {
    text-align: justify;
    color: #000;
    padding: 10px 0px 10px 0px;
}

.thongtin_lh {
    width: 100%;
    float: left;
    padding: 0px 40px 20px 0px;
}

.thongtin_lh h1 {
    font-size: 20px;
    text-transform: uppercase;
    color: #04608B
}

.form_lh {
    width: 100%;
    float: right;
    background: #f3f8fe;
    padding: 20px;
}

#form_contact input {
    padding: 5px;
}

ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#load_thanhvien{
    width: 100%;
}
.form-group{
    width: 100%;
}
#load_thanhvien .form-group .control-label{
    width: 100%;
    margin-top: 5px;
    font-size: 16px;
}
#load_thanhvien .form-group .input-group{
    display: flex;
    align-items: center;
    gap:10px;
}
#load_thanhvien .form-group .input-group .input-group-addon{
    width: 20px;
}
#load_thanhvien .form-group .input-group input[type=text]{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    height: 40px;
    border:1px solid #dedede;
}
#load_thanhvien .form-group .input-group input[type=password]{
    width: 100%;
    padding:10px;
    box-sizing: border-box;
    border-radius: 5px;
    height: 40px;
    border:1px solid #dedede;
}
#load_thanhvien .form-group .input-group textarea{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    height: 80px;
    border:1px solid #dedede;
}
#icon {
    background: url(images/gach_menu.png) no-repeat right;
}

#kq_vietlott {
    width: 100%;
    float: left;
    margin: 5px 0px 10px 0px;
}

#timkiem {
    background-color: rgba(0, 0, 0, 0.1);
    margin: 0px 0px 5px 20px;
    position: absolute;
    padding: 0px;
    top: 10px;
    right: 0px;
    z-index: 100;
}

#timkiem select {
    border: 0px;
    width: 100px;
}

#timkiem input {
    width: 250px;
    height: 32px;
    float: left;
    color: #fff;
    background: none;
    border: 0;
    margin: 2px 0px 0px 6px;
    padding: 0px 10px 2px 10px;
    outline: none;
}

#timkiem button {
    float: right;
    border: 0px;
    background: none;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    z-index: 10;
    right: 10px;
    top: 5px;
    font-weight: bold;
    cursor: pointer;
    outline: none;
}

.timkiem button:hover {
    color: rgba(255, 255, 0, 1);
}

#timkiem input::-webkit-input-placeholder {
    color: #fff;
}

#timkiem input:-moz-placeholder {
    color: #fff;
}

#timkiem input::-moz-placeholder {
    color: #fff;
}

#timkiem input:-ms-input-placeholder {
    color: #fff;
}

.giohang_top {
    position: absolute;
    left: -30px;
    top: 22px;
}

.giohang_top a {
    float: right;
    position: relative;
    color: #1c9432;
    margin: 0px 0px 0px 0px;
    font-size: 24px;
}

.giohang_top a span {
    position: absolute;
    color: red;
    top: -5px;
    right: -5px;
    font-size: 14px;
    font-weight: bold;
}

#slide_top {
    width: 100%;
    float: left;
    position: relative;
    border-bottom: 5px solid #7aaa00;
}

#giaohang {
    width: 900px;
    float: right;
}

#giaohang li {
    width: 165px;
    float: left;
    padding: 0px 20px 0px 45px;
    text-transform: uppercase;
    font-size: 12px;
}

#giaohang li a {
    display: inline-block;
    color: #000;
}

.giaohang_tq {
    background: url(images/giaohang.png) no-repeat 0px 3px
}

.giaohang_nt {
    background: url(images/nhantien.png) no-repeat 0px 3px
}

.giaohang_dt {
    background: url(images/doitra.png) no-repeat 0px 3px
}

.giaohang_lh {
    width: 350px !important;
    background: url(images/lienhe.png) no-repeat 0px 3px
}

.giaohang_lh span {
    font-weight: bold;
    color: #df0000;
    font-size: 16px;
}

#giaohang li a:hover {
    color: #047FBE
}

.link_dn a {
    font-weight: bold;
    color: #1c9432;
}

.vien_slide {
    width: 100%;
    float: left;
    position: absolute;
    background: url(images/bong_slide.png) no-repeat;
    height: 55px;
    background-size: 100%;
    bottom: 10px;
}

.album {
    float: left;
    margin: 15px 0px 0px 6px;
    position: relative;
    overflow: hidden;
}

.album img {
    width: 220px;
    float: left;
    padding: 1px;
    border: 1px solid #cde9ff;
}

.album h3 {
    font-size: 12px;
    position: absolute;
    z-index: 10;
    bottom: -30px;
    left: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 5px;
    transition: 0.5s;
}

.album:hover h3 {
    bottom: 0px;
}

.fom_gh {
    margin: 10px 0px 0px 0px;
}

.input-group {
    width: 100%;
    padding: 0px;
}

.input-group-but {
    text-align: center;
    margin: 10px 0px 20px 0px;
}

.input-group-but button {
    background: #000;
    padding: 10px 40px 10px 40px;
    border: 0px;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
}

.runLoto {
    opacity: 0.6;
}

#main {
    width: 100%;
    background: #fff;

}

.main {
    width: 100%;
    float: left;
}

#right {
    width: 22.5%;
    float: right;
    position: relative;
    z-index: 1;
}

#left {
    width: 22.5%;
    float: left;
}

.danhmuc {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.left {
    width: 100%;
    float: left;
    border: 1px solid #cacaca;
    border-radius: 0px 0px 5px 5px;
    border-top: 0px;
    background: #f7f7f7;
    padding: 5px;
}

.right {
    width: 100%;
    float: left;
    border: 1px solid #cacaca;
    border-radius: 0px 0px 5px 5px;
    border-top: 0px;
    padding-bottom: 20px;
}

.thanh {
    width: 100%;
    float: left;
    color: #fff;
    text-align: center;
    position: relative;
    font-family: 'RobotoBold';
    background: url('images/bg_danhmuc.png') no-repeat;
    background-size: 100% 100%;
    text-transform: uppercase;
    height: 45px;
    line-height: 45px;
    border-radius: 5px 5px 0px 0px;
}

.hotro_tt {
    color: #713b00;
    font-weight: bold;
    text-align: center;
    margin: 0px 0px 0px 0px;
}

.hotline_l {
    font-size: 14px;
    font-weight: bold;
    margin: auto;
    width: 220px;
    background: url('images/hotline.png') no-repeat 0px 0px;
    color: #fe0000;
    padding: 22px 0px 10px 55px;
    font-family: 'RobotoCondensed';
}

.hotline_l span {
    font-size: 18px;
}

.homnay {
    width: 50%;
    float: left;
    text-align: center;
    padding: 5px;
    font-size: 12px;
}

.homnay p {
    background: #eeeeee;
    padding: 2px 0px 2px 0px;
}

.hotro {}

.thanh img {
    float: left;
    margin: 2px 10px 0px 10px;
}

.thanh h4 {
    color: rgba(255, 255, 255, 1);
    margin-top: 8px;
    font-weight: 100;
}

.hottoday_mien b {
    font-weight: bold;
}

#toanmanhinh {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100000000;
    top: 0px;
    left: 0px;
    display: none;
    padding: 50px;
    background: #fff;
    overflow-y: scroll;
}

#toanmanhinh .tenbkqxs,
#toanmanhinh .boxBottom,
#toanmanhinh .Menutool {
    display: none;
}

#toanmanhinh .kqxs_content {
    padding: 0px;
    border: 0px;
}

#toanmanhinh .kqxs_content table {
    margin: 0px !important;
}

.menu_left {
    width: 100%;
    float: left;
}

.menu_left ul {
    width: 100%;
    float: left;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.menu_left ul li {
    width: 100%;
    float: left;
    position: relative;

}

.menu_left ul li:last-child {
    border-bottom: 0px;
}

.menu_left ul li.choxo:after {
    content: '';
    position: absolute;
    z-index: 1;
    width: 16px;
    height: 16px;
    right: 12px;
    top: 12px;
    background: url('images/wait16.gif') no-repeat;
}

.menu_left ul li.daxo:after {
    content: '';
    position: absolute;
    z-index: 1;
    width: 24px;
    height: 24px;
    right: 8px;
    top: 10px;
    background: url('images/hople.png') no-repeat;
    background-size: 100% 100%;
}

.menu_left ul li.dangxo:after {
    content: '';
    position: absolute;
    z-index: 1;
    width: 20px;
    height: 20px;
    right: 10px;
    top: 10px;
    background: url('images/loto0.gif') no-repeat;
}

.menu_left ul a {
    width: 100%;
    float: left;
    padding: 12px 0px 12px 37px;
    text-decoration: none;
    color: #333;
    border-bottom: 1px dotted #e6e6e6;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'RobotoRegular';
    background: url('images/mui.png') no-repeat 16px 18px;

}

.menu_left ul a i {
    font-size: 16px;
}

.sub1 {
    font-family: 'RobotoBold' !important;
}

.sub1 i {
    color: red;
    font-size: 16px;
}

.menu_left ul a i {
    margin: 0px 10px 0px 0px;
}

.menu_left li ul a {
    width: 100%;
    float: left;
    color: #666;
}

.menu_left>ul>li:hover>a {
    background: url('images/mui.png') no-repeat 16px 18px;
    background-color: #f2f2f2
}

.menu_left li ul a {
    padding-left: 18px;

}

.menu_left li ul li a {
    background: none;
    padding-left: 35px;
}

.menu_left>ul>li>ul>li:hover>a {
    background-color: #f2f2f2
}

#frmdovesoop {
    width: 100%;
    float: left;
    background: #ccc;
    border-radius: 5px;
    padding: 10px;
}

#frmdovesoop .row {
    margin-left: -10px;
    margin-right: -10px;
}

#frmdovesoop .col {
    width: 50%;
    float: left;
    padding: 10px
}

#frmdovesoop .col input,
#frmdovesoop .col select {
    padding: 7px;
    width: 70%;
    float: right;
    border: 0px solid #eee;
}

#frmdovesoop #frm_dove_tinh {
    width: 70%;
    float: right;
}

#frmdovesoop .col .label {
    padding: 5px 0px;
    width: 30%;
    float: left;
    color: #333;
    text-transform: uppercase;
    font-family: 'RobotoBold'
}

#frmdovesoop .col input[type=submit] {
    background: #cc0000;
    color: #fff;
}

#frmdovesoop .col input[type=submit]:hover {
    background: #f31d1d
}

.title_kqtkext {
    width: 100%;
    float: left;
    text-align: center;
    text-transform: uppercase;
    font-family: 'RobotoBold';
    font-weight: 100;
    color: #fff;
    background: #f6851e;
    padding: 5px;
    margin: 20px 0px;
    font-size: 17px;
}

.box_msdove {
    width: 100%;
    float: left;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #eee;
    background: #f7f7f7;
    text-align: center;
}

.box_msdove .daydo {
    font-size: 20px;
    color: red;
}

.truc_tiep {
    background: url('images/wait16.gif') no-repeat top 10px right 10px;
}

.boxtkxsext .vesotrung {
    padding-left: 20px;
}

.boxtkxsext table {
    margin: 10px 0px;
    width: 100%;
    float: left;
}

.boxtkxsext .trungg {
    color: red;
    font-weight: bold;
}

.dvs_linkdoisotrung {
    display: inline-block;
    padding: 10px 30px;
    background: #17bf02;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 5px;
}

.dvs_linkdoisotrung:hover {
    color: #fff;
    background: #1f6716
}

#noibat {
    width: 100%;
    float: left;
    background: #fee6e4;
    padding: 20px 0px 0px 0px;
}

.sp_noibat {
    padding: 10px 0px 0px 0px;
}

.sp_noibat img {
    width: 75px;
    padding: 1px;
    float: left;
    border: 1px solid #ccc;
    margin: 5px 10px 5px 0px;
}

.sp_noibat h3 a {
    color: #000;
}

.sp_noibat:hover h3 a {
    color: #045898;
    text-decoration: underline;
}

.close_manhinh {
    position: fixed;
    z-index: 100010;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font-size: 40px;
    cursor: pointer;
    display: none;
    background: url('images/icon/Actions-window-close-icon.png') no-repeat;
    background-size: 100% 100%;
}

body.fixed_zoom {
    overflow: hidden
}

.tintuc {
    width: 50%;
    float: left;
    margin: 5px 0px 5px 0px;
    padding: 0px 10px 0px 10px;
    text-align: justify;
}

.tintuc:nth-child(2n+1) {
    clear: both;
}

.tintuc img {
    float: left;
    border: 1px solid #c8c8c8;
    padding: 2px;
    margin: 10px 10px 0px 0px;
}

.tintuc a {
    text-decoration: none;
}

.tintuc h3 {
    padding: 5px 0px 5px 0px;
    color: #006783
}

.tintuc h3 a {
    font-size: 14px;
    color: #006783;
    text-transform: uppercase;
}

.tintuc:hover h3 a {
    color: #026164
}

.tintuc p {
    font-size: 13px;
    color: #666;
}

.tintuc:hover h3 {
    color: rgba(255, 0, 0, 1);
}

.tintuc:hover {
    opacity: 0.8;
}

.visit_hidden {
    visibility: hidden;
    height: 1px;
}

.tinkhac {
    width: 100%;
    float: left;
    margin: 20px 0px 20px 0px;
}

.tinkhac li a {
    width: 100%;
    float: left;
    padding: 2px 0px 2px 30px;
    color: #333;
}

.tinkhac li a:hover {
    color: #036CAF
}

.xemnhieu {
    width: 193px;
    float: left;
    border: 1px solid #FF8A00;
    background: url(images/left_cham.png) repeat-y;
}

.choixoso {
    border-radius: 5px;
    background: #ededed;
    width: 100%;
    float: left;
    border-left: 1px solid #cacaca;
    border-top: 1px solid #cacaca;
}

.choixoso td {
    padding: 10px;
    text-transform: capitalize;
    border-right: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
}

.choixoso td strong {
    font-weight: bold;
    text-align: center;
    width: 100%;
    float: left;
    color: #141414;
}

.choixoso td a {
    color: #333333
}

.choixoso td a:hover {
    color: red;
    text-decoration: underline
}

.choixoso td .xemctt {
    float: right;
    font-size: 12px;
    color: #017db1;
}

.choixoso tr:nth-child(even) td {
    background: #f7f7f7
}

.choixoso tr:first-child td:nth-child(4) {
    border-radius: 0px 5px 0px 0px;
}

.choixoso tr:last-child td:nth-child(4n) {
    border-radius: 0px 0px 5px 0px;
}

.choixoso tr:last-child td:nth-child(1) {
    border-radius: 0px 0px 0px 5px;
}

.title_kd {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0px;
    color: #cc0000;
}

.tbkq {
    width: 100%;
    float: left;
    margin: 5px 0px;
    color: #3d3d3d;
    text-align: center;
}

.tbkq .countDays {
    display: none;
}

.ketqua_m {
    margin: 30px 0px 30px 0px;
    width: 100%;
    float: left;
}

.ketqua_m .title_kd {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0px;
}

.miennam1cot .dayso {
    display: inline-block;
    padding: 5px 30px 5px 30px;
}

.pagenav_1 {
    width: 100%;
    float: left;
    text-align: center;
    margin: 10px 0px;
    padding: 0px 40px;
}

.pagenav_1 ul {
    display: flex;
}

.pagenav_1 li {
    position: relative;
    flex-grow: 2;
    padding: 0px 2px;
}

.pagenav_1 li a {
    border: 1px solid #b50000;
    border-radius: 5px;
    background: linear-gradient(#e50000, #b50000);
    display: block;
    color: #fff;
    padding: 8px 0px;
    font-size: 14px;
    font-family: 'RobotoBold';
}

.pagenav_1 li.chosedate a {
    padding: 8px 20px 8px 0px;
    background: linear-gradient(#ff9c00, #ee2322);
    border: 1px solid #ff9c00;
}

.pagenav_1 li.chosedate a:after {
    content: '';
    height: 22px;
    width: 22px;
    background: url('images/calendar_today.png') no-repeat;
    position: absolute;
    right: 10px;
    top: 8px;
    z-index: 10;
}

.pagenav_1 li a:hover {
    background: linear-gradient(#ff9c00, #ee2322);
    border: 1px solid #ff9c00;
}

#ttkqxs {
    width: 100%;
    float: left;
    margin: 5px 0px 0px 0px;
    border-radius: 5px;
}

#ttkqxs .tenbkqxs {
    width: 100%;
    float: left;
    background: #ea1912;
    color: #fff;
    text-transform: capitalize;
    font-weight: bold;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #c5120d;
    position: relative
}

#ttkqxs .tenbkqxs .title {
    float: left;
    padding: 10px 0px 5px 10px;
    font-weight: bold;
}

.miennam4cot .title_tinh {
    width: 25%
}

.miennam5cot .title_tinh {
    width: 20%
}

.kqxs_content .ngaykqxs {
    position: absolute;
    z-index: 100;
    right: 10px;
    top: 0px;
    border: 1px solid #efe582;
    border-radius: 0px 0px 5px 5px;
    background: linear-gradient(#2e2e2e, #020202);
    padding: 0px 5px 0px 5px;
    color: #fff;
}

.kqxs_content .ngaykqxs span.date {
    border-bottom: 1px solid #fff;
    font-family: 'RobotoBold';
    font-size: 18px;
}

.kqxs_content .ngaykqxs span.year {
    font-size: 16px;
}

.kqxs_content .ngaykqxs span {
    display: block;
    padding: 0px 10px 0px 10px
}

.tag_kp {
    width: 100%;
    float: left;
    font-size: 14px;
}

.tag_kp ul li {
    width: 33.333333333%;
    float: left;
    background: #ae0000;
    border-right: 1px solid #cc0000
}

.tag_kp ul li a {
    display: block;
    color: #fff;
    padding: 10px 0px;
    font-family: 'RobotoBold';
}

.tag_kp ul li a.active {
    background: linear-gradient(#ed1f23, #ff9a00);
}

.tag_kp ul li a .mobile {
    display: none
}

.rowkq_mien {
    width: 100%;
    float: left;
    display: none
}

.rowkq_mien.active {
    display: block
}

.tag_mega {
    width: 100%;
    float: left;
}

.tag_mega ul {
    margin-left: -2px;
    margin-right: -2px;
}

.tag_mega ul li {
    float: left;
    width: 33.333333%;
    padding: 0px 2px;
}

.tag_mega ul li a {
    display: block;
    color: #fff;
    padding: 10px 40px;
    font-family: 'RobotoBold';
    border-radius: 5px 5px 0px 0px;
    text-transform: uppercase;
    font-size: 18px;
}

.tag_mega ul li a[href="#kq_mega45"] {
    background: #c9050f;
}

.tag_mega ul li a[href="#kq_power55"] {
    background: #b12f0f;
}

.tag_mega ul li a[href="#kq_max4d"] {
    background: #630247;
}

.tag_mega ul li a.active {}

.rowkq_vietlott {
    width: 100%;
    float: left;
    display: none
}

.rowkq_vietlott.active {
    display: block
}

#tkdefault_loto_songay {
    color: #333;
}

.kqxs_content {
    width: 100%;
    float: left;
    /* font-family: 'RobotoRegular'; */
    position: relative;
    text-align: center;
    background: #fff;
}

.kqxs_content table {
    width: 100%;
    float: left;
    border-top: 1px solid #c7c6c6;
    border-left: 1px solid #c7c6c6;
    margin: 0px 0px 10px 0px;
}

.kqxs_content table tr:nth-child(even) td {
    background: #fafafa
}

.kqxs_content table tr:nth-child(odd) td {
    background: #fff
}

.kqxs_content table td {
    border-bottom: 1px solid #c7c6c6;
    border-right: 1px solid #c7c6c6;
    text-align: center;
    padding: 0px 5px;
}

.kqxs_content .title_tinh {
    text-transform: uppercase;
    color: #017db1;
    font-family: 'RobotoBold';
    padding: 5px;
}
.miennam3cot .kqxs_content .title_tinh {
    width: calc(100%/4);
}
.miennam4cot .kqxs_content .title_tinh {
    width: 20%;
}
.kqxs_content .tienich_kq {
    padding: 0px;
}

.kqxs_content .tienich_kq table {
    border: 0px;
    margin-bottom: 0px;
}

.kqxs_content .tienich_kq table td {
    padding: 5px;
    border-bottom: 0px;
}

.kqxs_content .tienich_kq table td div {
    width: 100%;
    float: left;
    height: 31px;
    line-height: 31px;
    cursor: pointer;
    transition: 0.2s;
}

.kqxs_content .tienich_kq table td div.loto_hangchuc {
    text-align: left;
    background: url('images/btnswitch.png') no-repeat top 0px right 0px;
    padding: 0px 10px;
}

.kqxs_content .tienich_kq div.loto_hangchuc.open {
    background: url('images/btnswitch.png') no-repeat top -31px right 0px;
}

.kqxs_content .tienich_kq table td:last-child {
    border-right: 0px;
}

.kqxs_content .tienich_kq table td.active {
    background: #ff9c00;
    color: #fff;
}

.kqxs_content .khtemp {
    display: inline-block;
    border: solid 2px #FF8B00;
    font-size: 18px;
    padding: 0 3px;
    margin: 5px 2px 0 2px;
    height: 27px;
    line-height: 27px;
    background: #FCF0D8;
    min-width: 20px;
    border-radius: 4px;
}

.title_xoso {
    width: 100%;
    float: left;
    background: linear-gradient(#ed1f23, #ff9a00);
    color: #fff;
    font-family: 'RobotoBold';
    font-size: 18px;
    text-transform: uppercase;
    padding: 8px 0px 5px 0px;
    margin-top: 1px;
}

.title_xoso h1 {
    font-size: 18px;
    text-align: center;
}

.boxLoto {
    width: 100%;
    float: left;
    display: none
}

.boxLoto .cap_8,
.boxLoto .cap_0 {
    color: red
}

.boxLoto .cap_7 {
    color: blue
}

.boxLoto .duoi {
    display: inline-block;
    padding: 0px 5px;
    font-family: 'RobotoBold';
}

.boxLoto table {
    border: 0px;
}

.boxLoto table td {
    padding: 0px;
    border: 0px;
}

.boxLoto table td table {
    border-top: 1px solid #ebebeb;
    text-align: center;
}

.boxLoto table td:first-child table {
    border-left: 1px solid #ebebeb;
}

.boxLoto table td table td {
    padding: 5px;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

.boxLoto .title_ti {
    text-transform: uppercase;
    color: #0054be;
    font-family: 'RobotoBold';
}

.boxLoto .boxloto_title {
    background: #6f6f6f;
    width: 100%;
    float: left;
    color: #fff;
    text-transform: uppercase;
    font-family: 'RobotoBold';
    font-size: 15px;
    padding: 5px 0px;
}

.boxLoto .somien {
    background: #f9f9f9 !important;
}

.giai7lohome {
    width: 100%;
    float: left;
    background: #f9f9f9;
    border: 1px solid #ebebeb;
}

.giai7lohome span {
    float: left;
    padding: 5px 20px;
    border-right: 1px solid #ebebeb;
}

.config_giai7lo.active {
    background: #ff9800;
    color: #fff;
}

.box_dauduoi_header {
    background: linear-gradient(#ed1f23, #ff9a00);
    padding: 7px 0px 5px 0px;
    text-transform: uppercase;
    font-family: 'RobotoBold';
    color: #fff;
    width: 100%;
    float: left;
}

.hangdonvi table {
    border-left: 1px solid #ebebeb;
    text-align: center;
}

.hangdonvi table td {
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    background: #fff !important;
    vertical-align: top;
    font-family: 'RobotoBold';
    padding: 10px 0px;
}

.hangdonvi .header td {
    background: #f9f9f9 !important;
    padding: 5px 0px;
}

.hangdonvi .dauduoi {
    display: flex;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hangdonvi .banh2 {
    display: inline-block;
    background: #f65d12;
    border-radius: 10px;
    padding: 0px 3px;
    color: #fff;
}

.hangdonvi .banh3 {
    display: inline-block;
    background: #ae0000;
    border-radius: 10px;
    padding: 0px 3px;
    color: #fff;
}

#tick {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    pointer-events: none;
}

.giai_bay {
    font-size: 20px;
    color: #008ec9;
}

.kqxs_content table td .dayso {
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    height: 30px;
}

.tinhthanh4cot table td .dayso {
    display: inline-block;
    padding: 0px 30px;
}

.kqxs_content .giai_tam .dayso {
    font-size: 25px;
    color: #ee0700;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.kqxs_content .dayso img {
    padding: 5px;
}

.kqxs_content .giai_datbiet .dayso {
    font-size: 20px;
    color: #ee0700;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ten_giai_dac_biet {
    font-weight: bold;
    font-size: 16px
}

.boxBottom {
    width: 100%;
    float: left;
    background: #eae098;
}

.boxBottom .config_Bangketqua_list {
    float: left;
    margin: 10px 0px 10px 10px
}

.boxBottom .config_Bangketqua_list .config_Item {
    float: left;
    padding: 4px 6px 4px 6px;
    border: 1px solid #fff;
    color: #000;
    margin-right: 10px;
    cursor: pointer
}

.boxBottom .config_Bangketqua_list .config_Item:hover {
    background: #00658f;
    color: #fff;
}

.daysoThongke {
    background: radial-gradient(circle at 5px 5px, #F7F5F5, #31313A);
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    line-height: 25px;
    text-align: center;
    font-size: 15px;
    margin: 10px 0px 0px 10px;
    cursor: pointer;
}

.daysoThongke:hover {
    background: radial-gradient(circle at 5px 5px, #f1d3d1, #ab0500);
    color: #fff;
}

.dayso .banh0 {
    display: inline-block;
    background: radial-gradient(circle at 5px 5px, #fff, #d8131d);
    border-radius: 100%;
    padding: 0px 2px 0px 2px;
    color: #fff;
}

.dayso .banh1 {
    display: inline-block;
    background: radial-gradient(circle at 5px 5px, #fff, #279a00);
    border-radius: 100%;
    padding: 0px 2px 0px 2px;
    color: #fff;
}

.dayso .banh2 {
    display: inline-block;
    background: radial-gradient(circle at 5px 5px, #fff, #ff8302);
    border-radius: 100%;
    padding: 0px 2px 0px 2px;
    color: #fff;
}

.dayso .banh3 {
    display: inline-block;
    background: radial-gradient(circle at 5px 5px, #fff, #76300a);
    border-radius: 100%;
    padding: 0px 2px 0px 2px;
    color: #fff;
}

.dayso .banh4 {
    display: inline-block;
    background: radial-gradient(circle at 5px 5px, #fff, #32323a);
    border-radius: 100%;
    padding: 0px 2px 0px 2px;
    color: #fff;
}

.doivetrung {
    width: 100%;
    float: left;
    height: 35px;
    background: #fcf0d8;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    position: relative;
    z-index: 0;
}

.doivetrung li {
    position: absolute;
    width: 100%;
    height: 35px;
    z-index: 10;
    font-family: 'SFUSouvenirBold';
    font-size: 16px;
    line-height: 35px;
    color: #fe1a00;
    text-transform: uppercase;
    font-style: italic;
    text-shadow: -1px 1px #fed204, 1px -1px #fed204, -1px -1px #fed204, 1px 1px #fed204;
    opacity: 0;
    transition: 0.5s;
    z-index: 0;
}

.doivetrung li.active {
    opacity: 1;
}

.doivetrung li.web {
    color: #000cff;
    text-shadow: -1px 1px #fff, 1px -1px #fff, -1px -1px #fff, 1px 1px #fff;
}

.doivetrung li.slog {
    color: #1cdd03;
    text-shadow: -1px 1px #fff, 1px -1px #fff, -1px -1px #fff, 1px 1px #fff;
}

.doivetrung li.hoahong {
    color: #eb128f;
    text-shadow: -1px 1px #fff, 1px -1px #fff, -1px -1px #fff, 1px 1px #fff;
}

.Menutool {
    width: 100%;
    float: left;
    background: #f0df62;
}

.Menutool td {
    padding: 10px 0px 10px 0px;
}

.Menutool img {
    max-width: 15px;
    float: left;
    margin: 2px 10px 0px 50px;
}

.bangkqxs_link {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 10px;
}

.bangkqxs_link a {
    display: inline-block;
    padding: 0px 20px 0px 0px;
    margin: 0px 5px 0px 5px;
    border-radius: 5px;
    color: #fff;
    position: relative;
    height: 35px;
    line-height: 35px;
}

.bangkqxs_link a i {
    float: left;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    margin-right: 20px;
}

.bangkqxs_link a:before {
    content: '';
    position: absolute;
    left: 35px;
    height: 35px;
    top: 0px;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    border-left: 1px solid rgba(0, 0, 0, 0.3)
}

.bangkqxs_link a.btnchiase {
    background: #d6302b
}

.bangkqxs_link a.btnprint {
    background: #ff9900
}

.bangkqxs_link a.btnphongto {
    background: #00bc17
}

.bangkqxs_link a:hover {
    background: #00658f;
}

.boxsharekqxs {
    width: 100%;
    float: left;
    border: 1px solid #eee;
    margin: 10px 0px 10px 0px;
    display: none
}

.boxsharekqxs label {
    float: left;
    padding: 12px 10px 0px 10px;
    color: #666
}

.boxsharekqxs .addthis_inline_share_toolbox {
    float: left;
    clear: none !important;
}

.boxsharekqxs .at-style-responsive .at-share-btn {
    padding: 0px !important;
    margin: 5px 2px !important;
}

.boxsharekqxs .save_images {
    float: right;
    height: 42px;
    line-height: 42px;
    color: #333;
    text-transform: uppercase;
    font-family: 'RobotoBold';
    margin-right: 10px;
    cursor: pointer
}

.boxsharekqxs .save_images i {
    font-size: 24px;
    color: #6896c9;
    margin: 8px 10px 0px 0px;
}

.boxsharekqxs .save_images:hover {
    color: #d6302b;
    text-decoration: underline
}

.battat_mh {
    width: 100%;
    float: left;
    border: 1px solid #b50000;
    border-radius: 5px;
    background: linear-gradient(#e50000, #b50000);
    display: block;
    color: #fff;
    padding: 10px 0px;
    margin-bottom: 20px;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    font-family: 'RobotoBold';
}

.battat_mh span {
    color: yellow
}

.mienbac4cot .giai_nhi div,
.mienbac4cot .giai_tu div {
    width: 50%;
    text-align: center;
    float: left;
}

.mienbac4cot .giai_ba div,
.mienbac4cot .giai_nam div {
    width: 33.3333333%;
    text-align: center;
    float: left;
}

.mienbac4cot .giai_sau div {
    width: 33.3333333%;
    text-align: center;
    float: left;
    color: #0054BE;
}

.mienbac4cot .giai_bay div {
    width: 25%;
    text-align: center;
    float: left;
    color: #D60000;
    font-size: 20px;
}

.tag_tt {
    width: 100%;
    float: left;
}

.tag_tt ul {
    margin-left: -2px;
    margin-right: -2px;
}

.tag_tt ul li {
    width: 16.666666%;
    float: left;
    padding: 0px 2px;
}

.tag_tt ul li a {
    display: block;
    color: #fff;
    background: #ae0000;
    padding: 10px 0px;
    border-radius: 5px 5px 0px 0px;
    font-family: 'RobotoBold';
}

.tag_tt ul li a.active {
    background: linear-gradient(#ed1f23, #ff9a00);
}

.tag_tt ul li a.power.active {
    background: linear-gradient(#9d390c, #d74d2b);
}

.tag_tt ul li a.mega.active {
    background: linear-gradient(#ed1f23, #d6302b);
}

.tag_tt ul li a.max.active {
    background: linear-gradient(#5d0042, #98036d);
    margin-right: -1px;
}


.quangcao_in {
    padding: 10px 0px 0px 0px;
    width: 100%;
    float: left
}
.capso_random {
    padding: 10px;
    width: 100%;
    float: left;
    display: none;
}

.capso_random.active {
    display: block;
}

.capso_random ul li {
    font-family: 'RobotoRegular';
    text-align: center;
    font-size: 12px;
    color: #333333;
    padding: 10px 0px;
    width: 33.333%;
    float: left;
}

.capso_random ul li span {
    width: 40px;
    height: 40px;
    display: inline-block;
    font-family: 'RobotoBold';
    font-size: 14px;
    background-image: url('images/glass-balls-40px.png');
    line-height: 44px;
    text-align: center;
    margin-bottom: 10px;
}

/* Các cấp 1–9 */
.capso_random ul li.cap1 span { background-position: 0px 0px; }
.capso_random ul li.cap2 span { background-position: 0px -44px; }
.capso_random ul li.cap3 span { background-position: 0px -88px; }
.capso_random ul li.cap4 span { background-position: 0px -132px; }
.capso_random ul li.cap5 span { background-position: 0px -176px; }
.capso_random ul li.cap6 span { background-position: 0px -220px; }
.capso_random ul li.cap7 span { background-position: 0px -264px; }
.capso_random ul li.cap8 span { background-position: 0px -308px; }
.capso_random ul li.cap9 span { background-position: 0px -352px; }

.capso_random h4 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

/* Tabs riêng */
.tab_mien_random {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e6e6e6;
}

.tab_mien_random li {
    width: 33.333%;
    float: left;
    font-family: 'RobotoBold';
    text-transform: uppercase;
    text-align: center;
    border-right: 1px dotted #e6e6e6;
}

.tab_mien_random li:nth-child(3n) {
    border-right: 0px;
}

.tab_mien_random li a {
    color: #333;
    display: block;
    font-size: 12px;
    padding: 10px 0px;
    cursor: pointer;
}

.tab_mien_random li a.active {
    color: #cc0000;
}

.capso_launhat {
    padding: 10px;
    width: 100%;
    float: left;
    display: none
}

.capso_launhat.active {
    display: block
}

.capso_launhat ul li {
    font-family: 'RobotoRegular';
    text-align: center;
    font-size: 12px;
    color: #333333;
    padding: 10px 0px;
    width: 33.333%;
    float: left
}

.capso_launhat ul li span {
    width: 40px;
    height: 40px;
    display: inline-block;
    font-family: 'RobotoBold';
    font-size: 14px;
    background-image: url('images/glass-balls-40px.png');
    line-height: 44px;
    text-align: center;
    margin-bottom: 10px;
}

.capso_launhat ul li.cap1 span {
    background-position: 0px 0px;
}

.capso_launhat ul li.cap2 span {
    background-position: 0px -44px;
}

.capso_launhat ul li.cap3 span {
    background-position: 0px -88px;
}

.capso_launhat ul li.cap4 span {
    background-position: 0px -132px;
}

.capso_launhat ul li.cap5 span {
    background-position: 0px -176px;
}

.capso_launhat ul li.cap6 span {
    background-position: 0px -220px;
}

.capso_launhat ul li.cap7 span {
    background-position: 0px -264px;
}

.capso_launhat ul li.cap8 span {
    background-position: 0px -308px;
}

.capso_launhat ul li.cap9 span {
    background-position: 0px -352px;
}

.capso_launhat h4 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.tab_mien {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e6e6e6;
}

.tab_mien li {
    width: 33.333%;
    float: left;
    font-family: 'RobotoBold';
    text-transform: uppercase;
    text-align: center;
    border-right: 1px dotted #e6e6e6;
}

.tab_mien li:nth-child(3n) {
    border-right: 0px;
}

.tab_mien li a {
    color: #333;
    display: block;
    font-size: 12px;
    padding: 10px 0px;
}

.tab_mien li a.active {
    color: #cc0000;
}

.quangcao_bt {
    width: 100%;
    float: left;
}

.quangcao_bt .qcbt1 {
    width: 49%;
    float: left;
    max-width: 585px;
}

.quangcao_bt .qcbt2 {
    width: 49%;
    float: right;
    max-width: 585px;
}

#tintuc {
    width: 100%;
    float: left;
    padding: 0px 0px 20px 0px;
}

.tintuc_bt {
    width: 66%;
    float: left;
}

.tintuc_bt li {
    width: 100%;
    float: left;
    padding: 20px 0px 20px 0px;
    border-bottom: 1px dotted #eee
}

.tintuc_bt img {
    float: left;
}

.tintuc_bt h3 a {
    font-size: 13px;
    font-family: 'RobotoBold';
    color: #3e3e3e;
    display: block;
    padding: 0px 0px 5px 0px;
    text-transform: uppercase;
}

.tintuc_bt p {
    font-size: 13px;
    color: #656565
}

.tintuc_bt .ndt {
    margin-bottom: 10px;
    font-style: italic;
    color: #999;
}

.tintuc_bt .tin_date {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #008dc8;
    color: #fff;
    padding: 5px 10px 5px 10px;
    pointer-events: none
}

.tintuc_bt .tin_date span {
    display: block;
    padding: 0px 10px 0px 10px;
}

.tintuc_bt .tin_date span.mont {
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    padding-bottom: 0px;
    margin-bottom: 5px;
}

.tintuc_bt li:hover {
    opacity: 0.9;
}

.tintuc_bt li:hover h3 a {
    text-decoration: underline;
    color: #c30000;
}

.tintuc_bt .ahref {
    float: left;
    margin: 0px 20px 0px 0px;
}

.tintuc_bt .owl-dots {
    display: none !important;
}

.tintuc_bt .owl-prev {
    position: absolute;
    z-index: 10;
    right: 30px;
    top: -50px;
    width: 26px;
    height: 26px;
    background: url(images/left.png) no-repeat !important;
    float: left;
    text-indent: -9999px;
    margin: 0px;
}

.tintuc_bt .owl-next {
    position: absolute;
    z-index: 10;
    right: 0px;
    top: -50px;
    width: 26px;
    height: 26px;
    background: url(images/right.png) no-repeat !important;
    float: left;
    text-indent: -9999px;
    margin: 0px;
}

#map {
    width: 100%;
    float: left;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
}

.box_tructiep_vietlott_1 {
    width: 100%;
    float: left;
    background: url('images/result-bg.png') no-repeat 20px 20px;
    background-color: #050830;
    margin-bottom: 10px;
}

.box_tructiep_vietlott_1 .title {
    width: 100%;
    float: left;
    background: #d6302b;
    padding: 10px;
    font-family: 'RobotoBold';
    font-size: 18px;
    color: #fff;
    position: relative;
}

.box_tructiep_vietlott_1 .title:before {
    content: '';
    position: absolute;
    z-index: 10;
    left: 10px;
    top: 5px;
    width: 100px;
    height: 50px;
    background: url('images/icon_mega645.png') no-repeat;
}

.box_tructiep_vietlott_1 .content_vl .ngay {
    color: #fff;
    font-family: 'RobotoBold';
    font-size: 16px;
    padding: 20px 0px;
    width: 100%;
    float: left;
}

.box_tructiep_vietlott_1 .box_ketqua span {
    width: 60px;
    height: 60px;
    display: inline-block;
    background: #f02525;
    font-family: 'RobotoBold';
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    font-size: 34px;
    color: #fff;
    margin: 0px 5px;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .3);
}

.box_tructiep_vietlott_1 .giatri_jackpot {
    color: #fff;
    font-family: 'RobotoBold';
    width: 100%;
    float: left;
    padding: 10px 0px;
    font-size: 18px;
}

.box_tructiep_vietlott_1 .giatri_jackpot .gtblive {
    border-radius: 20px;
    background: #f02525;
    padding: 2px 30px;
    color: #ffda00;
    border: 2px solid #d6302b;
    display: inline-block;
    font-family: 'RobotoBold';
    font-size: 30px;
    text-shadow: -1px -1px 0 rgba(255, 255, 255, 1);
    margin: 5px 0px 5px 0px;
}

.box_tructiep_vietlott_1 .table_vietlott {
    padding: 0px 11px;
    width: 100%;
    float: left;
}

.box_tructiep_vietlott_1 .table_vietlott table {
    background: rgba(39, 89, 129, .65);
    border: 2px solid #37678e;
}

.box_tructiep_vietlott_1 .table_vietlott table th {
    color: #fff;
    font-family: 'RobotoBold';
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px 0px;
}

.box_tructiep_vietlott_1 .table_vietlott table td {
    background: none !important;
    border: 1px solid #37678e;
    font-size: 18px;
    color: #fff;
}

.box_tructiep_vietlott_3 {
    width: 100%;
    float: left;
    background: url('images/result-bg.png') no-repeat 20px 20px;
    background-color: #e8ca93;
    margin-bottom: 10px;
}

.box_tructiep_vietlott_3 .title {
    width: 100%;
    float: left;
    background: #d74d2b;
    padding: 10px;
    font-family: 'RobotoBold';
    font-size: 18px;
    color: #fff;
    position: relative;
}

.box_tructiep_vietlott_3 .title:before {
    content: '';
    position: absolute;
    z-index: 10;
    left: 10px;
    top: 5px;
    width: 100px;
    height: 71px;
    background: url('images/power655.png') no-repeat;
}

.box_tructiep_vietlott_3 .content_vl .ngay {
    color: #000;
    font-family: 'RobotoBold';
    font-size: 16px;
    padding: 20px 0px;
    width: 100%;
    float: left;
}

.box_tructiep_vietlott_3 .box_ketqua span {
    width: 60px;
    height: 60px;
    display: inline-block;
    background: #f02525;
    font-family: 'RobotoBold';
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    font-size: 34px;
    color: #fff;
    margin: 0px 5px;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .3);
}

.box_tructiep_vietlott_3 .giatri_jackpot {
    color: #000;
    font-family: 'RobotoBold';
    width: 100%;
    float: left;
    padding: 10px 0px;
    font-size: 18px;
}

.box_tructiep_vietlott_3 .giatri_jackpot .gtblive {
    border-radius: 20px;
    background: #f02525;
    padding: 2px 30px;
    color: #ffda00;
    border: 2px solid #d6302b;
    display: inline-block;
    font-family: 'RobotoBold';
    font-size: 30px;
    text-shadow: -1px -1px 0 rgba(255, 255, 255, 1);
    margin: 5px 0px 5px 0px;
}

.box_tructiep_vietlott_3 .table_vietlott {
    padding: 0px 11px;
    width: 100%;
    float: left;
}

.box_tructiep_vietlott_3 .table_vietlott table {
    background: #e4c178;
    border: 1px solid #ffe0a2;
}

.box_tructiep_vietlott_3 .table_vietlott table th {
    color: #000;
    font-family: 'RobotoBold';
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px 0px;
}

.box_tructiep_vietlott_3 .table_vietlott table td {
    background: none !important;
    border: 1px solid #ffe0a2;
    font-size: 16px;
    color: #000;
}

span.ball_power2 {
    margin: 6px 2px;
    border: solid 1px #900;
    background: #c44822 !important;
    background: -webkit-radial-gradient(50% 50%, closest-side, #faa433, #983309) !important;
    background: -o-radial-gradient(50% 50%, closest-side, blue, #faa433, #983309) !important;
    background: -moz-radial-gradient(50% 50%, closest-side, #faa433, #983309) !important;
    background: radial-gradient(closest-side at 50% 50%, #faa433, #983309) !important;
}

.box_tructiep_vietlott_2 {
    width: 100%;
    float: left;
    background: url('images/result-bg.png') no-repeat 20px 20px;
    background-color: #ad4d91;
    margin-bottom: 10px;
}

.box_tructiep_vietlott_2 .title {
    width: 100%;
    float: left;
    background: #98036d;
    padding: 10px;
    font-family: 'RobotoBold';
    font-size: 18px;
    color: #fff;
    position: relative;
}

.box_tructiep_vietlott_2 .title:before {
    content: '';
    position: absolute;
    z-index: 10;
    left: 10px;
    top: 5px;
    width: 107px;
    height: 60px;
    background: url('images/Xo-So-Max-4D.png') no-repeat;
}

.box_tructiep_vietlott_2 .ngay_max4d {
    color: #610044;
    font-family: 'RobotoBold';
    padding: 10px;
    font-size: 22px;
    width: 100%;
    float: left;
}

.box_tructiep_vietlott_2 .content_vl .ngay {
    color: #000;
    font-family: 'RobotoBold';
    font-size: 16px;
    padding: 20px 0px;
    width: 100%;
    float: left;
}

.box_tructiep_vietlott_2 .box_ketqua span {
    width: 60px;
    height: 60px;
    display: inline-block;
    background: #f02525;
    font-family: 'RobotoBold';
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    font-size: 34px;
    color: #fff;
    margin: 0px 5px;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .3);
}

.box_tructiep_vietlott_2 .giatri_jackpot {
    color: #000;
    font-family: 'RobotoBold';
    width: 100%;
    float: left;
    padding: 10px 0px;
    font-size: 18px;
}

.box_tructiep_vietlott_2 .giatri_jackpot .gtblive {
    border-radius: 20px;
    background: #f02525;
    padding: 2px 30px;
    color: #ffda00;
    border: 2px solid #d6302b;
    display: inline-block;
    font-family: 'RobotoBold';
    font-size: 30px;
    text-shadow: -1px -1px 0 rgba(255, 255, 255, 1);
    margin: 5px 0px 5px 0px;
}

.box_tructiep_vietlott_2 .table_vietlott {
    padding: 0px 11px;
    width: 100%;
    float: left;
}

.box_tructiep_vietlott_2 .table_vietlott table {
    background: #610e61;
    border: 1px solid #921370;
}

.box_tructiep_vietlott_2 .table_vietlott table th {
    color: #fff;
    font-family: 'RobotoBold';
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px 0px;
}

.box_tructiep_vietlott_2 .table_vietlott table td {
    background: #bd419c !important;
    border: 1px solid #921370;
    font-size: 16px;
    color: #fff;
}

.hidden-sm {
    display: none;
}

.box_tructiep_vietlott_2 .circle-num .ball {
    letter-spacing: 5px;
}

.daysotrung {
    width: 100%;
    float: left;
    padding: 0px 50px;
    margin-bottom: 20px;
}

.daysotrung .titleMax_right {
    color: #fff;
    font-family: 'RobotoBold';
    font-size: 16px;
    width: 100%;
    float: left;
    margin: 10px 0px;
}

.daysotrung .item4d {
    width: 31.3333333%;
    float: left;
    margin: 1%;
    border-radius: 25px;
    border: 2px solid #610e61;
    text-align: center;
    background: #ffc6f3;
    position: relative;
    height: 40px;
}

.daysotrung .item4d .dayso {
    height: 38px;
    line-height: 38px;
    font-size: 24px;
    font-family: 'RobotoBold';
    padding-left: 20px;
    letter-spacing: 2px;
}

.daysotrung .item4d span {
    width: 40px;
    height: 40px;
    padding: 0px;
    float: left;
    background: #610e61;
    border-radius: 20px;
    text-align: center;
    line-height: 40px;
    left: -2px;
    position: relative;
    font-family: 'RobotoBold';
    color: #fff;
    text-transform: uppercase;
    font-size: 26px;
    position: absolute;
    left: -2px;
    top: -2px;
}

#bangtkxoso .box_tkdefault_title {
    width: 100%;
    text-align: left;
    padding: 10px;
    font-family: 'RobotoBold';
    text-transform: uppercase;
    background: #1b3d65;
    color: #fff;
    margin-top: 10px;
}

#bangtkxoso .list_tkxhnDT li {
    width: 20%;
    float: left;
    padding: 5px 0px;
}

.bol30 {
    width: 30px;
    height: 32px;
    background: url("images/balls-30px.png") no-repeat;
    border: 0;
    vertical-align: middle;
    position: static;
    text-align: center;
    color: #000;
    font-size: 16px;
    text-shadow: 1px 1px #fff;
    display: inline-block;
    line-height: 30px;
    font-family: 'RobotoBold';
}

.bol30_0 {
    background-position: 0px 0px;
}

.bol30_1 {
    background-position: 0px -32px;
}

.bol30_2 {
    background-position: 0px -64px;
}

.bol30_3 {
    background-position: 0px -97px;
}

.bol30_4 {
    background-position: 0px -131px;
}

.bol30_5 {
    background-position: 0px -164px;
}

.bol30_6 {
    background-position: 0px -197px;
}

.bol30_7 {
    background-position: 0px -231px;
}

.bol30_8 {
    background-position: 0px -264px;
}

.bol30_9 {
    background-position: 0px -297px;
}

#thongkemax4d {
    width: 100%;
    float: left;
    margin: 20px 0px 0px 0px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

#thongkemax4d .title {
    background: #610e61;
    text-align: center;
    font-family: 'RobotoBold';
    text-transform: uppercase;
    color: #fff;
    padding: 10px 0px;
    font-size: 18px;
}

#thongkemax4d th:not(.title) {
    background: #98036d;
    text-align: center;
    padding: 5px 0px;
    color: #fff;
    text-transform: uppercase;
}

#thongkemax4d td {
    text-align: center;
    padding: 5px;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    font-family: 'RobotoBold';
}

#thongkemax4d tr:nth-child(odd) td {
    background: #f2f2f2
}

.box_thongkexosoext {
    width: 100%;
    float: left;
    margin: 20px 0px;
}

.box_thongkexosoext .title_kqtkext {
    width: 100%;
    float: left;
    background: linear-gradient(#ed1f23, #ff9a00);
    color: #fff;
    text-transform: uppercase;
    padding: 10px;
    font-family: 'RobotoBold';
}

.box_thongkexosoext .luuy {
    padding: 5px 0px;
    clear: both
}

.box_thongkexosoext .box_tkdefault_title {
    text-align: left;
    color: #333;
    clear: both;
    padding: 15px 0px 5px 0px;
}

#bangthongkexoso table {
    border: 1px solid #eee;
}

.box_thongkexosoext .list_khongxuathienlaunhat {
    width: 25%;
    float: left;
    text-align: center;
    padding: 10px 0px;
}

.box_thongkexosoext .list_ralientiep {
    width: 33.333333%;
    float: left;
    text-align: center;
    padding: 10px 0px;
}

.box_tkdefault_loto .box_tkdefault_title {
    border: 0px;
    background: #ae0000;
    padding: 5px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'RobotoBold';
    text-align: center;
}

.box_tkdefault_loto .box_tkdefault_title input {
    border: 0px;
    height: 30px;
    width: 30px;
    margin: 0px 5px;
}

.box_tkdefault_loto .box_tkdefault_title input[type="button"] {
    border-radius: 5px;
    cursor: pointer;
}

.box_tkdefault_loto .box_tkdefault_title input[type="button"]:hover {
    background: #39975d;
    color: #fff;
}

#thongkexxdau td {
    padding: 10px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    text-align: center;
}

#thongkexxdau .so {
    width: 40px;
}

#thongkexxdau .chiso {
    background: linear-gradient(#ed1f23, #ff9a00);
    float: left;
    height: 10px;
    border-radius: 5px;
}

.tkxxsl {
    width: 75px !important;
}

.tkxxtg {
    width: 50px !important;
}

.tkxxtg img {
    margin-right: 5px;
}

.body-l .bkq123,
.body-l .bkqtt4,
.body-l .bkqpower655,
.body-l .bkqmega645,
.body-l .bkqmax4d {
    width: 100%;
    float: left;
    padding: 10px;
    border: 1px solid #cacaca;
    margin: 5px 0px;
    border-radius: 5px;
    background: #fbfffe;
}

.body-l .title {
    border-bottom: 1px solid #efefef;
    width: 100%;
    float: left;
    margin: 0px 0px 10px 0px;
    text-align: left;
    padding: 5px 0px;
}

.body-l .title a {
    font-family: 'RobotoBold';
    color: #000
}

.body-l .title span {
    float: right;
}

.body-l .buttonBlue {
    padding: 7px 20px;
    border-radius: 20px;
    background: linear-gradient(#ed1f23, #ff9a00);
    color: #fff;
    box-shadow: 2px 2px 5px #666;
    border: 1px solid #fff;
}

.body-l .buttonBlue:hover {
    background: linear-gradient(#2f994f, #8ac47a);
}

.capmg {
    width: 100%;
    float: left;
}

.bool {
    background: url("images/glass-balls-40px.png") no-repeat;
    font-size: 20px;
    height: 42px;
    line-height: 42px;
    width: 40px;
    display: inline-block;
    font-weight: bold;
    border: 0px;
    vertical-align: middle;
    position: static;
    margin: 3px;
    padding-left: 0px;
    text-align: center;
    float: left;
}

.finnish0 {
    background-position: 0px 0px;
}

.finnish1 {
    background-position: 0px -43px;
}

.finnish2 {
    background-position: 0px -86px;
}

.finnish3 {
    background-position: 0px -130px;
}

.finnish4 {
    background-position: 0px -175px;
}

.finnish5 {
    background-position: 0px -219px;
}

.finnish6 {
    background-position: 0px -263px;
}

.balls {
    background: url("images/balls-40px.png") no-repeat;
    font-size: 20px;
    height: 42px;
    width: 40px;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    border: 0px;
    vertical-align: middle;
    position: static;
    margin: 3px;
    padding-left: 0px;
    text-shadow: 0px 0px 3px #333;
    padding-top: 7px;
    text-align: center;
    float: left;
}

.ball0 {
    background-position: 0px 0px;
}

.ball1 {
    background-position: 0px -43px;
}

.ball2 {
    background-position: 0px -86px;
}

.ball3 {
    background-position: 0px -130px;
}

.ball4 {
    background-position: 0px -175px;
}

.ball5 {
    background-position: 0px -219px;
}

.ball6 {
    background-position: 0px -263px;
}
.ball7 {
    background-position: 0px -440px;
}
.ball8 {
    background-position: 0px -395px;
}
.bkqpower655 .ball {
    height: 60px;
    width: 60px;
    margin: 6px;
    line-height: 59px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 35px;
    font-family: arial, helvetica, sans-serif;
    line-height: 59px;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
}

.bkqpower655 .ball_power {
    color: #000;
    text-shadow: 0px 0px 5px #fff;
    border: solid 1px #990000;
    margin: 6px 2px;
    background: rgb(255, 225, 175);
    background: -moz-linear-gradient(-117deg, rgba(255, 235, 172, 1) 0%, rgba(255, 235, 172, 1) 10%, rgba(235, 157, 93, 1) 50%, rgba(255, 235, 172, 1) 95%, rgba(255, 235, 172, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255, 235, 172, 1)), color-stop(10%, rgba(255, 235, 172, 1)), color-stop(50%, rgba(235, 157, 93, 1)), color-stop(95%, rgba(255, 235, 172, 1)), color-stop(100%, rgba(255, 235, 172, 1)));
    background: -webkit-linear-gradient(-117deg, rgba(255, 235, 172, 1) 0%, rgba(255, 235, 172, 1) 10%, rgba(235, 157, 93, 1) 50%, rgba(255, 235, 172, 1) 95%, rgba(255, 235, 172, 1) 100%);
    background: -o-linear-gradient(-117deg, rgba(255, 235, 172, 1) 0%, rgba(255, 235, 172, 1) 10%, rgba(235, 157, 93, 1) 50%, rgba(255, 235, 172, 1) 95%, rgba(255, 235, 172, 1) 100%);
    background: -ms-linear-gradient(-117deg, rgba(255, 235, 172, 1) 0%, rgba(255, 235, 172, 1) 10%, rgba(235, 157, 93, 1) 50%, rgba(255, 235, 172, 1) 95%, rgba(255, 235, 172, 1) 100%);
    background: linear-gradient(50deg, rgba(255, 235, 172, 1) 0%, rgba(255, 235, 172, 1) 10%, rgba(235, 157, 93, 1) 50%, rgba(255, 235, 172, 1) 95%, rgba(255, 235, 172, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebac', endColorstr='#ffebac', GradientType=1);
}

.bkqpower655 .ball_power2 {
    color: #fff;
    margin: 6px 2px;
    border: solid 1px #990000;
    background: #c44822;
    background: -webkit-radial-gradient(50% 50%, closest-side, #faa433, #983309);
    background: -o-radial-gradient(50% 50%, closest-side, blue, #faa433, #983309);
    background: -moz-radial-gradient(50% 50%, closest-side, #faa433, #983309);
    background: radial-gradient(closest-side at 50% 50%, #faa433, #983309);
}

.bkqmega645 .ball {
    height: 60px;
    width: 60px;
    margin: 6px;
    line-height: 59px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 35px;
    font-family: arial, helvetica, sans-serif;
    line-height: 59px;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
}

.bkqmega645 .ball_power {
    color: #fff;
    text-shadow: 0px 0px 5px #000;
    border: solid 2px #ad0606;
    margin: 6px 2px;
    background: #d11a1a;
}

.bkqmax4d .boxgroup {
    width: 30%;
    float: left;
    margin: 5px 7px;
    border: solid 1px #610e61;
    border-left: 0;
    border-radius: 50px;
    background: #ffedff;
}

.bkqmax4d .boxgroup .name {
    width: 40px;
    float: left;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    font-weight: bold;
    font-size: 23px;
    background: #610e61;
    color: #FFF;
}

.groupmax i {
    font-size: 18px;
}

.bkqmax4d .boxgroup .groupmax {
    height: 40px;
    line-height: 40px;
    font-family: 'RobotoBold';
    letter-spacing: 3px;
    font-size: 30px;
}

ul.pagination {
    text-align: center;
    color: #829994;
}

ul.pagination li {
    display: inline;
    padding: 0 3px;
}

ul.pagination a {
    color: #0d7963;
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #cde0dc;
    text-decoration: none;
}

ul.pagination a:hover,
ul.pagination a.current {
    background: #0d7963;
    color: #fff;
}

/* ========== Content pagination ========== */

.pagination {
    margin: auto;
    width: auto;
    text-align: center;
    margin-top: 10px;
}

.pages {}

.pages li.prev {
    margin-right: 15px;
}

.pages li.next {
    margin-left: 15px;
}

.pages li {
    display: inline-block;
    margin: 5px 2px;
}

.pages li a {
    height: 25px;
    padding: 4px 8px;
    text-decoration: none;
    color: #666666;
    font-weight: bold;
    background: url(../images/backgrounds/pagingBg.png) repeat-x 0 0;
    border: 1px solid #d5d5d5;
    font-size: 11px;
}

.pages li a:hover {
    background: #f6f6f6;
}

.pages li .active {
    background: url(../images/backgrounds/sideGradient.png) repeat-x;
    color: #fff;
    border-color: #424852;
}

.pages li .active:hover {
    background: #2a313d;
}

.ngaydang {
    font-style: italic;
    ;
    color: #ccc;
}

.bando {
    float: left;
    width: 100%;
}

.thongke {
    color: #fff;
    float: right;
}

.thongke h4 {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff200;
    font-family: 'RobotoCondensedBold';
    margin-top: 20px;
}

.thongke ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.thongke ul li {
    display: inline-block;
    font-size: 13px;
    padding: 0px 15px 0px 15px;
    margin: 5px 0px 2px 0px;
    color: #fff;
}

.thongke ul li span {
    color: #FCFF00
}

.dang_onl {
    background: url(images/dangonline.png) no-repeat 0px 2px;
}

.da_onl {
    background: url(images/tongtruycap.png) no-repeat 10px 2px;
}

.online {
    background: url(images/muiten.png) no-repeat 10px 12px;
    color: #FFF;
}

.online span {
    width: 80px;
    float: left;
    padding-left: 20px;
}

.menu_danhmuc {
    width: 100%;
    float: left;
    background: url(images/thanh_sp.jpg) repeat-x;
    height: 45px;
}

.menu_danhmuc li a {
    float: left;
    height: 42px;
    line-height: 42px;
    padding: 0px 20px 0px 30px;
    text-transform: uppercase;
    color: #333;
    margin-top: 3px;
}

.menu_danhmuc li.active a {
    background: #01b8f1;
    color: #fff;
    font-weight: bold;
}

.menu_danhmuc li.active a:before {
    content: '';
    width: 7px;
    background: url(images/truoc.png) no-repeat;
    height: 45px;
    float: left;
    margin-left: -30px;
    margin-top: -3px;
    margin-right: 10px;
    color: #fff
}

.menu_danhmuc li.active a:after {
    content: '';
    width: 19px;
    background: url(images/sau.png) no-repeat;
    height: 45px;
    float: right;
    margin-right: -37px;
}

.menu_danhmuc a:hover {
    color: #094596
}

.bong_info {
    width: 730px;
    float: right;
    height: 30px;
    font-weight: 900;
    color: #333333;
    text-transform: uppercase;
    line-height: 30px;
}

.hotline {
    float: left;
    width: 100%;
    margin: 0px 0px 0px 10px;
    color: #ff1817;
    font-weight: bold;
    font-size: 16px;
    background: url(images/hotline.png) no-repeat 0px 0px;
    padding: 25px 0px 10px 55px;
}

.hotline h5 {
    font-weight: 100;
    font-size: 12px;
}

.hotline span {
    color: rgba(255, 0, 0, 1)
}

.tin_moi {
    padding: 0px 10px 0px 10px;
}

.tin_moi a {
    text-decoration: none;
    color: rgba(51, 51, 51, 1);
}

.tin_moi img {
    float: left;
    border: 1px solid rgba(204, 204, 204, 1);
    padding: 2px;
    margin-right: 10px;
    margin-top: 10px;
}

#content {
    width: 100%;
    float: left;
    margin: 15px 0px 0px 0px;
    border-top: 0px;
}

#info {
    width: 55%;
    float: left;
    padding: 0px 10px;
    position: relative;
}

#sanpham {
    width: 100%;
    float: left;
}

.item_index {
    width: 100%;
    float: left;
    margin-bottom: -1px;
    margin-right: -1px;
    text-align: center;
}

.item_index .img {
    width: 100%;
    float: left;
    position: relative;
    border: 1px solid #d8d7d7;
    padding: 5px;
}

.xemsp {
    position: absolute;
    z-index: 10;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 40px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding-top: 10px;
}

.xemsp:after {
    content: '';
    background: url(images/muiten.png) no-repeat 0px 0px;
    width: 5px;
    height: 9px;
    display: inline-block;
    margin-left: 10px;
}

.item_index:hover .xemsp {
    color: #FFF000;
}

.item_index img {
    width: 100%;
    transition: 0.5s;
    display: block;
}

.item_index h3 {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0px 0px 0px;
    width: 100%;
    float: left;
}

.item_index h3 a {
    color: #3e3e3e;
}

.item_index:hover h3 a {
    color: #03669A;
    text-decoration: underline;
}

.item_index:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.item_index .giaban span {
    color: #fb4107;
    font-family: 'UTMAvo';
    font-size: 26px;
}

.product_list {
    float: left;
}

.product_list ul {
    width: 150px;
    float: left;
    height: 533px;
    background: #e2e2e2;
    padding: 20px 0px 0px 0px;
}

.product_list ul li a {
    width: 100%;
    float: left;
    padding: 7px 0px 7px 10px;
    color: #4f4f4f;
}

.product_list ul li a:hover {
    color: #02719A;
    text-decoration: underline;
}

#congtrinh {
    background: #eeeeee;
    width: 100%;
    float: left;
    margin: 20px 0px 0px 0px;
}

.khung_tt {
    float: left;
    padding-right: 30px;
}

.khung_km {
    padding-left: 30px;
}

.hotnews ul {
    width: 100%;
    float: left;
}

.hotnews li {
    font-size: 14px;
    padding: 10px 40px 10px 0px;
    width: 50%;
    float: left;
    border-right: 2px solid #00a651;
    position: relative;
}

.hotnews li img {
    float: right;
    border: 1px solid #00a651;
    padding: 1px;
    margin: 5px 0px 0px 20px;
    width: 180px;
}

.hotnews li:nth-child(2n) {
    padding: 10px 0px 10px 40px;
    border-right: 0px;
}

.hotnews li:nth-child(2n) img {
    float: left;
    margin: 5px 20px 0px 0px;
}

.hotnews li:nth-child(2n+1) {
    clear: left;
}

.hotnews li span {
    font-size: 12px;
    position: absolute;
    background: #00a651;
    width: 30px;
    height: 30px;
    float: left;
    border-radius: 100%;
    line-height: 30px;
    text-align: center;
    color: #fff;
    right: -16px;
    top: 20px;
}

.hotnews li:nth-child(2n) span {
    right: none;
    left: -16px;
    top: 100px;
}

.hotnews li:before {
    content: '';
    width: 30px;
    border-top: 2px solid #00a651;
    float: left;
    position: absolute;
    right: 11px;
    top: 34px;
    height: 2px;
}

.hotnews li:nth-child(2n):before {
    right: none;
    left: 11px;
    top: 114px;
}

.hotnews li h3 a {
    color: #333;
}

.hotnews li h3 a:hover {
    color: #C70505;
    text-decoration: underline;
}

.hotnews li:hover {
    opacity: 0.8;
}

.hotnews li p {
    font-size: 12px;
}

.hotnews li:last-child {
    border-bottom: 0px;
}

.bottom_ti {
    width: 350px;
    float: left;
    margin: 10px 10px 0px 0px;
    font-family: 'RobotoLight';
}

.bottom_ti a {
    color: #F40000
}

.bottom_ti a:hover {
    text-decoration: underline;
}

.bottom_ti:hover {
    opacity: 0.8;
}

.bottom_ti span {
    font-style: italic;
    font-size: 12px;
}

.bottom_ti img {
    width: 100%;
}

.video_con {
    width: 100%;
    float: left;
    border-bottom: 2px solid #0b7ef4;
    height: 242px;
}

.khachhang {
    padding-right: 10px;
}

.khachhang_item {
    padding: 10px;
    text-align: center;
}

.khachhang_item img {
    max-width: 100%;
    width: auto !important;
    border-radius: 100%;
    box-shadow: 0px 0px 3px #ccc;
}

.khachhang_item h5 {
    font-size: 13px;
    margin-top: 5px;
}

.thuonghieu {
    padding-left: 10px;
}

.thuonghieu a {
    border: 1px solid #eee;
    float: left;
    margin-bottom: 10px;
    padding: 5px;
    transition: 0.5s;
}

.thuonghieu a:hover {
    border: 1px solid #FF01EA
}

.box_thongkexoso {
    width: 100%;
    float: left;
    padding: 2px;
    font-family: 'Roboto';
    font-size: 15px;
}

.box_thongkexoso .title_kqtk {
    font-size: 14px;
    background: #ef2821;
    padding: 5px;
    color: #fff;
}

.box_thongkexoso td {
    border: 1px solid #eee;
    background: #fff;
    padding: 5px 5px;
}

.box_thongkexoso td span {
    padding-right: 10px;
}

.tracuu label {
    margin-right: 5px;
}

.tracuu input {
    margin-right: 5px !important;
}

.ttbao b {
    font-size: 18px;
    color: red;
}

.box_thongkexoso .chiso {
    background: linear-gradient(#ef2821, #ff9a01);
    border-radius: 5px;
    height: 10px;
    display: inline-block
}

.hotro_tructuyen {
    width: 590px;
    float: right;
}

.hotro_online {
    width: 240px;
    float: left;
    padding: 150px 0px 0px 0px;
    background: url(images/hotro.png) no-repeat 0px 0px;
}

.frm_lienhe {
    width: 325px;
    float: right;
}

.box_lh {
    width: 100%;
    float: left;
    border: 1px solid #cfcece;
    margin-top: 10px;
    border-radius: 5px;
    padding: 0px 0px 0px 0px;
}

.frm_lienhe input {
    padding: 7px;
    width: 100%;
    border: 0px;
    border-bottom: 1px solid #cfcece;
}

.box_lh li:last-child input {
    border-bottom: 0px;
    border-radius: 0px 0px 5px 5px;
}

.box_lh li:first-child input {
    border-radius: 5px 5px 0px 0px;
}

.frm_lienhe textarea {
    border-radius: 5px;
    width: 100%;
    height: 80px;
    float: left;
    margin-top: 10px;
    border: 1px solid #cfcece;
    padding: 5px;
}

.frm_lienhe button {
    background: #009030;
    border: 0px;
    padding: 5px 20px 5px 20px;
    color: #fff;
    float: left;
    margin-top: 5px;
    cursor: pointer;
}

.frm_lienhe button:hover {
    color: #FBF201
}

.khung_vd {}

.khung {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 10px;
    padding: 0px 10px 10px 10px;
}

.xemtiep {
    float: right;
    font-size: 12px;
    background: url(images/xemm.png) no-repeat 80px 12px;
    transition: 0.5s;
    text-align: center;
    font-weight: bold;
}

.xemtiep a {
    text-decoration: none;
    font-style: italic;
    float: left;
    padding: 7px 0px 7px 0px;
    color: #F40000;
}

.xemtiep a:hover {
    color: #036889;
}

.giaohang {
    width: 100%;
    float: left;
    margin-top: 20px;
    padding: 0px 0px 30px 0px;
}

.thanh_title {
    width: 100%;
    float: left;
    margin: 0px 0px 50px 0px;
    text-align: center;
    border-bottom: 1px solid #00527d;
    height: 23px;
}

.thanh_title h2,
.thanh_title h4 {
    color: #c5120d;
    font-size: 24px;
    display: inline-block;
    padding: 0px 0px 5px 0px;
    font-weight: 100;
    font-weight: bold;
    text-transform: uppercase;
    background: #fff;
}

.thanh_title h2:before,
.thanh_title h4:before {
    content: '';
    width: 16px;
    height: 9px;
    display: inline-block;
    margin-right: 20px;
    position: relative;
    top: -2px;
}

.thanh_title h2:after,
.thanh_title h4:after {
    content: '';
    width: 16px;
    height: 9px;
    display: inline-block;
    margin-left: 20px;
    position: relative;
    top: -2px;
}

.title_tin {
    text-align: center;
    padding-bottom: 20px;
}

.thanh_cap {
    width: 100%;
    float: left;
    margin: 0px 0px 10px 0px;
    border-radius: 5px;
}

.thanh_cap h2,
.thanh_cap h4 {
    color: #fff;
    font-size: 18px;
    display: inline-block;
    padding: 5px 20px 2px 45px;
    font-weight: 100;
    text-transform: uppercase;
    background: #ed1c24;
    position: relative;
}

.thanh_cap h2:before,
.thanh_cap h4:before {
    content: '';
    width: 36px;
    height: 27px;
    background: url(images/icon_title.png) no-repeat;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 8px;
}

.print_so {
    width: 100%;
    float: left;
    margin: 10px 0px 0px 0px;
    text-align: center;
}

.print_so span {
    display: inline-block;
    border: 1px solid #eee;
    background: url(images/print-icon.png) no-repeat 5px 2px;
    padding: 8px 10px 8px 40px;
    font-weight: bold;
    background-color: #167482;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}

.print_so span:hover {
    color: #FFEA00;
    text-decoration: underline;
}

#hotro {
    width: 100%;
    float: left;
    padding: 20px 0px 20px 0px;
    background: url(images/gach_hotro.png) repeat-x bottom
}

.gioithieu {
    width: 750px;
    float: left;
    margin: 0px 0px 0px 0px;
}

.gioithieu_video {
    width: 400px;
    float: right;
    margin-top: 20px;
}

.thanh_gt {
    width: 100%;
    float: left;
    background: url(images/gach_gt.png) no-repeat bottom left;
    padding: 8px 0px 15px 0px;
    color: #ff2a0d;
    font-family: 'UTMAvoBold';
    text-transform: uppercase;
    margin-bottom: 20px;
}

.thanh_gt h4 {
    font-size: 24px;
}

.noidung_gt {
    width: 100%;
    margin: auto;
    color: #555555;
    line-height: 2;
    text-align: justify;
}

.thanh_bottom {
    width: 100%;
    float: left;
    margin: 0px 0px 10px 0px;
    background: url(images/bg_thanh.png) repeat-x 0px 12px;
    padding: 0px 0px 0px 0px;
    color: #00aeef;
    height: 33px;
    font-family: 'UTMFlamenco';
}

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

.thanh_bottom:after {
    width: 15px;
    height: 15px;
    content: '';
    background: #ec0574;
    display: inline-block;
}

.thanh_bottom h4 {
    color: #ec0574;
    text-transform: uppercase;
    font-size: 24px;
    display: inline-block;
    background: #fff;
    padding: 0px 20px 0px 0px;
}

.khung_1 {
    width: 100%;
    float: left;
    border: 1px solid #efefef;
    padding: 10px;
    margin: 10px 0px 10px 0px;
}

.khung_thongtin {
    float: right;
    width: 850px;
}

.khung_thongtin li {
    padding: 5px 0px 5px 0px;
    width: 100%;
    float: left;
}

.khung_thongtin h1 {
    font-size: 22px;
    color: #5a5a5a;
    font-family: 'UTMAvo';
    text-transform: uppercase;
}

.khung_thongtin b {
    font-weight: 100;
    color: #666;
    font-size: 14px;
}

.khung_thongtin .masp {
    color: #3f71b9;
    font-size: 18px;
}

.khung_thongtin .mota_detail {
    color: #757575;
    border: 1px solid #ebebeb;
    border-left: 0px;
    border-right: 0px;
    white-space: pre-line;
    padding: 20px 0px 20px 0px;
}

.khung_thongtin .gia_detail {
    font-size: 20px;
    color: #FF0000;
}

.khung_thongtin .gia_detail b {}

.khung_thongtin .giacu_detail {
    font-size: 20px;
    color: #FF0000;
}

.khung_thongtin .giacu_detail span {}

.khung_thongtin .baohanh_detail {
    color: #015DA4;
}

.lienhe_ {
    font-size: 18px;
    font-weight: bold;
    color: #AEAEAE
}

.dathang_detail p {
    width: 100%;
    float: left;
}

.dathang_detail select {
    width: 80px;
    height: 50px;
    float: left;
    border: 1px solid #cccccc;
    border-radius: 5px;
    background: url(images/select.png) no-repeat right 0px;
}

#huongdan_dh {
    float: right;
}

.chonsize label {
    padding: 0px 10px 0px 0px;
    font-weight: 100;
    cursor: pointer;
    color: #DC00C0
}

.gia_detail span {
    font-size: 14px;
    color: #666;
}

.dathang_detail .thanhtoannhanh {
    width: 200px;
    float: left;
    background: #e41c2c;
    height: 50px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    padding: 15px 0px 0px 0px;
    cursor: pointer;
    color: #fff;
    margin-left: 20px;
    border-radius: 5px;
    text-align: center;
}

.dathang_detail .muangay {
    width: 177px;
    float: left;
    background: url(images/thanhtoan.png) no-repeat;
    height: 46px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    padding: 9px 0px 0px 70px;
    cursor: pointer;
}

.dathang_detail .thanhtoannhanh:hover,
.dathang_detail .muangay:hover {
    color: #FFF600;
}

.dathang_detail span {
    width: 42px;
    height: 42px;
    padding: 7px 0px 0px 0px;
    float: left;
    border: 3px solid #ccc;
    border-radius: 50%;
    text-align: center;
}

.huongdan_detail a {
    width: 100%;
    float: left;
    padding: 5px 0px 10px 30px;
    background: url(images/giohang_ico.jpg) no-repeat 5px 8px;
    color: #035E80;
    font-style: italic;
}

.huongdan_detail a:hover {
    color: #04579D
}

.error_cls {
    text-align: center;
    font-size: 240px;
    text-transform: uppercase;
    color: #cc0000;
    font-family: 'RobotoBold';
}

.error_des {
    text-align: center;
    color: #333;
    font-size: 16px;
}

.error_des a {
    color: #cc0000;
    font-weight: bold;
    color: #cc0000;
}

.box_new {
    width: 100%;
    float: left;
    padding: 10px;
}

.box_new img {
    width: 140px;
    border: 1px solid #ccc;
    padding: 2px;
    float: left;
    margin: 5px 10px 0px 0px;
}

.box_new h3 a {
    text-transform: capitalize;
    font-weight: 100;
    color: #025B89;
    font-family: 'RobotoBold';
}

.box_new p {
    font-size: 12px;
    color: #333;
}

.box_new:nth-child(2n+1) {
    clear: left;
}

.box_new:hover h3 a {
    color: #AF0808
}

.content_new {
    overflow: hidden;
    height: 400px;
    width: 100%;
    float: left;
}

.ngaydang {
    font-style: italic;
    color: #9A9A9A;
    font-size: 12px;
}

.thongtin_detail {
    font-style: italic;
}

.khuyenmai_detail {
    margin: 5px 0px 0px 0px;
}

.khuyenmai_detail ul li {
    padding: 5px 20px 5px 0px;
    color: #008c00
}

.khuyenmai_detail ul li input {
    float: left;
    margin: 3px 5px 0px 0px;
}

#sodauduoi {
    width: 100%;
    float: left;
}

.div_tab_thu {
    width: 100%;
    float: left;
}

.div_tab_thu ul {
    display: flex;
    margin-left: -1px;
}

.div_tab_thu ul li {
    flex-grow: 2;
    margin-left: 1px;
    height: 30px;
}

.div_tab_thu ul li a {
    width: 100%;
    float: left;
    background: #d11a1a;
    border-radius: 5px 5px 0px 0px;
    color: #fff;
    text-align: center;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    font-family: 'RobotoBold';
    font-size: 13px;
}

.div_tab_thu ul li a.active {
    background: #fff;
    color: #d11a1a;
    border: 1px solid #cacaca;
    border-bottom: 0px;
    position: relative;
    z-index: 1;
}

.component {
    width: 100%;
    float: left;
    border: 1px solid #cacaca;
    padding: 10px;
    margin-top: -1px;
    position: relative;
    text-transform: uppercase;
}

.component table {
    border-bottom: 1px solid #eee;
}

.component td {
    text-align: center;
    padding: 10px;
    width: 20%;
}

.component td.kq {
    font-weight: bold;
    text-transform: uppercase;
}

.component td.kq .xanh {
    color: blue;
    font-family: 'RobotoBold';
    font-size: 22px;
}

.component td.kq .do {
    color: red;
    font-family: 'RobotoBold';
    font-size: 22px;
}

.tabthongkexoso {
    width: 100%;
    float: left;
    text-align: center;
}

.tabthongkexoso li {
    display: inline-block;
    font-family: 'RobotoBold';
    text-transform: uppercase;
}

.tabthongkexoso li a {
    padding: 5px 30px;
    background: #e53636;
    display: inline-block;
    color: #fff;
    border-radius: 5px 5px 0px 0px;
}

.tabthongkexoso li.active a {
    background: #cc0000;
    color: #f99c1b;
}

.box_formthongkexoso {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    border-radius: 5px 5px 0px 0px;
    background: #f2f2f2
}

.slecttk {
    width: 100%;
    float: left;
    background: linear-gradient(#ef2821, #ff9a01);
    color: #fff;
    padding: 5px 0px 2px 10px;
    border-radius: 5px 5px 0px 0px;
}

#frm_thongkekqxsmn {
    padding: 10px;
    width: 100%;
    float: left;
}

#frm_thongkekqxsmn td {
    padding: 5px;
}

#frm_thongkekqxsmn input[type="text"],
#frm_thongkekqxsmn select {
    width: 100%;
    float: left;
    border: 0px;
    padding: 8px;
    max-width: 200px;
    border: 1px solid #eee;
}

#list_select_dai label,
.slecttk label {
    float: left;
    margin-right: 10px;
}

#list_select_dai label input[type="checkbox"],
.slecttk label input {
    float: left;
    margin-right: 5px;
}

.btnxemthongke {
    background: #d11a1a;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 20px;
    border: 0px;
    border-radius: 5px;
}

.btnxemthongke:hover {
    background: #ff9a01
}

.chamhoi a {
    font-size: 20px;
    color: #fff;
    margin-right: 10px;
    float: right;
}

.selectors {
    border: 1px solid #ccc;
    text-align: center;
    float: left;
    width: 100%
}

.table_info {
    width: 100%;
    float: left;
}

.dieuhuong {
    width: 100%;
    float: left;
    padding: 5px 0px 5px 20px;
    border-bottom: 1px solid #ccc;
    background: url('images/icon_t3.png') no-repeat 2px 5px;
}

.dieuhuong a {
    color: #333;
    padding: 0px 10px 0px 10px;
    float: left;
    background: url(images/muiten_trong.png) no-repeat right;
}

.dieuhuong a:hover {
    color: #007597;
}

.thanhsp {
    width: 100%;
    float: left;
    margin: 0px 0px 20px 0px;
    background: #ffd800;
}

.thanhsp h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 100;
    display: inline-block;
    padding: 0px 20px 0px 10px
}

.thanhsp h2:before {
    content: "";
    background: url(images/after.png) no-repeat;
    height: 18px;
    float: left;
    width: 139px;
    margin: 15px 0px 0px 0px;
}

.thanhsp h2:after {
    content: "";
    background: url(images/after.png) no-repeat;
    height: 18px;
    float: right;
    width: 139px;
    margin: 15px 0px 0px 0px;
}

.thanhsp span {
    color: #FE0000
}

.khung_khac {
    width: 100%;
    float: left;
    margin: 0px 0px 20px 0px;
}

#java_km {
    width: 100%;
    float: left;
}

#java_km img {
    border: 1px solid #ccc;
    margin: 5px;
    padding: 1px;
}

#java_km img:hover {
    opacity: 0.8;
}

.thanhdt {
    width: 100%;
    float: left;
    margin: 10px 0px 20px 0px;
    border-bottom: 1px solid #f0eeee;
}

.thanhdt h4 {
    color: #5c5c5c;
    text-transform: uppercase;
    font-size: 17px;
    display: inline-block;
    padding: 0px 20px 0px 0px;
    font-weight: 100;
}

.owl-controls {}

.tin_tuc {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 10px;
}

.tin_tuc h2 {
    display: inline-block;
    background: url(images/thanhsp.png) no-repeat;
    height: 64px;
    background-size: 100% 100%;
    padding: 10px 80px 0px 80px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 100
}

.tin_tuc h3 {
    color: #646464;
    text-transform: uppercase;
    margin: 10px 0px 5px 0px;
}

.tin_tuc p {
    color: #666666;
    font-size: 12px;
}

.tin_tuc ul li {
    width: 370px;
    float: left;
    margin: 20px 0px 0px 10px;
    text-align: left;
}

.tin_tuc ul li img {
    width: 66px;
    height: 66px;
    float: left;
    margin: 10px;
    border-radius: 100%;
}

.tin_tuc ul li {
    padding: 2px 0px 2px 10px;
}

.tin_tuc ul li a {
    color: #00426f;
}

.tin_tuc ul li span {
    color: #ccc
}

.tin_tuc a:hover {
    color: rgba(255, 0, 0, 1);
}

.tinhot img {
    width: 100%;
}

.tinhot a {
    color: #333;
}

.tinhot p {
    font-size: 13px;
    color: #666;
}

.tinhot:hover a {
    color: #01679C;
    text-decoration: underline;
}

.tinhot .date {
    width: 100%;
    float: left;
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 20px;
    font-size: 12px;
    color: #999;
    background: url(images/dongho.png) no-repeat 0px 3px;
}

.item {
    width: 225px;
    float: left;
    position: relative;
    background: #fff;
    font-family: 'RobotoRegular';
    padding: 7px;
    margin: 10px 10px 0px 0px;
    min-height: 290px;
    color: #6d6d6d;
    text-align: center;
}

.item:nth-child(4n+1) {
    clear: left;
}

.item:nth-child(4n) {
    float: right;
    margin-right: 0px;
}

.item .giacu {
    font-size: 14px;
    color: #004fc6;
    padding: 0px 0px 0px 0px;
}

.item .giaban {
    font-size: 16px;
    color: #666;
    padding: 0px 5px 0px 0px;
    float: left;
    font-weight: bold;
}

.item .giaban span {
    color: #F10404
}

.lienhe_con {
    font-size: 15px;
}

.giamgia {
    position: absolute;
    width: 46px;
    height: 46px;
    background: url(images/giamgia.png) no-repeat;
    line-height: 46px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    left: 5px;
    top: 5px;
    z-index: 100;
}

.img {
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    width: 100%;
    float: left;
    display: block;
}

.item a img {
    width: 100%;
    float: left;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.item_info {
    width: 145px;
    float: right;
}

.item:hover a {}

.tab_hidden {
    display: none;
}

.bong_sp {
    width: 100%;
    float: left;
    height: 8px;
    content: '';
    background: url(images/bong_sp.png) no-repeat;
}

.item h3 a {
    text-decoration: none;
    color: #3e3e3e;
}

.item:hover .xemsp {
    color: #FFFC00;
}

.item:hover h3 a {
    color: #05648C;
    text-decoration: underline;
}

.item h3,
.sp2 h3 {
    transition: 0.5s;
    color: #0054a6;
    font-weight: bold;
    font-size: 14px;
    width: 100%;
    float: left;
    padding: 10px 0px 5px 0px;
    min-height: 30px;
}

.item .masp {
    float: left;
    padding: 2px 0px 0px 0px;
}

.giohang {
    position: absolute;
    z-index: 100;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    transition: 0.3s;
}

.giohang:hover {
    transform: scale(0.8);
}

.mua_ngay {
    position: absolute;
    z-index: 100;
    transition: all 0.5s ease 0s;
    background: url(images/giohang_ico.jpg) no-repeat 10px 7px;
    color: #0b58cc;
    bottom: 2px;
    left: 2px;
    right: 2px;
    height: 30px;
    border: 1px solid #abcaf8;
    line-height: 30px;
    text-align: center;
    display: none;
}

.mua_ngay a {
    display: block;
    color: #0b58cc;
}

.item:hover .mua_ngay {
    display: block;
}

.mua_ngay:hover {}

.mua_ngay:hover a {
    color: #f37022
}

.giaohang_tn {
    width: 380px;
    float: left;
    padding: 20px 10px 20px 160px;
    color: #fff;
    background: url(images/giaohang.png) no-repeat 0px 10px;
    border-right: 1px solid #0081b4;
}

.giaohang_tn h4 {
    color: #fbda42;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'RobotoCondensed';
}

.giamgia_hot {
    position: absolute;
    width: 40px;
    float: left;
    height: 40px;
    z-index: 1;
    top: 3px;
    right: 3px;
    background: url(images/giamgia.png) no-repeat;
    line-height: 30px;
    text-align: center;
    color: #FFF;
}

.thuonghieu_item {
    width: 20%;
    float: left;
    text-align: center;
    border: 1px solid #eee;
    padding: 10px;
}

.thuonghieu_item h3 a {
    margin-top: 10px;
    color: #e91678;
    font-family: 'UTMFlamenco';
}

.thuonghieu_item img {
    max-width: 100%;
}

.thuonghieu_item:hover {
    border: 1px solid #e91678;
}

.khung_2 {
    padding: 0px 0px 0px 20px;
    margin-top: 20px;
}

.khung_22 {
    border: 1px solid #ccc;
    width: 100%;
    float: left;
    min-height: 390px;
}

.khung_22 h4 {
    background: #f5f5f5;
    text-transform: uppercase;
    color: #333;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    padding: 0px 0px 0px 20px
}

.khung_22 .item h3 {
    font-size: 12px;
    font-weight: 100;
    font-family: 'Arial';
    text-transform: lowercase;
}

.khung_22 .item {
    margin: 10px 0px 0px 0px;
}

.khung_22 .item:nth-child(2n+1) {
    clear: left;
}

.xemthem a {
    width: 100%;
    float: left;
    margin: 10px 0px 0px 0px;
    font-size: 13px;
    color: #ccc;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    padding: 0px 0px 0px 0px;
}

.xemthem a:hover {
    color: #006E8A;
    border-bottom: 1px solid #006E8A;
}


.chitiet {
    height: 31px;
    background: url(images/bg_giohang.png) repeat-x;
    display: inline-block;
    text-align: center;
    color: #fe8152;
    font-size: 12px;
    border: 1px solid #dadada;
    line-height: 31px;
    padding: 0px 10px 0px 10px;
    margin-top: 10px;

}

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

.chitiet a:hover,
.dathang:hover {
    color: #ec0574;
}

.dathang {
    height: 31px;
    background: url(images/bg_giohang.png) repeat-x;
    display: inline-block;
    text-align: center;
    color: #000;
    cursor: pointer;
    font-size: 12px;
    border: 1px solid #dadada;
    line-height: 31px;
    padding: 0px 10px 0px 10px;
    margin-top: 10px;
}

.cls {
    width: 100%;
    float: left;
    border-bottom: 1px dashed #CCCCCC;
}

.gach {
    width: 100%;
    float: left;
    border-bottom: 1px dotted #ccc;
    margin: 5px 0px 5px 0px;
}

.noidung ul li {
    list-style-type: none !important;
}

.dangky_tin {
    width: 250px;
    float: right;
    margin: 0px 0px 10px 0px;
    background: url(images/mail.png) no-repeat 10px 10px;
    padding: 0px 20px 20px 0px;
}

.dangky_tin h4 {
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
    float: left;
    font-size: 16px;
    color: #4f4f4f;
    font-family: 'RobotoCondensedRegular';
    margin-bottom: 20px;
}

.dangky_tin p {
    font-size: 14px;
    margin: 5px 0px 5px 0px;
    font-size: 12px;
}

.dangky_tin p span {
    text-transform: uppercase;
    font-size: 16px;
}

.dangky_tin input {
    width: 100%;
    padding: 5px;
}

.dangky_tin button {
    border: 0px;
    background: #ec0574;
    height: 20px;
    border-radius: 5px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0px 0px 0px 0px;
    width: 23px;
}

.dangky_tin button:hover {
    opacity: 0.5;
}

.dangkymail {
    width: 100%;
    float: left;
    position: relative;
    margin: 10px 0px 0px 0px;
}

.dangkymail input {
    width: 100%;
    float: left;
    padding: 7px;
    margin: 0px 0px 0px 0px;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid #0fccf7;
    outline: none;
}

.dangkymail button {
    float: left;
    border-radius: 5px;
    text-transform: uppercase;
    margin: 0px 0px 0px 0px;
    background: url(images/email.png) no-repeat;
    border: none;
    outline: none;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 5px;
    right: 5px;
}

.dangkymail p {
    width: 100%;
    float: left;
    color: #fff;
    padding: 10px 20px 0px 20px;
}

.dangky_tin input::-webkit-input-placeholder {
    color: #0fccf7;
}

.dangky_tin input:-moz-placeholder {
    color: #0fccf7;
}

.dangky_tin input::-moz-placeholder {
    color: #0fccf7;
}

.dangky_tin input:-ms-input-placeholder {
    color: #0fccf7;
}

#thanh_toan {
    width: 100%;
    float: left;
    border-top: 1px solid #9d9e9e;
    border-bottom: 1px solid #9d9e9e;
    padding: 10px 0px 10px 0px;
    margin: 20px 0px 0px 0px;
}

.thongtin_1 {
    width: 240px;
    float: left;
}

.thongtin_1 h4 {
    font-size: 16px;
    font-family: 'RobotoCondensedRegular';
    text-transform: uppercase;
    padding: 0px 0px 10px 0px;
}

.thongtin_1 li a {
    color: #333;
    width: 100%;
    float: left;
    padding: 2px 0px 2px 0px;
}

.thongtin_1 li a:hover {
    color: #00739D;
    text-decoration: underline;
}

.thoigian {
    float: right;
    font-family: 'UTMAvo';
    padding: 25px 0px 0px 20px;
}

.hotline_bt {
    width: 270px;
    float: right;
    font-family: 'UTMAvoBold';
    margin: 145px 50px 0px 0px;
    text-align: center;
}

.hotline_bt span {
    font-size: 25px;
    color: #fff
}

.hotro_bottom p {
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    color: #1b1c23;
    margin: 25px 20px 0px 20px;
}

.hotro_bottom p {}
.table_loto_dau{
    width: 100%;
    border-collapse: collapse;
}
.table_loto_dau td{
    text-align: center;
    border:1px solid #ebebeb !important;
    padding: 5px !important;
}
.table_loto_dau td:first-of-type{
    color: #f00;
    width: 30px;
}
.table_loto_dau tr:nth-child(2n+2) td{
    background: #fff4f4;
}
.table_loto_dau tr:first-of-type td{
    background: linear-gradient(#ed1f23, #ff9a00);
    color: #fff;
}
@media all AND (max-width: 480px){
    .table_loto_dau .duoi {
        display: inline-block;
        padding: 0px 5px;
        font-family: 'RobotoBold';
        width: 100%;
    }
}
#bottom {
    width: 100%;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 0px 0px;
}

.footer {
    position: relative;
    width: 100%;
    background: #cc0000;
    text-align: center;
}

.footer {
    width: 100%;
    float: left;
    padding: 20px 0px 30px 0px;
    /*background: #c30000;*/
}
.footer .link_footer{
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: center;
    color: #fff;
    gap:10px;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
}
.footer .link_footer a{
    color: #fff;
}
.footer .text_footer{
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-top: 20px;
}
.khung_footer {
    margin-top: 30px;
    padding: 0px 30px 0px 0px;
}

.khung_footer h4 {
    text-transform: uppercase;
    color: #1a6def;
    border-bottom: 2px solid #eee;
    padding: 5px 0px 5px 0px;
}

.khung_footer ul li a {
    width: 100%;
    float: left;
    padding: 5px 0px 5px 5px;
    color: #747474;
    border-bottom: 1px solid #eee;
    transition: 0.5s;
}

.khung_footer ul li a:hover {
    color: #025A7E;
    background: #EAEAEA
}

.khung_facebook {
    margin-top: 0px;
    padding: 0px 0px 0px 30px;
    width: 280px;
    float: left;
    color: #d9b19b
}

.khung_facebook h4 {
    text-transform: uppercase;
    padding: 0px 0px 0px 0px;
    font-size: 16px;
}

.khung_facebook ul li a {
    width: 100%;
    float: left;
    padding: 5px 0px 5px 0px;
    color: #747474;
    border-bottom: 1px solid #eee
}


.logo_bt {
    float: left;
    text-align: center;
}

.logo_bt {
    max-width: 90%
}

.menu_bt {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: #333;

}

.congty {
    position: relative;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    margin-top: 10px;
    text-transform: uppercase;
    width: 100%;
    float: left;
}

.menu_bt a {
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    padding: 0px 25px 0px 25px;
    text-transform: uppercase;
}

.menu_bt a:hover {
    color: rgba(255, 255, 0, 1);
}

.bottom {
    width: 100%;
    float: left;
    padding: 10px 0px 0px 0px;
    position: relative;
    margin: 0px 0px 0px 0px;
}

.facebook {
    width: 100%;
    float: right;
    overflow: hidden
}

.video_clip {
    width: 310px;
    float: right;
    margin-right: 10px;
}

.logo_bt {
    float: left;
    margin: 0px 0px 0px 0px;
}

.khung_bt {
    width: 100%;
    float: left;
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 20px 0px;
}

.kun_bbt {
    width: 65%;
    float: left;
}

.row_lk {
    width: 40%;
    float: left;
}

.thongtin_bt {
    width: 60%;
    float: left;
    margin: 0px 0px 0px 0px;
    color: #fff;
    font-size: 14px;
}

.noidung_bt {
    width: 100%;
    float: left;
    padding: 0px 0px 0px 50px;
    line-height: 3;
    background: url('images/icon_tt.png') no-repeat 0px 10px;
}

.thongtin_bt li {
    padding: 2px 0px 1px 0px;
    font-size: 14px;
}

.thongtin_bt h2 {
    text-transform: uppercase;
    font-size: 26px;
    color: #fff200;
    display: inline-block;
    padding: 0px 10px 10px 0px;
    font-weight: 100;
    font-family: 'UTMHelvetIns';
}

.thongtin {
    width: 19%;
    float: left;
    padding: 0px 0px 22px 40px;
    font-size: 13px;
}

.thongtin h4 {
    margin: 0px 0px 20px 0px;
}

.thongtin li {
    width: 100%;
    float: left;
}

.thongtin li a {
    color: #fff;
    font-size: 13px;
    width: 100%;
    float: left;
    padding: 5px 0px 5px 20px;
    background: url(images/icondoi.png) no-repeat 0px 9px;
}

.thongtin li a:hover {
    color: #ed2a30;
    text-decoration: underline;
}


.thanhtoan_bt {
    float: left;
    margin-left: 50px;
    font-size: 12px;
}

.thanhtoan_bt h4 {
    margin: 10px 0px 10px 0px;
    text-transform: uppercase;
}

.bocongthuong h4 {
    margin: 10px 0px 10px 0px;
}

.bocongthuong {
    text-align: center;
    width: 100%;
    float: left;
    margin: 10px 0px 0px 0px;
}

.chinhanh {
    width: 35%;
    float: left;
    padding: 0px 0px 0px 20px;
}

.chinhanh select {
    border: 1px solid #d70909;
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    background-color: #ba0000;
    float: left;
    color: #fff;
    margin-bottom: 10px;
    text-indent: 5px;
}

.mang_xh {
    width: 260px;
    float: left;
    text-align: center;
    background: url(images/bg_lk.png) no-repeat 0px 62px;
}

.mang_xh h4 {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'UTMAlterGothic';
    font-weight: 100;
}

.mang_xh p {
    color: #dcdcdc;
    padding: 5px 0px 20px 0px;
}

.mang_xh a {
    margin: 20px 10px 0px 0px;
}

.mang_xh a:hover {
    opacity: 0.7;
}

.mang_xh img {
    width: 30px;
    height: 30px;
    border-radius: 30px;
}

.mang_xh ul {
    color: #fff;
}

.mang_xh ul li {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    padding: 0px 10px 0px 10px;
    margin-top: 10px;
}

.mang_xh ul li span {
    color: #FFF600
}

.bando_bt {
    float: left;
}

.bando_bt img {
    display: block;
    width: 100%;
}

.bando_bt img:hover {
    opacity: 0.8;
}



.dong_p {
    width: 190px;
    float: left;
    margin-top: 10px;
}

.map {
    float: right;
    margin: 20px 0px 0px 0px;
}

.map h4 {
    color: #fff;
    text-align: right;
    text-transform: uppercase;
    font-style: italic;
}

.map img:hover {
    box-shadow: 0px 0px 10px #ccc;
}

#doitac {
    width: 100%;
    margin: 0px 0px 0px 0px;
    float: left;
}

.doitac {
    width: 100%;
    float: left;
}

.doitac img {
    border: 1px solid #ccc;
}

.sp_left {
    width: 100%;
    float: left;
    padding: 10px;
}

.sp_left img {
    width: 80px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 2px;
    border: 1px solid #e1e1e1;
    margin-right: 10px;
}

.sp_left img:hover {
    opacity: 0.8;
}

.sp_left a {
    color: #333;
    text-align: justify;
}

.sp_left a:hover h3 {
    color: #056D94
}

.menu_bot {
    width: 1000px;
    float: left;
    padding-top: 5px;
    text-align: center;
}

.menu_bot a {
    text-decoration: none;
    color: #fff;
    text-shadow: -1px 1px #0033CC, 1px -1px #0033CC, -1px -1px #0033CC, 1px 1px #0033CC;
    padding-left: 10px;
    padding-right: 10px;
}

.menu_bot a:hover {
    color: #900;
    text-shadow: -1px 1px #fff, 1px -1px #fff, -1px -1px #fff, 1px 1px #fff;
}

/*-----------------------------------*/
.khung_lk {
    width: 24%;
    float: right;
    padding-left: 40px;
}

.lienket {
    width: 100%;
    float: left;
    margin: 40px 0px 0px 0px;
    text-align: center;
}

.lienket label {
    float: left;
    font-weight: bold;
    color: #fff;
    margin: 5px 10px 0px 0px;
}

.lienket li {
    display: inline-block;
    position: relative;
}

.lienket a {
    margin: 0px 5px 0px 5px;
    color: #4f4f4f;
    display: inline-block
}

.lienket a img {
    margin: 0px 0px 0px 0px;
    max-width: none
}

.lienket img {
    height: 90px;
    position: relative;
}

.lienket a:hover {
    opacity: 0.7;
}

/*-----------------------------------*/
#copy {
    width: 100%;
    float: left;
    background: #0a6674;
    height: 50px;
    padding: 20px 0px 5px 0px;
    text-align: center;
}

.copy {
    float: left;
    color: #ed1c24;
    margin: 10px 0px 0px 0px;
    color: #fff;
    padding: 5px 0px 0px 0px;
    font-size: 13px;
}

.copy a {
    color: #fff;
}

.copy span {
    color: #ffff00
}

#hotro_top {
    width: 100%;
    float: right;
    background: #f9f9f9;
    border-bottom: 1px solid #ebebeb;
    font-family: 'RobotoRegular';
}

#hotro_top .menu_top {
    float: right
}

.menu_top.mobile {
    display: none
}

#hotro_top ul li {
    float: left;
    background: url('images/gach_hot.png') no-repeat right top;
    height: 35px;
    padding: 8px 20px 0px 20px;
}

#hotro_top ul li:last-child {
    background: none;
    padding-right: 5px;
}

#hotro_top ul li a {
    color: #4c4c4c;
    text-transform: capitalize
}

#hotro_top ul li a:hover {
    color: #cc0000;
    text-decoration: underline
}

.hotline_top {
    float: left;
    color: #4c4c4c;
    padding: 8px 30px 0px 0px;
    height: 35px;
    background: url('images/gach_hot.png') no-repeat right top
}

.hotline_top span {
    color: #ed1c24;
    font-family: 'RobotoBold';
}

.diachi_top {
    float: left;
    padding: 8px 0px 0px 30px;
}

.tienich {
    width: 100%;
    float: left;
}

.tienich li {
    width: 33.333%;
    float: left;
    min-height: 50px;
    text-align: center;
    font-family: 'RobotoRegular';
    font-size: 12px;
}

.tienich li a {
    color: #333;
    padding: 80px 10px 0px 10px;
    display: block
}

.tienich li.bongda {
    background: url('images/icon_tienich.png') no-repeat 0px 0px;
}

.tienich li.giavang {
    background: url('images/icon_tienich.png') no-repeat -106px 0px;
}

.tienich li.tygia {
    background: url('images/icon_tienich.png') no-repeat -212px 0px;
}

.tienich li.chungkhoan {
    background: url('images/icon_tienich.png') no-repeat 0px -80px;
}

.tienich li.nganhang {
    background: url('images/icon_tienich.png') no-repeat -106px -80px;
}

.tienich li.truyenhinh {
    background: url('images/icon_tienich.png') no-repeat -212px -80px;
}

.tienich li.timduong {
    background: url('images/icon_tienich.png') no-repeat 0px -175px;
}

.tienich li.vannien {
    background: url('images/icon_tienich.png') no-repeat -106px -175px;
}

.tienich li.thoitiec {
    background: url('images/icon_tienich.png') no-repeat -212px -175px;
}

.tienich li a:hover {
    color: #b50000;
    font-weight: bold;
}


.tienich li:nth-child(3n+1) {
    clear: left;
}

.soluong {
    padding: 10px 0px 0px 10px;
    font-weight: bold;
}

.soluong span {
    width: 110px;
    float: right;
    color: #F90
}

.phongthuy {
    width: 100%;
    float: left;
    background: #cc0000;
    padding: 10px;
}

.content_phongthuy {
    width: 100%;
    float: left;
    background: #fff;
    padding: 5px;
    display: none;
    overflow-y: scroll;
    height: 640px;
}

.content_phongthuy.active {
    display: block;
}

.content_phongthuy ul li {
    width: 100%;
    float: left;
}

.content_phongthuy ul li img {
    float: left;
    margin-right: 10px;
}

.content_phongthuy ul li span {
    width: 15%;
    float: left;
}

.content_phongthuy ul li span:nth-child(1) {
    width: 55%;
    float: left;
}

.tab_phongthuy ul {
    width: 100%;
    float: left;
}

.tab_phongthuy li {
    width: 32%;
    float: left;
    margin-right: 2%;
    text-align: center;
    font-size: 12px;
    font-family: 'RobotoBold';
}

.tab_phongthuy li a {
    display: block;
    padding: 10px 0px;
    color: #fff;
    text-transform: uppercase;
    background-color: #a00000
}

.tab_phongthuy li:nth-child(3) {
    float: right;
    margin-right: 0%;
}

.tab_phongthuy li a.active {
    background-color: #fff;
    color: #a00000
}

div#container_product {
    margin-top: 10px;
    width: 100%;
    float: left;
}

div#container_product #tabs {
    border: 1px solid #fff;
    overflow: hidden;
}

div#container_product #tabs li {
    margin: 7px 50px 0px 0px;
    color: rgba(0, 102, 204, 1);
    text-transform: uppercase;
}

div#container_product #tabs li.active {
    border-bottom: 2px solid #434343;
    color: #000;
}

div#container_product #tabs li {
    float: left;
}

div#container_product #tabs li a {
    color: #525252;
    font-size: 16px;
    text-decoration: none;
}

.phantrang {
    text-align: center;
    margin-top: 20px;
}

.noidung_ta {
    width: 100%;
    float: left;
    padding: 10px;
    clear: left;
    border: 1px solid #e4e4e4;
}

.clear {
    clear: both;
}

.content {
    width: 100%;
    float: right;
    margin: 0px 0px 0px 0px;
}

#map_canvas {
    height: 380px;
    width: 100%;
    margin-bottom: 10px;
    float: left;
}

#map_canvas_bt {
    height: 210px;
    width: 100%;
    float: left;
}

.map_description {
    color: #000000;
    overflow: auto;
    width: 300px;
}

.map_description .default {
    color: #FF0000;
}

.map_description div {
    line-height: 18px;
    margin: 3px;
}

.map_list_address {
    float: left;
    height: 500px;
    overflow: hidden;
    width: 250px;
}

.map_list_address .list {
    line-height: 18px;
    margin-bottom: 5px;
}

.map_list_address span {
    color: #FCFF46;
}

.map_title {
    color: #30A602;
    font-weight: bold;
}

.navigate .C {
    width: 970px;
}

.hotro_right {
    display: block;
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 9;
    width: 100%;
    max-width: 290px;
}

.hotro_right #img {
    display: block;
    position: relative;
    width: 100%;
    max-width: 290px;
    height: 160px;
    border-bottom: 1px solid #d00000;
    background: transparent url("images/hotro.png") no-repeat scroll 0% 0%;
}

.hotro_right div.hotline_r {
    bottom: 0px;
    padding: 0px 10px;
    background-color: #ffde00;
    color: #d00000;
    font-size: 17px;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

.hotro_right .noidung_20 {
    display: none;
    width: 100%;
    float: left;
    background-color: #FFF;
    border-left: 1px solid #d00000;
    border-top: 1px solid #d00000;
    padding: 5px;
}

.hotro_tt img {
    display: block;
}

.red {
    color: #FB0000
}

.dieukhoan {
    width: 50%;
    float: left;
    border: 1px solid #ccc;
    margin: 10px 0px 10px 0px;
}

.dieukhoan h4 {
    padding: 5px 10px 5px 10px;
    background: #F2F2F2;
    text-transform: uppercase;
    color: #fff
}

.thanh_bt {
    width: 100%;
    float: left;
    margin: 20px 0px 0px 0px;
}

.thanh_bt h4 {
    font-size: 20px;
    color: #cc0000;
    text-transform: uppercase;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    font-family: 'RobotoBold';
    position: relative;
    font-weight: 100;
}

.thanh_bt h4:after {
    content: '';
    width: 30%;
    z-index: 10;
    bottom: -5px;
    left: 0px;
    border-bottom: 2px solid #a00000;
    position: absolute;
}

.content_new ul li {
    width: 100%;
    float: left;
    border-bottom: 1px dotted #ccc;
    padding: 10px 0px 10px 0px;
}

.content_new ul li a {
    width: 100%;
    float: left;
    color: #fff;
    padding: 0px 0px 0px 20px;
    background: url(images/4cham.png) no-repeat 5px 7px;
}

.content_new ul li a:hover {
    color: #FFF600
}

.content_new ul li span {
    float: right;
}

.khung_btr {
    width: 30%;
    float: right;
}

.khung_trai {
    width: 100%;
    float: left;
    margin-left: 0px;
}

.khung_phai {
    width: 100%;
    float: right;
    padding: 20px 0px 0px 0px;
}

.thongtin_lh {
    width: 100%;
    float: left;
    padding: 0px 40px 20px 0px;
}

.thongtin_lh h1 {
    font-size: 20px;
    text-transform: uppercase;
    color: #04608B
}

.form_lh {
    width: 100%;
    float: left;
}

.form_lh fieldset {
    padding: 10px;
    margin: 20px 0px 0px 0px;
}

.form_lh legend {
    padding: 0px 10px 0px 10px;
    font-style: italic;
    color: #023B70
}

.form_lh p {
    padding: 5px 0px 5px 0px;
}

.form_lh p input {
    padding: 5px;
    width: 300px;
    margin-left: 10px;
}

.form_lh p label {
    width: 120px;
    float: left;
}

.form_lh p textarea {
    padding: 5px;
    width: 400px;
    margin-left: 5px;
    border: 1px solid #ccc;
}

.form_lh p button {
    border: 0px;
    background: #303030;
    padding: 5px 20px 5px 20px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    margin-left: 13px;
}

.form_lh p button:hover {
    background: #036593
}

.form_van input {
    width: 100%;
    padding: 5px;
}

.form_van button {
    position: absolute;
    z-index: 1000;
    top: 1px;
    right: 0px;
    color: #eee;
    padding: 5px;
    border: 0px;
    background: #E78D00
}

.form_contact {
    padding: 20px 0px 0px 0px;
}

#form_contact input {
    padding: 5px;
}

.box_video {
    float: left;
}

.box_video img {
    width: 100%
}

.box_video h3 {
    text-align: center;
    margin: 10px 0px 0px 0px;
    width: 100%;
    float: left;
    font-size: 14px;
}

.box_video:hover {
    opacity: 0.8;
}

#noidung_print {
    position: absolute;
    top: -20000px;
}

.dieukhoan {
    width: 49%;
    float: left;
    border: 1px solid #ccc;
    margin: 10px 0px 10px 0px;
}

.dieukhoan h4 {
    padding: 5px 10px 5px 10px;
    background: #F2F2F2;
    text-transform: uppercase;
    color: #555
}

.cuoncuon {
    padding: 10px;
    height: 400px;
    overflow-y: scroll;
}

.xacnhan {
    width: 100%;
    float: right;
    margin: 5px 0px 5px 0px;
}

.xacnhan h4 {
    padding: 5px 10px 5px 10px;
    background: #F2F2F2;
    text-transform: uppercase;
    color: #555
}

.khungxn p {
    padding: 5px 0px 5px 0px;
    border-bottom: 1px dotted #ccc;
    margin: 0px;
}

.khungxn p b {
    width: 120px;
    float: left;
    font-weight: 100;
}

.khungxn p span {
    color: #FC0202
}

.khungxn p label {
    margin: 0px;
    font-weight: 100;
}

.phuongthuc h4 {
    padding: 5px 10px 5px 10px;
    background: #F2F2F2;
    text-transform: uppercase;
    color: #555;
    margin-bottom: 10px;
}

.dongy {
    padding: 10px;
    width: 100%;
    float: left;
    font-weight: bold;
}

.back_fix {
    height: 375px;
    width: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 20px;
}

.back_fix1 {
    background-image: url("images/photo_divider1.jpg");
}

.back_fix2 {
    background-image: url("images/photo_divider2.jpg");
}

.back_fix3 {
    background-image: url("images/photo_divider3.jpg");
}

.back_fix4 {
    background-image: url("images/photo_divider4.jpg");
}

.item1 {
    position: relative;
    background: url(images/bg_dm.png) no-repeat center bottom;
    padding-bottom: 20px;
}

.item1 img {
    transition: 0.5s;
    border-radius: 100%;
    border: 7px solid rgba(255, 255, 255, 0.8);
}

.item1 img:hover {
    opacity: 0.9;
}

.item1 span {
    position: absolute;
    width: 100%;
    top: 0px;
    bottom: 20px;
    background: rgba(236, 5, 116, 0.5);
    border-radius: 100%;
    transform: scale(0);
    transition: 0.5s;
    text-align: center;
    font-weight: bold;
    padding-top: 70px;
    color: #fff;
}

.item1:hover span {
    transform: scale(1);
}

.menu_hinhanh {
    width: 100%;
    float: left;
    height: 40px;
    background: url(images/menu.png) repeat-x;
    text-align: center;
    margin-top: 30px;
}

.menu_hinhanh li {
    display: inline-block;
    background: url(images/gach_menu.png) no-repeat right;
    padding-right: 5px;
}

.menu_hinhanh li:last-child {
    background: none;
}

.menu_hinhanh a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0px 20px 0px 20px;
}

.menu_hinhanh a:hover {
    color: #FBC729
}

#menu_mm li img {
    max-width: 80px;
}

.menu_mobile,
.menu_hinhanh_m {
    display: none;
    font-size: 30px;
    color: #fff;
    float: right;
    margin: 5px 10px 0px 0px;
    position: relative;
    cursor: pointer;
}

.menu_mobile:hover,
.menu_hinhanh_m:hover {
    color: #FAD400
}

.home_mobile {
    font-size: 24px;
    color: #fff;
    display: none;
    float: left;
    margin: 10px 0px 0px 10px;
}

.home_mobile a {
    color: #fff;
}

.home_mobile a:hover {
    color: #FFFC00
}

.menu_trong {
    position: absolute;
    z-index: 100;
    display: none;
    background: #fff;
    border: 1px solid #eee;
}

.about_mm {
    padding: 10px;
    text-align: center;
}

.about_mm a {
    background: #0070c0;
    display: inline-block;
    padding: 5px 50px 5px 50px;
    font-size: 20px;
    border-radius: 5px;
    color: #fff;
}

.about_mm a.banggia {
    background: #df0000;
}

.about_mm a:hover {
    opacity: 0.8;
}

.menu_sub_left ul li ul {
    display: none;
}

.download_box {
    width: 230px;
    float: left;
    margin-right: 25px;
    text-align: center;
}

.download_box img {
    border: 1px solid #ddd;
    padding: 5px;
}

.download_box h3 {
    text-align: center;
    font-weight: 100;
    color: #333;
    margin: 5px 0px 5px 0px;
    font-size: 12px;
}

.download_box a {
    margin: auto;
    display: inline-block;
    padding: 3px 20px 3px 20px;
    background: #DE8801;
    color: #fff;
}

.box_video {
    margin: 0px auto;
    padding: 5px;
    box-sizing: border-box;
    width: 230px;
}

.box_video img {
    max-width: 100%;
}

.box_video a h3 {
    text-align: left;
    margin: 5px 0px 0px 0px;
    width: 100%;
    float: left;
    font-size: 14px;
    color: #035F67;
    font-weight: bold;
    overflow: hidden;
}

.box_video:hover a h3 {
    color: #d5aa16;
}

.box_video:hover {
    opacity: 0.8;
}

.video_info {
    font-size: 12px;
    color: #767676;
    line-height: 1.3em;
}

.video_info .loai_vid a {
    font-size: 13px;
    color: #767676;
}

.video_info .loai_vid:hover a {
    color: #167ac6;
}

.box_vid {
    width: 100%;
    float: left;
}

.box_vid iframe {
    height: 400px;
}

.box_vid h1 {
    font-size: 24px;
    color: #fff;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    padding: 15px 10px;
    box-sizing: border-box;
}

.vid_cmt {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 10px;
}

.other_vid {
    width: 100%;
    float: right;
}

.title_other {
    color: #d5aa16;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
}

.other_vid .box_video_detail {
    width: 100%;
    padding: 7px;
    box-sizing: border-box;
}

.other_vid .box_video_detail img {
    width: 40%;
    float: left;
    height: auto;
}

.box_video_detail .vid_info {
    width: 58%;
    float: right;
    color: #767676;
    line-height: 1.3em;
    font-size: 12px;
}

.box_video_detail .vid_info a h3 {
    font-size: 13px;
    font-weight: 500;
    color: #08678E;
    font-weight: bolder;
}

.box_video_detail:hover .vid_info a h3 {
    color: #d5aa16;
}

.vid_info .loai_vid a {
    font-size: 13px;
    color: #767676;
}

.vid_info .loai_vid:hover a {
    color: #167ac6;
}

.luotxem {
    font-style: italic;
    color: #666;
    font-size: 12px;
}

#noidung_print .bangkqxs {
    position: relative;
    font-size: 24px;
    font-family: Tahoma, Geneva, sans-serif;
    border-collapse: collapse
}

#noidung_print .date {
    font-weight: bold;
    font-size: 29px
}

#noidung_print .dayso {
    padding: 12px 5px;
    font-size: 20px;
}

#noidung_print .tieudebang {
    font-size: 30px;
    font-family: sans-serif;
    font-weight: bold;
    padding: 4px 0;
    color: #FFF;
    background: #000
}

#noidung_print .tieudecot {
    font-size: 25px;
    font-family: sans-serif;
    font-weight: bold;
    padding: 4px 0;
    background: #EBEBEB;

}

#noidung_print .cot_ve {
    width: 33%;
    float: left
}

#noidung_print .dayso span {
    margin: 8px 0px 9px 4px;
    padding: 1px 3px;
    border: solid 1px #0a6674;
    border-radius: 50%;
    background: #0a6674;
    color: #FFF;
    font-size: 31px;
    font-weight: bold;
}

#noidung_print td {
    border: solid 2px #0a6674;
}

#noidung_print .footer {
    font-size: 30px;
    padding: 5px 0;
    font-weight: bold;
    color: #FFF;
    background: #000
}

#noidung_print .title_bkq {
    line-height: 35px
}

@media print and (color) {
    #noidung_print * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

}

/* -----------------------Popup---------------------------*/
#popub {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 10001;
    text-align: center;
}

#loading,
#popub {
    width: 100%;
    height: 100%;
    display: none;
}

#popub .popub {
    position: relative;
    max-width: 80%;
    margin: auto;
    display: inline-block;
}

#popub .popub .close_popup {
    position: absolute;
    background: url(images/icon/close.png) center center no-repeat;
    width: 60px;
    height: 60px;
    right: -33px;
    top: -33px;
    z-index: 999999;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: block;
    box-shadow: 0 0 60px rgba(0, 0, 0, .2);
    border: 1px solid rgba(255, 255, 255, .5);
    background-color: rgba(255, 255, 255, .1);
}

.close_popup {
    font-size: 21px;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
}

.close_popup,
.list-group-item>.badge {
    float: right;
}

#popub .popub .close_popup:hover {
    background-color: rgba(255, 255, 255, .3);
    box-shadow: 0 0 20px rgba(255, 255, 255, .8);
}

/* -----------------------End Popup---------------------------*/

/*--------------tags---------------------*/
.tags {
    background: #00a651;
    display: inline-block;
    padding: 0px 5px;
    line-height: 25px;
    color: #fff;
    padding-right: 15px;
    margin-bottom: 5px;
    margin-right: 5px;
    position: relative;
}

.tags:before {
    content: '';
    height: 0px;
    width: 0px;
    position: absolute;
    top: 0px;
    left: -10px;
    border-top: 13px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 10px solid #00a651;
}

.tags:after {
    content: '';
    height: 0px;
    width: 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    border-top: 13px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 10px solid #fff;
}

.tags span {
    width: 10px;
    height: 10px;
    float: left;
    background: #fff;
    margin: 7px 10px 0px 0px;
    border-radius: 100%;
}

.tags:hover span {
    background: #FFFC00;
}

.tags:hover {
    color: #FFFC00
}

/*-----------------end tags-----------------------*/
#frmPrjSearch {
    width: 100%;
    float: left;
    text-align: center;
    margin: 0px 0px 10px 0px;
}

.comboboxs {
    width: 100%;
    float: left;
    padding: 5px;
}

.comboboxs select,
.comboboxs input {
    width: 100%;
    margin: 0px 0px 0px 0px;
    height: 40px;
    padding: 0px 0px 0px 10px;
}

.entry-title {
    text-transform: uppercase;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    color: #666
}

.search-btn {
    float: left;
}

#btnSearch {
    border: 0px;
    text-transform: uppercase;
    margin: 5px 0px 0px 0px;
    cursor: pointer;
    float: none;
    width: 114px;
    float: left;
    height: 40px;
}

#btnSearch:hover {
    color: #fff
}

/*-----------fanpage----------------*/
.fanpage {
    position: fixed;
    top: 200px;
    right: -300px;
    z-index: 999;
    width: 300px;
    height: 250px;
    transition: all 0.5s;
}

.fanpage .title_fanpage {
    position: absolute;
    top: 0px;
    left: -45px;
}

.fanpage:hover {
    right: 0px;
}

.pr20 {
    padding-right: 20px;
}

.pr10 {
    padding-right: 10px;
}


/* Validation */
.formError {
    z-index: 990;
}

.formError .formErrorContent {
    z-index: 991;
}

.formError .formErrorArrow {
    z-index: 996;
}

.ui-dialog .formError {
    z-index: 5000;
}

.ui-dialog .formError .formErrorContent {
    z-index: 5001;
}

.ui-dialog .formError .formErrorArrow {
    z-index: 5006;
}

.formError {
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    cursor: pointer;
    text-align: left;
}

.formError.inline {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
}

.formError .formErrorContent {
    width: 100%;
    background: #000;
    position: relative;
    color: #fff;
    min-width: 120px;
    font-size: 11px;
    padding: 4px 10px 4px 10px;
    white-space: nowrap;
}

.formError.inline .formErrorContent {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
}

.formError .formErrorArrow {
    position: relative;
}

.formError .formErrorArrow:before {
    content: '';
    display: inline-block;
    position: absolute;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    top: 0px;
    left: 23px;
}

.formError .formErrorArrow:after {
    content: '';
    display: inline-block;
    position: absolute;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
    top: -2px;
    left: 24px;
}

.formError .formErrorArrowBottom {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    margin: 0px 0 0 12px;
    top: 2px;
}

.formError .formErrorArrowBottom:before {
    content: '';
    display: inline-block;
    position: absolute;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    top: -6px;
    left: 23px;
}

.formError .formErrorArrowBottom:after {
    content: '';
    display: inline-block;
    position: absolute;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    top: -5px;
    left: 24px;
}

.row_loto1 {
    width: 29%;
    float: left;
    font-size: 14px;
}

.row_loto1 div {
    width: 33.33333%;
    float: left;
    max-width: 60px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-right: 1px solid #ebebeb
}

.row_loto1 div.active {
    background: #ff9a01;
    color: #fff;
}

.row_loto2 {
    width: 70%;
    float: right;
}

.row_loto2 div {
    width: 50%;
    float: left;
    height: 31px;
    text-align: left;
    line-height: 31px;
    background: url(images/btnswitch.png) no-repeat top 0px right 10px;
    margin-top: 5px;
    padding-left: 10px;
}

.row_loto2 div .mobile,
.row_loto1 div .mobile {
    display: none
}

@media (max-width: 1200px) {
    .margin_auto {
        width: 100%;
        padding: 0px;
    }

    #logo {
        height: auto;
        background: none;
    }

    #logo img {
        max-height: 84px;
    }

    .web_name {
        display: none;
    }

    .menubar {}

    .tracuu_dh {
        display: none;
    }

    #main {
        padding: 0px 10px 0px 10px;
    }

    .khung_sp {
        margin: 0px;
    }

    .thanh_title ul {
        display: none
    }

    #hotro_top {
        padding: 0px 10px 0px 10px;
    }

    .header_top {
        padding-left: 10px;
        padding-right: 10px;
    }

    .row {
        margin: 0px;
    }

    .diachi_top {
        display: none
    }

    #tintuc {
        padding: 0px 10px;
    }

}

@media (max-width: 970px) {
    .menu_top {
        display: none
    }

    .vedo {
        width: 100%;
        padding-left: 5px
    }

    #doketqua,
    #banner {
        width: 100%
    }

    .vedo label {
        position: relative;
        top: 0px;
        width: 100%;
        float: left;
        padding-left: 5px;
    }

    .menu_top.mobile {
        display: block
    }

    #banner_mobile,
        {
        display: block;
    }

    #left,
    .dangnhapve {
        display: none;
    }

    #info {
        padding: 0px;
    }
    #right{
    	width: 100%;
    }
    .danhmuc {
        /* display: none; */
        width: 100%;
    }

    .menubar {
        width: calc(100% - 70px);
        float: right;
    }

    .slide_ {
        padding-left: 10px;
    }

    .hotro_top h2 {
        display: none;
    }

    .hotline_top span {
        font-size: 14px;
        float: right;
    }

    .header_top {
        height: auto;
    }

    .thuonghieu_item {
        width: 25%
    }

    .email_top {
        display: none;
    }

    .bottom {
        padding: 10px;
    }

    .thongtin_bt {
        border-bottom: 1px solid #fff;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    #left {
        display: none;
    }

    #info {
        width: 100%;
    }

    .ngonngu {
        right: 40%;
    }

    #main_menu {
        position: relative;
        width: 100%;
    }

    #logo {
        width: 100%;
        margin: 0px;
    }

    #gioithieu {
        padding: 0px 10px 0px 10px;
    }

    .header_mm a {
        display: block !important;
    }

    .gioithieu,
    .hinhanh_gt {
        width: 100%;
        padding: 5px;
    }

    .hinhanh_gt {
        text-align: center;
    }

    #gioithieu {
        margin: 0px 0px 10px 0px;
    }

    .bando_bt {
        width: 100%;
    }

    .item {
        width: 33.33333%;
    }

    .item:nth-child(4n+1) {
        clear: none
    }

    .item:nth-child(3n+1) {
        clear: left
    }

    .hotro {
        display: none;
    }

    .chinhanh,
    .kun_bbt {
        width: 100%;
        padding: 0px;
    }
}

@media (max-width: 768px) {
    .title_xoso {
        text-align: left;
        padding-left: 10px;
        font-size: 14px;
    }

    .vedo .row_input {
        width: 33%
    }

    .thongtin_tt {
        width: 100%;
    }

    .ngonngu {
        margin: 10px 10px 5px 0px;
    }

    #slide_show {
        margin: 0px 0px 0px 0px;
    }

    #timkiem {
        width: 100%;
        margin: 0px 0px 10px 0px;
    }

    .tintuc_hot {
        padding: 0px;
    }

    .pagenav_1 {
        padding: 0px;
    }

    nav.menu_top>ul>li a {
        font-size: 13px !important;
    }

    #right{
    	width: 100%;
    }
    .danhmuc {
        /* display: none; */
        width: 100%;
    }

    .menu_gt {
        width: 100%;
    }

    .menu_gt li {
        left: 20px;
    }

    .gioithieu {
        min-height: auto
    }

    .thuonghieu_item {
        width: 33.33%
    }

    .thanh_title h2:after {
        display: none;
    }

    #copy {
        padding: 10px;
        text-align: center;
    }

    .thongke {
        width: 100%;
        margin: 10px 0px 10px 0px;
        text-align: center;
    }

    .thongke h4 {
        text-align: center;
    }

    .thongke ul {
        background: url(images/thongke.png) no-repeat 30px 5px;
    }

    .yahoo_ht {
        background: #3dc700;
        padding: 10px 0px 10px 0px;
    }

    .lienket {
        width: 100%;
        text-align: center;
    }

    .lienket a {
        float: none;
    }

    .video_s {
        padding: 10px;
    }

    .noidung_gt {
        width: 100%
    }

    #load_map,
    .diachi_map {
        width: 100%;
    }

    .back_fix {
        height: 200px
    }

    .input-group {
        padding-left: 0px;
    }

    .menu_hinhanh ul,
    #hinhanh_top {
        display: none;
    }

    .menu_hinhanh_m {
        display: block;
    }

    .menu_hinhanh {
        height: auto;
        min-height: 40px;
    }

    .menu_hinhanh ul {
        width: 100%;
        float: left;
        margin-top: 35px;
        background: #000
    }

    .menu_hinhanh ul li {
        width: 100%;
        float: left;
        background: none;
        border-bottom: 1px solid #333;
    }

    .ddsmoothmenu ul li a {
        width: 100%;
        float: left;
    }

    .ddsmoothmenu {
        height: auto;
        min-height: 40px;
        z-index: 1000;
        position: relative;
    }

    .ddsmoothmenu ul {
        width: 100%;
        float: left;
        background: #011f83
    }

    .ddsmoothmenu ul li ul {
        position: relative;
        width: 100% !important;
        float: left;
        border-top: 1px solid #eee;
    }

    .ddsmoothmenu ul li {
        width: 100%;
        float: left;
        background: none;
        border-bottom: 1px solid #eee;
    }

    .ddsmoothmenu ul li ul li a {
        border-top: 0px !important;
        background: url(images/sao.png) no-repeat 10px 10px;
    }

    .khung_2 {
        display: none;
    }

    .amazingslider-nav-1 {
        display: none !important;
    }

    #amazingslider-wrapper-1 {
        padding-right: 0px !important
    }

    .khung_thongtin {
        padding: 0px;
    }

    .box_new {
        width: 100%;
    }

    .dangnhap_top {
        display: none;
    }

    .thongtin_bt {
        background: none
    }

    .thongtin_bt li {}

    .thongtin li {
        padding: 0px 0px 0px 30px;
        list-style: circle;
    }

    .hotnews img {
        width: 100px;
    }

    .owl-carousel {
        padding: 10px;
    }

    .noidung {
        padding: 10px;
    }

    .box_new img {
        width: 100px;
    }

    .giohang_top {}

    .noidung_gt {
        padding: 0px;
    }

    .item_dichvu img,
    .item_sanpham img,
    .item_kieutoc img {
        width: 100%;
    }

    #hinhanh_gt {
        width: 100%;
    }

    .item_sanpham {
        width: 50%;
    }

    .chi_address {
        padding-top: 10px !important;
    }

    .item_chinhanh img {
        min-height: 150px;
    }

    .margin_auto {
        max-width: 100% !important
    }

    .hotro_tt {
        width: 100%;
    }

    .thongtin_bt,
    .row_lk {
        width: 100%;
        padding: 0px;
    }

    .copy {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .bando_bt {
        padding: 0px;
    }

    .lienket {
        margin: 10px 0px 0px 0px;
    }

    nav.menu_top {
        display: none;
    }

    .home_mobile,
    .menu_mobile {
        display: block;
    }

    .tintuc_hot {
        padding: 10px;
    }

    .no_mobile {
        display: none;
    }

    .tintuc_bt,
    .khung_btr {
        width: 100%;
    }

    #video,
    .facebook {
        width: 50% !important;
        margin-top: 20px;
        margin-bottom: 10px
    }

}

@media (max-width: 650px) {
    .top_info {
        display: none;
    }

    .thanh_title h2:before {
        display: none;
    }

    .item {
        width: 50%;
    }

    .item:nth-child(3n+1) {
        clear: none
    }

    .item:nth-child(2n+1) {
        clear: left
    }

    .slogan {
        display: none
    }

    .giohang_top span {
        display: none
    }

    .row_loto1,
    .row_loto2 {
        width: 100%;
        border-top: 1px solid #ebebeb;
    }

    .tag_mega ul li a {
        padding: 8px 15px;
        font-size: 16px;
    }

    .quangcao_bt .qcbt1 {
        width: 100%;
        margin-bottom: 10px;
    }

    .quangcao_bt .qcbt2 {
        width: 100%;
    }
}

@media (max-width: 500px) {

    .vedo .row_input,
    #doketqua .row_input {
        width: 50%
    }

    .thuonghieu_item {
        width: 50%
    }

    .ku_1 {
        display: none;
    }

    .menu_bt li {
        float: left;
        width: 100%;
    }

    .menu_bt li a {
        float: left;
        padding: 5px 0px 5px 30px;
        width: 100%;
        text-align: left;
        border-bottom: 1px solid #2C55AF;
        background: url(images/sao.jpg) no-repeat 5px 10px;
    }

    .menu_bt li:after {
        border-left: 0px;
    }

    .ngonngu {
        right: 30%;
    }

    .tencty {
        font-size: 24px;
    }

    .chi_address {
        width: 100% !important;
    }

    #lienhe_bottom {
        display: none;
    }

    #timkiem select {
        display: none
    }

    #timkiem input {
        width: 100%;
    }

    .tag_kp ul li a .mobile {
        display: block
    }

    .tag_kp ul li a .decktop {
        display: none
    }

    .row_loto2 div .decktop,
    .row_loto1 div .decktop {
        display: none
    }

    .row_loto2 div .mobile,
    .row_loto1 div .mobile {
        display: block
    }

    .row_loto2 div,
    .row_loto1 div {
        padding-left: 5px;
    }

    .box_tructiep_vietlott_1 .table_vietlott table th {
        font-size: 13px;
    }

    .box_tructiep_vietlott_1 .table_vietlott table td {
        font-size: 13px;
    }

    .box_tructiep_vietlott_2 .table_vietlott table th {
        font-size: 13px;
    }

    .box_tructiep_vietlott_2 .table_vietlott table td {
        font-size: 13px;
    }

    .box_tructiep_vietlott_3 .table_vietlott table th {
        font-size: 13px;
    }

    .box_tructiep_vietlott_3 .table_vietlott table td {
        font-size: 13px;
    }

    .box_tructiep_vietlott_3 .giatri_jackpot .gtblive {
        font-size: 22px;
    }

    .daysotrung {
        padding: 0px 10px;
    }

    .tintuc_bt img {
        width: 100px;
    }

    #video,
    .facebook {
        width: 100% !important;
    }

    .box_tructiep_vietlott_1 .title,
    .box_tructiep_vietlott_3 .title,
    .box_tructiep_vietlott_2 .title {
        font-size: 14px;
        text-align: right;
    }

    .mobilehiden,
    .body-l .title span {
        display: none
    }

    .bkqmax4d .boxgroup {
        width: calc(50% - 14px);
    }

    #invedo,
    #doketqua {
        display: none;
    }

    .bangkqxs_link a {
        padding: 0px 5px 0px 0px;
        margin: 0px 1px;
    }

    .bangkqxs_link a i {
        margin-right: 5px;
        width: 25px;
    }

    .bangkqxs_link a:before {
        left: 25px;
    }
}

@media (max-width: 380px) {
    .daysotrung .item4d {
        width: 50%;
        margin: 0px;
    }

    .doivetrung li {
        font-size: 12px;
    }

    .bkqmax4d .boxgroup .groupmax {
        font-size: 26px;
    }

    nav.menu_top>ul>li a {
        font-size: 11px !important;
    }

    .item {
        width: 100%;
    }

    .menubar:before {
        left: 0px;
    }

    .tag_mega ul li a {
        padding: 8px 10px;
        font-size: 12px;
    }

    .header_top {
        margin-top: 0px;
        padding: 5px;
    }

    .kqxs_content table td .dayso {
        font-size: 14px;
    }

    .kqxs_content table td {
        font-size: 11px;
    }

    .kqxs_content .giai_datbiet .dayso {
        font-size: 14px;
    }
    .boxLoto .boxloto_title {
        background: #6f6f6f;
        width: 100%;
        float: left;
        color: #fff;
        text-transform: uppercase;
        font-family: 'RobotoBold';
        font-size: 12px;
        padding: 5px 0px;
    }
}
.main_loading{
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height:100%;
    width:100%;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
}
.main_loading .main_loading_content{
    position: relative;
    margin: auto;
    text-align: center;
    width: 80%;
    max-width: 250px;
    height: 100%;
    z-index: 1000;
}
.main_loading .main_loading_content .loading{
    margin: auto;
    position:absolute;
    top:0; 
    left:0; 
    right:0; 
    bottom:0;
    height: 50px;
    line-height: 50px;
    max-width: 250px;
    width:auto; 
    vertical-align: middle;
    background: #fff;
    padding: 5px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    color: red;
    animation: blinker_orange 1s linear infinite;
    cursor: pointer;
}
.main_confirm{
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height:100%;
    width:100%;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
}
.main_confirm .main_confirm_content{
    position: relative;
    margin: auto;
    text-align: center;
    width: 80%;
    max-width: 250px;
    height: 100%;
    z-index: 1000;
}
.main_confirm .main_confirm_content .main_confirm_content_body{
    margin: auto;
    position:absolute;
    top:0; 
    left:0; 
    right:0; 
    bottom:0;
    height: 105px;
    max-width: 250px;
    width:auto; 
    vertical-align: middle;
    background: #fff;
    padding: 5px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    animation: blinker_orange 1s linear infinite;
}
.main_confirm .main_confirm_content .main_confirm_content_body .text_confirm{
    width: 100%;
    margin-top: 5px;
    text-align: center;
    font-size: 15px;
}
.main_confirm .main_confirm_content .main_confirm_content_body .list_button{
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.main_confirm .main_confirm_content .main_confirm_content_body .list_button span.cancel{
    background: #f60;
    color: #fff;
    padding: 5px;
    padding-left: 18px;
    padding-right: 18px;
    text-align: center;
    margin-right: 10px;
    margin-left: 10px;
    cursor: pointer;
}
.main_confirm .main_confirm_content .main_confirm_content_body .list_button span.agree{
    background: #039414;
    color: #fff;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    margin-right: 10px;
    margin-left: 10px;
    cursor: pointer;
}
.pagination {
    margin-bottom: 20px;
    clear: both;
    width: 100%;
    text-align: center;
}

.pagination a,
.pagination span {
    padding: 6px 12px;
    text-decoration: none;
    color: #888;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-left: -1px;
    display: inline-block;
}

.pagination a:first-child {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination a:last-child {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.pagination span {
    color: #888;
    background-color: #f0f0f0;
    border-color: #ccc;
    cursor: default;
}
.capso_launhat .li_dudoan{
    width: 100%;
    margin-bottom: 10px;
    font-family: 'RobotoBold',arial,Tahoma;
}
.capso_launhat .li_dudoan:last-of-type{
    margin-bottom: 0;
}
.capso_launhat .li_dudoan .li_tinh{
    float: left;
    width: 100%;
    background: #c20000;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    -webkit-border-radius: 17.5px;
    -moz-border-radius: 17.5px;
    -ms-border-radius: 17.5px;
    -o-border-radius: 17.5px;
    border-radius: 17.5px;
    cursor: pointer;
    text-transform: uppercase;
    display: none;
}
.capso_launhat .li_dudoan .li_tinh:hover{
    color: #f9ff00;
}
.capso_launhat .li_dudoan .o_dudoan.o_left{
	float: left;
	width: 49%;
    background: #03962a;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    -webkit-border-radius: 17.5px;
    -moz-border-radius: 17.5px;
    -ms-border-radius: 17.5px;
    -o-border-radius: 17.5px;
    border-radius: 17.5px;
    cursor: pointer;
    text-transform: uppercase;
    display: none;
}
.capso_launhat .li_dudoan .o_dudoan.o_right{
    float: right;
    width: 49%;
    background: #03962a;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    -webkit-border-radius: 17.5px;
    -moz-border-radius: 17.5px;
    -ms-border-radius: 17.5px;
    -o-border-radius: 17.5px;
    border-radius: 17.5px;
    cursor: pointer;
    text-transform: uppercase;
    display: none;
}
.capso_launhat .li_dudoan .o_dudoan:hover{
	color: #f9ff00;
}
.capso_launhat .li_dudoan .countdown_time{
    margin-bottom: 5px;
    font-size: 16px;
    width: 100%;
    clear: both;
}
.capso_launhat .li_dudoan .countdown_time span{
    font-size: 12px;
}
.capso_launhat .li_dudoan .button_dudoan{
    background: #c20000;
    color: yellow;
    font-weight: 700;
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: block;
}
.capso_launhat .li_dudoan .button_dudoan:hover{
    color: #fff;
}
.table_somo{
    position: relative;
    margin: auto;
    width: 100%;
    border-collapse: collapse;
}
.table_somo td {
    text-align: center;
    border: 1px solid #B52F05;
    padding: 7px;
    font-size: 14px;
}
.table_somo tr.list_sm{
    color: #7D2F08;
    font-weight: 700;
}
.table_somo tr:nth-of-type(2n+1) {
  background: #ffe8bc;
}
.yellow {
    background: yellow;
}
.th {
    background: #cc0000;
    color: #fff !important;
}
.table_somo td a{
    color: #7D2F08;
}
.select-provice {
    line-height: 27px;
    padding: 10px
}

.select-provice label,
.title-tk label {
    height: 28px;
    line-height: 28px;
    margin: 0 5px 0 0;
    display: block;
    float: left
}
.t-cen {
    text-align: center!important;
}
.select-provice .sbHolder a.sbSelector, .title-tk .sbHolder a.sbSelector {
    background: url(./images/sprites2.png) no-repeat 0 -1100px;
    width: 117px;
    padding: 0 0 0 5px;
    line-height: 27px;
    color: #111;
    text-indent: 0;
}
.page-title, .page-title-xs {
    background: #ffd200;
    border-top: 1px solid #f1aa00;
    border-bottom: 1px solid #f1aa00;
    color: #aa0c08;
    text-shadow: 1px 1px 0 #ffdf00;
    padding: 8px 5px;
}
.page-title, .page-title-xs h1{
    text-align: center;
    font-size: 14px !important;
}
.title-tk {
    background: url(./images/sprites2.png) no-repeat 0 -1160px;
    height: 30px;
    line-height: 30px;
    font-weight: 700;
    padding: 0 0 0 18px
}
.tbl-ds{
    border-collapse: collapse;
    empty-cells: show;
    border-spacing: 0;
    width: 100%;
    text-align: center;

}
.tbl-ds td {
    border: 1px solid #e1e1e1;
}

.lotofl td {
    padding: 8px 0
}
.tbl-ds td.bg-gray {
    background: #eee;
    border-top: 0;
}
.select-provice .rows label {
    display: inline-block;
    line-height: 28px;
    margin: 0 5px 0 0
}

.select-provice .rows label.floatnone {
    float: none;
    vertical-align: top
}

.select-provice .rows .label-title {
    width: 80px;
    text-align: right;
    margin: 0 10px 0 0
}

.select-provice .rows-provide1 .label-title {
    width: 120px
}
.select-provice .rows-provide1 select{
    width: 120px;
    height:30px;
    margin-bottom: 10px;
    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;
}
a.read-more,
a.read-more span {
    background: #a10d0a;
    line-height: 30px;
    height: 30px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

a.read-more span {
    background-position: right -770px;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
}

.select-provice .rows .span-input {
    display: inline-block;
    line-height: 28px;
    background: url(./images/sprites2.png) no-repeat 0 -1300px;
    padding: 0 0 0 12px
}