.sp-adsense-bottom1 { width:300px; height:250px; }
@media (min-width:350px) {
.sp-adsense-bottom1 { width:336px; height:280px; }
}
.spip_enc { display:none; }
.mainbox { padding:0; margin:0 auto; max-width:1400px; }
.sptopshare { float:right; display:block; box-sizing:border-box; margin:7px 7px 0 0; padding:6px 5px; border-radius:3px; background-color:var(--primary); text-align:center; white-space:nowrap; font-size:11pt; color:var(--primarytext); }
.sptopshare:hover { border-color:var(--primarytext); }
.sptopsharefb { background-color:#2a4b92; color:#fff; }
.sptopshareline { background-color:#1ba100; color:#fff; }
.sptopsharetw { background-color:#2e94c7; color:#fff; }
.sphimg { margin:0 0 8px 0; text-align:center; }
.sphimg img { width:100%; aspect-ratio:1200 / 675; }
h1 { margin:0; padding:0 0 5px 0; font-size:30pt; }
.sptitle2 { display:block; min-height:36px; margin:20px 0 3px 5px; font-size:14pt; color:var(--textpink); }
.sptitle2:hover { color:var(--linkactive); }
.sptitle2 .ximg { float:left; width:64px; height:36px; margin:0 5px 0 0; }
#hbar1 { display:inline-block; box-sizing:border-box; width:100%; vertical-align:top; text-align:left; font-size:11pt; color:var(--text); }
#hbar1 .xbt ,
#hbar1 .xcr { display:inline-block; padding:4px 5px; vertical-align:top; color:var(--text2); }
#hbar1 .xdate { display:block; padding:4px 5px; }
#hbar1 a { color:var(--text2); }
#hbar1 a:hover { color:var(--primary); }
#hbar1 .xicon { width:24px; height:24px; border-radius:12px; vertical-align:middle; }
#hbar2 { display:inline-block; box-sizing:border-box; width:60%; vertical-align:top; text-align:right; }
#hbar1 .xrbox { float:right; margin:0 3px 5px 0; }
#hbar1 .xshbt ,
#hbar1 .xcpbt { display:inline-block; box-sizing:border-box; margin:5px 0 0 5px; padding:6px 10px; border-radius:8px; border:none; white-space:nowrap; font-size:12pt; line-height:22px; cursor:pointer; }
#hbar1 .xshbt { border:1px solid var(--bg4); background-color:var(--bg2); color:var(--text); }
#hbar1 .xshbt img { width:64px; height:16px; vertical-align:middle; }
#hbar1 .xshbt:hover { border-color:var(--text4); color:var(--texthl); }
#hbar1 .xcpbt { background-color:var(--primary); color:var(--primarytext); }
#hbar1 .xcpbt img { width:20px; height:20px; vertical-align:middle; }
#maincontent { box-sizing:border-box; width:90%; max-width:1200px; min-height:400px; margin:0 auto; padding:5px 0 5px 0; font-size:14pt; font-family:sans-serif; }
/* @media (min-width:1250px) {
#maincontent { padding-right:320px; }
} */
#maincontent iframe { max-width:100%; }
#maincontent img { max-width:100%; filter:none; }
#maincontent .twitter-tweet ,
#maincontent .twitter-video ,
#maincontent .instagram-media { margin-left:auto!important; margin-right:auto!important; }
#maincontent .fb-video { width:100%; max-width:480px; min-height:240px; margin:0 auto; background-color:var(--bg3); font-size:11pt; color:var(--text3); }
#maincontent figure { margin:10px 0; padding:0; text-align:center; }
#maincontent figcaption { margin:0; padding:0; }
#rsticky { display:none; position:absolute; right:4px; top:100px; width:300px; min-height:600px; }
#rsticky .xhtbox { padding:0 0 10px 0; font-size:11pt; }
#rsticky .xhtbox .xlink { display:inline-block; box-sizing:border-box; width:100%; padding:5px; margin-bottom:5px; color:var(--text); }
#rsticky .xhtbox .xlink:hover { background-color:var(--bg2); color:var(--texthl); }
#rsticky .xhtbox .xlink img { display:inline-block; width:112px; height:63px; vertical-align:top; }
#rsticky .xhtbox .xlink .xtitle { display:inline-block; box-sizing:border-box; width:calc(100% - 112px); padding:0 0 0 5px; vertical-align:top; }
@media (min-width:1250px) { #rsticky { display:block; } }
.spimg { padding:0 0 10px 0; }
.spimg img { width:160px; height:120px; border-style:none; }
.sphtimg { padding:0 0 5px 0; text-align:center; }
.sphtimg img { width:70%; max-width:640px; }
.sppoll { width:90%; max-width:600px; margin:0 auto; padding:0 0 10px 0; text-align:left; font-size:11pt; font-weight:normal; }
.sppoll .xhead { padding:0 0 7px 0; font-weight:bold; font-style:italic; }
.sppoll .xhead i { font-weight:normal; color:var(--text4); }
.sppoll .xtitle { padding:0 0 10px 0; font-size:12pt; font-weight:bold; color:var(--text2); }
.sppoll .xtitle a { color:var(--textpink); }
.sppoll .xline { box-sizing:border-box; width:100%; padding:0 0 7px 0; white-space:nowrap; font-size:12pt; }
.sppoll .xline .xlabel { display:inline-block; box-sizing:border-box; width:45%; padding:0 5px 0 0; vertical-align:middle; text-align:right; white-space:normal; }
.sppoll .xline .xbar { display:inline-block; box-sizing:border-box; width:45%; height:34px; min-width:20px; padding:7px 0 0 5px; border-width:0 2px 2px 0; border-style:solid; border-color:var(--bg4); vertical-align:middle; background-color:var(--bg3); text-align:left; color:var(--text); }
.sppoll .xline .xbt { display:inline-block; box-sizing:border-box; height:34px; padding:9px 5px 0 5px; vertical-align:middle; text-align:left; font-size:10pt; font-weight:bold; color:var(--text4); }
.sppoll .xline .xbt:hover { background-color:var(--bg2); color:var(--linkactive); }
.sppoll .xresbt { display:block; padding:3px; text-align:center; font-size:11pt; }
#sidebar_cover { width:336px; }
#sidebar { width:336px; }
.sprelate { margin-top:2px; margin-bottom:0px; }
.spcredit { padding:10px 0 0 0; text-align:left; word-break:break-all; font-size:12pt; color:var(--text2); }
.spcredit a { color:var(--text); }
.sptags { padding:20px 0 0 0; font-size:14pt; color:var(--text3); }
.sptags a { position:relative; display:inline-block; box-sizing:border-box; max-width:90%; height:32px; background-color:var(--bg4); color:var(--texthl); margin:0 16px 3px 0; border-radius:5px; padding:4px 18px 0 10px; font-size:18px; line-height:24px; }
.sptags a::after { position:absolute; right:-9px; top:4px; transform:rotate(45deg); display:inline-block; width:24px; height:24px; box-sizing:border-box; padding-right:5px; content:"â—"; border-radius:5px; background-color:var(--bg4); text-align:right; font-size:18px; line-height:18px; color:var(--texthl); }
.sptags a:hover ,
.sptags a:hover::after { background-color:var(--primary); color:var(--primarytext); }
.sptool { float:right; margin:15px 10px 10px 5px; }
.sptool .bt { margin:10px 0 0 7px; }
.sptool .xreport { font-size:10pt; color:var(--text2); }
.sptool .xreport:hover { color:var(--textred); }
#gmenubt { width:46px; background-position:center center; background-repeat:no-repeat; color:var(--text4); cursor:pointer; }
#gmenubt.active { border-color:var(--bg4) var(--bg4) var(--bg3) var(--bg4); }
#gmenubox { position:absolute; display:none; box-sizing:border-box; width:180px; border:1px solid var(--border); background-color:var(--bg2); text-align:center; font-size:12pt; }
#gmenubox a { display:block; padding:9px 5px; color:var(--text2); }
#gmenubox a:first-child { padding-top:15px; }
#gmenubox a:last-child { padding-bottom:15px; }
#gmenubox a:hover { background-color:var(--bg3); color:var(--texthl); }
#infobox { width:100%; max-width:1200px; margin:0 auto 20px auto; font-size:11pt; color:var(--text3); }
.spinfo { display:inline-block; box-sizing:border-box; padding:10px 0 0 0; vertical-align:top; }
.spinfo1 { width:52%; max-width:500px; }
.spinfo1 .xicon { display:inline-block; width:100px; padding:10px 0 0 0; vertical-align:top; }
.spinfo1 .xicon img { box-sizing:border-box; width:100%; aspect-ratio:1; border-radius:50px; border:1px solid var(--bg2); }
.spinfo1 .xbody { display:inline-block; box-sizing:border-box; width:calc(100% - 100px); padding:10px 0 0 7px; vertical-align:top; }
.spinfo1 .xname { font-size:11pt; font-weight:bold; color:var(--linkpj); }
.spinfo1 .xname:hover { color:var(--linkpjactive); }
.spinfo1 .xofficialuser { color:var(--textgreen); }
.spinfo1 .xofficialuser img { vertical-align:bottom; }
.spinfo1 .xview { display:inline-block; padding:0 0 5px 0; }
.spinfo1 .xview b { font-size:18pt; font-weight:normal; }
.spinfo1 .xshare { display:inline-block; width:92px; height:24px; padding:0 0 0 5px; vertical-align:botom; }
.spinfo1 .xtopmb { display:inline-block; vertical-align:top; padding:1px 5px; border-radius:3px; background-color:var(--bg2); font-size:10pt; color:var(--texthl); }
.spinfo1 .xowb { color:var(--text3); }
.spinfo1 .xowb:hover { color:var(--linkactive); }
.spinfo1 .xtool { text-align:center; }
.spinfo1 .xtool .bt { margin:5px 0 0 0; padding:5px 10px; font-size:11pt; }
.spinfo2 { width:47%; max-width:500px; padding-left:20px; }
#votenum { display:inline-block; box-sizing:border-box; max-width:100%; padding:0 12px 0 0; vertical-align:middle; white-space:nowrap; font-size:12pt; color:var(--text4); }
#votenum u { font-size:14pt; text-decoration:none; color:var(--textpink); }
#votenum b { font-size:24pt; font-weight:normal; }
#voterate { position:relative; display:inline-block; vertical-align:middle; height:32px; width:160px; margin:5px 0; }
#voterate.active { cursor:pointer; }
#votemsg { padding:0 0 5px 0; font-size:11pt; color:var(--text3); }
#votemsg:empty { display:none; }
#votehist { color:var(--text3); font-size:9pt; }
#votehist a { color:var(--text3); }
#votehist a:hover { text-decoration:underline; }
.spbt1 { display:block; box-sizing:border-box; width:98%; margin:10px auto 0 auto; padding:10px; border-radius:5px; background-color:var(--bg2); text-align:center; font-size:14pt; color:var(--linkpj); }
.spbt1:hover { background-color:var(--bg3); color:var(--linkpjactive); }
.spbt2 { display:block; box-sizing:border-box; width:98%; margin:10px auto 0 auto; padding:10px; border:1px solid var(--bg3); border-radius:5px; background-color:var(--primary); text-align:center; font-size:12pt; color:var(--primarytext); }
.spbt2:hover { border-color:var(--bg4); color:var(--primarytext); }
#sharehist { color:var(--text4); font-size:9pt; }
#sharehist a { color:var(--text3); }
#sharehist a:hover { color:var(--linkactive); }
#fbcmbox { width:96%; max-width:900px; margin:5px auto; }
#fbcmbox .xtitle { font-size:18pt; color:var(--textblue); }
#fbcmbox .xbody { padding:10px 0 0 100px; }
.spsharebox { z-index:1; position:absolute; box-sizing:border-box; width:90%; max-width:200px; min-height:100px; padding:0 5px 5px 5px; border-radius:5px; background-color:var(--bg2); font-size:10pt; color:var(--text2); }
.spsharebox::before { content:''; position:absolute; top:-23px; right:8px; display:block; width:0; height:0; border:12px solid rgba(0,0,0,0); border-bottom-color:var(--bg2); }
.spsharebox .xclosebt { float:right; display:block; width:32px; height:32px; text-align:center; font-size:26px; line-height:30px; color:var(--text3); cursor:pointer; }
.spsharebox .xclosebt:hover { color:var(--text); }
.spsharebox .xtitle { box-sizing:border-box; height:32px; padding:2px 0 0 5px; font-size:16pt; line-height:36px; }
.spsharebox .xurl { padding:5px; }
.spsharebox .xurl input { box-sizing:border-box; height:36px; vertical-align:top; }
.spsharebox .xurl input[type=text] { width:calc(100% - 60px); border-radius:5px 0 0 5px; border:1px solid var(--border); font-size:10pt; color:var(--textblue); }
.spsharebox .xurl input[type=button] { width:60px; border-radius:0 5px 5px 0; border:none; background-color:var(--primary); font-size:11pt; color:var(--primarytext); }
.spsharebox .xqr { padding:8px 0 5px 0; }
.spsharebox .xqr img { box-sizing:border-box; width:100%; aspect-ratio:1; border:6px solid #fff; background-color:#fff; margin:0 auto; }
.spsharebox .xshbts { text-align:center; }
.spsharebox .xshbt { display:inline-block; box-sizing:border-box; width:24%; height:36px; background-position:center center; background-size:28px 28px; background-repeat:no-repeat; vertical-align:top; cursor:pointer; }
.spsharebox .xshbt:hover { background-color:var(--bg3); }
.spht { clear:both; box-sizing:border-box; width:100%; max-width:1500px; margin:0 auto; padding:10px 0 10px 0; text-align:center; font-size:14pt; }
.spht .xtitle { margin:0; text-align:left; font-size:16pt; font-weight:normal; color:var(--text2); }
.spht .xtitle a { color:var(--linkactive); }
.spht .xlink { display:inline-block; box-sizing:border-box; width:33%; max-width:450px; margin:10px 0 0 0; padding:15px 15px 25px 15px; vertical-align:top; text-align:left; color:var(--text); }
.spht .xadsense { padding-bottom:10px; }
.spht span.ximg { position:relative; display:inline-block; width:100%; height:2px; padding:56.25% 0 0 0; }
.spht span.ximg img { position:absolute; width:100%; left:0; top:0; border-style:none; }
.spht span.ximg .xlabel { position:absolute; left:auto; right:-3px; top:-2px; width:50px; height:50px; border-style:none; }
.spht2 { box-sizing:border-box; width:100%; max-width:1500px; overflow:hidden; margin:0 auto 0 auto; padding:15px 0 10px 0; text-align:left; white-space:nowrap; font-size:12pt; }
.spht2 .xheader { margin:0; padding:0 0 0 10px; text-align:left; font-size:16pt; font-weight:normal; color:var(--text2); }
.spht2 .xheader a { display:inline-block; max-width:60%; color:var(--linkpj); }
.spht2 .xheader a img { width:54px; height:54px; border-radius:50%; vertical-align:middle; }
.spht2 .xheader a:hover { color:var(--linkpjactive); }
.spht2 .xlink { display:inline-block; box-sizing:border-box; width:25%; margin:10px 0 0 0; padding:10px 5px 10px 15px; vertical-align:top; text-align:left; white-space:normal; color:var(--text); }
.spht2 span.ximg { position:relative; display:inline-block; width:40%; height:2px; padding:22.5% 0 0 0; }
.spht2 span.ximg img { position:absolute; width:100%; left:0; top:0; border-style:none; }
.spht2 .xtitle { display:inline-block; box-sizing:border-box; width:60%; padding:0 0 0 5px; vertical-align:top; }
.spht3 { clear:both; padding:10px 0; text-align:center; font-size:16pt; }
.spht3 .xlink { position:relative; display:inline-block; box-sizing:border-box; width:33%; max-width:400px; min-width:280px; margin:15px 0 0 0; padding:10px 15px; vertical-align:top; text-align:left; color:var(--text); }
.spht3 .ximg { width:100%; border-style:none; margin:0 0 2px 0; }
.spht3 .xicon { max-width:120px; height:10px; border-style:none; }
.spht3 .xlabel { position:absolute; right:12px; top:7px; width:50px; height:50px; border-style:none; }
.sppp { box-sizing:border-box; width:100%; max-width:1200px; margin:0 auto; padding:20px 0 10px 0; text-align:center; font-size:14pt; }
.sppp .xtitle { margin:0; padding:0 0 0 10px; text-align:left; font-size:16pt; font-weight:normal; color:var(--text2); }
.sppp .xtitle a { color:var(--text2); }
.sppp .xtitle a:hover { color:var(--linkactive); }
.sppp .xlink { display:inline-block; box-sizing:border-box; width:25%; margin:10px 0 0 0; padding:10px 15px; vertical-align:top; text-align:left; color:var(--text); }
.sppp .ximg { width:100%; aspect-ratio:1/1; border-style:none; margin:0 0 2px 0; }
#adsense-bottom1-opt { float:left; width:336px; margin:20px 20px 20px 0; vertical-align:top; }
.spadht1 { display:block; box-sizing:border-box; width:100%; max-width:640px; margin:0 auto; text-align:center; font-size:16pt; color:var(--text); }
.spadht1 .ximg { width:100%; border-style:none; }
#ht_box { width:96%; max-width:800px; margin:0 auto; padding:10px 0 0 0; }
#ht_box .xbox { padding:5px 0; }
#ht_box .xlink { position:relative; left:0; top:0; display:block; max-width:640px; margin:0 auto; padding:20px 15px; font-size:20pt; color:var(--text2); font-weight:bold; }
#ht_box .xlink:hover { color:var(--linkactive); }
#ht_box .xlink .ximg { width:100%; border-style:none; margin:0 0 2px 0; }
#ht_box .xlink .xdesc { font-size:10pt; color:var(--text3); }
#ht_box .xlink .xicon { max-width:120px; height:10px; border-style:none; }
#ht_box .xlink .xlabel { position:absolute; right:0; top:7px; width:50px; height:50px; border-style:none; }
#adwait { z-index:9; position:fixed; left:50%; top:15vh; box-sizing:border-box; width:700px; max-height:80vh; overflow-y:auto; margin:0 0 0 -350px; padding:15px 5px; border-radius:15px; box-shadow:0 0 20px #bb6; background-color:rgba(255,255,127,0.92); text-align:center; color:#444; }
#adwait .xtitle { font-size:28pt; color:#c00; }
#adwait .xtexthl { margin:5px 0 0 0; color:#070; font-size:17pt; }
#adwait .xtext1 { padding:10px 0 0 0; font-size:16pt; color:#c00; }
#adwait .xtext1 i { font-size:11pt; font-style:normal; }
#adwait .xtext2 { padding:5px 0 0 0; font-size:11pt; }
#adwait .xtext2 i { font-size:11pt; font-style:normal; }
#adwait .xtext4 { padding:10px 0 0 0; font-size:11pt; }
#adwait .xtext4 i { font-size:10pt; font-style:normal; }
#adwait .xtab { max-width:400px; margin:15px auto 0 auto; white-space:nowrap; }
#adwait .xtab .xbt { display:inline-block; box-sizing:border-box; width:50%; padding:8px; border-radius:10px 10px 0 0; border-width:1px 1px 0 1px; border-style:solid; border-color:#bb7; font-size:14pt; color:#552; cursor:pointer; }
#adwait .xtab .xbt .xlabel2 { display:block; font-size:11pt; }
#adwait .xtab .xbt:hover { background-color:#ffa; color:#000; }
#adwait .xtab .xbt.active { background-color:#fff; border-color:#fff; color:#000; }
#adwait .xtab .xbt .xnew { display:inline-block; padding:2px 5px; border-radius:5px; background-color:#e00; vertical-align:middle; font-size:12px; line-height:12px; color:#fff; animation:adwait_new_ani 1s infinite; }
#adwait .xbody { box-sizing:border-box; max-width:400px; margin:0 auto; border-radius:0 0 10px 10px; background-color:#fff; }
#adwait .xqrpaybt { margin:15px auto 5px auto; font-size:16pt; }
#adwait input[type=submit] { margin:15px auto 5px auto; }
#adwait .xpayment { width:150px; margin:15px 0 0 0; }
#adwait .xqrpaylabel { padding:0 0 10px 0; font-size:14pt; color:#000; }
#adwait .xqrpay { box-sizing:border-box; width:95%; max-width:300px; min-height:200px; margin:0 auto 2px auto; padding:12px; border-radius:10px; background-color:#fff; font-size:14pt; color:#000; }
#adwait .xqrpay .xqrimg { width:100%; }
#adwait .xqrpay img { max-width:100%; }
#adwait .xqrpay .xqrinfo { padding:12px 0 0 0; }
@keyframes adwait_new_ani {
0% { background-color:#e00; }
30% { background-color:#eb0; }
60% { background-color:#e00; }
}
@keyframes voteeff_ani {
from { opacity:1; transform:scale(1,1) translate(0,0); }
to { opacity:0; transform:scale(5,5) translate(0,-30px); }
}
@keyframes likeeff_ani {
from { opacity:1; transform:scale(0.5,0.5) translate(0,0); }
to { opacity:0; transform:scale(2,2) translate(0,-30px); }
}
@keyframes likeeff_ani2 {
from { opacity:1; transform:scale(0.5,0.5) translate(0,0); }
to { opacity:0; transform:scale(3,3) translate(0,-70px); }
}
@media(max-width:1100px) {
.spht2 .xlink { width:33.3%; }
#adwait { left:7%; width:86%; margin:0; }
}
@media(max-width:900px) {
#maincontent { width:95%; }
#ht_box .xlink { font-size:14pt; }
}
@media(max-width:900px) {
h1 { font-size:24pt; }
#fbcmbox { width:97%; }
#fbcmbox .xtitle { font-size:14pt; }
#fbcmbox .xbody { padding:10px 0 0 0; }
.spht .xlink { width:50%; }
.spht2 { white-space:normal; }
.spht2 .xlink { width:50%; }
}
@media(max-width:700px) {
.spinfo1 { width:100%; }
.spinfo2 { width:100%; }
#adsense-bottom1-opt { float:none; width:auto; margin:20px 0 0 0; }
.sprelist ,
.spnewlist { width:100%; }
.sppp .xlink { width:50%; }
#adwait .xtitle { font-size:22pt; }
#adwait .xtext1 { font-size:16pt; }
#adwait .xtext1 i { font-size:13pt; }
#adwait .xtext2 { font-size:13pt; }
#adwait .xtext2 i { font-size:11pt; }
}
@media(max-width:600px) {
.sppoll { width:98%; }
.spht .xlink { width:100%; }
}
@media(max-width:500px) {
.mainbox { overflow-x:scroll; }
h1 { font-size:20pt; }
#maincontent { width:100%; }
.spinfo1 .xicon { width:24%; }
.spinfo1 .xbody { width:76%; }
.sploanlink img { width:calc(33% - 20px); }
.spht2 .xheader a { max-width:100%; }
.spht2 .xlink { width:100%; padding-bottom:5px; }
.sppp .xtitle { text-align:center; }
.sppp .xlink { width:100%; }
}
@media(max-width:350px) {
.sptopshare { margin:5px 4px 0 0; }
}
@media(max-width:330px) {
.sptopshare { margin-right:1; padding-left:4px; padding-right:4px; font-size:10pt; }
#adwait .xtitle { font-size:22pt; }
}
@media print { body { opacity:0; width:1px; height:1px; overflow:hidden; visibility:hidden; } }