#nchat_bar { z-index:1; position:fixed; left:0; bottom:0; box-sizing:border-box; width:100%; border-top:1px solid #e0e0e0; background-color:rgba(255,255,255,0.7); text-align:center; white-space:nowrap; font-size:10pt; }
#nchat_bar2 { position:relative; box-sizing:border-box; width:100%; overflow-y:visible; overflow-x:auto; padding:10px 0; white-space:nowrap; }

#nchat_bar .xcloseallbt { position:absolute; right:0px; top:0px; display:inline-block; padding:6px; text-align:center; font-size:28px; line-height:28px; color:#777; user-select:none; }
#nchat_bar .xcloseallbt:hover { color:#444; }

#nchat_btfill { background-color:#ddd; }

#nchat_bar .xboxbar { position:relative; display:inline-block; box-sizing:border-box; padding:0 5px 0 0; vertical-align:bottom; text-align:left; }

#nchat_bar .xheadbar { position:relative; display:inline-block; box-sizing:border-box; vertical-align:bottom; text-align:left; }
#nchat_bar .xheadicon { position:relative; display:inline-block; box-sizing:border-box; width:50px; height:50px; margin:0 0 0 10px; border-radius:50%; border:2px solid #eee; background-color:#555; background-size:cover; background-position:center center; vertical-align:bottom; cursor:pointer; }
#nchat_bar .xheadicon.xonline { border-color:#080; }
#nchat_bar .xheadicon.xdispute { background-color:#c00; }
#nchat_bar .xheadtitle { display:inline-block; box-sizing:border-box; width:100%; height:100%; overflow:hidden; padding:calc(66% - 8px) 3px 0 5px; text-align:center; white-space:nowrap; font-size:14px; line-height:16px; font-weight:bold; text-shadow:1px 1px 1px #000; color:#eee; }
#nchat_bar .xheadbadge { position:absolute; top:-2px; right:-4px; display:inline-block; box-sizing:border-box; width:20px; height:20px; border-radius:50%; background-color:#d00; text-align:center; font-size:10pt; font-weight:bold; color:#fff; }
#nchat_bar .xheadbadge:empty { display:none; }
@keyframes nchat_headicon_newmsg {
	0% { opacity:1; }
	40% { opacity:1; }
	50% { opacity:0; }
	60% { opacity:0; }
	70% { opacity:1; }
	100% { opacity:1; }
}
#nchat_bar .xsettingbt { display:inline-block; width:50px; height:50px; margin:0 0 0 10px; vertical-align:bottom; cursor:pointer; filter:grayscale(1); opacity:0.77; }
#nchat_bar .xsettingbt:hover { filter:none; opacity:1; }

#nchat_mybeanbt { position:fixed; right:30px; bottom:10px; box-sizing:border-box; max-width:calc(100% - 40px); padding:5px 7px; border-radius:5px; border:1px solid #97ddac; background-color:#c3fbd4; font-size:12pt; color:#440; }
#nchat_mybeanbt:hover { border-color:#24ae5f; }
#nchat_mybeanbt img { vertical-align:middle; }
#nchat_mybeanbt b { display:inline-block; vertical-align:middle; font-size:18pt; font-weight:normal; }
#nchat_mybeanbt i { color:#d119a6; }
#nchat_mybeanbt .xwdbt { display:inline-block; margin:0 0 0 5px; padding:5px 7px; border-radius:5px; background-color:#d119a6; vertical-align:middle; color:#fff; }

.nchat_settingbox { z-index:1; position:fixed; left:0; bottom:10px; box-sizing:border-box; width:70vw; max-width:250px; max-height:70vh; overflow-x:hidden; overflow-y:auto; border-radius:5px; box-shadow:0 0 8px #aaa; border:1px solid #ddd; background-color:#eee; text-align:center; font-size:14pt; color:#666; user-select:none; }
.nchat_settingbox .xtitle { padding:10px 0 5px 10px; text-align:left; }
.nchat_settingbox .xbt { display:block; box-sizing:border-box; width:100%; padding:8px 5px; border-bottom:1px solid #ddd; color:#333; cursor:pointer; }
.nchat_settingbox .xbt:first-child { border-radius:5px 5px 0 0; }
.nchat_settingbox .xbt:last-child { border-radius:0 0 5px 5px; border-bottom:none; }
.nchat_settingbox .xbt:hover { background-color:#f7f7f7; color:#000; }
.nchat_settingbox .xbt.xclosebt { padding:6px 10px; text-align:right; font-size:26px; line-height:26px; color:#888; }
.nchat_settingbox .xbt.xclosebt:hover { color:#333; }
.nchat_settingbox .xbt img { vertical-align:middle; }

.nchat_box { display:none; box-sizing:border-box; width:30vw; max-width:300px; min-width:220px; margin:0 0 0 10px; border-radius:5px; box-shadow:0 0 8px #aaa; border:1px solid #ddd; background-color:#eee; background-position:center center; background-repeat:no-repeat; background-size:cover; vertical-align:bottom; text-align:left; white-space:normal; user-select:none; }
.nchat_box .xbody { position:relative; }

.nchat_box .xmenubg { position:absolute; left:0px; top:0px; width:100%; height:100%; background-color:rgba(240,240,240,0.35); }

.nchat_box .xmenu { box-sizing:border-box; max-height:90%; overflow-x:hidden; overflow-y:auto; border-radius:5px; box-shadow:0 0 10px #888; border:1px solid #ddd; background-color:#eee; text-align:center; font-size:14pt; color:#666; user-select:none; }
.nchat_box .xmenu .xbt { display:block; box-sizing:border-box; width:100%; padding:8px 5px; border-bottom:1px solid #ddd; color:#333; cursor:pointer; }
.nchat_box .xmenu .xbt:first-child { border-radius:5px 5px 0 0; }
.nchat_box .xmenu .xbt:last-child { border-radius:0 0 5px 5px; border-bottom:none; }
.nchat_box .xmenu .xbt:hover { background-color:#f7f7f7; color:#000; }
.nchat_box .xmenu .xbt.xclosebt { padding:6px 10px; text-align:right; font-size:26px; line-height:26px; color:#888; }
.nchat_box .xmenu .xbt.xclosebt:hover { color:#333; }
.nchat_box .xmenu .xbt2 { display:inline-block; box-sizing:border-box; width:50%; padding:8px 5px; border-top:1px solid #ddd; color:#333; cursor:pointer; }
.nchat_box .xmenu .xbt2:hover { background-color:#f7f7f7; color:#000; }
.nchat_box .xmenu .xbt2:last-child { border-left:1px solid #e4e4e4; }

.nchat_box .xtop { white-space:nowrap; border-bottom:1px solid #ddd; }
.nchat_box .xrmenubt { display:inline-block; box-sizing:border-box; width:35px; padding:8px 0; vertical-align:middle; text-align:center; font-size:20px; line-height:20px; color:#777; cursor:pointer; user-select:none; }
.nchat_box .xrmenubt:hover { color:#d119a6; }
.nchat_box .xrmenu { position:absolute; right:30px; top:0; width:70%; max-width:240px; }
.nchat_box .xtop .xtitle { display:inline-block; box-sizing:border-box; width:calc(100% - 75px); height:40px; overflow:hidden; padding:1px 5px; vertical-align:middle; font-size:10pt; color:#d119a6; }
.nchat_box .xtop .xtitle span { display:inline-block; padding:0 0 0 3px; vertical-align:middle; white-space:normal; }
.nchat_box .xtop .xtitle .xfav { font-size:24px; line-height:20px; color:#d119a6; }
.nchat_box .xtop .xtitle .xblock { font-size:24px; line-height:20px; color:#d00; }
.nchat_box .xtop .xtitle .xicon { box-sizing:border-box; width:36px; height:36px; border-radius:50%; border:2px solid #eee; vertical-align:middle; }
.nchat_box .xtop .xtitle .xicon.xonline { border-color:#080; }
.nchat_box .xtop .xtitle .xbox { width:calc(100% - 40px); max-height:38px; overflow:hidden; margin:0 2px 0 0; }
.nchat_box .xtop .xtitle .xname { white-space:nowrap; font-size:12pt; font-weight:bold; }
.nchat_box .xtop .xtitle .xunote { box-sizing:border-box; width:100%; white-space:nowrap; color:#888; }
.nchat_box .xmsgsbox { height:calc(90vh - 120px); max-height:300px; min-height:60px; overflow-x:hidden; overflow-y:auto; border-top:1px solid #e7e7e7; padding:5px 0; }
.nchat_box .xmorebt { display:block; margin:2px; padding:8px; background-color:#e7e7e7; text-align:center; font-size:12pt; color:#555; cursor:pointer; }
.nchat_box .xmorebt:hover { background-color:#ddd; color:#333; }
.nchat_box .xibar { position:relative; box-sizing:border-box; width:100%; height:40px; padding:0 0 0 10px; border-radius:0 0 5px 5px; border-top:1px solid #dbdbdb; background-color:#e0e0e0; }
.nchat_box .xibar input[type=text] { box-sizing:border-box; width:calc(100% - 156px); height:40px; border:none; background-color:transparent; vertical-align:top; font-size:14pt; color:#000; }
.nchat_box .xibar input[type=text]:focus { outline:none; }
.nchat_box .ximenubt { display:inline-block; box-sizing:border-box; width:38px; height:40px; padding:6px 0; vertical-align:top; text-align:center; font-size:28px; line-height:28px; color:#777; cursor:pointer; opacity:0.6; }
.nchat_box .ximenubt:hover { color:#d119a6; opacity:0.8; }
.nchat_box .ximenubt img { width:32px; height:32px; }
.nchat_box .xsendbt { font-size:14pt; opacity:1; }
.nchat_box .xitemsbt { opacity:1; }
.nchat_box .xitemsbt:hover { filter:none; opacity:1; }

.nchat_box .xdispute .xtitle { display:inline-block; color:#c00; }
.nchat_box .xdispute .xtitle .xicon { display:inline-block; background-color:#c00; }

.nchat_box .ximenu { position:absolute; right:4px; bottom:4px; width:180px; }
.nchat_box .ximenu.xwide { width:85%; max-width:320px; }
.nchat_box .ximenu .ximgsent { box-sizing:border-box; width:calc(100% - 8px); height:100px; overflow-x:auto; overflow-y:hidden; padding:4px; border-bottom:1px solid #ddd; white-space:nowrap; vertical-align:top; }
.nchat_box .ximenu .ximgsent .ximg { box-sizing:border-box; height:100%; margin:0 4px 0 0; border:1px solid #888; cursor:pointer; }

.nchat_box .xitemsbox { position:absolute; right:4px; bottom:4px; width:calc(100% - 8px); max-height:none; }
.nchat_box .xitemsbox2 { height:calc(70vh - 50px); max-height:280px; overflow-x:hidden; overflow-y:auto; padding:10px 0; font-size:11pt; }
.nchat_box .xitemsbox2 .xstatusbox { padding:0 0 5px 0; }
.nchat_box .xitemsbox2 .xitem { display:inline-block; box-sizing:border-box; width:33%; padding:10px 5px; border-radius:5px; border:1px solid #eee; }
.nchat_box .xitemsbox2 .xitem:hover { background-color:#f7f7f7; }
.nchat_box .xitemsbox2 .xitem.active { border-color:#d119a6; background-color:#f7f7f7; }
.nchat_box .xitemsbox2 .xitem span.ximg { display:block; height:48px; background-position:bottom center; background-repeat:no-repeat; background-size:contain; }
.nchat_box .xitemsbox2 .xitem img.ximg { max-width:80%; max-height:48px; }
.nchat_box .xitemsbox2 .xitem .xname { display:inline-block; width:100%; color:#000; }
.nchat_box .xitemsbox2 .xitem .xcoin { display:inline-block; width:100%; font-size:10pt; color:#555; }
.nchat_box .xitemsbox2 .xmycoin { text-align:right; }
.nchat_box .xitemsbox2 .xmycoin:empty { display:none; }
.nchat_box .xitemsbox2 .xmycoin .xbuycoinbt { display:inline-block; padding:3px 5px; border-radius:5px; vertical-align:middle; color:#d119a6; cursor:pointer; }
.nchat_box .xitemsbox2 .xmycoin .xbuycoinbt:hover { background-color:#fff; }
.nchat_box .xitemsbox2 .xrednote { padding:2px 0 5px 0; font-size:10pt; color:#000; }
.nchat_box .xitemsbox2 .xrednote a { text-decoration:underline; color:#d119a6; }

.nchat_buycoin_bg { z-index:2; position:fixed; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
.nchat_buycoin_box { z-index:3; position:fixed; left:50%; top:20vh; box-sizing:border-box; width:500px; max-height:75vh; margin-left:-250px; padding:15px 0; overflow-x:hidden; overflow-y:auto; border-radius:10px; background-color:#eee; text-align:center; font-size:14pt; user-select:none; }
.nchat_buycoin_box .xtitle { padding:10px 0; color:#555; }
.nchat_buycoin_box .xbt { display:block; min-height:40px; margin:10px 0 0 0; padding:5px 20px; text-align:left; cursor:pointer; }
.nchat_buycoin_box .xbt:hover { background-color:#f7f7f7; }
.nchat_buycoin_box .xc { display:inline-block; padding:7px 0 0 0; vertical-align:middle; }
.nchat_buycoin_box .xc img { width:24px; height:24px; vertical-align:bottom; }
.nchat_buycoin_box .xb { float:right; display:block; padding:8px 12px; border-radius:5px; border-width:1px; border-style:solid; border-color:#f4f4f4 #ccc #ccc #f4f4f4; background-color:#ddd; line-height:20px; }
.nchat_buycoin_box .xpayby { padding:20px 0 10px 0; font-size:12pt; color:#555; }

.nchat_buycoin_qr { min-height:300px; padding:5px; }
.nchat_buycoin_qr .xqrimg { margin:5px 0; }
.nchat_buycoin_qr .xqrimg img { box-sizing:border-box; width:100%; max-width:360px; margin:0 auto; padding:10px; background-color:#fff; }
.nchat_buycoin_qr .xqrinfo { font-size:12pt; }
.nchat_buycoin_paypalbt { display:block; box-sizing:border-box; margin:15px auto 0 auto; padding:8px 12px; box-shadow:1px 1px 7px #bbb; border:none; border-radius:20px; background-color:#fff; line-height:24px; font-size:14pt; color:#000; cursor:pointer; }
.nchat_buycoin_paypalbt:hover { box-shadow:1px 1px 12px #888; color:#000; }

.nchat_box .xemobox { position:absolute; right:4px; bottom:4px; width:calc(100% - 8px); max-height:none; }
.nchat_box .xemobox .xscrollbox { height:calc(70vh - 50px); max-height:280px; overflow-x:hidden; overflow-y:auto; }
.nchat_box .xemobox .xemoji span { display:inline-block; box-sizing:border-box; width:42px; height:42px; font-size:32px; line-height:42px; cursor:pointer; }
.nchat_box .xemobox .xemoji span:hover { background-color:#ddd; }
.nchat_box .xemobox .xemogif { padding:4px 0 0 0; background-color:#fff; }
.nchat_box .xemobox .xemogif img { width:50px; height:50px; cursor:pointer; }
.nchat_box .xemobox .xtabbox { margin:2px 2px 0 2px; border-top:2px solid #aaa; text-align:left; white-space:nowrap; }
.nchat_box .xemobox .xtabbt { display:inline-block; box-sizing:border-box; max-width:35%; margin-left:5px; padding:3px 10px; border-radius:0 0 5px 5px; border-width:0 1px 1px 1px; border-color:#ddd; border-style:solid; vertical-align:top; font-size:12pt; line-height:26px; color:#777; }
.nchat_box .xemobox .xtabbt:hover { background-color:#ddd; color:#555; }
.nchat_box .xemobox .xtabbt.active { border-color:#999; background-color:#999; color:#fff; }
.nchat_box .xemobox .xclosebt { float:right; display:block; box-sizing:border-box; width:50px; text-align:center; }

.nchat_box .xdialog { position:absolute; left:9%; top:20%; width:82%; }
.nchat_box .xdialog .xdmsg { padding:10px 5px 16px 5px; border-bottom:1px solid #ddd; font-size:14pt; color:#444; }
.nchat_box .xdialog .xdmsg i { font-size:11pt; font-style:normal; color:#666; }

.nchat_box .xunotebox { position:absolute; left:5%; top:calc(50% - 90px); width:90%; padding:10px 8px 15px 8px; border-bottom:1px solid #ddd; color:#444; }
.nchat_box .xunotebox .xtitle { font-size:14pt; width:100%; }
.nchat_box .xunotebox .xtitle i { font-size:10pt; font-style:normal; color:#666; }
.nchat_box .xunotebox input[type=text] { box-sizing:border-box; width:100%; height:40px; margin:10px 0 0 0; font-size:14pt; }
.nchat_box .xunotebox input[type=button] { margin:10px 0 0 10px; font-size:14pt; }

.nchat_box .xmsg { min-height:36px; padding:4px; }
.nchat_box .xmsg .xicon { float:left; width:28px; height:28px; margin:0 5px 0 0; border-radius:20px; }
.nchat_box .xmsg .xtextbox { display:inline-block; box-sizing:border-box; width:auto; max-width:calc(100% - 45px); border-radius:14px; padding:6px 10px; background-color:#fff; vertical-align:top; word-break:break-all; font-size:12pt; line-height:16px; color:#444; user-select:text; }
.nchat_box .xmsg .xemoji { font-size:40px; line-height:48px; }
.nchat_box .xmsg .xemogif { width:50px; height:50px; }
.nchat_box .xmsg .ximgbox { box-sizing:border-box; max-width:140px; max-height:120px; min-width:80px; min-height:42px; border-radius:10px; border:2px solid #ddd; }
.nchat_box .xmsg .xunsend { padding-left:4px; padding-right:4px; background-color:#eee; font-style:italic; color:#999; }
.nchat_box .xmsg .xitemlabel i { font-size:10pt; font-style:normal; color:#888; }
.nchat_box .xmsg.xown { text-align:right; }
.nchat_box .xmsg.xown .xicon { float:right; margin:0 0 0 5px; }
.nchat_box .xmsg.xown .xtextbox { text-align:left; }
.nchat_box .xsystext { padding:4px; text-align:center; font-size:10pt; color:#999; }
.nchat_box .xwarnmsg { padding:5px 0; text-align:center; color:#d44; }
.nchat_box .xwarnmsg a { color:#955; text-decoration:none; }
.nchat_box .xwarnmsg a:hover { text-decoration:underline; }

.nchat_imgv_box { z-index:4; position:fixed; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.6); }
.nchat_imgv_box2 { position:relative; width:100%; height:100%; }
.nchat_imgv_box3 { box-sizing:border-box; width:100%; height:100%; overflow-x:hidden; overflow-y:auto; padding:20px; }
.nchat_imgv_box .ximg { box-sizing:border-box; width:100%; max-width:150vh; margin:0 auto 20px auto; border-radius:5px; box-shadow:0 0 8px #000; }
.nchat_imgv_box .xclosebt { position:absolute; top:0; right:0; display:block; box-sizing:border-box; width:60px; height:60px; text-align:center; font-size:60px; line-height:60px; color:#fff; text-shadow:1px 1px 1px #000; opacity:0.7; cursor:pointer; }
.nchat_imgv_box .xclosebt:hover { opacity:1; }

.nchat_profile_bg { z-index:2; position:fixed; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
.nchat_profile_box { z-index:3; position:fixed; left:0px; top:0px; width:100%; height:100%; overflow-x:hidden; overflow-y:auto; font-size:14pt; user-select:none; }
.nchat_profile_box2 { position:relative; box-sizing:border-box; width:98%; max-width:540px; margin:20px auto; padding:20px 15px; border-radius:15px; background-color:#eee; text-align:center; }
.nchat_profile_box .xclosebt { position:absolute; top:0; right:0; display:inline-block; padding:10px 15px; font-size:40px; line-height:40px; color:#aaa; cursor:pointer; }
.nchat_profile_box .xclosebt:hover { color:#666; }
.nchat_profile_box .xlink { display:block; width:100%; overflow:hidden; padding:5px 0 0 0; white-space:nowrap; font-size:12pt; }
.nchat_profile_box .xicon { width:140px; border-radius:50%; vertical-align:top; cursor:pointer; }
.nchat_profile_box .xside { display:inline-block; box-sizing:border-box; width:calc(100% - 140px); padding:0 0 0 5px; vertical-align:top; text-align:left; }
.nchat_profile_box .xname { display:block; box-sizing:border-box; padding:0 0 0 5px; font-size:28pt; color:#d119a6; }
.nchat_profile_box .xnamelabel { display:block; box-sizing:border-box; padding-left:5px; color:#777; }
.nchat_profile_box .xinfo { display:block; box-sizing:border-box; width:100%; padding:0 0 5px 5px; font-size:11pt; color:#333; }
.nchat_profile_box .xitems { display:block; padding:5px 0 0 0; }
.nchat_profile_box .xitems img { height:24px; max-width:160px; }
.nchat_profile_box .xunote { color:#333; }
.nchat_profile_box .xunote .xeditbt { vertical-align:bottom; opacity:0.7; cursor:pointer; }
.nchat_profile_box .xunote .xeditbt:hover { opacity:0.9; }
.nchat_profile_box .xphotos { margin:10px 0 0 0; text-align:left; }
.nchat_profile_box .xphotos .ximgbox { position:relative; display:inline-block; box-sizing:border-box; width:33%; padding:10px 5px 0 5px; }
.nchat_profile_box .xphotos .ximgbox .ximg { display:block; width:100%; height:0; padding:100% 0 0 0; border-radius:5px; background-position:center center; background-size:cover; background-repeat:no-repeat; }
.nchat_profile_box .xphotos .ximgbox .xdelbt { position:absolute; right:0; top:5px; display:block; box-sizing:border-box; width:40px; height:40px; text-align:center; line-height:40px; font-size:40px; color:#333; text-shadow:1px 0 1px #ddd; cursor:pointer; }
.nchat_profile_box .xphotos .ximgbox .xdelbt:hover { color:#d00; }
.nchat_profile_box .xphotos .xaddbt { opacity:0.4; cursor:pointer; }
.nchat_profile_box .xphotos .xaddbt:hover { opacity:0.5; }
.nchat_profile_box .xphotos .xaddbt .ximg { background-color:#999; background-size:60% auto; }

.nchat_error_box { box-sizing:border-box; width:96%; max-width:640px; margin:0 auto 5px auto; padding:15px; border-radius:10px; border:1px solid #d88; background-color:#edd; text-align:right; white-space:normal; }
.nchat_error_box .bt { margin:5px 10px 0 0; }
.nchat_error_msgbox { padding:0 0 5px 0; text-align:left; font-size:12pt; color:#e00; }
.nchat_error_msgbox b { font-size:16pt; font-weight:normal; }

.nchat_item_ani_bg { z-index:2; opacity:0.7; position:fixed; left:0; top:0; width:100%; height:100%; }
.nchat_item_ani_img { z-index:2; position:fixed; left:0; top:0; width:100%; height:100%; background-size:contain; background-position:center center; background-repeat:no-repeat; }
.nchat_item_ani_from { display:none; z-index:2; position:fixed; left:50%; top:50%; width:320px; margin:-180px 0 0 -160px; text-align:center;; }
.nchat_item_ani_from img { box-sizing:border-box; width:100%; border-radius:50%; border:2px solid #fff; }
.nchat_item_ani_from .xname { display:inline-block; width:100%; white-space:nowrap; font-size:24pt; color:#d119a6; text-shadow:2px 2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, -2px -2px 0 #fff; }
@keyframes nchat_item_anibg1 {
	0% { opacity:0; }
	40% { opacity:0.8; }
	80% { opacity:0.8; }
	100% { opacity:0; }
}
@keyframes nchat_item_ani1 {
	0% { opacity:0; transform:scale(0); }
	25% { opacity:1; }
	50% { transform:scale(0.8); }
	60% { opacity:1; transform:scale(0.8); }
	100% { opacity:0; transform:scale(1.5); }
}

@media (max-width:900px) {
	.nchat_box { width:40vw; }
}
@media (max-width:600px) {
	#nchat_bar { text-align:right; }
	#nchat_bar.xnoroom { left:auto; right:0; width:65px; border-top:none; border-radius:5px 0 0 0; }
	#nchat_bar .xheadbar { width:60px; height:calc(90vh - 80px);; max-height:340px; min-height:100px; overflow-x:hidden; overflow-y:auto; margin:0 0 50px 0; white-space:normal; }
	#nchat_bar.xnoroom .xheadbar { height:auto; max-height:50vh; }
	#nchat_bar .xheadicon { margin:5px 0 0 4px; }
	#nchat_bar .xsettingbt { position:fixed; right:5px; bottom:5px; }
	.nchat_box { width:calc(100vw - 70px); margin-left:5px; }
}
@media (max-width:500px) {
	.nchat_imgv_box3 { padding-left:10px; padding-right:10px; }
	.nchat_profile_box .xphotos .ximgbox { width:50%; }
}
@media (max-width:400px) {
	.nchat_profile_box .xicon { width:35%; }
	.nchat_profile_box .xside { width:65%; padding-top:0; }
}

@media (max-height:340px) {
	#nchat_bar2 { padding-top:4px; padding-bottom:2px; }
	.nchat_box .xdialog { top:10%; max-height:80%; }
}

@media (max-width:550px), (max-height:400px) {
	.nchat_buycoin_box { left:20px; top:20px; width:calc(100% - 40px); max-height:calc(100% - 20px); margin:0; }
}