@font-face {
	font-family: 'FB'; 
	src: url(../font/a_FuturicaBlack.ttf); 
}
::-webkit-scrollbar-button {
    background-image:url('');
    background-repeat:no-repeat;
    width:5px;
    height:0px
}

::-webkit-scrollbar-track {
    background:#1b101e;
}

::-webkit-scrollbar-thumb {
    background-color:#2c3140;
    border-radius: 0;
}
::-webkit-resizer{
    background-image:url('');
    background-repeat:no-repeat;
    width:4px;
    height:0px;
    
}
::-webkit-scrollbar{
    width: 8px;
}
body{
    background-color:#fff;
}
.bg-dark-blue {
    background-color:#1b101e;
}
.border-bootom-dark{
    border-bottom:1px solid #2c3140
}
.navbar{
    background-image:url('/asset/images/system/menu_bg.png') !important;
    background-size: 10px !important;
    background-repeat: repeat-x !important;
}


.info_content{
    width:calc(100% - 0.25rem * 2);
    /*width:calc(100% - (calc(var(--bs-gutter-x)* .5) * 2));*/
    background:rgba(0,0,0,0.5);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    height: calc(100% - 0.25rem * 2);
    opacity:0;
    transition:.2s linear;
    color:white;
    text-align:center;
    top:0.25rem;
    left:0.25rem;
    padding-top: 20% !important;
    cursor: pointer;
}

.info_content .btn_search{
    opacity:0;
}
.box_flame{
    
    height: 189px;
    background-size:cover;
}
.film_flame{
    height: 100%;
}
.btn_search{
    width: 28px;
    height:28px;
    cursor: pointer;
    margin:10px;
    margin-top:20px;
    display:inline-block;
}
.btn_search img{
    width: 28px;
    opacity:0.7;
}
.btn_search:hover img{
    transition:.5s linear;
    opacity:1;
}
footer{
    width: 100vw;
    background:rgba(255,255,255,0.5);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    position: fixed;
    bottom: -57px;
    right: 0;
    z-index:10;
    transition:.5s linear;
}
.footer_open{
    bottom: 0;
}