.article-header-img-box {
    width: 36px;
    height: 36px;
    cursor: pointer;
    border: 1px solid #8ebf55;
    border-radius: 50%;
    margin-right: 1rem;
}
.article-header-img-box img {
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.article-head {
    display: flex;
    margin: 1rem 0;
    justify-content: space-between;
}
.article-head-author {
    display: flex;
}
.article-head-icons {
    display: flex;
    gap: 0.5rem;
}
.article-head-nickdate {
    display: flex;
    flex-direction: column;
    justify-content:flex-end;
    gap: 0.2rem;
}
.article-head-nick {
    display: flex;
    font-size: 1.4rem;
    font-weight: 500;


}
.article-head-date {
    color: #999;
}
.article-head-icons {
    cursor: pointer;
}

table.h-table .w-20 {
    width: 20%;
}
table.h-table .w-80 {
    width: 80%;
}

table.h-table .for-img {
    width: 10%;
    text-align: center;
}

table.h-table .for-img img {
    max-width: 100% !important;
}


@media screen and (max-width:950px){
    .article-body .table-responsive table.table td:first-child {
        width: 45%;
    }
    table.h-table .for-img {
        width: 15%;
        text-align: center;
    }
}

@media screen and (max-width:900px){
    table.h-table .for-img {
        width: 20%;
        text-align: center;
    }
    .article-body .table-responsive table.table,
    .article-body .table-responsive table.table tbody  {
        display: block;
        max-width: 700px;
        margin-left: auto; margin-right: auto;
    }
    .article-body .table-responsive table.table tr,
    .article-body .table-responsive table.table td,
    .article-body .table-responsive table.table td:first-child {
        display: block;
        width: 100%;
        margin: 0 auto !important;
        max-width: 100%;
        border: none;
    }
    .article-body .table-responsive table.table td:first-child {
        border: none;
        padding: 0;
    }
}