:root {
	--dark-bg:#161618;
	--dark-bg2:#212124;
	--dark-bgtransparent: rgba(22,22,24,0.6);
	--dark-text:#d0d0d3;
	--dark-text2:#b0b0b3;
	--dark-text3:#909093;
	--dark-textred:#e22;
	--dark-texthl:#fff;
	--dark-textactive:#fff;
	--dark-link:#fff;
	--dark-linkactive:#d119a6;
	--dark-linkpj:#d119a6;
	--dark-linkpjactive:#fa46d0;
	--dark-border:#545457;
	--dark-bt:#313134;
	--dark-bttext:#b1b1b4;
	--dark-primary:#d119a6;
	--dark-primarytext:#fff;
	--dark-error:#e22;
	--dark-errortext:#fff;

	--bg0:#fff;
	--bg:#eee;
	--bg2:#dadada;
	--bg3:#c8c8c8;
	--bg4:#b5b5b5;
	--bgred:#faa;
	--bggreen:#9c9;
	--bgyellow:#ee6;
	--bgorange:#f96;
	--bgbrown:#966;
	--bgpink:#e8d;
	--bgblue:#79e;
	--bgtransparent: rgba(240,240,240,0.6);
	--text:#222;
	--text2:#444;
	--text3:#666;
	--text4:#888;
	--textred:#d00;
	--textgreen:#070;
	--textorange:#d60;
	--textyellow:#870;
	--textbrown:#933;
	--textblue:#04d;
	--textpink:#d119a6;
	--texthl:#000;
	--textactive:#000;
	--link:#000;
	--linkactive:#d119a6;
	--linkpj:#d119a6;
	--linkpjactive:#c922a2;
	--border:#a2a2a2;
	--bt:#c0c0c0;
	--bttext:#333;
	--btborder:#b0b0b0;
	--btactive:#b0b0b0;
	--btactivetext:#000;
	--btactiveborder:#a0a0a0;
	--primary:#d119a6;
	--primarylite:#ec36c1;
	--primarytext:#fff;
	--error:#d00;
	--errortext:#fff;

	color-scheme:light;
}

:root.dark {
	--bg0:#000;
	--bg:#181819;
	--bg2:#28282a;
	--bg3:#38383a;
	--bg4:#48484a;
	--bgred:#811;
	--bggreen:#151;
	--bgyellow:#554700;
	--bgorange:#920;
	--bgbrown:#462222;
	--bgpink:#7c0462;
	--bgblue:#04d;
	--bgtransparent: rgba(22,22,24,0.6);
	--text:#c0c0c0;
	--text2:#a8a8a8;
	--text3:#909090;
	--text4:#787878;
	--textred:#e22;
	--textgreen:#292;
	--textyellow:#dd0;
	--textbrown:#b55;
	--textblue:#69f;
	--textpink:#d119a6;
	--texthl:#eee;
	--textactive:#eee;
	--link:#eee;
	--linkactive:#ff94e6;
	--linkpj:#fa46d0;
	--linkpjactive:#ff94e6;
	--border:#545456;
	--bt:#313133;
	--bttext:#b1b1b4;
	--btborder:#444;
	--btactive:#414143;
	--btactivetext:#e1e1e4;
	--btactiveborder:#555;
	--primary:#d119a6;
	--primarylite:#ec36c1;
	--primarytext:#fff;
	--error:#d22;
	--errortext:#d8d8d8;
	color-scheme:dark;
}


@font-face {
    font-family: "Prompt";
    src: url("font/Prompt-SemiBoldItalic.ttf");
    font-weight: bold;
    font-style: italic, oblique;
	font-display: swap;
}
@font-face {
    font-family: "Prompt";
    src: url("font/Prompt-SemiBold.ttf");
    font-weight: bold;
	font-display: swap;
}
@font-face {
    font-family: "Prompt";
    src: url("font/Prompt-Italic.ttf");
    font-style: italic, oblique;
	font-display: swap;
}
@font-face {
    font-family: "Prompt";
    src: url("font/Prompt-Regular.ttf");
	font-display: swap;
}

body { margin:0; background-color:var(--bg); font-family:tahoma,Sans-Serif; font-size:11pt; color:var(--text); }
h1 { margin:0; padding:2px 1px; font-size:20pt; }
h2 { margin:0; padding:2px 1px; font-size:16pt; }
h3 { margin:0; padding:2px 1px; font-size:13pt; }
a { text-decoration:none; color:var(--link); }
a:hover { color:var(--linkactive); }
form { margin:0; }

::selection { background-color: var(--primary); color: var(--primarytext); }

.icon1 { border-style:none; width:100px; height:100px; }
.icon2 { border-style:none; width:120px; height:90px; }
.smallicon { border-style:none; width:16px; height:16px; vertical-align:middle; }

.h1tool { float:right; padding:7px 1px 0 0; }
.h1tool img { vertical-align:middle; }

#topbar { z-index:1; position:fixed; left:0; top:0; width:100%; max-width:100vw; min-height:44px; padding:0; background-color:#d119a6; }
#topbar .xbtsel { position:relative; display:inline-block; min-width:44px; height:44px; padding:2px 4px; vertical-align:middle; text-align:center; font-size:12pt; }
#topbar .xbtsel.xhl { min-width:36px; }
#topbar .xbtsel i { font-size:10pt; font-style:normal; }
#topbar .xbtsel img { vertical-align:middle; }
#topbar .xbtsel .xicon { display:inline-block; cursor:pointer; }
#topbar .xbtsel .xshare { box-sizing:border-box; height:34px; margin:4px 2px 0 2px; padding:10px 0 0 0; font-size:13px; color:#fff; }
#topbar .xbtsel .xicon img.xuser { width:32px; height:32px; margin:4px 0 0 0; border-radius:16px; }
#topbar .xbtsel .xicon svg.xuser { width:32px; height:32px; margin:4px 0 0 0; color:#eee; }
#topbar .xbtsel .xicon img.xhl { width:22px; height:16px; margin:13px 0 0 0; border:1px solid #e245be; }
#topbar .xbtsel .xsub { display:none; z-index:2; position:absolute; right:0; top:42px; max-width:240px; max-height:calc(100vh - 100px); overflow:auto; padding:5px 0 8px 0; border:2px solid #333; background-color:#333; text-align:left; font-size:12pt; color:#ccc; }
#topbar .xbtsel .xsub a { display:block; padding:9px 6px 9px 10px; white-space:nowrap; color:#eee; }
#topbar .xbtsel .xsub a:hover { background-color:#111; color:#eee; }
#topbar .xbtsel .xsub a.xlabel { display:block; padding:10px 0; border-style:none; text-align:center; font-size:14pt; }
#topbar .xbtsel .xfollowbt { padding:2px 4px; }
#topbar .xbtsel .xfollowbt img { width:24px; height:24px; padding:3px 4px 5px 4px; vertical-align:middle; }
#topbar .xbtsel:hover ,
#topbar .xbtsel:focus { background-color:#333; }
#topbar .xbtsel:hover .xicon ,
#topbar .xbtsel:focus .xicon { border-color:#b1138c; }
#topbar .xbtsel:hover .xsub ,
#topbar .xbtsel:focus .xsub { display:inline-block; }
#topbar .xbtsel:hover .xshare { color:#fff; }
#topbar .xsocialbt { display:inline-block; box-sizing:border-box; padding:6px 4px 2px 4px; vertical-align:middle; }
#topbar .xsocialbt img { width:24px; height:24px; }
#topbar .xsocialbt:hover img { box-shadow:0 0 3px #fff; }

#tophls { display:none; }

.topbt { margin:10px 0 0 0; padding:2px; text-align:center; }

#topuserbtsel { float:right; }

#toptruehits { margin:0 0 3px 15px; text-align:right; }
#toptruehits iframe { width:14px; height:17px; vertical-align:middle; }

.top_app_android { display:block; margin:0 0 5px 0; padding:10px 5px; background-color:#689f38; text-align:center; font-size:14pt; color:#fff; }
.top_app_android:hover { color:#fff; text-shadow:1px 1px 7px #000; }

.top_restrict { display:block; box-sizing:border-box; width:98%; max-width:800px; margin:20px auto; padding:5px; border-radius:10px; background-color:var(--bgred); text-align:center; font-size:11pt; color:var(--text); cursor:pointer; }
.top_restrict:hover { color:var(--texthl); }

#noti1 { display:inline-block; vertical-align:middle; font-size:10pt; font-weight:bold; }
#noti1 .xnoti { position:relative; display:inline-block; box-sizing:border-box; width:40px; height:40px; padding:4px; }
#noti1 .xnoti img { width:32px; height:32px; border-style:none; }
#noti1 .xnone { opacity:0.6; }
#noti1 .xnone:hover { opacity:0.8; }
#noti1 b { position:absolute; display:inline-block; left:0; top:13px; width:40px; text-align:center; font-size:12px; font-weight:bold; color:#d00; text-shadow:1px 1px 1px #fff; }
#noti1 .xani { animation:noti1_ani 0.8s; }
@keyframes noti1_ani {
	from { transform:scale(2.5,2.5); opacity:0; }
	to { transform:scale(1,1); opacity:1; }
	}

#notibox1 { display:none; z-index:2; position:fixed; right:50px; top:4px; box-sizing:border-box; width:95vw; min-width:320px; max-width:440px; border:2px solid var(--border); border-radius:5px; background-color:var(--bg2); font-size:11pt; color:var(--text); font-family:tahoma; }
#notibox1 .xclose { display:block; width:24px; height:24px; padding:6px; text-align:center; float:right; font-size:18px; color:var(--text2); }
#notibox1 .xclose:hover { color:var(--texthl); }
#notibox1 .xtitle { display:block; box-sizing:border-box; height:36px; padding:6px 2px 0 6px; background-color:var(--bg3); font-weight:bold; color:var(--text); }
#notibox1 .xtitle img { width:24px; height:24px; vertical-align:middle; }
#notibox1 iframe { width:100%; height:85vh; min-height:320px; max-height:800px; }

#topmenubt { float:left; position:relative; display:block; width:40px; height:40px; margin:0; padding:2px 2px 2px 4px; color:#fdc1ef; cursor:pointer; }
#topmenubt svg { width:100%; height:100%; }
#topmenubt:hover { color:#fff; }
#topmemubt .xnum { position:absolute; left:0; top:0; display:inline-block; width:20px; height:11px; border-radius:10px; background-color:#d00; text-align:center; font-size:11px; font-weight:bold; color:#fff; opacity:0.9;  animation:fadein2 1s; -webkit-animation:fadein2 1s; }

#toptool { float:right; min-height:44px; margin:0 5px 0 0; }

#toplogo { display:inline-block; box-sizing:border-box; width:105px; height:44px; margin:0 0 0 6px; padding:12px 0 0 0; vertical-align:middle; background-repeat:no-repeat; background-size:contain; background-position:center center; font-size:14pt; color:#eee; }

#topfbbt { display:inline-block; width:65px; height:20px; overflow:hidden; padding:6px 0 0 0; vertical-align:middle; }
#toptwbt { display:inline-block; width:65px; height:20px; overflow:hidden; padding:6px 0 0 0; vertical-align:middle; }

#topuserbt { display:inline-block; vertical-align:middle; }
#topuserbt img { box-sizing:border-box; width:40px; height:40px; border-radius:50%; }

#topbarback { max-width:100%; margin-bottom:7px; text-align:right; transition:height 1s; }

#topmbox { display:none; z-index:21; position:fixed; left:0; top:0; width:100vw; max-width:400px; max-width:800px; height:100vh; background-color:var(--dark-bgtransparent); backdrop-filter:blur(8px); text-align:left; font-size:12pt; color:var(--dark-text2); }
#topmboxbg { z-index:20; position:fixed; top:0; left:0; width:100vw; height:100vh; background-color:var(--dark-bgtransparent); backdrop-filter:blur(8px); }
#topmbox .xtitle { padding:0 4px 0 4px; background-color:#d119a6; color:#fdc1ef; }
#topmbox .xtitle svg { width:40px; height:40px; margin:0 8px 0 0; vertical-align:middle; color:#fdc1ef; cursor:pointer; }
#topmbox .xtitle b { display:inline-block; vertical-align:middle; font-size:36px; font-weight:normal; }
#topmbox .xclose { display:inline-block; width:40px; height:40px; padding:2px 4px; border-style:none; vertical-align:top; opacity:0.75; cursor:pointer; }
#topmbox .xlogo { display:inline-block; vertical-align:top; }
#topmbox .xlogo img { height:32px; padding:7px 0 0 4px;}
#topmboxmenu { box-sizing:border-box; width:100%; height:calc(100vh - 100px); padding:5px 0 90px 0; overflow:auto; text-align:center; font-size:14pt; }
#topmboxmenu .xsp { height:8px; margin:8px 0 0 0; border-top:1px solid var(--dark-border); }
#topmboxmenu a { display:inline-block; box-sizing:border-box; width:calc(33% - 20px); margin:6px; padding:20px 10px; border-radius:20px; background-color:var(--dark-bg2); text-align:center; font-size:14pt; color:var(--dark-text2); cursor:pointer; }
#topmboxmenu a:hover { background-color:var(--dark-bg); color:var(--dark-texthl); }
#topmboxmenu a.xlo { color:var(--dark-text2); }
#topmboxmenu a.xhl { color:var(--dark-texthl); }
#topmboxmenu a.xhl2 { color:var(--dark-textred); }
#topmboxmenu .xtheme .xbt { box-sizing:border-box; width:44px; height:44px; margin:0 0 8px 8px; padding:6px; border-radius:8px; border:2px solid var(--dark-bg2); vertical-align:middle; color:var(--dark-text); }
#topmboxmenu .xtheme .xbt:hover { border:2px solid var(--dark-text3); }
#topmboxmenu .xtheme .xbt.active { border-color:var(--dark-primary); }
@keyframes topmboxbg_ani1 {
	from { opacity:0; }
	to { opacity:1; }
}
@keyframes topmboxbg_ani0 {
	from { opacity:1; }
	to { opacity:0; }
}
@keyframes topmbox_ani1 {
	from { transform:translate(-300px,0); opacity:0; }
	to { transform:translate(0,0); opacity:1; }
}
@keyframes topmbox_ani0 {
	0% { transform:translate(0,0); opacity:1; }
	80% { transform:translate(-300px,0); opacity:0; }
	100% { transform:translate(-300px,0); opacity:0; }
}

#topmboxsearch { width:100%; margin:0; padding:20px 0 15px 0; text-align:center; white-space:nowrap; }
#topmboxsearch input { box-sizing:border-box; height:40px; border:1px solid var(--dark-border); outline:none; vertical-align:top; font-size:14pt; color-scheme: dark; }
#topmboxsearch input[type=text] { width:calc(96% - 160px); padding-left:10px; border-right:none; border-radius:20px 0 0 20px; background-color:var(--dark-bg2); color:var(--dark-text); }
#topmboxsearch input[type=submit] { width:160px; border-radius:0 20px 20px 0; border-left:none; background-color:var(--dark-bg); color:var(--dark-text); }

#topmenubar { clear:both; width:100%; background-color:#d119a6; text-align:center; font-size:14pt; color:#ff8ff4; }
#topmenubar a { display:inline-block; padding:2px 9px 4px 9px; vertical-align:bottom; text-align:left; white-space:nowrap; text-decoration:none; color:#fff; }
#topmenubar a:hover { background-color:#c00093; color:#fff; }
#topmenubar a.active { padding-left:10px; padding-right:10px; background-color:#eee; color:#000; }
#topmenubar a.xhl { color:#ff7; }
#topmenubar a.xhl:hover { background-color:#222; color:#ee7; }
#topmenubar a.xhl2 { color:#aef; }
#topmenubar a.xhl2:hover { background-color:#222; color:#aef; }
#topmenubar .xgroup { position:relative; display:inline-block; vertical-align:bottom; }
#topmenubar .xgroup .xsub { z-index:2; position:absolute; left:0; top:26px; display:none; box-shadow:1px 1px 4px #aaa; background-color:#d119a6; text-align:left; }
#topmenubar .xgroup:hover .xsub { display:inline-block; }
#topmenubar .xsub a { display:block; padding-left:10px; }
#topmenubar .xsub a.xsp { margin-top:5px; padding-top:10px; border-top:1px solid #d196c3; }
@keyframes topmenubar_show {
	from { transform:translate(0,-30px); opacity:0; }
	to { transform:translate(0,0); opacity:1; }
}
@keyframes topmenubar_hide {
	from { transform:translate(0,0); opacity:1; }
	to { transform:translate(0,-30px); opacity:0; }
}

.topusermenubg { z-index:20; position:fixed; top:0; left:0; width:100vw; height:100vh; background-color:var(--dark-bgtransparent); backdrop-filter:blur(8px); }
.topusermenu { z-index:21; position:fixed; top:0; right:0; width:100vw; max-width:400px; height:100vh; overflow:hidden; background-color:var(--dark-bgtransparent); backdrop-filter:blur(8px); color:var(--dark-text2); }
.topusermenu .xclosebt { float:right; width:50px; height:50px; cursor:pointer; color:var(--dark-text2); }
.topusermenu .xclosebt:hover { color:var(--dark-textred); }
.topusermenu .xuser { display:block; padding:14px 0 0 16px; color:var(--dark-text); }
.topusermenu .xuser:hover {color:var(--dark-primary); }
.topusermenu .xuser img { width:48px; height:48px; border-radius:50%; vertical-align:middle; }
.topusermenu .xuser .xname { display:inline-block; box-sizing:border-box; width:calc(100% - 118px); overflow:hidden; padding:0 0 0 8px; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; font-size:24pt; }
.topusermenu .xbody { clear:both; box-sizing:border-box; width:100%; height:calc(100% - 50px); padding:10px 10px 60px 10px; overflow-x:hidden; overflow-y:auto; }
.topusermenu .xbt ,
.topusermenu .xbt2 { display:inline-block; box-sizing:border-box; margin:6px; padding:20px 10px; border-radius:20px; background-color:var(--dark-bg2); text-align:center; font-size:14pt; color:var(--dark-text2); cursor:pointer; }
.topusermenu .xbt { width:calc(100% - 12px); }
.topusermenu .xbt2 { width:calc(50% - 12px); }
.topusermenu .xbt:hover ,
.topusermenu .xbt2:hover { background-color:var(--dark-bg); color:var(--dark-primary); }
.topusermenu .xbt svg ,
.topusermenu .xbt2 svg { box-sizing:border-box; width:72px; height:72px; }
.topusermenu .xbt .xtitle ,
.topusermenu .xbt2 .xtitle { display:inline-block; box-sizing:border-box; width:100%; }
@keyframes topusermenu_show {
	from { opacity:0; transform:translateX(300px); }
	to { opacity:1; transform:translateX(0px); }
}
@keyframes topusermenu_close {
	from { opacity:1; transform:translateX(0px); }
	to { opacity:0; transform:translateX(300px); }
}
	
.topbar2 { width:100%; margin:0 auto; padding:12px 0 18px 0; }

.topbanner { width:100%; max-width:970px; min-height:90px; margin:0 auto; text-align:center; }

#top_pageicon { display:none; z-index:1; position:fixed; left:2px; top:2px; }
#top_pageicon a { display:inline-block; padding:2px; white-space:nowrap; font-size:12pt; font-weight:bold; }
#top_pageicon a img { width:44px; height:44px; border-style:none; border-radius:22px; vertical-align:middle; }
#top_pageicon span { display:inline-block; width:0; height:20px; overflow:hidden; vertical-align:middle; color:#fff; background-color:#d119a6; }
#top_pageicon span.show { width:100px; -webkit-animation:top_pageicon_ani1 1s; animation:top_pageicon_ani1 1s; }
#top_pageicon span.hide { -webkit-animation:top_pageicon_ani2 1s; animation:top_pageicon_ani2 1s; }
#top_pageicon a:hover  span { width:100px; -webkit-animation:top_pageicon_ani1 1s; animation:top_pageicon_ani1 1s; }
@keyframes top_pageicon_ani1 { from { width:0; opacity:0; } to { width:100px; opacity:1; } }
@keyframes top_pageicon_ani2 { from { width:100px; opacity:1; } to { width:0; opacity:0; } }


.btbar1 { padding:10px 0 0 0; }
.btbar2 { padding:10px 0 25px 0; background-color:var(--bg2); font-size:11pt; color:var(--text3); }
.btmenu { max-width:1200px; margin:0 auto; padding:5px 0 0 0; text-align:center; font-size:12pt; }
.btmenu a { display:inline-block; padding:8px 10px; white-space:nowrap; color:var(--text); }
.btapp { padding:5px 5px 0 5px; text-align:center; }
.btapp .xdl { position:relative; display:inline-block; box-sizing:border-box; width:25%; max-width:200px; padding:5px; vertical-align:middle; }
.btapp .xdl .ximg { height:42px; }
.btapp .xdl .xqr { width:64px; }
.btapp .xdl .xqr2 { position:absolute; left:50%; top:50%; display:none; margin-left:-80px; margin-top:-80px; width:120px; height:120px; }
.btapp .xdl:hover .xqr2 { display:block; }
.btmenu2 { max-width:990px; margin:0 auto; padding:5px 0 0 0; text-align:right; }
.btmenu2 a { display:inline-block; padding:8px 10px; white-space:nowrap; color:var(--text2); }
.btmenu2 .xright a { color:var(--textpink); }
@media (min-width:900px) {
	.btmenu2 .xleft { display:block; float:left; }
}
@media (max-width:900px) {
	.btapp .xdl { width:33%; }
	.btapp .xdlqr { display:none; }
}
@media (max-width:450px) {
	.btapp .xdl .ximg { width:100%; height:auto; }
}

.bt { display:inline-block; box-sizing:border-box; max-width:100%; padding:8px 14px; border-radius:5px; border:1px solid var(--btborder); background-color:var(--bt); vertical-align:top; text-align:center; font-size:14pt; text-decoration:none; color:var(--bttext); cursor:pointer; }
.bt:hover { background-color:var(--btactive); color:var(--btactivetext); }
.spbt img { vertical-align:middle; }

.bt.pj { border-color:var(--primary); background-color:var(--primary); color:var(--primarytext); }
.bt.pj:hover { border-color:var(--primarytext); color:var(--primarytext); }

.bt.red { background-color:var(--bgred); color:var(--text); }
.bt.red:hover { border-color:var(--textred); color:var(--text); }

.bt.green { background-color:var(--bggreen); color:var(--text); }
.bt.green:hover { border-color:var(--textgreen); color:var(--text); }

.bt.yellow { background-color:var(--bgyellow); color:var(--text); }
.bt.yellow:hover { border-color:var(--textyellow); color:var(--text); }

.bt.orange { background-color:var(--bgorange); color:var(--text); }
.bt.orange:hover { border-color:var(--textorange); color:var(--text); }

.bt.small { padding:6px 8px; font-size:12pt; }

.linkbt { display:inline-block; padding:9px; vertical-align:middle; font-size:14pt; text-decoration:none; }
.linkbt.small { padding:9px 5px; font-size:12pt; }

.linkbt.pj { color:var(--textpink); }
.linkbt.pj:hover { color:var(--textpink); }

.linkbt.red { color:var(--textred); }
.linkbt.red:hover { color:var(--textred); }

.pagebar { padding:5px 0 10px 0; text-align:center; font-size:14pt; font-weight:normal; }
.pagebar a { display:inline-block; box-sizing:border-box; min-width:5%; margin:5px 0 0 5px; padding:7px 5px; border:1px solid var(--bg2); background-color:var(--bg2); text-align:center; white-space:nowrap; color:var(--text3); }
.pagebar a:first-child { margin-left:0; }
.pagebar a:hover { border-color:var(--bg3); background-color:var(--bg3); color:var(--text); }
.pagebar .xnav { min-width:10%; padding:7px 10px; }
.pagebar .xcur { padding:7px 10px; border-color:var(--text4); background-color:var(--bg2); font-weight:bold; color:var(--text); }
.pagebar span { display:inline-block; margin:5px 0 0 5px; padding:7px; color:var(--text4); }

.note { margin:20px 0; padding:30px 5px;  border-radius:15px; border:2px solid var(--bg3); background-color:var(--bg2); text-align:center; font-size:18pt; color:var(--text); }
.complete { margin:20px 0; padding:30px 5px;  border-radius:15px; border:2px solid var(--textgreen); background-color:var(--bggreen); text-align:center; font-size:20pt; color:var(--text); }
.none { margin:20px 0; padding:70px 5px;  border-radius:15px; border:2px solid var(--bg3); background-color:var(--bg2); text-align:center; font-size:18pt; color:var(--text3); font-style:italic; }
.warn { margin:20px 0; padding:30px 5px;  border-radius:15px; border:2px solid var(--textyellow); background-color:var(--bgyellow); text-align:center; font-size:18pt; color:var(--text); }
.error { margin:20px 0; padding:30px 5px; border-radius:15px; border:2px solid var(--textred); background-color:var(--bgred); text-align:center; font-size:18pt; color:var(--text); }

.switchmenu { display:inline-block; box-sizing:border-box; padding:5px; vertical-align:middle; white-space:nowrap; font-size:14pt; }
.switchmenu .xbt { display:inline-block; box-sizing:border-box; padding:5px 8px; border:1px solid var(--bg4); background-color:var(--bg2); vertical-align:middle; white-space:normal; text-decoration:none; color:var(--text2); cursor:pointer; }
.switchmenu .xbt:first-child { border-radius:8px 0 0 8px; }
.switchmenu .xbt:last-child { border-radius:0 8px 8px 0; }
.switchmenu .xbt:hover { border-color:var(--border); }
.switchmenu .xbt.active { border-color:var(--text); background-color:var(--text2); color:var(--bg); }
.switchmenu .xbt.red , .switchmenu .xbt.red:hover { color:var(--textred); }
.switchmenu .xbt.red.active { border-color:var(--textred); background-color:var(--bgred); color:var(--texthl); }
.switchmenu .xbt.green , .switchmenu .xbt.green:hover { color:var(--textgreen); }
.switchmenu .xbt.green.active { border-color:var(--textgreen); background-color:var(--bggreen); color:var(--texthl); }
.switchmenu .xbt.yellow , .switchmenu .xbt.yellow:hover { color:var(--textyellow); }
.switchmenu .xbt.yellow.active { border-color:var(--textyellow); background-color:var(--bgyellow); color:var(--texthl); }
.switchmenu .xbt.orange , .switchmenu .xbt.orange:hover { color:var(--textorange); }
.switchmenu .xbt.orange.active { border-color:var(--textorange); background-color:var(--bgorange); color:var(--texthl); }
.switchmenu .xbt.brown , .switchmenu .xbt.brown:hover { color:var(--textbrown); }
.switchmenu .xbt.brown.active { border-color:var(--textbrown); background-color:var(--bgbrown); color:var(--texthl); }
.switchmenu .xbt.pink , .switchmenu .xbt.pink:hover { color:var(--textpink); }
.switchmenu .xbt.pink.active { border-color:var(--textpink); background-color:var(--bgpink); color:var(--texthl); }

.table1 { border-collapse:collapse; border:1px solid var(--bg3); background-color:var(--bg); }
.table1 th { padding:2px; border-width:0 0 1px 0; border-style:solid; border-color:var(--bg3); vertical-align:middle; text-align:center; background-color:var(--bg2); }
.table1 td { padding:3px 2px 2px 2px; border-width:0 0 1px 0; border-style:solid; border-color:var(--bg3); vertical-align:top; text-align:left; }

.table2 { border-collapse:collapse; border:1px solid var(--bg3); background-color:var(--bg); }
.table2 th { vertical-align:top; text-align:left; border-width:0 0 1px 0; border-style:solid; border-color:var(--bg3); background-color:var(--bg2); padding:4px 4px 1px 4px; }
.table2 td { vertical-align:top; text-align:left; border-width:0 0 1px 0; border-style:solid; border-color:var(--bg3); padding:2px 4px 2px 4px; }

.maintable { max-width:1000px; background-color:var(--bg); }
.maintable td { vertical-align:top; }
.mainbox { max-width:990px; margin:0 auto; padding:5px; }

.pjblock { margin:0 0 7px 0; padding:8px; box-shadow:0 0 7px var(--bg2); border:1px solid var(--bg2); background-color:var(--bg); }
.pjblock td { vertical-align:top; }

.breadcrumb { text-align:left; font-size:11pt; color:var(--text3); }
.breadcrumb a { display:inline-block; box-sizing:border-box; max-width:90%; padding:8px 2px; color:var(--text); }

.secmenu { margin:0 0 5px 0; padding:0px; background-color:var(--bg); }
.secmenu table { font-size:13pt; width:100%; border-collapse:collapse; }
.secmenu td { text-align:center; vertical-align:middle; padding:2px; }
.secmenu td.xup { background-color:var(--primary); }
.secmenu a { display:inline-block; padding:5px; color:var(--text2); }
.secmenu a:hover { color:var(--linkactive); }

.adsmr { border:1px solid var(--bg2); background-color:var(--bg); margin:0 0 7px 0; padding:5px 5px 3px 5px; }

.pjbt , .litebt { display:inline-block; box-sizing:border-box; padding:5px 10px; border-radius:5px; vertical-align:middle; text-align:center; font-size:14pt; }
.pjbt { border:2px solid var(--linkpj); background-color:var(--primary); color:var(--primarytext); }
.pjbt:hover { border-color:var(--linkpjactive); }
.litebt { border:1px solid var(--bg3); background-color:var(--bg2); color:var(--text); }
.litebt:hover { border-color:var(--bg4); color:var(--texthl); }

.pjpop { z-index:101; position:fixed; top:150px; left:50%; box-sizing:border-box; width:600px; min-height:100px; margin:0 0 0 -320px; padding:0; border-radius:10px; box-shadow:0 0 5px rgba(0,0,0,0.5); background-color:var(--dark-bg); text-align:left; font-size:14pt; color:var(--dark-text); }
.pjpop .xibox { padding:15px; overflow:auto; }
.pjpop a { color:var(--dark-link); }
.pjpop a:hover { color:var(--dark-linkactive); }
.pjpop_bg { z-index:100; position:fixed; top:0; left:0; width:100%; height:100%; background-color:var(--dark-bgtransparent); backdrop-filter:blur(8px); }
.pjpop_msgbox { padding:0 5px; text-align:center; }
.pjpop_msgdiv { padding:0 0 10px 0; text-align:center; }
.pjpop .xtitlebar { width:100%; white-space:nowrap; }
.pjpop .xtitletext { display:inline-block; box-sizing:border-box; width:calc(100% - 50px); height:44px; overflow:hidden; padding:7px 0 0 12px; vertical-align:top; font-size:16pt; text-overflow:ellipsis; line-height:34px; }
.pjpop .xclosebt { display:inline-block; box-sizing:border-box; width:50px; height:44px; padding:6px 0 0 0; vertical-align:top; text-align:center; font-size:32px; line-height:32px; color:var(--dark-linkpj); cursor:pointer; }
.pjpop .xclosebt:hover { color:var(--dark-linkpjactive); }
.pjpop form { margin:0; padding:0; }
.pjpop .xmidwidth { max-width:400px; margin:0 auto; }
.pjpop .xbtbar { padding:10px 0; text-align:center; }
.pjpop .xbtbar > * { margin:10px 0 0 10px; }
.pjpop .xbtbar > *:first-child { margin-left:0; }
.pjpop .xbt { display:inline-block; box-sizing:border-box; padding:7px 20px; border-radius:8px; border:none; outline:none; background-color:var(--dark-bt); font-size:14pt; color:var(--dark-bttext) !important; cursor:pointer; }
.pjpop .xbt:hover ,
.pjpop a.xbt:hover { color:var(--dark-bttext); }
.pjpop .xbt.xpj { background-color:var(--dark-primary); color:var(--dark-primarytext) !important; }
.pjpop a.xbt:hover ,
.pjpop .xbt:hover { filter:brightness(1.2); color:var(--dark-primarytext); }
.pjpop .xbt:disabled ,
.pjpop .xbt:disabled:hover { filter:brightness(0.6); }
.pjpop .xlinkbar a { display:inline-block; padding:5px; font-size:12pt; cursor:pointer; }
@keyframes pjpop_show {
	from { opacity:0; transform:scaleY(0); }
	to { opacity:1; transform:scaleY(1); }
}
@keyframes pjpop_bg_show {
	from { opacity:0; }
	to { opacity:1; }
}
@keyframes pjpop_close {
	from { opacity:1; transform:scaleY(1); }
	to { opacity:0; transform:scaleY(0); }
}
@keyframes pjpop_bg_close {
	from { opacity:1; }
	to { opacity:0; }
}

.ck__box { z-index:100; position:fixed; right:20px; bottom:20px; box-sizing:border-box; width:88%; max-width:300px; padding:10px 5px 10px 10px; border-radius:10px; background-color:var(--bgtransparent); font-size:10pt; color:var(--text2); display:none; }
.ck__box .xtext { display:inline-block; width:calc(100% - 70px); vertical-align:bottom; }
.ck__box b { font-size:11pt; }
.ck__box a { text-decoration:underline; color:var(--text2); }
.ck__box .xbt { display:inline-block; box-sizing:border-box; width:60px; margin:0 0 0 5px; padding:7px 5px; border-radius:7px; background-color:var(--bg3); vertical-align:bottom; text-align:center; font-size:11pt; font-weight:bold; color:var(--text); cursor:pointer; }
.ck__box .xbt:hover { background-color:var(--bg2); }

.pjform { display:block; box-sizing:border-box; width:100%; margin:10px auto; text-align:center; font-size:14pt; }
.pjform .xtitle { padding:15px 0 5px 0; text-align:left; font-size:16pt; color:var(--text2); }
.pjform .xtitle.xtop { padding-top:5px; }
.pjform .xline { padding:5px 0; }
.pjform .xlabel { display:inline-block; box-sizing:border-box; width:24%; padding:5px 2px 2px 2px; vertical-align:top; text-align:right; font-size:14pt; }
.pjform .xvalue { display:inline-block; box-sizing:border-box; width:calc(75% - 20px); margin:0 0 0 10px; padding:5px 2px; vertical-align:top; text-align:left; }
.pjform .xlabel i ,
.pjform .xvalue i { font-style:normal; font-size:11pt; color:var(--text3); }
.pjform select ,
.pjform input[type=number] ,
.pjform input[type=password] ,
.pjform input[type=email] ,
.pjform input[type=text] { box-sizing:border-box; max-width:100%; height:40px; vertical-align:top; font-size:14pt; }
.pjform input[type=submit] ,
.pjform input[type=button] { box-sizing:border-box; height:40px; font-size:14pt; }
.pjform input[type=button] { min-width:80px; }
.pjform input[type=submit] { min-width:140px; }
.pjform textarea { box-sizing:border-box; width:100%; height:200px; font-size:12pt; }
.pjform .xchoice { padding:5px 0; text-align:left; }
.pjform .xchoice input[type=checkbox] ,
.pjform .xchoice input[type=radio] { box-sizing:border-box; width:28px; height:28px; vertical-align:top; }
.pjform .xchoice label { display:inline-block; box-sizing:border-box; max-width:calc(100% - 48px); margin:0 0 0 7px; padding:5px 0; vertical-align:top; }
.pjform .xsubmitbar { padding:15px 0 10px 0; text-align:center; }
/*
*/

.aninput { position:relative; padding:20px 0 10px 0; height:40px; }
.aninput label { position:absolute; left:2px; top:28px; display:block; box-sizing:border-box; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14pt; color:var(--dark-text2); transition:top 0.4s, left 0.4s, font-size 0.4s; }
.aninput label.xrequire::after { content:"*"; }
.aninput label.xrequire { color:var(--primary); }
.aninput label .xlbnote { font-size:10pt; color:var(--dark-text3); }
.aninput input[type='number'] ,
.aninput input[type='password'] ,
.aninput input[type='email'] ,
.aninput input[type='text'] { position:absolute; left:0; top:20px; box-sizing:border-box; width:100%; height:40px; border-width:0 0 2px 0; border-color:var(--dark-border); border-style:solid; outline:none; background-color:transparent; font-size:14pt; color:var(--dark-text); transition:border 0.2s; }
.aninput.active label { left:0; top:4px; font-size:11pt; color:var(--dark-textactive); }
.aninput.focus input[type='number'] ,
.aninput.focus input[type='password'] ,
.aninput.focus input[type='email'] ,
.aninput.focus input[type='text'] { border-width:0 0 5px 0; border-color:var(--dark-primary); }

.pjmenubox { position:absolute; display:block; box-sizing:border-box; width:200px; min-height:50px; border-radius:10px; background-color:var(--bgtransparent); backdrop-filter:blur(7px); font-size:14pt; }
.pjmenubox .xbt { display:block; padding:10px 10px 10px 12px; border-top:1px solid var(--border); color:var(--texthl); cursor:pointer; }
.pjmenubox .xbt:hover { background-color:var(--bgtransparent); }
.pjmenubox .xbt:first-of-type { border-top:none; }
.pjmenubox .xbt:first-child { border-radius:10px 10px 0 0; }
.pjmenubox .xbt:last-child { border-radius:0 0 10px 10px; }
.pjmenubox .xbt.xred { color:var(--textred); }
.pjmenubox .xbt.xclosebt { padding:0 5px; text-align:center; cursor:pointer; }
.pjmenubox .xbt.xclosebt svg { width:44px; height:44px; vertical-align:middle; }
.pjmenubox .xfloatclosebt { float:right; width:48px; height:48px; color:var(--text); cursor:pointer; }
.pjmenubox .xfloatclosebt:hover { color:var(--primary); }

@keyframes ani_fadein {
	from { opacity:0; }
	to { opacity:1; }
}
@keyframes ani_fadeout {
	from { opacity:1; }
	to { opacity:0; }
}

@media (max-width:1300px) {
	#topmenubar { font-size:13pt; }
}
@media (max-width:650px) {
	#topmboxsearch input[type=text] { width:58%; }
	#topmboxsearch input[type=submit] { width:38%; }
	#topmenubar { display:none; }
	.pjpop { left:1%; width:98%; margin-left:0; }
}
@media(max-width:600px) {
	#topmboxmenu a { width:calc(50% - 20px); }
	.pjform .xlabel { display:block; width:100%; text-align:left; }
	.pjform .xlabel:empty { display:none; }
	.pjform .xvalue { display:block; width:100%; margin-left:2px; }
}
@media (max-width:500px) {
	#topbar .xsocialbt { padding:7px 2px 1px 2px; }
	#topmboxsearch input[type=text] { width:53%; }
	#topmboxsearch input[type=submit] { width:43%; }
	#topfbbt { display:none; }
	#toptwbt { display:none; }
	.pagebar a  { min-width:12%; }
}
@media (max-width:450px) {
	#toplogo { width:90px; }
}
@media (max-width:400px) {
	#toplogo { width:80px; }
	#topbar .xsocialbt { display:none; }
	#topbar .xbtsel { padding:2px; }
}
@media (max-width:370px) {
	#toplogo { width:70px; }
	#topbar .xbtsel { min-width:40px; }
	#topmboxsearch input[type=text] { width:48%; }
	#topmboxsearch input[type=submit] { width:48%; }
}
@media (max-width:340px) {
	#toplogo { width:60px; }
	#topbar .xbtsel { min-width:36px; padding:2px 0; }
	.pagebar a , .pagebar span  { margin-left:2px; padding:7px 4px; }
}