﻿/* commentlist with thread comment */
#commentpost {clear: both;width: auto;margin-bottom: 10px;line-height: 19px;background: #FFF;}
#commentpost h4, #respond h4, h4#pings {color: #A40000; font-size:14px; line-height: 24px; background:#fff; padding:6px 10px 4px 12px;border-bottom: 1px dashed #ccc; margin-bottom:10px; text-transform:capitalize;}
#commentpost h4::before,
#respond h4::before,
h4#pings::before{content:'';display: inline-block;vertical-align: middle;width: 24px;height: 20px;background: url(../images/all_icon.png) no-repeat 0 -680px;}
#commentpost h4 b, #respond h4 b, h4#pings b{float: right;color: #696767;}
.nocomments{font-size:14px; font-weight:700; font-style:italic; margin:10px 0;}
#commentpost .pnav{position:relative;top:3px;clear:both; font-size:14px; margin-bottom:3px;padding: 0 12px; font-weight:700; height:auto; display:none;}
#commentpost .pnav .alignleft{float:left; width:49%; text-align:left; height:auto;}
#commentpost .pnav .alignright{float:right; width:49%; text-align:right; height:auto;}
#commentpost .youtube_paginate{font-size:14px; text-align:right; font-weight:700;margin: 18px 8px 10px;}
#commentpost .youtube_paginate a,
#commentpost .youtube_paginate span{padding: 5px 12px;border-radius: 3px;}
#commentpost .youtube_paginate a{background:#3a3a3a;color:#fff;}
#commentpost .youtube_paginate a:hover{background:#a40000;text-decoration:none;}
#commentpost .youtube_paginate .current {color:#fff;background:#a40000;}
#commentpost .youtube_paginate .disabled{display:none;}
#respond{margin:0; padding:0px 10px 10px; border-bottom: 1px solid #ccc;position:relative; zoom:1;}
#respond .cancel-comment-reply{background:url(../images/all_icon.png) no-repeat 0 -710px; padding-left:18px; margin:5px 0 3px; line-height:20px;}
#respond .cancel-comment-reply a{color: #DC5656; font-weight: bold;}
#respond .author{padding-left:21px; line-height:20px; background:url(../images/bulletin.gif) no-repeat;}
#toggle-comment-author-info{line-height:24px; padding:0; margin:0; color: #080;font-weight: 700;}
#respond .comment_form{width:100%;}
#respond .comment_form label {/* font-weight:700; */}
#respond .comment_form p{text-transform:capitalize; margin:6px 0; padding:0;}
#comment-author-info input{ width:28%; border:1px solid #ccc;border-radius: 6px; background:#fff; padding: 2px 0 0 32px; height: 22px; margin:0px; outline: none;}
#respond .comment_form .name{background:url(../images/all_icon.png) no-repeat 4px -763px;}
#respond .comment_form .mail{background:url(../images/all_icon.png) no-repeat 4px -795px;}
#respond .comment_form .home{background:url(../images/all_icon.png) no-repeat 4px -823px;}
#respond .comment_form .comment_textarea{vertical-align: top; height: 160px; width: 62%; color: #666; font-size: 14px; font-weight: bold; border: 1px solid #bbb;border-radius: 6px;padding: 5px; margin: 5px 2px 3px 0;outline: none;background:url(../images/comment.png) no-repeat 50% 50%;}
#comment-author-info input:focus,
#respond .comment_form .comment_textarea:focus{border-color: #64bbff;}
.form-action{margin-top: 6px;}
#respond .comment_form .tinput, #respond .comment_form .picture, #respond .comment_form .notify_checked, #respond .comment_form .notify_p{font-weight:700;height: 32px;line-height:32px;cursor: pointer;}
#submit,#reset{margin-right:14px;letter-spacing: 2px;border: 1px solid rgba(0,0,0,.15);border-radius: 6px;outline: none;
box-shadow:inset -1px 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
#submit:active,
#reset:active{
	-webkit-transform: scale(.95);
	-ms-transform: scale(.95);
	-o-transform: scale(.95);
	transform: scale(.95);
}

#submit{
	padding:0 34px;
	color:#fff;
	background: -webkit-linear-gradient(left, #32bef5, #00a5e5);
	background: -o-linear-gradient(left, #32bef5, #00a5e5);
	background: linear-gradient(to right, #32bef5, #00a5e5);
}
#reset{
	padding:0 10px;
	color:#7a7a7a;
	background: -webkit-linear-gradient(#fff, #e6e6e6);
	background: -o-linear-gradient(#fff, #e6e6e6);
	background: linear-gradient(#fff, #e6e6e6);
}
#respond .comment_form .notify_p{color:#666;padding:0;}
#respond .comment_form .respond_visitor_gravatar{margin-left: 6px;overflow:hidden;cursor: pointer;}
#respond .comment_form .respond_visitor_gravatar img{border:1px solid #ccc; border-radius:0 5px; width:48px; height:48px; background:#fff; padding:2px;}
.wp-smiley a{display: inline-block; vertical-align: bottom;color: #900;font-weight: bold; text-decoration: underline;}
.wp-smiley a img{padding: 0 3px;}

#respond .comment_form .ad_comment_180_150{position:absolute; bottom: 81px; left:62%; width:200px; height:200px; background:#f00;}
#respond .comment_form .ad_comment img{margin:0; padding:0;}
.require-tips{color: #f00;padding-left: 10px;}

/*commentlist 訪客評論區塊*http://lisizhang.com/2297.htm***http://www.wehan.net/wp_list_comments.html**/

.commentlist{list-style:none; text-indent:0; margin:0; padding:0;}
.commentlist li{position:relative;}
.commentlist .alt{}
.commentlist .bypostauthor{}
.commentlist .byuser{}
.commentlist .comment-author-admin{}
.commentlist .comment {padding:10px 10px 0 12px; overflow:hidden;}
.commentlist li .vcard{}
.commentlist li .vcard cite.fn{font-style:normal;}
.commentlist li .vcard cite.fn a.url{color:#55555e;}
.commentlist li .vcard img.avatar {float:left; padding:2px; margin-right:5px;border:1px solid #ccc;border-radius: 50%;}
.commentlist li .vcard img.avatar-32{}
.commentlist li .vcard img.photo{}
.commentlist li .vcard span.says{}
.commentlist li .comment-meta{margin:0 34px 0 0;}
.commentlist li .comment-meta a{}
.commentlist li .comment-body{margin-left:50px;padding: 15px 5px 20px 0;font-size: 14px;border-bottom:1px dashed #ccc;}
.commentlist li a{color:#a40000;}
.commentlist li a:hover{color:#11111e; }
.commentlist li p {margin:0;}
.commentlist li ul{}
.commentlist .comment .reply {float:right; font-size:14px;margin:-22px 2px 0 0;padding-left:16px; font-weight:700;line-height:16px;visibility: hidden;}
.commentlist .comment:hover{background-color: #f5f5f5;}
.commentlist .comment:hover >.reply{visibility: visible;}
.commentlist li .reply a{color: #55555e;}
.commentlist li .reply a:hover{text-decoration: none; color: #a40000;}
.commentlist li .children{list-style:none; text-indent:0; margin:0;}
.commentlist li .children li {margin-left: 50px;}
.commentlist li .children .alt{}
.commentlist li .children .bypostauthor{}
.commentlist li .children .byuser{}
.commentlist li .children .comment{}
.commentlist li .children .comment-author-admin{}
.commentlist li .children .comment-body{border-bottom:1px dashed #ccc;}
.commentlist li .children .depth-2{}
.commentlist li .children .depth-3{}
.commentlist li .children .depth-4{}
.commentlist li .children .depth-5{}
.commentlist li .children .odd{}
.commentlist .even {}
.commentlist .odd {}
.commentlist .parent{border-left:2px solid #111;}
.commentlist .pingback{border-bottom:1px dotted #666;}
.commentlist .thread-alt{}
.commentlist .thread-even{}
.commentlist .thread-odd{}
.commentlist li .floor{position:absolute; top:10px; right:0; font-size:14px; overflow:auto; padding-right:4px; color:#55555e;}
#pingbox{padding:5px; background:#fff; border:1px solid #ccc; margin-bottom:10px;}
h4#pings{background:url(../images/all_icon.png) no-repeat 0 -652px;}
ol.pinglist{width:100%; list-style:none; margin:0; padding:0;}
ol.pinglist li{line-height:26px; width:100%; display:block; font-size:14px; height:auto; margin:0; padding:0; list-style-type:decimal;}
/** 评论贴图 **/

#error{color: #900;font-weight: 700;}

@media (max-width: 979px){
	#comment-author-info input{width: 56%;}
	#respond .comment_form .comment_textarea{width: 95%;background-size: 80%;}
}