* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Helvetica, Arial, Sans-Serif;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font:13px/1.5 Helvetica, Arial, Sans-Serif;
}



header {
    display: flex;
    width: 100%;
    min-height: 65px;
    justify-content: center;
}
header .content{
    width: 1000px;
    display: flex;
    justify-content: space-between;
}

header .content .sidebar-toggle{
    padding:5px;
    display: none;
}
header .content .sidebar-toggle .menu_button{
    font-size: 1.5em;
    background: none;
    border: 1px solid black;
    margin-right: 5px;
    padding:5px;
    color: black;
    cursor: pointer;

    border-radius: 5px;
}
header .content .sidebar-toggle .menu_button .menu_font{
    font-size: 12px;
    text-align: center;
    padding: 0;
}

header .content .sidebar-toggle .menu_button .menu_icon{
    text-align: center;
    font-size: 35px;
    padding: 0;
    line-height: 18px;
}
nav{
    width:100%;
    display: flex;
    background-color: #CA0000;
    font-size: 12px;
    line-height: 20px;
    text-transform: capitalize;
    justify-content: center;
}

nav .content{
    width: 1000px;
    display: flex;
}
nav .content.small{
    display: none;
}

nav .content .items span{
    font-size:10px;

}
nav .content .items{
    padding:10px 26px;
    color:white;
    cursor: pointer;
    display: flex;
    font-weight: bold;
}
nav .content .items:hover{
    background-color:darkred;
}



main {
    width:100%;
    flex: 1;
    display: flex;
    justify-content: center;
    padding-top: 10px;
}
main .content{
    width: 1000px;
    display: flex;
}
main .content .classify_main{
    display: block;
    border: 1px solid #EAEAEA;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 5px;
}
main .content .classify_header{
    border-bottom: 2px solid #eaeaea;
    padding: 5px;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    color: #ad0002;
    background-color: #ff9f2a;
    background-image: linear-gradient(to bottom, #ffc64d 0, #ff9f2a 100%);
}
main .content .classify_body{
    display: block;
    border: 1px solid #EAEAEA;
    overflow: hidden;
    padding:5px 2px
}
main .content .classify_body .classify_item {
    height: 35px;
    cursor: pointer;
    color: black;
    border-top: 1px solid #EAEAEA;
    line-height: 35px;
    padding: 0 5px ;
    display: flex;
    justify-content: space-between;
    font-size:14px;
}
main .content .classify_body .XSMN_today_issue .classify_item ,
main .content .classify_body .XSMT_today_issue .classify_item ,
main .content .classify_body .XSMB_today_issue .classify_item{
    font-size:12px !important;
    font-style: italic;
    margin-left: 5px;
    background: url("/static/styles/img/sidebar_arrow.gif") left center no-repeat;
    padding-left: 7px;
    border : none !important;
    color: rebeccapurple;

}
main .content .classify_body .classify_item.vietlott{
    font-size:11px
}
main .content .classify_body .classify_item:hover{
    color: #C4161C;
    background-color: aliceblue;
    text-shadow: 1px 1px 0 #ccc;
}
main .content .classify_body .classify_item a{
    color: black;
    text-decoration: none;
    font-size:14px
}
main .content .classify_body .classify_item:first-child{
    border-top: none;
}

main .content #left_content{
    width:160px;
    float: left;
    display: block;
}

main .content #center_content{
    width:500px;
    float: left;
    margin:0 10px 0 10px;
    flex: 1;
}
main .content #center_content .pagination{
    display: flex;
    height: 40px;
    line-height: 40px;
    text-align: center;
    justify-content: center;
    margin: 5px 0 ;
}
main .content #center_content .page-buttons{
    cursor:pointer;
    display: flex;
}
main .content #center_content .prev-btn,
main .content #center_content .next-btn,
main .content #center_content .page-button{
    cursor:pointer;
    background-color: #599bb3;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #dcdcdc;
    display: block;
    line-height: 30px;
    margin: 0 5px;
    margin-bottom: 10px !important;
    color: #fff;
    padding: 0 5px;
    font-weight: 700;
    min-width: 25px;
    text-align: center;
}
main .content #center_content .page-button.selected{
    background: linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2', GradientType=0);
    background-color: #33bdef;
    color: #000;
    display: block;
}
main .content #center_content .ad_block{
    width:500px;
    height: 280px;
    color:white;
    margin-bottom: 10px;
}
main .content #center_content .data_results .results {
    margin-bottom: 10px;
}
main .content #center_content .data_results .mega645 .results{
    min-height: 100px;
    margin-bottom: 10px;
}
main .content #center_content .data_results .sortIndexBlock{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    padding:5px;
    font-size:20px
}
main .content #center_content .data_results .sortIndexBlock button{
    padding:5px;
    border-radius: 5px;
    background: gold;
    cursor: pointer;
    margin:0 5px;
    font-size:14px;
}
main .content #center_content .data_results h1{
    background: #B80000;
    color: white;
    padding: 5px 60px 5px 10px;
    border-radius: 3px 3px 0 0;
    background-image: linear-gradient(to bottom, #E80000 0, #B80000 100%);
    font-size:16px;
    font-weight: bold;
    margin-bottom: 0;
}
main .content #center_content .data_results table{
    width:100%;
    border:1px #CFCFCF solid;
    border-collapse: collapse;
}

main .content #center_content .data_results table th{
    font-weight: bold;
    font-size:15px;
    color:#8a0105
}

main .content #center_content .data_results thead{
}
main .content #center_content .data_results thead tr{
    background: #f3efe6;
}
main .content #center_content .data_results thead tr th{
    padding:5px 0;
    text-align: center;
    border:0;
}

main .content #center_content .data_results .max3d tbody tr td {
    border: 1px #CFCFCF solid;
    color: #818181;
    font-size: 13px;
    text-align: center;
}
main .content #center_content .data_results tbody tr td {
    border: 1px #CFCFCF solid;
    color: #818181;
    font-size: 13px;
    text-align: center;
}



main .content #center_content .data_results tbody tr .classify_title{
    color:black;
    width: 45px ;
}
main .content #center_content .data_results tbody tr td .bonus{
    display: flex;
    color:#a50002;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
main .content #center_content .data_results .ball_filter{
    float: left;
    padding: 0 4px;
    border: 1px solid #c3a55f;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    margin-right: 5px;
    border-radius: 3px;
    text-align: center;
    background: linear-gradient(to bottom, #f1e767 0%, #feb645 100%);
}
main .content #center_content .data_results .last_2_numbers_blocks{
    width: 100%;
}
main .content #center_content .data_results .last_2_numbers_blocks tbody tr td{
    height: 27px;
}
main .content #center_content .data_results .XSMN .mnmt_sp,
main .content #center_content .data_results .XSMT .mnmt_sp{
    display: flex;
    line-height: 45px;
    min-height: 45px;
    align-items: center;
    align-content: center;
    justify-content: center;
}


main .content #center_content .data_results .XSMT.last_2_numbers_blocks tbody tr td  span.db_result,
main .content #center_content .data_results .XSMN.last_2_numbers_blocks tbody tr td  span.db_result,
main .content #center_content .data_results .XSMT.last_2_numbers_blocks tbody tr td  span.top_8_1_result,
main .content #center_content .data_results .XSMN.last_2_numbers_blocks tbody tr td  span.top_8_1_result,
main .content #center_content .data_results .XSMB.last_2_numbers_blocks tbody tr td  span.db_result,
main .content #center_content .data_results .XSMB.last_2_numbers_blocks tbody tr td  span.top_7_1_result,
main .content #center_content .data_results .XSMB.last_2_numbers_blocks tbody tr td  span.top_7_2_result,
main .content #center_content .data_results .XSMB.last_2_numbers_blocks tbody tr td  span.top_7_3_result,
main .content #center_content .data_results .XSMT.last_4_numbers_blocks tbody tr td div.db_result,
main .content #center_content .data_results .XSMN.last_4_numbers_blocks tbody tr td div.db_result,
main .content #center_content .data_results .XSMT.last_4_numbers_blocks tbody tr td div.top_8_1_result,
main .content #center_content .data_results .XSMN.last_4_numbers_blocks tbody tr td div.top_8_1_result,

main .content #center_content .data_results .XSMB.last_4_numbers_blocks tbody tr td span.db_result,
main .content #center_content .data_results .XSMB.last_4_numbers_blocks tbody tr td span.top_7_1_result,
main .content #center_content .data_results .XSMB.last_4_numbers_blocks tbody tr td span.top_7_2_result,
main .content #center_content .data_results .XSMB.last_4_numbers_blocks tbody tr td span.top_7_3_result{
    text-decoration: underline;
    color: #D60000;
    font-weight: bold;
}
main .content #center_content .data_results tbody tr td .tam{
    line-height: 44px;
    height: 44px;
    font-size: 40px;
    font-weight: 700;
    color: #D60000;
}
main .content #center_content .data_results tbody tr td .bay {
    line-height: 26px;
    height: 26px;
    font-size: 26px;
    font-weight: 700;
    color:#0054BE;

}
main .content #center_content .data_results .last_2_numbers_blocks tbody tr td  span{
    font-weight: bold;
}
main .content #center_content .data_results .XSMT.last_2_numbers_blocks tbody tr td  span.top_7_1_result,
main .content #center_content .data_results .XSMN.last_2_numbers_blocks tbody tr td  span.top_7_1_result,
main .content #center_content .data_results .XSMB.last_2_numbers_blocks tbody tr td  span.top_6_1_result,
main .content #center_content .data_results .XSMB.last_2_numbers_blocks tbody tr td  span.top_6_2_result,
main .content #center_content .data_results .XSMB.last_2_numbers_blocks tbody tr td  span.top_6_3_result,
main .content #center_content .data_results .XSMT.last_4_numbers_blocks tbody tr td  div.top_7_1_result,
main .content #center_content .data_results .XSMN.last_4_numbers_blocks tbody tr td  div.top_7_1_result,
main .content #center_content .data_results .XSMB.last_4_numbers_blocks tbody tr td  div.top_6_1_result,
main .content #center_content .data_results .XSMB.last_4_numbers_blocks tbody tr td  div.top_6_2_result,
main .content #center_content .data_results .XSMB.last_4_numbers_blocks tbody tr td  div.top_6_3_result{
    color:#0054BE;
    text-decoration: underline;
    font-weight: bold;
}

main .content #center_content .data_results .XSMT span,
main .content #center_content .data_results .XSMN span{
    display: block;
}
main .content #center_content .data_results tbody tr td .xoso_b .sau{
    color:#0054BE;
}
main .content #center_content .data_results  tbody tr td .xoso_b .bay{
    color:#D60000;
}
main .content #center_content .data_results  tbody tr td .xoso_b .bay{
    width: 25%;
}
main .content #center_content .data_results tbody .db_result_block .db_sn{
    display: inline-block;
    border: 1px solid #b1b1b1;
    background: #fff;
    text-align: center;
    margin: 0 ;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #000;
    border-radius: 3px;
    padding: 0 2px;
    min-width: 35px;
    width: 100%;
}
main .content #center_content .data_results tbody .db_result_block{
    min-width:300px;
    padding:5px;
    background: linear-gradient(to bottom, #eae0c2 5%, #ccc2a6 100%);
    background-color: #eae0c2;
    display: inline-block;
    border-radius: 3px;
    margin: 10px;
}
main .content #center_content .data_results tbody tr td .sau,
main .content #center_content .data_results tbody tr td .nam,
main .content #center_content .data_results tbody tr td .tu,
main .content #center_content .data_results tbody tr td .ba,
main .content #center_content .data_results tbody tr td .nhat,
main .content #center_content .data_results tbody tr td .nhi{
    line-height: 26px;
    height: 26px;
    font-size: 26px;
    font-weight: 700;
    color:black;
    width:100%;
}
main .content #center_content .data_results .result_xsmn tbody tr td .sau,
main .content #center_content .data_results .result_xsmn tbody tr td .nam,
main .content #center_content .data_results .result_xsmn tbody tr td .tu,
main .content #center_content .data_results .result_xsmn tbody tr td .ba,
main .content #center_content .data_results .result_xsmn tbody tr td .nhat,
main .content #center_content .data_results .result_xsmn tbody tr td .nhi,
main .content #center_content .data_results .result_xsmn tbody tr td .db_r,
main .content #center_content .data_results .result_xsmt tbody tr td .sau,
main .content #center_content .data_results .result_xsmt tbody tr td .nam,
main .content #center_content .data_results .result_xsmt tbody tr td .tu,
main .content #center_content .data_results .result_xsmt tbody tr td .ba,
main .content #center_content .data_results .result_xsmt tbody tr td .nhat,
main .content #center_content .data_results .result_xsmt tbody tr td .nhi,
main .content #center_content .data_results .result_xsmt tbody tr td .db_r{
    display: block;
}

main .content #center_content .data_results tbody tr td .db_r{

    font-size: 34px;
    font-weight: 700;
    line-height: 32px;
    min-height: 32px;
    color: #D60000;
}
main .content #center_content .data_results .XSMN tbody tr td .db_r{
    font-size:30px
}
main .content #center_content .data_results .result_functions{
    background: #e2d7bc;
    padding:5px;
    height: 33px;
}
main .content #center_content .data_results  .result_functions .fn_show2number,
main .content #center_content .data_results  .result_functions .fn_show4number {
    padding:0px 5px;
    border-radius: 50px;
    background: linear-gradient(to bottom, #f1e767 0%, #feb645 100%);
    border: transparent;
    margin-bottom: 5px;

    float: right;
    cursor: pointer;
}
main .content #center_content .data_results .continuous_draw_block {
    display: flex;
    flex-wrap: wrap;
}
main .content #center_content .data_results .continuous_draw_block .items{
    width:33%;
    text-align: center;
    padding:10px
}
main .content #center_content .data_results .continuous_draw_block .items .number{
    font-size: 24px;
    font-weight: bold;
    color: black;
}
main .content #center_content .data_results .last_4_numbers_blocks{
    flex-direction: column;
    display: flex;
}
main .content #center_content .data_results .last_2_numbers_blocks_header,
main .content #center_content .data_results .last_4_numbers_blocks_header{
    background: linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
    color:white;
    padding:5px;
    font-weight: bold;
    font-size: 16px;

}
main .content #center_content .data_results .last_2_numbers_blocks table,
main .content #center_content .data_results .last_4_numbers_blocks table{
    border: 1px #CFCFCF solid;
    border-collapse: collapse;
}
main .content #center_content .data_results .last_2_numbers_blocks th{
    background: linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
    color: white;
}
main .content #center_content .data_results .last_4_numbers_blocks th {
    background: #CCCCCC;
    text-align: left;
    color:black;
    padding:3px;
}
main .content #center_content .data_results .last_4_numbers_blocks th {
    background: #CCCCCC;
    text-align: center;
    color: black;
    padding: 3px;
    width: 10%;
}
main .content #center_content .data_results .last_4_numbers_blocks th.name{
    background: linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
    color:white

}
main .content #center_content .data_results .last_2_numbers_blocks tbody tr td div {
    padding: 3px;
    display : flex;
}
main .content #center_content .data_results .last_4_numbers_blocks tbody tr td{
    height: 30px;
    min-height: 30px;
    max-height: 100px;

}
main .content #center_content .data_results .last_4_numbers_blocks tbody tr td div{
    text-align: center;
}
main .content #center_content .data_results .last_2_numbers_blocks tbody tr td span,
main .content #center_content .data_results .last_4_numbers_blocks tbody tr td span{
    margin: 0 3px ;
}
main .content #center_content .data_results .last_2_numbers_blocks tr{
    border-color: inherit;
}
main .content #center_content .data_results .last_2_numbers_blocks tbody tr td:first-child{
    text-shadow: 0 1px 0 #FFF, 0 2px 2px #C8C8C8;
    font-size: 13px;
    font-family: Tahoma, Geneva, sans-serif;
    color: #999;
    width: 20px;
    text-align: center;
    background:#efefef;
    font-weight: bold;
}

main .content #center_content .data_results .last_2_ball_for_results,
main .content #center_content .data_results .last_4_ball_for_results{
    float: left;
    width: 20px;
    height: 19px;
    border-radius: 50%;
    border: 1px solid #feb645;
    text-shadow: none;
    color: #000;
    line-height: 7px;
    text-align: center;
    margin-right: 4px;
    font-size: 15px;
    padding: 1px;
    cursor: pointer;
    background: linear-gradient(to bottom, #f1e767 0%, #feb645 100%);

}


main .content #right_content{
    width: 250px;
    float:left;
}
footer {
    background-color: #333;
    color: white;
    text-align: center;
    padding: 10px;
    width: 100%;
}

main .content #center_content .data_results table.DauDuoi2 .top_8_1,
main .content #center_content .data_results table.DauDuoi2 .db_pass{
    color: #08C;
    font-size: 20px;
    font-weight: 700;
}
main .content #center_content .data_results table.DauDuoi2 .db{
    color: #C4161C;
    font-size: 20px;
    font-weight: 700;
}


main #center_content .youtube_ad{
    display: none;
}
.data_results .mega645 {
    background-color: #f0f6fb;
    border: 1px solid #d3dde7;
    border-radius: 5px;
    background-image: url("/static/styles/img/background_mega645.png");
    background-position: center 120px;
    background-repeat: no-repeat;
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    text-align: center;
}
.data_results .max3d {
    background-color: #fff7fd;
    border: 1px solid #edd0e6;
    border-radius: 5px;
    background-image: url("/static/styles/img/background_mega645.png");
    background-position: center 120px;
    background-repeat: no-repeat;
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    text-align: center;
}
.data_results .power655,
.data_results .mega645,
.data_results .max3d {
    margin-bottom: 10px;
}
.data_results .power655 {
    background-color: #fff8f2;
    border: 1px solid #d3dde7;
    border-radius: 5px;
    background-image: url("/static/styles/img/background_mega645.png");
    background-position: center 120px;
    background-repeat: no-repeat;
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    text-align: center;


}
.data_results .mega645 .logo{
    padding:5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
header .logo {
    width: 605px;
    height: 75px;
    background-image: url("/static/styles/img/logo.png");
    background-size: cover;
    background-position: center;
}


.data_results .power655 .title,
.data_results .power655 .subtitle span{
    color:#893a1c;
}
.data_results .max3d .subtitle {
    color:darkblue;
}
.data_results .max3d .title,
.data_results .max3d .subtitle span{
    color:#A82688;
}
.data_results .max3d table{
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid #CFCFCF;
}
.data_results .max3d table td:nth-child(1),
.data_results .max3d table td:nth-child(3){
    text-align: left !important;

}
.data_results .max3d table td .max_3d_giai_block{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.data_results .max3d table td .giai{
    padding:1px 5px;
    font-size:13px !important;
    text-align: left !important;
    color:black !important;
}
.data_results .max3d table td .memo{
    font-size:13px !important;
    padding:5px!important;
    font-weight: normal !important;
    color:#322C20 !important;
}
.data_results .max3d table td .bonus{
    font-size:18px !important;
    text-align: left !important;
    color:black !important;
    padding: 3px 5px !important;
    margin-bottom: 5px !important;
}
.data_results .max3d .title_sec{
    background-color:#A82688;
    color: white;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 0;
}
.data_results .max3d table thead tr{
    background-color: transparent !important;
}
.data_results .max3d table th{
    border: 1px solid #CFCFCF !important;
    background-color: transparent !important;
    color: black !important;
}
.data_results .max3d .table_max3d_sl td{
    padding:5px !important;
    color:black !important;
}
.data_results .power655 .subtitle{
    color:darkblue
}
.data_results .mega645 .title,
.data_results .mega645 .subtitle span{
    color:#005fd5;
}

.data_results .mega645 .results,
.data_results .power655 .results{
    padding:20px 0;
}
.data_results .mega645 .results .result{
    line-height: 45px;
    padding:5px;
    border-radius: 50%;
    font-size: 32px;
    color:white;
    border: 1px solid #df0909;
    background-color: #f62b2b;
    background-image: linear-gradient(to bottom, #f62b2b, #d20202);
}
.data_results .power655 .results .result{
    line-height: 45px;
    padding:5px;
    border-radius: 50%;
    font-size: 32px;
    border: 1px solid #ff6a00;
    color: #f10000;
    background: radial-gradient(ellipse at center, #f1e767 0%, #feb645 100%);
}

.data_results .power655 .results .result:nth-child(7){
    background: radial-gradient(ellipse at center, #f68b33 0%, #D65225 100%);
    color: #fff3b2;
}
main .content #center_content .data_results .mega645 .results .result.INIT,
main .content #center_content .data_results .mega645 .results .result.WAIT{
    display: inline;
    padding: 7px 25px;
    border: unset;
    background-color: #f62b2b;
    background-image: url("/static/styles/img/mega_645.gif");
    background-size: 42px;
}
main .content #center_content .data_results .max3d tbody .blocks span{
    width:50%;
    font-size:33px;
    padding:10px;
    color:black;
}
main .content #center_content .data_results .max3d tbody span.db{
    color: #A82688;
}
main .content #center_content .data_results .max3d tbody span.INIT,
main .content #center_content .data_results .max3d .giai_sl span.WAIT{
    display: block;
    padding:9px;
    background: url("/static/styles/img/init.gif") no-repeat center;
}
main .content #center_content .data_results .max3d .table_max3d_sl tbody span.WAIT,
main .content #center_content .data_results .max3d .table_max3d_sl tbody span.INIT{
    width: 100%;
}
main .content #center_content .data_results .max3d tbody .giai_sl span.OPEN{
    font-size:11px !important;
    width: 100%;
    font-weight: normal;
    padding:0px
}

main .content #center_content .data_results .max3d .giai_sl{
    font-size:15px !important;
    display: flex;
    justify-content: center;
}
main .content #center_content .data_results .max3d .blocks {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
main .content #center_content .data_results .power655 .results .result.INIT,
main .content #center_content .data_results .power655 .results .result.WAIT{
    border: 1px solid #ff6a00;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 28px;
    font-family: arial, helvetica, sans-serif;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    text-shadow: 1px 1px 0 #fff;
    font-weight: 700;
    color: #f10000;
    background: #f1e767;
    background-image: url("/static/styles/img/mega_645.gif") ;
    background-size: 20px;
}
.data_results .mega645 .mega645_jp_bonus{
    font-size:14px;
}
.data_results .power655 .mega645_jp_bonus_number{
    background: radial-gradient(ellipse at center, #f1e767 0%, #feb645 100%);
    font-size:36px;
    margin: 0 auto;
    border: 2px solid #e60000;
    border-radius: 20px;
    height: 48px;
    color: #c00;
    max-width: 80%;
    line-height: 45px;

}
.data_results .power655 .mega645_jp_bonus_number:nth-child(1){
    margin-bottom:60px;
}

.data_results .mega645 .mega645_jp_bonus_number{
    font-size:36px;
    margin: 0 auto;
    border: 2px solid #e60000;
    background: #FC0;
    border-radius: 20px;
    max-width: 80%;
    margin-bottom:60px;
}
.data_results .mega645 .mega645_jp_bonus_number .jackpot{
    font-size: 30px;
    height: 48px;
    line-height: 48px;
    border-radius: 24px;
    color: red;
    display: table;
    margin: 0 auto;
    min-width: 300px;
}
.data_results .mega645 table th,
.data_results .power655 table th{
    background: #d9dfe3 !important;
    color:black !important;;
}
.data_results .mega645 table td,
.data_results .power655 table td{
    font-weight: normal !important;;
    color:black !important;;
}
.data_results .xsmb636,
.data_results .xsmb123{
    background: #f7f7f7 ;
    padding:5px 10px;
    margin-bottom: 5px;
    border: 1px solid #cacaca;
    border-radius: 5px;
}
.data_results .xsmb123 .xsmn123_content .result_1,
.data_results .xsmb123 .xsmn123_content .result_2,
.data_results .xsmb123 .xsmn123_content .result_3,
.data_results .xsmb636 .xsmn636_content .result_1,
.data_results .xsmb636 .xsmn636_content .result_2,
.data_results .xsmb636 .xsmn636_content .result_3,
.data_results .xsmb636 .xsmn636_content .result_4,
.data_results .xsmb636 .xsmn636_content .result_5,
.data_results .xsmb636 .xsmn636_content .result_6{
    background-image: url(/static/styles/img/balls_image.png);
    background-repeat: no-repeat;
    font-size: 28px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    display: inline-block;
    font-weight: 700;
    border: 0;
    vertical-align: middle;
    position: static;
    margin: 6px;
    padding-left: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 1px 1px #fff;
}
.data_results .xsmb123 .xsmn123_content .result_2{
    background-position: left -176px;
}
.data_results .xsmb123 .xsmn123_content .result_3{
    background-position: left -220px;
}
.data_results .xsmb636 .title ,
.data_results .xsmb123 .title {
    display: flex;
    font-size: 14px;
    font-weight: bold;
    justify-content: space-between;
    padding: 10px 0;
}
.data_results .xsmb636 .xsmn636_content{
    display: flex;
    justify-content: center;
    align-items: center;
}
.data_results .xsmb123 .xsmn123_content{
    display: flex;
    justify-content: center;
    align-items: center;
}
.data_results .xsmb123 .xsmn123_content div{
    margin-right: 20px;
}

.data_results .xsmb636 .xsmn636_content .result_2{
    background-position: left -175px;
}
.data_results .xsmb636 .xsmn636_content .result_3{
    background-position: left -220px;
}
.data_results .xsmb636 .xsmn636_content .result_3{
    background-position: left -309px;
}
.data_results .xsmb636 .xsmn636_content .result_4{
    background-position: left -132px;
}
.data_results .xsmb636 .xsmn636_content .result_5{
    background-position: left -353px;
}



.dropdown {
    position: relative;
    display: inline-block;
    box-shadow: inset 0 0 1px white,
    inset 0 0 1px white;

}


.dropdown-menu {
    display: none;
    position: absolute;
    background-color: darkred;!important;
    min-width: 220px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-radius: 0;
    border:none
}
.dropdown-menu .submenu.VIETLOTT .submenu-menu{
    min-width:220px
}
.dropdown-menu .submenu .classify_item {
    color: white;
    padding: 10px 10px;
    text-decoration: none;
    display: block;
}

.dropdown-menu div:hover {
    background-color: #B01A07;
}


.dropdown-menu .submenu {
    position: relative;
    cursor: pointer;
}
.content .dropdown-menu .cursor_menu {
    cursor: pointer;
    display: block;
    padding: 12px 5px 12px 15px;
    text-decoration: none;
    font-size: 14px;
    color: #fffabf !important;
    text-shadow: 0 0 0 #000;
}
.content .dropdown-menu .cursor_menu:hover{
    font-weight: bold;
}



.dropdown-menu .submenu .submenu-menu {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    background-color: darkred;!important;
    min-width: 160px;
    padding:0;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);

}

.dropdown-menu .submenu .submenu-menu .classify_item{
    color:#fffabf;
    font-size:17px;
    display: block;
    padding: 12px 5px 12px 25px;

    text-shadow: 0 0 0 #000;
}

.dropdown-menu .submenu .submenu-menu .classify_item:hover{
    background: #E85800;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    cursor: pointer;
}


.dropdown-menu .submenu:hover .submenu-menu {
    display: block;
}


.dropdown:hover .dropdown-menu {
    display: block;
}
.lastBall{
    background: radial-gradient(circle at 5px 5px, #41E241, #001);
    border-radius: 100%;
    padding:3px;
    color:white;
    display: inline-block !important;
}
.firstBall{
    background: radial-gradient(circle at 5px 5px, #56FDF8, #000);
    padding:3px;
    color:white;
    border-radius: 100%;
    display: inline-block !important;
}
.bothBall{
    background: radial-gradient(circle at 5px 5px, gold, #001);
    padding:3px;
    color:white;
    border-radius: 100%;
    display: inline-block !important;
}
.btn-close{
    position: fixed;
    right: 0;
    top: 0;
    width: 100px;
    height: 100px;
    font-size: 100px;
    color: gold;
    z-index: 9999;
}


.modal-content iframe{
    min-width:90%;
    width: 100%;
    max-height: 100%;
    min-height: 600px;
}
nav .classify_item{
    font-size:16px
}
@media (max-width: 1024px){
    main #center_content .youtube_ad{
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    .fn_show4number,.fn_show2number{
        display: none;
    }

    .last_numbers_block div{
        display: flex !important;
    }
    header,
    main .content #center_content,
    main .content #center_content .ad_block{
        width: 100%;
    }
    header .content,
    nav .content{
        max-width: 1000px;
    }


    header .logo {
        width: 220px !important;
        height: 80px !important;
        background-image: url("/static/styles/img/logo_min.png") !important;
        background-size: cover !important;
        background-position: left !important;
    }
    nav .content {
        display: none;
    }
    nav .content.small {
        display: flex;
    }

    main .content #left_content,
    main .content #right_content,
    header .content .search{
        display: none;
    }

    header .content .sidebar-toggle{
        display: block;
    }
    .btn-close{
        font-size: 50px;
    }
    .modal-content iframe {

        min-height: 300px;!important;
    }

}