.cont_ul {border-top:2px solid #013147; width:100%;}
.cont_ul> li {margin-bottom:0.5%; border-top : 1px solid #dddddd; border-bottom:1px solid #dddddd;}
.cont_ul> li.title_li {display:table; width:98%; height:auto; margin-left:1%;}
.cont_ul> li> div {display:inline-block; width:15%; text-align:center; display:table-cell;  vertical-align:middle;}
.cont_ul> li> div> span {padding:8px 10px 8px 10px; color:white; background-color:#00a0e9}
.cont_ul> li> p {display:inline-block; width:85%; text-align:center; padding:3% 0 3% 0;}

.cont_ul> li> ol {height:auto; overflow:hidden;}
.cont_ul> li> ol> li {float:left; width:18%; margin:1%; margin-bottom:2%; height:auto; font-size:0.9rem; border-bottom:1px solid #dddddd; padding-bottom:0.5%;}
.cont_ul> li> ol> li> span {display:inline-block; border-bottom:1px solid #dddddd; padding-bottom:1.5%; width:96%; margin-left:2%;}
.cont_ul> li> ol> li> span> div {display:inline-block; font-size:0.7rem; font-weight:bold; color:#888888; background-color:#ddd; padding:3% 1.5% 3% 1.5%; margin-right:5px;}

.cont_ul> li.end_li {text-align:center; padding:2% 0 2% 0;}
.cont_ul> li.btn_li {text-align:center; padding-bottom:0.5%; border-top:0px;}
@media (max-width: 1100px) {
	.cont_ul> li> ol> li {font-size:0.7rem;}
}

@media (max-width: 980px) {
	.cont_ul> li> ol> .li_1 {margin-left:6%; margin-right:2%; }		
	.cont_ul> li> ol> .li_1, .cont_ul> li> ol> .li_2{width:40%;}
	.cont_ul> li> ol> .li_3, .cont_ul> li> ol> .li_4, .cont_ul> li> ol> .li_5 {width:31%;}
}

@media (max-width: 760px) {
	.cont_ul> li> ol> li {font-size:0.9rem;}
}