.titleShowAll3{ font-size: 2em; font-family: 'tsn-bold'; padding:10px; float: left; }
.viewShowAll3{ font-size: 2em; font-family: 'tsn-bold'; padding:10px; float: right; }
.viewShowAll3:hover{ cursor:pointer; }
.contentMessage3{ position: relative; width: 100%;  height: 100%; float: left; }
.iconMessage3 { width: 100px; height: auto; float: left; position: relative; }
.iconMessage3 img{ width: 100%; height: 100%; position: relative; float: left; }
.messageIconMember3 { position: absolute;
    right: 15px;
    bottom: 3px; }
.messageIconMember3 img{ width:40px; height: auto; border-radius: 50%; }
.detailRightMessage3{ position: relative; height: 100%; }
.titleMessage3{ color:black; font-size: 2em; font-weight: normal; left: 15px; position: relative; }
.fontColorBlack3{ color:black; }
.textRT3{ position: absolute; top: 8px; right:0px; color:black; font-size:1.5em; line-height: 0.5; }
.textMessageWhite3{ color:white; font-size: 2em; font-weight: normal; position: relative; left: 15px; line-height: 0.9; margin-top: -4px; height: 52px;  overflow: hidden; text-overflow: ellipsis; }
.lineMessage3{ width: 93%; border-bottom: 1px #333 dashed; position: absolute; bottom: 0; }
.userData3{ position: absolute; bottom:0px; right: 0px; }
.textMessage3{ font-size: 1.5em; font-weight: normal; height: auto; overflow: hidden; width: 180px; }
.textBTLeft3{ position: relative; bottom: 0; color:black; font-size:1.2em; left: 15px; }
.nameData3{ color:black; font-size:1.2em; font-weight: 1000; right: 45px; width: 200px; position: absolute; bottom:0; text-align: right; }




.divTable{ display: table; width: 100%; padding:5px; border-bottom: 1px dashed #333; }
.divTable:hover{ background:#ccc;}
.divTableRow { display: table-row; }
.divTableCell { border: none; display: table-cell; vertical-align: top; }
.divTableBody { display: table-row-group; }

.t1 { width: 100px; }
.bt1 { height: 0; }
.bt2 { height: 0; }

.pic { width: 100%; height: 100px; }

.bt1Area { float: left; width: 100%; margin: 0 0 25px 10px; color:white; font-size: 1.5em; padding-bottom: 15px; }
.bt2Area { 	float: left;
			width: 100%;
			margin: -20px 0 0 5px;
			height: 19px; padding-left: 5px; }
.bt2Left { 	float: left;
			
			border-bottom: 0px;
			position: absolute;
			bottom: 3px; font-size: 1em; color: white; }
.bt2Right { float: left;
			width: 50%;
			text-align: right;
			padding-right: 10px; font-size: 1.5em; color: white;
			}
.fontMember { color: black;
font-size: 1em;
font-weight: 1000;
text-align: right; position: absolute; right: 60px;
bottom: 3px;     overflow: hidden;
    width: 100px;
    height: 22px;
    text-overflow: ellipsis; }

/* ความกว้าง ไม่ต่ำกว่า  1000 */
@media screen and (min-width: 1000px)
{
	.messageIconMember3 {   bottom: 7px; }
	.textMessage3{ width: 345px; }
	.textMessage3{ font-size: 2em; }
	.nameData3{ color:black; font-size:1.8em; }
	.textBTLeft3{ font-size:1.5em; }
	.fontMember{ font-size: 2em;   right: 65px;
    bottom: 5px; height: 30px;     width: 200px; }
	.bt2Left{ font-size: 1.5em;     bottom: 5px; }
	.bt1Area{font-size:  2em;}
	.bt2Right{font-size:  1em; }
	
}

/* ความกว้าง ไม่ต่ำกว่า  1000 */
@media screen and (min-width: 1600px)
{
	
}