body {
    margin: 0; padding: 0;
    /* background: url('/s/front/images/bg_login_main.jpg') no-repeat fixed center;
	background-size: cover;*/
	color:#fff; 
	background-color: #191b21;
}



/* header */
#nav {
    overflow-y: auto;
    z-index: 10; position: fixed;
    top: 0; bottom: 0; left: 0; right: auto; width: 220px;
    background: #070a0f;
}
#con_box {
    width: 100%;
    border-radius: 10px; padding: 0 0 30px;
}
.content.wide #con_box { padding: 0; }
#title {
    text-align: center; height: 80px; 
    width: 100%; display: block; position: relative;
    background-color: #070a0f;
    border-radius: 10px 10px 0 0;
}
#title.bet_title { width: 100%; }
#title.main_title { background-color: transparent; height: 100px; }
#title.pc_tit.fixed { position: fixed; top: 0; }

@media (max-width:1490px) {
    #title.main_title { background-color: #070a0f; }
    #title { border-radius: 0; }
}

/*bet slip*/
#bet_slip {
    position: fixed; top: 0; left: auto; right: 0; bottom: 0; width: 260px; display: block; background-color: #20232a; z-index: 60;
    overflow-y: auto;
}
#bet_slip.pc_tit { position: fixed; }
#bet_slip.pc_tit.fixed { position: fixed; top: 0; }

/*-------------- content -------------*/

.main_content { position: relative; width: 100%; margin: 0; }
.content { position: relative; width: 100%; max-width: 1420px; min-height: 700px; padding: 80px 0 50px 220px; margin: 0 auto; }
.content.wide {
    max-width: 100%; padding-top: 50px; padding-bottom: 0;
}
.content.bet_content {
    max-width: 1600px; padding: 80px 260px 50px 220px;
}
.content_inner_box {
    padding: 50px 30px; background-color: rgba(47, 49, 56, 0.95); width: 100%; position: relative;
}
.content.wide .content_inner_box { padding: 0; border: none;}

.bgVideo { position: fixed; top: 0; left: 0; bottom: 0; right: 0; min-width: 100%; 
  min-height: 100%; }

@media (max-width:1600px) {
    .content.bet_content { padding: 50px 260px 50px 220px }
    #title.bet_title { border-radius: 0; }
}

@media (max-width:1490px) {
    .content,
    .content.bet_content { padding: 80px 30px; }
    .content.content_opened,
    .content.bet_content.content_opened { margin: 0; }
    .content.wide { padding: 50px 0 0; }
    
    .main_content { padding-top: 100px; }
    #bg_box { left: 0; }
    #con_box {
        width: 100%;
        background-color: rgba(38, 40, 46, 0);
        border-radius: 10px; padding: 0;
    }
}
@media all and (max-width:1030px){
    .content,
    .content.bet_content { margin: 0 auto; padding: 60px 0 150px; }
	.content_inner_box { background-color: #191b21; border: none; padding: 0; }

	.bgVideo {display: none;}
}
@media all and (max-width:640px){
    .content,
    .content.bet_content { margin: 0 auto; padding: 50px 0 150px; }
    .main_content { padding-top: 70px; }
}


@media (max-width:1490px) {
    .dim_opened { z-index: 100; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); }
    .content_opened { transform: translate3d(220px,0,0); }
    .content_bet_opened { transform: translate3d(-260px,0,0); }

    #title,
    #title.bet_title { background-color: #000; height: 60px; position: fixed; width: 100%; top: 0; left: 0; z-index: 10; }
    .html_opened { overflow:hidden; position:relative;  }
    #nav {
        border: none;
        height: auto;
        width: 220px; position: fixed; left: 0; top: 0; bottom: 0; right: auto;
        -webkit-transform: translate3d(-220px,0,0);
        transform: translate3d(-220px,0,0);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
    }
    #nav.opened {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    

    #bet_slip {
        z-index: 10;
        transform: translate3d(260px,0,0);
    }
    #bet_slip.content_opened { transform: translate3d(260px,0,0); }
    #bet_slip.content_bet_opened { transform: translate3d(0,0,0); }
	#bet_slip.active_half{ transform: translate3d(0,0,0); }
    #bet_slip.active{ transform: translate3d(0,0,0); }
    #bet_slip.content_opened.active_half{ transform: translate3d(260px,0,0); }
	#bet_slip.content_opened.active{ transform: translate3d(260px,0,0); }
}

@media (max-width:1030px) {
    #nav { width: 220px; }
    .content_opened { transform: translate3d(220px,0,0); }

    #bet_slip.content_opened { transform: translate3d(260px,0,0); }
    #bet_slip.content_opened.active_half{ transform: translate3d(260px,0,0); }
    #bet_slip.content_opened.active{ transform: translate3d(260px,0,0); }
}
@media (max-width:640px) {
    #title,
    #title.bet_title { height: 50px; text-align: left; padding-left: 50px; }
    #title.main_title { height: 70px; padding-top: 10px; padding-left: 0; }
}