/* 諸行無常 是生滅法 生滅滅已 寂滅爲樂 */

:root {
/* #変数定義 */
--p:50px;
--ps:45px;
--pxs:40px;
--pxxs:35px;
--pxxxs:30px;
--pxxxxs:25px;
--pxxxxxs:20px;

--mp:calc(var(--p) * 1.3);
--mps:calc(var(--ps) * 1.3);
--mpxs:calc(var(--pxs) * 1.3);
--mpxxs:calc(var(--pxxs) * 1.3);
--mpxxxs:calc(var(--pxxxs) * 1.3);
--mpxxxxs:calc(var(--pxxxxs) * 1.3);
--mpxxxxxs:calc(var(--pxxxxxs) * 1.3);

--mp-left:calc(var(--p) /10);
--mps-left:calc(var(--ps) /10);
--mpxs-left:calc(var(--pxs) /10);
--mpxxs-left:calc(var(--pxxs) /10);
--mpxxxs-left:calc(var(--pxxxs) /10);
--mpxxxxs-left:calc(var(--pxxxxs) /10);
--mpxxxxxs-left:calc(var(--pxxxxxs) /10);

--p-rt:calc(var(--p) / 2);
--ps-rt:calc(var(--ps) / 2);
--pxs-rt:calc(var(--pxs) / 2);
--pxxs-rt:calc(var(--pxxs) / 2);
--pxxxs-rt:calc(var(--pxxxs) / 2);
--pxxxxs-rt:calc(var(--pxxxxs) / 2);
--pxxxxxs-rt:calc(var(--pxxxxxs) / 2);

--p-rt-top:calc(var(--p) * 0.6);
--ps-rt-top:calc(var(--ps) * 0.6);
--pxs-rt-top:calc(var(--pxs) * 0.6);
--pxxs-rt-top:calc(var(--pxxs) * 0.6);
--pxxxs-rt-top:calc(var(--pxxxs) * 0.6);
--pxxxxs-rt-top:calc(var(--pxxxxs) * 0.6);
--pxxxxxs-rt-top:calc(var(--pxxxxxs) * 0.6);

--p-rt-left:calc(var(--p) * 0.6);
--ps-rt-left:calc(var(--ps) * 0.6);
--pxs-rt-left:calc(var(--pxs) * 0.6);
--pxxs-rt-left:calc(var(--pxxs) * 0.6);
--pxxxs-rt-left:calc(var(--pxxxs) * 0.6);
--pxxxxs-rt-left:calc(var(--pxxxxs) * 0.6);
--pxxxxxs-rt-left:calc(var(--pxxxxxs) * 0.6);

--headmenu-height:34px;
--tabpanel-height:30px;

}







html {
overflow-y:scroll;
overflow-x:hidden;
}
i.c {
width:7px;
height:7px;
float:right;
margin:1px 2px 0 2px;
cursor:pointer;
display:inline-block;
border-radius:50%;
padding:3px;
}
i.c svg {
vertical-align:top;
width:7px;
height:7px;
fill:#BBB;
}
i.c:hover {
background-color:#D33;
}
i.c:hover svg {
fill:#FFF;
}
i.c:active {
background-color:#A11;
}
i.c_i {
float:unset;
vertical-align:middle;
margin-left:2px;
}
i.c_m {
width:9px;
height:9px;
cursor:pointer;
display:inline-block;
border-radius:50%;
padding:3px;
vertical-align:middle;
}
i.c_m svg {
vertical-align:top;
width:9px;
height:9px;
fill:#BBB;
}
i.c_m:hover {
background-color:#D33;
}
i.c_m:hover svg {
fill:#FFF;
}
i.c_m:active {
background-color:#A11;
}

span.pmenu {
border:1px solid rgba(0,0,0,0.4);
background-color:rgba(255,255,255,0.6);
vertical-align:2px;
height:15px;
width:31px;
cursor:pointer;
display:inline-block;
margin-left:3px;
border-radius:2px;
text-align:center;
}
span.pmenu i {
width:9px;
height:9px;
margin:3px 0;
vertical-align:top;
}
span.pmenu svg {
width:9px;
height:9px;
fill:#333;
}
span.pmenu:hover {
box-shadow:0 1px 1px rgba(0,0,0,0.1);
background-color:rgba(255,255,255,0.7);
border-color:rgba(0,0,0,0.5);
}
span.pmenu:hover svg {
fill:#000;
}
span.pmenu:active {
box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
background-color:rgba(255,255,255,0.7);
border-color:rgba(0,0,0,0.5);
}
span.pmenu:active svg {
fill:#000;
}

i.rtimg {
width:18px;
height:14px;
margin-right:3px;
margin-bottom:1px;
vertical-align:middle;
}
i.rtimg svg {
width:18px;
height:14px;
fill:#999;
}
/*
span.exlinkimg {
background-image:url(../../i/sprite121.png);
background-repeat:no-repeat;
background-position:-4px -515px;
display:inline-block;
width:11px;
height:10px;
margin:0 3px 1px 2px;
vertical-align:bottom;
}
span.piconlytabimg {
background-image:url(../../i/sprite121.png);
background-repeat:no-repeat;
background-position:-4px -532px;
display:inline-block;
width:10px;
height:9px;
margin:1px 1px 0 0;
}
*/
i.ptimg {
width:7px;
height:10px;
margin-left:2px;
vertical-align:middle;
}
i.ptimg svg {
width:7px;
height:10px;
fill:#999;
}

/*
i.ustat {
background-image:url(../../i/sprite121.png);
background-repeat:no-repeat;
display:inline-block;
width:12px;
height:13px;
}
i.ustat-tweet {
background-position:-27px -199px;
}
i.ustat-fav {
background-position:-39px -199px;
}
i.ustat-listed {
background-position:-52px -199px;
}
a.premium {
background-image:url(../../i/sprite121.png);
background-repeat:no-repeat;
display:inline-block;
background-position:-2px -679px;
width:60px;
height:16px;
vertical-align:middle;
margin-left:3px;
}
*/

i.verifiedimg {
width:15px;
height:15px;
margin-left:2px;
vertical-align:middle;
}
i.verifiedimg svg {
width:15px;
height:15px;
fill:#1D9BF0;
}
i.followingimg {
width:14px;
height:14px;
margin-left:2px;
vertical-align:middle;
}
i.followingimg svg {
width:14px;
height:14px;
fill:#5ABE4D;
}
i.masterimg {
width:14px;
height:14px;
margin-left:2px;
vertical-align:middle;
}
i.masterimg svg {
width:14px;
height:14px;
fill:#000;
}
i.twitterimg {
width:14px;
height:14px;
margin-right:2px;
vertical-align:middle;
}
i.twitterimg svg {
width:14px;
height:14px;
fill:#1D9BF0;
}


#addpicbtn {
display:inline-block;
width:16px;
height:16px;
padding:1px;
margin-right:3px;
vertical-align:middle;
cursor:pointer;
}
#addpicbtn i {
width:16px;
height:16px;
vertical-align:top;
}
#addpicbtn svg {
width:16px;
height:16px;
fill:#888;
}
#addpicbtn:hover svg {
fill:#000;
}
.addpicbtn_on svg {
fill:#f60 !important;
}
#addmapbtn {
display:inline-block;
width:16px;
height:16px;
padding:1px;
margin-left:-2px;
margin-right:1px;
vertical-align:middle;
cursor:pointer;
}
#addmapbtn i {
width:16px;
height:16px;
vertical-align:top;
}
#addmapbtn svg {
width:16px;
height:16px;
fill:#888;
}
#addmapbtn:hover svg {
fill:#000;
}
.addmapbtn_on svg {
fill:#F60 !important;
}
#formhashtagbtn {
width:18px;
padding:0;
margin-left:1px;
}
#formbitlybtn {
width:18px;
padding:0;
margin-left:1px;
}
#formmentionbtn {
width:18px;
padding:0;
}
#formpostplanbtn {
margin:3px 0 0 4px;
float:left;
}

#addpostuserbtn {
margin-left:1px;
margin-right:4px;
width:22px;
height:22px;
vertical-align:middle;
cursor:pointer;
display:inline-block;
position:relative;
}
#addpostuserbtnimg {
width:22px;
height:22px;
border-radius:50%;
}
#addpostuserbtnstatmark {
border:1px solid #FFF;
width:6px;
height:6px;
position:absolute;
top:-2px;
right:-2px;
background-color:transparent;
border-radius:50%;
}



div.dmsentinbox {
color:rgba(0,0,0,0.8);
}
i.dmsentinbox {
opacity:0.8;
}


span.marked {
display:inline-block;
position:absolute;
z-index:2;
bottom:5px;
right:5px;
white-space:nowrap;
height:11px;
line-height:11px;
}
span.marked span.g {
font-size:10px;
margin-left:6px;
}
span.marked i {
width:11px;
height:11px;
padding:0 1px 0 1px;
margin:0 3px;
cursor:pointer;
vertical-align:middle;
}
span.marked svg {
width:11px;
height:11px;
fill:#888;
}
.t-dark span.marked svg {
fill:#AAA;
}
span.marked i.faved {
padding:1px 1px 0 1px;
width:10px;
height:10px;
}
span.marked i.faved svg {
width:10px;
height:10px;
fill:#F91880;
}
span.marked i.replyed svg {
}
span.marked i.scraped svg {
}
span.marked i.rted {
width:14px;
height:11px;
padding:0 1px 0 1px;
}
span.marked i.rted svg {
width:14px;
height:11px;
fill:#00BA7C;
}
span.marked i.bookmarked svg {
}


div.ts span.marked {
bottom:0;
right:0;
}
div.t-n span.marked,div.t-n-m span.marked,div.t-nd span.marked,div.t-nd-m span.marked {
bottom:-1px;
right:-1px;
}
div.slidebox_tweet span.marked,div.inlinetweet span.marked {
bottom:4px;
right:4px;
}
div.ts span.marked span.g,div.slidebox_tweet span.marked span.g,div.inlinetweet span.marked span.g {
margin-left:1px;
}
div.ts span.marked i,div.slidebox_tweet span.marked i,div.inlinetweet span.marked i {
width:10px;
height:10px;
margin:0 2px;
}
div.ts span.marked svg,div.slidebox_tweet span.marked svg,div.inlinetweet span.marked svg {
width:10px;
height:10px;
}
div.ts span.marked i.faved,div.slidebox_tweet span.marked i.faved,div.inlinetweet span.marked i.faved {
width:9px;
}
div.ts span.marked i.faved svg,div.slidebox_tweet span.marked i.faved svg,div.inlinetweet span.marked i.faved svg {
width:9px;
}
div.ts span.marked i.rted,div.slidebox_tweet span.marked i.rted,div.inlinetweet span.marked i.rted {
width:13px;
}
div.ts span.marked i.rted svg,div.slidebox_tweet span.marked i.rted svg,div.inlinetweet span.marked i.rted svg {
width:13px;
}
span.rt_fav_num {
height:11px;
line-height:11px;
font-size:11px;
display:inline-block;
color:#666;
margin-right:1px;
}
span.rt_fav_num i {
width:11px;
height:11px;
vertical-align:top;
margin-right:1px;
}
span.rt_fav_num svg {
width:11px;
height:11px;
fill:#888;
}
span.rt_fav_num_rt i {
width:13px;
}
span.rt_fav_num_rt svg {
width:13px;
}
span.rt_fav_num:hover {
color:#333;
}
span.rt_fav_num:hover svg {
fill:#555;
}

.t-dark span.rt_fav_num {
color:#CCC;
}
.t-dark span.rt_fav_num svg {
fill:#BBB;
}
.t-dark span.rt_fav_num:hover {
color:#FFF;
}
.t-dark span.rt_fav_num:hover svg {
fill:#CCC;
}
div.ft_rt_fav_num_4_itn_sb {
line-height:1;
padding-top:3px;
}

div.t {
padding:1px 0;
border-left:5px solid transparent;
}
div.t:hover div.dmsentinbox {
color:#000;
}
div.t:hover i.dmsentinbox {
opacity:1;
}
div.t-tra {
opacity:0.7;
}
div.t-tra:hover {
opacity:0.9;
}
div.t-n {
background-color:#FFF;
padding:8px 10px 8px 0;
}
/*
div.t-n:hover {
background-color:#F5F5F5;
}
*/
div.t-n-m {
background-color:#FFE9E9;
padding:8px 10px 8px 0;
}
div.t-nd {
background-color:#000;
padding:8px 10px 8px 0;
}
/*
div.t-nd:hover {
background-color:#181818;
}
*/
div.t-nd-m {
background-color:#400;
padding:8px 10px 8px 0;
}
/*
div.t-n-floatimg {
padding:2px 0.8% 0 0;
}
*/
div.t-sel {
background-color:#E3F0FD;
}
/*
div.t-sel:hover {
background-color:#E3F0FD;
}
*/
div.t-sel2 {
background-color:#BADAFA;
}
div.t-sel3 {
background-color:#084686;
}
/*
div.t-sel3:hover {
background-color:#0C61B8;
}
*/

div.t-ss {margin-left:var(--mp);}
div.t-sss {margin-left:var(--mps);}
div.t-ssxs {margin-left:var(--mpxs);}
div.t-ssxxs {margin-left:var(--mpxxs);}
div.t-ssxxxs {margin-left:var(--mpxxxs);}

div.t img.p {
width:var(--p);
height:var(--p);
cursor:pointer;
}
div.t img.ps {
width:var(--ps);
height:var(--ps);
cursor:pointer;
}
div.t img.pxs {
width:var(--pxs);
height:var(--pxs);
cursor:pointer;
}
div.t img.pxxs {
width:var(--pxxs);
height:var(--pxxs);
cursor:pointer;
}
div.t img.pxxxs {
width:var(--pxxxs);
height:var(--pxxxs);
cursor:pointer;
}
div.t span.pdmto {
width:18px;
height:18px;
cursor:pointer;
vertical-align:top;
margin:1px 2px 1px 0;
display:inline-block;
}
div.t span.pdmto img {
vertical-align:top;
width:18px;
height:18px;
}
div.t img.rtp {
width:var(--p-rt);
height:var(--p-rt);
position:absolute;
top:var(--p-rt-top);
left:var(--p-rt-left);
cursor:pointer;
}
div.t img.rtps {
width:var(--ps-rt);
height:var(--ps-rt);
position:absolute;
top:var(--ps-rt-top);
left:var(--ps-rt-left);
cursor:pointer;
}
div.t img.rtpxs {
width:var(--pxs-rt);
height:var(--pxs-rt);
position:absolute;
top:var(--pxs-rt-top);
left:var(--pxs-rt-left);
cursor:pointer;
}
div.t img.rtpxxs {
width:var(--pxxs-rt);
height:var(--pxxs-rt);
position:absolute;
top:var(--pxxs-rt-top);
left:var(--pxxs-rt-left);
cursor:pointer;
}
div.t img.rtpxxxs {
width:var(--pxxxs-rt);
height:var(--pxxxs-rt);
position:absolute;
top:var(--pxxxs-rt-top);
left:var(--pxxxs-rt-left);
cursor:pointer;
}

div.t div.p-common,div.ts div.p-common {
margin:0;
float:left;
position:relative;
z-index:2;
text-align:center;
}
div.t div.p {
margin-left:var(--mp-left);
width:var(--p);
}
div.t div.ps {
margin-left:var(--mps-left);
width:var(--ps);
}
div.t div.pxs {
margin-left:var(--mpxs-left);
width:var(--pxs);
}
div.t div.pxxs {
margin-left:var(--mpxxs-left);
width:var(--pxxs);
}
div.t div.pxxxs {
margin-left:var(--mpxxxs-left);
width:var(--pxxxs);
}
div.t div.p-rt {
margin-left:calc(var(--mp-left) - 1px);
margin-right:1px;
width:var(--p);
}
div.t div.ps-rt {
margin-left:calc(var(--mps-left) - 1px);
margin-right:1px;
width:var(--ps);
}
div.t div.pxs-rt {
margin-left:calc(var(--mpxs-left) - 1px);
margin-right:1px;
width:var(--pxs);
}
div.t div.pxxs-rt {
margin-left:calc(var(--mpxxs-left) - 1px);
margin-right:1px;
width:var(--pxxs);
}
div.t div.pxxxs-rt {
margin-left:calc(var(--mpxxxs-left) - 1px);
margin-right:1px;
width:var(--pxxxs);
}

/*
div.t div.c {
background:url(../../i/tframe2/tl.png) no-repeat left top;
margin-left:57px;
margin-right:5px;
}
div.t div.cs {
background:url(../../i/tframe2/tl.png) no-repeat left top;
margin-left:47px;
margin-right:5px;
}
div.t div.cxs {
background:url(../../i/tframe2/tl.png) no-repeat left top;
margin-left:38px;
margin-right:5px;
}
div.t div.cxxs {
background:url(../../i/tframe2/tl.png) no-repeat left top;
margin-left:30px;
margin-right:5px;
}
div.t div.cxxxs {
background:url(../../i/tframe2/tl.png) no-repeat left top;
margin-left:26px;
margin-right:5px;
}
div.t div.c-m {
background:url(../../i/tframe2/tl-m.png) no-repeat left top;
margin-left:57px;
margin-right:5px;
}
div.t div.c-ms {
background:url(../../i/tframe2/tl-m.png) no-repeat left top;
margin-left:47px;
margin-right:5px;
}
div.t div.c-mxs {
background:url(../../i/tframe2/tl-m.png) no-repeat left top;
margin-left:38px;
margin-right:5px;
}
div.t div.c-mxxs {
background:url(../../i/tframe2/tl-m.png) no-repeat left top;
margin-left:30px;
margin-right:5px;
}
div.t div.c-mxxxs {
background:url(../../i/tframe2/tl-m.png) no-repeat left top;
margin-left:26px;
margin-right:5px;
}
div.t div.c-d {
background:url(../../i/tframe2/tl-d.png) no-repeat left top;
margin-left:57px;
margin-right:5px;
}
div.t div.c-ds {
background:url(../../i/tframe2/tl-d.png) no-repeat left top;
margin-left:47px;
margin-right:5px;
}
div.t div.c-dxs {
background:url(../../i/tframe2/tl-d.png) no-repeat left top;
margin-left:38px;
margin-right:5px;
}
div.t div.c-dxxs {
background:url(../../i/tframe2/tl-d.png) no-repeat left top;
margin-left:30px;
margin-right:5px;
}
div.t div.c-dxxxs {
background:url(../../i/tframe2/tl-d.png) no-repeat left top;
margin-left:26px;
margin-right:5px;
}
div.t div.c-d-m {
background:url(../../i/tframe2/tl-d-m.png) no-repeat left top;
margin-left:57px;
margin-right:5px;
}
div.t div.c-d-ms {
background:url(../../i/tframe2/tl-d-m.png) no-repeat left top;
margin-left:47px;
margin-right:5px;
}
div.t div.c-d-mxs {
background:url(../../i/tframe2/tl-d-m.png) no-repeat left top;
margin-left:38px;
margin-right:5px;
}
div.t div.c-d-mxxs {
background:url(../../i/tframe2/tl-d-m.png) no-repeat left top;
margin-left:30px;
margin-right:5px;
}
div.t div.c-d-mxxxs {
background:url(../../i/tframe2/tl-d-m.png) no-repeat left top;
margin-left:26px;
margin-right:5px;
}
*/
/*
div.t div.c-70 {
background:url(../../i/tframe2/tl-70.png) no-repeat left top;
margin-left:57px;
margin-right:10px;
}
div.t div.c-70s {
background:url(../../i/tframe2/tl-70.png) no-repeat left top;
margin-left:47px;
margin-right:10px;
}
div.t div.c-70xs {
background:url(../../i/tframe2/tl-70.png) no-repeat left top;
margin-left:38px;
margin-right:10px;
}
div.t div.c-70xxs {
background:url(../../i/tframe2/tl-70.png) no-repeat left top;
margin-left:30px;
margin-right:10px;
}
div.t div.c-70xxxs {
background:url(../../i/tframe2/tl-70.png) no-repeat left top;
margin-left:26px;
margin-right:10px;
}
div.t div.c-70-m {
background:url(../../i/tframe2/tl-70-m.png) no-repeat left top;
margin-left:57px;
margin-right:10px;
}
div.t div.c-70-ms {
background:url(../../i/tframe2/tl-70-m.png) no-repeat left top;
margin-left:47px;
margin-right:10px;
}
div.t div.c-70-mxs {
background:url(../../i/tframe2/tl-70-m.png) no-repeat left top;
margin-left:38px;
margin-right:10px;
}
div.t div.c-70-mxxs {
background:url(../../i/tframe2/tl-70-m.png) no-repeat left top;
margin-left:30px;
margin-right:10px;
}
div.t div.c-70-mxxxs {
background:url(../../i/tframe2/tl-70-m.png) no-repeat left top;
margin-left:26px;
margin-right:10px;
}
div.t div.c-d70 {
background:url(../../i/tframe2/tl-d70.png) no-repeat left top;
margin-left:57px;
margin-right:10px;
}
div.t div.c-d70s {
background:url(../../i/tframe2/tl-d70.png) no-repeat left top;
margin-left:47px;
margin-right:10px;
}
div.t div.c-d70xs {
background:url(../../i/tframe2/tl-d70.png) no-repeat left top;
margin-left:38px;
margin-right:10px;
}
div.t div.c-d70xxs {
background:url(../../i/tframe2/tl-d70.png) no-repeat left top;
margin-left:30px;
margin-right:10px;
}
div.t div.c-d70xxxs {
background:url(../../i/tframe2/tl-d70.png) no-repeat left top;
margin-left:26px;
margin-right:10px;
}
div.t div.c-d70-m {
background:url(../../i/tframe2/tl-d70-m.png) no-repeat left top;
margin-left:57px;
margin-right:10px;
}
div.t div.c-d70-ms {
background:url(../../i/tframe2/tl-d70-m.png) no-repeat left top;
margin-left:47px;
margin-right:10px;
}
div.t div.c-d70-mxs {
background:url(../../i/tframe2/tl-d70-m.png) no-repeat left top;
margin-left:38px;
margin-right:10px;
}
div.t div.c-d70-mxxs {
background:url(../../i/tframe2/tl-d70-m.png) no-repeat left top;
margin-left:30px;
margin-right:10px;
}
div.t div.c-d70-mxxxs {
background:url(../../i/tframe2/tl-d70-m.png) no-repeat left top;
margin-left:26px;
margin-right:10px;
}
*/
/*
var c_height = rid ? scol ? 42 : {4:24,3:31,1:40,5:49,2:58}[S['icon']] : scol ? 36 : {4:18,3:24,1:32,5:40,2:48}[S['icon']];
*/
div.t div.c {
margin-left:var(--mp);
min-height:var(--p);
position:relative;
}
div.t div.cs {
margin-left:var(--mps);
min-height:var(--ps);
position:relative;
}
div.t div.cxs {
margin-left:var(--mpxs);
min-height:var(--pxs);
position:relative;
}
div.t div.cxxs {
margin-left:var(--mpxxs);
min-height:var(--pxxs);
position:relative;
}
div.t div.cxxxs {
margin-left:var(--mpxxxs);
min-height:var(--pxxxs);
position:relative;
}
div.t div.c-mute {
margin-left:var(--mp);
min-height:calc(var(--p) + 15px);
position:relative;
}
div.t div.cs-mute {
margin-left:var(--mps);
min-height:calc(var(--ps) + 15px);
position:relative;
}
div.t div.cxs-mute {
margin-left:var(--mpxs);
min-height:calc(var(--pxs) + 15px);
position:relative;
}
div.t div.cxxs-mute {
margin-left:var(--mpxxs);
min-height:calc(var(--pxxs) + 15px);
position:relative;
}
div.t div.cxxxs-mute {
margin-left:var(--mpxxxs);
min-height:calc(var(--pxxxs) + 15px);
position:relative;
}
div.t div.c-rt {
margin-left:var(--mp);
min-height:calc(var(--p-rt-top) + var(--p-rt));
position:relative;
}
div.t div.cs-rt {
margin-left:var(--mps);
min-height:calc(var(--ps-rt-top) + var(--ps-rt));
position:relative;
}
div.t div.cxs-rt {
margin-left:var(--mpxs);
min-height:calc(var(--pxs-rt-top) + var(--pxs-rt));
position:relative;
}
div.t div.cxxs-rt {
margin-left:var(--mpxxs);
min-height:calc(var(--pxxs-rt-top) + var(--pxxs-rt));
position:relative;
}
div.t div.cxxxs-rt {
margin-left:var(--mpxxxs);
min-height:calc(var(--pxxxs-rt-top) + var(--pxxxs-rt));
position:relative;
}
div.t div.cbm {
margin-left:var(--mp);
}
div.t div.cbms {
margin-left:var(--mps);
}
div.t div.cbmxs {
margin-left:var(--mpxs);
}
div.t div.cbmxxs {
margin-left:var(--mpxxs);
}
div.t div.cbmxxxs {
margin-left:var(--mpxxxs);
}
div.t div.cb-common {
margin-right:1px;
padding:6px 9px 6px 8px;
border-radius:4px;
box-sizing:border-box;
background-clip:padding-box;
border:1px solid rgba(0,0,0,0.04);
background-color:#FFF;
}
div.t div.cb-common:hover {
border-color:rgba(0,0,0,0.06);
}
div.t div.cb-common-balloon {
top:9px;
left:-7px;
width:7px;
height:15px;
position:absolute;
overflow:hidden;
}
div.t div.cb-common-balloon::after {
content:"";
width:12px;
height:12px;
display:block;
border:1px solid rgba(0,0,0,0.04);
background-color:#FFF;
transform:rotate(-45deg);
margin:0 0 0 3px;
box-sizing:border-box;
background-clip:padding-box;
}
div.t div.cb-common:hover div.cb-common-balloon::after {
border-color:rgba(0,0,0,0.06);
}
div.t div.cbp {
margin-top:1px;
}



div.t div.cbms div.cb-common-balloon {
top:8px;
}
div.t div.cbmxs div.cb-common-balloon {
top:7px;
}
div.t div.cbmxxs div.cb-common-balloon {
top:6px;
}
div.t div.cbmxxxs div.cb-common-balloon {
top:5px;
}
div.t div.cb {
}
div.t div.cb-d {
border-color:rgba(255,255,255,0.1);
background-color:#000;
}
div.t div.cb-d:hover {
border-color:rgba(255,255,255,0.15);
}
div.t div.cb-d div.cb-common-balloon::after {
border-color:rgba(255,255,255,0.1);
background-color:#000;
}
div.t div.cb-d:hover div.cb-common-balloon::after {
border-color:rgba(255,255,255,0.15);
}
div.t div.cb-m {
background-color:#FFE9E9;
}
div.t div.cb-m div.cb-common-balloon::after {
background-color:#FFE9E9;
}
div.t div.cb-d-m {
border-color:rgba(255,255,255,0.1);
background-color:#400;
}
div.t div.cb-d-m:hover {
border-color:rgba(255,255,255,0.15);
}
div.t div.cb-d-m div.cb-common-balloon::after {
border-color:rgba(255,255,255,0.1);
background-color:#400;
}
div.t div.cb-d-m:hover div.cb-common-balloon::after {
border-color:rgba(255,255,255,0.15);
}
div.t div.cb-70 {
background-color:rgba(255,255,255,0.7);
box-shadow:inset 0 0 6px 3px #FFF;
}
div.t div.cb-70:hover {
background-color:rgba(255,255,255,0.8);
}
div.t div.cb-70 div.cb-common-balloon::after {
background-color:#FFF;
}
div.t div.cb-70:hover div.cb-common-balloon::after {
background-color:#FFF;
}
div.t div.cb-d70 {
border-color:rgba(255,255,255,0.1);
background-color:rgba(0,0,0,0.7);
box-shadow:inset 0 0 6px 3px #000;
}
div.t div.cb-d70:hover {
border-color:rgba(255,255,255,0.15);
background-color:rgba(0,0,0,0.8);
}
div.t div.cb-d70 div.cb-common-balloon::after {
border-color:rgba(255,255,255,0.1);
background-color:#000;
}
div.t div.cb-d70:hover div.cb-common-balloon::after {
border-color:rgba(255,255,255,0.15);
background-color:#000;
}
div.t div.cb-70-m {
background-color:rgba(255,233,233,0.7);
box-shadow:inset 0 0 6px 3px #FFE9E9;
}
div.t div.cb-70-m:hover {
background-color:rgba(255,233,233,0.8);
}
div.t div.cb-70-m div.cb-common-balloon::after {
background-color:#FFE9E9;
}
div.t div.cb-70-m:hover div.cb-common-balloon::after {
background-color:#FFE9E9;
}
div.t div.cb-d70-m {
border-color:rgba(255,255,255,0.1);
background-color:rgba(68,0,0,0.7);
box-shadow:inset 0 0 6px 3px #400;
}
div.t div.cb-d70-m:hover {
border-color:rgba(255,255,255,0.15);
background-color:rgba(68,0,0,0.8);
}
div.t div.cb-d70-m div.cb-common-balloon::after {
border-color:rgba(255,255,255,0.1);
background-color:#400;
}
div.t div.cb-d70-m:hover div.cb-common-balloon::after {
border-color:rgba(255,255,255,0.15);
background-color:#400;
}

/*

div.t div.c-r {
background:url(../../i/tframe2/r.png) no-repeat right top;
padding:5px 8px 0 5px;
margin-right:-5px;
}
div.t div.c-r-m {
background:url(../../i/tframe2/r-m.png) no-repeat right top;
padding:5px 8px 0 5px;
margin-right:-5px;
}
div.t div.c-r-d {
background:url(../../i/tframe2/r-d.png) no-repeat right top;
padding:5px 8px 0 5px;
margin-right:-5px;
}
div.t div.c-r-d-m {
background:url(../../i/tframe2/r-d-m.png) no-repeat right top;
padding:5px 8px 0 5px;
margin-right:-5px;
}
/*
div.t div.c-r-70 {
background:url(../../i/tframe2/r-70.png) no-repeat right top;
padding:5px 10px 0 5px;
margin-right:-10px;
}
div.t div.c-r-70-m {
background:url(../../i/tframe2/r-70-m.png) no-repeat right top;
padding:5px 10px 0 5px;
margin-right:-10px;
}
div.t div.c-r-d70 {
background:url(../../i/tframe2/r-d70.png) no-repeat right top;
padding:5px 10px 0 5px;
margin-right:-10px;
}
div.t div.c-r-d70-m {
background:url(../../i/tframe2/r-d70-m.png) no-repeat right top;
padding:5px 10px 0 5px;
margin-right:-10px;
}
*/
/*
div.t div.c-r-n {
}



div.t div.f {
background:url(../../i/tframe2/bl.png) no-repeat left bottom;
margin-left:62px;
margin-right:5px;
}
div.t div.fs {
background:url(../../i/tframe2/bl.png) no-repeat left bottom;
margin-left:52px;
margin-right:5px;
}
div.t div.fxs {
background:url(../../i/tframe2/bl.png) no-repeat left bottom;
margin-left:43px;
margin-right:5px;
}
div.t div.fxxs {
background:url(../../i/tframe2/bl.png) no-repeat left bottom;
margin-left:35px;
margin-right:5px;
}
div.t div.fxxxs {
background:url(../../i/tframe2/bl.png) no-repeat left bottom;
margin-left:31px;
margin-right:5px;
}
div.t div.f-m {
background:url(../../i/tframe2/bl-m.png) no-repeat left bottom;
margin-left:62px;
margin-right:5px;
}
div.t div.f-ms {
background:url(../../i/tframe2/bl-m.png) no-repeat left bottom;
margin-left:52px;
margin-right:5px;
}
div.t div.f-mxs {
background:url(../../i/tframe2/bl-m.png) no-repeat left bottom;
margin-left:43px;
margin-right:5px;
}
div.t div.f-mxxs {
background:url(../../i/tframe2/bl-m.png) no-repeat left bottom;
margin-left:35px;
margin-right:5px;
}
div.t div.f-mxxxs {
background:url(../../i/tframe2/bl-m.png) no-repeat left bottom;
margin-left:31px;
margin-right:5px;
}
div.t div.f-d {
background:url(../../i/tframe2/bl-d.png) no-repeat left bottom;
margin-left:62px;
margin-right:5px;
}
div.t div.f-ds {
background:url(../../i/tframe2/bl-d.png) no-repeat left bottom;
margin-left:52px;
margin-right:5px;
}
div.t div.f-dxs {
background:url(../../i/tframe2/bl-d.png) no-repeat left bottom;
margin-left:43px;
margin-right:5px;
}
div.t div.f-dxxs {
background:url(../../i/tframe2/bl-d.png) no-repeat left bottom;
margin-left:35px;
margin-right:5px;
}
div.t div.f-dxxxs {
background:url(../../i/tframe2/bl-d.png) no-repeat left bottom;
margin-left:31px;
margin-right:5px;
}
div.t div.f-d-m {
background:url(../../i/tframe2/bl-d-m.png) no-repeat left bottom;
margin-left:62px;
margin-right:5px;
}
div.t div.f-d-ms {
background:url(../../i/tframe2/bl-d-m.png) no-repeat left bottom;
margin-left:52px;
margin-right:5px;
}
div.t div.f-d-mxs {
background:url(../../i/tframe2/bl-d-m.png) no-repeat left bottom;
margin-left:43px;
margin-right:5px;
}
div.t div.f-d-mxxs {
background:url(../../i/tframe2/bl-d-m.png) no-repeat left bottom;
margin-left:35px;
margin-right:5px;
}
div.t div.f-d-mxxxs {
background:url(../../i/tframe2/bl-d-m.png) no-repeat left bottom;
margin-left:31px;
margin-right:5px;
}
*/
/*
div.t div.f-70 {
background:url(../../i/tframe2/bl-70.png) no-repeat left bottom;
margin-left:62px;
margin-right:10px;
}
div.t div.f-70s {
background:url(../../i/tframe2/bl-70.png) no-repeat left bottom;
margin-left:52px;
margin-right:10px;
}
div.t div.f-70xs {
background:url(../../i/tframe2/bl-70.png) no-repeat left bottom;
margin-left:43px;
margin-right:10px;
}
div.t div.f-70xxs {
background:url(../../i/tframe2/bl-70.png) no-repeat left bottom;
margin-left:35px;
margin-right:10px;
}
div.t div.f-70xxxs {
background:url(../../i/tframe2/bl-70.png) no-repeat left bottom;
margin-left:31px;
margin-right:10px;
}
div.t div.f-70-m {
background:url(../../i/tframe2/bl-70-m.png) no-repeat left bottom;
margin-left:62px;
margin-right:10px;
}
div.t div.f-70-ms {
background:url(../../i/tframe2/bl-70-m.png) no-repeat left bottom;
margin-left:52px;
margin-right:10px;
}
div.t div.f-70-mxs {
background:url(../../i/tframe2/bl-70-m.png) no-repeat left bottom;
margin-left:43px;
margin-right:10px;
}
div.t div.f-70-mxxs {
background:url(../../i/tframe2/bl-70-m.png) no-repeat left bottom;
margin-left:35px;
margin-right:10px;
}
div.t div.f-70-mxxxs {
background:url(../../i/tframe2/bl-70-m.png) no-repeat left bottom;
margin-left:31px;
margin-right:10px;
}
div.t div.f-d70 {
background:url(../../i/tframe2/bl-d70.png) no-repeat left bottom;
margin-left:62px;
margin-right:10px;
}
div.t div.f-d70s {
background:url(../../i/tframe2/bl-d70.png) no-repeat left bottom;
margin-left:52px;
margin-right:10px;
}
div.t div.f-d70xs {
background:url(../../i/tframe2/bl-d70.png) no-repeat left bottom;
margin-left:43px;
margin-right:10px;
}
div.t div.f-d70xxs {
background:url(../../i/tframe2/bl-d70.png) no-repeat left bottom;
margin-left:35px;
margin-right:10px;
}
div.t div.f-d70xxxs {
background:url(../../i/tframe2/bl-d70.png) no-repeat left bottom;
margin-left:31px;
margin-right:10px;
}
div.t div.f-d70-m {
background:url(../../i/tframe2/bl-d70-m.png) no-repeat left bottom;
margin-left:62px;
margin-right:10px;
}
div.t div.f-d70-ms {
background:url(../../i/tframe2/bl-d70-m.png) no-repeat left bottom;
margin-left:52px;
margin-right:10px;
}
div.t div.f-d70-mxs {
background:url(../../i/tframe2/bl-d70-m.png) no-repeat left bottom;
margin-left:43px;
margin-right:10px;
}
div.t div.f-d70-mxxs {
background:url(../../i/tframe2/bl-d70-m.png) no-repeat left bottom;
margin-left:35px;
margin-right:10px;
}
div.t div.f-d70-mxxxs {
background:url(../../i/tframe2/bl-d70-m.png) no-repeat left bottom;
margin-left:31px;
margin-right:10px;
}
*/
/*
div.t div.f-n {
margin-left:61px;
}
div.t div.f-ns {
margin-left:50px;
}
div.t div.f-nxs {
margin-left:40px;
}
div.t div.f-nxxs {
margin-left:30px;
}
div.t div.f-nxxxs {
margin-left:27px;
}
div.t div.f-r {
background:url(../../i/tframe2/r.png) no-repeat right bottom;
padding:0 8px 5px 9px;
margin-right:-5px;
position:relative;
}
div.t div.f-r-m {
background:url(../../i/tframe2/r-m.png) no-repeat right bottom;
padding:0 8px 5px 9px;
margin-right:-5px;
position:relative;
}
div.t div.f-r-d {
background:url(../../i/tframe2/r-d.png) no-repeat right bottom;
padding:0 8px 5px 9px;
margin-right:-5px;
position:relative;
}
div.t div.f-r-d-m {
background:url(../../i/tframe2/r-d-m.png) no-repeat right bottom;
padding:0 8px 5px 9px;
margin-right:-5px;
position:relative;
}
*/
/*
div.t div.f-r-70 {
background:url(../../i/tframe2/r-70.png) no-repeat right bottom;
padding:0 10px 5px 9px;
margin-right:-10px;
position:relative;
}
div.t div.f-r-70-m {
background:url(../../i/tframe2/r-70-m.png) no-repeat right bottom;
padding:0 10px 5px 9px;
margin-right:-10px;
position:relative;
}
div.t div.f-r-d70 {
background:url(../../i/tframe2/r-d70.png) no-repeat right bottom;
padding:0 10px 5px 9px;
margin-right:-10px;
position:relative;
}
div.t div.f-r-d70-m {
background:url(../../i/tframe2/r-d70-m.png) no-repeat right bottom;
padding:0 10px 5px 9px;
margin-right:-10px;
position:relative;
}
*/
/*
div.t div.f-r-n {
padding:0 3px 0 3px;
}



div.t div.cm {
background:url(../../i/tframe2/ml.png) repeat-y left top;
padding:1px 9px;
margin-right:-3px;
}
div.t div.cm-m {
background:url(../../i/tframe2/ml-m.png) repeat-y left top;
padding:1px 9px;
margin-right:-3px;
}
div.t div.cm-d {
background:url(../../i/tframe2/ml-d.png) repeat-y left top;
padding:1px 9px;
margin-right:-3px;
}
div.t div.cm-d-m {
background:url(../../i/tframe2/ml-d-m.png) repeat-y left top;
padding:1px 9px;
margin-right:-3px;
}
*/
/*
div.t div.cm-70 {
background:url(../../i/tframe2/ml-70.png) repeat-y left top;
padding:0 9px;
}
div.t div.cm-70-m {
background:url(../../i/tframe2/ml-70-m.png) repeat-y left top;
padding:0 9px;
}
div.t div.cm-d70 {
background:url(../../i/tframe2/ml-d70.png) repeat-y left top;
padding:0 9px;
}
div.t div.cm-d70-m {
background:url(../../i/tframe2/ml-d70-m.png) repeat-y left top;
padding:0 9px;
}
*/
/*
div.t div.cm-n {
}
*/
div.t div.u {
height:21px;
line-height:21px;
color:#666;
overflow:hidden;
margin-bottom:1px;
}
div.t div.u-dm {
color:#666;
line-height:1.2;
margin-bottom:1px;
}


div.t div.cc {
white-space:pre-wrap;
padding:1px calc(12px + 1.7vw) 1px 0;
}
div.cc a:visited {color:#926;}
div.cc a:visited:hover {color:#926;}
div.t div.cc-addpadding {
padding-top:2px;
padding-bottom:2px;
}
/*
div.t span.reply {
background-image:url(../../i/sprite121.png);
background-repeat:no-repeat;
background-position:-5px -986px;
padding-left:15px;
margin-left:2px;
font-size:12px;
}
*/
div.t span.d {
float:right;
}
div.t div.dd {
padding-top:4px;
color:#666;
font-size:11px;
}
div.t-n div.dd,div.t-n-m div.dd,div.t-nd div.dd,div.t-nd-m div.dd {
padding-top:5px;
}
/*
div.t-n-floatimg div.dd {
padding-bottom:3px;
}
div.floatimg-rt-dd {
padding-bottom:0 !important;
}
*/
div.t span.m {
float:right;
color:#666;
font-weight:normal;
}
div.t span.m span.tdtr {
text-align:right;
display:inline-block;
min-width:3em;
}
div.t span.dmtohead {
margin:0 2px 0 4px;
}
div.frt {
padding-top:5px;
color:#666;
}
/*
div.t-n-floatimg div.frt {
padding-bottom:3px;
}
*/
div.t div.tm {
margin:4px 0 0 0;
}

span.mss {
font-weight:normal;
color:#CCC;
cursor:pointer;
}
span.mss:hover {
color:#288BF0;
}
div.t span.ms {
}
div.t span.ms span {
width:22px;
height:19px;
display:inline-block;
padding:0;
margin:0;
cursor:pointer;
vertical-align:top;
border:1px solid transparent;
border-radius:3px;
text-align:center;
}
div.t span.ms span svg {
fill:#606060;
width:13px;
height:13px;
margin:3px 0 3px 0;
vertical-align:top;
}
div.t span.ms span:hover {
border-color:rgba(0,0,0,0.2);
box-shadow:inset 0 -1px 2px rgba(0,0,0,0.1);
background-color:rgba(255,255,255,0.1);
}
div.t span.ms span:hover svg {
fill:#000;
}
div.t span.ms span:active {
border:1px solid rgba(0,0,0,0.25);
box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
background-color:rgba(0,0,0,0.05);
}

div.t span.ms span.tm-rt svg,div.t span.ms span.tm-rted svg {
margin:1px 0 2px 0;
width:16px;
height:16px;
}
div.t span.ms span.tm-conversation svg {
margin:3px 0 2px 0;
width:14px;
height:14px;
}
div.t span.ms span.tm-del svg {
width:11px;
height:11px;
margin:4px 1px 4px 1px;
}
div.t span.ms s {
display:inline-block;
width:1px;
height:13px;
margin:3px 4px 3px 4px;
background-color:rgba(0,0,0,0.3);
vertical-align:top;
}

.t-dark div.t span.ms span svg {
fill:#CCC;
}
.t-dark div.t span.ms span:hover {
border-color:rgba(255,255,255,0.3);
background-color:rgba(255,255,255,0.1);
box-shadow:inset 0 -1px 2px rgba(255,255,255,0.2);
}
.t-dark div.t span.ms span:hover svg {
fill:#FFF;
}
.t-dark div.t span.ms span:active {
border-color:rgba(255,255,255,0.4);
background-color:rgba(255,255,255,0.15);
box-shadow:inset 0 1px 2px rgba(255,255,255,0.2);
}

.t-dark div.t span.ms s {
background-color:rgba(255,255,255,0.3);
}

div.t span.ms span.tm-rt:hover svg,div.t span.ms span.tm-rted svg,div.t span.ms span.tm-rted:hover svg {
fill:#00BA7C;
}
div.t span.ms span.tm-reply:hover svg,div.t span.ms span.tm-replyed svg,div.t span.ms span.tm-replyed:hover svg {
fill:#1D9BF0;
}
div.t span.ms span.tm-fav:hover svg,div.t span.ms span.tm-faved svg,div.t span.ms span.tm-faved:hover svg {
fill:#F91880;
}
div.t span.ms span.tm-del:hover svg {
fill:#D33;
}
div.t span.ms span.tm-scraped svg,div.t span.ms span.tm-scraped:hover svg {
fill:#288BF0;
}
div.t span.ms span.tm-bookmarked svg,div.t span.ms span.tm-bookmarked:hover svg {
fill:#288BF0;
}

div.mute {
width:19px;
height:19px;
cursor:pointer;
position:absolute;
top:-3px;
right:-6px;
background-color:#999;
border-radius:50%;
box-shadow:0 1px 1px rgba(0,0,0,0.1);
}
div.mute:hover {
background-color:#D33;
}
div.mute i {
width:9px;
height:9px;
margin:5px;
vertical-align:top;
}
div.mute svg {
width:9px;
height:9px;
fill:#FFF;
}
span.mute {
vertical-align:top;
display:inline-block;
width:26px;
height:10px;
margin-top:5px;
cursor:pointer;
text-align:center;
background-color:rgba(0,0,0,0.2);
}
span.mute:hover {
background-color:#D33;
}
span.mute i {
width:8px;
height:8px;
margin:1px;
vertical-align:top;
}
span.mute svg {
width:8px;
height:8px;
fill:#FFF;
}
div.t div.pxxxs span.mute,div.t div.pxxxs-rt span.mute {
margin-left:-1px;
}
.t-dark span.mute {
background-color:rgba(255,255,255,0.2);
}

div.ts {
padding:7px 5px 5px 1px;
border-bottom:1px solid #EEE;
border-left:3px solid transparent;
}
/*
div.ts:hover {
background-color:#F6F6F6;
}
*/
div.ts span.mute {
margin:4px 0 0 0;
}
div.t-tra-s {
opacity:0.65;
}
div.t-tra-s:hover {
opacity:1;
}
div.t-ss-s {margin-left:20px;}
div.ts div.p {
width:var(--pxxs);
margin-left:calc(var(--mpxxs-left) - 3px);
}
div.ts div.p-rt {
width:var(--pxxs);
margin-left:calc(var(--mpxxs-left) - 4px);
margin-right:1px;
}
div.ts img.p {
width:var(--pxxs);
height:var(--pxxs);
cursor:pointer;
}
div.ts img.rtp {
width:var(--pxxs-rt);
height:var(--pxxs-rt);
position:absolute;
top:var(--pxxs-rt-top);
left:var(--pxxs-rt-left);
cursor:pointer;
}
div.ts div.c {
margin-left:calc(var(--mpxxs) - 3px);
min-height:var(--pxxs);
position:relative;
}
div.ts div.c-mute {
margin-left:calc(var(--mpxxs) - 3px);
min-height:calc(var(--pxxs) + 15px);
position:relative;
}
div.ts div.c-rt {
margin-left:calc(var(--mpxxs) - 3px);
min-height:calc(var(--pxxs-rt-top) + var(--pxxs-rt));
position:relative;
}
/*
var c_height = rid ? scol ? 42 : {4:24,3:31,1:40,5:49,2:58}[S['icon']] : scol ? 36 : {4:18,3:24,1:32,5:40,2:48}[S['icon']];
*/
div.ts div.cc {
margin:3px 0 1px 0;
line-height:16px;
white-space:pre-wrap;
}
div.ts div.u {
line-height:1.2;
color:#666;
}
div.ts-tra {
opacity:0.7;
}
/*
div.ts span.reply {
background-image:url(../../i/sprite121.png);
background-repeat:no-repeat;
background-position:-6px -1016px;
padding-left:13px;
}
*/
div.ts-none {display:none;}
div.ts-m {background-color:#FFE9E9;}
div.ts span.d {
float:right;
font-size:11px;
}
div.ts span.m {
float:right;
font-size:11px;
}
div.ts span.dmtohead {
margin:0 2px;
font-size:11px;
}
div.ts p.repex {
font-size:12px;
}
div.ts div.frt {
padding-top:3px;
}
div.ts div.dd {
padding-top:1px;
}
div.ts div.tm {
margin:3px 0 -1px 0;
}

div.rtclabel {
position:relative;
}
div.rtclabel div.rtclabel-user {
position:absolute;
height:100%;
bottom:0;
left:-5px;
width:5px;
clip-path:polygon(100% 0,0 100%,100% 100%);
}
div.rtclabel div.rtclabel-user-rt {
position:absolute;
height:100%;
top:0;
left:-5px;
width:5px;
clip-path:polygon(0 0,0 100%,100% 0);
}
div.ts div.rtclabel-user {
left:-3px;
width:3px;
}
div.ts div.rtclabel-user-rt {
left:-3px;
width:3px;
}
@media all and (-ms-high-contrast: none){
div.rtclabel div.rtclabel-user {
height:50%;
clip-path:unset;
}
div.rtclabel div.rtclabel-user-rt {
height:50%;
clip-path:unset;
}
}

div.inlinetweet {
border:1px solid rgba(0,0,0,0.1);
padding:5px 6px 5px 5px;
margin-top:4px;
margin-bottom:2px;
border-radius:3px;
position:relative;
}
div.inlinetweet:hover {
border-color:rgba(0,0,0,0.15);
background-color:rgba(255,255,255,0.3);
}
div.inlinetweet img.inline-p {
cursor:pointer;
vertical-align:middle;
height:24px;
width:24px;
margin-right:3px;
}
div.inlinetweet span.reply {
margin-left:3px;
}
div.inlinetweet div.inlinetweet_c {
padding:2px 1% 0 0;
}
div.inlinetweet div.inlinetweet_nodisp_msg {
cursor:default;
padding:2px;
}
div.inlinetweet_nopadding {
padding-bottom:0;
}
div.inlinetweet_nopadding div.inlinetweet_nodisp_msg {
padding:2px 2px 6px 2px;
}
div.inlinetweet_nopadding div.inlinetweet_c {
padding-bottom:4px;
}
div.inlinetweet span.u {
font-size:13px;
}

div.inlinetweet div.inlinetweet {
margin-bottom:0;
}

span.usettingbtn {
width:11px;
height:15px;
border:1px solid transparent;
display:inline-block;
cursor:pointer;
border-radius:2px;
margin:0 0 1px 2px;
vertical-align:middle;
}
span.usettingbtn:hover {
border:1px solid rgba(0,0,0,0.25);
box-shadow:0 1px 1px rgba(0,0,0,0.1);
}
span.usettingbtn:active {
border:1px solid rgba(0,0,0,0.25);
background-color:rgba(0,0,0,0.15);
box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
}
span.usettingbtn i {
width:7px;
height:7px;
margin:4px 2px 0 2px;
vertical-align:top;
}
span.usettingbtn svg {
width:7px;
height:7px;
fill:#666;
}
span.usettingbtn:hover svg {
fill:#000;
}
.t-dark span.usettingbtn:hover {border-color:rgba(255,255,255,0.5);box-shadow:none;}
.t-dark span.usettingbtn:active {background-color:rgba(255,255,255,0.15);box-shadow:none;}
.t-dark span.usettingbtn svg {fill:#CCC;}
.t-dark span.usettingbtn:hover svg {fill:#FFF;}
div.ts span.usettingbtn {
height:13px;
}
div.ts span.usettingbtn i {
margin:3px 2px 0 2px;
}

span.clabeldesc {
width:10px;
height:10px;
display:inline-block;
border-radius:5px;
box-shadow:0 1px 1px rgba(0,0,0,0.2);
}

span.umemo {
display:inline-block;
margin:0 0 0 3px;
cursor:pointer;
color:#888;
font-size:10px;
height:10px;
line-height:10px;
vertical-align:middle;
}
span.umemo:hover {
color:#288BF0;
}
span.umemo i {
height:10px;
width:10px;
margin-right:2px;
vertical-align:top;
}
span.umemo svg {
fill:#888;
height:10px;
width:10px;
}
span.umemo:hover svg {
fill:#288BF0;
}
i.umemoicon {
height:10px;
width:10px;
margin-right:2px;
vertical-align:middle;
}
.umemoicon svg {
height:10px;
width:10px;
fill:#333;
}
.t-dark .umemoicon svg {
fill:#CCC;
}
span.rtd {
color:#666;
font-size:11px;
font-style:italic;
cursor:pointer;
}
span.rt {
color:#666;
font-style:italic;
}
span.tco {
color:#999;
font-size:10px;
margin-left:2px;
}
span.mn {
color:#666;
font-size:10px;
margin-left:1px;
}
span.ir {
color:#F06;
}
#contact_import_progress {
border:1px solid #DDD;
padding:3px 5px;
margin:3px 0;
background:#F8F8F8;
}
span.tool {
font-size:11px;
}
span.reply {
color:#666;
cursor:pointer;
}
span.reply:hover {
color:#288BF0;
text-decoration:underline;
}
.system {
color:#999;
font-style:italic;
}




i.s {
font-weight:normal;
font-style:normal;
color:#777;
margin-left:4px;
float:right;
cursor:pointer;
}
i.s:hover {
text-decoration:underline;
}
i.ss {
display:inline-block;
height:11px;
line-height:11px;
font-weight:normal;
font-style:normal;
color:#777;
cursor:pointer;
margin-left:2px;
}
i.ss:hover {
text-decoration:underline;
}
span.sd {
color:#666;
cursor:pointer;
display:inline-block;
height:11px;
line-height:10px;
}
span.sd:hover {
text-decoration:underline;
}
span.nd-s::before,span.nd::before,i.n-s::before,i.n::before {
content:"";
background:#5ABE4D;
display:inline-block;
width:6px;
height:6px;
vertical-align:middle;
margin-right:2px;
border-radius:50%;
}

span.qt-ropt {
white-space:nowrap;
display:inline-block;
float:right;
height:11px;
line-height:11px;
padding:2px 2px 2px 0;
font-size:11px;
}
span.qt-ropt span.qt-d {
display:inline-block;
margin-left:4px;
color:#666;
}
span.qt-ropt span.qt-sep {
display:inline-block;
border-left:1px dotted #999;
height:9px;
line-height:9px;
padding-left:7px;
margin:1px 0 1px 7px;
}
span.qt-ropt span.qt-newtablink {
display:inline-block;
margin-right:1px;
}

span.fds {
margin:0 1px;
}
/*
span.scolrep {
padding-left:10px;
background:url(../../i/scolrep.png) no-repeat left center;
color:#666;
cursor:pointer;
}
span.scolrep:hover {
color:#288BF0;
}
*/
#newline {
border-top:1px solid #5ABE4D;
}
#moreline {
border-top:1px solid #53A2F3;
}
#snewline {
border-top:1px solid #5ABE4D;
}
#smoreline {
border-top:1px solid #53A2F3;
}
.moreline {
border-top:1px solid #53A2F3;
}


span.hl0,span.hl1,span.hl2,span.hl3,span.hl4,span.hl5 {
font-weight:bold;
}

div.tu {
background-color:#FFF;
padding:5px;
margin-bottom:2px;
}
div.tu:hover {
background-color:#F9F9F9;
}
.t-dark div.tu {
background-color:#000;
}
.t-dark div.tu:hover {
background-color:#111;
}
div.tu img.p {
width:48px;
height:48px;
float:left;
cursor:pointer;
border-radius:50%;
}
div.tu div.c {
margin-left:56px;
line-height:1.2;
}
div.tu p.cc {
line-height:1.3;
margin:4px 4% 4px 0;
}
div.tu p.tweet {
margin:4px 4% 4px 0;
border-radius:4px;
padding:5px;
border:1px solid #DDD;
}
div.tu p.u {
color:#666;
}
div.tu p.u a {
font-weight:bold;
}
div.tu p.u span.sn {
color:#999;
font-size:11px;
}

.gap {
background:url(../../i/gap.png) repeat-x;
height:31px;
line-height:31px;
text-align:center;
color:#AAA;
margin:5px 0;
overflow:hidden;
position:relative;
}
.sgap {
margin:2px 0;
}
.gap span.moreload {
color:#CCC;
cursor:pointer;
height:31px;
line-height:31px;
display:block;
text-align:center;
margin-right:30px;
padding-left:30px;
}
.gap span.moreload:hover {
color:#FFF;
text-decoration:underline;
}
.gap i.c_m {
position:absolute;
top:8px;
right:8px;
}
.sgap i.c_m {
right:4px;
}
#clabeltable {}
#clabeltable td {
width:20px;
height:20px;
cursor:pointer;
}


div.petc {
padding:2px;
text-align:center;
line-height:130%;
}
div.petc .btn {
text-shadow:none;
margin:1px 0;
}
div.petc .btn2 {
text-shadow:none;
margin:1px 0;
}









#tweetboxmaincont {
padding:4px 0 0 4px;
}
#tweetopts {
padding:2px 7px 2px 3px;
background-color:#D0D0D0;
width:auto;
box-shadow:-1px -1px 1px rgba(0,0,0,0.4);
border-radius:5px;
display:inline-block;
}



#tweetbox_outer {
display:flex;
flex-wrap:wrap;
align-content:flex-start;
align-items:flex-start;
justify-content:flex-start;
width:100%;
}

#tweetbody-outer {
position:relative;
}
#tweetbody {
padding:4px;
font-size:13px;
width:400px;
height:50px;
margin:0;
overflow-y:scroll;
display:block;
line-height:1.2;
}
#tweetbox_typemenu {
width:40px;
}
#tweetbox_typemenu div {
height:25px;
position:relative;
width:100%;
}
#tweetbox_typemenu div i {
width:16px;
height:16px;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
}
#tweetbox_typemenu div svg {
width:16px;
height:16px;
}
#tweetbox_typemenu div:hover {
}
#tweetbox_typemenu div:hover svg {
}
#tweetbox_typemenu div.active_tweet,div.active_dm {
background-color:#F4F4F4;
}
#tweetbox_typemenu div.change_tweet svg {
fill:#999;
}
#tweetbox_typemenu div.change_tweet:hover svg {
fill:#666;
}
#tweetbox_typemenu div.active_tweet svg {
fill:#666;
}
#tweetbox_typemenu div.change_dm svg {
fill:#999;
}
#tweetbox_typemenu div.change_dm:hover svg {
fill:#666;
}
#tweetbox_typemenu div.active_dm svg {
fill:#666;
}
#tweetbox_typemenu div.active_tweet_focus {
background-color:#DFEAFB;
}
#tweetbox_typemenu div.active_tweet_focus svg {
fill:#1D9BF0;
}
#tweetbox_typemenu div.active_dm_focus {
background-color:#FFE3DF;
}
#tweetbox_typemenu div.active_dm_focus svg {
fill:#F60;
}
#tweetbox_typemenu_active {
border-top-left-radius:2px;
border-bottom-left-radius:2px;
}
#tweetbox_typemenu_change {
cursor:pointer;
}
#tweetcont {
width:192px;
margin-left:4px;
}



#tweetdmto {
height:16px;
padding:1px;
width:130px;
margin:0 0 0 2px;
background-color:#FFD;
}
#tweetdmto:focus {
border-color:#F60;
}
#tweetboxclosebar {
background-color:#E4E4E4;
display:block;
text-align:center;
padding:2px 0;
}
#tweetboxclosebar:hover {
background-color:#D8D8D8;
text-decoration:none;
}
.formclearbtn {
margin-left:4px;
font-weight:normal;
color:#FFF;
font-size:10px;
height:16px;
line-height:16px;
background-color:#BBB;
border-radius:3px;
display:inline-block;
padding:0 3px;
vertical-align:middle;
cursor:pointer;
}
.formclearbtn:hover {
background-color:#D33;
color:#FFF;
}
#autodelbtn {
display:inline-block;
margin-left:3px;
width:9px;
height:9px;
padding:2px;
vertical-align:middle;
cursor:pointer;
}
#autodelbtn i {
vertical-align:top;
width:9px;
height:9px;
}
#autodelbtn svg {
width:9px;
height:9px;
}
.autodelbtn svg {
fill:#888;
}
.autodelbtn:hover svg {
fill:#000;
}
.autodelbtn-on svg {
fill:#D33;
}



#tweetbox {
background-color:#FFF;
position:fixed;
z-index:900;
top:var(--headmenu-height);
height:0;
left:0;
overflow:hidden;
display:block;
backface-visibility:hidden;
}
#tweetbox h2 {
background-color:#333;
font-weight:bold;
padding:0 0 0 5px;
height:24px;
line-height:24px;
cursor:move;
color:#F8F8F8;
}
#tweetbox h2 span.tbox_closebtn {
color:#FFF;
height:24px;
line-height:24px;
width:24px;
text-align:center;
cursor:default;
float:right;
}
#tweetbox h2 span.tbox_closebtn:hover {background-color:#D33;}
#tweetbox h2 span.tbox_closebtn:active {background-color:#B11;}
#tweetbox h2 span.tbox_sizebtn {
color:#FFF;
height:24px;
line-height:24px;
width:24px;
text-align:center;
cursor:default;
float:right;
}
#tweetbox h2 span.tbox_sizebtn:hover {background-color:#888;}
#tweetbox h2 span.tbox_sizebtn:active {background-color:#666;}
.tweetbox-float {
opacity:0.6;
}
.tweetbox-float:hover {
opacity:1;
}
#extweetbodybar {
display:block;
text-align:center;
padding:1px 0;
cursor:pointer;
}
#extweetbodybar:hover {
background-color:#DDD;
}
#tbox_vresize_handler {
height:4px;
width:400px;
cursor:n-resize;
user-select:none;
}
#tweetbox:hover #tbox_vresize_handler {
background:url(../../i/scolhandler6.png) no-repeat center center;
}
#tweetbox:hover #tbox_vresize_handler:hover {
background:#EEE url(../../i/scolhandler6.png) no-repeat center center;
}
#tbox_vresize_handler:hover {
background:#EEE url(../../i/scolhandler6.png) no-repeat center center;
}

#tboxclosebtn {
width:10px;
height:10px;
position:absolute;
bottom:0;
right:0;
cursor:default;
z-index:10;
padding:5px;
}
#tboxclosebtn i {
vertical-align:top;
width:10px;
height:10px;
}
#tboxclosebtn svg {
width:10px;
height:10px;
fill:#666;
}
#tboxclosebtn:hover {background-color:#D33;}
#tboxclosebtn:hover svg {fill:#FFF;}
#tboxclosebtn:active {background-color:#A11;}

#tboxfloatbtn {
display:inline-block;
float:right;
width:11px;
height:11px;
cursor:pointer;
margin:0 5px 0 0;
}
#tboxfloatbtn i {
vertical-align:top;
width:11px;
height:11px;
}
#tboxfloatbtn svg {
width:11px;
height:11px;
fill:#888;
}
#tboxfloatbtn:hover svg {
fill:#000;
}
#postoptsettingbtn {
width:9px;
height:9px;
border:1px solid #CCC;
cursor:pointer;
border-radius:2px;
display:inline-block;
vertical-align:middle;
margin:0 3px 0 0;
float:right;
}
#postoptsettingbtn i {
vertical-align:top;
width:5px;
height:5px;
padding:2px;
}
#postoptsettingbtn svg {
width:5px;
height:5px;
fill:#333;
}
#postoptsettingbtn:hover svg {
fill:#000;
}
#postoptsettingbtn:hover {
background-color:#EEE;
border:1px solid #BBB;
box-shadow:0 1px 1px rgba(0,0,0,0.1);
}
#postoptsettingbtn:active {
background-color:#DDD;
border:1px solid #AAA;
box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);
}
/*
span.listuserchangebtn {
background-image:url(../../i/toolbarlistbg_b2.png);
background-repeat:no-repeat;
background-position:2px -18px;
line-height:13px;
height:13px;
border:1px solid #DDD;
cursor:pointer;
border-radius:2px;
display:inline-block;
padding:0 8px 0 11px;
font-weight:bold;
color:#666;
font-size:11px;
margin-bottom:3px;
}
span.listuserchangebtn:hover {
color:#000;
background-color:#EEE;
border:1px solid #CCC;
box-shadow:0 1px 1px rgba(0,0,0,0.1);
}
*/

#tweethead {
padding:0 3px;
}
#sendtweetloader {
height:27px;
width:50px;
}
#sendtweetloader img {
margin:4px 16px 5px 16px;
}

#twitsubmit {
overflow:hidden;
width:60px;
height:26px;
font-size:14px;
letter-spacing:3px;
}
#twitsubmit .loader {
margin-top:2px;
}

div.addphoto {
height:25px;
line-height:25px;
}
/*
img.tweetboxmenu {
margin:0 4px;
height:16px;
vertical-align:middle;
cursor:pointer;
}
*/
#form_dmto_area {
color:#666;
margin-bottom:2px;
}
#form_dmto_img {
width:20px;
height:20px;
vertical-align:top;
border-radius:50%;
}
.tweetform_rightbottom_opts {
bottom:2px;
right:20px;
position:absolute;
height:16px;
display:inline-block;
vertical-align:top;
}
.charremain {
font-size:11px;
height:11px;
line-height:11px;
border-radius:3px;
margin:2px 0 1px 0;
display:inline-block;
vertical-align:top;
padding:1px 3px;
text-align:center;
}
.charremainbg {
background-color:#C0C0C0;
color:#FFF;
}
.charremainbg-over {
background-color:#D33;
color:#FFF;
}

.emojibtn {
display:inline-block;
width:16px;
height:16px;
margin-right:4px;
cursor:pointer;
vertical-align:top;
}
.emojibtn i {
vertical-align:top;
width:14px;
height:14px;
padding:1px;
}
.emojibtn svg {
width:14px;
height:14px;
fill:#888;
}
.emojibtn:hover svg {
fill:#000;
}
.t-dark .emojibtn svg {
fill:#AAA;
}
.t-dark .emojibtn:hover svg {
fill:#FFF;
}
.previewbtn {
display:inline-block;
width:16px;
height:16px;
margin-right:3px;
cursor:pointer;
vertical-align:top;
}
.previewbtn i {
vertical-align:top;
width:14px;
height:14px;
padding:1px;
}
.previewbtn svg {
width:14px;
height:14px;
fill:#888;
}
.previewbtn:hover svg {
fill:#000;
}
.t-dark .previewbtn svg {
fill:#AAA;
}
.t-dark .previewbtn:hover svg {
fill:#FFF;
}

#scolreload {
}
#scol {
width:300px;
position:fixed;
left:0;
top:var(--headmenu-height);
overflow:hidden;
z-index:5;
backface-visibility:hidden;
background:#FFF;
}
#scolcont {
}
#scoltl {
}
#tbox-handler-l {
background:transparent;
width:4px;
height:4px;
z-index:901;
position:fixed;
cursor:e-resize;
user-select:none;
}
#tbox-handler-t {
background:transparent;
width:4px;
height:4px;
z-index:901;
position:fixed;
cursor:n-resize;
user-select:none;
}
#tbox-handler-r {
background:transparent;
width:4px;
height:4px;
z-index:901;
position:fixed;
cursor:e-resize;
user-select:none;
}
#tbox-handler-b {
background:transparent;
width:4px;
height:4px;
z-index:901;
position:fixed;
cursor:n-resize;
user-select:none;
}

#scol-handler {
background:transparent;
width:4px;
height:4px;
z-index:6;
position:fixed;
top:var(--headmenu-height);
cursor:e-resize;
user-select:none;
}
/*
#scol-handler div {
width:4px;
height:100%;
}
#scol:hover ~ #scol-handler {
background:url(../../i/scolhandler5.png) no-repeat center center;
}
#scol:hover ~ #scol-handler:hover {
background:#EEE url(../../i/scolhandler5.png) no-repeat center center;
}
#scol-handler:hover {
background:#EEE url(../../i/scolhandler5.png) no-repeat center center;
}
*/
#scol-handler2 {
background:url(../../i/scolhandler6.png) no-repeat center center;
height:8px;
cursor:n-resize;
user-select:none;
}
#scol-handler3 {
cursor:n-resize;
user-select:none;
padding-top:4px;
margin:0 2px;
border-top:1px solid #E8E8E8;
}
#scol-handler3:hover {
background:#F8F8F8 url(../../i/scolhandler6.png) no-repeat center center;
border-color:#D8D8D8;
}
#scol-inner {
overflow-y:auto;
overflow-x:hidden;
}

#scoltlmore {
height:17px;
line-height:17px;
background-color:#EEE;
color:#666;
text-align:center;
cursor:pointer;
overflow:hidden;
}
#scoltlmore:hover {
color:#000;
background-color:#E0E0E0;
}
div.scolpagebar {
height:17px;
line-height:17px;
color:#666;
text-align:center;
cursor:pointer;
overflow:hidden;
font-size:11px;
background-color:#F8F8F8;
}
div.scolpagebar i {
vertical-align:top;
width:11px;
height:11px;
margin:3px;
}
div.scolpagebar svg {
width:11px;
height:11px;
fill:#666;
}
div.scolpagebar:hover {
color:#000;
background-color:#EEE;
}
div.scolpagebar:hover svg {
fill:#000;
}
#scolsearch {
margin:0 0 10px 0;
}

#scol_move_cursor {
top:var(--headmenu-height);
background-color:#FFF;
border:3px dotted #000;
width:194px;
position:fixed;
z-index:10000;
user-select:none;
opacity:0.5;
}
#myfollow {
padding:4px 0;
}
#myfollower {
padding:4px 0;
}
#ratelimit_status {
margin-right:2px;
display:inline-block;
width:14px;
height:14px;
vertical-align:middle;
}
#myprofmenu-name {
line-height:1.2;
}
/*
#scolclosebtn {
background-image:url(../../i/sprite121.png);
background-repeat:no-repeat;
background-position:-6px -63px;
display:inline-block;
float:right;
width:11px;
height:11px;
cursor:pointer;
margin:3px 0 0 6px;
}
*/
#account {
background-color:#FFF;
background-position:center center;
background-size:cover;
position:relative;
}
#account:hover {
background-color:#EEE;
}
#selaccount {
user-select:none;
cursor:move;
}
/*
#accounteditbtn {
background-image:url(../../i/sprite121.png);
background-repeat:no-repeat;
background-position:-11px -260px;
width:12px;
height:12px;
display:inline-block;
position:absolute;
right:3px;
top:20px;
}
#accounteditbtn:hover {
background-position:-49px -260px;
}
#pwinbtn {
background-image:url(../../i/sprite121.png);
background-repeat:no-repeat;
display:inline-block;
width:11px;
height:11px;
cursor:pointer;
position:absolute;
right:3px;
top:3px;
}
span.pwinclose {
background-position:-4px -79px;
}
span.pwinopen {
background-position:-6px -48px;
}
*/
#selaccount img.p {
width:24px;
height:24px;
border:2px solid transparent;
cursor:pointer;
border-radius:50%;
}
#selaccount span.n {
padding:1px;
display:inline-block;
width:28px;
height:28px;
cursor:default;
}
#selaccount span.n img.p {
opacity:0.7;
}
#account > div:hover span.n img.p {
opacity:0.8;
}
#selaccount span.n:hover img.p {
border-color:rgba(29,202,255,0.75);
opacity:0.9 !important;
}
#selaccount span.check {
padding:1px;
display:inline-block;
position:relative;
width:28px;
height:28px;
cursor:default;
}
#selaccount span.check img.p {
border-color:rgba(29,202,255,0.95);
}
#selaccount span.check i {
position:absolute;
right:-1px;
bottom:0;
margin:0;
}

#selpostuser {
background-color:#FFF;
border:1px solid #CCC;
margin:3px 0;
}
#scolmain {
background-color:#FFF;
overflow-y:auto;
overflow-x:hidden;
}
#scol-foot {
padding:5px;
}
#myprofile {
padding:7px 5px 5px 5px;
position:relative;
}
#myprofile span.itemname {
width:34%;
display:block;
padding:5px 2px;
float:left;
color:#555;
margin-bottom:2px;
}
#myprofile span.itemvalue {
color:#333;
margin-left:37%;
text-align:center;
display:block;
padding:5px;
cursor:pointer;
font-weight:bold;
border-radius:10px;
}
#myprofile span.itemvalue:hover {
background-color:#EEE;
color:#000;
}

#myprofile img.ffp {
margin:0 1px 1px 0;
border:1px solid #FFF;
width:24px;
height:24px;
cursor:pointer;
float:left;
border-radius:50%;
}
#myprofile img.ffp:hover {
border-color:#DDD;
}
#myprofile img.ffpf {
margin:0 1px 1px 0;
border:1px solid #77DFFF;
width:24px;
height:24px;
cursor:pointer;
float:left;
border-radius:50%;
}
#myprofile img.ffpf:hover {
border-color:#1DCAFF;
}
#myprofile span.next {
margin:0 1px 1px 0;
border:1px solid #FFF;
width:24px;
height:24px;
cursor:pointer;
display:inline-block;
background-color:#EEE;
color:#666;
line-height:24px;
text-align:center;
font-size:10px;
float:left;
}
#myprofile span.next:hover {
background-color:#999;
color:#FFF;
}

.userstat {
border:1px solid #D8D8D8;
border-radius:3px;
margin:10px 0;
}
.userstat td {
text-align:center;
padding:2px 0;
}
.userstat td.h {
background-color:#EEE;
}
.userstat td span {
display:block;
color:#288BF0;
}
.userstat td span:hover {
color:#288BF0;
}

#scolmenu {
height:24px;
overflow:hidden;
}
#scolmenu > span {
cursor:default;
text-align:center;
display:block;
float:left;
color:#555;
height:24px;
line-height:24px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:13px;
position:relative;
}
#scolmenu > span:hover {
background-color:#F4F4F4;
color:#333;
}
#scolmenu > span.this {
height:22px;
line-height:22px;
color:#000;
font-weight:bold;
border-bottom:2px solid #000;
}
#scolmenu-more {
width:18px;
}
#scolmenu-more i {
width:10px;
height:6px;
padding:4px;
margin-top:3px;
vertical-align:top;
}
#scolmenu-more svg {
width:10px;
height:10px;
fill:#666;
}
#scolmenu-more:hover svg {
fill:#000;
}
#scolmenu-my {
}
i.smenunewmsg {
line-height:12px;
height:12px;
font-family:Arial;
background-color:#D84040;
padding:0 3px;
border-radius:6px;
font-size:10px;
color:#FFF;
display:inline-block;
min-width:7px;
text-align:center;
cursor:pointer;
position:absolute;
right:1px;
top:4px;
}

/*
#scolmenu i {
background-image:url(https://dg0ytdce3xh9e.cloudfront.net/i/scolmenu.png);
background-repeat:no-repeat;
display:inline-block;
width:16px;
height:16px;
}
#scolmenu-my i {
background-position:-38px 2px;
}
#scolmenu-home i {
background-position:-38px -24px;
}
#scolmenu-mention i {
background-position:-38px -48px;
}
#scolmenu-dm i {
background-position:-38px -71px;
}
#scolmenu-my i.this {
background-position:0 2px;
}
#scolmenu-home i.this {
background-position:0 -24px;
}
#scolmenu-mention i.this {
background-position:0 -48px;
}
#scolmenu-dm i.this {
background-position:0 -71px;
}
*/

#scol_search_history {
padding:9px 3px 10px 3px;
height:3px;
display:inline-block;
}
#scol_search_history:hover {
background-color:#E8E8E8;
}

i.sml-arrowimg {
display:inline-block;
width:5px;
height:3px;
vertical-align:top;
}
i.sml-arrowimg svg {
width:5px;
height:3px;
fill:#333;
}
i.arrowimg {
display:inline-block;
width:7px;
height:4px;
vertical-align:top;
}
i.arrowimg svg {
width:7px;
height:4px;
fill:#333;
}



/*
h3.togglehead {
display:block;
color:#666;
height:16px;
line-height:16px;
cursor:pointer;
padding:0 0 0 5px;
}
h3.togglehead:hover {
background-color:#EEE;
color:#333;
}
h3.togglehead::before {
content:"";
background:url(../../i/extweet_arw_bk.png) no-repeat center center;
background-size:cover;
display:inline-block;
animation:togglehead-close-kf 0.2s ease 0s 1 forwards;
width:8px;
height:8px;
vertical-align:top;
margin:4px 4px 4px 0;
opacity:0.5;
}
h3.togglehead:hover::before {
opacity:0.65;
}
h3.togglehead-o {
color:#333;
font-weight:bold;
}
h3.togglehead-o::before {
transform:rotate(90deg);
animation:togglehead-open-kf 0.2s ease 0s 1 forwards;
opacity:0.65;
}
h3.togglehead-ani-cancel::before {
animation:none;
}
*/


@keyframes togglehead-open-kf {
0% {transform:rotate(0);}
100% {transform:rotate(90deg);}
}
@keyframes togglehead-close-kf {
0% {transform:rotate(90deg);}
100% {transform:rotate(0);}
}

div.lbox {
border-radius:5px;
background-color:#FFF;
padding:6px;
border:1px solid #CCC;
margin:2px 0;
}




#main {
padding:5px;
}
#mP {
margin-bottom:5px;
}
div.mP-c {
padding:5px;
background-color:rgba(255,255,255,0.85);
color:rgba(0,0,0,0.9);
}
div.mP-c:hover {
background-color:rgba(255,255,255,0.95);
}
.t-dark div.mP-c {
background-color:rgba(0,0,0,0.85);
color:rgba(255,255,255,0.8);
}
.t-dark div.mP-c:hover {
background-color:rgba(0,0,0,95);
}




#autoupdate_ctrl {
border-radius:10px;
background-color:#E4E4E4;
padding:1px 8px;
height:16px;
display:inline-block;
}
#autoupdate_ctrl:hover {
background-color:#E8E8E8;
}
#autoupdate_ctrl span.au_btn {
display:inline-block;
width:16px;
height:16px;
cursor:pointer;
}
#autoupdate_ctrl span.au_btn::before {
content:"";
display:inline-block;
width:10px;
height:10px;
margin:3px;
box-sizing:border-box;
}

#autoupdate_ctrl span.au_b1_on::before {
background-color:#5ABE4D;
border-radius:5px;
}
#autoupdate_ctrl span.au_b1_off::before {
background-color:#C0C0C0;
border-radius:5px;
}
#autoupdate_ctrl span.au_b1_off:hover::before {
background-color:#5ABE4D;
}

#autoupdate_ctrl span.au_b2_on,#autoupdate_ctrl span.au_b2_off {
margin:0 8px;
}
#autoupdate_ctrl span.au_b2_on::before {
border:3px solid #E5CF17;
border-radius:5px;
}
#autoupdate_ctrl span.au_b2_off::before {
border:3px solid #C0C0C0;
border-radius:5px;
}
#autoupdate_ctrl span.au_b2_off:hover::before {
border-color:#E5CF17;
}

#autoupdate_ctrl span.au_b3_on::before {
width:8px;
height:8px;
margin:4px;
}
#autoupdate_ctrl span.au_b3_on::before {
background-color:#DD3333;
}
#autoupdate_ctrl span.au_b3_off::before {
width:8px;
height:8px;
margin:4px;
background-color:#C0C0C0;
}
#autoupdate_ctrl span.au_b3_off:hover::before {
background-color:#DD3333;
}

#syncbtn {
display:inline-block;
width:16px;
height:16px;
margin:1px 0 1px 7px;
cursor:pointer;
vertical-align:top;
}
#syncbtn i {
vertical-align:top;
margin:1px;
width:14px;
height:14px;
}
#syncbtn svg {
width:14px;
height:14px;
fill:#888;
}
#syncbtn:hover svg {
fill:#288BF0;
}
/*
#dashboardbtn {
background-image:url(../../i/sprite121.png);
background-repeat:no-repeat;
background-position:-3px -957px;
display:inline-block;
width:16px;
height:16px;
margin-left:5px;
cursor:pointer;
}
#dashboardbtn:hover {
background-position:-26px -957px;
}
*/

#tab_move_cursor {
border:1px solid #000;
position:fixed;
z-index:10000;
user-select:none;
}
#tab_move_cursor_vline {
border-right:4px solid #000;
position:fixed;
z-index:9999;
}
/* #タブ */
/*↓marginとpaddingの関係と記述方法でアクティブなタブのサイズが実際よりも大きく計算され落ちることがあるので変更は注意↓*/
div.normaltab {
background-color:#E4E4E4;
position:fixed;
z-index:800;
top:var(--headmenu-height);
left:0;
backface-visibility:hidden;
overflow:hidden;
display:flex;
flex-wrap:wrap;
align-items:flex-start;
align-content:flex-start;
padding:2px 0 0 3px;
}
div.normaltab > div {
margin:1px 1px 0 0;
cursor:default;
padding:6px 6px 6px 6px;
user-select:none;
position:relative;
height:18px;
z-index:1;
color:#333;
border-top-left-radius:4px;
border-top-right-radius:4px;
}
div.normaltab > div::before {
content:"";
width:1px;
height:24px;
display:inline-block;
position:absolute;
z-index:1;
left:-1px;
top:3px;
background-color:rgba(0,0,0,0.2);
background:linear-gradient(to bottom,#E4E4E4,#BBB,#BBB,#E4E4E4);
}
div.normaltab i.mask {
width:30px;
height:18px;
z-index:1;
right:3px;
top:5px;
display:block;
background:linear-gradient(to right,rgba(228,228,228,0),rgba(228,228,228,1) 18px,rgba(228,228,228,1));
position:absolute;
}
div.normaltab > div:hover {
background-color:#F2F2F2;
color:#000;
}
div.normaltab > div:hover i.mask {
background:linear-gradient(to right,rgba(242,242,242,0),rgba(242,242,242,1) 18px,rgba(242,242,242,1));
}
div.normaltab > div.active {
background-color:#FFF;
z-index:2;
padding:6px 6px 6px 6px;
color:#000;
}
div.normaltab > div.active i.mask {
background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1) 17px,rgba(255,255,255,1));
}
div.normaltab > div.active i.ti svg {
fill:#000;
}
/*
div.normaltab > div.active_box {
padding:6px 5px 5px 6px;
border-radius:4px;
}
*/
div.normaltab > div.active::before {
display:none;
}
div.normaltab > div.active+div::before {
display:none;
}
div.normaltab > div:hover::before {
display:none;
}
div.normaltab > div:hover+div::before {
display:none;
}
div.normaltab > div.noshadow::before {
display:none;
}
div.normaltab > div:first-child::before {
display:none;
}
div.normaltab > div p {
height:16px;
line-height:16px;
padding:1px;
margin:0;
overflow:hidden;
white-space:nowrap;
}
/*↑marginとpaddingの関係と記述方法でアクティブなタブのサイズが実際よりも大きく計算され落ちることがあるので変更は注意↑*/

div.commontab i.tc {
width:15px;
height:15px;
cursor:pointer;
display:inline-block;
position:absolute;
z-index:2;
right:1px;
top:6px;
border-radius:50%;
}
div.commontab i.tc svg {
vertical-align:top;
width:7px;
height:7px;
margin:4px;
fill:rgba(0,0,0,0.3);
}
div.commontab div:hover i.tc svg {
fill:rgba(0,0,0,0.6);
}
div.commontab i.tc:hover {
background-color:#D33;
}
div.commontab i.tc:hover svg {
fill:#FFF !important;
}
div.commontab i.tc:active {
background-color:#A11;
}
div.commontab i.tc:active svg {
fill:#FFF !important;
}
div.commontab #starttab {
cursor:pointer;
margin:5px 0 5px 3px;
height:20px;
width:20px;
user-select:none;
display:inline-block;
}
div.commontab #starttab i {
display:inline-block;
vertical-align:top;
height:16px;
width:16px;
margin:2px;
}
div.commontab #starttab svg {
height:16px;
width:16px;
fill:#666;
}
div.commontab #starttab:hover svg {
fill:#000;
}
div.commontab #toggle_scale_tab_btn {
cursor:pointer;
margin:5px 0 5px 8px;
height:20px;
width:20px;
user-select:none;
display:inline-block;
}
div.commontab #toggle_scale_tab_btn i {
display:inline-block;
vertical-align:top;
height:16px;
width:16px;
margin:2px;
}
div.commontab #toggle_scale_tab_btn svg {
height:16px;
width:16px;
fill:#333;
}
div.commontab #toggle_scale_tab_btn:hover svg {
fill:#000;
}
div.commontab .scale_tab_shrink i.scale_tab_enlarge_icon {
display:none !important;
}
div.commontab .scale_tab_enlarge i.scale_tab_shrink_icon {
display:none !important;
}

div.commontab strong {
line-height:13px;
height:13px;
font-family:Arial;
background-color:#D84040;
padding:0 3px;
border-radius:6px;
font-size:11px;
color:#FFF;
width:auto;
min-width:7px;
text-align:center;
display:inline-block;
position:absolute;
z-index:3;
right:3px;
top:6px;
}
div.commontab strong.reload {
background-color:#888;
}
div.commontab strong.pending {
background-color:#53A2F3;
}

img.tab-uimg {
width:16px;
height:16px;
margin-right:3px;
margin-left:-1px;
float:left;
opacity:0.9;
border-radius:50%;
}
div.commontab div:hover img.tab-uimg {
opacity:1;
}
i.ti {
width:10px;
height:10px;
display:inline-block;
margin-right:2px;
margin-bottom:2px;
vertical-align:middle;
}
i.ti svg {
vertical-align:top;
width:10px;
height:10px;
fill:#333;
}
.t-dark i.ti svg {
fill:#CCC;
}
i.ti-tab {
margin-top:2px;
margin-bottom:0;
vertical-align:unset;
float:left;
}
i.ti-tab svg {
fill:#444;
}
div.commontab > div:hover i.ti svg {
fill:#222;
}
/*
i.ti-home {
background-position:-116px -2px;
}
i.ti-dm {
background-position:-204px -2px;
}
i.ti-s {
background-position:-160px -2px;
}
i.ti-block {
background-position:-248px -2px;
}
i.ti-v {
background-position:-336px -2px;
}
i.ti-u {
background-position:-27px -2px;
}
i.ti-l {
background-position:-270px -2px;
}
i.ti-u-fav {
background-position:-5px -2px;
}
i.ti-u-follow {
background-position:-374px -2px;
}
i.ti-u-follower {
background-position:-355px -2px;
}
i.ti-u-listed {
background-position:-414px -2px;
}
i.ti-x {
background-position:-49px -2px;
}
i.ti-a {
background-position:-392px -2px;
}
i.ti-d {
background-position:-181px -2px;
}
i.ti-o {
background-position:-72px -2px;
}
i.ti-mute {
background-position:-94px -2px;
}
i.ti-scrap {
background-position:-545px -2px;
}
i.ti-t {
background-position:-292px -2px;
}
i.ti-mention {
background-position:-563px -2px;
}
i.ti-i {
background-position:-458px -2px;
}
i.ti-e {
background-position:-436px -2px;
}
i.ti-c {
background-position:-138px -2px;
}
i.ti-rank {
background-position:-480px -2px;
}
i.ti-trend {
background-position:-501px -2px;
}
i.ti-lc {
background-position:-524px -2px;
}
*/

div.richtab {
background-color:#E4E4E4;
padding:3px 0 0 3px;
position:fixed;
z-index:800;
top:var(--headmenu-height);
left:0;
backface-visibility:hidden;
display:flex;
flex-wrap:wrap;
align-items:flex-start;
align-content:flex-start;
overflow:hidden;
}

div.richtab > div {
border-left:1px solid #D8D8D8;
border-right:1px solid #D8D8D8;
background-color:#EEE;
background:linear-gradient(to bottom,#AAA,#F8F8F8 4px,#DDD);
border-top-left-radius:4px;
border-top-right-radius:4px;
cursor:default;
height:16px;
padding:7px 0 6px 5px;
margin:1px 1px 0 0;
overflow:hidden;
user-select:none;
position:relative;
color:#444;
}
div.richtab > div:hover {
color:#000;
}
div.richtab i.mask {
z-index:1;
right:0px;
top:0px;
display:none;
position:absolute;
}
div.richtab > div.active {
margin:0 1px 0 0;
padding:7px 0 7px 5px;
background-color:#FFF;
background:linear-gradient(to bottom,#999,#999 2px,#FFF 4px,#FFF);
color:#000;
border-color:#CCC;
}
div.richtab > div.active i.ti svg {
fill:#000;
}
div.richtab > div p {
height:16px;
line-height:16px;
padding:0 9px 0 0;
margin:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
div.richtab strong {
right:2px;
top:8px;
}
div.richtab img.tab-uimg {
margin-left:0;
}
div.richtab i.tc {
top:7px;
}

div.newmsg {
position:fixed;
z-index:910;
top:1px;
left:0;
line-height:13px;
height:13px;
font-family:Arial;
background-color:#D84040;
padding:0 3px;
border-radius:6px;
font-size:11px;
color:#FFF;
width:auto;
min-width:7px;
text-align:center;
cursor:pointer;
}
i.gnewmsg {
line-height:13px;
height:13px;
font-family:Arial;
background-color:#D84040;
padding:0 3px;
border-radius:6px;
font-size:11px;
color:#FFF;
margin-left:2px;
display:inline-block;
min-width:7px;
text-align:center;
cursor:pointer;
}

#skey_re {
width:60%;
height:16px;
font-size:14px;
padding:3px;
}
.ukey_box {
width:45%;
display:block;
position:relative;
float:left;
}
.ukey_box i {
position:absolute;
width:13px;
height:13px;
top:4px;
left:4px;
}
.ukey_box svg {
width:13px;
height:13px;
fill:#999;
}
.ukey_box input:hover+i svg {
fill:#333;
}
.ukey_box input:focus+i svg {
fill:#288BF0;
}
#ukey {
width:100%;
height:21px;
font-size:13px;
padding:1px 1px 1px 22px;
box-sizing:border-box;
border-top-right-radius:9px;
border-bottom-right-radius:9px;
background-color:#F4F4F4;
border:1px solid transparent;
border-left-color:#FFF;
}
#ukey:hover {
background-color:#ECECEC;
}
#ukey:focus {
border:1px solid rgba(40,139,240,0.7);
background-color:#FFF;
}
#ukey2 {
width:100%;
height:21px;
font-size:13px;
padding:1px 1px 1px 22px;
box-sizing:border-box;
border-top-left-radius:9px;
border-bottom-left-radius:9px;
background-color:#F4F4F4;
border:1px solid transparent;
border-right-color:#FFF;
}
#ukey2:hover {
background-color:#ECECEC;
}
#ukey2:focus {
border:1px solid rgba(40,139,240,0.7);
background-color:#FFF;
}

#skey2 {
width:140px;
height:16px;
font-size:13px;
}
#tweetid_starttab {
box-sizing:border-box;
width:calc(100% - 120px);
max-width:500px;
}
#skey_starttab {
box-sizing:border-box;
width:calc(100% - 120px);
max-width:500px;
}
#ukey_starttab {
box-sizing:border-box;
width:calc(100% - 120px);
max-width:500px;
}
#ukey2_starttab {
box-sizing:border-box;
width:calc(100% - 120px);
max-width:500px;
}
#starttab_history {
padding:10px 0 5px 10px;
position:relative;
}
#starttab_history div {
width:48px;
height:48px;
position:relative;
float:left;
padding:0 10px 15px 0;
}
#starttab_history span.c {
position:absolute;
top:-4px;
left:-4px;
}
#starttab_history i.c {
position:absolute;
top:1px;
right:11px;
margin:0;
float:none;
}
#starttab_history i.followtype {
position:absolute;
bottom:16px;
right:11px;
margin:0;
}
#starttab_history img.p {
width:48px;
height:48px;
cursor:pointer;
border-radius:50%;
}


#tabpanel {
line-height:var(--tabpanel-height);
height:var(--tabpanel-height);
background-color:#FFF;
padding:0 0 0 3px;
position:fixed;
z-index:700;
top:66px;
left:0;
overflow-y:hidden;
transition:transform 0.1s ease,box-shadow 0.5s ease;
user-select:none;
background-clip:padding-box;
transform-origin:top left;
backface-visibility:hidden;
}
#tonewline {
display:inline-block;
float:right;
margin:8px 7px 0 0;
cursor:pointer;
width:15px;
height:15px;
}
#tonewline i {
width:11px;
height:11px;
padding:2px;
vertical-align:top;
}
#tonewline svg {
width:11px;
height:11px;
fill:#888;
}
#tonewline:hover svg {
fill:#5ABE4D;
}
#mute_ng_detail_btn {
display:inline-block;
float:right;
margin:10px 7px 0 0;
cursor:pointer;
width:auto;
height:11px;
line-height:11px;
color:#999;
font-size:10px;
}
#mute_ng_detail_btn:hover {
color:#D33;
}
#mute_ng_detail_btn i {
width:11px;
height:11px;
margin-right:2px;
}
#mute_ng_detail_btn svg {
vertical-align:top;
width:11px;
height:11px;
fill:#888;
}
#mute_ng_detail_btn:hover svg {
fill:#D33;
}
#newcheck {
display:inline-block;
float:right;
margin:7px 7px 0 0;
cursor:pointer;
width:15px;
height:15px;
}
#newcheck i {
width:11px;
height:11px;
padding:2px;
vertical-align:top;
}
#newcheck svg {
width:11px;
height:11px;
fill:#888;
}
#newcheck:hover svg {
fill:#288BF0;
}


#newmsg {
background-color:#D84040;
color:#FFF;
padding:0 10px;
height:20px;
line-height:20px;
text-align:center;
margin-right:5px;
margin-top:5px;
display:inline-block;
float:right;
border-radius:10px;
min-width:50px;
}
#nomsg {
background-color:#AAA;
color:#FFF;
padding:0 10px;
height:18px;
line-height:18px;
text-align:center;
margin-right:5px;
margin-top:6px;
display:inline-block;
float:right;
border-radius:9px;
}
#pendingmsg {
background-color:#53A2F3;
color:#FFF;
padding:0 10px;
height:20px;
line-height:20px;
text-align:center;
margin-right:5px;
margin-top:5px;
display:inline-block;
float:right;
border-radius:10px;
cursor:pointer;
min-width:50px;
}
#pendingmsg:hover {
background-color:#91C3F7;
}

#speed {
margin-top:6px;
margin-left:-2px;
margin-right:2px;
color:#777;
width:60px;
text-align:center;
font-size:10px;
height:19px;
line-height:19px;
display:inline-block;
float:left;
overflow:hidden;
user-select:text;
}
#tabpetcset {
float:left;
}
#tabptwitter {
margin-top:9px;
margin-left:2px;
margin-right:4px;
width:13px;
height:13px;
display:inline-block;
float:left;
overflow:hidden;
}
#tabptwitter i {
vertical-align:top;
width:13px;
height:13px;
}
#tabptwitter svg {
width:13px;
height:13px;
fill:#AAA;
}
#tabptwitter:hover svg {
fill:#1D9BF0;
}
#tabp_xaccess {
display:inline-block;
float:left;
height:22px;
border-top-right-radius:11px;
border-bottom-right-radius:11px;
background-color:#E8E8E8;
width:28px;
margin:4px 4px 0 -3px;
}
#tabp_xaccess i {
float:left;
width:15px;
height:22px;
}
#tabp_xaccess svg {
width:11px;
height:11px;
fill:#D27;
margin:5px 2px;
}
#tabp_xaccess img {
float:left;
width:18px;
height:18px;
border-radius:50%;
margin:2px 2px 2px 4px;
cursor:pointer;
}

#tlclearbtn {
margin-top:3px;
margin-right:3px;
height:24px;
}
#mapsearchbtn {
margin-top:3px;
height:24px;
}
#tpclosebtn {
width:var(--tabpanel-height);
height:var(--tabpanel-height);
cursor:default;
}
#tpclosebtn i {
vertical-align:top;
width:12px;
height:12px;
padding:9px;
}
#tpclosebtn svg {
width:12px;
height:12px;
fill:#666;
}
#tpclosebtn:hover {background-color:#D33;}
#tpclosebtn:hover svg {fill:#FFF;}
#tpclosebtn:active {background-color:#A11;}
#tabmenubtn {
width:5px;
height:11px;
padding:14px 4px 5px 4px;
margin-right:2px;
display:inline-block;
cursor:pointer;
float:right;
}
#tabmenubtn:hover {
background-color:#EEE;
}
#tabmenubtn:hover svg {
fill:#000;
}
#mediatilebtn {
width:19px;
height:var(--tabpanel-height);
display:inline-block;
cursor:pointer;
float:right;
}
#mediatilebtn:hover {
background-color:#EEE;
}
#mediatilebtn i {
vertical-align:top;
margin:9px 0 0 4px;
width:11px;
height:11px;
}
#mediatilebtn svg {
width:11px;
height:11px;
}
.mediatilebtn_off svg {
fill:#777;
}
.mediatilebtn_off:hover svg {
fill:#000;
}
.mediatilebtn_active svg {
fill:#288BF0;
}
/*
#filter_key_box {
width:9%;
height:16px;
margin-top:5px;
float:left;
position:relative;
}
*/
#filter_key {
float:left;
border:1px solid #DDD;
padding:1px;
width:9%;
height:16px;
margin-top:5px;
}
#filter_key:hover {
border-color:#CCC;
}
#filter_key:focus {
border-color:rgba(40,139,240,0.7);
}
#filter_history {
width:5px;
height:10px;
padding:9px 3px 1px 3px;
display:inline-block;
float:left;
margin-top:5px;
cursor:pointer;
}
#filter_history:hover {
background-color:#EEE;
}
#filter_history:hover svg {
fill:#000;
}
#filter_clabel {
width:17px;
height:17px;
display:inline-block;
float:left;
cursor:pointer;
opacity:0.8;
margin-top:7px;
margin-left:3px;
}
#filter_clabel:hover {
opacity:1;
}
#filter_qal {
width:17px;
height:17px;
display:inline-block;
float:left;
cursor:pointer;
margin-left:3px;
margin-top:7px;
}
#filter_qal i {
vertical-align:top;
width:11px;
height:11px;
padding:3px;
}
#filter_qal svg {
width:11px;
height:11px;
}
.filter_qal_on svg {
fill:#D33;
}
.filter_qal_off svg {
fill:#888;
}
.filter_qal_off:hover svg {
fill:#000;
}
/*
#filter_disablebtn {
background-image:url(../../i/sprite121.png);
background-repeat:no-repeat;
width:15px;
height:17px;
display:inline-block;
float:left;
cursor:pointer;
margin:6px 0 0 4px;
}
*/
#mute_ng_disablebtn {
width:16px;
height:18px;
display:inline-block;
float:right;
cursor:pointer;
margin:6px 6px 0 0;
}
#mute_ng_disablebtn i {
vertical-align:top;
width:12px;
height:12px;
padding:3px 2px;
}
#mute_ng_disablebtn svg {
width:12px;
height:12px;
}
.mute_ng_filter_disable_btn_on svg {
fill:#888;
}
.mute_ng_filter_disable_btn_on:hover svg {
fill:#288BF0;
}
.mute_ng_filter_disable_btn_off svg {
fill:#888;
}
.mute_ng_filter_disable_btn_off:hover svg {
fill:#D33;
}
#more_filter_expander {
width:12px;
height:var(--tabpanel-height);
display:inline-block;
float:left;
cursor:pointer;
margin-left:2px;
}
#more_filter_expander i {
vertical-align:top;
display:inline-block;
width:7px;
height:7px;
margin:12px 0 0 3px;
}
#more_filter_expander svg {
width:7px;
height:7px;
fill:#999;
}
#more_filter_expander:hover {
background-color:#EEE;
}
#more_filter_expander:hover svg {
fill:#000;
}
.more_filter_expander_close svg {
transform:scale(-1,1);
}
#filter_resetbtn {
margin:7px 0 0 3px;
background-color:#AAA;
color:#FFF;
display:inline-block;
float:left;
height:16px;
line-height:16px;
cursor:pointer;
padding:0 3px;
font-size:10px;
border-radius:4px;
}
#filter_resetbtn:hover {
background-color:#D33;
}

#refresh-pd {
height:var(--tabpanel-height);
width:16px;
display:block;
float:right;
cursor:pointer;
margin-right:2px;
}
#refresh-pd:hover {
background-color:#EEE;
}
#refresh-pd-img {
vertical-align:top;
display:inline-block;
width:10px;
height:10px;
margin:10px 0 0 3px;
}
#refresh-pd-img svg {
width:10px;
height:10px;
}
i.cog svg {
fill:#999;
}
i.cog_stop svg {
fill:#D33;
}
i.cog_on svg {
fill:#5ABE4D;
}

#tabreloadbtn {
height:var(--tabpanel-height);
width:var(--tabpanel-height);
cursor:pointer;
margin-right:2px;
display:block;
float:right;
}
#tabreloadbtn i {
width:15px;
height:15px;
vertical-align:top;
margin:8px 0 0 8px;
}
#tabreloadbtn svg {
width:15px;
height:15px;
fill:#333;
}
#tabreloadbtn:hover {
background-color:#EEE;
}
#tabreloadbtn:hover svg {
fill:#000;
}


.newtwitbtn {
line-height:15px;
height:15px;
padding:8px 0 7px 0;
display:block;
width:78px;
float:right;
color:#666;
text-align:center;
cursor:pointer;
overflow:hidden;
font-size:10px;
}
#newtwitbtnimg {
width:15px;
height:15px;
vertical-align:top;
display:inline-block;
}
#newtwitbtnimg i {
vertical-align:top;
width:15px;
height:15px;
}
#newtwitbtnimg svg {
width:15px;
height:15px;
fill:#333;
}
.newtwitbtn:hover {
color:#333;
background-color:#EEE;
}
.newtwitbtn:hover svg {
fill:#000;
}
#lastupdate {
line-height:15px;
height:15px;
margin:0 0 0 4px;
vertical-align:top;
display:inline-block;
}
.newtwitbtn_disable {
background-color:#DDD;
}
.newtwitbtn_disable:hover {
background-color:#DDD;
}

#archive_filter_key {
width:150px;
height:16px;
font-size:14px;
padding:3px;
}
#publist_filter_key {
width:150px;
height:16px;
font-size:14px;
padding:3px;
}
#lc_filter_key {
width:150px;
height:16px;
font-size:14px;
padding:3px;
}


input.textdefalut {
height:16px;
font-size:13px;
border:1px solid #CCC;
background-color:#FFF;
padding:3px;
}

div.cmenu {
font-size:13px;
line-height:100%;
}
div.cmenu p.line {
margin:5px 0;
}
div.cmenu div.umenu {
border-radius:3px;
margin-top:3px;
padding:4px;
background-color:#F4F4F4;
}
div.cmenu h3 {
text-align:right;
color:#888;
font-size:11px;
font-weight:bold;
margin-bottom:3px;
}
div.cmenu div.item {
padding:2px 2px 3px 2px;
color:#000;
cursor:pointer;
}
div.cmenu div.item:hover {
background-color:#EEE;
}
div.cmenu div.ell-item {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
div.cmenu div.none {
padding:2px;
color:#000;
cursor:pointer;
}
div.cmenu div.none:hover {
background:transparent;
}
div.cmenu div._d {
padding:2px;
color:#999;
cursor:default
}
div.cmenu div._d:hover {
background-color:#DDD;
color:#999;
}
div.cmenu div.active {
background-color:#E8E8E8;
}
div.cmenu div.active:hover {
background-color:#E8E8E8;
}
div.cmenu a {
display:block;
padding:2px;
color:#000;
cursor:pointer;
}
div.cmenu a:visited {
color:#000;
}
div.cmenu a:hover {
background-color:#EEE;
text-decoration:none;
}
div.cmenu span._g {
display:inline;
color:#999;
padding:0;
cursor:pointer;
}
div.cmenu span._g:hover {
color:#288BF0;
background:transparent;
}
div.cmenu span._del {
display:inline;
color:#AAA;
line-height:1;
padding:1px 3px;
cursor:pointer;
}
div.cmenu span._del:hover {
color:#FFF;
background-color:#D33;
}
div.cmenu img.i {
width:16px;
height:16px;
margin-right:2px;
vertical-align:middle;
}
div.cmenu i.grouptype {
color:#C55;
}
div.cmenu i.archive_owner {
color:#53A2F3;
}
div.cmenu i.ex {
width:4px;
height:8px;
margin:2px 0 0 3px;
display:inline-block;
float:right;
}
div.cmenu i.ex svg {
width:4px;
height:8px;
vertical-align:top;
fill:#000;
}
div.cmenu i.ex_click {
width:5px;
height:9px;
margin:1px 0 0 3px;
display:inline-block;
float:right;
}
div.cmenu i.ex_click svg {
width:4px;
height:8px;
vertical-align:top;
fill:#000;
}
div.cmenu img.ex {
width:4px;
height:7px;
margin:2px 0 0 3px;
float:right;
}
div.cmenu div.seled,div.cmenu a.seled {
color:#FFF;
background-color:#53A2F3;
}
div.cmenu div.seled:hover,div.cmenu a.seled:hover {
color:#FFF;
background-color:#53A2F3;
}
div.cmenu div.useritem {
padding:2px;
cursor:pointer;
color:#333;
}
div.cmenu div.item:hover div.useritem {
color:#000;
}
div.cmenu div.seled div.useritem,div.cmenu div.seled:hover div.useritem {
color:#FFF;
}
div.cmenu div.useritem img.postuser_p {
width:24px;
height:24px;
margin:3px 3px 2px 0;
float:left;
border-radius:50%;
}
div.cmenu div.useritem i.postuseraddimg {
display:inline-block;
margin:7px 3px 6px 0;
width:16px;
height:16px;
float:left;
}
div.cmenu div.useritem i.leftspace {
display:inline-block;
margin:7px 3px 6px 0;
width:16px;
height:16px;
float:left;
}
div.cmenu div.useritem i.check {
margin:7px 3px 6px 0;
float:left;
}
div.cmenu div.useritem i.check svg {
fill:#5ABE4D;
}
div.cmenu div.useritem i.master {
width:12px;
height:12px;
}
div.cmenu div.useritem i.master svg {
width:12px;
height:12px;
}
div.cmenu div.useritem div.name {
height:17px;
line-height:17px;
overflow:hidden;
}
div.cmenu div.useritem div.sn {
height:12px;
line-height:12px;
overflow:hidden;
font-size:10px;
font-weight:normal;
}
div.cmenu div.useritem-sel {
background-color:#C9E2FB;
color:#000 !important;
font-weight:bold;
}
div.cmenu i.ci {
width:13px;
height:13px;
vertical-align:2px;
margin-right:3px;
}
div.cmenu i.ci svg {
width:13px;
height:13px;
fill:#333;
}
div.cmenu div.item:hover i.ci svg {
fill:#000;
}
div.cmenu i.cim {
width:12px;
height:12px;
vertical-align:0;
margin-right:2px;
}
div.cmenu i.cim svg {
width:12px;
height:12px;
fill:#444;
}
div.cmenu div.item:hover i.cim svg {
fill:#000;
}
div.cmenu i.cidel svg {
width:11px;
height:11px;
padding:1px;
}
div.cmenu div.item:hover i.cidel svg {
fill:#D33;
}
/*
div.cmenu i.cixm svg {
width:12px;
height:12px;
padding:0 1px 1px 0;
}
*/
div.cmenu div.item:hover i.ti svg {
fill:#000;
}
div.cmenu .seled i.ci svg,div.cmenu .seled:hover i.ci svg,
div.cmenu .seled i.cim svg,div.cmenu .seled:hover i.cim svg,
div.cmenu .seled i.ti svg,div.cmenu .seled:hover i.ti svg,
div.cmenu .seled i.ex svg,div.cmenu .seled:hover i.ex svg,
div.cmenu .seled i.ex_click svg,div.cmenu .seled:hover i.ex_click svg
 {
fill:#FFF !important;
}

div.history {
line-height:100%;
}
div.history span.h {
display:block;
padding:2px;
color:#000;
margin-right:15px;
cursor:pointer;
}
div.history span.h:hover {
background-color:#EEE;
}




#dragbar,#dragbar2 {
background-color:#333;
font-weight:bold;
padding:1px 5px;
height:22px;
line-height:22px;
border-top-left-radius:3px;
border-top-right-radius:3px;
cursor:move;
color:#F8F8F8;
}
#titlebar {
background-color:#333;
font-weight:bold;
padding:1px 5px;
height:22px;
line-height:22px;
border-top-left-radius:3px;
border-top-right-radius:3px;
color:#F8F8F8;
}
h2.title {
border:1px solid #CCC;
font-weight:bold;
padding:5px;
background:#F4F4F4;
}


#HEAD {
width:100%;
height:var(--headmenu-height);
position:fixed;
z-index:900;
backface-visibility:hidden;
top:0;
left:0;
overflow:hidden;
background-repeat:repeat-x;
background-color:#111;
color:#FFF;
font-size:12px;
}
#head-left {
height:var(--headmenu-height);
overflow:hidden;
}
#HEAD span.rfloat {
width:auto;
height:var(--headmenu-height);
line-height:var(--headmenu-height);
float:right;
display:block;
}
#HEAD #loginaccountp {
width:24px;
height:24px;
margin:3px 5px 3px 3px;
cursor:pointer;
float:left;
border:2px solid transparent;
border-radius:50%;
}
#HEAD span,#HEAD a {
height:var(--headmenu-height);
line-height:var(--headmenu-height);
cursor:pointer;
display:block;
float:left;
text-decoration:none;
text-align:center;
overflow:hidden;
width:auto;
padding:0 6px;
white-space:nowrap;
color:rgba(255,255,255,0.7);
}
#HEAD span svg,#HEAD a svg {
vertical-align:top;
fill:rgba(255,255,255,0.7);
}
#HEAD span i {
vertical-align:top;
}
#HEAD span:hover,#HEAD a:hover,#HEAD span:focus,#HEAD a:focus {
background-color:rgba(255,255,255,0.1);
color:rgba(255,255,255,1);
}
#HEAD span:hover svg,#HEAD a:hover svg,#HEAD span:focus svg,#HEAD a:focus svg {
fill:rgba(255,255,255,1);
}
#HEAD span:active,#HEAD a:active {
background-color:rgba(255,255,255,0.2);
box-shadow:inset 0 1px 3px rgba(255,255,255,0.2);
color:rgba(255,255,255,1);
}
#HEAD .h-on {
background-color:rgba(255,255,255,0.1);
color:rgba(255,255,255,0.8);
}
#HEAD .h-on svg {
fill:rgba(255,255,255,0.8);
}
#HEAD .h-on:hover,#HEAD .h-on:focus {
background-color:rgba(255,255,255,0.2);
color:rgba(255,255,255,1);
}
#HEAD .h-on:hover svg,#HEAD .h-on:focus svg {
fill:rgba(255,255,255,1);
}
.HEADdark {
color:#000 !important;
}
.HEADdark span,.HEADdark a {
color:rgba(0,0,0,0.7) !important;
}
.HEADdark span svg,.HEADdark a svg {
fill:rgba(0,0,0,0.7) !important;
}
.HEADdark span:hover,.HEADdark a:hover,.HEADdark span:focus,.HEADdark a:focus {
background-color:rgba(0,0,0,0.08) !important;
color:rgba(0,0,0,1) !important;
}
.HEADdark span:hover svg,.HEADdark a:hover svg,.HEADdark span:focus svg,.HEADdark a:focus svg {
fill:rgba(0,0,0,1) !important;
}
.HEADdark span:active,.HEADdark a:active {
background-color:rgba(0,0,0,0.18) !important;
box-shadow:inset 0 1px 3px rgba(0,0,0,0.13) !important;
color:rgba(0,0,0,1) !important;
}
.HEADdark .h-on {
background-color:rgba(0,0,0,0.08) !important;
color:rgba(0,0,0,0.8) !important;
}
.HEADdark .h-on svg {
fill:rgba(0,0,0,0.8) !important;
}
.HEADdark .h-on:hover,.HEADdark .h-on:focus {
background-color:rgba(0,0,0,0.13) !important;
color:rgba(0,0,0,1) !important;
}
.HEADdark .h-on:hover svg,.HEADdark .h-on:focus svg {
fill:rgba(0,0,0,1) !important;
}
#toolbar-archive,#toolbar-collection,#toolbar-ranking,#toolbar-analytics_tools,#toolbar-help {
position:relative;
}
#toolbar-archive svg,#toolbar-collection svg,#toolbar-ranking svg,#toolbar-analytics_tools svg,#toolbar-help svg {
width:6px;
height:3px;
position:absolute;
bottom:3px;
right:2px;
}
#toolbar-dmsent,#toolbar-group,#toolbar-postmore,#toolbar-shistory {
width:10px !important;
padding:0 4px !important;
}
#toolbar-dmsent svg,#toolbar-group svg,#toolbar-postmore svg,#toolbar-shistory svg {
margin-top:14px;
width:10px;
height:7px;
}
#toolbar-setting,#toolbar-home,#toolbar-mention,#toolbar-dm,#toolbar-list,#toolbar-post {
width:22px !important;
}
#toolbar-setting svg,#toolbar-home svg,#toolbar-mention svg,#toolbar-dm svg,#toolbar-list svg,#toolbar-post svg {
margin-top:9px;
width:16px;
height:16px;
}
#toolbar-shistory {
margin-left:2px;
}
#toolbar-more {
padding:0 4px;
}
/*
.HEADdark #toolbar-archive,.HEADdark #toolbar-collection,.HEADdark #toolbar-ranking,.HEADdark #toolbar-analytics_tools,.HEADdark #toolbar-help {
background-image:url(../../i/toolbarlistbg_b3.png) !important;
}
.HEADdark #toolbar-dmsent,.HEADdark #toolbar-group,.HEADdark #toolbar-postmore,.HEADdark #toolbar-shistory,.HEADdark #toolbar-setting,.HEADdark #toolbar-home,.HEADdark #toolbar-mention,.HEADdark #toolbar-dm,.HEADdark #toolbar-list,.HEADdark #toolbar-post {
background-image:url(../../i/tlb8-b.png) !important;
}
*/
#skey {
width:60px;
height:26px;
font-size:13px;
padding:3px 3px 3px 7px;
border-top-left-radius:13px;
border-bottom-left-radius:13px;
margin:4px 0;
float:left;
border:1px solid transparent;
background-color:rgba(255,255,255,0.17);
box-sizing:border-box;
color:#AAA;
}
#skey:hover {
background-color:rgba(255,255,255,0.22);
color:#CCC;
}
#skey:focus {
border:1px solid rgba(40,139,240,0.7);
background-color:#FFF;
color:#000;
}
.HEADdark #skey {
background-color:rgba(0,0,0,0.06);
color:#666;
}
.HEADdark #skey:hover {
background-color:rgba(0,0,0,0.11);
color:#444;
}
.HEADdark #skey:focus {
background-color:#FFF;
}
#searchsubmitbtn {
border-top-right-radius:13px;
border-bottom-right-radius:13px;
background-color:rgba(255,255,255,0.17);
width:16px;
height:16px;
cursor:pointer;
margin:4px 0;
padding:5px 7px 5px 3px;
float:left;
}
#searchsubmitbtn i {
width:14px;
height:14px;
margin:1px;
vertical-align:top;
}
#searchsubmitbtn svg {
width:14px;
height:14px;
fill:rgba(255,255,255,0.7)
}
#searchsubmitbtn:hover {
background-color:rgba(255,255,255,0.2);
}
#searchsubmitbtn:hover svg {
fill:rgba(255,255,255,1)
}
.HEADdark #searchsubmitbtn {
background-color:rgba(0,0,0,0.06) !important;
}
.HEADdark #searchsubmitbtn svg {
fill:rgba(0,0,0,0.7) !important;
}
.HEADdark #searchsubmitbtn:hover {
background-color:rgba(0,0,0,0.09) !important;
}
.HEADdark #searchsubmitbtn:hover svg {
fill:rgba(0,0,0,1) !important;
}

/*
#head-left {
}
span.hvlinel {
margin:13px 0;
background-image:url(../../i/sprite121.png);
background-repeat:no-repeat;
background-position:-23px -49px;
height:32px;
width:2px;
float:left;
display:block;
}
span.hvliner {
margin:1px 0;
background-image:url(../../i/sprite121.png);
background-repeat:no-repeat;
background-position:-23px -49px;
height:30px;
width:2px;
float:right;
display:block;
}
.headbg {}
*/
/*
#newtweeticon {
background-image:url(../../i/postbtn.png);
background-repeat:no-repeat;
width:42px;
height:35px;
color:#666;
cursor:pointer;
position:fixed;
top:0;
left:0;
z-index:901;
}
.newtweeticon {
}
.newtweeticon:hover {
background-position:-126px 0;
}
.newtweeticon-on {
background-position:-42px 0;
}
.newtweeticon-on:hover {
background-position:-42px 0;
}
.newtweeticon-dm {
background-position:-84px 0;
}
.newtweeticon-dm:hover {
background-position:-84px 0;
}
*/
/*
.tlb {
width:38px;
height:38px;
color:#666;
float:left;
display:block;
background-repeat:no-repeat;
}

.h-line {
background-position:-334px -89px;
width:1px;
height:24px;
margin:7px 2px;
}
.tlb-r {
float:right;
}
.h-home {
background-position:-1px -1px;
}
.h-home:hover {
background-position:-1px -121px;
}
.h-home:active {
background-position:-1px -241px;
}
.h-mention {
background-position:-41px -1px;
}
.h-mention:hover {
background-position:-41px -121px;
}
.h-mention:active {
background-position:-41px -241px;
}
.h-dm {
background-position:-81px -1px;
}
.h-dm:hover {
background-position:-81px -121px;
}
.h-dm:active {
background-position:-81px -241px;
}
.h-rt {
background-position:-121px -1px;
}
.h-rt:hover {
background-position:-121px -121px;
}
.h-rt:active {
background-position:-121px -241px;
}
.h-rt-on {
background-position:-121px -241px;
}
.h-list {
background-position:-161px -1px;
}
.h-list:hover {
background-position:-161px -121px;
}
.h-list:active {
background-position:-161px -241px;
}
.h-list-on {
background-position:-161px -241px;
}
.h-newtweet {
background-position:-201px -1px;
}
.h-newtweet:hover {
background-position:-201px -121px;
}
.h-newtweet:active {
background-position:-201px -241px;
}
.h-newtweet-on {
background-position:-201px -241px;
}
.h-newdm {
background-position:-201px -1px;
}
.h-newdm:hover {
background-position:-201px -121px;
}
.h-newdm:active {
background-position:-201px -241px;
}
.h-more {
width:16px;
background-position:-244px -1px;
}
.h-more:hover {
background-position:-244px -121px;
}
.h-more:active {
background-position:-244px -241px;
}
.h-more-on {
width:16px;
background-position:-244px -241px;
}
.h-setting {
background-position:-280px 0px;
height:30px;
width:82px;
margin:4px 1px;
}
.h-setting:hover {
background-position:-280px -120px;
}
.h-setting:active {
background-position:-280px -240px;
}
.h-setting-on {
background-position:-280px -240px;
height:30px;
width:82px;
margin:4px 1px;
}
.h-community {
background-position:-321px -41px;
}
.h-community:hover {
background-position:-321px -161px;
}
.h-community:active {
background-position:-321px -281px;
}
.h-scrap {
background-position:-1px -41px;
}
.h-scrap:hover {
background-position:-1px -161px;
}
.h-scrap:active {
background-position:-1px -281px;
}
.h-trend {
background-position:-41px -41px;
}
.h-trend:hover {
background-position:-41px -161px;
}
.h-trend:active {
background-position:-41px -281px;
}
.h-history {
background-position:-81px -41px;
}
.h-history:hover {
background-position:-81px -161px;
}
.h-history:active {
background-position:-81px -281px;
}
.h-map {
background-position:-121px -41px;
}
.h-map:hover {
background-position:-121px -161px;
}
.h-map:active {
background-position:-121px -281px;
}
.h-help {
background-position:-161px -41px;
}
.h-help:hover {
background-position:-161px -161px;
}
.h-help:active {
background-position:-161px -281px;
}
.h-twitter {
background-position:-201px -41px;
}
.h-twitter:hover {
background-position:-201px -161px;
}
.h-twitter:active {
background-position:-201px -281px;
}
.h-tracking {
background-position:-241px -41px;
}
.h-tracking:hover {
background-position:-241px -161px;
}
.h-tracking:active {
background-position:-241px -281px;
}
.h-pull {
width:13px;
background-position:-293px -41px;
}
.h-pull:hover {
background-position:-293px -161px;
}
.h-pull:active {
background-position:-293px -281px;
}
.h-pull-on {
width:13px;
background-position:-293px -281px;
}
.h-fullscreen {
background-position:-1px -81px;
}
.h-fullscreen:hover {
background-position:-1px -201px;
}
.h-fullscreen:active {
background-position:-1px -321px;
}
.h-sidemenu {
background-position:-41px -81px;
}
.h-sidemenu:hover {
background-position:-41px -201px;
}
.h-sidemenu:active {
background-position:-41px -321px;
}
.h-down {
background-position:-81px -81px;
}
.h-down:hover {
background-position:-81px -201px;
}
.h-down:active {
background-position:-81px -321px;
}
.h-up {
background-position:-121px -81px;
}
.h-up:hover {
background-position:-121px -201px;
}
.h-up:active {
background-position:-121px -321px;
}
.h-ranking {
background-position:-161px -81px;
}
.h-ranking:hover {
background-position:-161px -201px;
}
.h-ranking:active {
background-position:-161px -321px;
}
.h-ranking-on {
background-position:-161px -321px;
}
.h-diary {
background-position:-201px -81px;
}
.h-diary:hover {
background-position:-201px -201px;
}
.h-diary:active {
background-position:-201px -321px;
}
.h-archive {
background-position:-241px -81px;
}
.h-archive:hover {
background-position:-241px -201px;
}
.h-archive:active {
background-position:-241px -321px;
}
.h-archive-on {
background-position:-241px -321px;
}
.h-cal {
background-position:-281px -81px;
}
.h-cal:hover {
background-position:-281px -201px;
}
.h-cal:active {
background-position:-281px -321px;
}
span.tlbnewt {
background-image:url(../../i/sprite121.png);
background-repeat:no-repeat;
height:30px;
cursor:pointer;
display:block;
float:left;
margin-top:3px;
}
span.tlbnewt-pull {
background-position:-38px -699px;
width:14px;
margin-right:3px;
}
span.tlbnewt-pull:hover {
background-position:-38px -795px;
}
span.tlbnewt-btn {
background-position:0 -699px;
width:38px;
margin-left:7px;
}
span.tlbnewt-btn:hover {
background-position:0 -795px;
}
span.tlbnewt-btn-on {
background-position:0 -731px;
width:38px;
margin-left:7px;
}
span.tlbnewt-btn-dm {
background-position:0 -763px;
width:38px;
margin-left:7px;
}

*/


#followreq {
padding-bottom:2px;
}
#follower-requests {
color:#777;
display:block;
height:14px;
line-height:14px;
text-align:center;
border:1px solid #E4E4E4;
margin-bottom:3px;
font-size:10px;
}
#follower-requests:hover {
text-decoration:none;
background-color:#F4F4F4;
color:#333;
border-color:#CCC;
}

.roundbtn {
border-radius:3px;
}
.lroundbtn {
border-top-left-radius:3px;
border-bottom-left-radius:3px;
}
.rroundbtn {
border-top-right-radius:3px;
border-bottom-right-radius:3px;
}




div.bar {
color:rgba(0,0,0,0.7);
text-align:center;
padding:5px;
background-color:rgba(255,255,255,0.5);
cursor:pointer;
}
div.bar:hover {
color:#288BF0;
background-color:rgba(255,255,255,0.7);
}
.t-dark div.bar {
background-color:rgba(0,0,0,0.6);
color:rgba(255,255,255,0.7);
}
.t-dark div.bar:hover {
color:#288BF0;
background-color:rgba(0,0,0,0.8);
}
div.barmini {
text-align:center;
cursor:pointer;
padding:4px 0;
height:4px;
}
div.barmini svg {
fill:#666;
}
div.barmini:hover {
background-color:#EEE;
}
div.barmini:hover svg {
fill:#000;
}

span.bar,a.bar {
color:#888;
display:block;
text-align:center;
padding:5px;
background-color:#EEE;
cursor:pointer;
}
a.bar:visited {
color:#888;
}
span.bar:hover,a.bar:hover {
color:#333;
text-decoration:none;
background-color:#DDD;
}
a.barmini {
color:#888;
display:block;
text-align:center;
font-size:10px;
padding:1px;
margin:3px 0;
}
a.barmini:visited {
color:#888;
}
a.barmini:hover {
color:#FFF;
text-decoration:none;
background-color:#666;
}

div.minitab {
margin-bottom:8px;
}
div.minitab span {
width:33%;
text-align:center;
height:18px;
line-height:18px;
font-size:11px;
color:#666;
display:inline-block;
cursor:default;
border-bottom:solid 1px transparent;
}
div.minitab span:hover {
background-color:#EEE;
color:#333;
}
div.minitab span.l {
}
div.minitab span.r {
}
div.minitab span.this {
height:18px;
line-height:18px;
font-weight:bold;
border-color:#666;
color:#333;
}



span.hashbtn {
border-radius:5px;
border:solid 1px #DDD;
padding:5px;
background-color:#EEE;
display:block;
text-align:center;
color:#666;
margin-bottom:5px;
cursor:pointer;
}
span.hashbtn:hover {
color:#288BF0;
text-decoration:none;
background-color:#E8E8E8;
}
.t-dark span.hashbtn {
border-color:#444;
background-color:#000;
color:#999;
}
.t-dark span.hashbtn:hover {
color:#CCC;
background-color:#222;
}
span.hashbtn-s {
border-radius:2px;
border:solid 1px #CCC;
padding:3px;
background-color:#EEE;
display:block;
text-align:center;
color:#666;
margin-bottom:3px;
cursor:pointer;
}
span.hashbtn-s:hover {
color:#288BF0;
text-decoration:none;
background-color:#E8E8E8;
}


a.list {
line-height:100%;
border-top:solid 1px #F6F6F6;
border-bottom:solid 1px #CCC;
display:block;
padding:1px 2px 1px 6px;
background-color:#E8E8E8;
color:#000;
}
a.list:visited {
color:#000;
}
a.list:hover {
color:#288BF0;
text-decoration:none;
background-color:#D8D8D8;
}
a.list img.i {
width:16px;
height:16px;
margin-right:3px;
vertical-align:middle;
}
span.list {
line-height:100%;
border-top:solid 1px #F6F6F6;
border-bottom:solid 1px #CCC;
display:block;
padding:1px 2px 1px 6px;
background-color:#E8E8E8;
color:#000;
cursor:pointer;
}
span.list:hover {
color:#288BF0;
background-color:#D8D8D8;
}
span.list img.i {
width:16px;
height:16px;
margin-right:3px;
vertical-align:middle;
}



span.short {margin-left:2px;font-size:11px;color:#999;}






#painter {
border:1px solid #999;
background-color:#EEE;
padding:9px;
width:630px;
z-index:1999;
position:fixed;
}
#painter select {
margin:5px 0;
}
#painter td {
height:15px;
}
#painter h2 {
background-color:#333;
font-weight:bold;
padding:1px 5px;
height:22px;
line-height:22px;
border-top-left-radius:3px;
border-top-right-radius:3px;
cursor:move;
color:#F8F8F8;
}
#painter-menu {
width:120px;
float:right;
text-align:left;
}
#painter-cont {
margin-top:5px;
}
#painter-canvas {
background-color:#FFF;
}




#groupnewtweetbox {
box-shadow:0 0 8px rgba(0,0,0,0.3);
border-radius:5px;
text-align:left;
border:1px solid #999;
background-color:rgba(0,0,0,0.8);
width:120px;
left:50px;
top:25px;
z-index:1000;
position:fixed;
padding:6px;
color:#FFF;
}
#newfollowerbox {
box-shadow:0 0 8px rgba(0,0,0,0.3);
border-radius:5px;
text-align:left;
border:1px solid #999;
background-color:rgba(0,0,0,0.8);
width:170px;
right:5px;
bottom:5px;
z-index:1000;
position:fixed;
padding:5px;
color:#FFF;
}
#statusresponse {
box-shadow:0 0 8px rgba(0,0,0,0.3);
border-radius:5px;
text-align:left;
border:1px solid #999;
background-color:rgba(0,0,0,0.8);
width:auto;
right:5px;
top:15px;
z-index:1000;
position:fixed;
padding:6px;
color:#FFF;
}
#statusresponse img.p {
vertical-align:middle;
height:18px;
width:18px;
margin:0 5px;
border-radius:50%;
}
img.emojione {
width:1em;
height:1em;
vertical-align:-0.1em;
margin:0.05em 0.1em;
}

i.emojione {
background-size:contain;
background-repeat:no-repeat;
display:inline-block;
width:1em;
height:1em;
vertical-align:-0.1em;
margin:0.05em 0.1em;
color:transparent;
overflow:hidden;
}
i.emojione span {
opacity:0;
}

#tlpreview {
box-shadow:0 0 8px rgba(0,0,0,0.3);
border-radius:4px;
text-align:left;
border:1px solid #999;
background-color:rgba(0,0,0,0.8);
left:0px;
top:0px;
z-index:20000;
position:fixed;
padding:6px;
color:#FFF;
width:auto;
max-width:35vw;
}
#tlpreview p.t {
height:24px;
line-height:24px;
font-size:11px;
margin:0 0 0 28px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
#tlpreview img.tip {
width:24px;
height:24px;
float:left;
}















#exsmain {
}
#exsfoot {
padding:5px;
margin-bottom:5px;
}
#exsfoot span {
color:#666;
width:150px;
margin-top:5px;
display:inline-block;
text-align:left;
font-size:11px;
cursor:pointer;
}
.t-dark #exsfoot span {
color:#999;
}
#exsmain h3 {
background-color:#F2F2F2;
cursor:pointer;
border-top-left-radius:3px;
border-top-right-radius:3px;
height:22px;
line-height:22px;
padding:0 5px;
border:1px solid #CCC;
color:#333;
}
#exsmain h3:hover {
color:#000;
}
#exsmain h3 i.c {
margin:5px 0 0 0;
}
.t-dark #exsmain h3 {
background-color:#444;
color:#EEE;
border-color:#666;
}
.t-dark #exsmain h3:hover {
color:#FFF;
}
div.exs {
margin-bottom:5px;
padding:5px 10px;
border:1px solid #CCC;
border-top:0;
background-color:#FFF;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
}
div.exs a.hb {
width:62px;
height:13px;
display:inline-block;
background-repeat:no-repeat;
margin-left:5px;
}
.t-dark div.exs {
border-color:#666;
background-color:#000;
color:#DDD;
}
i.followtype {
margin-left:2px;
vertical-align:middle;
width:9px;
height:9px;
}
i.followtype svg {
vertical-align:top;
width:9px;
height:9px;
}
/*
span.fl {
background-image:url(../../i/sprite121.png);
background-repeat:no-repeat;
display:inline-block;
margin-left:2px;
vertical-align:middle;
}
span.fl1 {
background-position:-34px -469px;
width:8px;
height:7px;
}
span.fl2 {
background-position:-20px -469px;
width:8px;
height:7px;
}
span.fl3 {
background-position:-6px -469px;
width:8px;
height:7px;
}
span.fl4 {
background-position:-34px -1576px;
width:9px;
height:10px;
}
span.fl5 {
background-position:-21px -1576px;
width:9px;
height:10px;
}
span.fl6 {
background-position:-7px -1576px;
width:9px;
height:10px;
}
span.fl7 {
background-position:-34px -480px;
width:8px;
height:8px;
}
span.fl8 {
background-position:-20px -480px;
width:8px;
height:8px;
}
span.fl9 {
background-position:-6px -480px;
width:8px;
height:8px;
}
span.fl10 {
background-position:-34px -494px;
width:8px;
height:8px;
}
span.fl11 {
background-position:-20px -494px;
width:8px;
height:8px;
}
span.fl12 {
background-position:-6px -494px;
width:8px;
height:8px;
}
*/
div.re-searchbox {
margin-bottom:5px;
}

#draganddropelm {
color:#FF0;
border:2px solid #FF0;
position:absolute;
z-index:10000;
user-select:none;
background-color:#000;
padding:5px;
border-radius:5px;
box-shadow:0 0 6px rgba(0,0,0,0.2);
width:auto;
text-align:left;
cursor:default;
white-space:nowrap;
line-height:1.2;
}

span.headmenu {
border-radius:12px;
background-color:rgba(255,255,255,0.85);
padding:0 10px;
min-height:24px;
line-height:24px;
color:rgba(0,0,0,0.6);
display:inline-block;
}
span.headmenu:hover {
background-color:rgba(255,255,255,0.95);
}
.t-dark span.headmenu {
background-color:rgba(0,0,0,0.85);
color:rgba(255,255,255,0.6);
}
.t-dark span.headmenu:hover {
background-color:rgba(0,0,0,0.95);
}

a.btnguest {
border-radius:3px;
border-bottom:1px solid #E59609;
border-right:1px solid #E59609;
border-top:1px solid #F0BF3D;
border-left:1px solid #F0BF3D;
background-color:#EEB111;
color:#FFF;
display:inline-block;
height:30px;
line-height:30px;
text-decoration:none;
width:140px;
text-align:center;
}
a.btnguest:hover {
background-color:#EFB828;
}

span.tco {
color:#999;
font-size:10px;
margin-left:2px;
}
span.zoom {
border:1px solid #CCC;
background-color:#D8D8D8;
color:#FFF;
font-size:10px;
padding:0 4px;
height:13px;
line-height:13px;
margin:0 0 2px 4px;
cursor:pointer;
white-space:nowrap;
vertical-align:bottom;
display:inline-block;
border-radius:2px;
}
span.zoom:hover {
border:1px solid #288BF0;
background-color:#53A2F3;
}
span.exbtn {
background-color:rgba(15,116,219,0.5);
height:11px;
width:11px;
margin:0 3px;
border-radius:2px;
cursor:pointer;
display:inline-block;
vertical-align:middle;
}
span.exbtn:hover {
background-color:rgba(15,116,219,0.8);
}
span.exbtn i {
width:7px;
height:7px;
vertical-align:top;
margin:2px;
}
span.exbtn svg {
width:7px;
height:7px;
fill:#FFF;
}
div.exurlbox {
display:block;
margin:5px 0;
}

span.extweet {
background-color:rgba(15,116,219,0.5);
color:#FFF;
font-size:10px;
line-height:14px;
padding:0 4px;
margin:0 3px;
border-radius:4px;
cursor:pointer;
white-space:nowrap;
display:inline-block;
vertical-align:middle;
font-weight:normal;
}
span.extweet:hover {
background-color:rgba(15,116,219,0.8);
}
span.extweet::before {
width:32px;
display:inline-block;
font-size:10px;
content:"展開";
text-align:center;
}
span.extweet i {
animation:extweet-close-kf 0.15s ease 0s 1 forwards;
width:8px;
height:8px;
vertical-align:top;
margin:3px 0;
}
span.extweet svg {
fill:#FFF;
width:8px;
height:8px;
}
span.extweet-o::before {
content:"閉じる";
}
span.extweet-o i {
animation:extweet-open-kf 0.15s ease 0s 1 forwards;
transform:rotate(180deg);
}
span.extweet-ani-cancel i {
animation:none;
}

@keyframes extweet-open-kf {
0% {transform:rotate(0deg);}
100% {transform:rotate(180deg);}
}
@keyframes extweet-close-kf {
0% {transform:rotate(180deg);}
100% {transform:rotate(0deg);}
}


#menubox {
box-shadow:0 2px 6px rgba(0,0,0,0.3);
z-index:199;
position:absolute;
background-color:#FFF;
padding:6px;
overflow-y:auto;
overflow-x:hidden;
border:1px solid #CCC;
border-right-color:#999;
border-bottom-color:#999;
}
#submenubox {
box-shadow:0 2px 6px rgba(0,0,0,0.3);
z-index:199;
position:absolute;
background-color:#FFF;
padding:6px;
overflow-y:auto;
overflow-x:hidden;
border:1px solid #CCC;
border-right-color:#999;
border-bottom-color:#999;
}

div.menubox {
box-shadow:0 2px 6px rgba(0,0,0,0.3);
z-index:199;
position:absolute;
background-color:#FFF;
padding:6px;
overflow-y:auto;
overflow-x:hidden;
border:1px solid #CCC;
}




div.userlisted {margin:10px;}


.t-dark {
color:#F6F6F6;
}
.t-dark div.dmsentinbox {
color:rgba(255,255,255,0.75);
}
div.t:hover div.dmsentinbox {
color:#F4F4F4;
}
.t-dark a:link {color:#6CF;}
.t-dark a:visited {color:#6CF;}
.t-dark a:hover {color:#6CF;}
.t-dark a:visited:hover {color:#6CF;}
.t-dark a.g:link {color:#888;}
.t-dark a.g:visited {color:#888;}
.t-dark a.g:hover {color:#AAA;}
.t-dark a.g:visited:hover {color:#AAA;}
.t-dark div.cc a:visited {color:#E5B;}
.t-dark div.cc a:visited:hover {color:#E5B;}
.t-dark span.susa {color:#6CF;}
.t-dark span.g:hover {color:#53A2F3;}
.t-dark span.reply {color:#E8E8E8;}
.t-dark span.reply:hover {color:#E8E8E8;}
.t-dark span.umemo {color:#999;}
.t-dark span.umemo:hover {color:#91C3F7;}
.t-dark span.zoom {background-color:#666;border-color:#555;color:#CCC;}
.t-dark span.zoom:hover {border-color:#288BF0;background-color:#53A2F3;color:#FFF;}
.t-dark span.exbtn {background-color:rgba(255,255,255,0.3);color:rgba(255,255,255,0.8);}
.t-dark span.exbtn:hover {background-color:rgba(255,255,255,0.4);color:#FFF;}
.t-dark span.extweet {background-color:rgba(255,255,255,0.3);color:rgba(255,255,255,0.8);}
.t-dark span.extweet:hover {background-color:rgba(255,255,255,0.4);color:#FFF;}

.t-dark div.tu p.tweet {color:rgba(255,255,255,0.8);border-color:#444;}
.t-dark div.frt {color:#999;}
.t-dark div.dd {color:#999;}
.t-dark span.sd {color:#999;}
.t-dark a.qtd {color:#999;}
.t-dark div.t .weak {color:#999;}
.t-dark .weak {color:rgba(255,255,255,0.7);}
.t-dark div.inlinetweet {
border-color:rgba(255,255,255,0.25);
}
.t-dark div.inlinetweet:hover {
border-color:rgba(255,255,255,0.3);
background-color:rgba(0,0,0,0.3);
}

.t-dark div.u,.t-dark p.u {color:#888;}
.t-dark span.d {color:#888;}
.t-dark span.rt {color:#888;}
.t-dark span.tco {color:#777;}
.t-dark span.mn {color:#AAA;}

.t-dark input[type="text"],.t-dark textarea {
background-color:#000;
color:#BBB;
border-color:#444;
box-shadow:none;
}
.t-dark input[type="text"]:hover,.t-dark textarea:hover {
color:#DDD;
border-color:#666;
}
.t-dark input[type="text"]:focus,.t-dark textarea:focus {
color:#FFF;
border-color:rgba(51,138,221,0.7);
box-shadow:0 0 4px rgba(51,138,221,0.4);
}
.t-dark .btn,.t-dark .btn2 {
background-color:#222;
color:#CCC;
border-color:#444;
}
.t-dark .btn:hover,.t-dark .btn2:hover {background-color:#333;color:#EEE;border-color:#555;}
.t-dark .btn:active,.t-dark .btn2:active {background-color:#111;color:#EEE;border-color:#333;}

.t-dark h2.title {
background:#444;
color:#DDD;
border-color:#666;
}
.t-dark div.userlisted span.susa {
color:#DDD;
}
.t-dark div.userlisted span.susa:hover {
color:#FFF;
}
.t-dark span.g {
color:#AAA;
}

div.tu p.sincebg0 {background-color:rgba(40,139,240,0.25);}
div.tu p.sincebg1 {background-color:rgba(40,139,240,0.225);}
div.tu p.sincebg2 {background-color:rgba(40,139,240,0.2);}
div.tu p.sincebg3 {background-color:rgba(40,139,240,0.175);}
div.tu p.sincebg4 {background-color:rgba(40,139,240,0.15);}
div.tu p.sincebg5 {background-color:rgba(40,139,240,0.125);}
div.tu p.sincebg6 {background-color:rgba(40,139,240,0.1);}
div.tu p.sincebg7 {background-color:rgba(40,139,240,0.075);}
div.tu p.sincebg8 {background-color:rgba(40,139,240,0.05);}
div.tu p.sincebg9 {background-color:rgba(40,139,240,0.025);}
.t-dark div.tu p.sincebg0 {background-color:rgba(40,139,240,0.5);}
.t-dark div.tu p.sincebg1 {background-color:rgba(40,139,240,0.45);}
.t-dark div.tu p.sincebg2 {background-color:rgba(40,139,240,0.4);}
.t-dark div.tu p.sincebg3 {background-color:rgba(40,139,240,0.35);}
.t-dark div.tu p.sincebg4 {background-color:rgba(40,139,240,0.3);}
.t-dark div.tu p.sincebg5 {background-color:rgba(40,139,240,0.25);}
.t-dark div.tu p.sincebg6 {background-color:rgba(40,139,240,0.2);}
.t-dark div.tu p.sincebg7 {background-color:rgba(40,139,240,0.15);}
.t-dark div.tu p.sincebg8 {background-color:rgba(40,139,240,0.1);}
.t-dark div.tu p.sincebg9 {background-color:rgba(40,139,240,0.05);}

div.umemobox {
border-radius:3px;
background-color:#ECF5FE;
border:1px solid #BADAFA;
padding:5px;
margin:3px;
color:#000;
}

.t-dark div.umemobox {
background-color:#222;
border-color:#444;
color:#EEE;
}


div.diary {
border-radius:15px;
background-color:#FFF;
padding:15px;
border:2px solid #CCC;
text-align:left;
margin:5px;
}
div.diary span.date {
float:right;
color:#666;
}
div.diary a.title {
font-weight:bold;
font-size:120%;
color:#000;
}
div.diary div.body {
border-top:1px solid #999;
margin-top:5px;
padding:5px 0 10px 0;
line-height:150%;
}
div.diary div.etc {
text-align:right;
}
.t-dark div.diary {
background-color:#000;
border-color:#666;
}
.t-dark div.diary span.date {
color:#999;
}
.t-dark div.diary a.title {
color:#CCC;
}
.t-dark div.diary div.body {
border-color:#666;
}

table.dpstream {
margin-bottom:10px;
}
table.dpstream td {
text-align:center;
width:33%;
}
table.dpstream td p {
width:170px;
text-align:left;
margin:0 auto;
color:#666;
font-size:10px;
line-height:115%;
}
table.dpstream a img {margin-bottom:3px;border:2px solid #FFF;}
table.dpstream a:hover img {border:2px solid #91C3F7;}

.t-dark div.diary table.dpstream td p {
color:#999;
}


div.draftlist {
padding:6px;
background-color:#F6F6F6;
background:linear-gradient(to bottom,#FCFCFC,#F4F4F4);
border-top:1px solid #FFF;
border-bottom:1px solid #AAA;
cursor:pointer;
color:#333;
}
div.draftlist:hover {
background-color:#F0F0F0;
background:linear-gradient(to bottom,#F9F9F9,#EEE);
color:#000;
}

#scolpanel {
text-align:right;
background-color:#FFF;
height:12px;
font-size:10px;
line-height:12px;
overflow:hidden;
padding:4px;
}

#scolp-tlopt > i.svg_box {
cursor:pointer;
margin:1px 3px;
width:10px;
height:10px;
vertical-align:middle;
}
#scolp-tlopt > i.svg_box svg {
width:10px;
height:10px;
fill:#333;
vertical-align:top;
}
#scolp-tlopt > i:hover svg {
fill:#000;
}
#scoltlnew:hover svg {
fill:#5ABE4D !important;
}
#scoltlnewclear:hover svg {
fill:#288BF0 !important;
}
#scoltltwitter {
display:inline-block;
margin:1px 4px 1px 0;
width:10px;
height:10px;
float:left;
}
#scoltltwitter i {
width:10px;
height:10px;
vertical-align:top;
}
#scoltltwitter svg {
width:10px;
height:10px;
fill:#AAA;
}
#scoltltwitter:hover svg {
fill:#1D9BF0;
}
#scoltlxaccess {
display:inline-block;
margin:1px 2px 1px -2px;
width:10px;
height:10px;
float:left;
}
#scoltlxaccess i {
width:10px;
height:10px;
vertical-align:top;
}
#scoltlxaccess svg {
width:10px;
height:10px;
fill:#D27;
}
#scoltlspeed {
display:inline-block;
float:left;
color:#777;
white-space:nowrap;
width:auto;
margin:1px 0;
height:10px;
line-height:10px;
}
/*
i.scoltlnewtwit-off {
}
i.scoltlnewtwit-on {
fill:#288BF0;
}
*/
#scolpanel i.scoltlnewtwit-loading {
display:inline-block;
animation:spin 1.0s linear infinite;
border:1px solid #999;
border-right-color:transparent;
box-sizing:border-box;
border-radius:5px;
width:10px;
height:10px;
vertical-align:middle;
margin:1px 3px;
cursor:default;
}
i.scoltlcog svg {
fill:#999 !important;
}
i.scoltlcog_stop svg {
fill:#D33 !important;
}
i.scoltlcog_on svg {
fill:#5ABE4D !important;
}
#scolnewmsg {
display:inline-block;
vertical-align:middle;
line-height:12px;
height:12px;
background-color:#D84040;
color:#FFF;
padding:0 4px;
width:auto;
border-radius:6px;
font-size:10px;
}
#scolnomsg {
display:inline-block;
vertical-align:middle;
line-height:12px;
height:12px;
background-color:#AAA;
color:#FFF;
padding:0 4px;
width:auto;
border-radius:6px;
font-size:10px;
}
#scolpendingmsg {
display:inline-block;
vertical-align:middle;
line-height:12px;
height:12px;
background-color:#53A2F3;
color:#FFF;
padding:0 4px;
width:auto;
border-radius:6px;
font-size:10px;
cursor:pointer;
}
#scolpendingmsg:hover {
background-color:#91C3F7;
}
#accountmenu {
height:16px;
width:35px;
float:right;
cursor:pointer;
border-radius:2px;
border:1px solid transparent;
margin-left:3px;
}
#accountmenu i {
height:12px;
width:12px;
margin:2px 11px 2px 12px;
vertical-align:top;
}
#accountmenu svg {
height:12px;
width:12px;
fill:#666;
}
#accountmenu:hover {
border-color:#CCC;
box-shadow:0 1px 1px rgba(0,0,0,0.1);
}
#accountmenu:hover svg {
fill:#000;
}
#accountmenu:active {
border-color:#BBB;
background-color:#DDD;
box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
}
span.topusereditbtn {
width:10px;
height:10px;
cursor:pointer;
display:inline-block;
}
span.topusereditbtn i {
width:10px;
height:10px;
vertical-align:top;
}
span.topusereditbtn svg {
width:10px;
height:10px;
fill:#666;
}
.t-dark span.topusereditbtn svg {
fill:#999;
}
span.topusereditbtn:hover svg {
fill:#288BF0;
}

span.ugenre {
color:#EEE;
background-color:#999;
background:linear-gradient(to bottom,#999,#666);
display:inline-block;
height:14px;
line-height:14px;
padding:0 5px;
border-radius:5px;
font-size:10px;
cursor:pointer;
white-space:nowrap;
}
span.ugenre:hover {
color:#FFF;
text-decoration:none;
}
#showprofile_dropbox {
padding:20px 0;
color:#CCC;
text-align:center;
background-color:rgba(0,0,0,0.7);
width:150px;
position:absolute;
line-height:20px;
z-index:100;
font-size:10px;
border:1px solid #CCC;
}
#tabpanel_exinfo {
border-radius:4px;
text-align:left;
background-color:rgba(51,51,51,0.9);
right:5px;
top:5px;
z-index:1000;
position:fixed;
padding:5px 10px;
color:rgba(255,255,255,0.9);
width:auto;
}
#searchoptmenu {
width:13px;
height:13px;
position:fixed;
text-align:right;
z-index:1998;
top:9px;
}
span.togglebtn-off {
color:#333;
background-color:#EEE;
display:inline-block;
height:18px;
line-height:18px;
border-radius:5px;
font-size:11px;
cursor:pointer;
white-space:nowrap;
box-shadow:0 1px 2px rgba(0,0,0,0.3);
padding:0 4px;
margin-right:4px;
}
span.togglebtn-on {
color:#EEE;
background-color:#666;
display:inline-block;
height:18px;
line-height:18px;
border-radius:5px;
font-size:11px;
cursor:pointer;
white-space:nowrap;
box-shadow:inset 0 1px 2px rgba(0,0,0,0.5);
padding:0 4px;
margin-right:4px;
}
#searchmenubox {
top:var(--headmenu-height);
z-index:999;
position:fixed;
background-color:#FFF;
padding:5px;
font-size:11px;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
box-shadow:0 4px 4px rgba(0,0,0,0.2);
}
#usercontact {}
#usercontact img.p {
margin:2px 8px 0 0;
width:48px;
height:48px;
float:left;
cursor:pointer;
border-radius:50%;
}
#usercontact div.d {
padding:3px 5px;
}
#usercontact div.d:hover {
background-color:#F3F3F3;
}
#usercontact span.ty {
float:right;
font-size:10px;
color:#BBB;
}
#usercontact span.m {
color:#FFF;
background-color:#CCC;
display:inline-block;
height:14px;
line-height:14px;
width:30px;
text-align:center;
border-radius:2px;
cursor:pointer;
white-space:nowrap;
margin-left:4px;
}
#usercontact span.m:hover {
background-color:#999;
}
#usercontact div.d-on {
padding:5px;
background-color:#E3F0FD;
}
#contact_filter {
width:170px;
height:16px;
font-size:13px;
vertical-align:middle;
}
#contact_clabel_pull {
width:18px;
height:18px;
display:inline-block;
border:1px solid #CCC;
cursor:pointer;
border-radius:3px;
vertical-align:middle;
}
#usercontact div.umemobox2 {
margin-top:2px;
}
#usercontact span.umemo2 {
color:#BBB;
font-size:10px;
}
#usercontact span.umemo2:visited {
color:#BBB;
}
#usercontact span.umemo2:hover {
color:#288BF0;
text-decoration:none;
}

#suggest {
z-index:1999;
position:fixed;
border:1px solid #CCC;
background-color:#FFF;
padding:3px;
overflow-y:auto;
overflow-x:hidden;
width:200px;
height:200px;
}
div.suggest img.p {
width:24px;
height:24px;
float:left;
border-radius:50%;
}
div.suggest div.d {
padding:2px;
cursor:pointer;
}
div.suggest div.d div {
margin-left:30px;
}
div.suggest div.d span {
font-size:10px;
color:#888;
}
div.suggest div.d em.ps {
color:#090;
}
div.suggest div.d:hover {
background-color:#53A2F3;
color:#FFF;
}
div.suggest div.d:hover span {
color:#C9E2FB;
}
div.suggest div.d:hover em.ps {
color:#FFF;
}
div.suggest div.d-on {
padding:2px;
cursor:pointer;
background-color:#288BF0;
color:#FFF;
}
div.suggest div.d-on div {
margin-left:30px;
}
div.suggest div.d-on span {
font-size:10px;
color:#C9E2FB;
}
div.suggest div.d-on em.ps {
color:#FFF;
}
.cf1 {
background-image:url(../../i/cfilterbg.png);
background-repeat:no-repeat;
background-position:0 0;
}
.cf2 {
background-image:url(../../i/cfilterbg.png);
background-repeat:no-repeat;
background-position:-20px 0;
}
.cf3 {
background-image:url(../../i/cfilterbg.png);
background-repeat:no-repeat;
background-position:-40px 0;
}
.cf4 {
background-image:url(../../i/cfilterbg.png);
background-repeat:no-repeat;
background-position:-60px 0;
}
.cf5 {
background-image:url(../../i/cfilterbg.png);
background-repeat:no-repeat;
background-position:-80px 0;
}
.cf6 {
background-image:url(../../i/cfilterbg.png);
background-repeat:no-repeat;
background-position:-100px 0;
}
.cf7 {
background:url(../../i/cfilterbg_g.png);
}
.cf8 {
background:url(../../i/cfilterbg_full.png);
}
.cf9 {
background:#EEE url(../../i/tile.gif);
}
.cf0 {
background:#EEE url(../../i/tile.gif);
}
.cf10 {
background:#999 url(../../i/slash.gif);
}
#contact_clabel_pull i,#filter_clabel i {
display:inline-block;
vertical-align:top;
margin:3px;
width:11px;
height:11px;
border-radius:50%;
background-color:#CCC;
}

#lightbox2 {
}
#lightboxOuter2 {
box-shadow:2px 3px 8px rgba(0,0,0,0.3);
border-radius:4px;
text-align:left;
border:1px solid #999;
background-color:#FFF;
z-index:910;
position:fixed;
width:516px;
}
#lightboxCont2 {
padding:8px;
text-align:left;
}
#lightboxButton2 {
top:-5px;
right:-5px;
width:10px;
height:10px;
padding:6px;
position:absolute;
cursor:pointer;
background-color:#999;
border-radius:50%;
}
#lightboxButton2 i {
width:10px;
height:10px;
vertical-align:top;
}
#lightboxButton2 svg {
width:10px;
height:10px;
fill:#FFF;
}
#lightboxButton2:hover {
background-color:#D33;
}
#lightboxButton2:active {
background-color:#A11;
}

#lightboxButton i {
width:10px;
height:10px;
vertical-align:top;
}


span.u {
cursor:pointer;
color:#666;
}
span.u:hover {
text-decoration:underline;
color:#000;
}
span.u em {
color:#000;
}
.t-dark span.u {color:#999;}
.t-dark span.u:hover {color:#FFF;}
.t-dark span.u em {color:#DDD;}
.t-dark span.u:hover em {color:#FFF;}

span.sm_retweet,span.sm_retweeted,span.sm_reply,span.sm_replyed,span.sm_fav,span.sm_faved,span.sm_more {
width:17px;
height:13px;
display:inline-block;
cursor:pointer;
vertical-align:top;
}
span.sm_retweet i,span.sm_retweeted i,span.sm_reply i,span.sm_replyed i,span.sm_fav i,span.sm_faved i,span.sm_more i {
width:13px;
height:13px;
margin:0 6px;
vertical-align:top;
}
span.sm_retweet svg,span.sm_retweeted svg,span.sm_reply svg,span.sm_replyed svg,span.sm_fav svg,span.sm_faved svg,span.sm_more svg {
width:13px;
height:13px;
fill:#666;
}
.t-dark span.sm_retweet svg,.t-dark span.sm_reply svg,.t-dark span.sm_fav svg,.t-dark span.sm_more svg {
fill:#CCC;
}
span.sm_reply {
}
span.sm_reply:hover svg,span.sm_replyed svg {
fill:#1D9BF0;
}
span.sm_fav {
}
span.sm_fav:hover svg,span.sm_faved svg {
fill:#F91880;
}
span.sm_retweet {
}
span.sm_retweet i,span.sm_retweeted i {
width:17px;
margin:0 4px;
}
span.sm_retweet svg,span.sm_retweeted svg {
width:17px;
}
span.sm_retweet:hover svg,span.sm_retweeted svg {
fill:#00BA7C;
}
span.sm_more {
}
span.sm_more:hover svg {
fill:#000;
}
.t-dark span.sm_more:hover svg {
fill:#FFF;
}

div.t span.sm_retweet,div.t span.sm_retweeted,div.t span.sm_reply,div.t span.sm_fav,div.t span.sm_faved,div.t span.sm_more {
margin:3px 4px 0 3px;
}
div.ts div.tm span {
margin:0 7px 0 0;
}
div.t div.tm span {
margin:3px 8px 0 1px;
}


/*
div.t:hover span.sm_retweet,div.t:hover span.sm_retweeted,div.t:hover span.sm_reply,div.t:hover span.sm_fav,div.t:hover span.sm_faved,div.t:hover span.sm_more,
div.ts:hover span.sm_retweet,div.ts:hover span.sm_retweeted,div.ts:hover span.sm_reply,div.ts:hover span.sm_fav,div.ts:hover span.sm_faved,div.ts:hover span.sm_more {
opacity:1;
}
.t-dark span.sm_reply {
background-position:-20px -1216px;
}
.t-dark span.sm_reply:hover {
background-position:-20px -1264px;
}
.t-dark span.sm_fav {
background-position:-36px -1216px;
}
.t-dark span.sm_fav:hover {
background-position:-36px -1264px;
}
.t-dark span.sm_retweet {
background-position:-3px -1216px;
}
.t-dark span.sm_retweet:hover,.t-dark span.sm_retweeted {
background-position:-3px -1264px;
}
.t-dark span.sm_more {
background-position:-49px -1216px;
}
.t-dark span.sm_more:hover {
background-position:-49px -1232px;
}
*/



span.g2 {
color:#BBB;
cursor:pointer;
}
span.g2:hover {
color:#288BF0;
}

span.susa-d {
color:#E8E8E8;
cursor:pointer;
}
span.susa-d:hover {
color:#E8E8E8;
text-decoration:underline;
}


i.imgnavi_prev {
display:inline-block;
border-right:4px solid transparent;
border-bottom:4px solid transparent;
border-radius:1px;
height:7px;
transform:rotate(135deg);
width:7px;
margin-left:3px;
}
i.imgnavi_next {
display:inline-block;
border-right:4px solid transparent;
border-bottom:4px solid transparent;
border-radius:1px;
height:7px;
transform:rotate(-45deg);
width:7px;
margin-right:3px;
}
#imagebox {
position:relative;
}
#imagebox:hover i.imgnavi_prev {
border-color:rgba(255,255,255,0.6);
}
#imagebox:hover i.imgnavi_next {
border-color:rgba(255,255,255,0.6);
}
#imagebox span.navi {
background:transparent;
line-height:50px;
height:50px;
border-radius:25px;
display:inline-block;
width:50px;
text-align:center;
}
#imagebox:hover span.navi {
background-color:rgba(0,0,0,0.3);
}
#imagebox-sizemenu {
background-color:rgba(0,0,0,0.9);
position:absolute;
bottom:17px;
right:0;
color:rgba(255,255,255,0.8);
font-size:12px;
width:140px;
z-index:1;
}
#imagebox-sizemenu p {
padding:2px 4px;
margin:0;
}
#imagebox-sizemenu p.ism-selok {
cursor:pointer;
}
#imagebox-sizemenu p.ism-selok:hover {
color:rgba(255,255,255,1);
background-color:rgba(255,255,255,0.2);
}
#imagebox i.footlink {
border-top-left-radius:3px;
padding:0 5px 0 8px;
background-color:rgba(0,0,0,0.2);
position:absolute;
bottom:0;
right:0;
color:rgba(255,255,255,0.5);
font-size:11px;
display:inline-block;
height:17px;
line-height:17px;
transition:background-color 0.2s;
z-index:2;
}
#imagebox i.footlink a {
color:rgba(255,255,255,0.6);
}
#imagebox:hover i.footlink {
background-color:rgba(0,0,0,0.8);
color:rgba(255,255,255,0.7);
}
#imagebox:hover i.footlink a {
color:rgba(255,255,255,0.8);
}
#imagebox:hover i.footlink a:hover {
color:rgba(255,255,255,1);
}
#imagebox_sizebtn {
display:inline-block;
height:17px;
line-height:17px;
cursor:pointer;
vertical-align:top;
}
#imagebox_sizebtn:hover {
color:rgba(255,255,255,1);
}
#imagebox i.footlink a.imglink {
color:rgba(0,153,255,0.6);
padding:0 2px;
margin-left:1px;
font-size:12px;
}
#imagebox:hover i.footlink a.imglink {
color:rgba(0,153,255,0.8);
}
#imagebox:hover i.footlink a.imglink:hover {
color:rgba(0,153,255,1);
}
/*
#imagebox i.footlink span.imglink {
color:rgba(255,0,153,0.5);
padding:0 2px;
margin-left:1px;
font-size:12px;
cursor:pointer;
}
#imagebox:hover i.footlink span.imglink {
color:rgba(255,0,153,0.8);
}
#imagebox:hover i.footlink span.imglink:hover {
color:rgba(255,0,153,1);
text-decoration:underline;
}
*/
#imagebox span.footlink-tooltip {
cursor:default;
background-color:rgba(153,153,153,0.4);
color:rgba(255,255,255,0.5);
border-radius:6px;
text-align:center;
font-size:10px;
width:12px;
height:12px;
line-height:12px;
display:inline-block;
margin-left:2px;
}
#imagebox:hover span.footlink-tooltip {
background-color:rgba(153,153,153,0.5);
color:rgba(255,255,255,0.6);
}
#imagebox:hover span.footlink-tooltip:hover {
background-color:rgba(153,153,153,0.7);
color:rgba(255,255,255,0.9);
}
#imagebox i.rotatebtn {
display:inline-block;
cursor:pointer;
width:12px;
height:12px;
margin-right:6px;
vertical-align:middle;
}
#imagebox i.rotatebtn svg {
fill:rgba(255,255,255,0.6);
width:12px;
height:12px;
vertical-align:top;
}
#imagebox:hover i.rotatebtn svg {
fill:rgba(255,255,255,0.8);
}
#imagebox i.rotatebtn:hover svg {
fill:rgba(255,255,255,1);
}
#imagebox i.rotate_right svg {
transform:scale(-1,1);
}
div.imgnavi {
width:20%;
position:absolute;
background-color:rgba(0,0,0,0);
top:0;
cursor:pointer;
text-align:center;
font-size:15px;
transition:background-color 0.2s;
}
div.imgnavi:hover {
background-color:rgba(0,0,0,0.4);
}
div.imgnavi:hover i.imgnavi_prev {
border-color:#FFF !important;
}
div.imgnavi:hover i.imgnavi_next {
border-color:#FFF !important;
}
div.imgnavi:hover span.navi {
background-color:rgba(0,0,0,0.5) !important;
}


i.lrgcheck {
width:17px;
height:17px;
}
i.lrgcheck svg {
width:17px;
height:17px;
fill:#1DCAFF;
}
i.apistatok,i.apistatng,i.apistatalert {
vertical-align:top;
cursor:pointer;
width:14px;
height:14px;
}
i.apistatok svg,i.apistatng svg,i.apistatalert svg {
width:14px;
height:14px;
}
i.apistatok svg {
fill:#5ABE4D;
}
i.apistatng svg {
fill:#D33;
}
i.apistatalert svg {
fill:#E5CF17;
}
span.lrbtn-off {
color:#333;
background-color:#EEE;
display:inline-block;
height:16px;
line-height:16px;
font-size:11px;
white-space:nowrap;
cursor:pointer;
padding:0 4px;
border:1px solid #CCC;
border-bottom:1px solid #AAA;
}
span.lrbtn-on {
color:#EEE;
background-color:#666;
display:inline-block;
height:18px;
line-height:18px;
font-size:11px;
white-space:nowrap;
cursor:default;
box-shadow:inset 0 1px 2px rgba(0,0,0,0.5);
padding:0 5px;
}
span.lrbtn-l {
border-top-left-radius:5px;
border-bottom-left-radius:5px;
border-right:0;
}
span.lrbtn-r {
border-top-right-radius:5px;
border-bottom-right-radius:5px;
border-left:0;
}

/*
#userstreambtn- {
height:16px;
width:16px;
display:inline-block;
cursor:pointer;
margin-left:5px;
background-image:url(../../i/sprite121.png);
background-repeat:no-repeat;
}
.userstreambtn-on {
background-position:-3px -924px;
}
.userstreambtn-off {
background-position:-29px -924px;
}
.userstreambtn-off:hover {
background-position:-49px -924px;
}
*/
span.del2 {
color:#AAA;
font-weight:normal;
cursor:pointer;
}
span.del2:hover {
color:#D33;
}
span.pointer2 {
cursor:pointer;
}
span.pointer2:hover {
text-decoration:underline;
}

span.dmdate,i.dmdate {
cursor:default;
}
span.dmdate:hover,i.dmdate:hover {
text-decoration:none;
}
#tbox_resize_handler {
width:15px;
height:15px;
position:absolute;
bottom:0;
right:0;
cursor:nw-resize;
z-index:2;
}
#tbox_resize_handler i {
width:15px;
height:15px;
vertical-align:top;
}
#tbox_resize_handler svg {
width:15px;
height:15px;
fill:#CCC;
}

#mpsbox {
width:360px;
padding:9px;
box-shadow:0 3px 8px rgba(0,0,0,0.3);
border-radius:4px;
text-align:left;
border:1px solid rgba(0,0,0,0.2);
background-color:#FFF;
z-index:1999;
position:fixed;
background-position:center center;
background-size:cover;
}
#mps_loader {
width:12px;
height:12px;
padding:2px;
z-index:2500;
position:fixed;
}
#slidebox_outer {
border-top-left-radius:5px;
border-bottom-left-radius:5px;
background-color:#FFF;
z-index:4;
position:fixed;
top:0;
right:0;
width:300px;
box-shadow:0 0 10px rgba(0,0,0,0.25);
transition:transform 0.25s ease;
transform-origin:top left;
backface-visibility:hidden;
}
#slidebox_cont {
overflow-y:auto;
overflow-x:hidden;
border-bottom-left-radius:5px;
}
#slidebox_navi {
overflow-y:auto;
overflow-x:hidden;
border-top-left-radius:5px;
height:24px;
}
#slidebox_navi i {
width:14px;
height:14px;
cursor:pointer;
float:left;
padding:5px;
}
#slidebox_navi svg {
width:14px;
height:14px;
fill:#333;
}
#slidebox_navi i:hover {
background-color:#EEE;
}
#slidebox_navi i:hover svg {
fill:#000;
}
#sbn-back {
margin-left:6px;
margin-right:3px;
}
#sbn-back svg {
}
#sbn-next {
margin-right:3px;
}
#sbn-next svg {
}
#sbn-reload {
}
#sbn-tabopen {
float:right !important;
}
#sbn-setting {
float:right !important;
padding:5px 3px !important;
margin:0 3px 0 0 !important;
}
#sbn-setting svg {
margin:2px !important;
width:10px !important;
height:10px !important;
fill:#666 !important;
}
#sbn-setting:hover svg {
fill:#000 !important;
}
#slidebox_navi i.sbn-disabled-item svg {
fill:#CCC !important;
}
#slidebox_navi i.sbn-disabled-item:hover {
background-color:transparent !important;
}
div.slidebox_tweet {
padding:6px;
cursor:default;
position:relative;
}
/*
div.slidebox_tweet:hover {
background-color:#F6F6F6;
}
*/
div.slidebox_tweet img.sb-p {
width:var(--pxxxxs);
height:var(--pxxxxs);
margin:0 5px 3px 0;
float:left;
border-radius:50%;
}
div.slidebox_tweet img.sb-p-rt {
width:var(--pxxxxs-rt);
height:var(--pxxxxs-rt);
margin-right:2px;
vertical-align:middle;
border-radius:50%;
}
div.slidebox_tweet div.sb-d {
margin-left:5px;
float:right;
white-space:nowrap;
height:11px;
line-height:11px;
}
div.slidebox_tweet div.sb-d a {
color:#888;
font-size:11px;
}
div.slidebox_tweet div.sb-c {
margin-top:1px;
font-size:12px;
line-height:17px;
}
div.slidebox_tweet p.rtuser {
color:#666;
font-size:11px;
margin:1px 0 0 0;
text-align:right;
}


/*
div.slidebox_tweet i.reply {
background-image:url(../../i/sprite121.png);
background-repeat:no-repeat;
background-position:-6px -1018px;
margin-right:1px;
width:12px;
height:12px;
vertical-align:middle;
display:inline-block;
}
*/
span.dmmenu,span.dmmenu-del {
font-size:12px;
font-weight:normal;
margin-right:4px;
color:#AAA;
cursor:pointer;
padding:1px;
}
.t-dark span.dmmenu,.t-dark span.dmmenu-del {
color:#888;
}
div.ts span.dmmenu {
font-size:11px;
margin-right:3px;
}
div.ts span.dmmenu-del {
font-size:11px;
margin-right:3px;
}
div.t:hover span.dmmenu,div.ts:hover span.dmmenu,div.t:hover span.dmmenu-del,div.ts:hover span.dmmenu-del {
color:#777;
}
.t-dark:hover span.dmmenu,.t-dark:hover span.dmmenu-del {
color:#BBB;
}
span.dmmenu:hover {
color:#0C61B8 !important;
}
span.dmmenu-del:hover {
background-color:#D33;
color:#FFF !important;
}
.t-dark span.dmmenu:hover {
color:#EEE !important;
}


div.listed-check {
font-size:10px;
margin:3px 0;
color:#666;
cursor:pointer;
padding:2px 0;
background-color:#EEE;
text-align:center;
}
div.listed-check:hover {
color:#000;
background-color:#DDD;
}
div.profzoom {
width:16px;
height:16px;
background-color:rgba(0,0,0,0.2);
bottom:0;
right:0;
position:absolute;
cursor:pointer;
}
div.profzoom i {
vertical-align:top;
width:14px;
height:14px;
padding:1px;
}
div.profzoom svg {
width:14px;
height:14px;
fill:rgba(255,255,255,0.7);
}
img.lrgprofimg:hover+div.profzoom,a.lrgprofimg:hover+div.profzoom {
background-color:rgba(0,0,0,0.4);
}
div.profzoom:hover {
background-color:#288BF0;
}
div.profzoom:hover svg {
fill:rgba(255,255,255,1);
}
/*
i.movieicon {
margin:0 2px 3px -18px;
vertical-align:bottom;
}
*/
div.tpb {
display:inline-block;
margin-right:8px;
margin-bottom:2px;
float:left;
}
div.ts div.tpb,div.slidebox_tweet div.tpb {
margin-right:4px;
}
/*
div.t-n-floatimg div.tpb {
margin-top:-2px;
margin-bottom:0;
}
*/
div.inlinetweet div.tpb {
margin-right:4px;
margin-bottom:0;
}
div.ts div.inlinetweet div.tpb {
margin-right:3px;
}
/*
div.inlinetweet-floatimg-tpb {
margin:-4px 4px 0 -4px !important;
}
div.inlinetweet-floatimg-tpb > i:first-child,
div.inlinetweet-floatimg-tpb > a:first-child,
div.inlinetweet-floatimg-tpb > a:first-child > img {
border-top-left-radius:2px;
border-bottom-left-radius:2px;
}
*/
a.tpb,i.tpb,img.tpb {
vertical-align:bottom;
cursor:pointer;
margin-right:1px;
margin-bottom:1px;
}
img.tpb {
object-fit:cover;
}
i.tpb_instagram {
vertical-align:bottom;
margin-right:1px;
margin-bottom:1px;
display:inline-block;
position:relative;
}
i.tpb_instagram img {
margin:0;
}
i.instagram_media {
position:absolute;
right:4px;
top:4px;
width:13px;
height:13px;
}
i.instagram_media svg {
width:13px;
height:13px;
fill:rgba(255,255,255,0.7);
}
a.tpb,i.tpb {
position:relative;
display:inline-block;
overflow:hidden;
}
a.tpb img,i.tpb img {
z-index:1;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
width:100%;
height:auto;
}
span.movie_info {
z-index:1;
display:block;
position:absolute;
top:2px;
right:2px;
height:15px;
line-height:15px;
background:rgba(0,0,0,0.8);
font-size:11px;
padding:0 2px;
box-sizing:border-box;
color:rgba(255,255,255,0.9);
}
span.movie_duration {
bottom:2px;
top:unset;
}
div.mediatile_wrap span.movie_duration {
left:2px;
bottom:2px;
top:unset;
right:unset;
}
span.tpb-sensitivemask {
background:rgba(153,153,153,0.95) url(../../i/warn_sensitiveimg.svg) no-repeat center center;
display:inline-block;
width:100%;
height:100%;
transition:opacity 0.3s;
position:absolute;
z-index:3;
background-size:contain;
}
span.tpb-sensitivemask_en {
background-image:url(../../i/warn_sensitiveimg_en.svg);
}
span.tpb-sensitivemask:hover {
opacity:0.6;
}
div.tpb a.tpb,
div.tpb i.tpb,
div.tpb img.tpb {
margin-bottom:0;
}
div.tpbb {
padding:4px 0 2px 0;
}
div.ts div.tpbb,div.slidebox_tweet div.tpbb {
padding:2px 0 1px 0;
}
div.mediatile_wrap {
height:150px;
position:relative;
display:inline-block;
vertical-align:bottom;
margin:0 2px 2px 0;
}
div.mediatile_wrap .tpb {
margin:0;
}
div.mediatile_wrap img.postuser {
position:absolute;
width:var(--pxxxxxs);
height:var(--pxxxxxs);
bottom:4px;
right:4px;
z-index:4;
cursor:pointer;
border-radius:50%;
}
div.mediatile_wrap img.p-rt {
position:absolute;
width:var(--pxxxxxs-rt);
height:var(--pxxxxxs-rt);
bottom:4px;
right:4px;
z-index:5;
cursor:pointer;
border-radius:50%;
}
div.mediatile_wrap .serialbar {
position:absolute;
width:8px;
height:4px;
top:72px;
right:2px;
background-color:#000;
}

div.userprofbox {
box-shadow:0 1px 2px rgba(0,0,0,0.2);
padding:8px;
border-radius:3px;
background-color:rgba(255,255,255,0.7);
transition:background-color 0.3s;
}
div.userprofbox:hover {
background-color:rgba(255,255,255,0.9);
}
.t-dark div.userprofbox {
box-shadow:none;
padding:7px;
background-color:rgba(0,0,0,0.7);
border:1px solid rgba(0,0,0,0.2);
}
.t-dark div.userprofbox:hover {
background-color:rgba(0,0,0,0.9);
}

div.userprofbtnsbox {
border:1px solid rgba(255,255,255,0.2);
display:inline-block;
border-radius:4px;
background-color:rgba(255,255,255,0.5);
padding:6px;
transition:background-color 0.2s;
}
div.userprofbtnsbox:hover {
background-color:rgba(255,255,255,0.7);
}
.t-dark div.userprofbtnsbox {
box-shadow:none;
padding:7px;
background-color:rgba(0,0,0,0.5);
border:1px solid rgba(0,0,0,0.2);
}
.t-dark div.userprofbtnsbox:hover {
background-color:rgba(0,0,0,0.7);
}

#seektlbar {
width:17px;
height:300px;
position:fixed;
backface-visibility:hidden;
top:0;
right:0;
z-index:3;
margin:0 0 0 3px;
padding:0;
}
#seektlbar-cover {
position:absolute;
left:-2px;
z-index:10;
width:22px;
height:20px;
}
#seektlbar-cover:hover {
left:-12px;
width:32px;
}
#seektlbar-inner {
position:relative;
margin:3px 1px 3px 6px;
width:9px;
border-right:1px solid rgba(0,0,0,0);
}
div.seektlbar-page-ctrls {
display:block;
width:17px;
height:17px;
cursor:pointer;
}
div.seektlbar-page-ctrls i {
vertical-align:top;
width:17px;
height:17px;
}
div.seektlbar-page-ctrls svg {
width:11px;
height:11px;
margin:3px;
fill:rgba(0,0,0,0.5);
}
#seektlbar:hover div.seektlbar-page-ctrls svg {
fill:rgba(0,0,0,0.8);
}
div.seektlbar-page-ctrls:hover svg {
fill:rgba(0,0,0,1);
}
#seektlbar-page-move {
display:block;
width:17px;
height:17px;
line-height:17px;
text-align:center;
cursor:pointer;
font-family:monospace;
font-size:10px;
overflow:hidden;
}
#seektlbar-prev-pages,#seektlbar-next-pages {
position:relative;
margin:0 1px;
width:15px;
}
.seektlbar_pages_prev_item {
width:15px;
height:9px;
background-clip:padding-box;
border-top:1px transparent solid;
cursor:pointer;
}
.seektlbar_pages_next_item {
width:15px;
height:9px;
background-clip:padding-box;
border-bottom:1px transparent solid;
cursor:pointer;
}
.seektlbar_scale {
width:2px;
height:1px;
position:absolute;
top:0;
right:1px;
z-index:2;
}
.seektlbar_scale_lrg {
width:5px;
right:0;
}
.seektlbar_color {
width:2px;
height:1px;
position:absolute;
top:0;
right:-1px;
z-index:1;
}
.seektlbar_color_rt {
width:2px;
height:1px;
position:absolute;
top:0;
right:-1px;
z-index:1;
clip-path:polygon(0 0,0 100%,100% 0);
}



@media all and (-ms-high-contrast: none){
.seektlbar_color {
width:2px;
height:1px;
position:absolute;
top:0;
right:-1px;
z-index:1;
}
.seektlbar_color_rt {
width:2px;
height:1px;
position:absolute;
top:0;
right:1px;
z-index:1;
}
}
.seektlbar_mention {
width:12px;
height:1px;
position:absolute;
top:0;
right:0;
z-index:0;
}
.seektlbar_time {
position:absolute;
top:0;
right:1px;
z-index:3;
font-family:monospace;
font-size:10px;
text-align:center;
}
#seektlbar_new {
width:7px;
height:2px;
position:absolute;
top:0;
right:2px;
background-color:#5ABE4D;
z-index:4;
}
.seektlbar_gap {
width:12px;
height:1px;
position:absolute;
top:0;
right:1px;
border-top:1px solid #666;
border-bottom:1px solid #666;
z-index:3;
}
#seektlbar_cur {
width:7px;
height:2px;
position:absolute;
top:0;
right:2px;
background-color:#06F;
z-index:5;
}
#seektlbar_pointer {
width:9px;
height:2px;
position:absolute;
top:0;
right:2px;
background-color:#F06;
z-index:6;
}
#seektlbar_tweet {
position:fixed;
width:20vw;
min-width:180px;
padding:7px;
border-radius:2px;
top:0;
right:0;
line-height:16px;
z-index:2;
}
#seektlbar_tweet .seektlbar_tweet_color {
width:3px;
height:100%;
position:absolute;
top:0;
left:0;
z-index:1;
border-top-left-radius:2px;
border-bottom-left-radius:2px;
}
#seektlbar_tweet .seektlbar_tweet_color_rt {
width:3px;
height:100%;
position:absolute;
top:0;
left:0;
z-index:1;
clip-path:polygon(0 0,0 100%,100% 0);
border-top-left-radius:2px;
border-bottom-left-radius:2px;
}
#seektlbar_tweet em.name {
color:#FFF;
}
#seektlbar_tweet span.say {
display:block;
position:absolute;
height:0;
width:0;
top:6px;
right:-7px;
border:7px transparent solid;
border-right-width:0;
z-index:100;
}
#seektlbar_tweet div.cont {
margin-left:calc(var(--pxxxs) + 6px);
}
#seektlbar_tweet div.uicon {
width:var(--pxxxs);
height:var(--pxxxs);
float:left;
position:relative;
}
#seektlbar_tweet div.uicon img.tip {
width:var(--pxxxs);
height:var(--pxxxs);
position:absolute;
top:0;
left:0;
z-index:1;
}
#seektlbar_tweet div.uicon img.p-rt {
width:var(--pxxxs-rt);
height:var(--pxxxs-rt);
position:absolute;
top:var(--pxxxs-rt-top);
left:var(--pxxxs-rt-left);
z-index:2;
}
#seektlbar_tweet i.date {
margin-left:3px;
margin-bottom:5px;
float:right;
}
#seektlbar_tweet div.pageindex {
color:#999;
margin-bottom:5px;
text-align:center;
}
#seektlbar_tweet div.sepline {
margin:8px 0;
text-align:center;
}
#seektlbar_tweet div.sepline span {
color:#999;
transform:rotate(90deg);
display:inline-block;
}
#seektlbar_tweet p.rtuser {
color:#999;
font-size:11px;
margin:1px 0 0 0;
}


#seektlbar {background-color:rgba(255,255,255,0.5);}
#seektlbar:hover {background-color:rgba(255,255,255,0.7);}
#seektlbar-inner {border-color:rgba(0,0,0,0.3);}
#seektlbar:hover #seektlbar-inner {border-color:rgba(0,0,0,0.6);}
.seektlbar_scale {background-color:rgba(0,0,0,0.15);}
.seektlbar_scale_lrg {background-color:rgba(0,0,0,0.3);}
#seektlbar:hover .seektlbar_scale {background-color:rgba(0,0,0,0.3);}
#seektlbar:hover .seektlbar_scale_lrg {background-color:rgba(0,0,0,0.6);}
#seektlbar_tweet {background-color:rgba(0,0,0,0.9);color:#EEE;}
#seektlbar_tweet span.say {border-left-color:rgba(0,0,0,0.9);}
.seektlbar_time {color:rgba(0,0,0,0.45);}
#seektlbar:hover .seektlbar_time {color:rgba(0,0,0,0.7);}
#seektlbar_tweet i.date,#seektlbar_tweet span.photos {color:#AAA;}
.seektlbar_mention {background-color:rgba(255,0,0,0.12);}
div.seektlbar-page-ctrls:hover {background-color:rgba(0,0,0,0.1);}
#seektlbar-page-move {color:rgba(0,0,0,0.5);}
#seektlbar-page-move:hover {color:#000;background-color:rgba(0,0,0,0.1);}
.seektlbar_pages_prev_item,.seektlbar_pages_next_item {background-color:rgba(0,0,0,0.1);}
.seektlbar_pages_prev_item:hover,.seektlbar_pages_next_item:hover {background-color:rgba(0,0,0,0.2);}
.stb-dark #seektlbar {background-color:rgba(0,0,0,0.6) !important;}
.stb-dark #seektlbar:hover {background-color:rgba(0,0,0,0.8) !important;}
.stb-dark #seektlbar-inner {border-color:rgba(255,255,255,0.4) !important;}
.stb-dark #seektlbar:hover #seektlbar-inner {border-color:rgba(255,255,255,0.7) !important;}
.stb-dark .seektlbar_scale {background-color:rgba(255,255,255,0.25) !important;}
.stb-dark .seektlbar_scale_lrg {background-color:rgba(255,255,255,0.4) !important;}
.stb-dark #seektlbar:hover .seektlbar_scale {background-color:rgba(255,255,255,0.4) !important;}
.stb-dark #seektlbar:hover .seektlbar_scale_lrg {background-color:rgba(255,255,255,0.7) !important;}
.stb-dark #seektlbar_tweet {background-color:rgba(255,255,255,0.98) !important;color:#000 !important;}
.stb-dark #seektlbar_tweet em.name {color:#000 !important;}
.stb-dark #seektlbar_tweet span.say {border-left-color:rgba(255,255,255,0.98) !important;}
.stb-dark .seektlbar_time {color:rgba(255,255,255,0.55) !important;}
.stb-dark #seektlbar:hover .seektlbar_time {color:rgba(255,255,255,0.8) !important;}
.stb-dark #seektlbar_tweet i.date,.stb-dark #seektlbar_tweet span.photos {color:#888 !important;}
.stb-dark #seektlbar_tweet p.rtuser {color:#666 !important;}
.stb-dark .seektlbar_mention {background-color:rgba(255,102,102,0.25) !important;}
.stb-dark div.seektlbar-page-ctrls:hover {background-color:rgba(255,255,255,0.1) !important;}
.stb-dark div.seektlbar-page-ctrls svg {fill:rgba(255,255,255,0.5) !important;}
.stb-dark #seektlbar:hover div.seektlbar-page-ctrls svg {fill:rgba(255,255,255,0.8) !important;}
.stb-dark div.seektlbar-page-ctrls:hover svg {fill:rgba(255,255,255,1) !important;}
.stb-dark #seektlbar-page-move {color:rgba(255,255,255,0.5) !important;}
.stb-dark #seektlbar-page-move:hover {color:#FFF !important;background-color:rgba(255,255,255,0.1) !important;}
.stb-dark .seektlbar_pages_prev_item,.stb-dark .seektlbar_pages_next_item {background-color:rgba(255,255,255,0.2) !important;}
.stb-dark .seektlbar_pages_prev_item:hover,.stb-dark .seektlbar_pages_next_item:hover {background-color:rgba(255,255,255,0.3) !important;}



#imageexp_img {
position:fixed;
z-index:901;
}
#imageexp_movieplay {
box-sizing:border-box;
display:inline-block;
border-radius:50%;
width:50px;
height:50px;
background:#1D9BF0 url(../../i/playmovie.svg) no-repeat center center;
background-size:cover;
position:fixed;
z-index:902;
top:0;
left:0;
}
#imageexp_cover {
top:0;
left:0;
cursor:pointer;
background-color:transparent;
position:fixed;
z-index:903;
}

i.tpb span.movieplay,a.tpb span.movieplay {
box-sizing:border-box;
display:inline-block;
border-radius:50%;
width:50px;
height:50px;
opacity:0.8;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
position:absolute;
background:#1D9BF0 url(../../i/playmovie.svg) no-repeat center center;
background-size:cover;
z-index:2;
}
i.tpb:hover span.movieplay,a.tpb:hover span.movieplay {
opacity:1;
}
#seektlbar_tweet span.movieplay {
opacity:1;
}
i.tpb_hovered span.movieplay,a.tpb_hovered span.movieplay {
opacity:1;
}


#followexpbox {
background-color:#FFF;
background-repeat:no-repeat;
background-size:cover;
width:48px;
height:48px;
position:fixed;
z-index:10;
border-radius:50%;
}
#followexpimg_cover {
width:30px;
height:30px;
position:absolute;
top:9px;
left:9px;
cursor:pointer;
background-color:transparent;
}
span.ufilterbtn {
float:left;
display:inline-block;
height:26px;
line-height:26px;
text-align:center;
color:rgba(0,0,0,0.7);
padding:0 0.9vw;
border-top:1px solid transparent;
border-bottom:1px solid transparent;
cursor:default;
}
span.ufilterbtn:hover {
color:rgba(0,0,0,0.9);
background-color:rgba(0,0,0,0.05);
}
.t-dark span.ufilterbtn {
color:rgba(255,255,255,0.7);
}
.t-dark span.ufilterbtn:hover {
background-color:rgba(255,255,255,0.1);
color:rgba(255,255,255,0.9);
}
span.ufilterbtn-this {
color:#000;
margin-bottom:0px;
font-weight:bold;
border-bottom-color:#333;
background-color:transparent;
}
span.ufilterbtn-this:hover {
color:#000;
background-color:transparent;
}
.t-dark span.ufilterbtn-this {
color:#FFF;
border-bottom-color:#FFF;
}
.t-dark span.ufilterbtn-this:hover {
color:#FFF;
}

div.notfoundtweet {
margin:1px 0;
background-color:rgba(204,0,0,0.8);
color:#FFF;
padding:2px 3px;
text-align:center;
font-style:italic;
line-height:1.2;
}
#fixed_ufilter {
background-color:#FFF;
height:28px;
position:fixed;
backface-visibility:hidden;
top:0;
left:15px;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
box-shadow:0 2px 3px rgba(0,0,0,0.15);
padding:0 5px;
z-index:701;
}
#fixed_ufilter div.fu-inner {
height:28px;
margin-bottom:-1px;
}
/*
@keyframes __react-md-spinner-animation__root-rotate{to{transform:rotate(360deg);}}
@keyframes __react-md-spinner-animation__fill-unfill-rotate{12.5%{transform:rotate(135deg);}25%{transform:rotate(270deg);}37.5%{transform:rotate(405deg);}50%{transform:rotate(540deg);}62.5%{transform:rotate(675deg);}75%{transform:rotate(810deg);}87.5%{transform:rotate(945deg);}to{transform:rotate(1080deg);}}
@keyframes __react-md-spinner-animation__layer-1-fade-in-out{0%{opacity:1;}25%{opacity:1;}26%{opacity:0;}89%{opacity:0;}90%{opacity:1;}to{opacity:1;}}
@keyframes __react-md-spinner-animation__layer-2-fade-in-out{0%{opacity:0;}15%{opacity:0;}25%{opacity:1;}50%{opacity:1;}51%{opacity:0;}to{opacity:0;}}
@keyframes __react-md-spinner-animation__layer-3-fade-in-out{0%{opacity:0;}40%{opacity:0;}50%{opacity:1;}75%{opacity:1;}76%{opacity:0;}to{opacity:0;}}
@keyframes __react-md-spinner-animation__layer-4-fade-in-out{0%{opacity:0;}65%{opacity:0;}75%{opacity:1;}90%{opacity:1;}to{opacity:0;}}
@keyframes __react-md-spinner-animation__left-spin{from{transform:rotate(130deg);}50%{transform:rotate(-5deg);}to{transform:rotate(130deg);}}
@keyframes __react-md-spinner-animation__right-spin{from{transform:rotate(-130deg);}50%{transform:rotate(5deg);}to{transform:rotate(-130deg);}}
*/

span.addmedia_thumb {
display:inline-block;
vertical-align:bottom;
position:relative;
width:75px;
height:50px;
}
span.addmedia_thumb i {
display:inline-block;
background-repeat:no-repeat;
background-size:contain;
background-position:center center;
cursor:pointer;
position:absolute;
top:0;
left:0;
width:50px;
height:50px;
}
span.addmedia_thumb_delbtn {
display:inline-block;
width:16px;
height:16px;
text-align:center;
cursor:pointer;
position:absolute;
top:0px;
right:15px;
border-radius:50%;
background-color:#999;
color:#FFF;
}
span.addmedia_thumb_delbtn svg {
vertical-align:top;
width:8px;
height:8px;
margin:4px;
fill:#FFF;
}
span.addmedia_thumb_delbtn:hover {
background-color:#D33;
}
span.addmedia_thumb_edhitbtn {
display:inline-block;
width:18px;
height:18px;
cursor:pointer;
position:absolute;
bottom:0;
right:7px;
}
span.addmedia_thumb_edhitbtn i {
vertical-align:top;
width:10px;
height:10px;
padding:4px;
}
span.addmedia_thumb_edhitbtn svg {
width:10px;
height:10px;
fill:#888;
}
span.addmedia_thumb_edhitbtn:hover {
background-color:#EEE;
}
span.addmedia_thumb_edhitbtn:hover svg {
fill:#288BF0;
}
#attach_medias {
position:relative;
overflow:hidden;
z-index:1;
margin-right:4px;
}
#media_upload_progress {
position:absolute;
top:0;
left:0;
background-color:rgba(0,0,0,0.6);
text-align:center;
color:rgba(255,255,255,0.6);
}
#emoji_ctgs_selecter {
}
#emoji_ctgs_selecter span.emoji_ctg_list_item {
display:inline-block;
margin:0 3px 3px 0;
border-radius:2px;
}
#emoji_ctgs_selecter span.emoji_ctg_list_item_link {
padding:2px 5px;
color:#444;
border:1px solid #BBB;
cursor:pointer;
}
#emoji_ctgs_selecter span.emoji_ctg_list_item_link:hover {
background-color:#F2F2F2;
border-color:#AAA;
color:#000;
box-shadow:0 1px 1px rgba(0,0,0,0.1);
}
#emoji_ctgs_selecter span.emoji_ctg_list_item_this {
padding:3px 6px;
background-color:#000;
color:#FFF;
font-weight:bold;
box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
}
#emoji_ctgs_selecter span.emoji_ctg_list_num {
color:#999;
font-size:11px;
margin-left:2px;
font-weight:normal;
}
#emoji_ctgs_selecter span.skin {
color:#FFF;
width:16px;
height:16px;
line-height:16px;
text-align:center;
display:inline-block;
margin-right:1px;
cursor:pointer;
vertical-align:middle;
}
#emoji_his_selecter {
height:30px;
overflow:hidden;
}
.emoji_selecter {
cursor:default;
}
.emoji_selecter span {
display:inline-block;
width:30px;
height:30px;
overflow:none;
cursor:default;
vertical-align:top;
}
.emoji_selecter span img.emojione {
margin:5px;
width:20px;
height:20px;
cursor:default;
vertical-align:top;
}
.emoji_selecter span:hover img.emojione {
margin:0px;
width:30px;
height:30px;
}
#emojibox_closebtn {
width:10px;
height:10px;
cursor:default;
text-align:center;
float:right;
display:inline-block;
margin:-6px -6px 0 3px;
padding:7px;
}
#emojibox_closebtn svg {
width:10px;
height:10px;
vertical-align:top;
fill:#666;
}
#emojibox_closebtn:hover {background-color:#D33;}
#emojibox_closebtn:hover svg {fill:#FFF;}
#emojibox_closebtn:active {background-color:#A11;}

p.repex {
color:#080;
margin:0 0 2px 0;
font-size:13px;
line-height:16px;
}
p.repex span.closereplybtn,p.repex span.openreplybtn {
font-size:12px;
color:#888;
margin-left:3px;
cursor:pointer;
}
p.repex span.closereplybtn i,p.repex span.openreplybtn i {
height:13px;
width:13px;
vertical-align:top;
margin-right:3px;
}
p.repex span.closereplybtn svg,p.repex span.openreplybtn svg {
height:13px;
width:13px;
fill:#888;
}
p.repex span.openreplybtn:hover {
color:#288BF0;
}
p.repex span.openreplybtn:hover svg {
fill:#288BF0;
}
p.repex span.closereplybtn:hover {
color:#D33;
}
p.repex span.closereplybtn:hover svg {
fill:#D33;
}
div.ts p.repex {
color:#080;
margin:0 0 2px 0;
font-size:12px;
line-height:15px;
}
div.ts p.repex span.closereplybtn,div.ts p.repex span.openreplybtn {
font-size:11px;
margin-left:2px;
}
div.ts p.repex span.closereplybtn i,div.ts p.repex span.openreplybtn i {
height:11px;
width:11px;
margin-right:2px;
}
div.ts p.repex span.closereplybtn svg,div.ts p.repex span.openreplybtn svg {
height:11px;
width:11px;
}

#rep_status_text {
word-break:break-all;
height:18px;
overflow:hidden;
line-height:18px;
color:#333;
margin:0;
}
#rep_status_text img.p_img {
margin-right:3px;
width:18px;
height:18px;
vertical-align:middle;
border-radius:50%;
}

.rep_seluser {
padding:3px 0 2px 0;
line-height:18px;
max-height:54px;
overflow-y:auto;
}
.rep_seluser span {
display:inline-block;
height:16px;
line-height:16px;
vertical-align:bottom;
margin:0 3px 2px 0;
}
.rep_seluser i {
color:#666;
font-size:12px;
display:inline-block;
height:16px;
line-height:16px;
cursor:default;
border-radius:3px;
margin:0 2px 2px 0;
padding:0 2px;
max-width:130px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
vertical-align:bottom;
}
.rep_seluser i.fixed {
box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
background-color:#0F74DB;
color:#FFF;
}
.rep_seluser i.seled {
box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
background-color:#53A2F3;
color:rgba(255,255,255,0.95);
}
.rep_seluser i.unclasped {
background-color:#F8F8F8;
font-style:italic;
color:#999;
}
.rep_seluser i.unclasped:hover {
box-shadow:0 1px 2px rgba(0,0,0,0.2);
background-color:#EEE;
color:#666;
}
.t-dark .rep_seluser i.unclasped {
background-color:#555;
font-style:italic;
color:#CCC;
}
.t-dark .rep_seluser i.unclasped:hover {
background-color:#555;
color:#DDD;
}
div.miniprof_cont {
padding:7px;
border-radius:2px;
background-color:rgba(255,255,255,0.8);
transition:background-color 0.1s;
}
div.miniprof_cont:hover {
padding:7px;
border-radius:2px;
background-color:rgba(255,255,255,0.9);
}
div.miniprof_outer {
word-break:break-all;
margin-left:80px;
}
div.miniprof_icon {
width:73px;
float:left;
position:relative;
}
div.miniprof_icon img {
cursor:pointer;
width:73px;
height:73px;
border-radius:50%;
}
span.following {
border-radius:7px;
background-color:#1DCAFF;
display:inline-block;
padding:0 5px;
color:#FFF;
height:15px;
line-height:15px;
margin:0 3px;
font-size:11px;
}
div.cmenu div.user {
padding:1px;
}
div.cmenu div.user div {
margin-left:30px;
}
div.cmenu div.user span {
font-size:10px;
}
div.cmenu div.user img.p {
width:24px;
height:24px;
float:left;
border-radius:50%;
}

div.cmenu-seleditem {
background-color:#0F74DB;
color:#FFF;
font-weight:bold;
}
#duprepalert {
border-radius:8px;
display:inline-block;
background-color:rgba(186,87,60,0.8);
color:#FFF;
font-size:12px;
height:16px;
line-height:16px;
padding:0 8px;
position:absolute;
z-index:1;
top:0;
left:0;
overflow:hidden;
}
#duprepalert:hover {
background-color:rgba(186,87,60,1);
}
#emoji_search_key {
width:100px;
margin-left:5px;
height:18px;
}

div.t div.cc img.emojione,div.ts div.cc img.emojione,div.slidebox_tweet div.sb-c img.emojione {
width:1.1em;
height:1.1em;
vertical-align:-0.15em;
margin:0.05em 0.1em;
}

img.ui16 {
width:16px;
height:16px;
vertical-align:middle;
margin-right:2px;
border-radius:50%;
}
img.ui24 {
width:24px;
height:24px;
vertical-align:middle;
margin-right:3px;
border-radius:50%;
}
.t-dark p.line {
border-color:#666;
}
span.repexmoreopened {display:none;}
span.repexmore+span {display:none;}

div.nodisp_tweet_msg {
padding:3px;
background-color:rgba(180,180,180,0.15);
cursor:default;
}
div.nodisp_area {}
div.nodisp_area:hover {
background-color:rgba(127,182,234,0.1) !important;
}
div.nodisp_area:hover div.nodisp_tweet_msg {
background-color:rgba(127,182,234,0.1) !important;
}
div.bar-pagenavi {
text-align:center;
padding:5px;
color:rgba(0,0,0,0.45);
background-color:rgba(255,255,255,0.5);
cursor:pointer;
}
div.bar-pagenavi i {
width:13px;
height:13px;
}
div.bar-pagenavi svg {
width:13px;
height:13px;
fill:rgba(0,0,0,0.45);
}
div.bar-pagenavi:hover {
color:rgba(0,0,0,0.65);
background-color:rgba(255,255,255,0.7);
}
div.bar-pagenavi:hover svg {
fill:rgba(0,0,0,0.65);
}
.t-dark div.bar-pagenavi {
color:rgba(255,255,255,0.5);
background-color:rgba(0,0,0,0.6);
}
.t-dark div.bar-pagenavi svg {
fill:rgba(255,255,255,0.5);
}
.t-dark div.bar-pagenavi:hover {
color:rgba(255,255,255,0.7);
background-color:rgba(0,0,0,0.8);
}
.t-dark div.bar-pagenavi:hover svg {
fill:rgba(255,255,255,0.7);
}

p.pagenavi {
text-align:center;
padding:5px 0;
color:#888;
}
p.pagenavi em,p.pagenavi span.num {
margin:0 5px;
}
span.num {
cursor:pointer;
color:#0F74DB;
}
p.pagenavi span.num:hover {
color:#0F74DB;
text-decoration:underline;
}
p.pagenavi em {
color:#000;
}
p.pagenavi span.items {
margin:0 3px;
font-size:10px;
}
p.pagenavi span.sep {
margin:0 3px;
}
.t-dark p.pagenavi span.num {
color:#6CF;
}
.t-dark p.pagenavi span.num:hover {
color:#6CF;
}
.t-dark p.pagenavi em {
color:#FFF;
}
img.mediaowner {
width:16px;
height:16px;
margin-right:2px;
vertical-align:middle;
}
p.mediaaddinfo {
margin:5px 0;
}
@keyframes pagenaviflash {
0% {background-color:rgba(255,255,255,0.5);}
40% {background-color:rgba(255,255,180,0.5);}
100% {background-color:rgba(255,255,255,0.5);}
}
.a---pagenaviflash {
animation:pagenaviflash 1s ease 0s 1 forwards;
}
@keyframes pagenaviflash-dark {
0% {background-color:rgba(0,0,0,0.6);}
40% {background-color:rgba(80,80,0,0.6);}
100% {background-color:rgba(0,0,0,0.6);}
}
.t-dark .a---pagenaviflash {
animation:pagenaviflash-dark 1s ease 0s 1 forwards;
}
@keyframes menuitemflash {
0% {background-color:rgba(255,204,204,0);}
20% {background-color:rgba(255,204,204,1);}
100% {background-color:rgba(255,204,204,0);}
}
.a---menuitemflash {
animation:menuitemflash 1s ease 0s 1 forwards;
}

span.inlinetweet-hidetweet-popupbtn {
width:12px;
height:12px;
padding:1px;
display:inline-block;
vertical-align:middle;
}
span.inlinetweet-hidetweet-popupbtn i {
width:12px;
height:12px;
vertical-align:top;
}
span.inlinetweet-hidetweet-popupbtn svg {
width:12px;
height:12px;
fill:#999;
}
span.inlinetweet-hidetweet-popupbtn:hover svg {
fill:#288BF0;
}

div.threaded_tweet {
position:relative;
}
div.threaded_tweet::after {
content:"";
display:block;
position:absolute;
top:12px;
left:0;
width:4px;
height:100%;
z-index:1;
background-color:#BADAFA;
}
.t-dark div.threaded_tweet::after {
background-color:#0F74DB;
}
/* 21 : {4:13,3:16,1:20,5:25,2:29} */
div.threaded_tweet-n::after {
left:calc(var(--mp-left) + var(--p) / 2 - 2px);
}
div.threaded_tweet-s::after {
left:calc(var(--mps-left) + var(--ps) / 2 - 2px);
}
div.threaded_tweet-xs::after {
left:calc(var(--mpxs-left) + var(--pxs) / 2 - 2px);
}
div.threaded_tweet-xxs::after {
left:calc(var(--mpxxs-left) + var(--pxxs) / 2 - 2px);
}
div.threaded_tweet-xxxs::after {
left:calc(var(--mpxxxs-left) + var(--pxxxs) / 2 - 2px);
}
div.threaded_tweet-scol::after {
width:2px;
left:calc(var(--mpxxs-left) - 3px + var(--pxxs) / 2 - 1px);
}
div.threaded_tweet-rep::after {
top:10px;
margin-left:5px;
padding-top:2px;
}
div.threaded_tweet-rep-scol::after {
top:10px;
/* tsのborder分（padding 1pxは入らない）*/
margin-left:3px;
padding-top:2px;
}

span.trend-word {
margin:0 5px;
display:inline-block;
}

div.mediatile_tweet {
color:#000;
height:40px;
padding:5px;
cursor:pointer;
}
div.mediatile_tweet:hover {
text-decoration:underline;
}
div.mediatile_tweet div.uicon {
width:var(--pxxxxs);
height:calc(var(--pxxxxs-rt) + var(--pxxxxs-rt-top));
float:left;
position:relative;
margin-right:5px;
}
div.mediatile_tweet div.uicon img.tip {
width:var(--pxxxxs);
height:var(--pxxxxs);
position:absolute;
top:0;
left:0;
z-index:1;
}
div.mediatile_tweet div.uicon img.p-rt {
width:var(--pxxxxs-rt);
height:var(--pxxxxs-rt);
position:absolute;
top:var(--pxxxxs-rt-top);
left:var(--pxxxxs-rt-left);
z-index:2;
}
div.mediatile_tweet i.date {
float:right;
color:#888;
margin-left:5px;
line-height:40px;
white-space:nowrap;
}
div.mediatile_tweet div.cont {
height:40px;
line-height:20px;
overflow:hidden;
}
div.mediatile_tweet_dm {
cursor:unset;
}
div.mediatile_tweet_dm:hover {
text-decoration:unset;
}
#mediatile_closebtn {
display:inline-block;
background-color:rgba(0,0,0,0.7);
padding:5px 10px;
height:18px;
line-height:18px;
border-radius:14px;
cursor:pointer;
color:#DDD;
}
#mediatile_closebtn i {
background-color:rgba(0,0,0,0.7);
border-radius:50%;
width:10px;
height:10px;
display:inline-block;
vertical-align:middle;
margin-right:3px;
padding:4px;
}
#mediatile_closebtn svg {
vertical-align:top;
width:10px;
height:10px;
fill:#DDD;
}
#mediatile_closebtn:hover {
background-color:rgba(0,0,0,0.8);
color:#FFF;
}
#mediatile_closebtn:hover i {
background-color:#C33;
}
#mediatile_closebtn:hover i svg {
background-color:#C33;
fill:#FFF;
}

a.ads_composer_info {
border-radius:3px;
display:inline-block;
border:solid 1px #CC6;
background-color:#FFFFF4;
color:rgba(0,0,0,0.8) !important;
font-size:10px;
line-height:14px;
padding:2px 3px;
}
a.ads_composer_info::before {
background-color:#DD7;
color:#FFF;
border-radius:50%;
display:inline-block;
width:12px;
height:12px;
line-height:12px;
content:"i";
font-size:10px;
text-align:center;
margin-right:2px;
vertical-align:middle;
font-family:monospace;
}
a.ads_composer_info:link {
color:rgba(0,0,0,0.8) !important;
}
a.ads_composer_info:visited {
color:rgba(0,0,0,0.8) !important;
}
a.ads_composer_info:hover {
border-color:#DD7;
background-color:#FFFFF2;
color:rgba(0,0,0,1) !important;
}
.t-dark a.ads_composer_info {
border-color:#993;
background-color:#660;
}
.t-dark a.ads_composer_info::before {
background-color:#AA5;
}
.t-dark a.ads_composer_info:link {
color:rgba(255,255,255,0.8) !important;
}
.t-dark a.ads_composer_info:visited {
color:rgba(255,255,255,0.8) !important;
}
.t-dark a.ads_composer_info:hover {
border-color:#AA4;
background-color:#771;
color:rgba(255,255,255,1) !important;
}
img.ngicon {
filter:contrast(0%) brightness(130%);
transition:filter 0.2s;
}
img.ngicon:hover {
filter:unset;
}
span.other_owner_mark {
font-size:0.9em;
color:#D27;
}
span.tabname_addedsn {
font-size:0.9em;
opacity:0.8;
}
i.editbtn {
width:10px;
height:10px;
margin:0 2px;
cursor:pointer;
display:inline-block;
padding:1px;
float:right;
}
i.editbtn svg {
width:10px;
height:10px;
fill:#888;
}
i.editbtn:hover {
fill:#288BF0;
}
#hiddentabs_expander {
height:11px;
cursor:pointer;
background-color:#FFF;
position:fixed;
z-index:801;
top:0;
left:0;
backface-visibility:hidden;
text-align:center;
}
#hiddentabs_expander:hover {
background-color:#F4F4F4;
}
#hiddentabs_expander i {
vertical-align:top;
width:7px;
height:7px;
padding:2px;
display:inline-block;
}
#hiddentabs_expander svg {
vertical-align:top;
width:7px;
height:7px;
fill:#999;
}
#hiddentabs_expander:hover svg {
fill:#000;
}
#hiddentabs_expander i.reverse svg {
transform:scale(1,-1);
}
#hiddentabs_expander i.focused svg {
fill:#288BF0;
}

.lightboxOuter_imgbox {
box-shadow:none !important;
border-radius:0 !important;
border:0 !important;
}
.lightboxCont_imgbox {
padding:0 !important;
}
.lightboxCont_imgbox #dragbar {
border-radius:0 !important;
}

#imageboxbg {
z-index:1999;
background-color:rgba(0,0,0,0.4);
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}

div.quickrep {
padding:8px 0 0 0;
}
div.quickrep textarea {
padding:4px;
font-size:13px;
width:100%;
height:50px;
display:block;
line-height:1.2;
box-sizing:border-box;
}
div.quickrep textarea::-webkit-scrollbar {
display:none;
}

div.quickrep div.quickrep_opts {
width:110px;
float:right;
}
div.quickrep div.quickrep_head {
height:17px;
line-height:17px;
}
div.quickrep div.quickrep_body_outer {
float:left;
width:calc(100% - 115px);
position:relative;
}
div.quickrep span.quickrep_type {
display:inline-block;
padding:1px 10px 0 10px;
height:16px;
line-height:16px;
cursor:pointer;
color:#666;
min-width:80px;
text-align:center;
}
div.quickrep span.quickrep_type:hover {
color:#333;
background-color:rgba(0,0,0,0.08);
}
div.quickrep span.formclearbtn {
margin-left:0;
}
div.quickrep span.formclearbtn_outer {
display:block;
margin-top:6px;
}
textarea.quickrep_reply:focus {
border-color:#1D9BF0 !important;
}
textarea.quickrep_commentedrt:focus {
border-color:#00BA7C !important;
}
div.quickrep .tweetform_rightbottom_opts {
right:3px;
}
.t-dark div.quickrep .charremainbg {
background-color:#333;
color:rgba(255,255,255,0.65);
}
.t-dark div.quickrep .charremainbg-over {
background-color:#D33;
color:#FFF;
}

.t-dark div.quickrep span.quickrep_type {
color:#999;
}
.t-dark div.quickrep span.quickrep_type:hover {
color:#CCC;
background-color:rgba(255,255,255,0.15);
}
.t-dark div.quickrep span.formclearbtn {
background-color:#555;
}
.t-dark div.quickrep span.formclearbtn:hover {
background-color:#D33;
}
div.quickrep button {
width:72px;
height:28px;
font-size:14px;
}
div.quickrep button:disabled img {
opacity:0.8;
filter:grayscale(100%);
}
div.quickrep button img {
width:18px;
height:18px;
margin-right:4px;
vertical-align:middle;
}
div.quickrep button span {
vertical-align:middle;
letter-spacing:3px;
}
.t-dark div.quickrep span.tooltip-g {
background-color:#666;
color:#DDD;
}
.t-dark div.quickrep span.tooltip-g:hover {
background-color:#888;
color:#FFF;
}
div.quickrep span.quickrep-closebtn {
width:10px;
height:10px;
padding:5px;
cursor:default;
display:inline-block;
margin-left:5px;
vertical-align:middle;
}
div.quickrep span.quickrep-closebtn svg {
width:10px;
height:10px;
vertical-align:top;
fill:#666;
}
div.quickrep span.quickrep-closebtn:hover {background-color:#D33;}
div.quickrep span.quickrep-closebtn:hover svg {fill:#FFF;}
div.quickrep span.quickrep-closebtn:active {background-color:#A11;}

@media screen and (max-width:500px) {
div.quickrep div.quickrep_opts {
width:auto;
float:unset;
}
div.quickrep div.quickrep_body_outer {
float:unset;
width:100%;
position:relative;
}
div.quickrep span.formclearbtn_outer {
display:inline;
margin-top:0;
margin-left:4px;
}
div.quickrep button {
margin:3px 0;
}
}




#mediatile_exp_tweet {
}
#mediatile_exp_tweet em.name {
color:#4AF;
}
#mediatile_exp_tweet div.user {
float:left;
width:var(--pxxxs);
height:calc(var(--pxxxs-rt) + var(--pxxxs-rt-top));
position:relative;
margin-right:5px;
}
#mediatile_exp_tweet div.user img.tip {
width:var(--pxxxs);
height:var(--pxxxs);
position:absolute;
top:0;
left:0;
z-index:1;
}
#mediatile_exp_tweet div.user img.p-rt {
width:var(--pxxxs-rt);
height:var(--pxxxs-rt);
position:absolute;
top:var(--pxxxs-rt-top);
left:var(--pxxxs-rt-left);
z-index:2;
}
#mediatile_exp_tweet div.user img.ui24 {
position:absolute;
top:0;
left:0;
z-index:2;
}
#mediatile_exp_tweet div.user img.ui16 {
position:absolute;
top:unset;
left:unset;
bottom:0;
right:0;
z-index:2;
}
#mediatile_exp_tweet span.date {
color:#999;
}
#mediatile_exp_tweet p.rtuser {
color:#999;
font-size:11px;
margin:1px 0 0 0;
}
#tweetalertbox {
position:fixed;
left:0;
right:0;
margin:auto;
bottom:5px;
width:70vw;
max-width:600px;
box-shadow:0 0 8px rgba(0,0,0,0.3);
border-radius:5px;
text-align:left;
border:1px solid #999;
background-color:rgba(0,0,0,0.8);
z-index:1000;
padding:5px;
color:rgba(255,255,255,0.9);
line-height:1.3;
}
#tweetaler_history {
padding:5px;
line-height:1.3;
}
#tweetalertbox p.ta_tweet,#tweetalert_history p.ta_tweet {
cursor:pointer;
}
#tweetalertbox p.ta_tweet:hover,#tweetalert_history p.ta_tweet:hover {
text-decoration:underline;
}
#tweetalertbox span.susa {
color:#4AF;
}
#tweetalertbox span.susa:hover {
color:#4AF;
}




div.pagenavi_scol {
padding:5px 0;
text-align:center;
}
div.pagenavi_scol span.navibtn {
width:20px;
height:20px;
line-height:20px;
display:inline-block;
border-radius:50%;
margin-right:8px;
cursor:pointer;
text-align:center;
}
div.pagenavi_scol span.navibtn::after {
content:"";
width:4px;
height:4px;
display:inline-block;
border-left:2px solid #666;
border-top:2px solid #666;
transform:rotate(-45deg);
margin-left:2px;
margin-bottom:1px;
}
div.pagenavi_scol span.navibtn:hover {
background-color:#EEE;
}
div.pagenavi_scol span.navibtn:hover::after {
border-color:#333;
}
div.pagenavi_scol span.navibtn_next {
margin-left:8px;
margin-right:0;
}
div.pagenavi_scol span.navibtn_next::after {
border-left:0;
border-right:2px solid #666;
border-top:2px solid #666;
transform:rotate(45deg);
margin-left:0;
margin-right:2px;
}
div.pagenavi_scol span.navibtn_disabled {
border-color:#BBB !important;
cursor:default !important;
}
div.pagenavi_scol span.navibtn_disabled:hover {
background-color:transparent !important;
}
div.pagenavi_scol span.navibtn_disabled::after {
border-color:#BBB !important;
}

div.gmaptweet {
width:300px;
color:#000;
}
div.gmaptweet a:link {color:#0C61B8;}
div.gmaptweet a:visited {color:#0C61B8;}
div.gmaptweet a:hover {color:#0C61B8;}
div.gmaptweet a:visited:hover {color:#0C61B8;}
div.gmaptweet .weak {color:#666;}

div.gmaptweet span.susa {
color:#0C61B8;
cursor:pointer;
}
div.gmaptweet span.susa:hover {
text-decoration:underline;
}

div.moviebox {
position:relative;
display:inline-block;
}
div.moviebox span.moviebox-ctrl-cover {
position:absolute;
display:inline-block;
width:30%;
height:30%;
max-width:60px;
max-height:60px;
min-width:30px;
min-height:30px;
z-index:2;
right:0;
bottom:0;
}
div.moviebox span.moviebox-ctrl {
position:absolute;
display:inline-block;
width:9px;
height:9px;
cursor:pointer;
right:1px;
bottom:0;
padding:6px;
z-index:3;
text-align:center;
}
div.moviebox span.moviebox-ctrl::before {
background-color:rgba(255,255,255,0.7);
display:inline-block;
width:9px;
height:9px;
content:"";
vertical-align:top;
}
div.moviebox span.moviebox-ctrl:hover::before {
background-color:rgba(255,255,255,1);
}
div.moviebox span.moviebox-ctrl-play {
background-color:rgba(0,0,0,0.3);
}
div.moviebox span.moviebox-ctrl-play:hover {
background-color:#1D9BF0;
}
div.moviebox span.moviebox-ctrl-stop:hover {
background-color:#E11;
}
div.moviebox span.moviebox-ctrl-play::before {
clip-path:polygon(15% 0,15% 100%,90% 50%);
}
div.moviebox span.moviebox-ctrl-stop::before {
background-color:rgba(255,255,255,0.4);
}
div.moviebox div.moviebox-movie {
display:inline-block;
background-color:#EEE;
margin-right:1px;
vertical-align:top;
}
div.moviebox div.moviebox-movie span {
display:inline-block;
}
div.moviebox div.moviebox-thumb {
display:inline-block;
vertical-align:top;
}
div.moviebox span.movie_duration {
right:24px;
}
div.moviebox span.moviebox-open {
position:absolute;
display:inline-block;
width:15px;
height:15px;
cursor:pointer;
right:1px;
top:0;
z-index:2;
text-align:center;
padding:3px;
}
div.moviebox span.moviebox-open i {
width:15px;
height:15px;
vertical-align:top;
}
div.moviebox span.moviebox-open svg {
width:15px;
height:15px;
vertical-align:top;
fill:rgba(255,255,255,0.6);
}
div.moviebox span.moviebox-open:hover {
background-color:#1D9BF0;
}
div.moviebox span.moviebox-open:hover svg {
fill:rgba(255,255,255,1);
}
div.tpbb span.moviebox-ctrl {
bottom:1px;
}
#scoltl span.moviebox-ctrl {
width:8px;
height:8px;
padding:5px;
}
#scoltl span.moviebox-ctrl::before {
width:8px;
height:8px;
}
#scoltl div.moviebox span.movie_duration {
right:21px;
}
div.tpbb div.moviebox-movie {
margin-bottom:1px;
}
div.moviebox:hover span.moviebox-open svg {
fill:rgba(255,255,255,0.8);
}
div.moviebox:hover span.moviebox-ctrl-stop::before {
background-color:rgba(255,255,255,0.8);
}
.youtube span.movieplay {
background-color:#F00 !important;
border-radius:15% !important;
}
.youtube span.moviebox-ctrl-play:hover {
background-color:#F00 !important;
}
i.tweetmenu_retweet {
width:16px !important;
height:16px !important;
}
i.tweetmenu_retweet svg {
width:16px !important;
height:16px !important;
}
i.tweetmenu_quotetweet {
width:12px !important;
height:12p !important;
padding:2px;
}
i.tweetmenu_quotetweet svg {
width:12px !important;
height:12px !important;
}

i.downloadbtn svg {
fill:#333;
}
i.downloadbtn:hover svg {
fill:#000;
}
.t-dark i.downloadbtn svg {
fill:#CCC;
}
.t-dark i.downloadbtn:hover svg {
fill:#FFF;
}
#payexpiredimg {
}
#payexpiredimg i {
width:11px;
height:11px;
}
#payexpiredimg i svg {
width:11px;
height:11px;
fill:#D33;
}
i.xaccess {
width:11px;
height:11px;
vertical-align:1px;
margin-left:3px;
}
i.xaccess svg {
width:11px;
height:11px;
fill:#D27;
}

i.mobile_fixed_menu {
width:16px;
height:16px;
padding:8px;
box-shadow:0 1px 2px rgba(0,0,0,0.2);
border-radius:50%;
background-color:#FFF;
position:fixed;
bottom:10px;
cursor:pointer;
z-index:1;
right:15px;
}
#scol_mobile_close_btn {
z-index:10;
}
#scol_mobile_open_btn svg {
transform:scale(-1,1);
}
i.mobile_fixed_menu svg {
width:16px;
height:16px;
fill:#333;
}

.mobile_topmenu_btn {
position:fixed;
top:5px;
cursor:pointer;
z-index:4;
left:0;
display:inline-block;
border-radius:12px;
background-color:#288BF0;
box-shadow:0 1px 2px rgba(0,0,0,0.2);
color:#FFF;
cursor:pointer;
height:26px;
line-height:26px;
width:160px;
text-align:center;
transition:transform 0.15s ease;
}
.mobile_topmenu_btn i {
width:14px;
height:14px;
vertical-align:middle;
margin-right:2px;
}
.mobile_topmenu_btn i svg {
width:14px;
height:14px;
fill:#FFF;
}
#opentabs_mobile_btn {
width:40px;
right:10px;
left:unset;
}
#opentabs_mobile_btn i {
margin-right:0;
}
#closetabs_mobile_btn {
width:40px;
right:10px;
left:unset;
}
#closetabs_mobile_btn i {
margin-right:0;
}


.menu_close_btn {
position:absolute;
right:0;
top:0;
width:10px;
height:10px;
padding:3px;
background-color:#CCC;
cursor:pointer;
}
.menu_close_btn_float {
position:unset;
right:unset;
top:unset;
float:right;
}
.menu_close_btn:hover {
background-color:#D33;
}
.menu_close_btn svg {
width:10px;
height:10px;
fill:#FFF;
}

.resp_textbox_mkbox {
box-sizing:border-box;
width:calc(100% - 60px);
max-width:300px;
}

/*
#addpostuserbtnimg,img.tab-uimg,img.ui24,img.ui16,img.sb-p,img.sb-p-rt,#statusresponse img.p,#followexpbox,#starttab_history img.p,
div.cmenu div.useritem img.postuser_p,#selaccount img.p,#myprofile img.ffp,#myprofile img.ffpf,
#loginaccountp,#usercontact img.p,div.suggest img.p,div.cmenu div.user img.p,
img.p_img,div.miniprof_icon img,div.tu img.p,img.tip,#form_dmto_img,.tuicon,div.mediatile_wrap img.postuser {border-radius:50%;}
*/


img.p_img,img.tip,.tuicon {
border-radius:50%;
}


#highlight_setting {
display:flex;
flex-wrap:wrap;
align-content:flex-start;
align-items:stretch;
justify-content:space-between;
width:100%;
margin-top:10px;
}
#highlight_setting > div {
width:49%;
box-sizing:border-box;
margin-bottom:10px;
}
@media screen and (max-width:500px) {
#highlight_setting > div {
width:100%;
}
}

div.form_paragraph {
margin:0.3em 0 0.3em 1.5em;
}
/*
#user_tweet_searchbox {
margin-bottom:10px;
text-align:center;
}
#user_tweet_searchbox input[type="text"] {
width:calc(100% - 100px);
max-width:200px;
height:20px;
border-top-left-radius:12px;
border-bottom-left-radius:12px;
border-right:0;
padding:1px 1px 1px 5px;
background-color:rgba(255,255,255,0.6);
transition:background-color 0.2s;
}
#user_tweet_searchbox input[type="text"]:hover {
background-color:rgba(255,255,255,0.7);
}
#user_tweet_searchbox input[type="text"]:focus {
background-color:rgba(255,255,255,1);
}
#user_tweet_searchbox input[type="submit"] {
height:24px;
margin:0;
border-radius:unset;
border-top-right-radius:12px;
border-bottom-right-radius:12px;
padding:0 8px 0 4px;
}

.t-dark #user_tweet_searchbox input[type="text"] {
background-color:rgba(0,0,0,0.6);
}
.t-dark #user_tweet_searchbox input[type="text"]:hover {
background-color:rgba(0,0,0,0.7);
}
.t-dark #user_tweet_searchbox input[type="text"]:focus {
background-color:rgba(0,0,0,1);
}
*/
#usertweetsearch {
float:right;
padding:2px;
width:16px;
height:16px;
cursor:pointer;
}
#usertweetsearch svg {
width:16px;
height:16px;
fill:rgba(0,0,0,0.7);
}
#usertweetsearch:hover svg {
fill:rgba(0,0,0,1);
}
.t-dark #usertweetsearch svg {
fill:rgba(255,255,255,0.7);
}
.t-dark #usertweetsearch:hover svg {
fill:rgba(255,255,255,1);
}