@charset "utf-8";
@import url("/tw/css/ugC_Content.css");
#ContentPlaceHolder1_wrapFunc { width:100%; height:auto; overflow:hidden; padding:0; margin:0; list-style:none; margin-bottom:1rem;
/*flex*/
-webkit-flex-display:flex; display: flex;
-webkit-justify-content:space-between;justify-content:space-between;
flex-wrap:wrap;}
#ContentPlaceHolder1_wrapFunc a { display:block; width:calc( 50% - 5px ); height:auto; overflow:hidden; border:1px solid rgba(0,0,0,0.1); padding:10px; text-align:center; text-decoration:none;
/*圓角*/
border-radius:10px;
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
#ContentPlaceHolder1_wrapFunc a:link,
#ContentPlaceHolder1_wrapFunc a:visited { color:#000;}
#ContentPlaceHolder1_wrapFunc a:hover,
#ContentPlaceHolder1_wrapFunc a:active { background:var(--color-main); color:#fff;}
#ContentPlaceHolder1_wrapFunc a:focus{ color:blue; border:2px dashed blue;}

.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews ul li { width:calc( 25% - ( 60px / 4 ) );}
.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews ul li a span { text-align:center; font-weight:bold; display:block;}
.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews ul li a span.photo { height:317px; margin:0; background:none; margin-bottom:10px;}
.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews ul li a span.photo img { height:317px; object-fit: cover;}

.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews.Publication_Issue ul li { width:calc( 33.33% - ( 40px / 3 ) ); padding:0;}
.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews.Publication_Issue ul li > a span.photo { height:auto;}
.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews.Publication_Issue ul li > a span.photo img { height:230px;}
.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews.Publication_Issue ul li a > *.click-num{ width:100%; font-size:0.6em; opacity:0.6; text-align:left;}
.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews.Publication_Issue ul li a span { text-align:left;}
/*.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews.Publication_Issue ul li > a { width:200px; height:auto; overflow:hidden; float:left; margin:0;}

.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews.Publication_Issue ul li > a + .data { display:block; width:calc( 100% - 200px ); height:auto; overflow:hidden; float:left; font-weight:bold; line-height:1.6; padding-left:10px;}

.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews.Publication_Issue ul li > a + .data img { display:block; max-width:100%; height:auto; float:left; margin-bottom:5px;
border-radius:5px;}
.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews.Publication_Issue ul li > a + .data .descr { display:block; width:100%; height:auto; overflow:hidden; font-size:0.7em;}
.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews.Publication_Issue ul li > a + .data .descr a { display:inline; width:auto; height:auto; overflow:visible; float:none; clear:both; font-size:0.7em;}*/
.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews.Publication_Issue ~ .go-back{ max-width:none;}
.Content .PageWrapper-Side .PageContent-Right .PageArticle > .go-back { display:block; width:100%; height:auto; overflow:hidden; margin:20px auto; background:#eee; text-align:center; text-decoration:none; padding:10px; max-width:800px;
/*基礎動畫設定*/
transition:all .5s, transform .5s;
/*圓角*/
border-radius:10px;}
.Content .PageWrapper-Side .PageContent-Right .PageArticle > .go-back:link,
.Content .PageWrapper-Side .PageContent-Right .PageArticle > .go-back:visited { color:#444;}
.Content .PageWrapper-Side .PageContent-Right .PageArticle > .go-back:hover,
.Content .PageWrapper-Side .PageContent-Right .PageArticle > .go-back:active { background:var(--color-main); color:#fff; transform: translate(0px, -5px);}
.Content .PageWrapper-Side .PageContent-Right .PageArticle > .go-back:focus{ background:rgba(255,240,0,1); border:2.5px dashed blue; color:blue;}

@media only screen and (min-width:0px) and (max-width:1300px) {
	.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews ul li a span.photo { height:calc( ( 100vw - 380px ) / 4 * 1.41512605 );}
	.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews ul li a span.photo img { height:calc( ( ( 100vw - 380px ) / 4 * 1.41512605 ) - 2px );}
	.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews.Publication_Issue ul li > a span.photo img { height:calc( ( ( 100vw - 380px ) / 3 * 0.75 ) - 2px );}
}

@media only screen and (min-width:0px) and (max-width:1024px){
	.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews ul li { width:calc( 33.33% - ( 40px / 3 ) );}
	.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews ul li a span.photo { height:calc( ( 100vw - 60px ) / 3 * 1.41512605 );}
	.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews ul li a span.photo img { height:calc( ( ( 100vw - 60px ) / 3 * 1.41512605 ) - 2px );}
	.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews.Publication_Issue ul li { width:calc( 50% - ( 20px / 2 ) );}
	.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews.Publication_Issue ul li > a span.photo img { height:calc( ( ( 100vw - 40px ) / 2 * 0.6675 ) );}
	}
@media only screen and (min-width:0px) and (max-width:768px){
	.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews ul li { width:calc( 50% - ( 20px / 2 ) );}
	.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews ul li a span.photo { height:calc( ( 100vw - 40px ) / 2 * 1.40350877 );}
	.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews ul li a span.photo img { height:calc( ( ( 100vw - 40px ) / 2 * 1.41512605 ) - 2px );}
	.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews.Publication_Issue ul li { width:100%;}
	.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews.Publication_Issue ul li > a span.photo img { height:calc( ( ( 100vw - 20px ) / 1 * 0.6675 ) );}
	}
@media only screen and (min-width:0px) and (max-width:430px){
	.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews ul li { width:100%;}
	.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews ul li a span.photo { height:auto;}
	.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews ul li a span.photo img { height:auto;}
	.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews.Publication_Issue ul li > a { width:100%; margin-bottom:10px;}
	.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews.Publication_Issue ul li > a + .data { width:100%; padding:0;}
	.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews.Publication_Issue ul li > a + .data .descr { font-size:0.9em;}
	.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews.Publication_Issue ul li > a + .data .descr a { font-size:0.9em;}
	}