﻿/* List File */
.list.file li { margin-bottom:0; position: relative; }
.list.file li > span {
	display: inline-block;
	*display: inline;
	*zoom:1;
}
.list.file li > span.fileType {
	width:40px;
	text-align:center;
	font-size:11px;
	font-size:1.1rem;
	line-height:15px;
	margin:0px 6px 0 0;
	background-color:#ffffff;
}
.title .size { margin-left:6px; font-size:12px; font-size:1.2rem; color:#aaaaaa; }

/* Gabby新增 20160526 ↓　*/
.file-name {
	padding-left: 50px;
    font-size: 12px;
    color: #999999;
}
.list.file li .btn-white {
	position: absolute;
    top: 0;
    right: 10px;
}
/* Gabby新增 20160526 ↑　*/

/*doc docx*/
.fileType.doc , .fileType.docx { border:1px solid #157efb; color:#157efb; }
.list li:hover > span.fileType.doc , .list li:hover > span.fileType.docx { background-color:#157efb; }
.list li:hover > span.fileType.doc ~ span.title , .list li:hover > span.fileType.docx ~ span.title { color:#157efb; }

/*xls xlsx*/
.fileType.xls , .fileType.xlsx { border:1px solid #27AC5F; color:#27AC5F; }
.list li:hover > span.fileType.xls , .list li:hover > span.fileType.xlsx { background-color:#27AC5F; }
.list li:hover > span.fileType.xls ~ span.title , .list li:hover > span.fileType.xlsx ~ span.title { color:#27AC5F; }

/*ppt pptx*/
.fileType.ppt , .fileType.pptx { border:1px solid #E55425; color:#E55425; }
.list li:hover > span.fileType.ppt , .list li:hover > span.fileType.pptx { background-color:#E55425; }
.list li:hover > span.fileType.ppt ~ span.title , .list li:hover > span.fileType.pptx ~ span.title { color:#E55425; }

/*pdf*/
.fileType.pdf { border:1px solid #AC3335; color:#AC3335; }
.list li:hover > span.fileType.pdf { background-color:#AC3335; }
.list li:hover > span.fileType.pdf ~ span.title { color:#AC3335; }

/*zip*/
.fileType.zip { border:1px solid #EAA846; color:#EAA846; }
.list li:hover > span.fileType.zip { background-color:#EAA846; }
.list li:hover > span.fileType.zip ~ span.title { color:#EAA846; }

/*rar*/
.fileType.rar { border:1px solid #B82079; color:#B82079; }
.list li:hover > span.fileType.rar { background-color:#B82079; }
.list li:hover > span.fileType.rar ~ span.title { color:#B82079; }

/*7z*/
.fileType.f-7z { border:1px solid #000000; color:#000000; }
.list li:hover > span.fileType.f-7z { background-color:#000000; }
.list li:hover > span.fileType.f-7z ~ span.title { color:#000000; }

/*滑過效果*/
.list li:hover > span { color:#666666; opacity: .8; }
.list li:hover > span.fileType { color:#ffffff; }

/*responsive*/
@media screen and (max-width : 979px) {/* 20160524 Gabby新增*/
	.list.file li { border-left: none; padding-left: 0; }
}
@media screen and (max-width : 600px) {	
	/* List File */
	.list.file li > span.fileType { width:12%; }
	.col-50 .list.file li > span.title { width:85%; }
}





