@charset "UTF-8";
/* CSS Document */
@media screen and (min-width:601px) { /*桌面*/	
/*=========================檔案=========================*/

#file h2{
	display: block;
	text-align:center;
	font-weight: 300;
	padding:20px 0 20px 0;
	
	}	
#file_wrap{
	display: flex;
	flex-wrap: wrap;
	}
	
#file a{
    background-color: hsla(0,0%,91%,1.00);
    border: 1px solid hsla(0,0%,74%,1.00);
    padding: 5px;
    border-radius: 3px;
    transition: transform 0.8s;
    color: hsla(0,0%,35%,1.00);
	margin:12px;
	display: block;
	}
#file a:hover{
    transform: scale(1.08);
    color: hsla(0,0%,20%,1.00);
    background-color: hsla(0,0%,100%,1.00);
    -webkit-box-shadow: 0px 0px 6px hsla(0,0%,0%,0.50);
    box-shadow: 0px 0px 6px hsla(0,0%,0%,0.20);
	}
/*=========================檔案=========================*/

}


@media screen and (max-width:600px) { /*行動裝置*/

/*=========================檔案=========================*/
	
#file h2{
	display: block;
	text-align:center;
	font-weight: 300;
	padding:20px 0 20px 0;
	
	}	
#file_wrap{
	}
	
#file a{
    background-color: hsla(0,0%,93%,1.00);
    border: 1px solid hsla(0,0%,74%,1.00);
    padding: 5px;
    border-radius: 3px;
    transition: transform 0.8s;
    color: hsla(0,0%,35%,1.00);
    margin: 12px;
    display: block;
    text-align: center;
	}
#file a:hover{
    transform: scale(1.08);
    color: hsla(0,0%,20%,1.00);
    background-color: hsla(0,0%,100%,1.00);
    -webkit-box-shadow: 0px 0px 6px hsla(0,0%,0%,0.50);
    box-shadow: 0px 0px 6px hsla(0,0%,0%,0.20);
	}
/*=========================檔案=========================*/
	
	}