@charset "utf-8";
img, object, embed, video {max-width: 100%;border:0px;height: auto;border-radius: 10px;}
.ie6 img {width:100%;height: auto;border:0px;border-radius: 10px;}



al{
width:100%;
-webkit-column-width:45%;
-moz-column-width:45%;
-o-colum-width:45%;
column-width:45%;


}
lis{
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-bottomright: 25px;
border-bottom-right-radius: 25px;
background-color: #272727;
display:inline-block;
width:45%;
margin:3px;
}

@media only screen and (min-width: 481px) {
al{
width:100%;
-webkit-column-width:31%;
-moz-column-width:31%;
-o-colum-width:31%;
column-width:31%;


}
lis{
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-bottomright: 25px;
border-bottom-right-radius: 25px;
background-color: #272727;
display:inline-block;
width:31%;
margin:3px;
}
	

}
@media only screen and (min-width: 769px) {
al{
width:100%;
-webkit-column-width:13%;
-moz-column-width:13%;
-o-colum-width:13%;
column-width:13%;


}
lis{
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-bottomright: 25px;
border-bottom-right-radius: 25px;
background-color: #272727;
display:inline-block;
width:13%;
margin:3px;
}

}

#wrapper .content-gallery{
	clear:both;
	width:100%;
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:6px;
	align-items:start;
}

#wrapper .content-gallery > lis{
	width:auto;
	margin:0;
}

#wrapper .content-gallery img{
	width:100%;
}

@media only screen and (min-width: 481px){
	#wrapper .content-gallery{
		grid-template-columns:repeat(3, minmax(0, 1fr));
	}
}

@media only screen and (min-width: 769px){
	#wrapper .content-gallery{
		grid-template-columns:repeat(6, minmax(0, 1fr));
		gap:24px;
	}
}

#wrapper lis{
	position:relative;
}

#wrapper lis:hover,
#wrapper lis:focus-within{
	z-index:1;
}

#wrapper lis > a{
	display:block;
	border-radius:10px;
	transform-origin:center;
	transition:transform .4s cubic-bezier(.22, 1, .36, 1);
}

#wrapper lis > a > img{
	display:block;
}

@media (hover: hover){
	#wrapper lis > a:hover{
		transform:scale(1.08);
	}
}

#wrapper lis > a:focus-visible{
	transform:scale(1.08);
}

/* 相簿及文章item*/



/* admin*/
.item .del{width:20px;padding-left:45%;padding-top:0;line-height:20px;}
.item .newsid{font-size:90%;width: 100%;padding:0px 0 0px 2px;line-height:22px;margin-left:3%}
.item .number{padding: 0;font-size: 120%;line-height: 20px;font-weight: bolder;margin-left:3%}