#plan{
  width: 850px;
  height: 500px; 
  position:relative;
}

#stage{
  width: 400px;
  position:absolute;
  bottom:0;
  left: 250px;
}
#stage h3{
  margin:0;
  line-height: 50px;
}


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


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

.seat.rowletter{
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  
}



#L{
  top:30px;
  left: 130px; 
  width: 80px;
  height: 40px; 
  transform: rotate(-5deg);
}

#L .seat1, #N .seat1, #P .seat1{
  top:20px;
  left: -20px;
}
#L .seat2, #N .seat2, #P .seat2{
  top:0;
  left: -20px;
}
#L .seat3, #N .seat3, #P .seat3{
  top:-25px;
  left: 5px;
}
#L .seat4, #N .seat4, #P .seat4{
  top:-25px;
  left: 30px;
}
#L .seat5, #N .seat5, #P .seat5{
  top:-25px;
  left: 55px;
}
#L .seat6, #N .seat6, #P .seat6{
  top:0px;
  left: 85px;
}
#L .seat7, #N .seat7, #P .seat7{
  top:20px;
  left: 85px;
}
#L .seat10, #N .seat10, #P .seat10{
  top:40px;
  left: 5px;
}
#L .seat9, #N .seat9, #P .seat9{
  top:40px;
  left: 30px;
}
#L .seat8, #N .seat8, #P .seat8{
  top:40px;
  left: 55px;
}




#M{
  top:30px;
  left: 270px; 
  width: 50px;
  height: 40px; 
}

#M .seat1, #O .seat1, #A .seat1, #B .seat1, #C .seat1, #D .seat1, #E .seat1{
  top:20px;
  left: -20px;
}
#M .seat2, #O .seat2, #A .seat2, #B .seat2, #C .seat2, #D .seat2, #E .seat2{
  top:0;
  left: -20px;
}
#M .seat3, #O .seat3, #A .seat3, #B .seat3, #C .seat3, #D .seat3, #E .seat3{
  top:-25px;
  left: 5px;
}
#M .seat4, #O .seat4, #A .seat4, #B .seat4, #C .seat4, #D .seat4, #E .seat4{
  top:-25px;
  left: 25px;
}
#M .seat5, #O .seat5, #A .seat5, #B .seat5, #C .seat5, #D .seat5, #E .seat5{
  top:0px;
  left: 50px;
}
#M .seat6, #O .seat6, #A .seat6, #B .seat6, #C .seat6, #D .seat6, #E .seat6{
  top:20px;
  left: 50px;
}

#N{
  top:30px;
  left: 380px; 
  width: 80px;
  height: 40px; 
}


#O{
  top:30px;
  left: 530px; 
  width: 50px;
  height: 40px; 
}

#P{
  top:30px;
  left: 650px; 
  width: 80px;
  height: 40px; 
  transform: rotate(5deg);
}

#F{
  top: 150px;
  left: 20px; 
  width: 40px;
  height: 80px; 
  transform: rotate(-15deg);
}
#F .seat1, #G .seat1, #H .seat1, #I .seat1, #J .seat1, #K .seat1{
  top:50px;
  left: -20px;
}
#F .seat2, #G .seat2, #H .seat2, #I .seat2, #J .seat2, #K .seat2{
  top:30px;
  left: -20px;
}
#F .seat3, #G .seat3, #H .seat3, #I .seat3, #J .seat3, #K .seat3{
  top:10px;
  left: -20px;
}

#F .seat4, #G .seat4, #H .seat4, #I .seat4, #J .seat4, #K .seat4{
  top: -20px;
  left: 0px;
}

#F .seat5, #G .seat5, #H .seat5, #I .seat5, #J .seat5, #K .seat5{
  top: -20px;
  left: 20px;
}

#F .seat6, #G .seat6, #H .seat6, #I .seat6, #J .seat6, #K .seat6{
  top:10px;
  left: 40px;
}
#F .seat7, #G .seat7, #H .seat7, #I .seat7, #J .seat7, #K .seat7{
  top:30px;
  left: 40px;
}
#F .seat8, #G .seat8, #H .seat8, #I .seat8, #J .seat8, #K .seat8{
  top:50px;
  left: 40px;
}

#F .seat9, #G .seat9, #H .seat9, #I .seat9, #J .seat9, #K .seat9{
  top: 80px;
  left: 20px;
}

#F .seat10, #G .seat10, #H .seat10, #I .seat10, #J .seat10, #K .seat10{
  top: 80px;
  left: 0px;
}

#G{
  top: 150px;
  left: 150px; 
  width: 40px;
  height: 80px; 
}
#H{
  top: 150px;
  left: 300px; 
  width: 40px;
  height: 80px; 
}
#I{
  top: 150px;
  left: 450px; 
  width: 40px;
  height: 80px; 
}
#J{
  top: 150px;
  left: 600px; 
  width: 40px;
  height: 80px; 
}
#K{
  top: 150px;
  left: 750px; 
  width: 40px;
  height: 80px; 
  transform: rotate(15deg);
}

#A, #B, #C, #D, #E{
  top:300px;
  left: 100px; 
  width: 50px;
  height: 40px; 
}

#A{
  transform: rotate(-15deg);
  top: 320px;
}
#B{
  left: 250px;
}
#C{
  left: 370px;
}
#D{
  left: 490px;
}
#E{
  left: 630px;
  transform: rotate(15deg);
  top: 320px;
}