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

/* header */
#nav {overflow-y: auto; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5);  z-index: 10; position: absolute; top: 0; width: 100%; background: #000; }
#title { text-align: center; background-color: rgba(10, 10, 10, 0.5); z-index: 50; height: 80px; position: absolute; top: 150px; width: 100%; display: block; }
#title.bet_title { width: calc(100% - 260px); margin-right: 260px; }
#title.main_title { background-color: transparent; height: 100px; }
#title.pc_tit.fixed { position: fixed; top: 0; }

/*bet slip*/
#bet_slip {
    position: fixed; top: 150px; left: auto; right: 0; bottom: 0; width: 260px; display: block;
		border-left: 0.05rem solid rgba(143, 135, 170, 0.5); background: rgba(0, 0, 0, 0.3);
		z-index: 60;
}
#bet_slip.pc_tit { position: absolute; }
#bet_slip.pc_tit.fixed { position: fixed; top: 0; }

/*-------------- content -------------*/
.main_content { position: relative; width: 100%; margin: 0; padding-top: 151px; }
.content { position: relative; width: 100%; max-width: 1200px; min-height: 700px; padding: 260px 0 50px 0; margin: 0 auto; }
.content.wide {   max-width: 100%; }
.content.bet_content { max-width: 1380px; padding: 260px 260px 50px 0; }
.content_inner_box { padding: 50px 30px; background-color: rgba(0, 0, 0, 0.6); border: 0.05rem solid rgba(143, 135, 170, 0.5); 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:1490px) {
    .content,
    .content.bet_content { padding: 80px 60px; }
    .main_content { padding-top: 110px; }
}
@media all and (max-width:1030px){
    .content,
    .content.bet_content { margin: 0 auto; padding: 60px 0 150px; }
	.content_inner_box { background-color: transparent; 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(440px,0,0); }

    #title,
    #title.bet_title { background-color: #000; height: 60px; position: fixed; width: 100%; top: 0; }
    .html_opened { overflow:hidden; position:relative;  }
    #nav {
        border: none;
        border-right: 0.05rem solid rgba(143, 135, 170, 0.5); background: rgba(0, 0, 0, 0.3);
        height: auto;
        width: 440px; position: fixed; left: 0; top: 0; bottom: 0; right: auto;
        -webkit-transform: scale(0,0) translate3d(-30%,0,0);
        transform: scale(0,0) translate3d(-30%,0,0);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
    }
    #nav.opened {
        -webkit-transform: scale(1,1) translate3d(0,0,0);
        transform: scale(1,1) translate3d(0,0,0);
    }
    

    #bet_slip {
        z-index: 10;
		background-color: #191919;
		width: 100% !important; transform: translate3d(0,100%,0);
		bottom: 0; left: 0; right: 0; top: auto;
		border-left: none; max-height: 480px;
    }
    #bet_slip.content_opened { transform: translate3d(440px,100%,0); }
	#bet_slip.active_half{ transform: translate3d(0,68%,0); }
    #bet_slip.active{ transform: translate3d(0,0,0); }
    #bet_slip.content_opened.active_half{ transform: translate3d(440px,68%,0); }
	#bet_slip.content_opened.active{ transform: translate3d(440px,0,0); }
}

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

    #bet_slip.content_opened { transform: translate3d(230px,100%,0); }
    #bet_slip.content_opened.active_half{ transform: translate3d(230px,68%,0); }
    #bet_slip.content_opened.active{ transform: translate3d(230px,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; }
}