@charset "utf-8";
@import url("/tw/css/ugC_Content.css");
/*SiteMapWrapper*/
.SiteMapWrapper { width:100%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:1rem;
/*flex*/
-webkit-flex-display:flex; display: flex;
flex-wrap:wrap;}
.SiteMapWrapper * { padding:0; margin:0; list-style:none; text-decoration:none;}
.SiteMapWrapper dl { width:19%; margin-right:calc( 5% / 4 ); height:auto; overflow:hidden; float:left; margin-bottom:1rem;}
.SiteMapWrapper dl:nth-child(5n+5) { margin-right:0;}
.SiteMapWrapper dl dt { display:block; width:100%; height:auto; overflow:hidden; text-align:center; background:var(--color-main); color:white; padding:0.5rem;
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.SiteMapWrapper dl dt a { display:block; width:100%; height:auto; overflow:hidden; text-align:center;}
.SiteMapWrapper dl dt a:link,
.SiteMapWrapper dl dt a:visited,
.SiteMapWrapper dl dt a:hover,
.SiteMapWrapper dl dt a:active { background:var(--color-main); color:white;}
.SiteMapWrapper dl dt.no-link { padding:0.58rem;}
/*針對無障礙設定*/
.SiteMapWrapper dl dt a:focus { background:rgba(255,240,0,1); color:blue;}
.SiteMapWrapper dl dd { width:100%; height:auto; overflow:hidden; border-bottom:1px dashed rgba(0,0,0,0.1);}
.SiteMapWrapper dl dd a { display:block; width:100%; height:auto; overflow:hidden; padding:0.5rem;
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.SiteMapWrapper dl dd a:link,
.SiteMapWrapper dl dd a:visited { color:rgba(0,0,0,0.6);}
.SiteMapWrapper dl dd a:hover,
.SiteMapWrapper dl dd a:active { color:rgba(0,100,180,1);}
/*針對無障礙設定*/
.SiteMapWrapper dl dd a:focus { background:rgba(255,240,0,1); color:blue;}

.SiteMapWrapper dl.news dd { width:50%; float:left;}

.access-key-info li { margin-bottom: 5px;}
.keyboard {padding: 0.2rem 0.4rem; font-size: 90%; color: rgba(0,0,0,.85); border: 1px solid rgba(0,0,0,.5); background: rgba(238,238,238,1); border-radius: 0.2rem; }


@media only screen and (min-width:0px) and (max-width:1024px) {
	.SiteMapWrapper dl,
	.SiteMapWrapper dl:nth-child(5n+5){ width:24%; margin-right:calc( 4% / 3 );}
	.SiteMapWrapper dl:nth-child(4n+4) { margin-right:0;}
}
@media only screen and (min-width:0px) and (max-width:768px) {
	.SiteMapWrapper dl,
	.SiteMapWrapper dl:nth-child(5n+5),
	.SiteMapWrapper dl:nth-child(4n+4){ width:32.33%; margin-right:calc( 3% / 2 );}
	.SiteMapWrapper dl:nth-child(3n+3) { margin-right:0;}
}
@media only screen and (min-width:0px) and (max-width:512px) {
	.SiteMapWrapper { -webkit-justify-content:space-between; justify-content:space-between;}
	.SiteMapWrapper dl,
	.SiteMapWrapper dl:nth-child(5n+5),
	.SiteMapWrapper dl:nth-child(4n+4),
	.SiteMapWrapper dl:nth-child(3n+3){ width:49%; margin-right:0;}
}

/*切換模式*/
.Wrapper.dark-mode .SiteMapWrapper dl dt a:link,
.Wrapper.dark-mode .SiteMapWrapper dl dt a:visited,
.Wrapper.dark-mode .SiteMapWrapper dl dt a:hover,
.Wrapper.dark-mode .SiteMapWrapper dl dt a:active  { background:none;}
.Wrapper.dark-mode .SiteMapWrapper dl dt a:focus  { background:yellow;}
.Wrapper.dark-mode .SiteMapWrapper dl dd { border-bottom:1px dashed rgba(255,255,255,0.2);}