/*--- post ---*/
/*------------*/
.post_list .wrap { display: flex; flex-wrap: wrap; }
.post_list .wrap .deta { padding: 0 15px 15px 0; border-radius: 5px; }
.post_list .wrap .deta a { width: 100%; overflow: hidden; }
.post_list .wrap .deta a .pic.nophot { background-size: 50%; border: solid 1px #ddd; }
.post_list .wrap .deta a .pic {
    width: 100%;
    padding: 0 0 50% 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; 
    border-radius: 5px; }
.post_list .wrap .deta a .tit { font-size: 80%; padding: 10px 10px 10px 10px; }
.post_list .wrap .deta a .sub { padding: 0 10px 10px 10px; }
.post_list .wrap .deta a .sub span { font-size: 75%; font-family: 'text'; color: #555; }
.post_list .wrap .deta a .sub .auth { width: 50%; }
.post_list .wrap .deta a .sub .auth > .ava { 
    width: 20px;
    height: 20px;
    border-radius: 100px;
    background-position: center;
    background-size: cover;
    margin: 0 5px 0 0; }
.post_list .wrap .deta a .sub .look { width: 50%; }
.post_list .wrap .deta a .sub .look img { width: 15px; margin: 0 5px 0 0; }



/*--- post_deta ---*/
/* body */
.post_deta img { border-radius: 5px; }
.post_deta .anno { padding: 10px 0; font-size: 95%; color: #999; line-height: 1.4; }
.post_deta .imgs { width: 100%; padding: 10px 0; border-radius: 5px; }
.post_deta .imgs img { width: 100%; }
.post_deta .imgs .phot_sour { font-size: 80%; color: #999; }
.post_deta .cont { padding: 10px 0; font-size: 100%; color: #000; line-height: 1.5; }
.post_deta .cont blockquote { 
    font-style: italic;
    padding: 0 20px;
    margin: 10px 0;
    border-left: solid 6px crimson; 
    color: #999;
    font-size: 100%;
}
.post_deta .cont blockquote p { font-size: inherit; color: inherit; }
.post_deta .cont a { border-bottom: solid 2px #2a74bc; color: #2a74bc; padding: 0 6px; font-weight: bold; transition: 0.5s; }
.post_deta .cont a:hover { background-color: #2a74bc; color: #fff; }

/* info */
.post_deta iframe { width: 100%; }
.post_deta .info > div { width: max-content; font-size: 80%; margin: 0 15px 0 0; } 
.post_deta .info .likies .like_butt { 
    cursor: pointer;
    color: #dc143c;
    filter: contrast(0);
    opacity: 0.5;
    width: max-content; }
.post_deta .info .likies .like_butt.isliked { filter: contrast(1); opacity: 1; }
.post_deta .info .likies .like_butt img { width: 20px; margin: 0 5px 0 0; }
.post_deta .info .likies .like_butt .likenum { color: inherit; font-size: 125%; font-family: 'bold'; }
.post_deta .info .looks {  color: #aaa; }
.post_deta .info .looks img { width: 20px; margin: 0 5px 0 0; }
.post_deta .info .looks .looknum { color: inherit; font-size: 125%; font-family: 'bold'; }

/* comments */
.post_deta .comments { padding: 15px; margin: 10px 0; border: solid 1px #eee; }
.post_deta .comments h4 { font-size: 100%; color: #555; border-bottom: solid 1px #eee; padding: 0 0 10px 0; }
.post_deta .comments .comment_item { padding: 5px 0; margin: 5px 0; }
.post_deta .comments .comment_item .name { font-family: "head"; }
.post_deta .comments .comment_item .text { font-size: 90%; }
.post_deta .comments .comment_item .text.unpubl { font-size: 90%; color: #999; font-style: italic; }
.post_deta .comments textarea { width: 100%; height: 60px; margin: 10px 0; border: solid 1px #ddd; }

.post_deta h3 { font-size: 175%; font-family: 'bold'; color: #2a74bc; padding: 0; margin: 0; }




@media only screen and (max-width: 1200px) {}

@media only screen and (max-width: 1000px) {
    /*--- post_list ---*/
    .post_list .body { padding: 0; }
    .post_list .wrap { justify-content: space-between; }
    .post_list .wrap .deta { width: 50%; padding: 0 15px 15px 0; }
    /*--- post_deta ---*/
    .post_deta .sign { padding: 10px 0; }
    /*--- crea_upda ---*/
    .crea_upda .sign { padding: 10px 0; }
    .crea_upda .body .buts > div { justify-content: flex-start; padding: 8px 0; }

}

@media only screen and (max-width: 500px) {
    .post_list .wrap .deta { width: 100%; padding: 10px 0; }
    .post_list .wrap .deta a .tit { font-size: 90%; }
}