.wrapper {background:url(images/bg.jpg);}
    main {position:relative;width:956px;height:612px;background:url(../../../styles/images/sprite-overall.png) -10px -967px;margin:15px auto 0;overflow:hidden;}
        .sprite { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; }
        .anthill { width: 920px; height: 482px; background-position: -10px -93px; margin: 30px auto auto 15px;}
        .ant { width: 205px; height: 73px; background-position: -10px -10px; float:left; margin-right: 22px;}
        .case_container, .g, .task {width: 174px; height: 72px; position:absolute; /* border: 1px solid #0c582e; */ border-radius:4px;}
            .case { width: 119px; height: 45px; background-position: -565px -10px; margin: 21px auto auto 29px;}
            .g19 { width: 166px; height: 64px; background-position: -225px -10px;  margin:2px auto auto 2px;}
            .g12 { width: 154px; height: 47px; background-position: -401px -10px;  margin: 12px auto auto 8px;}
            .g3 { width: 66px; height: 22px; background-position: -694px -10px;  margin: 22px auto auto 51px;}
            .case_container{top: 327px;left: 31px; width: 186px; height: 86px; background-color: #a7d258;}
            .ants_container {position:absolute;left: 22px;top: 251px;}
            .g{top: 44px; background-color: #a7d258;}
            .task{top: 123px;color:#00814a;font-size: 29px;text-align: center; vertical-align: middle;background-color: #d8f6a0;}
            .task *{margin-top: 17px;display:block};
            #case {left: 61px;}
            #g1 {left: 213px;}
            #g2 {left: 33px;}
            #g3 {left: 392px;}
            #t1 {left: 33px;}
            #t2 {left: 213px;}
            #t3 {left: 392px;}
            
        .target_g, .target_task {position:absolute;border: 1px solid #0c582e; border-radius:4px;width: 186px; height: 86px; }
        .target_g{top: 327px;background-color: #a7d258;}
        .target_task {top: 418px; background-color: #d8f6a0;}
            .target_g.cell1 {left: 260px;}
            .target_g.cell2 {left: 497px;}
            .target_g.cell3 {left: 735px;}
            .target_task.cell4 {left: 260px;}
            .target_task.cell5 {left: 497px;}
            .target_task.cell6 {left: 735px;}
.ui-draggable-dragging{opacity: 0.4;}
@font-face { font-family: 'Roboto'; src: url(./fonts/Roboto-Regular.ttf); }