.summernote_frame{width:100%;}
.file-list{/*margin-top:1em;*/}
.file-list a{display:block;color:#333}
.file-list>.input-group{
    display:flex;
    align-items: center;
    margin-bottom:5px;
    border:1px solid #ccc;
}
.file-list>.input-group>.input-group-btn{
    width:100%;
    background: #f4f4f4;
    border-right:1px solid #ddd;
}
.file-list>.input-group>.input-group-addon{
    width:150px;
}

.pic_preview{position:relative;margin-top:1em;padding:.5em;max-width:50%;border:1px solid #ccc;border-radius: 5px;}
.pic_preview>img{display:block;width:100%;border-radius: 5px;}
.pic_preview>button {
    display:block;
    width: 100%;
    margin-top:.5em;
    padding:10px 0;
    background:rgba(0, 0, 0, 0.7);
    color:#fff;
    font:700 var(--fs16) sans-serif;
    border:none;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
}
.pic_preview>button i{transition: all 0.1s ease-in-out;}
.pic_preview>button:hover{
    opacity: 0.8;
}


@media (max-width:768px)
{
    .frm>.btn-wrap>.btnL { width: 97%; padding: var(--size30) var(--size100); font-size: var(--fs30); }


}