@charset "utf-8";
#author{
    border: 1px solid #ccc;
    padding: 15px;
    display: inline-block;
    background-color: #fff;
}
#author .author_introduction{
    padding: 5px;
    margin: 10px 0 0 0;
}
#author .author_image{
    float: left;
    width: 180px;
    height: 120px;
    margin: 0 15px 0 0;
    text-align:center;
}
#author .author_image img{
    max-width:180px;
    max-height:120px;
}
#author .author_detail{
    float: left;
    width: 710px;
}
#author .author_detail .staffName{
    font-size: 18px;
    margin: 0 0 15px;
}

#author .author_detail .author_info{
    float: right;
}
#author h3{
    font-size: 16px;
}
#author .colorline{
/*    background: url(/images/search/bg_mobilettl.jpg);
    border: none;
    height: 3px;*/
    margin: 0 0 10px 0;
}
#author .staff_blog li{
    width:449px;
    height: 115px;
    float:left;
    padding: 5px;
    margin: 0 0 10px;
}
#author .staff_blog li .staff_blog_image{
    float:left;
    margin: 0 10px 0 0;
    width: 150px;
    height: 100px;
    text-align: center;
}
#author .staff_blog li .staff_blog_text{
    float:left;
    width: 288px;
}
#author .staff_blog li .staff_blog_text a span{
    display:inline-block;
}
#author .staff_blog li .staff_blog_text a span.staff_blog_title{
    margin: 0 0 5px 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.author_bottom{
    word-break:break-all;
}