#header {
    border-bottom: 5px solid #99FF99;
}
#footer {
    background-color: #666;
    color: #FFF;
}

.main {
    background-color: #FFF;
    padding: 20px;
}

.text_c {
    text-align: center;
}
.text_l {
    text-align: left;
}
.text_r {
    text-align: right;
}

.chatbox {
    z-index: 999;
    width: 320px;
    margin: 15px auto;
    background: #7da4cd;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    border: 2px solid #CCC;
    box-shadow: 0 0 0 3px #666;
}
.chatbox input {
    border-radius: 5px;
}
.chatbox_head {
    color: #FFF;
    font-weight: bold;
}
.chat_main {
    /* text-align: right; */
    font-size: 14px;
    height: 320px;
    overflow-y: scroll;
    margin: 10px 0;
    border: 2px solid #FFF;
    background: #91b5db;
    border-radius: 10px;
    padding: 10px;
}

.log_user, .log_bot {
    clear: both;
    border-radius: 10px;
    padding: 5px 10px;
    max-width: 80%;
}

.log_user {
    float: right;
    background-color: #FFF;
}
.log_bot {
    float: left;
    text-align: left;
    background-color: rgba(241, 243, 214, 0.808);
}