* { margin: 0; padding: 0; outline: medium none; }
a { text-decoration: none; }
html, body { font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 16px; font-weight: normal;background: white; }
ul li {list-style: none}
body{min-height: 100%;}
.boxcomment {font: 500 12px/29px Tahoma;width: 100%;float: left;color: #929292;padding-bottom: 20px}
.boxcomment .name {width: 50%;float: left;text-align: left;padding-bottom: 15px;}
.boxcomment .text {width: 100%;float: left;text-align: left;}
.boxcomment .name .input {border-radius: 3px;border: solid 1px #ccc;width: 80%;height: 25px;color: #929292;font-family: Tahoma;}
.boxcomment .email {width: 50%;float: left;text-align: left;padding-bottom: 15px;}
.boxcomment .email .input {border-radius: 3px;border: solid 1px #ccc;width: 80%;height: 25px;color: #929292;float: right;text-align: left;margin-right: 4px;font-family: Tahoma;}
.boxcomment .name span {font-weight: bold;}
.boxcomment .sao {color: red;margin-right: 5px;}
.boxcomment .commentcontent {width: 100%;float: left;}
.boxcomment .commentcontent .textarea {width: 99%;float: left;height: 75px;border-radius: 3px;border: solid 1px #ccc;color: #929292;font-family: Tahoma;}
.boxcomment .sendcomment {width: 100%;float: left;padding-top: 13px;}
.boxcomment .sendcomment .btnsend {float: right;background: url(/Images/btn-sendcm.png) no-repeat;width: 110px;height: 25px;}
.boxcomment .sendcomment .btnreset {float: right;background: url(/Images/btn-reset.png) no-repeat;width: 88px;height: 25px;}
.listcomment{ width: 100%;float: left;padding-bottom: 15px;}
.listcomment h4{ font: 700 18px/33px Arial;float: left;width: 100%;color: #d1d1d1;padding-left: 10px;  height: 33px;background: #f8f8f8;border-bottom: solid 1px #dddddd;margin-bottom: 10px;}
.listcomment h4 span { color: #f4a50c;}
.listcomment ul li{ padding: 8px 5px; border-top: solid 1px #f8f8f8 }
.listcomment ul li .firtname{background: #a5a19a none repeat scroll 0 0;border-radius: 3px;color: #fff;font-family: HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 24px;height: 20px;padding: 10px;text-align: center;text-transform: uppercase;top: 5px;vertical-align: middle;width: 20px;float: left;margin-right: 10px;}
.listcomment ul li .fullname{ font: 700 14px/18px Arial; color: #444}
.listcomment ul li .fullname span{font-weight:normal; color:#999; font-size:11px;font-family:Tahoma;}
.listcomment ul li p{ font: 500 13px/18px Arial; color: #444}
.viewmore{ width: 100%;float: left;text-align: center; background: rgba(0, 0, 0, 0) url("/images/bg_1x1_gray.gif") repeat-x scroll left 18px;}
.viewmore a{ background: #ddd;font: 700 12px/33px Tahoma;height: 33px;width: 136px;color: #444;border-radius: 3px;display: inline-block;text-decoration: none}
.comment h2 {
    border-top: 2px dashed #DBDBDB;
    padding: 10px 5px;
    font-family: Arial;
    font-size: 15px;
    line-height: 20px;
    color: #D21D21;
}

.comment .input-info {
    display: flex;
    flex-direction: column;
    padding: 10px 15px;
    background: #F5F5F5;
}

.comment .input-info .input-header {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }

.comment .input-info .input-header input {
            transition: all .15s linear;
            display: flex;
            align-items: center;
            padding: 0 15px;
            background: #FFFFFF;
            border: 1px solid #DDDDDD;
            box-sizing: border-box;
            border-radius: 3px;
            height: 40px;
            width: 100%;
            outline: none;
            font-family: Arial;
            font-style: italic;
            font-size: 16px;
            line-height: 18px;
            color: #C1C1C1;
        }

.comment .input-info .input-header input:first-child {
                margin-right: 15px;
            }

.comment .input-info .input-comment {
        margin-bottom: 20px;
    }

.comment .input-info .input-comment .textarea-comment {
            width: 100%;
            padding: 12px 15px;
            background: #FFFFFF;
            border-radius: 3px;
            font-family: Arial;
            font-style: italic;
            height: 135px;
            box-sizing: border-box;
            font-size: 16px;
            line-height: 18px;
            border: 1px solid #DEDEDE;
            outline: none;
            color: #C1C1C1;
        }

 .comment .input-info .btn-send {
        width: 110px;
        font-family: Arial;
        font-size: 18px;
        line-height: 21px;
        color: #FFFFFF;
        padding: 10px 15px;
        background: #00217B;
        border-radius: 4px;
    }