.categorywrapper {display: inline-block; max-width: 1150px;}
.category {float: left; height:215px; margin-right: 15px; margin-bottom:30px; padding: 0px 15px; border-radius: 6px;border: 1px solid #ececec; cursor:pointer; transition: box-shadow 0.3s ease-in-out;}
.category:hover {box-shadow: 0 1px 2px rgba(0,0,0,0.15); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); transition: box-shadow 0.3s ease-in-out;}.architecture { display: block; margin: 25px auto 0 auto; text-a lign: center; background-image: url(/images/3/37/Architecture.png);width: 70px; height: 70px; } .applicationlogic {display: block; margin: 25px auto 0 auto; text-align: center; background-image: url(/images/5/52/Applicationlogic.png); width: 70px; height: 70px;} .communications {display: block; margin: 25px auto 0 auto; text-align: center; background-image: url(/images/4/44/Communications.png); width: 70px; height: 70px; } .integration { display: block; margin: 25px auto 0 auto; text-align: center; background-image: url(/images/e/ea/Integration.png); width: 74px; height: 70px;} .security {display: block; margin: 25px auto 0 auto; text-align: center; background-image: url(/images/2/2a/Lock_new.png); width: 70px; height: 70px;} .tools {display: block; margin: 25px auto 0 auto; text-align: center; background-image: url(/images/c/c5/Tools.png); width: 70px; height: 70px;} .ui {display: block; margin: 25px auto 0 auto; text-align: center; background-image: url(/images/1/18/Ui.png); width: 70px; height: 70px; } .uta { display: block; margin: 25px auto 0 auto; text-align: center; background-image: url(/images/b/b1/Uta.png); width: 70px; height: 70px;}
.category p {font-size:20px; width: 100%; text-align: center; font-weight: normal;color: #127975; margin: 13px 0 5px 0; }
.category span {font-size: 14px; width: 225px; margin: 0 auto; display: block; text-align: center; line-height: 140%; }
