@charset "utf-8";

/*PageLink*/
.PageLink { width:100%; height:auto; overflow:hidden;}
.PageLink * { padding:0; margin:0; list-style:none; text-decoration:none;}
.PageLink ul { width:100%; height:auto; overflow:hidden;
/*flex*/
-webkit-flex-display:flex; display: flex;
flex-wrap:wrap;}
.PageLink ul li { width:24%; margin-right:1.33%; height:auto; overflow:hidden; float:left; margin-bottom:1rem; font-size:0.7rem;}
.PageLink ul li:nth-child(4n+4){ margin-right:0;}
.PageLink ul li > div > a { display:block; width:100%; height:auto; overflow:hidden;}
.PageLink ul li > div > a:link,
.PageLink ul li > div > a:visited,
.PageLink ul li > div > a:hover,
.PageLink ul li > div > a:active { color:black; padding:0.5rem; border:1px solid rgba(0,0,0,0.1);
/*圓角*/
border-radius:0.5rem;}
.PageLink ul li > div > a:focus{ background:yellow; color:blue; border:2px dashed blue;}

@media only screen and (min-width:0px) and (max-width:960px) {
.PageLink ul {  -webkit-justify-content:space-between;justify-content:space-between; }
.PageLink ul li { width:48%; margin-right:0;}
}