.wrapper{background: url(images/bg.png);}
    main{position:relative;width:1024px;height:621px;margin:0 auto;overflow:hidden}
        span{font-family:Ubuntu;font-size: 30px;font-weight:600;display:block;position:absolute;}
            .dropp{color: #FFFFFF;text-align:left;width: 84px;height: 84px;line-height: 112px;}
                #drop1{left: 587px;top: 35px;}
                #drop2{left: 711px;top: 75px;}
                #drop3{left: 601px;top: 138px;}
                #drop4{left: 740px;top: 271px;}
                #drop5{left: 569px;top: 357px;}
                #drop6{left: 479px;top: 318px;}
            .dragg{cursor:pointer;font-family: Love;padding-top: 7px;color: #FCCCCC;    text-align: center;    width: 52px;    height: 52px;        }
                #drag1{left: 60px;top: 462px;}
                #drag2{left: 270px;top: 503px;}
                #drag3{left: 146px;top: 532px;}
                #drag4{left: 640px;top: 517px;}
                #drag5{left:780px;top: 533px;}
                #drag6{left:780px;top: 465px;}
@font-face{font-family:'Love';src:url(./fonts/LoveYaLikeASister.ttf)}


.dandd {
    width: 597px;
    height: 326px;
    border-radius: 7px;
    position: absolute;
    top: 15px;
    left: 15px;
}



span#drop7 {
    left: 316px;    top: 318px;
}

span#drop8 {
    left: 251px;    
    top: 78px;
}

span#drop9 {
    left: 458px;    top: 169px;
}

span#drag7 {
    left: 370px;    
    top: 505px;
}

span#drag8 {
    left: 490px;    top: 465px;
}

span#drag9 {
    left: 200px;    
    top: 465px;
}