li {
     text-align: center;
     display: block;
}
 .container {
     position: absolute;
     padding: 117px;
     left: -85px;
     width: 1280px;
     height: 145px;
     background-color: transparent;
     overflow: hidden;
}
 img {
     max-width: 100%;
}
 .overlay {
     position: fixed;
     z-index: 9999999999;
     background: rgba(255,255,255, 0.875);
     width: 100%;
     height: 100%;
}
 .overlay-message {
     width: 1024px;
     margin: 2em 1em;
     font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
 .overlay-message p {
     margin-bottom: 1em;
     font-weight: 500;
     line-height: 1.5;
}
 .overlay-message a {
     display: inline-block;
     color: #fff;
     background: tomato;
     padding: 0.75em 1.5em;
     text-decoration: none;
     border-radius: 0.325em;
}
 #listcomment {
     display: block;
     list-style: none;
     font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
     position: absolute;
     width: 120rem;
     bottom: 0;
     left: 500px;
     padding: 0.5rem 1rem;
     z-index: 93;
}
 #listcomment li {
     display: none;
     margin-bottom: 0.25em;
     width: 1000px;
}
 .comment {
     font-size: 1.07rem;
     display: inline-block;
     background: rgba(255,255,255, 0.675);
     padding: 0.75em;
     width: 500px;
     border-radius: 0.25em;
     overflow: hidden;
     box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
 .name {
     color: #c0392b;
     font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
     text-align: center;
}
 .message {
     color: #2e2e2e;
     font-weight: 700;
}
 .message em {
     color: #03A9F4;
}