#question-list{
	margin:20px 0 30px;padding:0;width:100%;
	display: flex;display: -webkit-flex;
	flex-wrap: wrap;-webkit-flex-wrap:wrap;
	justify-content: space-between;-webkit-justify-content:space-between;
	align-items: stretch;-webkit-align-items:stretch;
	list-style: none;
}
.question-boy{
	background-color:#e6f1fb;color:#1d69d0;
}
.question-girl{
	background-color:#feecf4;color:#fd56a4;
}
#question-list > li{
	width:49.5%;margin:5px 0;
	display: flex;display: -webkit-flex;
	flex-direction: column;-webkit-flex-direction:column;
	justify-content: space-between;-webkit-justify-content:space-between;
}
.question-boy > div:first-child{
	border-bottom:1px dotted rgba(116, 116, 116, 0.6); 
}
.question-girl > div:first-child{
	border-bottom:1px dotted rgba(116, 116, 116, 0.6); 
}
#question-list > li > div:first-child{
	display: flex;display: -webkit-flex;
	justify-content: space-between;-webkit-justify-content:space-between;
	align-items: center;-webkit-align-items:center;
	width:85%;margin:0 auto;height: 100px;
	
}
#question-list > li > div:first-child > div{
	display: flex;display: -webkit-flex;width:70%;
	justify-content: flex-start;-webkit-justify-content:flex-start;
	align-items: center;-webkit-align-items:center;
}
#question-list > li > div:first-child > div a{
	width:50px;
}
#question-list > li > div:first-child > div h4{
	width:70%;margin: 15px 0;
}

#question-list > li > div:first-child >  h4{
	margin:0;width:50%;
}

.question-boy > div:first-child h4 > a{
	text-decoration: none;font-size: .85rem;color:#1d69d0;
}
.question-girl > div:first-child h4 > a{
	text-decoration: none;font-size: .85rem;color:#fd56a4;
}
#question-list > li > div:first-child h4 > a:hover{
	color:#1a56a8;
}
#question-list > li > div:last-child{
	display: flex;display: -webkit-flex;height: 80px;
	justify-content: center;-webkit-justify-content:center;
	align-items: flex-start;-webkit-align-items:flex-start;
}

#question-list > li > div:last-child p{
	font-size:.75rem;padding:10px 0 0;color:#444;width:68%;text-align:left;margin:0;height: 70px;overflow:hidden;
}
#question-list .readMore{
	font-size:.6rem;
}

@media screen and (min-width: 300px) and (max-width: 768px){
	#question-list > li{
		width:100%;
	}
	#question-list > li > div:first-child{
		width:90%;/*padding:5px 0;*/height: 70px;
	}
	#question-list > li > div:first-child > div h4{ margin:0; }
	#question-list > li > div:first-child h4 > a{
		font-size:.7rem;display: flex;display: -webkit-flex;
		width:100%;
	}
	#question-list > li > div:last-child{
		height: unset;padding:10px 0;
	}
	#question-list > li > div:last-child p{ padding:0;height: unset; }
	#question-list .readMore{
		padding:3px 7px 5.5px 7px ;
	}
	.readMore > span{ margin-left:2px; }
	#question-list > li > div:last-child p{
		font-size:.6rem;
	}
	.question-boy img{ width:40px; }
	.question-girl img{ width:25px; }
	#question-list > li > div:first-child > div a{
		display: flex;display: -webkit-flex;
		align-items: flex-end;-webkit-align-items:flex-end;
	}
	/*.question-girl > div:first-child > div a { width:36px !important; }*/
}