.mainbox { max-width:1400px; }

h1 { margin:0px; padding:10px 0 10px 5px; }

#form1 { padding:5px 0 5px 0; background-color:var(--bg2); text-align:center; }
#form1 input[name=q] { box-sizing:border-box; width:60%; max-width:500px; height:40px; padding:3px 2px; vertical-align:middle; font-size:16pt; }
#form1 input[type=submit] { box-sizing:border-box; width:30%; max-width:120px; height:40px; vertical-align:middle; font-size:16pt; }

h2 { padding:25px 0 10px 10px; text-align:center; font-size:18pt; }
h2 a { color:var(--linkpj); }
h2 a:hover { color:var(--linkpjactive); }

.spa { padding:10px 0; text-align:center; font-size:14pt; }
.spa .xlink { display:inline-block; box-sizing:border-box; width:95%; max-width:320px; margin:7px 7px 0 0; padding:7px; background-color:var(--bg2); vertical-align:top; text-align:left; color:var(--text); }
.spa .xlink:hover { background-color:var(--bg3); vertical-align:top; text-align:left; color:var(--texthl); }
.spa .xlink b { font-size:18pt; font-weight:normal; }
.spa .ximg { float:left; width:100px; height:100px; border-style:none; margin:0 7px 0 0; }

.spht { padding:10px 0; text-align:center; font-size:14pt; }
.spht .xlink { position:relative; display:inline-block; box-sizing:border-box; width:20%; padding:15px; vertical-align:top; text-align:left; color:var(--text); }
.spht .xlink:hover { background-color:var(--bg2); color:var(--texthl); }
.spht .ximg { width:100%; border-style:none; margin:0 0 4px 0; }
.spht .xicon { max-width:120px; height:10px; border-style:none; }
.spht .xlabel { position:absolute; right:12px; top:7px; width:50px; height:50px; border-style:none; }

.spv { padding:10px 0; text-align:center; font-size:14pt; }
.spv .xlink { display:inline-block; box-sizing:border-box; width:20%; padding:15px; vertical-align:top; text-align:left; color:var(--text); }
.spv .xlink:hover { background-color:var(--bg2); color:var(--texthl); }
.spv .ximg { width:100%; border-style:none; margin:0 0 4px 0; }

.spp { padding:10px 0; text-align:center; font-size:14pt; }
.spp .xlink { display:inline-block; box-sizing:border-box; width:20%; padding:15px; vertical-align:top; text-align:left; color:var(--text); }
.spp .xlink:hover { background-color:var(--bg2); color:var(--texthl); }
.spp .ximg { width:100%; border-style:none; margin:0 0 4px 0; }

.spwb { padding:10px 0; margin:0 5px 0 8px; padding:5px; font-size:14pt; }
.spwb .xline { border-bottom:1px dashed var(--bg3); }
.spwb .xlink { display:block; padding:5px 1px 5px 2px; color:var(--text); }
.spwb .xlink:hover { background-color:var(--bg2); color:var(--texthl); }

.spmore { margin:2px 6px 15px 6px; padding:2px 8px 10px 0; background-color:var(--bg2); text-align:center; font-size:11pt; font-weight:bold; color:var(--text2); }
.spmore a { color:var(--text); }
.spmore a:hover { color:var(--texthl); }

@media (max-width:1100px) {
	.spht .xlink { width:25%; }
	.sppp .xlink { width:25%; }
	.spv .xlink { width:25%; }
}
@media (max-width:900px) {
	.spht .xlink { width:33%; }
	.sppp .xlink { width:33%; }
	.spv .xlink { width:33%; }
}
@media (max-width:700px) {
	.spht .xlink { width:50%; }
	.sppp .xlink { width:50%; }
	.spv .xlink { width:50%; }
}
@media (max-width:500px) {
	.spht .xlink { width:100%; }
	.sppp .xlink { width:100%; }
	.spv .xlink { width:100%; }
}