@charset "utf-8";
@import url("/tw/css/ugC_Content.css");
.photo-detail-wrap .photo-set { width:100%; height:auto; overflow:hidden; position:relative;}
.photo-detail-wrap .photo-set .arrow { width:100%; height:auto; overflow:hidden; position:absolute; top:50%; margin-top:-25px;}
.photo-detail-wrap .photo-set .arrow > a { display:block; width:50px; height:50px; overflow:hidden; float:left; text-indent:-9999px; text-decoration:none; position:relative;
/*基礎動畫設定*/
transition:all .5s, transform .5s;}
.photo-detail-wrap .photo-set .arrow > a:before { content:''; display:block; width:46px; height:46px; overflow:hidden;}
.photo-detail-wrap .photo-set .arrow > a.ControlBut-prev { float:left;}
.photo-detail-wrap .photo-set .arrow > a.ControlBut-prev:before { background:url(../Images/Layout/RWD/icon_prev.png) center center no-repeat, rgba(0,0,0,0.2);}
.photo-detail-wrap .photo-set .arrow > a.ControlBut-next { float:right;}
.photo-detail-wrap .photo-set .arrow > a.ControlBut-next:before { background:url(../Images/Layout/RWD/icon_next.png) center center no-repeat, rgba(0,0,0,0.2);}

.photo-detail-wrap .photo-set .arrow > a:nth-child(2n+2) { float:right;}
.photo-detail-wrap .photo-set .arrow > a:nth-child(2n+2):before { background:url(../Images/Layout/RWD/icon_next.png) center center no-repeat, rgba(0,0,0,0.2);}
.photo-detail-wrap .photo-set .arrow > a:link,
.photo-detail-wrap .photo-set .arrow > a:visited { color:#fff;}
.photo-detail-wrap .photo-set .arrow > a:hover,
.photo-detail-wrap .photo-set .arrow > a:active { background:var(--color-main); color:#fff;}
.photo-detail-wrap .photo-set .arrow > a:focus{ background:rgba(255,240,0,1); border:2.5px dashed blue; color:blue;}

.photo-detail-wrap .photo-set .arrow + div { width:100%; height:auto; overflow:hidden;}
.photo-detail-wrap .photo-set .arrow + div * { padding:0; margin:0; list-style:none; text-decoration:none;}
.photo-detail-wrap .photo-set .arrow + div img { display:block; max-width:100%; height:auto; margin:0 auto;}

.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;
/*基礎動畫設定*/
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;}

.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews.Album ul li a span.photo { height:272px;}
.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews.Album ul li a span.photo img { height:272px; object-fit: cover;}

@media only screen and (min-width:0px) and (max-width:1300px) {
	.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews.Album ul li a span.photo { height:calc( ( 100vw - 60px ) / 3 * 0.6675 );}
	.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews.Album ul li a span.photo img { height:calc( ( 100vw - 60px ) / 3 * 0.6675 );}
	}
@media only screen and (min-width:0px) and (max-width:1024px) {
	.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews.Album ul li a span.photo { height:calc( ( 100vw - 40px ) / 2 * 0.6675 );}
	.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews.Album 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.Album ul li a span.photo { height:auto;}
	.Content .PageWrapper-Side .PageContent-Right .PageArticle .PageNews.Album ul li a span.photo img { height:auto;}
	}