.mapComponent-map-1-3{
  .map-for-room-box:nth-child(-n+10){
    width:119px;
    height:172px;
    border-bottom:2px solid #fff;
    border-right:2px solid #fff;
  }
  .map-for-room-box:nth-child(11){
    width:116px;
    height:172px;
    border-bottom:2px solid #fff;
  }
  .map-for-room-box:nth-child(n+12):nth-child(-n+16){
    width:119px;
    height:172px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    margin-top:87px;
  }
  .map-for-room-box:nth-child(n+17):nth-child(-n+18){
    width:238px;
    height:172px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    margin-top:87px;
  }
  .map-for-room-box:nth-child(19){
    width:235px;
    height:172px;
    border-top:2px solid #fff;
    margin-top:87px;
  }
  .corridor-background{
    top:172px;
  }
  .map-for-room-box:nth-child(-n+11){
    .map-room-box{
      top:0;
      left:0;
    }
    .map-build-user-box{
      bottom:30px;
      left:0;
    }
    .door-img{
      bottom:-2px;
      right:15px;
    }
  }
  .map-for-room-box:nth-child(n+12):nth-child(-n+19){
    .map-room-box{
      bottom:0;
      left:0;
    }
    .map-build-user-box{
      top:30px;
      left:0;
    }
    .door-img{
      top:-2px;
      right:15px;
      transform: scaleX(-1) rotate(180deg);
    }
  }
}
.mapComponent-map-4-5{
  .map-for-room-box:nth-child(-n+8){
    width:145px;
    height:172px;
    border-bottom:2px solid #fff;
    border-right:2px solid #fff;
  }
  .map-for-room-box:nth-child(9){
    width:146px;
    height:172px;
    border-bottom:2px solid #fff;
  }
  .map-for-room-box:nth-child(n+10):nth-child(-n+17){
    width:145px;
    height:172px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    margin-top:87px;
  }
  .map-for-room-box:nth-child(18){
    width:146px;
    height:172px;
    border-top:2px solid #fff;
    margin-top:87px;
  }
  .corridor-background{
    top:172px;
  }
  .map-for-room-box:nth-child(-n+9){
    .map-room-box{
      top:0;
      left:0;
    }
    .map-build-user-box{
      bottom:30px;
      left:0;
    }
    .door-img{
      bottom:-2px;
      right:15px;
    }
  }
  .map-for-room-box:nth-child(n+10):nth-child(-n+19){
    .map-room-box{
      bottom:0;
      left:0;
    }
    .map-build-user-box{
      top:30px;
      left:0;
    }
    .door-img{
      top:-2px;
      right:15px;
      transform: scaleX(-1) rotate(180deg);
    }
  }
}
.mapComponent-map-6-7{
  width:1164px!important;
  margin:10px 73px 0 103px!important;
  .map-for-room-box:nth-child(-n+8){
    width:129px;
    height:172px;
    border-bottom:2px solid #fff;
    border-right:2px solid #fff;
  }
  .map-for-room-box:nth-child(9){
    width:128px;
    height:172px;
    border-bottom:2px solid #fff;
  }
  .map-for-room-box:nth-child(10){
    width:387px;
    height:172px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    margin-top:87px;
  }
  .map-for-room-box:nth-child(n+11):nth-child(-n+15){
    width:129px;
    height:172px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    margin-top:87px;
  }
  .map-for-room-box:nth-child(16){
    width:128px;
    height:172px;
    border-top:2px solid #fff;
    margin-top:87px;
  }
  .corridor-background{
    top:172px;
    width:1160px!important;
  }
  .map-for-room-box:nth-child(-n+9){
    .map-room-box{
      top:0;
      left:0;
    }
    .map-build-user-box{
      bottom:30px;
      left:0;
    }
    .door-img{
      bottom:-2px;
      right:15px;
    }
  }
  .map-for-room-box:nth-child(n+10):nth-child(-n+16){
    .map-room-box{
      bottom:0;
      left:0;
    }
    .map-build-user-box{
      top:30px;
      left:0;
    }
    .door-img{
      top:-2px;
      right:15px;
      transform: scaleX(-1) rotate(180deg);
    }
  }
}
.mapComponent-map-8-10{
  .map-for-room-box:nth-child(-n+9){
    width:130px;
    height:172px;
    border-bottom:2px solid #fff;
    border-right:2px solid #fff;
  }
  .map-for-room-box:nth-child(10){
    width:136px;
    height:172px;
    border-bottom:2px solid #fff;
  }
  .map-for-room-box:nth-child(11){
    width:396px;
    height:172px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    margin-top:87px;
  }
  .map-for-room-box:nth-child(n+12):nth-child(-n+17){
    width:130px;
    height:172px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    margin-top:87px;
  }
  .map-for-room-box:nth-child(18){
    width:130px;
    height:172px;
    border-top:2px solid #fff;
    margin-top:87px;
  }
  .corridor-background{
    top:172px;
  }
  .map-for-room-box:nth-child(-n+10){
    .map-room-box{
      top:0;
      left:0;
    }
    .map-build-user-box{
      bottom:30px;
      left:0;
    }
    .door-img{
      bottom:-2px;
      right:15px;
    }
  }
  .map-for-room-box:nth-child(n+11):nth-child(-n+18){
    .map-room-box{
      bottom:0;
      left:0;
    }
    .map-build-user-box{
      top:30px;
      left:0;
    }
    .door-img{
      top:-2px;
      right:15px;
      transform: scaleX(-1) rotate(180deg);
    }
  }
}
