#top_b {
    position:fixed;
    width:160px;
    height:160px;
    bottom:0px;
    right:-160px;
    transition:right 0.3s ease;
    -moz-transition:right 0.3s ease;
    -webkit-transition:right 0.3s ease;
    z-index:10000;
}

#sd {
    position:absolute;
    width:151px;
    height:156px;
    left:5px;
    animation:updown 2s ease infinite;
    -moz-animation:updown 2s ease infinite;
    -webkit-animation:updown 2s ease infinite;
}

#cin,#cout {
    position:absolute;
    transform-origin:50% 50%;
    -moz-transform-origin:50% 50%;
    -webkit-transform-origin:50% 50%;
}

#cin{
    animation:spinin 5s linear infinite;
    -moz-animation:spinin 5s linear infinite;
    -webkit-animation:spinin 5s linear infinite;
}
#cout{
    animation:spinout 10s linear infinite;
    -moz-animation:spinout 10s linear infinite;
    -webkit-animation:spinout 10s linear infinite;
}

@keyframes spinout {
    0%{
        transform:rotate(0deg);
    }
    100%{
        transform:rotate(-360deg);
    }
}
@-moz-keyframes spinout {
    0%{
        -moz-transform:rotate(0deg);
    }
    100%{
        -moz-transform:rotate(-360deg);
    }
}
@-webkit-keyframes spinout {
    0%{
        -webkit-transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(-360deg);
    }
}


@keyframes spinin {
    0%{
        transform:rotate(0deg);
    }
    100%{
        transform:rotate(360deg);
    }
}
@-moz-keyframes spinin {
    0%{
        -moz-transform:rotate(0deg);
    }
    100%{
        -moz-transform:rotate(360deg);
    }
}
@-webkit-keyframes spinin {
    0%{
        -webkit-transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
    }
}

@keyframes updown{
    0%{
        top:0px;
    }
    50%{
        top:5px;
    }
    100%{
        top:0px;
    }
}
@-moz-keyframes updown{
    0%{
        top:0px;
    }
    50%{
        top:5px;
    }
    100%{
        top:0px;
    }
}
@-webkit-keyframes updown{
    0%{
        top:0px;
    }
    50%{
        top:5px;
    }
    100%{
        top:0px;
    }
}