html {overflow-y:auto;}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus, button:focus {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
border:0px solid #558ab7 !important;
}
input[type=text]::-ms-clear {
  display:none;
}

.chat_all {width:100%;/*height:100vh;*/background:#FAFAFA;position:relative;}
.chat_all .hd_div {width:100%;background:#400040;color:#fff;font-size:17px;padding:10px;position:relative;min-height:70px} /* #C2007B */ 
.chat_all .hd_div .main_profile_img img {border-radius:200px}
.chat_all .hd_div .chat_user_ul {overflow:hidden;}
.chat_all .hd_div .chat_user_ul li {float:left;margin-right:10px}
.chat_all .hd_div .chat_user_ul li dt {font-size:21px;padding:2px 0px 6px;}
.chat_all .hd_div .chat_user_ul li dd {font-size:15px;}
.chat_all .hd_div .etc_ul {overflow:hidden;position:absolute;right:10px;top:10px}
.chat_all .hd_div .etc_ul li {float:left;margin-left:5px;}
.chat_all .hd_div .etc_ul button {font-size:12px;padding:2px 4px;border:0;border-radius:2px;}
.chat_all .hd_div .etc_ul .danger_btn {background:#FB5161;color:#fff;border:1px solid #E43B4B}
.chat_all .chat_inner {padding:0px;}
.chat_all .view_area {width:100%;/*height:calc(500px - 160px);height:-webkit-calc(500px - 160px);*/height:470px;background:#b2c7d9;border:0px solid #dfdfdf;padding:10px;font-size:15px;overflow-y:auto;}
.chat_all .view_area .to_box {text-align:left;margin:10px 0px;position:relative}
.chat_all .view_area .to_box .sub_profile_img {display:inline-block;min-width:50px;}
.chat_all .view_area .to_box .sub_profile_img img {border-radius:200px;width:40px;position:absolute;top:0;left:0;}
.chat_all .view_area .from_box {text-align:right;margin:10px 0px;position:relative}
.chat_all .view_area .from_box .sub_profile_img {display:inline-block;min-width:35px;}
.chat_all .view_area .from_box .sub_profile_img img {border-radius:200px;width:27px;position:absolute;top:0;right:0;}
.chat_all .view_area .balloon {position:relative;max-width:80%}
.chat_all .view_area .to_box .balloon {display:inline-block;background:#ffffff;border-radius:5px;padding:5px 10px;}
.chat_all .view_area .to_box .balloon:after { border-top: 11px solid #ffffff; border-left: 11px solid transparent; border-right: 0px solid #ffffff; border-bottom: 0px solid transparent; content: ""; position: absolute; top: 8px; left: -10px;}
.chat_all .view_area .from_box .balloon {display:inline-block;background:#ffeb33;border-radius:5px;padding:5px 10px;text-align:left;}
.chat_all .view_area .read_span {font-size:10px;position:absolute;color:#DCCF08}
.chat_all .view_area .to_box .read_span {display:inline-block;bottom:20px;right:-10px}
.chat_all .view_area .from_box .read_span {display:inline-block;bottom:20px;left:-10px}

.chat_all .view_area .date_span {font-size:10px;position:absolute;color:#999}
.chat_all .view_area .to_box .date_span {display:inline-block;bottom:5px;right:-58px}
.chat_all .view_area .from_box .date_span {display:inline-block;bottom:5px;left:-58px}

.write_ul {width:100%;overflow:hidden;margin-top:10px;}
.write_ul .left_li {float:left;width:80%;}
.write_ul .left_li input[type="text"] {width:100%;height:40px;padding:0px 10px;border:1px solid #dfdfdf;font-size:15px;border-right:0;}
.write_ul .right_li {float:left;width:20%;}
.write_ul .right_li button {width:100%;background:#FB5161;color:#fff;font-size:15px;border:0px;height:40px;}
/*.write_text {position:absolute;width:100%;bottom:0;left:0;background:#fff;height:80px;overflow:hidden;}*/
.write_text {position:relative;background:#fff;height:auto;overflow:hidden;}
.write_text .send_text {width:100%;height:100%;height:80px;padding:0px 60px;border:0;font-size:19px;color:#555}
/*.write_text .send_btn {position:absolute;right:15px;top:25px;border:0px;background:none;padding:5px;}*/
.write_text .file_btn {position:absolute;left:15px;top:25px;border:0px;background:none;padding:5px;}
.write_text .close_btn {position:absolute;left:15px;top:25px;border:0px;background:none;padding:5px;display:none;}
.write_text .add_file {padding:0px 20px;overflow:hidden;}
.add_file dl {text-align:center;float:left;width:100px;padding:0px 5px}
.add_file dl dt {padding:5px 5px 0px 5px;font-weight:600;color:#777;overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.add_file input[type="file"] {display:none;}
.add_file label {cursor:pointer}
.balloon_file {overflow:hidden;}
.balloon_file dl {background:#fff;padding:10px 0px;font-size:13px;margin-right:10px;margin-top:10px;border:3px dotted #8FA9DC}
.balloon_file dl:last-child {margin-right:0 !important;}
.balloon_file dl:nth-child(2n+1) {clear:both;margin-right:0;}
.balloon_file dl:nth-child(2n) {margin-right:0;}
.balloon_file dl:first-child {clear:none;margin-right:10px;}
.balloon_file dl img {width:30px;}

@media screen and (max-width:640px){
	.write_text .file_btn {left:5px;}
	.write_text .close_btn {left:5px;}
	/*.write_text .send_btn {right:5px;}*/
	.write_text .send_text {padding:0 40px;font-size:15px;}
	.write_text .add_file {padding:0;}
	.add_file dl {width:20%;}
	.add_file dl dt {padding:5px 0;font-size:11px;}
}


.warning{border:1px solid #dbdbdb;overflow:hidden;width:100%;margin-top:30px}
.warning .warning-li{float:left;line-height:65px}
.warning .warning-li:first-child{width:170px;}
.warning .warning-li:last-child p{list-style: disc;}
.input-area{overflow:hidden;position:relative;}
#content{height:80px;margin-top:3px;width:100%;float:left;border:1px solid #dbdbdb; background-color:#fcfcfc;overflow-y:scroll;padding:10px;font-size:12px}
.input-area .send_btn{width:60px;height:83px;background-color:#400040;color:#ffffff;float:right;}
#co_length{color:red;}
.textlength{position:absolute;right:30px;bottom:5px;z-index:100}
.textarea-from{position:relative;overflow:hidden;float:left;width:calc(100% - 60px);}