.custom_layer{
   position:fixed;
   width:100vw;
   height:100vh;
   top:0px;
   left:0px;
   z-index:10000;
   background-image:url(/images/ag13_bg.png);
   background-position:top center;
   background-color:rgb(4, 20, 54,0.95);
   background-repeat:no-repeat;
   color:white;
   overflow-y:auto;
   display:none;
}

.custom_layer .layer_main_box{
   margin-top:10px;
   margin-bottom:120px;
}
.custom_layer .custom_info{
   width:75%;
   margin:auto auto;
}

.custom_layer .layer_main_box .girl_box .girl_list.off{
   display:none;
}

.custom_layer .layer_main_box .girl_box .girl_info.off{
   display:none;
}

.custom_layer h2{
   color:white;
   margin:0px;
   padding:0px;
}

.custom_layer .demand_box{
   margin-top:5px;
   margin-left:14px;
}

.custom_layer .custom_name.off{
   display:none;
}
.custom_layer .demand_box.off{
   display:none;
}

.custom_layer .demand_box .demand_list{
   list-style-type: decimal;
   padding:0px;
   margin:0px;
   display:flex;
   flex-wrap: wrap;
}

.custom_layer .demand_box .demand_list .item{
   flex:1 1;
   min-width:50%;
}

.custom_layer .girl_box{
   margin-top:10px;
}
.custom_layer .girl_box .girl_list{
   list-style-type: none;
   padding:0px;
   margin:0px;
   display:flex;
   justify-content:center;
   flex-wrap: wrap;
   gap:10px 10px;
}

.custom_layer .girl_box .girl_list .item{
   flex:16.33% 0 0;
   min-width:170px;
   max-width:180px;
   overflow:hidden;
}

.custom_layer .girl_box .girl_list .item .info{
   text-align:center;
}

.custom_layer .girl_box .girl_list .item .data{
   box-sizing:border-box;
   border:2px solid #ccc;
   border-radius:10px;
}

.custom_layer .girl_box .girl_list .item .data .btns{
   position:absolute;
   margin-top:-28px;
   margin-left:5px;
   display:block;
}

.custom_layer .girl_box .girl_list .item.on .btns{
   display:none;
}

.custom_layer .girl_box .girl_list .item .data .image_box{
   height:240px;
   border-radius:6px;
   background-size:cover;
   background-position:center center;
   cursor:pointer;
}

.custom_layer .girl_box .girl_info{
   position:absolute;
   top:0px;
   padding-bottom:80px;
}

@media only screen and (max-width:800px){
    
}



@media only screen and (max-width:500px){
   .custom_layer .layer_main_box{
      width:90%;
   }
   .custom_layer .custom_info{
      width:90%;
   }
   .custom_layer .girl_box .girl_list .item{
      min-width:165px;
   }
}

@media only screen and (max-width:400px){

   
   .custom_layer .layer_main_box{
      width:calc(100% - 10px);
   }
   
   .custom_layer .girl_box .girl_list .item{
      flex:47% 0 0;
   }
}