.messenger_box					{position:relative; width:100%; text-align:center; border:1px solid #ddd;}
.messenger_title				{background:#33495e; height:50px; line-height:50px; color:#fff; font-size:20px;}
.messenger_title span			{margin-right:5px;}
.messenger_title span img		{width:20px;}
.messenger_body					{background:#f0f0f0;  height:500px; overflow-y:auto; padding:20px;}

.messenger_body dl				{}
.messenger_body dl:after		{content:""; display:block; clear:both;}
.messenger_body dl dt img		{border-radius:50px; border:1px solid #eaeaea;}
.messenger_body .lt				{margin-right:50%; text-align:left;}
.messenger_body .lt dl dt		{float:left; }
.messenger_body .lt dl dd		{margin-left:55px; }
.messenger_body .rt				{margin-left:50%; text-align:left;}
.messenger_body .rt dl dt		{float:right; text-align:right;}
.messenger_body .rt dl dd		{margin-right:55px;}
.messenger_body .rt	.name		{text-align:right;}

.balloon_left					{position:relative; padding:10px; background:#fff; border-radius:2px; box-shadow: 3px 3px 3px #ccc;}
.balloon_left:after				{content: '';position: absolute; top: 5px; left: -17px; border-bottom: 10px solid transparent; border-right: 10px solid #fff;border-left: 7px solid transparent;}
.balloon_right					{position:relative; padding:10px; background:#fff; border-radius:2px; box-shadow: 3px 3px 3px #ccc;}
.balloon_right:after			{content: '';position: absolute; top: 5px; right: -17px; border-bottom: 10px solid transparent; border-left: 10px solid #fff;border-right: 7px solid transparent;}

.messenger_body .edit_item		{position:absolute; bottom:10px; right:10px;}
.messenger_body .edit_item img	{width:13px;}
.messenger_body .name			{color:#333; margin-bottom:3px; font-weight:bold;}
.messenger_body .subject		{}
.messenger_body .date			{color:#999; font-size:11px; margin-top:3px;}

.message_field					{overflow:hidden; background-color:#f6f6f6; border:1px solid #ddd; border-top:0;}
.message_field .wrap			{padding:15px;}
.message_field .input_form	 	{border:1px solid #999; background-color:#fff; height:30px; line-height:30px; margin:0;}
.message_field .subject			{width:98%; height:30px; border:1px solid #999; margin:5px 0 7px 0; padding:5px;}
.message_field textarea			{width:98%; height:60px; border:1px solid #ddd; margin:5px 0 7px 0; padding:5px;}
.message_enter .join_input		{border:1px solid #999;margin:0;width:90px; }
.message_field .bbs_btn01		{background:#333; color:#fff; border-color:#333; border-radius:0; min-width:50px;}
.message_enter_btn				{float:right; height:40px;}



 /* screen 768 */
@media screen and (max-width:768px) {
 
	.messenger_body					{padding:10px;}
	.messenger_body .lt				{margin-right:0;}
	.messenger_body .rt				{margin-left:0;}
	.messenger_body dl				{padding:10px 0;}
	.message_field .wrap			{padding:10px;}

}


 /* screen 580 */
@media screen and (max-width:580px) {
 

	.message_enter_btn				{float:none; text-align:center; margin-top:10px;}


}