@charset "Big5";
body,div,form{
margin:0;
padding:0;
}
body{
font:normal 12px/1.5 "verdana","新細明體","細明體","儷黑 Pro","蘋果儷中黑","標楷體","Arial";
text-align:center;
color:#333;
}
img{
border:0;
vertical-align:top;
}
a{
text-decoration:none;
}
a:link,a:visited{
color:#333;
}
a:hover{
text-decoration:underline;
}
#subhead .ad a:hover{
text-decoration:none;
color:#ff6600;
}
#subhead .ad a{
color:#00f;
}
.sp{
margin:0 5px;
}
.clear{
clear:both;
font-size:0;
line-height:0;
height:0;
}
#page{
width:998px;
margin:0 auto;
padding:0;
text-align:left;
}
#wrapper{
width:980px;
margin:0 9px;
}
#masthead{
width:940px;
height:28px;
padding:12px 20px 0;
font-size:11px;
background:url("http://n2.hk/d/images/r09/top_box_bg.png") 0 0 no-repeat;
}
#masthead,#masthead a{
color:#4d4d4d;
}
#masthead label,#masthead .text{
vertical-align:top;
}
#masthead label strong{
position:relative;
top:2px;
}
#masthead .text{
width:106px;
height:14px;
padding:1px;
margin:0 6px 0 2px;
font-size:12px;
line-height:12px;
border:1px solid #fff;
}
#login,#loginhelp,#hottopic{
float:left;
}
#search{
float:right;
}
#loginhelp,#hottopic{
display:inline;
margin-left:15px;
}
#hottopic a{
margin:0 5px;
}
#login img{
vertical-align:middle;
}
#head{
border-top:3px solid #f90; display:inline-block;
}
/* Grace
#siteid{
float:left; width:240px; margin-top:10px;
}
*/
#superbanner{
	width:100%;
	display:inline-block;
	margin-bottom:10px;
	margin-top:10px;
}
#superbanner .ad{
	width:100%;
	margin:0 auto;
	text-align:center;
}
#subhead{
clear:both;
height:25px;
margin:4px 0;
overflow:hidden;
}
#subhead .ad{
float:left;
width:570px;
height:25px;
text-align:center;
font-size:16px;
font-weight:bold;
padding-left:100px;
}
#today {font-size:11px; display:inline-block; float:left; height:25px; font-family:Tahoma,Verdana; padding-top:3px;}
#today .time, #today .weather, #today .temperature, #today .humidity {margin-left:5px;}
#today .weather {position:relative; top:-3px;}
/*
#today{
float:right;
width:300px;
height:25px;
padding-top:5px;
text-align:right;
font-size:11px;
font-family:Tahoma,Verdana;
}
#today .weather{
position:relative;
top:-5px;
}
#today .time,#today .weather,#today .temperature,#today .humidity{
margin-left:5px;
}
*/
#main{
clear:both;
}
#story{
float:left;
width:680px;
height:351px;
}
#guide{
position:relative;
height:351px;
}
#indexer,#indexer2{
position:absolute;
top:0;
height:248px;
background:url("http://n2.hk/d/images/r09/indexer_bg2.jpg") 0 0 repeat-x;
/*background:url("rev_images/indexer_bg2.jpg") 0 0 repeat-x;*/
border:1px solid #808080;
}
#indexer{
left:0;
width:204px;
z-index:50;
border-width:1px 0 1px 1px;
margin-left:38px;
}
#indexer2{
left:219px;
width:180px;
z-index:51;
border-width:1px 1px 1px 0;
}
#indexer h2{
font-size:12px;
margin:0 0 12px;
}
#indexer .control{
position:absolute;
top:-1px;
right:0px;
width:24px;
height:250px;
cursor:hand; /* IE */
cursor:pointer; /* Mozilla */
}
#indexer .content{
padding:15px 12px 0;
border:none;
}
#indexer2 .content{
padding:42px 0 0;
border:none;
}
#indexer ul,#indexer2 ul{
float:left;
margin:0;
padding:0 15px 0 0;
list-style:none;
}
#indexer li,#indexer2 li{
padding:3px 0;
}
#indexer li a,#indexer2 li a{
font-weight:bold;
padding-left:18px;
background:url("http://n2.hk/d/images/r09/bubble_off.gif") 0 5px no-repeat;
display:block;
width:52px;
height:19px;
overflow:hidden;
}
#indexer li a:hover,#indexer2 li a:hover{
text-decoration:none;
color:#ff6600;
background-image:url("http://n2.hk/d/images/r09/bubble_on.gif");
}

/* main-nav */
#discuss-main-nav{ position:relative; width:38px; height:250px; z-index:52; }
#tradebtn { width:38px; height:49px; overflow:hidden; }
#carbtn { margin-top:1px;width:38px; height:49px; overflow:hidden; }
#pricebtn { margin-top:1px;width:38px; height:49px; overflow:hidden; }
#adherebtn { margin-top:1px;width:38px; height:49px; overflow:hidden; }
#jetsobtn { margin-top:1px;width:38px; height:49px; overflow:hidden; }

#tabs{
position:absolute;
top:0;
left:252px;
width:420px;
height:351px;
z-index:25;
}
#tab{
height:31px;
width:419px;
border-left:1px solid #808080;
border-bottom:1px solid #808080;
}
#tabs ul{
margin:0;
padding:0;
list-style:none;
}
#tab li{
background-image: url("http://n2.hk/d/images/r13/tab_off.gif");
background-repeat: repeat-x;
background-position:top left;
background-color:none;
line-height:30px;
width: 73px;
border-right:1px solid #808080;
border-top:1px solid #808080;
border-bottom:1px solid #808080;	
float:left;
display:block;	
height:30px;
text-align:center;
cursor:hand; /* IE */
cursor:pointer; /* Mozilla */
}
#tab li.on{
background-image:url("http://n2.hk/d/images/r13/tab_on.gif");
background-repeat: repeat-x;
background-position:top left;
background-color:#fff;
border-bottom:none;
height:31px;
}
#tab li.tabad{
width:132px;
}
/*
#tab li.tabnoad{
width:203px;
height:29px;
background:none;
border:1px solid #808080;
border-width:0 0 1px 1px;
cursor:default;
}
*/
#tab li span{
display:block;
font-weight:bold;
}
#tabs #tab .ad span{ padding:0; }
#tabs #tab .adtext{ background-image:none; }
#tabs .content{
clear:both;
width:420px;
height:318px;
border:none;
}
#tabs .content .box{
width:418px;
height:318px;
border:1px solid #808080;
border-top:0;
background-color:#FFF;
}
#tabs .content .boxoff{
display:none;
}
#tabs .content .box ul{
/*padding:18px 14px 0;*/
padding:0;
}

#tabs .content .all_hot{
color:#F54E12; padding:8px 14px 0; text-align:right;
}
#tabs .content .all_hot a{
color:#F54E12;
}
#tabs .content .topic8{
margin:3px 14px 0;
}
#tabs .content .topic6{
font-size:15px; height:270px; overflow:hidden; padding:14px 14px 0; width:390px;
}
#tabs .content .topic6 li{
width:370px;
}
#tabs .content .wtopic{
width:418px;
height:46px;
margin:5px 0 0;
overflow:hidden;
}
#tabs .content .wtopic div{
float:left;
}
#tabs .content .wtopic .line{
width:418px;
height:3px;
background:url("http://n2.hk/d/images/iweibo_forumhome_line.png") 0 2px repeat-x;
overflow:hidden;
margin-bottom:5px;
}
#tabs .content .wtopic .title{
padding:3px 0 0 8px;
width:80px;
}
#tabs .content .wtopic .topic{
width:125px;
height:18px;
background:url("http://n2.hk/d/images/iweibo_topic_icon.png") 9px 6px no-repeat;
padding-left:20px;
margin-right:3px;
overflow:hidden;
white-space:nowrap;
}
#tabs .content .wtopic .topic a{
margin-right:12px;
}
.wtopic_more{ width:29px;height:47px; position:absolute; right:1px; margin-top:4px; }
.wtopic_more a{ background:#ccc;display:block; width:20px;float:right;text-align:center;padding:3px 0;margin-top:6px; line-height:1.2em; color:#666; border-radius:2px 0 0 2px; }
.wtopic_more a:hover{ text-decoration:none; background:#ddd; color:#888; }

#tabs .content li{
background:#FFFFFF; border-top:1px solid #d7d7d7; overflow:hidden; padding:4px 12px; text-overflow:ellipsis; white-space:nowrap; width:366px;
}
#tabs .content li.firstli{
background-color: #FFFFFF;
border-top:0;
}
#tabs .content li.alt{
/*background-color:#e5e5e5;*/
background-color:#EEEEEE;
}

#tabs .content li.all_li{
background:none;
border-top:0;
padding: 0px 0px;
width:390px;
}

#sections{
clear:both;
margin:8px 0 0;
width:100%;
display:inline-block;
}

#sections .section_row{
	display:block;
	height:302px;
	margin-bottom:8px;
	overflow:hidden;
	white-space:nowrap;
}

#sections .gid_group{
	float:left;
	background-color:#FFF;
	border:1px solid #afafaf;
	display:inline-block;
	height:300px;
	overflow:hidden;
	width:auto;
}

#sections .gid_group{
	*display:inline; /* for IE6 */
}

#sections .gid_group_title{
	height:38px;
	line-height:38px;
	padding:3px;
}

#sections .gid_group .gid_group_title span{
	background-repeat:no-repeat;
	background-position:8px center;
	background-size:25px 25px;
	padding-left:37px;
	font-size:20px;
	font-weight:bold;
	font-family:"微軟正黑體","Microsoft JhengHei","蘋果儷中黑","Apple LiGothic Medium","黑体","SimHei";
}

#sections .gid_group_title span{
	display:inline-block;
	height:38px;
	line-height:38px;
}

#sections .section{
	float:left;
	border:none;
	margin:3px;
	width:155px;
	overflow:hidden;
	height:250px;
}

#sections .section .content{
	height:120px;
	font-size:13px;
	overflow:hidden;
	padding:0;
}

#sections .section .content ul{
	margin:0 0 0 20px;
}

#sections .section .content li{
	padding:0;
	line-height:24px;
}

#sections .section .content li a img{
	vertical-align:middle;
}

#sections .section .gid_more{
	width:11px;
	margin-left:15px;
	background-image:none;
	background-repeat:no-repeat;
	background-position:right center;
	padding:1px 11px;
	text-decoration:none;
	border:1px solid transparent;
	display:inline-block;
	margin-top:10px;
	background-color:#f3f3f3;
	border-radius:3px;
	color:#666 !important;
	overflow:hidden;
	}

#sections .section .gid_more:hover{
	color:#333 !important;
}

 #sections .section .gid_more:hover{ width:42px; }
#sections .section .gid_more .gid_more_text{ margin-left:10px; width:0px; display:none;}
#sections .section .gid_more:hover .gid_more_text{ color:#333; display:inline-block; }
#sections .section .gid_more:active {background-color: #DBDBDB;}


#sections #gid_group_news .gid_group_title span{ background-image:url(http://n2.hk/d/images/r13/d_news.png); }
#sections #gid_group_ladies .gid_group_title span{ background-image:url(http://n2.hk/d/images/r13/d_ladies.png); }
#sections #gid_group_sports .gid_group_title span{ background-image:url(http://n2.hk/d/images/r13/d_sports.png); }
#sections #gid_group_entertainment .gid_group_title span{ background-image:url(http://n2.hk/d/images/r13/d_entertainment.png); }
#sections #gid_group_digital .gid_group_title span{ background-image:url(http://n2.hk/d/images/r13/d_digital.png); }
#sections #gid_group_spirit .gid_group_title span{ background-image:url(http://n2.hk/d/images/r13/d_spirit.png); }
#sections #gid_group_leisure .gid_group_title span{ background-image:url(http://n2.hk/d/images/r13/d_leisure.png); }
#sections #gid_group_life .gid_group_title span{ background-image:url(http://n2.hk/d/images/r13/d_life.png); }
#sections #gid_group_culture .gid_group_title span{ background-image:url(http://n2.hk/d/images/r13/d_culture.png); }
#sections #gid_group_others .gid_group_title span{ background-image:url(http://n2.hk/d/images/r13/d_others.png); }

#sections #gid_group_news .gid_list_style{ list-style-image:url(http://n2.hk/d/images/r13/gid_dots_news.png); }
#sections #gid_group_ladies .gid_list_style{ list-style-image:url(http://n2.hk/d/images/r13/gid_dots_ladies.png); }
#sections #gid_group_sports .gid_list_style{ list-style-image:url(http://n2.hk/d/images/r13/gid_dots_sports.png); }
#sections #gid_group_entertainment .gid_list_style{ list-style-image:url(http://n2.hk/d/images/r13/gid_dots_entertainment.png); }
#sections #gid_group_digital .gid_list_style{ list-style-image:url(http://n2.hk/d/images/r13/gid_dots_digital.png); }
#sections #gid_group_spirit .gid_list_style{ list-style-image:url(http://n2.hk/d/images/r13/gid_dots_spirit.png); }
#sections #gid_group_leisure .gid_list_style{ list-style-image:url(http://n2.hk/d/images/r13/gid_dots_leisure.png); }
#sections #gid_group_life .gid_list_style{ list-style-image:url(http://n2.hk/d/images/r13/gid_dots_life.png); }
#sections #gid_group_culture .gid_list_style{ list-style-image:url(http://n2.hk/d/images/r13/gid_dots_culture.png); }
#sections #gid_group_others .gid_list_style{ list-style-image:url(http://n2.hk/d/images/r13/gid_dots_others.png); }

#gid_group_leisure .section, #gid_group_life .section, #gid_group_entertainment .section, #gid_group_sports .section{ width:132px; }

.gid_title{
	display:block;
	font-family:"微軟正黑體","Microsoft JhengHei","蘋果儷中黑","Apple LiGothic Medium","黑体","SimHei";
	font-size:16px;
	font-weight:bold;
	padding-top:6px;
	padding-left:5px;
	text-decoration:none;
	color:#000 !important;
}

.gid_title:hover{
	text-decoration:none;
	color:#222 !important;
}

.spaces{
	display:inline-block;
	height:302px;
	background:#ccc;
	overflow:hidden;
}

.spaces{
	float:left;
	*display:inline; /* for IE6 */
	*height:304px;
}

.space240{ width:240px; }
.space162{ width:162px; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
	#sections .gid_group_title span{ background-size:25px 25px; }
	#sections #gid_group_news .gid_group_title span{ background-image:url(http://n2.hk/d/images/r13/d_news_2x.png); }
	#sections #gid_group_ladies .gid_group_title span{ background-image:url(http://n2.hk/d/images/r13/d_ladies_2x.png); }
	#sections #gid_group_sports .gid_group_title span{ background-image:url(http://n2.hk/d/images/r13/d_sports_2x.png); }
	#sections #gid_group_entertainment .gid_group_title span{ background-image:url(http://n2.hk/d/images/r13/d_entertainment_2x.png); }
	#sections #gid_group_digital .gid_group_title span{ background-image:url(http://n2.hk/d/images/r13/d_digital_2x.png); }
	#sections #gid_group_spirit .gid_group_title span{ background-image:url(http://n2.hk/d/images/r13/d_spirit_2x.png); }
	#sections #gid_group_leisure .gid_group_title span{ background-image:url(http://n2.hk/d/images/r13/d_leisure_2x.png); }
	#sections #gid_group_life .gid_group_title span{ background-image:url(http://n2.hk/d/images/r13/d_life_2x.png); }
	#sections #gid_group_culture .gid_group_title span{ background-image:url(http://n2.hk/d/images/r13/d_culture_2x.png); }
	#sections #gid_group_others .gid_group_title span{ background-image:url(http://n2.hk/d/images/r13/d_others_2x.png); }
}
/*
.featured .featured_topic{
    height:140px;
    padding:20px 0;
}
.featured .featured_topic a.featured_thumbnail{
    height:140px;
    max-width:200px;
}
.featured .featured_topic a.featured_thumbnail img{
    height:136px;
}
*/











#sections .col{
float:left;
width:162px;
margin:0 0 0 8px;
display:inline;
}
#sections .firstcol{
margin-left:0;
}

#sections .section h3{
font-size:12px;
margin:0;
}
#sections .section ul{
margin:0;
padding:0;
list-style:none;
}
#sections .section li{
/*line-height:24px;*/
padding-bottom:10px;
}
#sections .section li li{
padding:6px 0 0 12px;
background:url("http://n2.hk/d/images/r09/dot.gif") 4px 14px no-repeat;
}



#sections .section .toggle img{
padding:3px 0 0 3px;
}
#sections .section .jumper{
text-align:right;
}
#sidebar{
float:right;
width:300px;
}
#featuread{
float:right;
width:300px;
}
#sidebar .section{
width:298px;
border:1px solid #b3b3b3;
margin-bottom:8px;
}
#sidebar .section h3{
font-size:12px;
margin:0;
}
#sidebar .section .content{
padding:10px 15px 10px 10px;
border: none;
}
#sidebar .section .items .pname{
color:#002e96;
}
#sidebar .section .items .pdescription{
color:#666;
}
#sidebar .section .items .price{
color:#ff6600;
}
#sidebar .section .items{
width:270px;
border:0;
margin:auto;
padding:10px 0;
}
#sidebar .section .items td{
margin:auto;
vertical-align:top;
padding:4px 8px 4px;
line-height:15px;
}
#sidebar .section .items .firstrow td{
background-image:none;
}
#sidebar .section .items .it_thumbnail{
width:62px;
padding-left:5px;
padding-right:2px;
}
#sidebar .section .items .it_thumbnail a{
display:block;
width:60px;
height:60px;
border:1px solid #ddd;
}
#products,#category{
position:relative;
width:298px;
height:60px;
background:url("http://n2.hk/d/images/r09/price_categories_bg.jpg") 0 0 no-repeat;
}
#category{
background-image:url("http://n2.hk/d/images/r09/adhere_categories_bg2.jpg");
}
#products select,#category select{
position:absolute;
top:22px;
left:125px;
width:160px;
}
#sidebar .section .adimage{
width:294px;
padding:2px;
}
#sidebar .section .adtext{
background:url("http://n2.hk/d/images/r09/sb_adtext_bg.jpg") 0 0 repeat-x;
text-align:center;
}
#siteinfo{
margin:8px 0 0;
padding:10px 0;
border:1px solid #999;
text-align:center;
}
#userinfo{
margin:8px 0 0;
}
#userinfo a{
color:#002e96;
}
#userinfo table{
border:0;
}
#userinfo td{
width:485px;
margin:0;
padding:10px 0;
border:1px solid #999;
text-align:center;
}
#userinfo .space{
width:6px;
padding:0;
border:none;
}
#footer{
	position:relative;
	text-align:left;
	padding-bottom:0;
	/* border-bottom:5px solid #f90; */
	background-image:url(http://n2.hk/d/images/r13/footer_bg.png);
	background-position:center bottom;
	background-repeat:no-repeat;
}
#footer_left{
	padding-right:320px;
}
#footer_right{
	/*width:517px;*/
	height:69px;
	margin-bottom:5px;
	float:right;
	position:absolute;
	right:0;
	bottom:0;
}

#footer_area{
	margin-top:30px;
}

#footer .copyright,#footer .links,#footer .links a{
color:#666;
}

.sublistgroup {
padding-bottom: 12px;
background-color: #FBF8DC;
}
.sublistgroup li{

padding:6px 0 0 12px;
background:url("http://n2.hk/d/images/r09/dot.gif") 4px 14px no-repeat;
}

/*
#sections .section li .sublistgroup li{
padding:6px 0 0 12px;
}
*/

#sections .section ul .sublistgroup li{
padding:5px 0 0 10px;
}

#sections .sublistgroup ul{
margin-top:-8px;
}


.headermenu_popup { width: 170px; }
.headermenu_popup li { float: left; width: 7em; line-height: 24px; height: 24px; overflow: hidden; border-bottom: 1px solid #E8E8E8; }
.popupmenu_popup { text-align: left; line-height: 1.4em; padding: 10px; overflow: hidden; border: 1px solid #C3C3C3; background: #FFF url("../../images/discuss_style/portalbox_bg.gif"); background-repeat: repeat-x; background-position: 0 1px;  }
*+html #my_menu, *+html #memcp_menu, *+html #stats_menu, *+html #plugin_menu { margin-left: 1px; }
* html #my_menu, * html #memcp_menu, * html #stats_menu, * html #plugin_menu { margin-left: 1px; }


.banner_b1{
margin-top:11px;
margin-bottom:0;
}

.blue {color:blue}
.red {color:red}

.txt_focus{ background-color:#FFF5B3; border: 1px solid #FFF5B3;}
#masthead .txt_focus{ border: 1px solid #FFF5B3;}


/******************** top bar *******************************/
#topbar{ font-size:12px; margin-left:240px; }


#topbar_control{ float:right; margin-top:-3px; }
.topbar_control_vline{ width:1px; height:30px; border-right:1px solid #d06e17; background:#f9b85c; display:inline-block; float:left; } /* Edited by Angus 20140225 */
.register_btn{ float:left; display:inline-block; height:30px; line-height:30px; padding:0; color:#fff; text-decoration:none; background:#f99920; } /* Edited by Angus 20140225 */
.register_btn a{ text-decoration:none; color:#fff; display:inline-block; height:30px; line-height:30px; padding:0 8px; } /* Edited by Angus 20140225 */
.register_btn:hover{ background:#ffaa33; }
#login_btn{ float:left; position:relative; display:inline-block; height:30px; line-height:30px; padding:0; color:#fff; text-decoration:none; background:#f99920; cursor:pointer; } /* Edited by Angus 20140225 */
/*#login_btn:hover, #login_btn.active{ background:#f6f6f6; } Edited by Angus 20140225 */
#login_btn:hover, #login_btn.active{ background:#ffaa33; } /* Edited by Dicky Ng 20161014 */
#login_btn a{ text-decoration:none; color:#fff; display:inline-block; height:30px; line-height:30px; padding:0 8px; } /* Edited by Angus 20140225 */
/*#login_btn:hover a, #login_btn.active a{ color:#666; } Edited by Dicky Ng 20161014 */
#searchcontainer{ float:left; display:inline-block; height:30px; line-height:30px; padding:0 3px; color:#fff; background:#f99920; } /* Edited by Angus 20140225 */
/* Grace
#top_nav_btns{ list-style:none; margin:0; padding:0; margin-top:3px; float:right; }
#top_nav_btns li{ display:block; width:80px; height:80px; float:left; border-right:1px solid #ddd; }
a.top_nav_btn{ display:block; width:80px; height:30px; background-image:url(http://n2.hk/d/images/r13/top_nav_icons.png); overflow:hidden; text-align:center; text-decoration:none; font-family:"微軟正黑體","Microsoft JhengHei","蘋果儷中黑","Apple LiGothic Medium","黑体","SimHei"; font-size:15px; padding-top:50px; color:#666; font-weight:bold; }
a.top_nav_btn:hover{ color:#000; }
a.top_nav_news{ background-position:0 0; }
a.top_nav_ladies{ background-position:-80px 0; }
a.top_nav_sports{ background-position:-160px 0; }
a.top_nav_entertainment{ background-position:-240px 0; }
a.top_nav_digital{ background-position:-320px 0; }
a.top_nav_leisure{ background-position:-400px 0; }
a.top_nav_life{ background-position:-480px 0; }
a.top_nav_culture{ background-position:-560px 0; }
a.top_nav_others{ background-position:-640px 0; }
a.top_nav_news:hover{ background-position:0 -80px; }
a.top_nav_ladies:hover{ background-position:-80px -80px; }
a.top_nav_sports:hover{ background-position:-160px -80px; }
a.top_nav_entertainment:hover{ background-position:-240px -80px; }
a.top_nav_digital:hover{ background-position:-320px -80px; }
a.top_nav_leisure:hover{ background-position:-400px -80px; }
a.top_nav_life:hover{ background-position:-480px -80px; }
a.top_nav_culture:hover{ background-position:-560px -80px; }
a.top_nav_others:hover{ background-position:-640px -80px; }
*/

#login_form{ z-index:9999000; position:absolute; top:0; left:0; width:160px; height:180px; padding:10px 20px; margin-top:30px; background:#f9f9f9; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-shadow:0 2px 3px #ddd; overflow:hidden; display:none; } /* Edited by Angus 20140225 */
#login_form .field_title{ display:block; padding:2px; margin-top:10px; font-size:12px; height:14px; line-height:14px; color:#666; }
#login_form .login_submit{ margin:0 auto; background:#f99920; color:#fff; border:none; padding:3px 15px; cursor:pointer; }
#login_form .login_submit:hover{ background:#ffaa33; box-shadow:0 1px 2px #888; }
#login_form .submit_row{ display:block; width:100%; margin-top:15px; text-align:center; }
#login_form .forgot_pw{ text-decoration:none; color:#999; }
#login_form .forgot_pw:hover{ text-decoration:underline; }
#login_form .other_link{ margin-top:15px; }
#login_form .username, #login_form .password{ border:1px solid #ccc; }
#login_form .username:focus, #login_form .password:focus{ border:1px solid #cb9; box-shadow:inset 0 0 3px #fec; }

#profile_btn{ float:left; position:relative; display:inline-block; height:30px; line-height:30px; padding:0; color:#fff; text-decoration:none; background-color:#f99920; cursor:pointer; } /* Edited by Angus 20140225 */
#profile_btn:hover, #profile_btn.active{ background-color:#f6f6f6; color:#666; }
#profile_btn a{ text-decoration:none; color:#fff; }
#profile_btn_icon{ background-image:url(/images/icons/profile_icon.png?v=20170222); width:24px; height:30px; display:block; float:left; } /* Edited by Angus 20140225 */
#profile_menu{ z-index:9999000; position:absolute; top:0; left:0; padding:10px 20px; margin-top:30px; background:#f9f9f9; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-shadow:0 2px 3px #ddd; overflow:hidden; display:none; min-width:60px;} /* Edited by Angus 20140225 */
#profile_menu a{ text-decoration:none; color:#666; display:block; line-height:28px;}
#profile_menu a:hover{ text-decoration:underline; }
.dottedline{ width:100%; height:4px; line-height:4px; margin:0 0 4px; padding:0; border-bottom:1px dotted #aaa; display:block; }
#profile_user{ display:inline-block; line-height:20px; white-space:nowrap; font-family:arial, sans-serif; color:#000; }
#profile_user #profile_name{ display:block; font-size:15px; color:#000; line-height:16px; }
#profile_user #profile_group{ display:block; font-size:12px; color:#999; line-height:16px; }

#pm_btn{ float:left; position:relative; display:inline-block; height:30px; line-height:30px; padding:0; color:#fff; text-decoration:none; background-color:#f99920; cursor:pointer; } /* Edited by Angus 20140225 */
#pm_btn:hover{ background-color:#ffaa33; }
#topbar_control .noticenew{ background-color:#f92020 !important; }
#pm_btn_icon{ background-image:url(/images/icons/pm_icon.png); width:24px; height:30px; display:block; } /* Edited by Angus 20140225 */

#admin_btn{ float:left; position:relative; display:inline-block; height:30px; line-height:30px; padding:0; color:#fff; text-decoration:none; background-color:#f99920; cursor:pointer; } /* Edited by Angus 20140225 */
#admin_btn:hover{ background-color:#ffaa33; }
#admin_btn_icon{ background-image:url(/images/icons/admin_icon.png); width:24px; height:30px; display:block; } /* Edited by Angus 20140225 */

#setting_btn{ float:left; position:relative; display:inline-block; height:30px; line-height:30px; padding:0; color:#fff; text-decoration:none; background-color:#f99920; cursor:pointer; } /* Edited by Angus 20140225 */
#setting_btn:hover, #setting_btn.active{ background:#f6f6f6; color:#666; }
#setting_btn a{ text-decoration:none; color:#fff; }
#setting_btn_icon{ background-image:url(/images/icons/setting_icon.png); width:24px; height:30px; display:block; } /* Edited by Angus 20140225 */
#setting_menu{ z-index:9999000; position:absolute; top:0; left:0; width:85px; padding:10px 20px; margin-top:30px; background:#f9f9f9; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-shadow:0 2px 3px #ddd; overflow:hidden; display:none; } /* Edited by Angus 20140225 */
#setting_menu a{ text-decoration:none; color:#666; display:block; }
#setting_menu a:hover{ text-decoration:underline; }

.btn_icon{ vertical-align:middle;margin-left:5px;margin-right:5px; background-repeat:no-repeat; background-position:center center; }

#group148_btn_icon { background-image: url("/images/icons/group148_icon.png"); display: block; height: 30px; width: 24px; }
#group148_btn { background-color: #F99920; color: #FFFFFF; cursor: pointer; display: inline-block; float: left; height: 30px; line-height: 30px; padding: 0; position: relative; text-decoration: none; }
#group148_btn:hover { background-color: #FFAA33; }

#mycircle_btn{ float:left; position:relative; display:inline-block; height:30px; line-height:30px; padding:0; color:#fff; text-decoration:none; background-color:#f99920; cursor:pointer; } /* Edited by Angus 20140918 */
#mycircle_btn:hover{ background-color:#ffaa33; }
#mycircle_btn_icon{ background-image:url(http://n2.hk/d/images/r13/mycircle_icon.png); width:24px; height:30px; display:block; } /* Edited by Angus 20140918 */


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
	.btn_icon{ background-size:24px 24px; }
	#profile_btn_icon{ background-image:url(/images/icons/profile_icon@2x.png); }
	#pm_btn_icon{ background-image:url(/images/icons/pm_icon_2x.png); }
	#mycircle_btn_icon{ background-image:url(http://n2.hk/d/images/r13/mycircle_icon_2x.png); }
	#setting_btn_icon{ background-image:url(/images/icons/setting_icon_2x.png); }
	#group148_btn_icon { background-image: url(/images/icons/group148_icon_2x.png); }
	a.top_nav_btn{ background-image:url(/images/icons/top_nav_icons_2x.png); background-size:800px 160px; }	
}
/******************** end top bar *******************************/

.section_hot{ border:1px solid #afafaf; margin-top:8px; height:auto; line-height:24px; overflow:visible; font-size:13px; position:relative; width:100%; display:inline-block; background-color:#fff; *overflow:hidden; }
.section_hot #gid_group_hot{ display:inline-block; border-right:1px solid #afafaf; font-size:18px; font-weight:bold; font-family:"微軟正黑體","Microsoft JhengHei","蘋果儷中黑","Apple LiGothic Medium","黑体","SimHei"; padding:2px 20px 2px 34px; background-color:#f0f0f0; background-image:url(http://n2.hk/d/images/r13/d_hot.png); background-repeat:no-repeat; background-position:12px center; float:left; }
.section_hot ul{ margin:0; padding:0; list-style:none; }
.section_hot ul li{ float:left; line-height:28px; margin:0 0 0 40px; }
.section_hot ul li img{ vertical-align:middle; }
.section_hot #scTab{ float:right; position:relative; margin-right:10px; margin-top:6px; padding:0 24px 0 22px; line-height:22px; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; box-shadow:0 -1px 0 #E6E6E6; -moz-box-shadow:0 -1px 0 #E6E6E6; -webkit-box-shadow:0 -1px 0 #E6E6E6; color:#666; background:#F0F0F0;; background-image:url(http://n2.hk/d/images/r13/shortcut_icon.png); background-position:5px center; background-repeat:no-repeat; cursor:pointer; }
.section_hot #scTab span{ line-height:22px; }
.section_hot #scTab:hover{ color:#000; }
.section_hot #scTab #qmark_icon{ position:absolute; right:0; top:0; width:24px; height:24px; background-image:url(http://n2.hk/d/images/r13/qmark_icon.png); background-position:center center; background-repeat:no-repeat; }
.section_hot #scTab #qmark_content{ position:absolute; padding:10px; display:none; top:22px; right:5px; width:180px; background:#f60; color:#fff; border:1px solid #e50; box-shadow:0 2px 5px #000; -moz-box-shadow:0 2px 5px #000; -webkit-box-shadow:0 2px 5px #000; font-size:13px; cursor:default; z-index:2; }
.section_hot #sc{ width:100%; clear:both; padding:0; line-height:28px; background:#F0F0F0; box-shadow:0 -1px 0 #E6E6E6; -moz-box-shadow:0 -1px 0 #E6E6E6; -webkit-box-shadow:0 -1px 0 #E6E6E6; }
.section_hot #sc .scItem{ display:inline-block; height:28px; line-height:28px; margin-left:8px; *width:150px; *float:left; min-width:151px; position:relative; background-image:url(http://n2.hk/d/images/r13/shortcut.png); background-repeat:no-repeat; background-position:left center; }
.section_hot #sc .scItem .shortcut_link{ margin-left:16px; line-height:28px; color:#333; text-decoration:none; vertical-align:middle; }
.section_hot #sc .scItem .del_shortcut{ width:16px; height:28px; display:block; background-image:url(http://n2.hk/d/images/r13/del_shortcut.png); background-repeat:no-repeat; background-position:0 0; position:absolute; left:-1px; top:7px; line-height:28px; }
.section_hot #sc .scItem:hover .del_shortcut{ background-position:0 -28px; }
.section_hot #sc .scItem .del_shortcut:hover{ background-position:0 -56px; }
.section_hot .shortcut_msg{ display:block; width:100%; height:28px; line-height:28px; color:#666; text-align:center; }
.section_hot #sc a:hover{ text-decoration:underline; }



.live-box-block .info-box {bottom: 3px; font-size: 11px; position: absolute; right: 3px; z-index: 2;}
.live-box-block .info-box .reply, .live-box-block .info-box .view {background-color: #F5F5F5; background-image: url("http://n2.hk/d/images/r13/reply.png");
	background-position: left center; background-repeat: no-repeat; color: #333333; display: inline-block; float: right; font-family: Arial,sans-serif; height: 19px;
	line-height: 19px; margin-left: 3px; margin-top: 3px; overflow: hidden; padding-left: 18px; padding-right: 3px;
}
.live-box-block .info-box .view {background-image: url("http://n2.hk/d/images/r13/view.png");}

#weibo_btn{ float:left; position:relative; display:inline-block; height:30px; line-height:30px; padding:0; color:#fff; text-decoration:none; background-color:#f99920; cursor:pointer; } /* Edited by Angus 20140225 */
#weibo_btn:hover{ background-color:#ffaa33; }
#weibo_btn_icon{ background-image:url(http://n2.hk/d/images/r13/weibo_icon.png); width:24px; height:30px; display:block; } /* Edited by Angus 20140225 */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
	#admin_btn_icon{ background-image:url(http://n2.hk/d/images/r13/admin_icon_2x.png); }
	#weibo_btn_icon{ background-image:url(http://n2.hk/d/images/r13/weibo_icon_2x.png); }
}



.fbcirclebtn{ display:block; float:right; width:24px; height:24px; background-image:url(http://n2.hk/d/images/r13/fbcirclebtn.png); background-repeat:no-repeat; background-position:left top; margin:0 5px; }
.fbcirclebtn:hover{ background-position:bottom left; }

#service_btn{ float:left; position:relative; display:inline-block; height:30px; line-height:30px; padding:0; color:#fff; text-decoration:none; background:#f99920; cursor:pointer; } /* Edited by Angus 20140225 */
#service_btn:hover, #service_btn.active{ background:#f6f6f6; color:#666; }
#service_btn a{ text-decoration:none; color:#fff; }
#service_btn_icon{ background-image:url(http://n2.hk/d/images/r13/service_icon.png); width:24px; height:30px; display:block; float:left; } /* Edited by Angus 20140225 */
#service_menu{ z-index:9999000; position:absolute; top:0; left:0; width:130px; padding:10px 20px; margin-top:30px; background:#f9f9f9; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-shadow:0 2px 3px #ddd; overflow:hidden; display:none; font-size:13px; } /* Edited by Angus 20140225 */
#service_menu a{ text-decoration:none; color:#666; display:block; }
#service_menu a:hover{ text-decoration:underline; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
	#service_btn_icon{ background-image:url(http://n2.hk/d/images/r13/service_icon_2x.png); }
}

/*--Add keywords and New nav_bar by Grace 20160823--*/
#top_nav_btns{
	list-style:none;
	margin:0;
	padding:0;
	margin-top:19px;
	float:right;
}

#top_nav_btns li{ 
	display:inline;
	float:left;
	/*border-right:1px
	solid #ddd;*/
}
/*
a.top_nav_btn{ 
	display:inline;
	width:80px;
	height:30px;
	
	overflow:hidden;
	text-align:center;
	text-decoration:none;
	font-family:"微軟正黑體","Microsoft JhengHei","蘋果儷中黑","Apple LiGothic Medium","黑体","SimHei";
	font-size:15px;
	letter-spacing: -1px;
	padding-top:0px;
	color:#666;
	font-weight:bold;
}
*/
#siteid{
float:left; width:240px; margin-top:25px;
}

a.top_nav_btn{ 
	display:block; 
	height: 20px;
	text-align: right;
	overflow:hidden;
	text-decoration:none;
	font-family:"微軟正黑體","Microsoft JhengHei","蘋果儷中黑","Apple LiGothic Medium","黑体","SimHei";
	font-size:15px;
	color:#666;
	font-weight:bold;
}

a.top_nav_btn{ 
	padding:0 6.5px 0 20px;
	background-image:url(../images/top_nav_icons.png?=20161228);
	background-size: 880px 76px;
}
a.top_nav_news{ background-position:0 0; }
a.top_nav_ladies{ background-position:-88px 0; }
a.top_nav_sports{ background-position:-176px 0; }
a.top_nav_entertainment{ background-position:-264px 0; }
a.top_nav_digital{ background-position:-352px 0; }
a.top_nav_leisure{ background-position:-440px 0; }
a.top_nav_life{ background-position:-528px 0; }
a.top_nav_culture{ background-position:-616px 0; }
a.top_nav_others{ background-position:-704px 0; }
a.top_nav_spirit{ background-position:-792px 0; }

a.top_nav_news:hover{ background-position:0 -38px; }
a.top_nav_ladies:hover{ background-position:-88px -38px; }
a.top_nav_sports:hover{ background-position:-176px -38px; }
a.top_nav_entertainment:hover{ background-position:-264px -38px; }
a.top_nav_digital:hover{ background-position:-352px -38px; }
a.top_nav_leisure:hover{ background-position:-440px -38px; }
a.top_nav_life:hover{ background-position:-528px -38px; }
a.top_nav_culture:hover{ background-position:-616px -38px; }
a.top_nav_others:hover{ background-position:-704px -38px; }
a.top_nav_spirit:hover{ background-position:-792px -38px; }

a.top_nav_btn:hover{
	color:#f99920;
}

#top_nav_keywords{
	display: block;
	float: right;
	width: 734px;
	border-top:solid 2px #f99920;
	padding-top: 8px; 
	margin: 10px 0;
	font-size: 15px;
}

.keywords_title{
	color: #f99920;
	float: left; 
}

.keywords{
	float: left;
	padding: 0 10px; 
	border-right:  solid 1px #ddd;
}

a.keywords:link, a.keywords:visited {
    color: #666;
}

/* Keywords updated by Grace 20160826*/

#top_nav_keywords{
	height: 20px;
	overflow: hidden;
}

/* Keywords updated (ps. margin-right) by Grace 20160831*/
a.top_nav_btn{ 
	margin-right: .8px;
}

#sections #gid_group_ladies .gid_group_title span{ background-image:url(../images/d_ladies.png); }

#sections .gid_group .gid_group_title span{
	background-position:8px 5px;
}

/*---------------------0815-notification----------------------*/
#noti_btn{ float:left; position:relative; display:inline-block; height:30px; line-height:30px; padding:0; color:#fff; text-decoration:none; background-color:#f99920; cursor:pointer; }	
#noti_btn_icon{ background-image:url(../images/notification/icon_notification.png?v=20160824); width:24px; height:30px; display:block; }
#top-menu-btn-notification-num{  
    width: 15px;
    height: 15px;
    position: absolute; 
    right: 2px;
    top: 2px;
    text-indent: initial;
	background-color: red;
    border-radius: 17px;
    line-height: 16px;
    color: white;
    font-size: 10px;
    text-align: center;
	display:none;
}
#notification{
	position:relative;
}
#notification .inner{
	padding:5px 0;
}


#noti_wrapper{ z-index:9999000; position:absolute; top:0; right:0; width:320px; margin-top:30px; background:#EEECED; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-shadow:0 2px 3px #ddd; display:none;max-height:750px;
	overflow:hidden;
	overflow-y:auto;}



#noti_arrow{
	z-index:9999000;
	position:absolute;
	bottom:0; 
	right:7px;
	background-image:url(../images/notification/icon_arrow.png);
	height:7px;
	width:19px;
	display:none;
}

.notification-content{
	color:#000;
	font-size:16px;
	width: 80%; height: 50px; overflow: hidden; word-wrap: break-word; 
	line-height: 150%;
}

.my-history-container-empty{
   width: 100%;
   height: auto;
   overflow: hidden;
   display:block;
   margin: 0px auto;
   text-align:center;
   color:#000;
}

.my-history-container-empty img{
	height:160px;
	height:160px;
	margin:15px;

}

.notification-msg{
	display: block;
	margin: 6px;
	padding: 10px;
	background-color: #fff;
	border-radius: 10px;
	position:relative;
}
.notification-msg span{
	color: #8B8B8B;
	font-size: 14px;
}

#notification a {
	text-decoration: none;
	color: #000;
}
.notification-new{
	/*background-color: #FCFCE5;*/
	border-color: #fec72c transparent transparent;
	border-style: solid;
	border-width: 18px 18px 0 0;
	left: -1px;
	top: -1px;
	position: absolute;
}
.notification-msg-icon{
	background-size: cover;
	background-position: 1px 0px;
}

.notification-msg-icon-quote{
	background-image:url(../images/notification/quote.png?v=20160824);
	background-position: center center;
}

.notification-msg-icon-pm{
	background-image:url(../images/notification/pm.png?v=20160824);
	background-position: center center;
}

.notification-msg-icon-subscription{
	background-image:url(../images/notification/followPost.png?v=20160824);
	background-position: center center;
}

.notification-msg-icon-hotrank, .notification-msg-icon-achievement{
	background-image:url(../images/notification/hot.png?v=20160824);
	background-position: center center;
}

.notification-msg-icon-marketing{
	background-image:url(../images/notification/promote.png?v=20160824);
	background-position: center center;
}

.notification-msg-icon-follow{
	background-size: cover;
	background-position: center center;
}
.notification-msg-icon-notice{
	background-image:url(../images/notification/system.png?v=20161122);
	background-position: center center;
}

.notification-msg-icon-new_fan{
		background-image:url(../images/notification/fans@2x.png?v=20170117);
		background-position: center center;
}

.notification-msg-icon-gift{
		background-image:url(../images/notification/gift.png?v=20170727);
		background-position: center center;
}

.notification-msg-icon{
	cursor:pointer;
	height:33px;
	width:33px;
	float: left;
	overflow:hidden;
	border-radius: 30px;
	margin-right: 12px;
}

.notification-msg span{
	clear: left;
	display: block;
    text-align: right;
}

.notification-msg-icon-time{
	background-image:url(../images/notification/icon-time.png?v=20160824);
	background-size: cover;
	background-position: center center;
}

.notification-msg-icon-time{
	cursor:pointer;
	height:12px;
	width:12px;
	overflow:hidden;
	display: inline-block;
	margin-bottom: -1px;
	margin-right: 3px;
}

#noti_wrapper{
	width: 370px;
	max-height: 650px;
}

.notification-content{
	font-size: 14px;
	line-height: 180%;
}


.notification-msg span{
	font-size: 12px;
}

#noti_btn{
	line-height: 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {
	.notification-msg-icon-quote{
		background-image:url(../images/notification/quote@2x.png?v=20160824);
		background-position: center center;
	}

	.notification-msg-icon-pm{
		background-image:url(../images/notification/pm@2x.png?v=20160824);
		background-position: center center;
	}

	.notification-msg-icon-subscription{
		background-image:url(../images/notification/followPost@2x.png?v=20160824);
		background-position: center center;
	}

	.notification-msg-icon-hotrank, .notification-msg-icon-achievement{
		background-image:url(../images/notification/hot@2x.png?v=20160824);
		background-position: center center;
	}

	.notification-msg-icon-marketing{
		background-image:url(../images/notification/promote@2x.png?v=20160824);
		background-position: center center;
	}
	
	.notification-msg-icon-notice{
		background-image:url(../images/notification/system.png?v=20161122);
		background-position: center center;
	}
	
	.notification-msg-icon-new_fan{
		background-image:url(../images/notification/fans@2x.png?v=20170117);
		background-position: center center;
	}
	.notification-msg-icon-gift{
		background-image:url(../images/notification/gift@2x.png?v=20170727);
		background-position: center center;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
		.ellipsis {
		  display: -webkit-box;
		  -webkit-box-orient: vertical;
		}
}

.line-2{
	-webkit-line-clamp: 2;
}

@-moz-document url-prefix() {
		.ellipsis:before {
			content:"";
			float: left;
			width: 5px; height: 33px; }

		.ellipsis > *:first-child {
			float: right;
			width: 100%;
			margin-left: -5px; }		

		.ellipsis:after {
			content: "\02026";
			box-sizing: content-box;
			-webkit-box-sizing: content-box;
			-moz-box-sizing: content-box;
			float: right; 
			position: relative;

			top: -10px; 
			left: 97%;
			width: 3em; 
			height: 40px;
			margin-left: -3em;
			padding-right: 5px;
			text-indent: 15px;
			text-align: center;
			background-color: #fff;
		  
		  	background-size: 100% 100%;

		  /* 512x1 image, gradient for IE9. Transparent at 0% -> white at 50% -> white at 100%.*/

			background: -webkit-gradient(linear, left top, right top,
				from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
			background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 40%, white);			
			background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 40%, white);
			background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 40%, white);
			background: linear-gradient(to right, rgba(255, 255, 255, 0), white 40%, white);
			


		}
		.ellipsis-grey:after{
			background: -webkit-gradient(linear, left top, right top,
				from(rgba(247, 247, 247, 0)), to(#f7f7f7), color-stop(50%, #f7f7f7));
			background: -moz-linear-gradient(to right, rgba(247, 247, 247, 0), #f7f7f7 40%, #f7f7f7);			
			background: -o-linear-gradient(to right, rgba(247, 247, 247, 0), #f7f7f7 40%, #f7f7f7);
			background: -ms-linear-gradient(to right, rgba(247, 247, 247, 0), #f7f7f7 40%, #f7f7f7);
			background: linear-gradient(to right, rgba(247, 247, 247, 0), #f7f7f7 40%, #f7f7f7);
		}

		.notification-content.ellipsis:after {
			top: -8px;content:"";margin-left:-1em;width:1em;
		}
		.notification-new .notification-content.ellipsis:after {
			background: -webkit-gradient(linear, left top, right top,
				from(rgba(252, 252, 228, 0)), to(rgb(252, 252, 228)), color-stop(50%, rgb(252, 252, 228)));
			background: -moz-linear-gradient(to right, rgba(252, 252, 228, 0), rgb(252, 252, 228) 40%, rgb(252, 252, 228));			
			background: -o-linear-gradient(to right, rgba(252, 252, 228, 0), rgb(252, 252, 228) 40%, rgb(252, 252, 228));
			background: -ms-linear-gradient(to right, rgba(252, 252, 228, 0), rgb(252, 252, 228) 40%, rgb(252, 252, 228));
			background: linear-gradient(to right, rgba(252, 252, 228, 0), rgb(252, 252, 228) 40%, rgb(252, 252, 228));
			
		}

}


#notification .notification-menu {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	background: #FFF;
	margin-top: 2px;
	padding: 5px 20px;
	line-height: 20px;
}

#notification .notification-menu * {
	font-weight: normal;
}

#notification .notification-menu ~ .inner {
	padding-top: 0;
}

#notification .notification-menu .notification-all, #notification .notification-menu .notification-personal {
	width: 40%;
	text-align: center;
	font-size: 16px;
	color: #8B8B8B;
}

#notification .notification-menu .notification-separator {
	border-right: 1px solid #ccc;
}

#notification .notification-menu[active=all] .notification-all a, #notification .notification-menu[active=personal] .notification-personal a {
	border-bottom: 3px solid #F79822;
}

#notification .notification-menu[active=all] ~ .inner[personal], #notification .notification-menu[active=personal] ~ .inner[all] {
	display: none;
}

#notification .notification-menu .notification-personal.new a:after {
	content: '';
	background-color: red;
	width: 8px;
	height: 8px;
	display: inline-flex;
	border-radius: 50%;
	vertical-align: top;
}