body{
    background-color: #f6f7f9;
}
.detail-art {
    min-height: 300px;
    border: 1px solid #eaeaea;
    padding: 30px 40px 40px 40px;
    background-color: #fff;
    font-size: 11pt;
    position:relative;
    margin-bottom:40px;
}
.content-art img{
    max-width:100% !important;
}

.title-art {
    font-size: 13pt;
    font-weight: 600;
    line-height: 30px;
}

.cnt-createby {
    font-size: 11pt;
    opacity: 0.8;
    margin: 10px 0px;
}

.cnt-createby .author {
    color: #5DBD59;
    opacity: 1;
    font-weight: 600;
}

.content-art {
    margin: 20px 0px;
}

@media only screen and (min-width: 992px) and (max-width: 1280px) {
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
}

@media only screen and (max-width: 767px) {
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
/* Wide Mobile Layout: 480px. */
@media only screen and (max-width: 480px) {
    .detail-art {
        padding: 20px 10px;
        font-size: 10pt;
    }
    .detail-content{
        padding-left:0px;
        padding-right:0px;
    }
}