#plan{
  width: 900px;
}


.row{
  display: inline-block;
  width: 100px;
  height: 100px;
  background-color:#CCC;
  margin: 30px; 
  position:relative; 
}

.row#L, .row#M, .row#N, .row#P, .row#Q{
  border-radius: 100%; 
}

.row#F, .row#G, .row#H, .row#J, .row#K{
  height: 40px; 
}

.seat{
  overflow:hidden;
  line-height: 20px;
  position:absolute;
  top:0;
  left:0;
}


.seat.seat1{
  left:-20px;
  top: 60px;
}

.seat.seat2{
  left: 100px;
  top: 60px; 
}
.seat.seat3{
  left:-20px;
  top: 20px;
}

.seat.seat4{
  left: 100px;
  top: 20px; 
}

.seat.seat5{
  left: 40px;
  top: -20px; 
}

.seat.seat6{
  left: 60px;
  top: -20px; 
}

.seat.rowletter{
  left: 40px;
  top:35px; 
}


.row#B .seat.seat5,.row#C .seat.seat5,.row#D .seat.seat5{
  left: 30px;
  top: -20px; 
}

.row#F .seat.seat1,.row#G .seat.seat1,.row#H .seat.seat1,.row#J .seat.seat1,.row#K .seat.seat1{
  left: 0;
  top: -20px; 
}

.row#F .seat.seat2,.row#G .seat.seat2,.row#H .seat.seat2,.row#J .seat.seat2,.row#K .seat.seat2{
  left:25px;
  top: -25px; 
}

.row#F .seat.seat3,.row#G .seat.seat3,.row#H .seat.seat3,.row#J .seat.seat3,.row#K .seat.seat3{
  left: 50px;
  top: -25px; 
}

.row#F .seat.seat4,.row#G .seat.seat4,.row#H .seat.seat4,.row#J .seat.seat4,.row#K .seat.seat4{
  left: 75px;
  top: -20px; 
}

.row#F .seat.rowletter, .row#G .seat.rowletter, .row#H .seat.rowletter, .row#J .seat.rowletter, .row#K .seat.rowletter{
  left: 40px;
  top: 10px; 
}