@charset "utf-8";
/* CSS Document */

.SP-Topics {
    display: inline-block;
    width: 23%;
    height: auto;
    margin: 0 auto;
    float: left;
    margin-right: 1%;
    margin-top: 15px;
}
.SP-LSide {
    display: block;
    width: 100%;
    float:left;
    color: #e7e7e8;
    background-color: #007885;
    border-radius : 10px;
    padding: 15px;
}
.SP-LSide img {
    display: block;
    border: 4px solid #fff;
    border-radius: 65px;
    margin: 10px auto;
}
.SP-Summary {
    display: block;
    width: 100%;
    height: 35px;
    color: #e7e7e8;
    background-color: #414142;
    text-align: center;
    line-height: 35px;
    margin: 15px 0;
    
}
.SP-RSide {
    display: block;
    width: 100%;
    padding: 15px;
    color: #414142;
    float: left;
}
.SP-RSide .SP-Summary {
    display: block;
    width: 100%;
    height: 35px;
    color: #e7e7e8;
    background-color: #414142;
    text-align: center;
    line-height: 35px;
    margin: 15px 0;
    
}
#SP-DESC {
    padding: 0!important;
}

@media (max-width: 992px) {
	.SP-Topics {
		width: 33%;
	}
	.item #main {
		width: 66%;
	}
}
@media (max-width: 768px) {
	.SP-Topics {
		width: 100%;
	}
	.item #main {
		width: 100%;
	}
}