.nav_box {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    color: #666666;
    padding: 0 60px;
  }
  .sourcbox {
    width: 300px;
    margin-top: 20px;
    padding: 0 10px 10px;
    box-shadow: 0px 3px 8px 0px rgba(211, 208, 208, 0.5);
    border-radius: 20px;
    border: 1px solid;
    color: #333333;
    border: 1px solid #ffffff;
  }
  .room_item_top {
    width: 106px;
    height: 7px;
    border-radius: 5px;
    margin-bottom: 10px;
  }
  .room_stat1 { border-color: #4C65E1; }
  .room_stat2 { border-color: #00B050; }
  .room_stat3 { border-color: #CCCCCC; }

  .room_stat1 .tclr { color: #4C65E1; }
  .room_stat2 .tclr { color: #00B050; }
  .room_stat3 .tclr { color: #999999; }

  .room_stat1 .room_item_top { background: #4C65E1; }
  .room_stat2 .room_item_top { background: #00B050; }
  .room_stat3 .room_item_top { background: #CCCCCC; }