.main_text_2_0 a, #block_echo_comment, .bottom a  {
    font-family: system-ui;
    color: #838383;
    text-decoration: none; 
}
.main_text_2_0 a, .bottom a, a.ansver { border-bottom: 1px solid #bebebe;     cursor: pointer;}
.main_text_2_0 a:hover, #block_echo_comment a:hover, .bottom a:hover  {
    border-bottom: 1px solid #ff000000;
}
/* @font-face { font-family: Gothic; src: url(inc/American_TextC.ttf); } */

#comment_area {
    border: none;
    border-bottom: 1px solid #dedede;
    outline: none;
    color: #484848;
    font-family: system-ui;
    padding: 16px;
    width: 100%;
    text-align: left;
    -webkit-box-shadow: 4px 4px 50px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 4px 4px 50px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 4px 4px 50px 0px rgba(34, 60, 80, 0.2);
}
 
img#id_ava,img.id_ava {
    border: 1px solid #e7e7e7;
    margin: 0 7px 0 0;
    width: 50px;
    height: 50px;
}
div#comment_main, div.comment_main {
    display: inline-flex;
    width: 100%;
}
[contenteditable]:empty:before {
    content: attr(data-placeholder);
    color: grey;
    display: inline-block;
}
div#comment_data {
    text-align: left;
    margin: 20px;
}
[data-display=none] {
    display: none;
}

.comment_data{    font-weight: 700 !important;
    font-size: 12px !important;
    margin: 0 0 10px !important;
    line-height: 1 !important;
    color: rgba(0, 39, 59, .5) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.9px;
    transition: 1s;
}
#comment_data a {
    text-decoration: none;
}
#comment_data img {
    width: 25px;
    height: 25px;
    margin: 0 5px 0 0;
    display: inline-block;
}
div#echo_return {
    position: fixed;
    left: -200px;
    top: 0px;
    background: #04233e;
    color: aliceblue;
    padding: 15px 20px;
    text-align: left;
}
.text_2_0 {
    padding: 10px;
    font-family: system-ui;
    color: #6b6b6b;
    text-align: left;
    width: 100%;
}
.echo_comment {
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #f6f6f6;
}
.data_text_2_0 {
    width: 100%;
}
.data_2_0 {
    text-align: left;
    font-family: system-ui;
    color: #808080; border-bottom: 1px solid #f0f0f0;
}
img.ava_men, img.ava_data {
    width: 14px;
    height: 14px;
    margin: -1px 0px  -1px 0px;
} 
div#block_comment {
    margin-bottom: 15px;
}
 
.opacity { animation: show 3s; } 
@keyframes show { from {opacity: 0;} to {opacity: 1;} }
div#name_2_0 {
    position: absolute;
    opacity: 0;
    left: 0px;
    height: 0px;
    width: 0px;
    font-size: 0px;
    z-index: -100000;
}
h1.h2_1 {
    font-family: system-ui;
    font-weight: 100;
    color: #999999;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
    margin-bottom: 15px;
    /* font-family: Gothic; */
}
#the_comments_2_0 {
    margin: 14px 0;
    float: right;
    font-size: 10px;
    color: #7e7e7e;
}

button#button_send:hover {
    color: #767676;
    border: 1px solid #bbbbbb;transition: 1s;
}
button#button_send {
    cursor: pointer; 
    width: calc(100% - 56px);
    margin: 10px 0 0 0;
    padding: 10px;
    background: #ffffff;
    border: 1px solid #e2e2e2;
    color: #9d9d9d; 
}

.shadow{ text-shadow: 4px 4px 4px #aaa;}
 
div#id_comments_2_0 {
    font-family: system-ui;
    color: #979797;
}
img.png {
    position: absolute;
    margin: 34px 0 0 -9px;
    width: 15px;
}
.bottom {
    font-family: system-ui;
    color: #8a8a8a;
    margin: 20px;
    padding: 20px;
}div#idbutton {
    text-align: right;
}
div#comment_data a {
    text-decoration: none !important;
    border: none;
}div#block_echo_comment {

    margin: 40px 0;
    padding: 30px 0;
  }
  redline {
    width: 100%;
    background: red;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
}
.ansver_2_0 {
    border: 1px solid #e0e0e0;
    margin: 10px 0 0 0;
    padding: 13px;
    -webkit-box-shadow: 4px 4px 50px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 4px 4px 50px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 4px 4px 50px 0px rgba(34, 60, 80, 0.2);
    outline: none;
}
.ansver, .under {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}
a.ansver.right {
    float: right;
}