.jpg{
    background: url(../img/file.png) no-repeat 10px 15px;
    width: 100px;
    height: 100px;
    display: inline-block;
    margin: 10px;
}
.gif{
    background: url(../img/file.png) no-repeat 10px 15px;
    width: 100px;
    height: 100px;
    display: inline-block;
    margin: 10px;
}
.ppt{
    background: url(../img/ppt.png) no-repeat 10px 15px;
    width: 100px;
    height: 100px;
    display: inline-block;
    margin: 10px;
}
.rar{
    background: url(../img/rar.png) no-repeat 10px 15px;
    width: 100px;
    height: 100px;
    display: inline-block;
    margin: 10px;
}
.word{
    background: url(../img/word.png) no-repeat 10px 15px;
    width: 100px;
    height: 100px;
    display: inline-block;
    margin: 10px;
}
.excel{
    background: url(../img/excel.png) no-repeat 10px 15px;
    width: 100px;
    height: 100px;
    display: inline-block;
    margin: 10px;
}
.other{
    background: url(../img/other.png) no-repeat 10px 15px;
    width: 100px;
    height: 100px;
    display: inline-block;
    margin: 10px;
}
.pdf{
    background: url(../img/pdf.png) no-repeat 10px 15px;
    width: 100px;
    height: 100px;
    display: inline-block;
    margin: 10px;
}