.boardview article .article-content .details:after {
	content: ''; display: block; clear: both;
}
.boardview article .article-content .details {
	padding: 10px; margin: 45px 0 10px;
	border: 1px solid var(--color-line);
}

.article-content .details .userview-group:after {
	content: ''; display: block; clear: both;
}
.article-content .details .userview-group .userview-img {
	float: left; width: 73px; height: 73px; margin: 0 5px 0 0;
	border: 1px solid #ccc; border-radius: 8px; overflow: hidden;
	background-color: #eee;
}
.article-content .details .userview-group .userview-img img { width: 100%; height: 100%; }
.article-content .details .userview-group .userview-info {
	float: left; width: calc(100% - 100px); margin: 0 0 10px 0; padding: 10px; position: relative;
	/*background-color: var(--color-bg);*/
}
.article-content .details .userview-group .userview-info .userview-info-division:after {
	content: ''; display: block; clear: both;
}
.article-content .details .userview-group .userview-info .userview-info-division > span,
.article-content .details .userview-group .userview-info .userview-info-division > button,
.article-content .details .userview-group .userview-info .userview-info-division > a { display: block; float: left; }
.article-content .details .userview-group .userview-info .userview-info-division .user-level { top: 1px; }
.article-content .details .userview-group .userview-info .userview-info-division > button:hover {
	background-color: var(--point-main) !important; border-color: var(--point-main) !important;
}
.article-content .details .userview-group .userview-info .userview-info-division > a { margin: 0 0 0 3px; }
.article-content .details .userview-group .userview-info .userview-info-division .details-likes {
	float: left;
}
.article-content .details .userview-group .userview-info .userview-info-division .details-likes i {
	position: relative; top: -1px;
	margin: 0 3px 0 10px; font-size: 14px;
}
.article-content .details .userview-group .userview-info .userview-info-division .details-time {
	float: right; font-size: 15px;
}


.article-content .details .userview-group .userview-info .details-title {
	font-size: 18px; margin: 14px 0 5px;
}

.article-content .details .userview-group .details-content {
	clear: both; padding: 10px 0 0 0;
	border-top: 1px solid var(--color-line);
	line-height: 1.5em;
}
.article-content .details .userview-group .details-content div,
.article-content .details .userview-group .details-content p {
	margin: 0; padding: 0; overflow: hidden;
	max-width: 100% !important;
}
.article-content .details .userview-group .details-content img, iframe { max-width: 100% !important; }

.review-write-group {
	padding: 10px; margin: 10px 0;
	position: relative;
    border: 1px solid var(--color-line);
}
.review-write-group .form-control {
    height: 50px; padding: 6px 77px 6px 12px; width: calc(100% - 89px);
    background-color: var(--color-bg); color: #f9f9f9;
}
.review-write-group .form-control::placeholder { color: #aaa; }
.review-write-group .review-write-btn,
.review-write-group .memberonly {
	position: absolute; top: 10px; right: 8px;
    width: 64px; height: 64px;
    border-radius: 3px;
    font-size: 14px; text-align: center; line-height: 64px;
}

@media screen and (max-width: 500px) {
	.review-write-group .form-control::placeholder { font-size: 14px; }
}
@media screen and (max-width: 450px) {
	.review-write-group .form-control::placeholder { font-size: 12px; }
}
@media screen and (max-width: 400px) {
	.review-write-group .form-control::placeholder { font-size: 10px; }
}


.button-write-delete:after {
	content: ''; display: block; clear: both;
}
.button-write-delete {
	padding: 10px 0; margin: 10px 0;
	border-bottom: 1px solid var(--color-line);
}
.button-write-delete > a {
	display: block; float: left;
}
.button-write-delete > a:nth-of-type(1) {
	float: left;
}
.button-write-delete > a:nth-of-type(2) {
	float: right;
}
.button-write-delete > a:nth-of-type(3) {
	float: right; margin: 0 10px 0 0;
}


.review-list-group:after,
.review-list-group > ul > li:after {
	content: ''; display: block; clear: both;
}

.review-list-group .nodata-txt { margin: 15px 0; }

.review-list-group > h2 {
	padding: 10px 0;
	border-bottom: 1px solid var(--color-line);
}
.review-list-group > h2 span { color: #dc3545; }
.review-list-group > ul > li {
	padding: 10px 0;
	border-bottom: 1px solid var(--color-line);
}
.review-list-group > ul > li.rereview {
	width: calc(100% - 35px); padding: 10px 0 10px 35px; position: relative;
}
.review-list-group > ul > li.rereview:before {
	position: absolute; top: 23px; left: 10px;
	font-family: "Font Awesome 5 Free"; content: "\f3e5";
	font-size: 20px; color: #ccc;
	font-weight: 900;
	
	-webkit-transform-origin:	50% 50%;
	-moz-transform-origin:		50% 50%;
	-ms-transform-origin:		50% 50%;
	-o-transform-origin:		50% 50%;
	transform-origin:			50% 50%;

	-webkit-transform:	rotate(180deg);
	-moz-transform:		rotate(180deg);
	-ms-transform:		rotate(180deg);
	-o-transform:		rotate(180deg);
	transform:			rotate(180deg);
}

.review-list-group > ul > li .reviewer-img {
	float: left; width: 48px; height: 48px;
	overflow: hidden; border-radius: 8px;
	border: 1px solid var(--color-line);
}
.review-list-group > ul > li .reviewer-img img {
	width: inherit; height: inherit;
}
.review-list-group > ul > li .reviewer-info {
	float: left; width: calc(100% - 60px); margin: 0 0 0 10px;
}

.review-list-group > ul > li .reviewer-info .reviewer-info-head:after {
	content: ''; display: block; clear: both;
}
.review-list-group > ul > li .reviewer-info .reviewer-info-head > h2 {
	float: left;
}
.review-list-group > ul > li .reviewer-info .reviewer-info-head > p {
	font-size: 15px;
	float: right; position: relative; top: 6px;
}
.review-list-group > ul > li .reviewer-info .reviewer-info-head > p span {
	margin: 0 5px 0 0; cursor: pointer;
	font-size: 14px !important; padding: 0 4px;
}
.review-list-group > ul > li .reviewer-info .reviewer-info-head > p span:hover {
	color: #999;
}
.review-list-group > ul > li .reviewer-info .reviewer-info-head > p .review-delete-btn {
	margin: 0 0 0 5px;
}
.review-list-group > ul > li .reviewer-info .reviewer-info-body {
	margin: 10px 0 0 0; line-height: 1.5em;
}

.rereview-0-child {
	display: none;
}

.rereview-form-group {
	position: relative; clear: both;
	/*padding: 10px; margin: 10px 0;
    border: 1px solid #acacac;*/
}
.rereview-form-group:before {
	content: ''; display: block; clear: both;
}
.rereview-form-group > form { position: relative; }
.rereview-form-group .form-control {
    height: 50px; padding: 6px 77px 6px 12px; width: calc(100% - 89px);
    margin: 10px 0;

    background-color: var(--color-bg);
    color: #f9f9f9;
}
.rereview-form-group .form-control::placeholder { color: #aaa; }
.rereview-form-group .rereview-write-btn,
.rereview-form-group .memberonly {
	position: absolute; top: 0px; right: -2px;
    width: 64px; height: 64px;
    border-radius: 3px;
    font-size: 14px; text-align: center; line-height: 64px;
}

@media screen and (max-width: 500px) {
	.rereview-form-group .form-control::placeholder { font-size: 14px; }
}
@media screen and (max-width: 450px) {
	.rereview-form-group .form-control::placeholder { font-size: 12px; }
}
@media screen and (max-width: 400px) {
	.rereview-form-group .form-control::placeholder { font-size: 10px; }
}