.wrapper{background: url(images/bg.png);}
    main{position:relative;width:956px;height:611px;margin:8px auto 0;overflow:hidden}

@font-face{font-family:'Love';src:url(./fonts/LoveYaLikeASister.ttf)}


.dropp {
    width: 165px;
    height: 170px;
    border: 5px dashed #9F5481;
}

.dandd * {
    position: absolute;
}

div#drop1 {
    top: 204px;
    left: 33px;
}

div#drop2 {
    top: 204px;    
    left: 208px;
}

div#drop3 {
    top: 204px;    
    left: 383px;
}

div#drop4 {
    top: 204px;    
    left: 558px;
}

div#drop5 {
    top: 204px;    
    left: 733px;
}

div#drop6 {
    top: 406px;    
    left: 865px;
}

.dragg {
    width: 133px;    
    height: 133px;    
    text-align: center;
    font-family: Love;
    font-size: 43px;
    border-radius: 5px;
    cursor: pointer;
}


#drag1 {
  z-index: 16;
  left: 223px;
  top: 423px;
  background-image: url(images/z1.png);
}
#drag2 {
  z-index: 15;
  left: 757px;
  top: 424px;
  background-image: url(images/z2.png);
}
#drag3 {
  z-index: 14;
  left: 46px;    top: 424px;
  background-image: url(images/z3.png);
}

#drag4 {
  z-index: 13;
  left: 578px;    
  top: 423px;
  background-image: url(images/z4.png);
}

#drag5 {
  z-index: 12;
  left: 400px;    
  top: 423px;
  background-image: url(images/z5.png);
}

#drag6 {
  z-index: 11;
  left: 602px;
  top: 524px;
  width: 58px;
  height: 58px;
}

.pic {
    width: 154px;    
    height: 116px;
    position: absolute;
    border: 5px solid #FFFFFF;
    border-radius: 6px;
    box-sizing: content-box;
}

div#p1 {
    top: 62px;
    left: 33px;
}

div#p2 {    top: 62px;    
    left: 208px;
}

div#p3 {    top: 62px;    
    left: 383px;
}

div#p4 {    top: 62px;    
    left: 558px;
}

div#p5 {    top: 62px;    
    left: 733px;
}