@charset "utf-8";
@import url("/tw/css/ugC_Content.css");
.rss-info h3 { margin-bottom:10px;}
.rss-info h3+p { margin-top:0px; margin-left:25px;}

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

.access-key-descr { width:100%; height:auto; overflow:hidden;}
.access-key-descr * { display:block; width:100%; height:auto; overflow:hidden;}


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