/* COMMENT */

/* EMOTICON */
.tt-emo {
	bottom: 45px;
	position: absolute;
	right: 10px
}
.tt-emo-list-all {
	display: none;
	padding: 5px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	width: 216px;
	background-color: #F6F9F0;
	border: 1px solid #D6DED3;
	z-index: 25;
	left:0;
	}
.tt-emo-list {
	height: 225px;
}
.tt-emo-list-1 {
	height:330px;
	width:320px;
	}
.tt-emo-list-2 {
	height:210px;
	width:215px;
	}
	
.tt-emo-list-3 {
	height:390px;
	width:314px;
	}
	.tt-emo-list span {
		display: block;
		height: 22px;
		padding: 3px 5px 0;
		float: left;
		cursor: pointer;
	}
	.tt-emo-list-all span:hover {
		background: #999;
	}
	.tt-emo-list-1 span, .tt-emo-list-2 span, .tt-emo-list-3 span {
		display: block;
		height: 52px;
		padding: 3px 5px 0;
		float: left;
		cursor: pointer;
		}
	.input-with-person {
		position: relative;
		display: none;
	}
	
	/* EMOTICON BUTTON */
	.btn-emo-news-master {
		display: block;
		background-image: url('../image/sprite_emo.png');
		width: 35px;
		height: 35px;
		cursor: pointer;
		float: right;
		background-position: -160px 0px;
	}
	.btn-emo-orange-master {
		display: block;
		background-image: url('../image/sprite_emo.png');
		width: 35px;
		height: 35px;
		cursor: pointer;
		float: right;
		background-position: -120px 0px;
	}
	.btn-emo-banhbao-master {
		display: block;
		background-image: url('../image/sprite_emo.png');
		width: 35px;
		height: 35px;
		cursor: pointer;
		float: right;
		margin-left: 5px;
		background-position: -40px 0px;
	}
	.btn-emo-master1 {
		display: block;
		background-image: url('../image/sprite_emo.png');
		width: 35px;
		height: 35px;
		cursor: pointer;
		float: right;
		margin-left: 2px;
		background-position: -78px 0px;
	}
	.btn-emo-master1:hover {
		background-position: -78px -43px;
	}
	.btn-emo-banhbao-master:hover {
		background-position: -40px -43px;
	}
	.btn-emo-orange-master:hover {
		background-position: -120px -43px;
	}
	.btn-emo-news-master:hover {
		background-position: -160px -43px;
	}
/* END : EMOTICON */

/* CONTENT COMMENT */
	.comments-area {}
	.cmt-lv1 {
		border-bottom: 1px dotted #d1d1d1;
		margin-top: 10px;
		padding-bottom: 10px;
	}
	.cmt-lv1 .avatar {
		float: left;
		margin-right: 12px;
	}
	.avatar a {width:50px; height:50px; display:inline-block; background-size:cover; border-radius:3px}
	.cmt-lv1 .content {
		margin: 0 0 0 50px;
	}
	.sub-input textarea {
		width: 99%;
		height:52px;
	}
	
	.cmt-lv1 .text-lv1 {
		margin-left: 10px;
		word-wrap: break-word; 
	}
	a.name {
		font-family: 'UTMAvoBold', sans-serif;
	}
	.more a {}
	.cmt-lv1 .text-lv1 p {
		color:#333;
		line-height:18px;
		margin-bottom:3px;
	}
	.cmt-lv1 .text-lv1 .more .time i {
		height: 13px;
		width: 18px;
		background: url("../img/spritePhoto.png") no-repeat -37px -111px;
		display: inline-block;
	}
	.cmt-lv1 .block p {
		margin: 0 0 5px 51px;
	}
	.text-lv2 {
		display: none;
		margin:10px 0 0 10px
	}
	.text-lv2 .block {
		margin:10px 0 0;
		word-break: break-word;
	}
	.text-lv2 .block a {
		color: #333;
	}
	.text-lv2 .sub-input textarea {
		width:100%;
		min-height:30px;
		height:30px;
		resize:none;
		font-size: 13px;
		color: #000;
	}
	.main-input, .sub-input {
		position: relative;
		margin-left: 10px;
	}
	.sub-input .tt-emo {
		bottom:-40px;
		position:absolute;
		right:130px;
		width:200px;
	}
	.sub-input .btn {
		margin:5px 0 10px;
	}
	/*xoa comment*/
	.delete {
		cursor: pointer;
		font-size: 20px;
		font-weight: bold;
		float: right;
		display: none
	}
	#cmt-02:hover .delete {
		display: block
	}
	.boxcomment {
		margin:15px 0 0
	}
	.boxcomment .content {*zoom: 1;}
	.boxcomment .content:before,.boxcomment .content:after {
	  display: table;
	  line-height: 0;
	  content: "";
	}
	.boxcomment .content:after {clear: both;}

	
	@media (max-width : 960px) {
			/*START : APP THAPTHANH*/
			.sub-input textarea {width:98%;}
			.text-lv2 .sub-input textarea {width:100%;}
			/*END : APP THAPTHANH*/
	}
	@media (max-width : 580px) {
			/*START : APP THAPTHANH*/
			.sub-input textarea {width:96%;}
			.text-lv2 .sub-input textarea {width:100%;}
			/*END : APP THAPTHANH*/
	}
	@media (max-width : 349px) {
			/*START : APP THAPTHANH*/
			.sub-input textarea {width:90%;}
			.text-lv2 .sub-input textarea {width:100%;}
			/*END : APP THAPTHANH*/
	}