@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:#eee; font-family:tahoma,Sans-Serif; font-size:10pt; }
h1 { color:#000; margin:0; padding:2px 1px; font-size:20pt; }
h2 { color:#000; margin:0; padding:2px 1px; font-size:16pt; }
h3 { color:#000; margin:0; padding:2px 1px; font-size:13pt; }
a { color:#3a5899; text-decoration:none; }
a:hover { color:#3b75f1; }
form { margin:0; }

::selection { background-color: #d119a6; color: #fff; }
::-moz-selection { background-color: #d119a6; color: #fff; }

.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:#eb9edb; }
#topbar .xbtsel .xicon img.xuser { width:32px; height:32px; margin:4px 0 0 0; border-radius:16px; }
#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:1; 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; }

#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 #666; border-radius:5px; background-color:#888; font-size:11pt; color:#000; font-family:tahoma; }
#notibox1 .xclose { display:inline-block; width:24px; height:24px; padding:6px; text-align:center; float:right; font-size:18px; color:#ddd; }
#notibox1 .xclose:hover { color:#fff; }
#notibox1 .xtitle { display:block; box-sizing:border-box; height:36px; padding:6px 2px 0 6px; background-color:#777; color:#fff; }
#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:inline-block; width:40px; height:40px; margin:0; padding:2px 4px; border-right:1px solid #e488cf; vertical-align:middle; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAdklEQVRYR+3XwQ5AEQxEUfP/H11LCyxkeCrvWivN0WiqknwpeX7lzQQjIm7ISurAhoIkOHkeBN26RfAzQfeinfFvftQ7BdyzEPynIL2YXuxWPoIINgE6iVsNCCLoCrjxDO4rgoydK1qjvQgi6AqciKcXu6rpBSs4LFQpS9Ei5AAAAABJRU5ErkJggg=="); background-position:center center; opacity:0.75; }
#topmenubt:hover { opacity:0.85; }
#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; display:inline-block; 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%; min-height:48px; margin-bottom:7px; text-align:right; }

#topmbox { display:none; z-index:21; position:fixed; left:0; top:0; width:60%; min-width:280px; max-width:800px; height:100%; max-height:100vh; box-shadow:1px 0 7px #000; padding:0; background-color:#ddd; text-align:left; font-size:12pt; color:#666; }
#topmboxbg { display:none; z-index:20; position:fixed; left:0; top:0; width:100vw; height:100vh; background-color:#000; opacity:0.5; }
#topmbox .xtitle { margin:0 0 10px 0; background-color:#d119a6; color:#f199dc; }
#topmbox .xtitle b { 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-bottom:100px; overflow:auto; font-size:14pt; }
#topmboxmenu .xsp { height:5px; margin:5px 0 0 0; border-top:1px solid #ccc; }
#topmboxmenu a { display:inline-block; box-sizing:border-box; width:31%; padding:12px 5px 12px 20px; text-decoration:none; color:#000; text-shadow:1px 1px 1px #fff; }
#topmboxmenu a:hover { background-color:#e7e7e7; }
#topmboxmenu a.xlo { color:#555; }
#topmboxmenu a.xhl { color:#d119a6; }
#topmboxmenu a.xhl2 { color:#d00; }
@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:15px 0 10px 0; text-align:center; white-space:nowrap; }
#topmboxsearch input { box-sizing:border-box; height:40px; vertical-align:top; font-size:14pt; }
#topmboxsearch input[type=text] { width:calc(96% - 160px); }
#topmboxsearch input[type=submit] { width:160px; }

#topmenubar { clear:both; display:none; width:100%; background-color:#d119a6; text-align:center; font-size:14pt; color:#f308dc; }
#topmenubar a { display:inline-block; padding:2px 9px 4px 9px; vertical-align:bottom; text-align:left; white-space:nowrap; text-decoration:none; color:#eed8ee; }
#topmenubar a:hover { background-color:#eee; color:#000; }
#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:1; position:absolute; left:0; top:26px; display:none; box-shadow:1px 1px 4px #aaa; background-color:#d34ab3; 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; }
	}

.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; }
@-webkit-keyframes top_pageicon_ani1 { from { width:0; opacity:0; } to { width:100px; opacity:1; } }
@keyframes top_pageicon_ani1 { from { width:0; opacity:0; } to { width:100px; opacity:1; } }
@-webkit-keyframes top_pageicon_ani2 { from { width:100px; opacity:1; } to { width:0; opacity:0; } }
@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:#ddd; font-size:11pt; color:#666; }
.btmenu { max-width:1200px; margin:0 auto; padding:5px 0 0 0; text-align:center; font-size:12pt; }
.btmenu a { display:inline-block; padding:5px 10px; white-space:nowrap; color:#000; }
.btmenu a:hover { color:#d119a6; }
.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:5px 10px; white-space:nowrap; color:#444; }
.btmenu2 a:hover { color:#000; }
.btmenu2 .xright a { color:#d119a6; }
@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; padding:8px 14px; border:1px solid #c7c7c7; background-color:#e9e9e9; background:linear-gradient(to bottom,#eee,#e4e4e4); vertical-align:top; text-align:center; white-space:nowrap; font-size:14pt; text-decoration:none; color:#333; }
.bt:hover { border-color:#999; text-decoration:none; color:#000; }
.spbt img { vertical-align:middle; }

.bt.pj { border-color:#d119a6; background-color:#d119a6; background:linear-gradient(to bottom,#fc29cb,#d119a6); color:#fff; }
.bt.pj:hover { border-color:#a0087c; color:#fff; }

.bt.red { border-color:#d00; background-color:#d00; background:linear-gradient(to bottom,#e44,#d00); color:#fff; }
.bt.red:hover { border-color:#800; color:#fff; }

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

.linkbt { display:inline-block; padding:9px; vertical-align:middle; white-space:nowrap; font-size:14pt; text-decoration:none; color:#444; }
.linkbt:hover { text-decoration:none; color:#d119a6; }

.linkbt.pj { color:#d119a6; }
.linkbt.pj:hover { color:#a80f85; }

.linkbt.red { color:#d00; }
.linkbt.red:hover { color:#e22; }

.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 #e4e4e4; background-color:#e9e9e9; background:linear-gradient(to bottom,#eee,#e4e4e4); text-align:center; white-space:nowrap; color:#333; }
.pagebar a:first-child { margin-left:0; }
.pagebar a:hover { border-color:#bbb; color:#111; }
.pagebar .xnav { min-width:10%; padding:7px 10px; }
.pagebar .xcur { padding:7px 10px; border-color:#d119a6; background-color:#d119a6; background:linear-gradient(to bottom,#fc29cb,#d119a6); font-weight:bold; color:#fff; }
.pagebar a.xcur:hover { border-color:#a0087c; color:#fff; }
.pagebar span { display:inline-block; margin:5px 0 0 5px; padding:7px; color:#bbb; }

.note { margin:20px 0; padding:30px 5px; border-width:2px 0 2px 0; border-style:solid; border-color:#bbb; background-color:#ddd; text-align:center; font-size:18pt; color:#222; }
.complete { margin:20px 0; padding:30px 5px; border-width:2px 0 2px 0; border-style:solid; border-color:#7a7; background-color:#ded; text-align:center; font-size:20pt; color:#070; }
.none { margin:20px 0; padding:70px 5px; border-width:2px 0 2px 0; border-style:solid; border-color:#bbb; background-color:#ddd; text-align:center; font-size:18pt; color:#666; font-style:italic; }
.warn { margin:20px 0; padding:30px 5px; border-width:2px 0 2px 0; border-style:solid; border-color:#bb4; background-color:#ee9; text-align:center; font-size:16pt; color:#440; }
.error { margin:20px 0; padding:30px 5px; border-width:2px 0 2px 0; border-style:solid; border-color:#d99; background-color:#ecc; text-align:center; font-size:16pt; color:#d00; }

.table1 { border-collapse:collapse; border:1px solid #ddd; }
.table1 th { vertical-align:middle; text-align:center; background-color:#f4f4f4; padding:2px; }
.table1 td { vertical-align:top; text-align:left; border-width:0 0 1px 0; border-style:solid; border-color:#e8e8e8; padding:3px 2px 2px 2px; }

.table2 { border-collapse:collapse; border:1px solid #ddd; }
.table2 th { vertical-align:top; text-align:left; border-width:0 0 1px 0; border-style:solid; border-color:#ddd; background-color:#f4f4f4; padding:4px 4px 1px 4px; }
.table2 td { vertical-align:top; text-align:left; border-width:0 0 1px 0; border-style:solid; border-color:#e8e8e8; background-color:#fff; padding:2px 4px 2px 4px; }

.maintable { max-width:1000px;background-color:#eee; }
.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 #d4d4d4; border:1px solid #ddd; background-color:#fbfbfb; }
.pjblock td { vertical-align:top; }

.breadcrumb { padding:1px; }

.secmenu { margin:0 0 5px 0; padding:0px; background-color:#eee; }
.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:#d119a6; }
.secmenu a { display:inline-block; padding:5px; color:#555; }
.secmenu a:hover { background-color:#d119a6; color:#fff; }

.adsmr { border:1px solid #bbb; background-color:#eee; 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 #d119a6; background-color:#d119a6; background:linear-gradient(to bottom, #e639be, #d119a6); color:#fff; }
.pjbt:hover { border-color:#8c0e6f; color:#fff; }
.litebt { border:1px solid #c4c4c4; background-color:#ddd; background:linear-gradient(to bottom, #eee, #ddd); color:#222; }
.litebt:hover { border-color:#999; color:#000; }

#usercard_box { color:#000; }
#usercard_box a { color:#3659aa; }
#usercard_box a:hover { color:#1a3a82; }

#popbox { z-index:8; position:fixed; top:0; left:0; box-sizing:border-box; width:90%; max-width:480px; padding:25px 10px 20px 10px; border-radius:5px; box-shadow:0 0 10px #666; background-color:#eee; text-align:center; font-size:18pt; }
#popbox_bg { z-index:7; position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.8; }
#popbox_msg { width:100%; color:#000; }
#popbox_tool { box-sizing:border-box; width:100%; padding:10px 20px 5px 0; }
#popbox_tool .xbt { display:inline-block; box-sizing:border-box; max-width:80%; min-width:100px; margin:15px 0 0 20px; padding:7px 15px; border-radius:5px; border:1px solid #bbb; background-color:#e7e7e7; background:linear-gradient(to bottom,#f4f4f4,#ddd); vertical-align:middle; text-align:center; font-size:14pt; color:#444; cursor:pointer; }
#popbox_tool .xbt:hover { border-color:#888; }

@keyframes popbox_bg_show {
	from { opacity:0; }
	to { opacity:0.8; }
}
@keyframes popbox_bg_close {
	0% { opacity:0.8; }
	40% { opacity:0.8; }
	90% { opacity:0; }
	100% { opacity:0; }
}

@media (max-width:1300px) {
	#topmenubar { font-size:13pt; }
}
@media (max-width:650px) {
	#topmboxmenu a { width:49%; }
	#topmboxsearch input[type=text] { width:58%; }
	#topmboxsearch input[type=submit] { width:38%; }
	#topmenubar { display:none; }
}
@media (max-width:500px) {
	#topbar .xsocialbt { padding:7px 2px 1px 2px; }
	#topmboxmenu a { width:49%; }
	#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; }
	#topmboxmenu a { width:100%; }
	#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; }
}