.container_16{}
.container_16 .grid_5{ padding:0px; width:290px}
.container_16 .grid_11{ width:625px}

a.star:hover { background-position:-30px -928px;}
a.star.active { background-position:-30px -928px; cursor:default;}

/*左方列表*/
.userlist .nano {height:467px;}

dl.chtOne { margin:0px; padding:10px 10px 5px 5px; border-bottom:#e6dfd1 1px solid; position:relative; cursor:pointer;}
dl.over, dl.oneOn { background-color:#f9f6f1;}

dl.chtOne dt { float:left; width:60px; position:relative; margin-right:10px}
dl.chtOne dt.stars{ width:10px; padding:20px 0px}
dl.chtOne dd {float:left; width:170px; margin:0px; text-align:left;}
dl.chtOne dd .count{position:absolute;right:12px\9;right:10px;top: 10px;width:26px;background:#e580a7;padding:5px 3px 5px 3px;color:#FFF;text-align:center;font-size:12px; line-height:22px; height:22px;}
@media screen and (-webkit-min-device-pixel-ratio:0){dl.chtOne dd .count{position:absolute ;top: 10px;width:26px;background:#e580a7;padding:5px 3px 5px 3px;color:#FFF;text-align:center;font-size:12px}}
dl.chtOne .chtOneName {padding-left:0px; margin-bottom:2px; color:#666;}
dl.chtOne .chtOneName a { font-weight:normal;}
dl.chtOne .chtOneTime { padding-left:0px; margin-bottom:5px; color:#b5b5b5; line-height:1.5em;}

dl.chtOne .sysMsg { color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:140px; line-height:22px; height:22px; }
dl.chtOne .sysMsg a { color:#fff;text-decoration:none}
dl.chtOne .sysMsg a:hover  { color:#e580a7;text-decoration:none}

i.iconLikes_ss { vertical-align:middle;}

/* 對話框 */
dl.chtOne .mwt_border{
	width:165px;
	text-align:center;
	background:#ecb0c3;
	position:relative;
	border: none;
	padding:5px;
	font-size:12px; color:#FFF;
	margin-bottom:5px;}

/*箭頭左*/
dl.chtOne .mwt_border .arrow_l_int{
	width:0px;
	height:0px;
	border-width:5px;
	border-style:solid;
	border-color:transparent #ecb0c3 transparent  transparent ;
	position:absolute;
	top:25%;
	left:-10px;
}
/*箭頭左-邊框*/
dl.chtOne .mwt_border .arrow_l_out{
	width:0px;
	height:0px;
	border-width:5px;
	border-style:solid;
	border-color:transparent #ecb0c3 transparent transparent ;
	position:absolute;
	top:25%;
	left:-9px;
}

/*********************************chat_list.htm************************************/
.topChatTitle { background:#fae5ec; height:15px; padding:15px 10px; position:relative;}

/*功能按鈕*/
.functionBtn { padding:0px 0px; display:inline-block; cursor:pointer; background:#FFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.functionBtn:hover {
	background-color: #f9f9f9;
}

.dropdownBtn {z-index:988; position:absolute; width:26px; height:26px;top:10px; right:10px}
.dropdownBtn .functionBtn { height:1.6em; line-height:1.6em; vertical-align:middle;}
.dropdownBtn .functionBtn i { margin:0px 0 0;}
.dropdownBtn.active .functionBtn {background-color: #e580a7; width:26px ; height:26px}
.dropdownBtn .dropdownBox { display:none;}
.dropdownBtn.active .dropdownBox { display:block; width:auto;}
.dropdownBtn .dropdownBox { border:#e6dfd1 1px solid; background:#FFF; position:absolute; top:28px; right:0px; min-width:90px; padding:3px 0;
	-webkit-border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
}
.dropdownBtn .dropdownBox li { list-style:none;}
.dropdownBtn .dropdownBox a { text-decoration:none; display:block; padding:5px 10px; word-break:keep-all;}
.dropdownBtn .dropdownBox a:hover { background:#fff7f9; }

.chatroomCon {width:calc(100% - 20px); height:calc(100% - 107.2px); margin-left:0;/*overflow-y:scroll; overflow-x:hidden*/position:relative;background:#fff7f9; padding:5px 10px}
.chatroomCon .nano {height:345px;}
.chatroomCon .picarea{ border-bottom:1px dotted #bdbdbd; padding:10px 0px; text-align:center; line-height:1.6em; }
.chatroomCon .picarea .area ul{margin:0 auto }
.chatroomCon .picarea .area li{padding:0px 5px; display:inline-block; vertical-align:middle}
.chatroomCon .picarea .area li.highly{ padding:0px 5px}
.chatroomCon .alert{ text-align:center; line-height:1.6em; padding:10px 10px; margin-top:5px}
.chatroomCon .alert a{ margin-top:5px}

.mSizePic { position:relative;}
.mSizePic .groupMark { width:100%; height:100%; display:block; position:absolute; top:0; left:0; font-size:28px; font-weight:bold; font-style:normal; color:#FFF; background: rgba(0,0,0,.2); line-height:100px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	-webkit-font-smoothing: antialiased;
}

.tips{text-align:center; padding:15px 0px}/*1016新增*/
.chatroomblock{position:absolute; top:10px; left:10px;height:49px; width:510px;background: rgba(20%,0%,0%,0.4); padding:10px; text-align:center; color:#FFF; line-height:1.3em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}/*1016新增*/
.chatroomblock a{color:#FFC;text-decoration:underline}/*1016新增*/
.chatroomblock a:hover { color:#ecb0c3; }/*1016新增*/

.chattip { line-height:1.8em; text-align:center; padding:10px 20px 0;}
.tiptitle { font-size:15px; margin-bottom:10px;}

/*左邊內文對話框*/
dl.dialog { margin:0px; padding:10px 10px 5px 5px; position:relative; }
dl.dialog dt { float:left; width:60px; position:relative; margin-right:15px}
dl.dialog dd {float:left;  max-width:550px; margin:0px; text-align:left}
dl.dialog .dialogTime { padding-left:0px; margin-bottom:5px; color:#b5b5b5}

/* 左邊內文對話框 */
dl.dialog .mwt_border{
	text-align:center;
	background:#fff;
	position:relative;
	border: solid 1px #edb2c6;
	padding:8px;
	min-height:20px;
	max-width:450px;
	color:#868686;
	text-align: left;
	line-height:1.4em;
}

/*箭頭左*/
dl.dialog .mwt_border .arrow_l_int{
	width:0px;
	height:0px;
	border-width:8px;
	border-style:solid;
	border-color:transparent #edb2c6 transparent  transparent ;
	position:absolute;
	top:10px;
	left:-17px;
}
/*箭頭左-邊框*/
dl.dialog .mwt_border .arrow_l_out{
	width:0px;
	height:0px;
	border-width:8px;
	border-style:solid;
	border-color:transparent #fff transparent transparent ;
	position:absolute;
	top:10px;
	left:-16px;
}

dl.me {margin:0px; padding:10px 5px 5px 5px; position:relative;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	dl.me {margin:0px; padding:10px 5px 5px 5px; position:relative;
	}
}
dl.me dt { float:right; width:60px; position:relative;}
dl.me dd {float:right;max-width:555px;padding:0px 15px 0px 0px;}
dl.me .chtTime {margin-bottom:5px; color:#b5b5b5;text-align: right}

/* 右邊內文對話框 */
dl.me .mwt_border{
	text-align:center;
	background:#fff;
	position:relative;
	border: solid 1px #599d9b;
	padding:8px;
	min-height:20px;
	max-width:450px;
	color:#868686;
	text-align: left;
	line-height:1.4em;
}

/*箭頭右*/
dl.me .mwt_border .arrow_r_int{
	width:0px;
	height:0px;
	border-width:8px;
	border-style:solid;
	border-color:transparent transparent transparent #599d9b;
	position:absolute;
	top:10px;
	right:-17px;
}
/*箭頭右-邊框*/
dl.me .mwt_border .arrow_r_out{
	width:0px;
	height:0px;
	border-width:8px;
	border-style:solid;
	border-color:transparent transparent transparent #fff;
	position:absolute;
	top:10px;
	right:-16px;
}

.msgBox { background:#fae5ec; padding:10px 10px; position:relative}
.msgBox .composer_TextArea {border:none; font-size: 13px; line-height: 21px; margin: 0; min-height: 40px; outline: none; overflow: hidden; padding: 2px 4px 3px; vertical-align: bottom; width: 500px; color:#868686; border:1px #edb2c6 solid;}
.msgBox .chatMsgBtn { position:absolute; top:25px; right:10px;}

.msgBox .chatMsgNote { padding-top:5px;color:#868686; font-size:12px;}

/*nanoscrollerbar*/
/** initial setup **/
.nano {
	position : relative;
	width    : 100%;
	height   : 100%;
	overflow : hidden;
}
.nano > .nano-content {
	position      : absolute;
	overflow      : scroll;
	overflow-x    : hidden;
	top           : 0;
	right         : 0;
	bottom        : 0;
	left          : 0;
}
.nano > .nano-content:focus {
	outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
	visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
	visibility: visible;
	width: 0;
}
.nano > .nano-pane {
	background : rgba(105,77,64,.05);
	position   : absolute;
	width      : 10px;
	right      : 0;
	top        : 0;
	bottom     : 0;
	visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
	opacity    : .01;
	-webkit-transition    : .2s;
	-moz-transition       : .2s;
	-o-transition         : .2s;
	transition            : .2s;
	-moz-border-radius    : 5px;
	-webkit-border-radius : 5px;
	border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
	background: #444;
	background: rgba(105,77,64,.4);
	position              : relative;
	margin                : 0 1px;
	-moz-border-radius    : 3px;
	-webkit-border-radius : 3px;
	border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
	visibility : visible\9; /* Target only IE7 and IE8 with this hack */
	opacity    : 0.99;
}


/*1024新增*/
.dateLine { padding:20px 0 0; margin:20px 0px;}
.dateLine span { background:#fff7f9; padding:3px 15px; border:0.5px #a9a9a9 solid; border-radius:20px; color:#a9a9a9;}

/*1212新增*/
.mwt_border .askPrompt{ color:#000; background:#faf2e5; margin-bottom:5px; padding:5px 2px}

/*chatroom headPhoto change to round corner*/
.sSizePic.round6, .mSizePic.round6 {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

dl.chtOne.group { position:relative; }
dl.chtOne.group.notopen { cursor:default; background:#ecb0c3; border-bottom-color:#e580a7;}
dl.chtOne.group.notopen .chtOneName { padding:12px 0; line-height:1.5em; font-size:14px; color:#ffffff; text-align:center;}
.groupMark { width:60px; height:60px; display:block; position:absolute; top:0; left:0; font-size:28px; font-weight:bold; font-style:normal; color:#FFF; background: rgba(0,0,0,.2); line-height:60px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	-webkit-font-smoothing: antialiased;
}
.groupTitle { height:auto; }
.groupBox {}
.groupBox li { float:left; position:relative; margin-right:10px; }
.groupBox .sSizePic { margin-bottom:0; cursor:pointer;}
.groupBox li.myPic { border-right:#eeb5c8  1px solid; margin-right:10px; padding-right:10px;}
.groupBox li.myPic .sSizePic { cursor:default;}
.groupInfoBtn {z-index:988; position:absolute; width:26px; height:26px;top:10px; right:45px}

.groupLimitTime { position:absolute; top:60px; right:10px; font-size:15px;}

.talkUserInfo { position: absolute; top:66px; left:50%; z-index:100; margin-left:-120px; display:none;
	-moz-box-shadow:0px 4px 12px -2px rgba(20%,20%,40%,0.5);
	-webkit-box-shadow:0px 4px 12px -2px rgba(20%,20%,40%,0.5);
	box-shadow:0px 4px 12px -2px rgba(20%,20%,40%,0.5);
}
.talkUserInfo.active { display:block;}
.talkUserInfoBox { background:#FFF;  padding:20px; width:210px; text-align: center; margin:0 auto;}
.talkUserInfoBox .sSizePic { position:relative; margin:0 auto 10px;}
.talkUserInfoBox .userName { margin:0 auto 5px; line-height:1.3em; font-weight:bold;}
.talkUserInfoBox .userinfo { margin:0 auto 10px; line-height:1.3em;}

i.arrow {border: 8px solid transparent;
	font-size: 0;
	height: 0;
	line-height: 0;
	position: absolute;
	width: 0;
	border-top: 0;
	border-bottom-color: #ffffff;
	top: -6px;
	left:113px;
}
.report { position: absolute; top: 10px; left:10px;}
.close  { position: absolute; top: 10px; right:10px;}

.msgPhoto { margin-bottom: 10px; max-height: 270px; max-width: 250px; position: relative;overflow: hidden;}
.msgPhoto img { width:100%;}