@-webkit-keyframes bt-slideUpEffect {
0% {
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px); 
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); 
} 
}
@keyframes bt-slideUpEffect {
0% {
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px); 
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); 
}
}
#site_backtop {
position: fixed;
right: 30px;
bottom: 50px;
width: 40px;
height: 40px;
font-size: 16px;
font-weight: 400;
line-height: 38px;
text-align: center;
outline: medium none;
color: #333;
background: #ffffff;
border: 1px solid #1c1c1c;
cursor: pointer;
display: none;
z-index: 999;
-webkit-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
#site_backtop.rounded{
-webkit-border-radius: 5px;
border-radius: 5px;
}
#site_backtop.circle{
-webkit-border-radius: 50%;
border-radius: 50%;
}
#site_backtop:hover{
color: #ffffff;
background: #00abc9;
border-color: #00abc9;
}
#site_backtop.active {
display: block;
-webkit-animation: bt-slideUpEffect 1.2s both;
-ms-animation: bt-slideUpEffect 1.2s both;
animation: bt-slideUpEffect 1.2s both;
}