.mainbox { width:90%; max-width:1400px; }

.spinfo { font-size:12pt; color:var(--text2); }

#maincontent { min-height:400px; font-size:15pt; word-break:break-word; }
#maincontent img { box-sizing:border-box; max-width:100%; border-radius:10px; box-shadow:0 0 8px var(--bg2); filter:none; }
#maincontent iframe { max-width:100%; }
#maincontent .twitter-tweet ,
#maincontent .twitter-video ,
#maincontent .instagram-media { margin-left:auto!important; margin-right:auto!important; }
#maincontent .fb-video { width:100%; max-width:480px; min-height:240px; margin:0 auto; background-color:var(--bg3); font-size:11pt; color:var(--text3); }
#maincontent figure { margin:10px 0; padding:0; text-align:center; }
#maincontent figcaption { margin:0; padding:0; }

#votebox { padding:5px 0 0 0; text-align:center; }
#votebox .xlabel { display:inline-block; margin:0 12px 0 0; vertical-align:middle; font-size:14pt; color:var(--text2); }
#votebox .xvbt { display:inline-block; box-sizing:border-box; width:calc(20% - 28px); max-width:50px; height:44px; padding:14px 5px 5px 5px; background-size:contain; background-position:center; background-repeat:no-repeat; vertical-align:middle; font-size:12pt; font-weight:bold; line-height:20px; color:#D44; filter:grayscale(1); cursor:pointer; }
#votebox .xvbt:hover ,
#votebox .xvbt.active { filter:grayscale(0); }
#votebox .xvbt.inactive { filter:grayscale(1); opacity:0.5; }
@keyframes votebt1 {
	0% { transform:scale(1); }
	50% { transform:scale(3); }
	100% { transform:scale(1); }
}
@keyframes votebt0 {
	0% { opacity:1; }
	50% { opacity:0.5; }
	100% { opacity:0.5; }
}
#statbox { padding:15px 0 10px 0; text-align:center; font-size:14pt; }
#voteinfobox { padding:5px 0 0 0; text-align:center; }
#voteratebar { display:inline-block; width:120px; height:24px; margin:5px 0 5px 0; background-position:top left; background-size:24px 24px; vertical-align:middle; text-align:left; }
#voteratestar { display:block; width:0px; height:24px; background-position:top left; background-size:24px 24px; transition:width 0.4s; }
@keyframes voteratestar_ani1 {
	0% { transform:translateY(20px); opacity:0; }
	50% { transform:translateY(20px); opacity:0; }
	100% { transform:translateY(0px); opacity:1; }
}

.spht { padding:15px 0 0 0; border-collapse:collapse; text-align:center; }
.spht h3 { margin:20px 0 10px 0; padding:8px; background:linear-gradient(to right, #eee 0%, #FF7 50%, #EEE); text-align:center; font-size:18pt; }
.spht .xlink { display:inline-block; box-sizing:border-box; width:33%; max-width:480px; padding:20px; border-radius:12px; vertical-align:top; text-align:left; transition:transform 0.3s; }
.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 .xlink:hover { transform:scale(1.08); }
.spht .xtitle { display:block; box-sizing:border-box; width:100%; max-height:66px; overflow:hidden; font-size:14pt; line-height:22px; font-weight:normal; }
.spht .xmorebt { display:block; width:80%; max-width:400px; margin:20px auto 0 auto; }

@media (max-width:900px)	{
	.spht .xlink { width:50%; }
}
@media (max-width:600px)	{
	.spht .xlink { width:100%; }
}
@media (max-width:500px)	{
	.mainbox { width:95%; }
}