@charset "utf-8";


.program--search .search--text span{border:none;}
.tab-ul.type2 li a{height:75px;font-size:16px;}
.tab-ul.type2 li a span{line-height:1;padding:5px 5px 5px 13px}
.tab-ul.type2 li a:hover,
.tab-ul.type2 li.on a, .tab-ul.type2 li.on a:active, .tab-ul.type2 li.on a:focus, .tab-ul.type2 li.on a:hover{color:#fff;border-color:#298250;background-color:#298250;}
/*
.ui-category__tab{position:relative;text-align:center; border-bottom:1px solid #ddd;overflow:hidden}
.ui-category__tab li {display:inline-block;float:none;height: 100%;margin-top:-1px;margin-left:-1px;border-bottom:5px solid transparent;text-align:center} 
.ui-category__tab li a {display:block;text-align: left; cursor: pointer;height:51px;position: relative;}
.ui-category__tab li a span {display:block;position: relative;line-height: 120%;padding: 10px 15px;}
.ui-category__tab li.on{border-bottom:5px solid #298250;}
.ui-category__tab li.on a{color:#298250}
*/

.btn-only-icon .ir.ir-bbs.ir-home {right: 12px!important;}
.tab-ul.ui-category__tab li{display:inline-block;}
.ui-category__tab{margin: 25px -5px 30px;}
.ui-category__tab:after{display: block;visibility: hidden;clear: both;content: '';}
.ui-category__tab:after{display: block;visibility: hidden;clear: both;content: '';}
.ui-category__tab li{float: left;width:25%;height: 155px;overflow:hidden}
.ui-category__tab li:nth-child(6n){margin-right: 0}
.ui-category__tab li a{display: block;width: 100%;height: 155px;padding-top:25px;/* background: #abb8c1; */color:#32424e;font-weight:bold;border: 1px solid #ddd;letter-spacing: -1px;font-size: 14px;}
.ui-category__tab li a:focus {border: 2px dotted red;}
/* .ui-category__tab li.on a{background: #03467e;color: #fff;} */
.ui-category__tab li a span{display:block;text-align:center;}
.ui-category__tab li a span:before{display:block;width:70px;height:70px;margin: 0 auto 10px;background-color:#f6f5f5;border-radius: 50%;content:'';}
.ui-category__tab li a span:after{content:"";position:absolute;top:36%;left:51%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.ui-category__tab li:nth-child(1) a span:after{top:36%;left:51%;width:38px;height:36px;background:url(/images/prog/ioCateData/OpenInfo01.png) no-repeat;content:"";}
.ui-category__tab li:nth-child(2) a span:after{top:36%;left:51%;width:30px;height:36px;background:url(/images/prog/ioCateData/OpenInfo02.png) no-repeat;content:"";}
.ui-category__tab li:nth-child(3) a span:after{top:36%;left:51%;width:38px;height:32px;background:url(/images/prog/ioCateData/OpenInfo03.png) no-repeat;content:"";}
.ui-category__tab li:nth-child(4) a span:after{top:36%;left:51%;width:38px;height:30px;background:url(/images/prog/ioCateData/OpenInfo04.png) no-repeat;content:"";}
.ui-category__tab li:nth-child(5) a span:after{top:36%;left:50%;width:46px;height:32px;background:url(/images/prog/ioCateData/OpenInfo05.png) no-repeat;content:"";}
.ui-category__tab li:nth-child(6) a span:after{top:36%;left:50%;width:38px;height:36px;background:url(/images/prog/ioCateData/OpenInfo06.png) no-repeat;content:"";}
.ui-category__tab li:nth-child(7) a span:after{top:36%;left:51%;width:38px;height:36px;background:url(/images/prog/ioCateData/OpenInfo07.png) no-repeat;content:"";}
.ui-category__tab li:nth-child(8) a span:after{top:39%;left:50%;width:38px;height:40px;background:url(/images/prog/ioCateData/OpenInfo08.png) no-repeat;content:"";}

.ui-category__tab li.on{position:relative;}
.ui-category__tab li.on:before{position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#d72429;content:"";}
.ui-category__tab li.on:after{position:absolute;top:95%;left:50%;width:14px;height:14px;background-color:#d72429;transform: rotate(45deg);content:"";}





.ui-category__tab li a .all:before{background-position: 0 0;}
.ui-category__tab li a .info1:before{background-position: -70px 0;}
.ui-category__tab li a .info2:before{background-position: -140px 0;}
.ui-category__tab li a .info3:before{background-position: -210px 0;}
.ui-category__tab li a .info4:before{background-position: -280px 0;}
.ui-category__tab li a .info5:before{background-position: -350px 0;}
.ui-category__tab li a .info6:before{background-position: -420px 0;}
.ui-category__tab li a .info7:before{background-position: -490px 0;}
.ui-category__tab li a .info8:before{background-position: 0 -70px;}
.ui-category__tab li a .info9:before{background-position: -70px -70px;}
.ui-category__tab li a .info10:before{background-position: -140px -70px;}
.ui-category__tab li a .info11:before{background-position: -210px -70px;}
.ui-category__tab li a .info12:before{background-position: -280px -70px;}
.ui-category__tab li a .info13:before{background-position: -350px -70px;}
.ui-category__tab li a .info14:before{background-position: -420px -70px;}
.ui-category__tab li a .info15:before{background-position: -490px -70px;}

.ui-category__tab li a .info001:before{background-position: -70px 0;}
.ui-category__tab li a .info002:before{background-position: -140px 0;}
.ui-category__tab li a .info003:before{background-position: -210px 0;}
.ui-category__tab li a .info004:before{background-position: -280px 0;}
.ui-category__tab li a .info005:before{background-position: -350px 0;}
.ui-category__tab li a .info006:before{background-position: -420px 0;}
.ui-category__tab li a .info007:before{background-position: -484px 0;}
.ui-category__tab li a .info008:before{background-position: 0 -70px;}
.ui-category__tab li a .info009:before{background-position: -70px -70px;}
.ui-category__tab li a .info010:before{background-position: -140px -70px;}
.ui-category__tab li a .info011:before{background-position: -210px -70px;}
.ui-category__tab li a .info012:before{background-position: -280px -70px;}
.ui-category__tab li a .info013:before{background-position: -352px -70px;}
.ui-category__tab li a .info014:before{background-position: -425px -70px;}
.ui-category__tab li a .info015:before{background-position: -490px -70px;}
.ui-category__tab li a .info016:before{background-position: 0 -140px;}
.ui-category__tab li a .info017:before{background-position: -70px -140px;}
.ui-category__tab li a .info018:before{background-position: -210px -140px;}
.ui-category__tab li a .info019:before{background-position: -140px -140px;}



@media screen and (max-width:767px){
.ui-category__tab li{float: left;width:33.3%;font-size:13px}	
}
	
@media screen and (max-width:360px){
.ui-category__tab li{float: left;width:49%;font-size:13px}	
}