/****************************
 * comment
 ****************************/

 .comment-container .comment:first-child{
    /*border-top:0px solid #eee;*/
}
.comment-container .comment{
    position: relative;
    border:0px solid #eee;
    padding:1rem;
    background-color:#ffffff;
    margin-bottom:1rem;
    border-radius:10px;
}
.comment-container .comment p{
    margin:0px;
}
.comment-container .body{
    font-size:0.9rem;
    margin-bottom:0.8rem;
}
.comment-container .attrbox{
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.comment-container .attrbox > div:last-child{
    margin-left:auto;
}
.comment-container .name{
    color:#aaa;
    font-size:0.8rem;
    margin-left:10px;
}
.comment-container .info{
    color:#aaa;
    font-size:0.8rem;
    /*margin-bottom:0.8rem;*/
    text-align:left;
}

.comment-container .children{
    margin-left:1rem;
}
.comment-container .comment-reply-link{
    display: inline-block;
    color:#ffffff;
    width:32px;
    height:32px;
    text-align:center;
    border-radius:10px;
    background-color:#dddddd;
}
.comment-container .comment-reply-link span{
    font-size:20px !important;
    background-color:#ddd;
    color:#fff;
    border-radius:50%;
    padding:5px;
}

.comment-container #cancel-comment-reply-link{
    display: block;
    color:#ffffff;
    line-height:2;
    width:32px;
    height:32px;
    text-align:center;
    border-radius:10px;
    background-color:#dddddd;
}

.comment-container .comment-reply-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom:0;
    padding:0 1rem 0 0;
    margin:0;
    background-color:transparent;
    font-size:0.9rem;
    font-weight:normal;
    color:transparent;
}
.comment-container .comment-reply-title:first-child{
    margin-top:0;
}

.comment-container .comment-reply-title small{
    display: inline;
    font-size:1rem;
}
.comment-container .comment-reply-title:after{
    content:none;
}


/* pagenation  */
.comment-container .pagenation{
    margin-top:2.4rem;
    margin-bottom:2.4rem;
}
.comment-container .pagenation .page-numbers{
    padding:10px;
    border:1px solid #ccc;
    border-radius:3px;
}
.comment-container .pagenation .page-numbers.current{
    background-color:#ccc;
    border:1px solid #ccc;
}
.comment-container .pagenation a{
    text-decoration:none;
    color:#444;
}
.comment-container .pagenation a:hover{
    background-color:#f1f1f1
}

/* cancel-comment  */
#cancel-comment-reply-link span{
    float:right;
    color:#999;
    font-size:1.4rem;
}