div#api_unit {
	width:100%;
    font-size: 12px;
    margin-bottom: 20px;
    line-height: 145%;
}

div#api_unit ul li {
	padding: 1% 2%;
}


ul.api_unit_ul {
    border-bottom: 1px solid #eee;
    overflow: hidden;
    padding: 8px;
}

#body #api_unit .head {
    background-color: #000;
    color: #fff;
    font-size: 18px;
    line-height: 35px;
    padding-left: 15px;
    position: relative;
}

.reply_count{
	margin-right:2%;
    float: left;
}

.topic_link{
	float: left;
}

.reply_date{
	float: right;
}

.reply_count:before {
    font-family: FontAwesome;
    content: "\f0e5";
    margin-right: 3px;
    font-size: 120%;
}

@media screen and (max-width: 767px){
#body #api_unit .head {
    background-size: auto 76%;
    font-size: 17px;
    line-height: 40px;
    margin: 0 5px;
}
ul.api_unit_ul {
    margin: 0 5px;
}
}