body {
}

    .cmt-span { 
        background:#dcebf6;
        border-bottom:solid 1px #0094ff
    }

    .cmt-div { display:none;
               border:1px solid #0094ff;
               margin:1%;
               padding:1%;
                background:#dcebf6;
    }


.leftbar {
    display: inline;
    width: 100%;
}

.htmleditbox {
    display: inline-block;
    width: 100%;
    padding: 10px;
    background: #eee;
}

@media all and (min-width:1225px) {
    .leftbar {
        display: inline-block;
        width: 20%;
        visibility: visible;
    }

    .htmleditbox {
        display: inline-block;
        width: 79%;
        border-left: 1px solid #aaa
    }
}

/*contenteditable 를 textarea 처럼 사용  시작  */

[contenteditable=true]:empty:before {
    content: attr(placeholder);
    display: block; /* For Firefox */
}

.textarea {
    width: 100%;
    max-width: 100%;
    border: none;
    overflow: auto;
    height: auto;
    border-bottom: 1px solid #000;
    resize: vertical;
}

    .textarea:focus {
        outline: none;
    }

/*contenteditable 를 textarea 처럼 사용  끝  */


.center i {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    background-color: #fefefe;
    border-radius: 50%;
    text-align: center;
    line-height: 1.5em;
    font-size: 2em;
    color: #bbb
}

.RssKey {
    background-color: #f1f1f1;
    padding: 5px
}

    .RssKey table tr td {
        padding: 5px
    }


    .RssKey .RssKeyList {
        width: 100%;
        padding-left: 50px;
    }