/*  slide in down  */

@-webkit-keyframes slideInDown{
0%{
-webkit-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0);
visibility:visible
}
100%{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
}

@keyframes slideInDown{
0%{
-webkit-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0);
visibility:visible}
100%{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
}

.slideInDown{
-webkit-animation-name:slideInDown;
animation-name:slideInDown
}

/*  slide in right  */

@-webkit-keyframes slideInRightOpacity{
0%{
-webkit-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0);
visibility:visible
}
100%{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
}

@keyframes slideInRightOpacity{
0%{
-webkit-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0);
visibility:visible
}
100%{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
}
.slideInRightOpacity{
-webkit-animation-name:slideInRight;
animation-name:slideInRight
}

/*  slide out right  */
@-webkit-keyframes slideOutRightOpacity{
0%{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
100%{
visibility:hidden;
-webkit-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0);
}
}

@keyframes slideOutRightOpacity{
0%{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
100%{
visibility:hidden;-webkit-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0);
}
}

.slideOutRightOpacity{
-webkit-animation-name:slideOutRight;
animation-name:slideOutRight
}

/*  rotate  */

@-webkit-keyframes rotate{ 
    from {-webkit-transform:scale(1) rotate(0deg);}
    to {-webkit-transform:scale(1) rotate(360deg);} 
}


@-moz-keyframes rotate{ 
    from {-moz-transform:scale(1) rotate(0deg);}
    to {-moz-transform:scale(1) rotate(360deg);} 
}

/*
#sidebar{width:232px;overflow:hidden;float:left;margin:0px;padding:0px;}
#sidebar .box{margin:0 0 5px;overflow:hidden;}
#sidebar .box h3{margin:0 0 10px}
#sidebar .box .body{width:212px;font-size: 13px;}
#sidebar .box .tail{background:url(../images/boxt.png) no-repeat left bottom;width:232px;height:0px;display:block;float:left}
#sidebar .box ul.links li.sub li a{margin-left:15px;}
#sidebar .box ul.links li.sub  li li a{margin-left:30px;}


#sidebar .box ul.links li{background:url(../images/menulibg_mod.png) no-repeat top left;padding:2px 0 0;width:212px;overflow:hidden}
#sidebar .box ul.links a{color:#fff;text-decoration:none;display:block;width:100%;height:100%;padding:2px 3px;margin:1px 0 2px 0;font-size:14px;}
#sidebar .box ul.links a:hover, #sidebar .box ul.links a.active{background:url(../images/menulibg_new.png);}
#sidebar .box ul.links li.sub a{color:#ffffff}
#sidebar .box ul.links li.sub ul a{color:#fff}
*/