html {
	font-family: "微軟正黑體","Microsoft JhengHei",Arial,Helvetica,sans-serif;
}
.chat {
	overflow: hidden;
    margin-top: 10px;
}
.chatL {
	width: 250px;
	margin-right: 10px;
	float: left;	
}
.chatL_AgentCard {
    overflow: hidden;
    margin-bottom: 26px;
}
.chatL_img {
	width:76px;
	float:left;    
	}
.chatL_img img {
	width:76px;
	height:76px;
	border-radius:50%;
	border: 3px solid #e4e4e4;
	}
.chatL_Name {
    font-size: 26px;
    font-weight: bold;
    margin: 18px 0 10px 25px;
    float: left;
}
.chatL_Btn {
    float: right;    
}
.chatL_Btn input {
    background-color: #d59b7c;
    border: 2px solid #fed8c3;
    font-size: 15px;
    letter-spacing: 10px;
    line-height: 1.6;
    font-weight: bold;
    color: #fff;
    width: 75px;
    padding-left: 15px;
    border-radius: 6px; 
    margin-right: 5px;
}
.chatL_Btn input:hover {
    background-color: coral;
    cursor: pointer;
}
.chatLList {	
	font-size:15px;
	font-weight:bold;
	background-color: #f8f8f8;
	border:1px solid #ededed; 
    padding-bottom: 30px;
	}
.chatLList a {
    color:#101010;
}
.chatLList a:hover {
    color:#8b5d2f;
}
.chatLList ul a {
    border: none;
    line-height: 1.6;
    margin: 6px;
    text-decoration: none
}
.chatLList li {
    list-style: none;
    border: none;
    line-height: 1.9;
}
.chatLList li:nth-child(1) a {
    color:#76451e;
    font-size: 17px;
}
.chatLList li:nth-child(1)::before {
    content: '◢';
    font-size: 20px;
    margin: 0 10px 0 -24px;
    color:#76451e;
}
.chatR {
	width: 100%;   
    margin:auto;
    /*width:740px;
	float: left;*/
}
.R_Hdr {
    color: #bb8343;
    font-size: 120%;
    font-weight: bold;
    letter-spacing: 6px;   
    margin-bottom: 10px
}
.R_Hdr::before {
    content: url(../images/R_Hdr.gif);
    margin-right: 12px;
}
.ChatMsgList {
    width: 100%; /*300px;*/
    overflow: hidden;
    /*float: left;*/
    border-top: 1px solid #ececec;
}
.chatView {
    border: 1px solid #ececec;
    margin-top: -1px;
    padding: 6px;
    font-size: 13px;
    color: #253642;
}
.chatView:hover {
    background-color: #f4f4f4;
    cursor: pointer;
}
.chatView tt {
    color: #8a8a8a;
    float: right;
    overflow: hidden;
    width: 100%;
    text-align: right;
}
.chatView img {
    width: 48px;
    height: 48px;
    float: left;
    border-radius: 50%;
    border: 3px solid #e7e7e7;
    margin: 0 10px 
    }
.chatView h4 {
    font-size: 18px;
    letter-spacing: 1px;
    margin: 0;
    line-height: 1.9;
}
.chatView h5 {
    font-size: 14px;
    margin: 0;
}
.chatView h6 {
    font-size: 13px;
    margin: 8px 8px;
    clear: both;
    letter-spacing: 1px;
    
}
.chat_CT {
    border: 1px solid #ececec;
    overflow: hidden;
    color: #333;
}
.chat_Hdr {
    background-color: #ececec;
    padding: 10px 15px
}
.chat_Hdr h4 {
    font-size: 20px;
    margin: 0;
    display: inline-block;
    letter-spacing: 3px;
    margin: 0 6px;
}
.chat_Hdr h5 {
    font-size: 15px;
    margin: 0;
    display: inline-block;
}
.chat_Hdr h6 {
    font-size: 14px;
    margin: 0;
    display: inline-block;
    color: #555;
    float: right;
    margin-top: 12px
}
.chat_link {
    background-color: #fcfbfa;
    border-bottom: 1px solid #f4efe9;
    font-size: 14px;
    color: #584132;
    padding: 10px;
    overflow: hidden;
}
.chat_link b {
    background-color: #bc5c1d;
    color: #fff;
    font-size: 16px;
    writing-mode: vertical-lr;
    letter-spacing: 4px;
    padding: 7px 6px 6px 7px;
    border-radius: 5px;
    float: left;
}
.chat_link tt {
    display: inline-block;
    font-family: "微軟正黑體","Microsoft JhengHei",Arial,Helvetica,sans-serif;
    margin: -0px 0 0 10px;
    float: left;
}
.chat_link h5 {
    font-size: 20px;
    margin: 0
}
.chat_link h6 {
    font-size: 14px;
    margin: 0;
    line-height: 2
}
.chat_link dd {
    float: right;
    display: inline-block;
    margin-top: 18px;
}
.chat_box {
    /*border: 1px solid #ececec;*/
    color: #555;
    padding: 12px;  
    min-height: 350px;
    max-width:500px;
}
.chat_box dd,.chat_box tt,.chat_box b, .chat_box p, .chat_box h6, .chat_box dl , .chat_box dl {
    margin: 0;
    /*font-weight: bold;*/
    font-family: "微軟正黑體","Microsoft JhengHei",Arial,Helvetica,sans-serif;
}
.chat_box dd {
    float: left;
    margin: 7px 0;
    max-width:95%;
    clear: both;
}
.chat_box dd b img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}
.chat_box dd h6 {
    background-color: #f3f3f3;
    float: left;
    padding: 10px;
    font-size: 13px;
    border-radius: 16px;
    line-height:18px;
    max-width:85%;
    word-break: break-all;
}
.chat_box dd dl {
    font-size: 8px;
    clear: both;
    text-align: right;
    margin-right: 12px;
    letter-spacing: 1px;
    color: #777;
}
.chat_box tt {
    float: right;
    margin: 5px 0;
    font-weight: normal;
    max-width:85%;
    clear: both;
}
.chat_box tt h6 {
   background-color: #fde9e9;
    padding: 10px;
    font-size: 13px;
    border-radius: 16px;
    line-height:18px;
    word-break: break-all;
}
.chat_box tt dl {
    font-size: 8px;  
    clear: both; 
    margin-left: 12px;
    letter-spacing: 1px;
    color: #777;
    text-align:right;
}