h4{
    margin:0;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.comment_sort{
    width: 100%;
    padding:10px 5px;
    overflow: hidden;
    font-size: 12pt;
    background-color: #f5f5f5;
}
.comment_count{
    float: left;
    margin:0;
}
.comment_count a,.sort a:hover{
    text-decoration:underline;
}
.sort{
    float: right;
    margin:0;
    height:100%;
}
.sort dd{
    float: left;
}
.sort dd a{
    padding:0 10px;
    height:100%;
    cursor: pointer;
}
.comment_list{
    margin-top:50px;
    /*border-bottom:1px dotted #a9a9a9;*/
    font-size: 11pt;
}
.children{
    margin-top:20px;
    border-bottom:1px dotted #a9a9a9;
    font-size: 11pt;
    margin-bottom: 0;
}
.children:last-child{
    border-bottom: 0;
}
.comment_list h4{
    /*line-height: 1.45em;*/
}
.comment_list li{
    border-top:1px dotted #a9a9a9;
    padding:1em 0;
}
.comment_list .avatar,.children .avatar{
    max-width: 45px;
    height: 45px;
    border-radius: 100%;
    -webkit-transition: opacity 0.15s ease-out;
    -moz-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
}
.comment_info{
    overflow: hidden;
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    justify-content: flex-start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
}
.profile{
    padding-right:20px;
}
.author{
    width: auto;
    display: inline-block;
    color: #7c8081;
}
.author_info{
    width:100%;
}
.info{
    line-height: normal;
    width: 100%;
}
.info time{
    font-size:10px;
}
.comment-reply-link{
    float: right;
    color: #fff;
    background-color: #3fb1a3;
    font-size:10pt;
    padding:2px 5px;
    border-radius: 2px;
    cursor: pointer;
    display: block;
    opacity: 0;
}
.contents_body{
    padding-left:65px;
}
.contents_body p{
    margin-bottom: 0;
}
.upload_comment{
    width:100%;
    padding-bottom:50px;
    overflow: hidden;
}
.upload_content{
    width:100%;
    resize: none;
    display: block;
    font-family: "microsoft jhenghei","Arial",Sans-Serif;
    float: none;
    width: 100%;
    height: 180px;
    margin-bottom: 40px;
    border: 1px solid #ddd;
    padding: 20px 25px 20px;
    border-radius: 3px;
    overflow: auto;
    box-sizing: border-box;
    outline: none;
}
.upload_content:focus{
    outline: none;
    border: 1px solid #ddd;
}
.upload_info{
    width:100%;
    overflow: hidden;
}
.upload_info input{
    width:30%;
    margin-right:5%;
    float: left;
}
.upload_info .site{
    margin-right:0;
}
.comment_list button,.submit{
    background-color: #f5f5f5;
    outline: none;
    border:1px solid #aaa;
    cursor: pointer;
    width:120px;
    height:40px;
    font:inherit;
    margin-top:20px;
    float: right;
}
.comment_list button:hover,.submit:hover{
    border:1px solid #3fb1a3;
    color: #3fb1a3;
}
.cancle{
    margin-right:40px;
}