.anoncan2 {
    color: #111;
    background: #dddddd;
    padding: 1em;
}

.comment-list {
    /* overflow:hidden; */
    /* height:0px; */
    transition: height 0.2s ease-in-out;
}

.comment{
    /*width: 650px;*/
    color:black;
    /*position: relative;*/
    /*background-color: #abceeb;*/
    /*border-radius: 5px;*/
    /*border-bottom: 10px #1b2945 solid;*/

    border-top: 1px gray dashed;
    padding: 10px;
    margin: 10px 0;
    word-wrap: break-word;
    list-style-type: none;
    text-align: left;
}

.comment:hover {
    background : rgba(0,0,0,0.05)
}

.comment_context {
    padding-left : 3em;
}

.anoncan2-writer {
    padding:0.5em 0.5em;
    background: #f0f0f0;
    margin:0.5em 0;
    border: 1px #767676 solid;
}

.anoncan2-writer input {
    border: none;
    border-bottom: 1px #ccc solid;
    background:none;
    outline:none;
    box-shadow: none;
    /* width:    85%;
    max-width:85%;
    min-width:85%; */
    height: 35px;
}

.anoncan2-writer input:focus {
    border: none;
    border-bottom: 1px #ccc solid;
    background:rgba(0,0,0,0.05);
    outline:none;
    box-shadow: none;
}

.anoncan2-writer textarea {
    border: none;
    background:none;
    outline:none;
    box-shadow: none;
    padding:0;
    margin:0;
    min-width:100%;
    max-width:100%;
}
.anoncan2-writer textarea:focus {
    border: none;
    background:rgba(0,0,0,0.05);
    outline:none;
    box-shadow: none;
}

.anoncan2-writer-menu{
    background: #ccc;
    padding: 0.4em;
    margin: -0.4em -0.4em 0.4em -0.4em;
}

.anoncan2-writer-foot {
    text-align: right;
}

.anoncan2-writer-head-view {
    margin:0;
    padding:0;
    height:35px;
    max-height:35px;
    max-width:35px;
    background-size:cover;
}

.writer a
{
    border:1px #8a9dc2 solid;
    padding:2px 2px;
    margin:1px;
    color:#485c83;
    display : inline-block;
}

.comment_date {
    float:right;
    color: gray;
}
.comment img 
{
    border:2px white solid;
}
.comment_menu
{
    color:#485c83;
    font-size:0.8em;
}
.comment_menu a
{
    color:#485c83;
    transition: left 0.5s ease-in;
}
.comment_menu_vote
{
    color:#F54;
}
.comment_menu_against
{
    color:#04a;
}

.sub_button {
    background:none;
    color:#222;
    /* background:#91c0e9; */
    /* border: 1px dashed rgba(0,0,0,0.1); */
    /* margin:0.2em; */
    padding:0.4em;
    cursor: pointer;
}

.test {
    display:inline-flex;
    flex-grow: 5;
}

.sub_comment_bg
{
    background:#0000000f;
    padding:5px;
    margin-left:3em;
}
.sub_comment
{
    font-size:0.8em;
    color:#222;
    list-style-type: none;
    border-bottom: 1px gray dashed;
}
.sub_comment:hover {
    background : rgba(0,0,0,0.05)
}
.sub_comment img
{
    border:1px white solid;
}

.can
{
    background:#abceeb;
}

.page-cap {
    clear:left;
    display : block;
    height:50px;
    padding:0;
    margin:0;
}
.page-cap ul {
    padding:0;
    margin:0;
}

.page-cap li {
    float:left;
    list-style-type : none;
    border:1px solid white;
    padding:0.5em 1em;
    margin:0.3em;
    display : block;
}
.cur-page {
    background:white;
}
.page-cap li:hover {
    float:left;
    list-style-type : none;
    border:1px solid white;
    background:white;
    padding:0.5em 1em;
    margin:0.3em;
    display : block;
}


.float-text { 
    position: relative;
    pointer-events : none;
    animation: float-text-ani 1s ease-in-out;
}

@keyframes float-text-ani
{
    0% {top: 0;opacity:1}
    100% {top: -20px;opacity:0}
}

/*
.can :hover{
    text-shadow: 1px 1px 1px gray;
}
 
.can :after{
    content: "\00a0";
    display: block;
    position: absolute;
    top: 15px;
    left: -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 20px 10px 0px;
    border-color: transparent #e2eff9 transparent transparent;
}
*/