.spbox { box-sizing:border-box; width:96%; max-width:800px; background-color:var(--bg2); margin:0 auto 15px auto; padding:20px 100px; font-size:12pt; }
.spbox .xtitle { font-size:14pt; color:var(--textpink); }

#imgsbox { padding-left:30px; padding-right:0; white-space:nowrap; overflow-x:auto; }
#imgsbox .xbox { position:relative; display:inline-block; box-sizing:border-box; width:80%; max-width:500px; padding:0 30px 0 0; vertical-align:top; white-space:normal;}
#imgsbox .ximg { display:inline-block; width:100%; height:0; padding:56.25% 0 0 0; background-repeat:no-repeat; background-size:100% 100%; }
#imgsbox .xxtitle { display:inline-block; width:100%; font-size:14pt; }
#imgsbox .xrmbt { position:absolute; top:-12px; right:19px; display:inline-block; box-sizing:border-box; width:32px; height:32px; border-radius:50%; background-color:rgba(230,0,0,0.7); text-align:center; font-size:28px; line-height:28px; color:#fff; cursor:pointer; }
#imgsbox .xrmbt:hover { background-color:#d00; }

#form1 { padding:15px 0; }
#form1 .xline { padding:6px 0; }
#form1 .xline .xen { font-size:10pt; color:var(--text3); }
#form1 .xline .xen a { color:var(--text2); }
#form1 .xlabel { color:var(--textpink); }
#form1 .xvalue { padding:2px 0 0 0; }
#form1 .xupbt { margin:0 0 3px 0; }
#form1 .xupbt i { font-size:11pt; font-style:normal; }
#form1 input[type="text"] { box-sizing:border-box; width:100%; min-height:48px; border:1px solid var(--border); vertical-align:middle; font-size:16pt; }
#form1 input[type="number"] { box-sizing:border-box; min-height:48px; border:1px solid var(--border); vertical-align:middle; font-size:16pt; }
#form1 input[type="checkbox"] { width:28px; height:28px; vertical-align:middle; }
#form1 select { box-sizing:border-box; min-height:40px; vertical-align:middle; font-size:15pt; }
#form1 textarea { box-sizing:border-box; min-width:250px; min-height:100px; font-size:12pt; font-family:tahoma; }
#form1 .xnote { font-size:10pt; color:var(--text4); }
#form1 input[name="link"] { max-width:360px; }
#form1 input[name="budget"] { max-width:200px; font-size:20pt; }
#form1 input[name="procode"] { max-width:300px; font-size:20pt; }
#form1 .xpayment img { margin:5px 5px 0 0; }
#form1 .xbar { padding:15px 0 30px 0; text-align: center; }
#form1 input[type="submit"] { min-width:300px; min-height:50px; }

#content_file_msg { padding:0 0 10px 0; font-size:12pt; color:var(--textgreen); }
#content_file_msg:empty { display:none; }
#content_file_waitbox { display:none; padding:10px; background-color:var(--bgyellow); color:var(--text); font-size:14pt; }

#chkpro_msg { max-width:400px; color:var(--textgreen); }
#chkpro_msg.err { color:var(--textred); }
#discountbox .xdiscount { padding:10px 0 0 0; }

.spsel .xsel { display:inline-block; box-sizing:border-box; width:50%; padding:8px; border-width:1px 1px 1px 0; border-style:solid; border-color:var(--bg4); background-color:var(--bg2); background:linear-gradient(to bottom,var(--bg3),var(--bg2)); text-align:center; cursor:pointer; }
.spsel .xsel:first-child { border-radius:15px 0 0 15px; border-width:1px; }
.spsel .xsel:last-child { border-radius:0 15px 15px 0; }
.spsel .xsel:hover { border-color:var(--border); }
.spsel .xsel.active { background-color:var(--primary); border-color:var(--primary); background:linear-gradient(to bottom,var(--primarylite),var(--primary)); color:var(--primarytext); }
.spsel .xsel.active .xen { color:var(--text)!important; }

@media (max-width:1000px) {
	.spbox { padding:20px 8%; }
}
@media (max-width:800px) {
	.spsel .xsel { width:100%; }
	.spsel .xsel:first-child { border-radius:15px 15px 0 0; }
	.spsel .xsel:last-child { border-radius:0 0 15px 15px; }
}
@media (max-width:700px) {
	.spbox { padding:20px 3%; }
}
@media (max-width:500px) {
}

@keyframes bn_ani1 {
	from { transform:scale(3,3); opacity:0.2; }
	tom { transform:scale(1,1); }
}