.box-forum-master > div:nth-child(1) { text-align: right; padding-bottom: .75rem; }
.box-forum-master > div:nth-child(1) > a.forum-reply { color: #C30061; font-weight: normal; font-size: 14px; text-decoration: none; }
.box-forum-master > div:nth-child(1) > a.forum-reply > i { color: #C30061; font-size: 14px; }
.box-forum-master > div:nth-child(1) > a.forum-reply:hover,
.box-forum-master > div:nth-child(1) > a.forum-reply:hover > i { text-decoration: underline; }

.forum-header { display: none; }
.forum-header > div.row > div { color: #464646; }

.forum-body { padding: 0 .875rem; }

.forum-body > div.row {
	border-radius: .375rem;
	background-color: #FFF;
	padding: .75rem;
	margin-bottom: 2rem;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}
.forum-body > div.row:nth-child(1) { margin-top: 2rem; }

.forum-body > div.row > div { color: #5C5C5C; order: 5; padding-left: .5rem; padding-right: .5rem; }
.forum-body > div.row > div:nth-child(1):before {
	content: "#";
	display: inline-block;
	padding: .2rem .2rem;
	text-align: center;
	position: relative;
	background-color: transparent;
	color: #333;
}

.forum-body > div.row > div:nth-child(1), .forum-body > div.row > div:nth-child(5) { order: 1; width: 50%; }
.forum-body > div.row > div:nth-child(5) { text-align: right; }
.forum-body > div.row > div:nth-child(5) > i { display: inline-block; color: #5C5C5C; margin-right: .5rem; font-size: 18px; }

.forum-body > div.row > div:nth-child(2) { font-weight: bold; font-size: 18px; order: 2; }
.forum-body > div.row > div:nth-child(2) > a { text-decoration: none; color: #006EA5; }
.forum-body > div.row > div:nth-child(2) > a:hover { color: #F22; }
.forum-body > div.row > div:nth-child(4) { font-size: 14px; width: 155px; order: 3; padding-right: .125rem; color: #466900; }
.forum-body > div.row > div:nth-child(3) { font-size: 14px; width: calc(100% - 155px); order: 4; padding-left: .125rem; color: #466900; }

.forum-body > div.row > div:nth-child(6) { font-size: 14px; margin-top: 1rem; text-align: right; }
.forum-body > div.row > div:nth-child(6) > a { text-decoration: none; color: #0066FF; }
.forum-body > div.row > div:nth-child(6) > a:hover { color: #FF6600; }

.box-form { padding: 1rem 1rem; }
.box-form .row { margin-right: 0; margin-left: 0; }
.box-form > div.row > * { padding-left: .5rem; padding-right: .5rem; }
.box-form > div.row > label { color: #006EA5; }
.box-form > div.row > input[type=text],
.box-form > div.row > textarea,
.box-form > div.row > .box-captcha,
.box-form > div.row > .box-mood,
.box-form > div.row > .re-subject {
	width: calc(100% - 1rem); 
	margin-left: .5rem;
	margin-right: .5rem;
	margin-bottom: .75rem;
}
.box-form > div.row > .re-subject { padding-left: 1rem; }
.box-form > div.row > .box-captcha > div.row > input { width: 50%; }
.box-form > div.row > .box-captcha > div.row > img { width: 104px; cursor: pointer; }
.box-form > div.row > .box-captcha { padding-left: 0; }

.box-mood > span { display: inline-block; padding-right: .875rem; }
.box-mood > span:nth-child(4),
.box-mood > span:nth-child(8),
.box-mood > span:nth-child(12) { padding-right: 0; }
.box-mood > span > input[name=mood] { width: 16px; height: 16px; }
.mood-icon { width: 32px; margin-bottom: .75rem; vertical-align: middle; }
.box-form button { margin: .5rem .5rem; width: calc(100% - 1rem); }

.box-forum-master { padding: .5rem .75rem; }
.box-forum-master > div.row > div { width: 100%; margin-bottom: .5rem; }
.box-forum-master > div.row > div > div.row > div { padding: 0; }
.box-forum-master > div.row > div > div.row > div:nth-child(1) { width: 80px; }
.box-forum-master > div.row > div > div.row > div:nth-child(2) { width: calc(100% - 80px); }
.box-forum-master > div.row > div:nth-child(1) > div.row > div { color: #006EA5; }
.box-forum-master > div.row > div:nth-child(2) > div.row > div { color: #004669; }
.box-forum-master > div.row > div:nth-child(3) > div.row > div { color: #466900; }
.box-forum-master > div.row > div:nth-child(4) > div.row > div { color: #466900; }
.box-forum-master > div.row > div:nth-child(4) > div.row > div:nth-child(2) {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.box-forum-master > div.row > div:nth-child(5) { background-color: #D4D4D4; border-radius: .5rem; }
.box-forum-master > div.row > div:nth-child(5) > div.row > div { width: 100%; padding: .5rem .75rem; }
.box-forum-master > div.row > div:nth-child(5) > div.row > div:nth-child(1) { width: 80px; }
.box-forum-master > div.row > div:nth-child(5) > div.row > div:nth-child(1) > span {
	display: inline-block;
	border-radius: 50%;
	background-color: #006EA5;
	color: #FFF;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	text-align: center;
	margin-top: 6px;	
}
.box-forum-master > div.row > div:nth-child(5) > div.row > div:nth-child(2) { width: calc(100% - 80px); text-align: right; }
.box-forum-master > div.row > div:nth-child(5) > div.row > div:nth-child(2) > img { width: 32px; }

.box-forum-list { padding: 0 .75rem; }
.box-forum-list > div.row { 
	background-color: #F0F0F0; 
	border-radius: .5rem; 
	padding: .5rem .75rem; 
	margin-bottom: .5rem; 
}
.box-forum-list > div.row > div { width: 100%; }
.box-forum-list > div.row > div:nth-child(1) { width: 100px; }
.box-forum-list > div.row > div:nth-child(1) > span > span {
	display: inline-block;
	border-radius: 50%;
	background-color: #A50052;
	color: #FFF;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	text-align: center;
	margin-top: 6px;
	margin-left: 3px;
}
.box-forum-list > div.row > div:nth-child(2) { width: calc(100% - 100px); text-align: right; }
.box-forum-list > div.row > div:nth-child(2) > img { width: 32px; }
.box-forum-list > div.row > div:nth-child(3) > div.row > div { padding: 0; width: 100%; }
.box-forum-list > div.row > div:nth-child(3) > div.row > div > div.row > div { padding: 0; }
.box-forum-list > div.row > div:nth-child(3) > div.row > div > div.row > div:nth-child(1) { width: 80px; text-align: right; }
.box-forum-list > div.row > div:nth-child(3) > div.row > div > div.row > div:nth-child(2) { width: calc(100% - 80px); }

.box-forum-list > div.row > div:nth-child(3) > div.row > div:nth-child(1) > div.row > div { color: #466900; }
.box-forum-list > div.row > div:nth-child(3) > div.row > div:nth-child(2) > div.row > div { color: #B7770D; }
.box-forum-list > div.row > div:nth-child(3) > div.row > div:nth-child(3) > div.row > div { color: #466900; }
.box-forum-list > div.row > div:nth-child(3) > div.row > div:nth-child(4) { margin: 1rem auto; }

@media screen and (max-width: 374px) {
	.box-mood > span { padding-right: 1rem; }	
	.box-mood > span:nth-child(4),
	.box-mood > span:nth-child(8),
	.box-mood > span:nth-child(12) { padding-right: 1rem; }
	
	.box-forum-master > div.row > div > div.row > div { padding: 0; font-size: 13px; }
	.box-forum-master > div.row > div > div.row > div:nth-child(1) { width: 70px; }
	.box-forum-master > div.row > div > div.row > div:nth-child(2) { width: calc(100% - 70px); }
	
	.box-forum-list > div.row > div:nth-child(3) > div.row > div > div.row > div { font-size: 13px; }
	.box-forum-list > div.row > div:nth-child(3) > div.row > div > div.row > div:nth-child(1) { width: 70px; }
	.box-forum-list > div.row > div:nth-child(3) > div.row > div > div.row > div:nth-child(2) { width: calc(100% - 70px); }
	

}

@media screen and (min-width: 414px) {
	.box-mood > span { padding-right: 1rem; }	
	.box-mood > span:nth-child(4),
	.box-mood > span:nth-child(8),
	.box-mood > span:nth-child(12) { padding-right: 1rem; }
}

@media screen and (min-width: 576px) {
	.box-forum-master > div:nth-child(1) { display: none; }
	
	.box-forum-master > div.row > div:nth-child(5) > div.row > div:nth-child(1) { width: 60px; }
	.box-forum-master > div.row > div:nth-child(5) > div.row > div:nth-child(2) { width: 40px; }
	.box-forum-master > div.row > div:nth-child(5) > div.row > div:nth-child(3) { width: calc(100% - 100px); }	
}

@media screen and (min-width: 768px) {
	.forum-header { display: block; }
	.forum-header, .forum-body { padding: 0 .5rem; }
	
	.forum-body > div.row > div:nth-child(1):before { display: none; }	
	.forum-body > div.row > div:nth-child(5) > i { display: none; }
	.forum-body > div.row > div:nth-child(2) { font-weight: normal; }
	.forum-body > div.row > div:nth-child(2) > a { color: #5C5C5C; }
	.forum-body > div.row > div:nth-child(4) { padding-right: .5rem; color: #5C5C5C; }
	.forum-body > div.row > div:nth-child(3) { padding-left: .5rem; color: #5C5C5C; }
	.forum-body > div.row > div:nth-child(6) { margin-top: auto; }
	.forum-body > div.row > div:nth-child(6) > span { display: none; }
	
	.forum-header > div.row { border-bottom: 1px dotted #CCC; }
	.forum-header > div.row, .forum-body > div.row { align-items: center !important; }
	.forum-header > div.row > div, .forum-body > div.row > div { padding: .25rem .15rem; }
	.forum-header > div.row > div:nth-child(1), .forum-body > div.row > div:nth-child(1) { order: 5; font-size: 15px; width: 50px; text-align: center; }
	.forum-header > div.row > div:nth-child(2), .forum-body > div.row > div:nth-child(2) { order: 5; font-size: 15px; width: calc(100% - 470px); text-align: left; }
	.forum-header > div.row > div:nth-child(3), .forum-body > div.row > div:nth-child(3) { order: 5; font-size: 15px; width: 100px; text-align: left; }
	.forum-header > div.row > div:nth-child(4), .forum-body > div.row > div:nth-child(4) { order: 5; font-size: 15px; width: 100px; text-align: center; }	
	.forum-header > div.row > div:nth-child(5), .forum-body > div.row > div:nth-child(5) { order: 5; font-size: 15px; width: 60px; text-align: center; }
	.forum-header > div.row > div:nth-child(6), .forum-body > div.row > div:nth-child(6) { order: 5; font-size: 15px; width: 160px; text-align: right; }
	
	.forum-body > div.row {
		border-radius: 0;
		border-bottom: 1px dotted #CCC; 
		padding: 0;
		margin-bottom: auto;
		box-shadow: none;
	}
	.forum-body > div.row:nth-child(1) { margin-top: auto; }
	
	.box-form { padding: 1rem 2rem; }
	
	.box-form > div.row { margin-bottom: .875rem; }
	.box-form > div.row > label {
		width: 120px;
		text-align: right;
		line-height: 38px;
	}
	.box-form > div.row > input[type=text],
	.box-form > div.row > textarea,
	.box-form > div.row > .box-captcha,
	.box-form > div.row > .box-mood,
	.box-form > div.row > .re-subject { 
		width: calc(100% - 120px); 
		margin-left: auto;
		margin-right: auto;
	}
	.box-form > div.row > .re-subject { line-height: 38px; padding-left: .5rem; }
	
	.box-mood > span { padding-right: 1.25rem; }
	
	.box-form > div.row:last-child { justify-content: center; }
	.box-form button {
		width: calc(25% - 1rem);
		margin: 1rem .5rem;
		font-size: 18px;
	}
	
	.box-forum-master > div.row > div:nth-child(1) { width: 70%; }
	.box-forum-master > div.row > div:nth-child(2) { width: 30%; }
	
	.box-forum-master > div.row > div:nth-child(5) > div.row { align-items: center; }
	.box-forum-master > div.row > div:nth-child(5) > div.row > div { padding: 1rem 0; }
	.box-forum-master > div.row > div:nth-child(5) > div.row > div:nth-child(1) { width: 80px; text-align: center; }
	.box-forum-master > div.row > div:nth-child(5) > div.row > div:nth-child(2) { width: 60px; text-align: center; align-self: flex-start; }
	.box-forum-master > div.row > div:nth-child(5) > div.row > div:nth-child(3) { width: calc(100% - 140px); padding: 1rem .75rem; }
	
	.box-forum-list > div.row { align-items: center; }
	.box-forum-list > div.row > div:nth-child(1) { width: 100px; text-align: center; }
	.box-forum-list > div.row > div:nth-child(2) { width: 60px; text-align: center; align-self: flex-start; }
	.box-forum-list > div.row > div:nth-child(3) { width: calc(100% - 160px); }
	.box-forum-list > div.row > div:nth-child(3) > div.row > div:nth-child(1) { width: 70%; }
	.box-forum-list > div.row > div:nth-child(3) > div.row > div:nth-child(2) { width: 30%; }
}

@media screen and (min-width: 992px) {
	.forum-header > div.row > div:nth-child(2), .forum-body > div.row > div:nth-child(2) { width: calc(100% - 530px); }
	.forum-header > div.row > div:nth-child(4), .forum-body > div.row > div:nth-child(4) { width: 160px; }
}

@media screen and (min-width: 1200px) {
	
	
}