@charset "utf-8";


.ui-category__tab{margin: 25px -5px 30px;}
.ui-category__tab:after{display: block;visibility: hidden;clear: both;content: '';}
.ui-category__tab li{float: left;width:12.5%;height: 140px;border:3px solid transparent;}
.ui-category__tab li:nth-child(6n){margin-right: 0}
.ui-category__tab li a{display: block;width: 100%;height: 135px;padding: 15px 0;/* background: #abb8c1; */color:#32424e;font-weight:bold;border: 1px solid #ddd;letter-spacing: -1px;font-size: 14px;}
.ui-category__tab li a:hover,
.ui-category__tab li a:focus,
.ui-category__tab li.on a{background:#f7f7f8;color: #3a67b9;border:2px solid #3a67b9}
.ui-category__tab li a span{display:block;text-align:center;font-size: 14px;}
.ui-category__tab li a span:before{content:'';display:block;width:70px;height:70px;margin: 0 auto 10px;background:#fff url(/images/prog/ioCateData/ir-ioCateData.png);border-radius: 50%;border: 1px solid #ddd;}
.ui-category__tab li.on  a span:before{background-color:#fff;}
.ui-category__tab li a .all:before{background-position: 0 0;}

.ui-category__tab li a .often:before{background-position:  -140px -210px;}

.ui-category__tab li a .info01:before{background-position: -140px -70px;}
.ui-category__tab li a .info02:before{background-position: -490px 0;}
.ui-category__tab li a .info03:before{background-position: -350px 0;}
.ui-category__tab li a .info04:before{background-position:  -210px -210px;}
.ui-category__tab li a .info05:before{background-position: -210px -70px;}
.ui-category__tab li a .info06:before{background-position: -70px 0;}
.ui-category__tab li a .info07:before{background-position: -210px 0;}
.ui-category__tab li a .info08:before{background-position: 0 -210px;}
.ui-category__tab li a .info09:before{background-position: -70px -210px;}
.ui-category__tab li a .info10:before{background-position: 0 -140px;}
.ui-category__tab li a .info11:before{background-position: -70px -140px;}
.ui-category__tab li a .info12:before{background-position: -490px -140px;}
.ui-category__tab li a .info13:before{background-position: -280px -140px;}
.ui-category__tab li a .info14:before{background-position: -280px -70px;}
.ui-category__tab li a .info15:before{background-position: -350px -140px;}
.ui-category__tab li a .info16:before{background-position: 0 -140px;}
.ui-category__tab li a .info017:before{background-position: -70px -140px;}
.ui-category__tab li a .info19:before{background-position: -140px -140px;}
.ui-category__tab li a .info20:before{background-position: -210px -140px;}
.ui-category__tab li a .info18:before{background-position: -350px -140px;}

@media screen and (max-width:767px){
    .ui-category__tab li{float: left;width:33.3%;font-size:13px}  
    
    .ui--item{padding:10px;padding-left:10px;}
    .ui--item .ui--title h5{}
    .ui--item .ui--title{width:100%;position:relative;top:0;left:0;}
    .ui--item > .ui--obj {padding-left:0; border-left:none;}
    .ui--item > .ui--obj p{margin: 10px 0;font-size:16px;text-align: center;}
    
}