/*By Size control*/
/*@media screen and (max-width: 73.999em){ */
	.myui-div-feedimage{}
	.myui-div-uploadimg{ background-repeat:no-repeat; background-position:50% 35%; background-size:cover; width:16em; height:12em; background-color:white; border:1px solid lightgray; transform:translate3d(0,0,0); cursor:pointer; margin:auto; }
	.myui-div-stick{ background-repeat:no-repeat; background-position:50% 35%; background-size:cover; width:15em; height:12em; background-color:white; border:1px solid lightgray; transform:translate3d(0,0,0); cursor:pointer; margin:auto; }
	.myu-div-youtube{ float: initial; width:16em; position:relative; background-repeat:no-repeat; background-position:50%; background-size:cover; transform:translate3d(0,0,0); margin:6px auto; cursor:pointer; }
	.pop-video{ width:18em; height:13.5em; }
	.myui-write-btn{ position: absolute; right:0; z-index:999; bottom:3.75em; }
	.dragend-channel{ height: calc( 100% - 2.75em ); }
	.dragend-chat{ height: calc( 100% - 5.25em ); }
	#feed-pop-dia-popup { width: 90%; left: 5%; }
/*}

@media screen and (min-width: 74em){ 
	.myui-div-feedimage{}
	.myui-div-uploadimg{ background-repeat:no-repeat; background-position:50% 35%; background-size:cover; width:20em; height:15em; background-color:white; border:1px solid lightgray; transform:translate3d(0,0,0); cursor:pointer; margin:auto; }
	.myui-div-stick{ background-repeat:no-repeat; background-position:50% 35%; background-size:cover; width:15em; height:12em; background-color:white; border:1px solid lightgray; transform:translate3d(0,0,0); cursor:pointer; margin:auto; }
	.myu-div-youtube{ float: initial; width:20em; position:relative; background-repeat:no-repeat; background-position:50%; background-size:cover; transform:translate3d(0,0,0); cursor:pointer; }
	.pop-video{ width:600px; height:480px; }
	.myui-write-btn{ position: absolute; right:calc(50% - 17em); z-index:999; bottom:3.75em; }
	.dragend-channel{ height: 100%; bottom:0; }
	.dragend-chat{ height: calc( 100% - 5.25em ); bottom:2.75em; }
	#feed-pop-dia-popup { width: 34em; left: calc( 50% - 17em); }
}*/

/*Smilies*/
.myui-sm-list { width: 100%; height: 12em; margin:auto; max-width:24em; }
.myui-sm-list li{ width:12.5%; height:3em; float:left; display:inline-block; background-repeat:no-repeat; background-position:50%; background-size: 2.75em; }

/*Feed*/
.myui-feedlist{ background-color:white; text-align:left; word-wrap:break-word; margin: 0 0 18px 0; overflow:hidden; line-height: 1.25em;}
#channel-loader .myui-feedlist{margin: 0 auto 18px auto !important; max-width:40em;}
#search-feed-loader .myui-feedlist{margin: 0 auto 18px auto !important; max-width:40em;}

.myui-feedlist-new{float: right;margin: 0 0 0 6px;color: white;background: red;border:1px solid red;padding: 1px 1em;border-radius: 4px;line-height:1.2em;display:none; }
.myui-list-paddingtext-bigword .myui-feedlist-new{ margin-top: -0.5em!important;/*fix display issue*/}

.myui-feedlist-new2{float: right;margin: 0 0 0 6px;color: #328BD2;background: white;padding: 2px 1em;border-radius: 4px; border:1px solid; line-height:1.2em;display:none;  }
.myui-list-paddingtext-bigword .myui-feedlist-new2{ margin-top: -0.5em!important;/*fix display issue*/}

.myui-feedlist-go{ text-align: center; width:3em; float:right; color:#328BD2; border: 1px solid #328BD2; border-radius: 6px; font-size: 0.9em; font-weight: bold; padding: 2px; margin: 6px; }
.myui-feedlist-visit{ text-align: center; width:3.5em; float:right; color:#FF583D; border: 1px solid #FF583D; border-radius: 6px; font-size: 0.9em; padding: 2px 0px 2px 0px; margin: 6px; }
.myui-feedlist-timing { text-align: right; margin: 6px 0;float:right;}
.myui-feedlist-smalllogo { width: 1em;height: 1em;display: inline-block;border-radius: 0.25em;vertical-align: middle;background-size: cover;}
#feed-popup-loader{ display:inline-block; max-height:21em; overflow-x:hidden; overflow-y:scroll; text-align: left; width:100%; }
.myui-feedlist-poptxt{ display: inline-block; overflow: hidden; white-space: nowrap; line-height: 2.5em; padding-left:5px; text-overflow :ellipsis; height:2.5em; max-width:100%; }
.myui-feedlist-popnav { margin:2px; padding: 0; list-style: none; float:left; cursor:pointer; width:95%; line-height: 2.5em; width:100%; }
.myui-feedlist-popnav li { height: 2.5em; float: left; text-align: left; line-height: 2.5em; padding: 0 2px; display: inline-block; max-width:calc(100% - 4em); }
.myui-feedlist-titlelite{background-color:white;opacity: 0.8;position: absolute;bottom: 0px;width: 100%;padding: 6px;font-size: 1.05em;}
/*My*/
.myui-my-new{ text-align: center; width:3em; float:right; background-color:red; color:white; right: 0em; border-radius: 6px; font-size: 0.95em; font-weight: bold; padding: 2px;  margin: 6px; border: 1px solid red; }
.myui-my-time{ text-align: right; float:right; right: 0em; padding-right: 7px; width: 5em; }
.myui-my-ed{ text-align: center; width:3em; float:right; background-color:#FF583D; color:white; border-radius: 6px; font-size: 0.95em; font-weight: bold; padding: 2px;  margin: 6px; border: 1px solid FF583D; }
.myui-my-feedimage{ width: 4em; height: 4em; display: inline-block; margin: 6px 6px 0 0; position: static;}

/*Chat*/
.chat-smalltxt{ font-size:0.75em; color:gray; font-weight:normal; float:right; padding-top: 0.25em; padding-left:6px; }
.myjs-tap{ cursor:pointer; }
#stpost-div{ background-color:white; display:none; text-align:center; z-index:1001; opacity:0.95; overflow-y: scroll; overflow-x: hidden; position: fixed; width: 100%; max-height: 75%; min-height: 50%; margin: 0px; top:2.5em; border-bottom:1px lightgray solid; -webkit-overflow-scrolling: touch; }
#stnotice-div{ position:fixed; top:85%; display:none; text-align:center; z-index:1001; color:white; width:100%; font-weight:bold;}
#chat-st-bg{ z-index:1000; background-color:black; opacity:0.4; display:none; }
#chat-js-bg{ z-index:2; display:none; }
#chat-loader{ padding:6px; }
#sendlist-tab{ padding-bottom:2em; }
#at-div-master{ display:none; cursor:pointer; }
#noticestatus-forum-div{ display:none; }
#chat-footer{ display:inline-block; position: relative; width:100%; border-top:1px solid lightgray; }
#sub-chat-emoji{ display:none; }
#msg-ipt{ max-height:12em !important; padding:6px !important; }
#msg-ipt-div{border: 1px lightgray solid;height: calc(2.5em - 3px);padding: 3px;display: block;width: 100%;}
.myui-chat-footer{ z-index:999; }
.myui-chat-header{ border-bottom:1px solid lightgray; }
.myui-chat-header h2 { margin:1px; font-size:1em; padding: 0.1em 0 0 0; text-overflow :ellipsis; overflow: hidden; white-space: nowrap; text-align: center; width: 80%; position: absolute; left: 10%; color:black; }
.myui-chat-header h5 { margin:1px; font-size:0.8em; font-weight:normal; padding: 0px; text-align: center; width: 80%; position: absolute; left: 10%; top:1.75em; color:black; }
#chat-bg, #chat-bg-2{ background-color:#f9f9f9;}
/*Channel*/
.myjs-channelbg{ background-repeat:no-repeat; background-position:50%; background-size:cover; }
#topic-msg-ipt{ min-height:15em; }
#channel-box-div{ background-color:white; height:3em}
#channel-bg-div{ height:6em; background-position:50%; background-size: cover; background-repeat:no-repeat; }
#channel-intro-div{ text-align:center; margin-bottom:0.5em; padding: 6px; }
#channel-name-div{ text-align:center; font-weight:bold; padding: 6px; }
#channel-logo-div{ display:block; position:relative; margin:auto; top:3.5em; }
#follow-btn{ display:none; }
#disfollow-btn{ display:none; }
#follow-loading-btn{ display:none; }
#channel-setting-btn{ display:none; }
#channel-follownos-div{ text-align:center; padding: 5px; font-weight:bold; }
#channel-follownos-div:after{ content: " 關注"; font-weight:normal; }
#main-channel-emoji{display:none;}/*To allow toggle() to display emoji immediately after click*/
/*Nav*/
#channel-nav { margin: 0; padding: 0; width: 100%; display:inline-block; }
#channel-nav li.active{ }
#channel-nav li.spacer { width: 1% !important; color:lightgray; }
#channel-nav li { width: 49.5%; height: 2em; float: left; text-align: center; border-top:lightgray 1px solid; line-height: 2em; }

#feed-nav { margin: 0; padding: 0; width: 100%; position: fixed; top: 2.5em; background-color: white; cursor: pointer; height: 2em; }
#feed-nav li.active { border-bottom:#FF583D 2px solid !important; color: #FF583D !important; font-weight:bold; }
#feed-nav li.spacer { width: 1% !important;  color:lightgray; }
#feed-nav li { width: 49.5%; height: 2em; float: left; text-align: center; line-height: 2em; }

#chat-nav { display:none; }
#chat-nav { margin: 0; padding: 6px; width: 100%; }
#chat-nav li { width: 50%; height: 2.5em; float: left; text-align: center; line-height: 2.5em; }


#chat-pop-nav { margin: 0; padding: 0; width: 10em; display:inline-block; font-weight: bold; text-align: center; }
#chat-pop-nav li { display:inline-block; line-height: 3.5em; width: 100%; float:left; padding-left: 3.5em; background-position:0% 50%; background-size: 3em; background-repeat:no-repeat; }

#searchlist-noresult-div{display:none;}
/*Footer*/
.myicon-feed.active { background-image:url(../img/icon/feed-active.png) !important; }
.myicon-feed{ background-image:url(../img/icon/feed.png); }
.myicon-my.active { background-image:url(../img/icon/my-active.png) !important; }
.myicon-my{ background-image:url(../img/icon/my.png); }
.myicon-search.active { background-image:url(../img/icon/search-active.png) !important; }
.myicon-search{ background-image:url(../img/icon/search.png); }

.myui-reg-logo{display:none;color:white;}
.myui-reg-logo b{font-size:2em;}
.myui-reg-logo img{height:1.5em;}
.myui-reg-logo.fb.zh-hk{display:inline-block;}
.myui-reg-logo.wechat.zh-cn{display:inline-block;}
.myui-reg-3rdpartybox{width: calc( 100% - 6px);margin:0;color:white;line-height:2em;cursor:pointer;display:none;}
.myui-reg-3rdpartybox.fb.zh-hk{display:inline-block;}
.myui-reg-3rdpartybox.wechat.zh-cn{display:inline-block;}