.pin-wrap{width:1200px;max-width:96%;margin:0 auto 50px;}
.pin-grid{
	column-count:4;
	column-gap:14px;
}
.pin-grid-detail{
	column-count:2;
	column-gap:16px;
	margin-top:20px;
}
.pin-card{
	display:block;
	break-inside:avoid;
	-webkit-column-break-inside:avoid;
	page-break-inside:avoid;
	margin:0 0 14px;
	background:#2c2d31;
	overflow:hidden;
	position:relative;
	color:#fff;
	text-decoration:none;
}
.pin-card img{
	width:100%;
	height:auto;
	display:block;
	border:0;
	transition:transform .35s ease;
}
.pin-card:hover img{
	transform:scale(1.04);
}
.pin-cap{
	position:absolute;
	left:0;right:0;bottom:0;
	padding:28px 12px 10px;
	background:linear-gradient(transparent,rgba(0,0,0,.78));
	color:#fff;
	font-size:14px;
	line-height:20px;
}
.pin-cap b{
	display:block;
	font-weight:normal;
	font-size:15px;
	line-height:22px;
}
.pin-cap em{
	display:block;
	margin-top:4px;
	font-style:normal;
	font-size:12px;
	color:#cfcfcf;
}
.pin-card-text{
	padding:16px 14px 18px;
}
.pin-card-text b{
	display:block;
	color:#fff;
	font-size:15px;
	line-height:22px;
	font-weight:normal;
}
.pin-card-text em{
	display:block;
	margin-top:8px;
	font-style:normal;
	font-size:12px;
	color:#9a9a9a;
}
.pin-more{
	display:block;
	width:220px;
	margin:10px auto 40px;
	height:42px;
	line-height:42px;
	text-align:center;
	border:1px solid #8fc31f;
	color:#8fc31f;
	font-size:14px;
	cursor:pointer;
	background:transparent;
}
.pin-more:hover,
.pin-more.is-loading{
	background:#8fc31f;
	color:#fff;
}
.pin-wrap + .pages{display:none;}

.box-news{
	background:#808080;
}
.box-paper{
	background:#fff;
}
.box-news .a-head,
.box-paper .a-head{
	height:auto;
	min-height:90px;
	margin-bottom:28px;
	overflow:visible;
}
.box-news .a-head{
	color:#fff;
}
.box-paper .a-head{
	color:#111;
}
.box-news .a-nav,
.box-paper .a-nav{
	position:static;
	float:right;
	top:auto;
	right:auto;
	z-index:2;
	width:220px;
	padding:7px 10px 7px 0;
}
.box-news .a-nav a,
.box-paper .a-nav a{
	float:none;
	display:block;
	height:auto;
	line-height:36px;
	width:100%;
}
.box-news .a-nav span,
.box-paper .a-nav span{
	float:none;
	display:block;
	height:auto;
	line-height:36px;
	margin-left:18px;
	padding-left:22px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.box-paper .casen-h,
.box-paper .article,
.box-paper .article p,
.box-paper .article span,
.box-paper .article font,
.box-paper .article div,
.box-paper .article td,
.box-paper .article li,
.box-paper .article strong,
.box-paper .article b,
.box-paper .article em,
.box-paper .article h1,
.box-paper .article h2,
.box-paper .article h3,
.box-paper .article h4,
.box-paper .article h5{
	color:#111 !important;
	background-color:transparent !important;
}
.box-paper .article a{
	color:#1677d2 !important;
}
.box-paper .return a{
	color:#111;
}
.pin-news{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:28px;
	column-count:unset;
	align-items:start;
}
.pin-news-card{
	margin:0;
	width:100%;
	background:#1c1d20;
	border-radius:16px;
	box-shadow:0 8px 24px rgba(0,0,0,.28);
	overflow:hidden;
}
.pin-news-card img{
	transition:transform .45s ease;
}
.pin-news-card:hover{
	box-shadow:0 14px 32px rgba(0,0,0,.42);
}
.pin-news-card:hover img{
	transform:scale(1.03);
}
.pin-photo{
	display:block;
	overflow:hidden;
	border-radius:16px 16px 0 0;
	background:#111;
}
.pin-photo img{
	width:100%;
	height:auto;
	display:block;
}
.pin-meta{
	display:block;
	padding:16px 18px 18px;
}
.pin-date{
	display:block;
	margin:0 0 10px;
	font-style:normal;
	color:#8fc31f;
	line-height:1;
}
.pin-date strong{
	display:block;
	font-size:22px;
	font-weight:normal;
	letter-spacing:.12em;
	line-height:1.1;
}
.pin-date i{
	display:block;
	margin-top:4px;
	font-style:normal;
	font-size:12px;
	letter-spacing:.28em;
	color:#8a8a8a;
}
.pin-award strong{
	font-size:36px;
	letter-spacing:.06em;
	line-height:1;
}
.litebox{
	position:fixed;
	left:0;top:0;right:0;bottom:0;
	z-index:100000;
	background:rgba(0,0,0,.94);
	display:flex;
	align-items:center;
	justify-content:center;
}
.litebox[hidden]{display:none;}
.litebox-img{
	max-width:96vw;
	max-height:96vh;
	width:auto;
	height:auto;
	object-fit:contain;
	box-shadow:0 0 40px rgba(0,0,0,.5);
}
.litebox-close,
.litebox-prev,
.litebox-next{
	position:absolute;
	background:transparent;
	border:0;
	color:#fff;
	cursor:pointer;
	line-height:1;
	padding:0;
	opacity:.85;
}
.litebox-close{
	top:16px;
	right:22px;
	font-size:42px;
}
.litebox-prev,
.litebox-next{
	top:50%;
	margin-top:-28px;
	font-size:56px;
	width:56px;
	height:56px;
}
.litebox-prev{left:12px;}
.litebox-next{right:12px;}
.litebox-close:hover,
.litebox-prev:hover,
.litebox-next:hover{opacity:1;}
.pin-news-card b{
	display:block;
	font-weight:normal;
	font-size:15px;
	line-height:24px;
	color:#ececec;
	max-height:48px;
	overflow:hidden;
}
.pin-tags{
	display:block;
	margin-top:8px;
	font-style:normal;
	font-size:12px;
	color:#9a9a9a;
	letter-spacing:.04em;
	line-height:18px;
}
.pin-filter{
	width:1200px;
	max-width:96%;
	margin:0 auto 28px;
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	align-items:center;
}
.pin-filter input[type="text"],
.pin-filter select{
	height:40px;
	border:0;
	border-radius:8px;
	background:#1c1d20;
	color:#eee;
	padding:0 12px;
	font-size:14px;
}
.pin-filter input[type="text"]{
	flex:1 1 240px;
	min-width:180px;
}
.pin-filter select{
	flex:0 1 180px;
}
.pin-filter button{
	height:40px;
	padding:0 22px;
	border:0;
	border-radius:8px;
	background:#8fc31f;
	color:#fff;
	font-size:14px;
	cursor:pointer;
}
.pin-subnav{
	width:1200px;
	max-width:96%;
	margin:-4px auto 24px;
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.pin-subnav a{
	display:inline-block;
	padding:6px 14px;
	border-radius:8px;
	background:#1c1d20;
	color:#ccc;
	font-size:13px;
	line-height:20px;
}
.pin-subnav a.cur,
.pin-subnav a:hover{
	background:#8fc31f;
	color:#fff;
}
.pin-subnav-lab{
	color:#8fc31f;
	font-size:13px;
	line-height:32px;
	padding-right:4px;
	white-space:nowrap;
}
.pin-news-card .pin-cap{display:none;}
@media only screen and (max-width:1200px){
	.pin-news{grid-template-columns:repeat(2, 1fr);gap:22px;}
}
@media only screen and (max-width:640px){
	.pin-news{grid-template-columns:1fr;gap:18px;}
	.pin-date strong{font-size:20px;}
}
.case-box .article{color:#ddd;}
.case-box .casen-h{margin:10px 0 0;}
.box.black .a-head{
	height:auto;
	min-height:90px;
	margin-bottom:28px;
	overflow:visible;
	color:#fff;
}
.box.black .a-nav{
	position:static;
	float:right;
	top:auto;
	right:auto;
	z-index:2;
}
.box.black .case-box .casen-h{color:#fff;}
.box.black .case-box .article{color:#ddd;}
.case-sec{
	width:1200px;
	max-width:96%;
	margin:28px auto 8px;
	font-size:16px;
	color:#8fc31f;
	letter-spacing:.12em;
	font-weight:normal;
}
.box.black .pin-grid-detail,
.box-news .pin-grid-detail{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:20px;
	column-count:unset;
	align-items:start;
	margin-top:24px;
}
.box.black .pin-grid-detail .pin-card,
.box-news .pin-grid-detail .pin-card{
	margin:0;
	border-radius:16px;
	background:#1c1d20;
	overflow:hidden;
	box-shadow:0 8px 24px rgba(0,0,0,.28);
}
.box.black .pin-grid-detail .pin-card img,
.box-news .pin-grid-detail .pin-card img{
	width:100%;
	height:auto;
	display:block;
}
@media only screen and (max-width:1200px){
	.pin-grid{column-count:3;}
	.pin-grid-detail{column-count:2;}
}
@media only screen and (max-width:800px){
	.pin-grid{column-count:2;}
	.pin-grid-detail{column-count:1;}
	.box.black .pin-grid-detail,
	.box-news .pin-grid-detail{grid-template-columns:1fr;}
}
@media only screen and (max-width:480px){
	.pin-grid{column-count:1;}
	.pin-more{width:90%;}
}