body { background:linear-gradient(180deg,#000 0px, #018 400px,var(--bg) 1000px); background-repeat:no-repeat; background-size:100% auto; }
.mainbox { box-sizing:content-box; max-width:1100px; }

h1 { margin:0; padding:15px 0 10px 0; text-align:center; font-size:28pt; color:#FFF; font-weight:bold; }
h1 i { display:inline-block; padding:5px 10px; border-radius:15px; background: linear-gradient(180deg, #FFA, #FF7); font-size:14pt; line-height:20px; font-style:normal; color: #553; }
h2 { margin:0; padding:15px 0 0 0; text-align:center; font-size:20pt; }

.spmenu { padding:0 15px 0 0; text-align:center; }
.spmenu .xbt { display:inline-block; box-sizing:border-box; margin:15px 0 0 15px; padding:8px 15px; border-radius:18px; background-color:rgba(255,255,255,0.6); text-align:center; font-size:14pt; line-height:20px; color: #000; }
.spmenu .xbt:hover { background-color:rgba(255,255,255,0.75); }
.spmenu .xbt.active { background-color:rgba(255,255,255,0.9); font-weight:bold; }

.spboxes { padding:0 0 40px 0; text-align:center; }
.spboxes .xhead { font-size:14pt; font-weight:bold; }
.spboxes .xhead b { display:block; font-size:20pt; }
.spboxes .xcount { padding:30px 0 0 0; text-align:center; }
.spboxgrp { white-space:nowrap; }
.spbox { display:inline-block; box-sizing:border-box; width:47%; max-width:350px; margin:30px 1% 0 1%; padding:15px 20px; border-radius:20px; box-shadow:0 0 15px rgba(0,0,0,0.25); background-color:rgba(255,255,255,0.8); vertical-align:top; font-size:14pt; line-height:1.2; color: #000; }

.splist .xitem { position:relative; box-sizing:border-box; height:37px; margin:25px 0 30px 50px; padding:5px 10px 0 0; border-bottom:3px solid #072; text-align:right; font-size:14pt; font-weight:bold; color: #000; }
.splist .xitem .xnum { position:absolute; left:-50px; top:-8px; display:inline-block; box-sizing:border-box; min-width:70px; height:48px; padding:10px; border-radius:15px; background:#072; text-align:center; font-size:20pt; line-height:28px; font-weight:bold; color: #FFF; }
.splist .xitem.xn { border-color: #c60; }
.splist .xitem.xn .xnum { background-color:#c60; }

@media (max-width:600px) {
	.spboxgrp { white-space:normal; }
	.spbox { width:96%; margin:20px 0 0 0; }
}