@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
.ServiceCategory {
    margin: 10px 0 10px 0;
    border: solid 1px #ddd;
}
.ServiceCategory .Title {
    background: rgb(63 191 0) url(../../UIArticleControls/UIArticleListContent/Images/book.png) no-repeat scroll left 2px center;
    background-size: 30px;
    color: #fff;
    font: bold 15px/35px roboto;
    height: 35px;
    padding-left: 35px;
}
.ServiceCategory .Content {
    border-radius: 3px;
}
.ServiceCategory ul {
    border: medium none;
    list-style: outside none none;
    margin: 0;
    overflow: auto;
    padding: 10px 0;
   background: #ffffff none repeat scroll 0 0;
}
.ServiceCategory ul li {
 	background:url("images/tochuyenmon.png") right 5px bottom 5px no-repeat #fef4d7;
 	background-size: 70px;
    border: 1px solid #88b0e4;
    border-radius: 3px;
    float: left;
    height: 68px;
    margin: 5px 10px;
    padding: 5px 20px;
    text-align: center;
    width: 24%;

}
.ServiceCategory ul li a {
    color: #f31005;
    display: block;
    font: bold 13pt/55pt roboto;
    margin-left: -30px;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px #f39805, 
                  2px 2px 0px #ffe8a6, 
                  3px 3px 0px #ffe5ba, 
                  4px 4px 0px #f39805;
                  
}
.ServiceCategory ul li a:hover {
    color: #004f9c;
}
@media only screen and (max-width: 768px){
.ServiceCategory ul {
    display: unset !important;
}
}