@charset "utf-8";
/* CSS Document 未登入客服样式 */

.container {
    background-image: url("../images/im/bg.gif");
    background-repeat: repeat-x;
    border: 1px solid #020004;
    display: block;
    height: 500px;
    width: 934px;
}
.kf_msg{ margin:0 10px; background-color:#fff; border:1px solid #ddd; overflow:auto; height:378px;}
#im_send_img{ padding-left:10px;}
.talker_sendmsg{ margin:0 10px; }
.talker_sendmsg form{background: url("../images/im/send_bg.jpg") repeat-x scroll 0 0 transparent;
    float: left;
    height: 58px;
    width: 100%;}
.kf_bg{ display:none; background-color:#eee; overflow:hidden; padding:3px;}
.talker_sendmsg textta{}
.p_message,.p_messageA{ padding-left:10px; padding-bottom:5px;}
.yk{ color:#0000ff;}.member{ color:#008040}
.kf_main .kf_bg .Kf_name {
    background-color: #fff;
    border: 1px solid #666;
    float: left;
    font-size: 12px;
    height: 18px;
    margin:0;
    padding: 3px;
    width: 167px;
}
.kf_main .kf_bg .Kf_sure {
    background-color: #666;
    border: 1px solid #666;
    float: left; color:#fff;
    font-size: 12px;
    height: 26px;
    margin-left: 0;
    margin-top: 0;
    padding: 0;
    width: 70px;
}



.kf_main .txt {
     background-color: #FFFBF0; font-size:12px;
    border:1px solid #ccc;border-radius:5px;
    float: left;
    height: 29px;
    margin: 11px 0 0 8px;
    padding: 2px;
    width: 820px;
}

.kf_main .talker_bt {
   float:left; margin: 11px 0 0 10px;
background: url(../images/im/send_btn.png) no-repeat;
cursor: pointer;
height: 35px;
width: 60px;
border: 0px none;
font-size: 16px;
color: #000;
font-weight: bold;
text-align: center;}
	.kf_top{ color:#fff; margin-left:10px;}.kf_top a{ font-weight:bold; padding:0 5px;}
	
/*改版新增样式*/
.sendmsg_textarea{ float:left;}
.kf_pic_name{ margin:3px 10px; color:#eee;}.kf_pic_name img{ border:1px solid #eee;border-radius:2px; padding:1px}
.talker_other img{ margin:2px 0 0 5px; border-radius:2px;}.im_name{ display:inline-block; padding:5px;}
.im_date{ border-bottom:1px solid #ddd; padding:2px 5px; margin:10px 0 5px;}
.my_speak,.others_speak{ overflow:hidden; padding:3px 5px;}
.my_speak .speak_bg{  float:left;  background-color:#f3f3f2; color:#000;border:1px solid #ceccc5;padding:8px 2px; border-radius:8px;}
.others_speak .speak_bg{ float:right; background-color:#d4ef87; color:#000;border:1px solid #dfdcd3;padding:8px 2px;border-radius:8px;}
.speak_bg div{max-width:410px; margin-right:5px; float:left; padding:0px 3px}

.im_thumb{ max-width:410px; cursor:pointer;}