.mainbox { max-width:1600px; padding-top:0px; }

.spht { padding:15px 0 0 0; border-collapse:collapse; text-align:center; }
.spht .xlink { display:inline-block; box-sizing:border-box; width:25%; max-width:520px; padding:20px; border-radius:12px; vertical-align:top; text-align:left; transition:transform 0.3s; }
.spht .xlink:hover { transform:scale(1.08); }
.spht .xlink img { display:block; width:100%; aspect-ratio:16/9; margin:0 0 4px 0; border-radius:10px; box-shadow:0 0 8px var(--bg2); border-style:none; }
.spht .xtitle { display:block; box-sizing:border-box; width:100%; max-height:66px; overflow:hidden; font-size:14pt; line-height:22px; }

@media (max-width:1400px)	{
	.spht .xlink { width:33%; }
}
@media (max-width:1100px)	{
	.spht .xlink { width:50%; }
}
@media (max-width:700px)	{
	.spht .xlink { width:100%; }
}