.spmenu { padding:0 8px 0 0; vertical-align:top; }
.spmenu .xbt { padding:8px; font-size:14pt; line-height:22px; }

#qform { padding:10px 0; text-align:center; }
#qform input { box-sizing:border-box; height:40px; border-width:1px 0 1px 1px; border-style:solid; border-color:var(--btborder); vertical-align:top; font-size:14pt; }
#qform input[type="text"] { width:150px; border-radius:5px 0 0 5px; background-color:var(--bg2); color:var(--text); }
#qform input:last-child { border-radius:0 5px 5px 0; border-right-width:1px; }
#qform input[type="button"] ,
#qform input[type="submit"] { border-color:var(--btborder); background-color:var(--bt); color:var(--bttext); }

.splist { clear:both; box-sizing:border-box; width:96%; max-width:1400px; margin:0 auto; padding:5px; font-size:12pt; }
.splist .xlink { display:inline-block; box-sizing:border-box; width:25%; padding:15px 7px; vertical-align:top; text-align:left; color:var(--text); }
.splist .xlink:hover { color:var(--linkactive); }
.splist .ximg { width:80px; height:80px; border-radius:50%; border-style:none; vertical-align:top; }
.splist .xtext { display:inline-block; box-sizing:border-box; width:calc(100% - 80px); padding:10px 0 0 7px; vertical-align:top; }
.splist .xname { display:inline-block; box-sizing:border-box; width:100%; font-size:18pt; }
.splist .xby { font-size:12pt; color:var(--text4); }
.splist .xby b { font-weight:normal; color:var(--text4); }
.splist .xnew { display:inline-block; margin:15px 15px 0 5px; border-radius:14px; color:var(--textpink); font-size:13pt; }
.splist .xcreate { display:block; box-sizing:border-box; width:99%; margin:8px auto 0 auto; padding:5px; border-radius:5px; border:2px solid var(--primary); background-color:var(--primary); text-align:center; font-size:16pt; color:var(--primarytext); }
.splist .xcreate:hover { color:var(--primarytext); filter:contrast(1.2); }

.spbmenu { width:98%; max-width:1200px; margin:0 auto; padding:20px 0 50px 0; text-align:center; font-size:18pt; }
.spbmenu a { display:block; margin:10px 0; padding:10px; font-size:16pt; }

@media(max-width:1400px) {
	.splist .xname { font-size:16pt; }
	.splist .xby { font-size:11pt; }
	}
@media(max-width:1200px) {
	.splist .ximg { width:64px; height:64px; }
	.splist .xtext { width:calc(100% - 64px); padding:8px 0 0 5px; }
	}
@media(max-width:1000px) {
	.splist .xlink { width:33%; }
	}
@media(max-width:800px) {
	.splist { width:100%; }
	.splist .xlink { width:50%; }
	}
@media(max-width:500px) {
	.spmenu { padding-right:20px; }
	#qform input[type=text] { width:120px; }
	.splist .xlink { width:100%; padding:10px 7px;  }
	}
@media(max-width:400px) {
	#qform input[type=text] { width:100px; }
	.spmenu a { padding:8px 10px; }
	}
@media(max-width:340px) {
	.spmenu { padding-right:10px; }
	}