.commentbox{ width:100%;margin:20px 0px;padding:15px 0px;border-top:1px dashed #ccc; }
.commentbox ul li{ margin-top:7px;margin-bottom:7px;width:85%;margin-left:7%; }
.commentbox ul li span{ width:11%;display:inline-block; }
.commentbox img{ width:70px;height:15px;vertical-align:middle; }
.textareas{ width:88%;height:130px;line-height:20px;border:1px #ccc solid;vertical-align:middle;outline:none; }
.inputs{ width:50%;height:25px;line-height:25px;border:1px #ccc solid;margin-right:1%;outline:none; }
.buttons{ width:170px;height:25px;text-align:center;border:1px #ccc solid;background:#ccc;color:#000;cursor:pointer;font-size:14px;outline:none; }
.w1{ height:25px;line-height:25px; }
.w2{ padding-top:30px; }
.w3{ height:140px;line-height:140px; }
.w4{ width:60px;height:25px;line-height:25px; }
.clear{ clear:both; }
.commentlist{ width:100%;margin-top:15px;padding-top:15px;border-top:1px solid #dde1e7; }
.line1{ width:100%;height:25px;line-height:25px; }
.line1 span{ width:330px;margin-right:20px; }
.line2{ width:100%;min-height:25px;line-height:25px; }
.line3{ width:98%;margin-left:1%;min-height:25px;line-height:25px;border:1px #dde1e7 dashed;margin-top:10px;margin-bottom:10px;padding-left:3px;padding-right:3px; }
.commentpages{ width:100%;padding-top:15px;border-top:1px solid #dde1e7;margin-top:15px;text-align:center; }
.commentpages ul{ display:inline-block;text-align:center;margin:0px auto;  }
.commentpages ul li{ display:inline-block; padding:0px 10px; cursor:pointer;float:left; }
@media screen and (max-width:768px){
 .textareas { width: 70%;} 
 .commentbox ul li span { width: 25%;}
}