/* ------------------

 * Comment list

 * --------------- */
.comment-text blockquote {
	color: #999;
	font-style: italic;
	margin: -10px 10px -10px 10px;
}
.comment-text blockquote:before {
	content: '“';
	font-size: 5em;
	position: absolute;
	color: #CDCDCD;
	margin-top: 15px;
	margin-left: -50px;
	font-family: georgia;
	font-style: normal;
}
.comment-text blockquote:after {
	content: '”';
	font-size: 5em;
	color: #CDCDCD;
	margin-top: 25px;
	margin-right: -40px;
	font-family: georgia;
	font-style: normal;
	float: right;
}
.comment-text blockquote p:first-child {
	margin-top: 0;
}
.comment-text blockquote p:last-child {
	margin-bottom: 0;
}
.comment-text blockquote ul, blockquote ol {
	margin: 0 !important;
	padding-left: 3em;
}

#hitokoto {font-size: 1.05em;margin: 10px 0;}

.comment-list{padding-left:0;list-style-type:none;}

.avatar{float:left;width:40px;height:auto;padding:0;margin-right:8px; margin-top:20px;border-radius:10px;border-radius:50%; overflow:hidden; z-index:999; position:absolute;}

.comment-text { font-family:"Microsoft YaHei",source-han-serif-sc, sans-serif;height:auto; margin-top: -8px; padding-bottom:0px; margin-top:0;text-align:justify;font-weight:300;font-size: 1em;line-height: 1.8em}

.comment_box { padding-left:20px;}

.comment-main{box-shadow: 5px 5px 10px rgba(0,0,0,.15);
	border: 1px #ccc solid;
	border-radius: 4px;
	margin: 20px 0;
	padding:0 20px 0 40px;
	color: #666;
	position: relative;}

.comment-main p{margin:0;color:#666;}

.comment-text img {vertical-align:middle;width:100%;margin-top: 3px;}

.comment-parent{
	padding-right:8px;padding-left:8px;
}

.comment-parent p {
	margin: 0
}

.comment-author{ float:left; margin-top:15px;}

.comment-author a{ color:#7b7b7b;}

.comment-meta { float:right;margin-top:15px;}

.comment-ua{
	display: block;
	margin-bottom: 2em;
	margin-top: -1em;
	float:right;
	color: #c4c4c4;
	font-size: .5em;
}
.comment-ua:before{
	content: "\f192";
	font-family: FontAwesome;
	margin-right: .5em;
}

.info-com {/*border:#D5AFBC solid 1px;*/ background-color:#D5AFBC; color:#ffffff; width:120px; text-align:center; padding:3px; margin-bottom:-5px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;/*text-shadow: 0 1px #7b7b7b;*/}

.text,.textarea,#submit{box-sizing:border-box;margin-bottom:.1rem;padding:.5rem;border:2px solid #dfe2e7;border-radius:0;outline:none;-webkit-appearance:none;}

.text:focus,.textarea:focus{border-color:#c8ccd1;}

.respond .text,#submit{width:33%}

.text+.text{margin-left:.5%; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}

.textarea{font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";font-size: 1.05em; width:100%;height:6rem;resize:none;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}

.comment-smilies{border: 2px solid #dfe2e7;border-top: none;border-radius: 0 0 4px 4px;-moz-border-radius: 0 0 4px 4px;-webkit-border-radius: 0 0 4px 4px;margin-top: 18px;margin-bottom: 8px;padding: 8px;}

#submit{color:#fff;border:0;background:#858f95;width:100%;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;transition-duration: .8s;}

#submit:hover{color:#fff;background:#67737a;}

#captcha { height: auto;}

#captcha .captcha {margin-left:.5%; border:#CCC solid 1px; height:20px; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; margin-bottom:10px;}

#captcha img { width:100px; height:auto; float:left;}