.ca-menu{padding:0;margin:0;width:1020px;}
.ca-menu li{width:170px;height:170px;border:5px solid #fff;overflow:hidden;position:relative;float:left;background:#fff;}
.ca-menu li img{border:0 none;margin:2px 0 0;}
.ca-menu li:last-child{margin-right:0px;}
.ca-menu li a{text-align:left;width:100%;height:100%;display:block;color:#333;position:relative;}
.ca-icon{font-family:'WebSymbolsRegular', cursive;font-size:40px;color:#f6f6f6;;line-height:60px;position:absolute;width:100%;height:60px;left:0px;top:30px;text-align:center;}
.ca-main{font-size:24px;position:absolute;top:110px;height:80px;width:170px;left:50%;margin-left:-85px;opacity:0.8;text-align:center;color:#555;}
.ca-sub{display:none;}
.ca-menu li:hover{border-color:#fff;z-index:999;}
.ca-menu li:hover .ca-icon{color:#000;font-size:60px;text-shadow:0px 0px 1px #000;}
.ca-menu li:hover .ca-main{color:#000;-webkit-animation:moveFromBottom 500ms ease;-moz-animation:moveFromBottom 500ms ease;-ms-animation:moveFromBottom 500ms ease;}
@-webkit-keyframes moveFromBottom{from{-webkit-transform:translateY(200%) scale(0.5);opacity:0;}
to{-webkit-transform:translateY(0%) scale(1);opacity:1;}
}
@-moz-keyframes moveFromBottom{from{-moz-transform:translateY(200%) scale(0.5);opacity:0;}
to{-moz-transform:translateY(0%) scale(1);opacity:1;}
}
@-ms-keyframes moveFromBottom{from{-ms-transform:translateY(200%) scale(0.5);opacity:0;}
to{-ms-transform:translateY(0%) scale(1);opacity:1;}
}