@charset "utf-8";

/*照片*/
.picbox{ border-top:1px solid #eee; padding-top:20px;}
.picbox .centerbox{width:100%; height:auto;  overflow:hidden; text-align:center; margin-bottom:50px; }
.picbox .listbox { width:48%; height:auto; background-color:#FFF; float:left;margin:1%; padding:5px;border:2px solid #eee; position:relative; border-radius:6px;}
.picbox .listbox:hover {border:2px solid #ccc;}
.picbox .listbox .imgbox{width:100%; height:0; padding-bottom:65%;overflow:hidden;background-color:#eee; border:1px solid #eee;border-radius:0px; margin-bottom:5px;}
.picbox .listbox .imgbox img{width:100%; height:auto; margin:0; padding:0;}
.picbox .listbox .mainbox{width:100%;height: auto; padding:0px 5px; font-size:90%; border-top:0px dashed #eee;margin-top:0px;}
.picbox .listbox .mainbox span { display:block;width:100%;font-size:100%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#666;}

/*檔案*/
.filebox{ border-top:1px solid #eee; padding-top:20px;}
.filebox .centerbox{width:100%; height:auto;  overflow:hidden; text-align:center; margin-bottom:50px; }
.filebox .listbox { width:31%; height:auto; float:left;margin:1%; padding:5px;border:2px solid #eee; position:relative; border-radius:6px;}
.filebox .listbox:hover {border:2px solid #ccc;}
.filebox .listbox .mainbox{width:100%;height: auto; padding:0px 5px; font-size:90%; border-top:0px dashed #eee;margin-top:0px; text-align:left; background:url(../img/icon_download_flie.svg) left center no-repeat; background-size:auto 30px;}
.filebox .listbox .mainbox span { display:block;width:100%;font-size:100%;margin:0 auto; padding-left:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#666; }
.filebox .listbox .mainbox span img{ width:auto; height:20px; vertical-align:middle; margin-right:5px;}




/* == 手機版型區 =============================== */

@media screen and (max-width: 767px) {

/*照片*/
.picbox .listbox { width:48%;}
/*檔案*/
.filebox .listbox { width:48%;}
	}

/* == 平板版型區 =============================== */
 
@media screen and (min-width: 768px) and (max-width: 1024px) {


/*照片*/
.picbox .listbox { width:48%;}
/*檔案*/
.filebox .listbox { width:31%;}
}
@media screen and (min-width: 1025px) and (max-width: 1366px) {


	}