.scrollup{
width:40px;
height:40px;
opacity:0.2;
position:fixed;
bottom:40px;
right:59px;
text-indent:-9999px;
background: url('icon_top.png') no-repeat;
}

.scrollup:hover{
width:40px;
height:40px;
opacity:0.8;
position:fixed;
bottom:40px;
right:59px;
text-indent:-9999px;
background: url('icon_top.png') no-repeat;
}

.scrolld{
width:40px;
height:40px;
opacity:0.2;
position:fixed;
bottom:40px;
right:17px;
text-indent:-9999px;
background: url('icon_top2.png') no-repeat;
}

.scrolld:hover{
width:40px;
height:40px;
opacity:0.8;
position:fixed;
bottom:40px;
right:17px;
text-indent:-9999px;
background: url('icon_top2.png') no-repeat;
}
@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-o-keyframes shake {
	0%, 100% {-o-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
}