.wrapper{background: url(images/bg.png);}
    main{position:relative;width:1024px;height:621px;margin:0 auto;overflow:hidden}
        span{font-family:Ubuntu;font-size: 14px;font-weight:600;display:block;position:absolute;min-width:50px;min-height:32px}
            .dropp{color: #FFFFFF;text-align:left;width: 147px;height: 35px;background-color: rgba(255, 255, 255, 0.29);border-radius: 5px;}
                #drop1{left: 220px;top: 65px;}
                #drop2{left: 474px;top: 232px;}
                #drop3{left: 404px;top: 562px;}
                #drop4{left: 575px;top: 561px;}
            .dragg{cursor:pointer;color: #FFFFFF;border-radius:8px;text-align: left;width: 117px;height: 15px;padding-top: 7px;}
                #drag1{left: 790px;top: 100px;}
                #drag2{left: 790px;top: 160px;}
                #drag3{left: 790px;top: 220px;}
                #drag4{left: 790px;top: 280px;}
@font-face{font-family:'Ubuntu';src:url(./fonts/Ubuntu-Regular.ttf)}


.dragg:before {
    content: '';
    background: url(images/point.png);
    width: 27px;
    height: 39px;
    display: block;
    position: absolute;
    top: -19px;
    left: -21px;
}

span#drag3:before {
    top: -19px;    
    left: 99px;
}