/* สุดยอด Pic Post / สุดยอดนักโพสต์ (top.php, topmb.php) — เดิม picpost/top.v03.css + topmb.v03.css */
.sp1 { padding:10px 0 0 0; text-align:center; font-size:14pt; }
.sp1 .xtitle1 { padding:6px 6px 2px 6px; background-color:var(--text); font-size:20pt; font-family:arial,tahoma; color:var(--bg); }
.sp1 .xtitle2 { margin:0 0 5px 0; padding:2px 6px 4px 8px; background-color:var(--bg3); font-size:13pt; color:var(--text2); }
.sp1 .xcol { display:inline-block; box-sizing:border-box; width:32%; padding:0 10px 20px 10px; border-right:2px dotted var(--bg3); vertical-align:top; text-align:left; }
.sp1 .xcol:last-child { border-width:0; }
.sp1 .xline { padding:5px 0 0 0; }
.sp1 .xlink { position:relative; display:block; max-width:190px; margin:20px auto 0 auto; padding:15px 15px 4px 15px; text-align:center; color:var(--text); }
.sp1 .xlink:hover { color:var(--linkactive); }
.sp1 .ximg { width:160px; height:160px; border-style:none; object-fit:cover; background-color:var(--bg2); }
.sp1 .xmb .ximg { width:100px; height:100px; border-radius:50%; }
.sp1 .xno { position:absolute; display:block; left:-5px; top:-5px; width:40px; height:40px; border-radius:50%; background-color:var(--primary); text-align:center; font-size:16pt; line-height:40px; color:var(--primarytext); }
.sp1 .xmb .xno { left:20px; }
.sp1 .xview, .sp1 .xvote { text-align:center; font-size:12pt; color:var(--text3); }
.sp1 .xstar { position:relative; width:80px; height:16px; margin:0 auto; overflow:hidden; white-space:nowrap; font-size:14px; line-height:16px; color:var(--bg3); }
.sp1 .xstar::before { content:'★★★★★'; }
.sp1 .xstar span { position:absolute; left:0; top:0; height:16px; overflow:hidden; color:#f5b301; }
.sp1 .xstar span::before { content:'★★★★★'; }
.sp1 .xname { text-align:center; font-size:11pt; color:var(--text2); }
.sp1 .xmb .xname { font-size:14pt; }
.sp1 .xname a { color:var(--linkpj); }
.sp1 .xname a:hover { color:var(--linkpjactive); }
.sp1 .xnote { padding:25px 0 10px 0; text-align:center; font-size:11pt; color:var(--text3); }
@media (max-width:700px) {
	.sp1 .xcol { width:100%; padding:10px 10px 40px 10px; border-width:0; }
}