@charset "utf-8";
/* CSS Document */


.clear{
	clear:both;
}

/*---Start the Top Bar---------------------------------------------------*/

#home-top-bar-container{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	min-width:1007px;
	/*z-index:30;*/
	z-index:9998;
	height:30px;
	font-size:16px;
}
#home-top-bar-container #top-bar-mask{
	width:100%;
	height:100%;
	position:absolute;
	background-color:#666;
	top:-100%;
	z-index:30;
	display:none;
}

#home-top-bar-container.extended, #home-top-bar-container.standard #home-top-bar, #home-top-bar-container.innerpage-980, #home-top-bar-container.innerpage-full{
	background-color:#FF7500;
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 2px 2px rgba(0, 0, 0, 0.15);
}


#home-top-bar{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	height:30px;
	position:relative;
	color:#FFF;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

#top-bar-function-left, #top-bar-function-right{
	position:absolute;
	height:30px;
}
#top-bar-function-left{
	left:0px;
	width:90%;
}
#top-bar-function-right{
	right:0px;
	/*width:60%;*/
	text-align:right;
	background-color:#FF7500;
	max-width:670px;
}
#home-top-bar .top-btn{
	margin:0;
	width:30px;
	height:30px;

	background-image:url(/images/r13/home/uwants-interface-element.png);
	background-repeat:no-repeat;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
	text-align:left;
}


#top-bar-function-left .top-btn{
	float:left;
}
#top-bar-function-right .top-btn{
	float:right;
}

#logo-container{
	width:195px;
	height:70px;
	position:absolute;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 2px 3px rgba(0, 0, 0, 0.5);
	background-color:#FFF;
	z-index:15;

}

#logo-area{
	left:0px;
	top:0px;
	width:100%;
	width:195px;
	height:70px;
}
#logo-area #uwants-logo{
	display:block;
	width:195px;
	height:70px;
	text-align:center;
}

#home-top-bar .back-to-top{
	background-image:none !important;
	border-right-width:0px;
	text-indent:0px;
	width:85px;
	height:30px;
	margin:0px;
	margin-right:5px;
	position:absolute;
	top:-60px;
	outline:0px;
	left:0px;
}
#home-top-bar .back-to-top:hover{
}
#top-function-btn-group{
	float:right;
	position:relative;
	max-width:260px;
}
#top-function-btn-group>div{
	float:left;
}
#home-top-bar .top-index-btn-container{
	width:30px;

}
#home-top-bar .top-index-btn-container .top-index-btn{
	position:relative;
	background-position:-135px -35px;
	margin:0px;
	cursor:default;
}
#home-top-bar .top-index-btn-container:hover .top-index-btn{
	/*background-position:-170px -30px;*/
	background-color:#FF7500;
	cursor:pointer;
}
#home-top-bar .top-index-btn-container .top-index-box{
	width:776px;
	background-image:url(/images/r13/home/black-70.png);
	top:30px;
	position:absolute;
	right:0px;
	display:none;
	overflow:hidden;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 2px 10px rgba(0, 0, 0, 0.3);
	z-index:16;

}
#home-top-bar .top-index-btn-container .top-index-box-on{

	display:block;

}
#home-top-bar .top-index-btn-container .top-index-box .index-box-area{
	padding:0px 10px 10px 10px;

}
#home-top-bar .top-index-btn-container .top-index-box .index-box-area .index-box-title{
	border-bottom:1px solid #CCC;
	color:#FFF;
	font-size:11px;
	margin-top:2px;
	text-align:left;
}
#home-top-bar .top-index-btn-container .top-index-box a, #home-top-bar .top-index-btn-container .top-index-box .g_blank{
	display:block;
	float:left;
	width:124px;
	height:40px;
	overflow:hidden;
	position:relative;
	background-color:#F3F3F3;
	color:#555;
	text-decoration:none;
	background-image:url(/images/r13/home/top-index-bg.png);
	text-shadow:0px 1px 0px #FFF;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
	font-weight:bold;
}
#home-top-bar .top-index-btn-container .top-index-box .g_blank{
	background-image:none;
}
/*
#home-top-bar .top-index-btn-container .top-index-box a.blue{background-color: #D4E2FD; color:#003399;}
#home-top-bar .top-index-btn-container .top-index-box a.green{background-color: #F1FFF1; color:#006600;}
#home-top-bar .top-index-btn-container .top-index-box a.brown{background-color: #E6D0BB; color:#663300;}
#home-top-bar .top-index-btn-container .top-index-box a.orange{background-color: #FFEDE1; color:#F26522;}
#home-top-bar .top-index-btn-container .top-index-box a.purple{background-color: #FFEBFE; color:#92278F;}
*/
#home-top-bar .top-index-btn-container .top-index-box a.special{/*background-color: #D4E2FD;*/ color:#046EBF;}



#home-top-bar .top-index-btn-container .top-index-box a:hover{
	overflow:hidden;
	background-color:#046EBF;
	color:#FFF;
	text-shadow:none;
	border-left:1px solid #FFF;
	border-bottom:1px solid #FFF;
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;

}
#home-top-bar .top-index-btn-container .top-index-box a span{
	position:absolute;
	left:35px;
	top:10px;
}
#home-top-bar .top-index-btn-container .top-index-box a.g621{background-position:0px 0px;}
#home-top-bar .top-index-btn-container .top-index-box a.g255{background-position:-124px 0px;}
#home-top-bar .top-index-btn-container .top-index-box a.g976{background-position:-248px 0px;}
#home-top-bar .top-index-btn-container .top-index-box a.g922{background-position:-372px 0px;}
#home-top-bar .top-index-btn-container .top-index-box a.g978{background-position:-496px 0px;}
#home-top-bar .top-index-btn-container .top-index-box a.g630{background-position:-620px 0px;}
#home-top-bar .top-index-btn-container .top-index-box a.g274{background-position:-744px 0px;}
#home-top-bar .top-index-btn-container .top-index-box a.g982{background-position:-868px 0px;}
#home-top-bar .top-index-btn-container .top-index-box a.g239{background-position:-992px 0px;}
#home-top-bar .top-index-btn-container .top-index-box a.g541{background-position:-1116px 0px;}

#home-top-bar .top-index-btn-container .top-index-box a.g974{background-position:0px -35px;}
#home-top-bar .top-index-btn-container .top-index-box a.g610{background-position:-124px -35px;}
#home-top-bar .top-index-btn-container .top-index-box a.g981{background-position:-248px -35px;}
#home-top-bar .top-index-btn-container .top-index-box a.g626{background-position:-372px -35px;}
#home-top-bar .top-index-btn-container .top-index-box a.g979{background-position:-496px -35px;}
#home-top-bar .top-index-btn-container .top-index-box a.g266{background-position:-620px -35px;}
#home-top-bar .top-index-btn-container .top-index-box a.g629{background-position:-744px -35px;}
#home-top-bar .top-index-btn-container .top-index-box a.g1181{background-position:-868px -35px;}
#home-top-bar .top-index-btn-container .top-index-box a.g254{background-position:-992px -35px;}
#home-top-bar .top-index-btn-container .top-index-box a.g1182{background-position:-1116px -35px;}

#home-top-bar .top-index-btn-container .top-index-box a.g627{background-position:0px -70px;}
#home-top-bar .top-index-btn-container .top-index-box a.g620{background-position:-124px -70px;}
#home-top-bar .top-index-btn-container .top-index-box a.g628{background-position:-248px -70px;}
#home-top-bar .top-index-btn-container .top-index-box a.g618{background-position:-372px -70px;}
#home-top-bar .top-index-btn-container .top-index-box a.g1180{background-position:-496px -70px;}
#home-top-bar .top-index-btn-container .top-index-box a.g10{background-position:-620px -70px;}
#home-top-bar .top-index-btn-container .top-index-box a.g14{background-position:-744px -70px;}
#home-top-bar .top-index-btn-container .top-index-box a.g983{background-position:-868px -70px;}
#home-top-bar .top-index-btn-container .top-index-box a.g1412{background-position:-992px -70px;}
#home-top-bar .top-index-btn-container .top-index-box a.g484{background-position:-1116px -70px;}

#home-top-bar .top-index-btn-container .top-index-box a.g1179{background-position:0px -105px;}
#home-top-bar .top-index-btn-container .top-index-box a.g975{background-position:-124px -105px;}
#home-top-bar .top-index-btn-container .top-index-box a.g617{background-position:-248px -105px;}
#home-top-bar .top-index-btn-container .top-index-box a.g977{background-position:-372px -105px;}
#home-top-bar .top-index-btn-container .top-index-box a.g619{background-position:-496px -105px;}
#home-top-bar .top-index-btn-container .top-index-box a.g980{background-position:-620px -105px;}
#home-top-bar .top-index-btn-container .top-index-box a.g356{background-position:-744px -105px;}
#home-top-bar .top-index-btn-container .top-index-box a.g719{background-position:-868px -105px;}
#home-top-bar .top-index-btn-container .top-index-box a.g6{background-position:-992px -105px;}
#home-top-bar .top-index-btn-container .top-index-box a.g31{background-position:-1116px -105px;}
/*-------------------------*/
#home-top-bar .top-index-btn-container .top-index-box a.g621.special{background-position:0px -420px;}
#home-top-bar .top-index-btn-container .top-index-box a.g255.special{background-position:-124px -420px;}
#home-top-bar .top-index-btn-container .top-index-box a.g976.special{background-position:-248px -420px;}
#home-top-bar .top-index-btn-container .top-index-box a.g922.special{background-position:-372px -420px;}
#home-top-bar .top-index-btn-container .top-index-box a.g978.special{background-position:-496px -420px;}
#home-top-bar .top-index-btn-container .top-index-box a.g630.special{background-position:-620px -420px;}
#home-top-bar .top-index-btn-container .top-index-box a.g274.special{background-position:-744px -420px;}
#home-top-bar .top-index-btn-container .top-index-box a.g982.special{background-position:-868px -420px;}
#home-top-bar .top-index-btn-container .top-index-box a.g239.special{background-position:-992px -420px;}
#home-top-bar .top-index-btn-container .top-index-box a.g541.special{background-position:-1116px -420px;}

#home-top-bar .top-index-btn-container .top-index-box a.g974.special{background-position:0px -455px;}
#home-top-bar .top-index-btn-container .top-index-box a.g610.special{background-position:-124px -455px;}
#home-top-bar .top-index-btn-container .top-index-box a.g981.special{background-position:-248px -455px;}
#home-top-bar .top-index-btn-container .top-index-box a.g626.special{background-position:-372px -455px;}
#home-top-bar .top-index-btn-container .top-index-box a.g979.special{background-position:-496px -455px;}
#home-top-bar .top-index-btn-container .top-index-box a.g266.special{background-position:-620px -455px;}
#home-top-bar .top-index-btn-container .top-index-box a.g629.special{background-position:-744px -455px;}
#home-top-bar .top-index-btn-container .top-index-box a.g1181.special{background-position:-868px -455px;}
#home-top-bar .top-index-btn-container .top-index-box a.g254.special{background-position:-992px -455px;}
#home-top-bar .top-index-btn-container .top-index-box a.g1182.special{background-position:-1116px -455px;}

#home-top-bar .top-index-btn-container .top-index-box a.g627.special{background-position:0px -490px;}
#home-top-bar .top-index-btn-container .top-index-box a.g620.special{background-position:-124px -490px;}
#home-top-bar .top-index-btn-container .top-index-box a.g628.special{background-position:-248px -490px;}
#home-top-bar .top-index-btn-container .top-index-box a.g618.special{background-position:-372px -490px;}
#home-top-bar .top-index-btn-container .top-index-box a.g1180.special{background-position:-496px -490px;}
#home-top-bar .top-index-btn-container .top-index-box a.g10.special{background-position:-620px -490px;}
#home-top-bar .top-index-btn-container .top-index-box a.g14.special{background-position:-744px -490px;}
#home-top-bar .top-index-btn-container .top-index-box a.g983.special{background-position:-868px -490px;}
#home-top-bar .top-index-btn-container .top-index-box a.g1412.special{background-position:-992px -490px;}
#home-top-bar .top-index-btn-container .top-index-box a.g484.special{background-position:-1116px -490px;}

#home-top-bar .top-index-btn-container .top-index-box a.g1179.special{background-position:0px -525px;}
#home-top-bar .top-index-btn-container .top-index-box a.g975.special{background-position:-124px -525px;}
#home-top-bar .top-index-btn-container .top-index-box a.g617.special{background-position:-248px -525px;}
#home-top-bar .top-index-btn-container .top-index-box a.g977.special{background-position:-372px -525px;}
#home-top-bar .top-index-btn-container .top-index-box a.g619.special{background-position:-496px -525px;}
#home-top-bar .top-index-btn-container .top-index-box a.g980.special{background-position:-620px -525px;}
#home-top-bar .top-index-btn-container .top-index-box a.g356.special{background-position:-744px -525px;}
#home-top-bar .top-index-btn-container .top-index-box a.g719.special{background-position:-868px -525px;}
#home-top-bar .top-index-btn-container .top-index-box a.g6.special{background-position:-992px -525px;}
#home-top-bar .top-index-btn-container .top-index-box a.g31.special{background-position:-1116px -525px;}
/*----------------------*/
#home-top-bar .top-index-btn-container .top-index-box a.g621:hover{background-position:0px -210px;}
#home-top-bar .top-index-btn-container .top-index-box a.g255:hover{background-position:-124px -210px;}
#home-top-bar .top-index-btn-container .top-index-box a.g976:hover{background-position:-248px -210px;}
#home-top-bar .top-index-btn-container .top-index-box a.g922:hover{background-position:-372px -210px;}
#home-top-bar .top-index-btn-container .top-index-box a.g978:hover{background-position:-496px -210px;}
#home-top-bar .top-index-btn-container .top-index-box a.g630:hover{background-position:-620px -210px;}
#home-top-bar .top-index-btn-container .top-index-box a.g274:hover{background-position:-744px -210px;}
#home-top-bar .top-index-btn-container .top-index-box a.g982:hover{background-position:-868px -210px;}
#home-top-bar .top-index-btn-container .top-index-box a.g239:hover{background-position:-992px -210px;}
#home-top-bar .top-index-btn-container .top-index-box a.g541:hover{background-position:-1116px -210px;}

#home-top-bar .top-index-btn-container .top-index-box a.g974:hover{background-position:0px -245px;}
#home-top-bar .top-index-btn-container .top-index-box a.g610:hover{background-position:-124px -245px;}
#home-top-bar .top-index-btn-container .top-index-box a.g981:hover{background-position:-248px -245px;}
#home-top-bar .top-index-btn-container .top-index-box a.g626:hover{background-position:-372px -245px;}
#home-top-bar .top-index-btn-container .top-index-box a.g979:hover{background-position:-496px -245px;}
#home-top-bar .top-index-btn-container .top-index-box a.g266:hover{background-position:-620px -245px;}
#home-top-bar .top-index-btn-container .top-index-box a.g629:hover{background-position:-744px -245px;}
#home-top-bar .top-index-btn-container .top-index-box a.g1181:hover{background-position:-868px -245px;}
#home-top-bar .top-index-btn-container .top-index-box a.g254:hover{background-position:-992px -245px;}
#home-top-bar .top-index-btn-container .top-index-box a.g1182:hover{background-position:-1116px -245px;}

#home-top-bar .top-index-btn-container .top-index-box a.g627:hover{background-position:0px -280px;}
#home-top-bar .top-index-btn-container .top-index-box a.g620:hover{background-position:-124px -280px;}
#home-top-bar .top-index-btn-container .top-index-box a.g628:hover{background-position:-248px -280px;}
#home-top-bar .top-index-btn-container .top-index-box a.g618:hover{background-position:-372px -280px;}
#home-top-bar .top-index-btn-container .top-index-box a.g1180:hover{background-position:-496px -280px;}
#home-top-bar .top-index-btn-container .top-index-box a.g10:hover{background-position:-620px -280px;}
#home-top-bar .top-index-btn-container .top-index-box a.g14:hover{background-position:-744px -280px;}
#home-top-bar .top-index-btn-container .top-index-box a.g983:hover{background-position:-868px -280px;}
#home-top-bar .top-index-btn-container .top-index-box a.g1412:hover{background-position:-992px -280px;}
#home-top-bar .top-index-btn-container .top-index-box a.g484:hover{background-position:-1116px -280px;}

#home-top-bar .top-index-btn-container .top-index-box a.g1179:hover{background-position:0px -315px;}
#home-top-bar .top-index-btn-container .top-index-box a.g975:hover{background-position:-124px -315px;}
#home-top-bar .top-index-btn-container .top-index-box a.g617:hover{background-position:-248px -315px;}
#home-top-bar .top-index-btn-container .top-index-box a.g977:hover{background-position:-372px -315px;}
#home-top-bar .top-index-btn-container .top-index-box a.g619:hover{background-position:-496px -315px;}
#home-top-bar .top-index-btn-container .top-index-box a.g980:hover{background-position:-620px -315px;}
#home-top-bar .top-index-btn-container .top-index-box a.g356:hover{background-position:-744px -315px;}
#home-top-bar .top-index-btn-container .top-index-box a.g719:hover{background-position:-868px -315px;}
#home-top-bar .top-index-btn-container .top-index-box a.g6:hover{background-position:-992px -315px;}
#home-top-bar .top-index-btn-container .top-index-box a.g31:hover{background-position:-1116px -315px;}


#home-top-bar .index-btn{background-position:-60px 0px;}
#home-top-bar .index-btn:hover{background-position:-90px 0px;}

#home-top-bar .login-btn,
#home-top-bar .reg-btn{
	font-family: "微軟正黑體","Microsoft Jhenghei","Helvetica Neue",Helvetica,Arial,sans-serif !important;

	color: #FFF;
	font-size: 14px;
	padding: 1px 5px;
	margin:4px;
	text-indent:0;


	line-height: 18px !important;
	display: inline-block;
	text-align: center;
	vertical-align: middle;

	width:45px;
	height:20px;

}
#home-top-bar .login-btn{	border-right:1px solid #FFF;}
#home-top-bar .login-btn:hover{}
#home-top-bar .reg-btn{}
#home-top-bar .reg-btn:hover{}

#home-top-bar #top-bar-mine-container{
	float:right;
}
#home-top-bar #top-bar-mine-container #top-mine-btn {
width: 30px;
text-indent: 0px;
cursor: pointer;
background-image: none;
height: 30px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
position: relative;
float: right;
}

#home-top-bar #top-bar-mine-container:hover #top-mine-btn{
	background-color:#FF7500;
}
#home-top-bar #top-bar-mine-container #top-mine-btn .thumb{
	float:left;
	margin-top:5px;
	margin-left:5px;
	width:20px;
	height:20px;
}
#home-top-bar #top-bar-mine-container #top-mine-btn .thumb .img{
	width:22px;
	height:22px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}

#home-top-bar #top-bar-mine-container #top-mine-btn #notification-bulb{
	position:absolute;
	right:0px;
	top:0px;
	width:20px;
	height:20px;
	background-image:url(/images/r13/home/uwants-interface-element.png);
	background-position:-74px -180px;
}
#home-top-bar #top-bar-mine-container #top-mine-btn #notification-bulb.bulb-off{
	display:none;
}
#home-top-bar #top-bar-mine-container #top-mine-btn #notification-bulb.buld-on{
	display:block;
}
#home-top-bar #top-bar-mine-container #top-mine-btn .title{
	margin-top:5px;
	margin-left:40px;
    font-family: "微軟正黑體", "Microsoft JhengHei","Mac 儷中黑","Apple LiGothic Medium","黑體","SimHei";
	height:30px;
	line-height:29px;
	overflow:hidden;
	width:60px;
}
#home-top-bar #top-bar-mine-container #top-mine-box{
	display:none;
	width:350px;
	position:absolute;
	right:100px;
	top:30px;
	background-color:#FFF;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 2px 10px rgba(0, 0, 0, 0.5);
}
#home-top-bar #top-bar-mine-container .mine-box-on{
	display:block !important;
}
#home-top-bar #top-bar-mine-container #box-area{
	text-align:left;
	color:#999;
	margin:10px;
}
#home-top-bar #top-bar-mine-container #box-area .title{
	font-size:11px;
	border-bottom:1px solid #CCC;
	position:relative;
}
#home-top-bar #top-bar-mine-container #box-area .title .more{
	display:inline-block;
	*display: inline;
	zoom: 1;
	height:14px;
	line-height:14px;
	padding:0px 3px;
	margin-left:5px;
	background-color:#046EBF;
	color:#FFF;
	text-decoration:none;
	position:absolute;
	right:0px;
	bottom:2px;
}
#home-top-bar #top-bar-mine-container #box-area .title .more:hover{
	background-color:#083E69;
}
#home-top-bar #top-bar-mine-container #top-mine-box .activity{
	margin:0px;
	padding:0px;
}
#home-top-bar #top-bar-mine-container #top-mine-box .activity li{
	list-style:none;
	font-size:12px;
}
#home-top-bar #top-bar-mine-container #top-mine-box .activity li a{
	display:block;
	padding:3px 0px;
	text-decoration:none;
	border-bottom:1px solid #CCC;
}
#home-top-bar #top-bar-mine-container #top-mine-box .activity li a:hover{
	background-color:#FCFCFC;
}
#home-top-bar #top-bar-mine-container #top-mine-box .activity li a .type{
	width:80px;
	height:20px;
	overflow:hidden;
	float:left;
	color:#999;
}
#home-top-bar #top-bar-mine-container #top-mine-box .activity li a .text{
	margin-left:85px;
}
#home-top-bar #top-bar-mine-container #top-mine-box .mine-link{
	margin:0px;
	padding:0px;
	margin-top:5px;
}
#home-top-bar #top-bar-mine-container #top-mine-box .mine-link li{
	display:block;
	list-style:none;
	height:55px;
	width:107px;
	float:left;
	background-color:#046EBF;
	background-color:#EEE;
	margin-right:3px;
	margin-bottom:3px;
	font-size:16px;
	position:relative;
}
#home-top-bar #top-bar-mine-container #top-mine-box .mine-link li:hover{
	background-color:#083E69;
	background-color:#046EBF;
}
#home-top-bar #top-bar-mine-container #top-mine-box .mine-link li.last{
	margin-right:0px;
	margin-bottom:10px;
}
#home-top-bar #top-bar-mine-container #top-mine-box .mine-link li a{
	height:100%;
	width:100%;
	display:block;
	text-decoration:none;
	color:#666;
}
#home-top-bar #top-bar-mine-container #top-mine-box .mine-link li:hover a{
	color:#FFF;
}
#home-top-bar #top-bar-mine-container #top-mine-box .mine-link li a .notification-bulb-on{
	position:absolute;
	right:0px;
	top:0px;
	width:20px;
	height:20px;
	background-image:url(/images/r13/home/uwants-interface-element.png);
	background-position:-74px -180px;
}
#home-top-bar #top-bar-mine-container #top-mine-box .mine-link li a .text{
	padding:1px;
	text-align:center;
	font-size:12px;
}
#home-top-bar #top-bar-mine-container #top-mine-box .mine-link li a .icon{
	width:110px;
	height:35px;
	background-image:url(/images/r13/home/uwants-interface-element.png);
	background-position:0px -310px;
}

#home-top-bar #top-bar-mine-container #top-mine-box .mine-link li a .threads{background-position:0px -310px;}
#home-top-bar #top-bar-mine-container #top-mine-box .mine-link li a .shortcuts{background-position:-110px -310px;}
#home-top-bar #top-bar-mine-container #top-mine-box .mine-link li a .favorites{background-position:-220px -310px;}
#home-top-bar #top-bar-mine-container #top-mine-box .mine-link li a .subscriptions{background-position:-330px -310px;}
#home-top-bar #top-bar-mine-container #top-mine-box .mine-link li a .buddylist{background-position:-440px -310px;}
#home-top-bar #top-bar-mine-container #top-mine-box .mine-link li a .profile{background-position:-550px -310px;}
#home-top-bar #top-bar-mine-container #top-mine-box .mine-link li a .pm{background-position:-660px -310px;}
#home-top-bar #top-bar-mine-container #top-mine-box .mine-link li a .im{
	background-image: url(/images/chat/chatroom_canvas_icon_grey.png);
	background-position: 12px 6px;
	background-size: 75%;
	background-repeat: no-repeat;
	opacity: 0.45;
}
#home-top-bar #top-bar-mine-container #top-mine-box .mine-link li a .weibo{background-position:-770px -310px;}
#home-top-bar #top-bar-mine-container #top-mine-box .mine-link li a .myinfo{background-position:-880px -310px;}

#home-top-bar #top-bar-mine-container #top-mine-box .mine-link li:hover a .threads{background-position:0px -345px;}
#home-top-bar #top-bar-mine-container #top-mine-box .mine-link li:hover a .shortcuts{background-position:-110px -345px;}
#home-top-bar #top-bar-mine-container #top-mine-box .mine-link li:hover a .favorites{background-position:-220px -345px;}
#home-top-bar #top-bar-mine-container #top-mine-box .mine-link li:hover a .subscriptions{background-position:-330px -345px;}
#home-top-bar #top-bar-mine-container #top-mine-box .mine-link li:hover a .buddylist{background-position:-440px -345px;}
#home-top-bar #top-bar-mine-container #top-mine-box .mine-link li:hover a .profile{background-position:-550px -345px;}
#home-top-bar #top-bar-mine-container #top-mine-box .mine-link li:hover a .pm{background-position:-660px -345px;}
#home-top-bar #top-bar-mine-container #top-mine-box .mine-link li:hover a .im{
	background-image: url(/images/chat/chatroom_canvas_icon_white.png);
	background-position: 12px 6px;
	background-size: 75%;
	background-repeat: no-repeat;
	opacity: 1;
}
#home-top-bar #top-bar-mine-container #top-mine-box .mine-link li:hover a .weibo{background-position:-770px -345px;}
#home-top-bar #top-bar-mine-container #top-mine-box .mine-link li:hover a .myinfo{background-position:-880px -345px;}

#home-top-bar #top-bar-mine-container #top-mine-box #mine-box-footer{
	margin-top:5px;
	margin-bottom:5px;
}
#home-top-bar #top-bar-mine-container #top-mine-box #mine-box-footer a{
	display:block;
	width:40px;
	background-color:#AAA;
	color:#FFF;
	font-size:11px;
	height:18px;
	line-height:18px;
	text-align:center;
	float:left;
	text-decoration:none;
}
#home-top-bar #top-bar-mine-container #top-mine-box #mine-box-footer a:hover{
	background-color:#F00;
}



/*

#top-search-box{
	background-color:#EEE;
	width:250px;
	text-align:left;
	float:right;
	height:24px;
	margin:7px 10px;
	margin-right:10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-bottom:#FCC 1px solid;
	border-top:#630 1px solid;
	border-left:#963 1px solid;
	border-right:#A96 1px solid;
	position:relative;

}
#top-search-box .search-type{
	width:50px;
	background-color:#EEE;
	border:0px;
	margin-left:2px;
	cursor:pointer;
	outline:none;
	-webkit-appearance: none;
}


#top-search-box .search-type option:hover{
	background-color:#DDD;
}


#top-search-box input.search-field{
	border:0px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height:16px;
	line-height:16px;
	margin-left:2px;
	background-color:#EEE;
	width:160px;
	text-indent:5px;
	padding:0px;
	margin-top:5px;
}
#top-search-box input.search-field::-webkit-input-placeholder {

}
#top-search-box input.search-btn{
	width:20px;
	height:20px;
	position:absolute;
	right:2px;
	top:2px;
	background-image:url(/images/r13/home/uwants-interface-element.png);
	background-position:-90px -30px;
	text-indent:-999px;
	overflow:hidden;
	border:0px;
	outline:0px;
	cursor:pointer;
	border: none;
    outline: none;
	padding:0px;
}
#top-search-box input.search-btn:hover{
	background-position:-110px -30px;
}
*/
#search{
	height:28px;
	width:205px;
	float:right;
	position:relative;
}
#searchcontainer > div{
	position:absolute;
	width:60px;
	left:0px;
	top:5px;
	height:28px;
	text-align:left;
}
#searchcontainer > div a{
	display:block;
	height:20px;
	line-height:20px;
	color:#666;
	text-decoration:none;
	font-size:12px;
	background-color:#FFF;
	margin-left:10px;
	border:1px solid #999;
	border-right:0px;
	background-image:url(/images/r13/home/search-arrow.png);
	background-position: 38px 7px;
	background-repeat:no-repeat;
}
#searchcontainer > div a #currentsearchitem{
	line-height:18px;
	text-indent:5px;
}

#home-top-bar-container #srchtxt{
	position:absolute;
	left:60px;
	top:5px;
	height:20px;
	line-height:20px;
	border:1px solid #999;
	border-left:0px;
	padding:0px;
	margin:0px;
	width:135px;
	-webkit-appearance: none;
    border-radius: 0;
}
#search .submit{
	background-image:url(/images/r13/home/uwants-interface-element.png);
	background-position:-90px -30px;
	text-indent:-999px;
	width:18px;
	height:18px;
	position:absolute;
	top:6px;
	left:170px;
	padding:0px;
}
#search .submit:hover{
	background-position:-110px -30px;
}

#search #searchbox_menu{
	position:absolute;
	left:10px;
	top:25px;
	color:#666;
	font-size:12px;
	background-color:#FFF;
	width:50px;
	border:1px solid #999;
	border-top:1px solid #DDD;
	text-align:left;
}
#search #searchbox_menu ul{
	margin:0px;
	padding:0px;
}
#search #searchbox_menu ul li{
	margin:0px;
	padding:0px;
	list-style:none;
}
#search #searchbox_menu ul li a{
	display:block;
	height:25px;
	line-height:25px;
	text-indent:5px;
	color:#666;
	text-decoration:none;
}
#search #searchbox_menu ul li a:hover{
	background-color:#EEE;
}




/*----------------------------------*/
#home-top-bar-container.extended .login-btn{margin-right:0px;}


#home-top-bar #top-login-box{
	position:absolute;
	right:280px;
	background-color:#FFF;
	width:270px;
	height:190px;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 0px 5px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 0px 5px rgba(0, 0, 0, 0.5);
	top:38px;
	border:1px solid #999;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	display:none;
	color:#666;
	font-size:12px;
	text-align:left;
	line-height:16px;
}


#top-login-box .login-box-content{
	width:230px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}
#top-login-box .login-box-content .login-box-field{
	border:1px solid #999;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin:0px 0px;
	margin-bottom:15px;
	font-size:12px;
	height:18px;
	line-height:18px;
	text-indent:5px;

}
#top-login-box .login-box-content .login-box-field::-webkit-input-placeholder { color:#AAA; }
#top-login-box .login-box-content .login-box-field::-moz-placeholder { color:#AAA; }
#top-login-box .login-box-content .login-box-field:focus{
	border:1px solid #666;
	-webkit-box-shadow: 0px 0px 10px rgba(38, 121, 255, 0.2);
	box-shadow:         0px 0px 10px rgba(38, 121, 255, 0.2);

}
#top-login-box .login-box-content .full-width{
	padding:1px 0px;
	width:228px;
}
#home-top-bar #top-login-box .top-arrow{
	position:absolute;
	width:10px;
	height:10px;
	right:115px;
	top:-10px;
	background-image:url(/images/r13/home/uwants-interface-element.png);
	background-position:-75px -30px;
}
.login-box-field-title{
	font-size:12px;
	color:#333;

}
#top-login-box .login-box-content .login-box-btn-login, #top-login-box .login-box-content .login-box-btn-reg{
	width:110px;
	height:30px;
	border:0px solid #FFF;
	background-image:url(/images/r13/home/uwants-interface-element.png);
	background-repeat:no-repeat;
	background-position:0px -115px;
	background-color:transparent;
	text-indent:-999px;
	overflow:hidden;
	cursor:pointer;
}
#top-login-box .login-box-content .login-box-btn-login{
	margin-right:10px;
}
#top-login-box .login-box-content .login-box-btn-login:hover{background-position:-110px -115px;}
#top-login-box .login-box-content .login-box-btn-login:active{background-position:-220px -115px;}
#top-login-box .login-box-content .login-box-btn-reg{background-position:0px -145px;}
#top-login-box .login-box-content .login-box-btn-reg:hover{background-position:-110px -145px;}
#top-login-box .login-box-content .login-box-btn-reg:active{background-position:-220px -145px;}



#top-login-box .login-box-additional-info{
	position:absolute;
	bottom:10px;
	right:20px;
}
#top-login-box .login-box-additional-info a{
	color:#06F;
	text-decoration:none;
}
#top-login-box .login-box-additional-info a:hover{
	text-decoration:underline;
}
/*---------------------*/


#home-top-bar .top-btn#top-service-btn, #home-top-bar .top-btn#top-bar-weibo, #home-top-bar .top-btn#top-circle-btn{
	margin:0px;
	float:left;
}
#home-top-bar .top-btn#top-bar-weibo{display:none;} /*deleted function*/
#home-top-bar .top-btn#top-service-btn{
	background-position:-215px -35px;
	transform:scale(0.8);
}
#home-top-bar .top-btn#top-bar-weibo{
	background-position:-295px -35px;
	transform:scale(0.8);
}
#home-top-bar .top-btn#top-circle-btn{
	background-position:-375px -115px;
	transform:scale(0.8);
}
.top-bar-service-container{
	position:relative;
	width:30px;
	float:left;
}
.top-bar-service-container:hover .top-btn#top-service-btn{
	background-color:#FF6600;
}
#home-top-bar .top-btn#top-bar-weibo:hover{
	background-color:#FF6600;
}
#home-top-bar .top-btn#top-circle-btn:hover{
	background-color:#FF6600;
}

#top-service-box{
	position:absolute;
	right:0px;
	top:30px;
	width:620px;
	background-image:url(/images/r13/home/black-70.png);
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	border-bottom-left-radius: 8px;
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 2px 10px rgba(0, 0, 0, 0.3);
	display:none;
	z-index:16;
}
#top-service-box .box-title{
	color:#FFF;
	font-size:11px;
	margin-top:2px;
	text-align:left;
	margin-left:10px;
}
#top-service-box .service-with-logo{
	margin:0px 10px;
	height:134px;
	overflow:hidden;
	background-color:#FFF;
}
#top-service-box .service-with-logo a{
	display:block;
	float:left;
	width:148px;
	text-align:center;
	height:65px;
	overflow:hidden;
	background-color:#FFF;
	text-decoration:none;
	border-left:1px solid #FFF;
	border-right:1px solid #DDD;
	border-top:1px solid #FFF;
	border-bottom:1px solid #DDD;
}
#top-service-box .service-with-logo a:hover{
	background-color:#F9F9F9;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
}
#top-service-box .service-with-logo a img{
	display:block;
	margin:auto;
}
#top-service-box .service-with-logo a span{
	font-size:12px;
	display:none;
}
#top-service-box .service-text{
	margin:0px 10px 10px 10px;
	background-color:#EEE;
	height:28px;
	clear:both;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	border-bottom-left-radius: 8px;
	overflow:hidden;
}
#top-service-box .service-text a{
	display:block;
	padding:0px 5px;
	font-size:12px;
	height:28px;
	line-height:28px;
	text-decoration:none;
	border-right:1px solid #DDD;
	border-left:1px solid #FFF;
	float:left;
}
#top-service-box .service-text a:hover{
	background-color:#E6E6E6;
	border-right:1px solid #DDD;
	border-left:1px solid #DDD;
}

#top-function-btn-group .top-bar-link-admincp{
	position:relative;
	background-repeat:no-repeat;
	background-position: -375px -35px;
	transform:scale(0.8);
	margin:0px;
	float:left;
}

#top-function-btn-group .top-bar-link-admincp:hover{
	background-color:#FF6600;
}
#top-function-btn-group .top-bar-link-adminchat{
	position:relative;
	background-repeat:no-repeat;
	background-position:-375px -75px;
	transform:scale(0.8);
	margin:0px;
	float:left;
}

#top-function-btn-group .top-bar-link-adminchat:hover{
	background-color:#FF6600;
}

/*-----*/
#home-top-bar-container #back_to_home{
	display:none;
	position:absolute;
	height:40px;
	z-index:1;
}
#home-top-bar-container #back_to_home img{
	margin-top:4px;
}

/*---------------------*/
.top-nav-bar{
	position:absolute;
	left:90px;
	top:0px;
	width:90%;
	height:28px;
	padding-top: 2px;
	overflow:hidden;
}
.top-nav-bar .nav-bar-level {
	float:left;
	position:relative;
}
.top-nav-bar .nav-bar-level a{
	padding:1px 15px 1px 20px;
	line-height:23px;
	display:block;
	color: #FFF;
	font-size:14px;
}
.top-nav-bar .arrow-right {
	width: 14px;
	height: 25px;
	background-image:url(/images/r13/home/uwants-interface-element.png);
	position:absolute;
	right:-14px;
	top:0px;
	z-index:1;
}
.top-nav-bar .bar-level-2 a{background-color:#552200; border-top-left-radius:3px; border-bottom-left-radius:3px; padding-left:15px;}
.top-nav-bar .bar-level-3 a{background-color:#774400;}
.top-nav-bar .bar-level-4 a{background-color:#995400;}


.top-nav-bar .bar-level-2 .arrow-right{background-position:-600px 0px;}
.top-nav-bar .bar-level-3 .arrow-right{background-position:-620px 0px;}
.top-nav-bar .bar-level-4 .arrow-right{background-position:-640px 0px;}




.top-nav-bar .nav-bar-level a img{
	margin-top:2px;
	vertical-align:middle;
}
.top-nav-bar .nav-bar-level a:hover img{
	margin-top:3px;
	vertical-align:middle;
}
.nav-bar-current-post{
	font-size:13px;
	font-weight:bold;
	float:left;
	height:26px;
	line-height:26px;
	margin-left:18px;
}
.nav-bar-current-post a{
	color:#441100;
	text-shadow:0px 1px 1px #FFC086;
}
.nav-bar-current-post a:hover{
	color:#220000;
	text-decoration:none;
}



/*---------------------*/

/*---Start of Transform for index2, forumdisplay, viewthread----------------------------------------------------------------*/


/*---980 + full----------*/
.innerpage-980 #logo-container, .innerpage-full #logo-container{
	display:none;
}

.innerpage-980 #home-top-bar .back-to-top, .innerpage-full #home-top-bar .back-to-top{
	top:2px;
}
.innerpage-980 #top-bar-function-left #top-function-btn-group, .innerpage-full #top-bar-function-left #top-function-btn-group{
	/*left:80px;*/
}
#home-top-bar-container.innerpage-980  #back_to_home, #home-top-bar-container.innerpage-full  #back_to_home{
	/*display:block;   hide the button 2014-04-02*/
}
/*--- full ---*/
.innerpage-full #home-top-bar{
	width:100%;
	min-width:800px;
}
.innerpage-full #home-top-bar #top-bar-function-left{
	margin-left:10px;
}
.innerpage-full #home-top-bar #top-bar-function-right{
	margin-right:10px;
}

/*--- for inner page ---*/
#mainbody{
	margin-top:51px;
}

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*---For Retina Display----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
     only screen and (min-device-pixel-ratio: 1.5) {
	#home-top-bar .top-btn, #home-top-bar #top-bar-mine-container #top-mine-btn #notification-bulb, #home-top-bar #top-bar-mine-container #top-mine-box .mine-link li a .notification-bulb-on, #home-top-bar #top-bar-mine-container #top-mine-box .mine-link li a .icon, #top-search-box input.search-btn, #home-top-bar #top-login-box .top-arrow, #top-login-box .login-box-content .login-box-btn-login, #top-login-box .login-box-content .login-box-btn-reg, .top-nav-bar .arrow-right {
		background-image:url(/images/r13/home/uwants-interface-element@2x.png);
		background-size:1100px 600px;
	}
	#home-top-bar .top-index-btn-container .top-index-box a{
		background-image:url(/images/r13/home/top-index-bg@2x.png);
		background-size:1240px 630px;
	  }
}



/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*---For iPad------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  /* rules that only apply for canvases narrower than 1024px */
  #home-top-bar-container.extended, #home-top-bar-container.standard #home-top-bar{
	-webkit-box-shadow:none;
	box-shadow:none;
	position:relative;
  }
  #home-top-bar .top-index-btn-container .top-index-box a{
	text-shadow:none;
  }
  #home-top-bar .top-index-btn-container .top-index-box{
	  /*
	  background-image:none;
	  background-color:#999;
		-webkit-border-bottom-right-radius:8px;
		-webkit-border-bottom-left-radius:8px;
		border-bottom-right-radius:8px;
		border-bottom-left-radius: 8px;
		-webkit-box-shadow:none;
		box-shadow:none;
	*/
  }
  #home-top-bar #top-bar-mine-container #top-mine-box{
	  -webkit-box-shadow:none;
	  box-shadow:none;
	  border-left:1px solid #CCC;
	  border-right:1px solid #CCC;
	  border-bottom:1px solid #BBB;
  }
  #home-top-bar #top-login-box{
	  -webkit-box-shadow:none;
	box-shadow:none;
  }

  #login-box .login-box-content .login-box-field:focus{
	-webkit-box-shadow:none;
	box-shadow:none;
  }
}
/*--------------------------------------------------------------------------------------------------------------*/

/*---start of contorl the back to home button in different screen size-----------------------------------------*/
@media only screen and (max-width: 1160px) {
  /*---980----------*/
  #home-top-bar-container.innerpage-980  #back_to_home{
	display:none;
  }
}
/*---end of contorl the back to home button in different screen size-----------------------------------------*/


/*-----------------------------------------------------------------------------------------------------------------*/
/*---For Special Ads---*/
.pageskin #home-top-bar-container{
	position: absolute;
	width: 1007px;
	margin-left: -504px;
	left: 50%;
	margin-top: 90px;
}
.pageskin #page{
	margin-top:90px;
}
.pageskin #back-to-top{
	display:none;
}
.pageskin #home-top-bar-container.top-bar-fixed-when-scroll{
	position:fixed;
	margin-top:0px;
}
.pageskin #home-top-bar-container.top-bar-fixed-when-scroll #back-to-top{
	display:block;
}
/*--- End of For Special Ads----------------------------------------------------------------------------------------*/

/*20161228 notification center */
.top_btn img {
    height: 50%;
    width: 50%;
    vertical-align: middle;
    max-height: 100%;
    max-width: 100%;
    margin: 7px auto;
    display: block;
}

#noti_btn, #chat_btn {
    position: relative;
}

#noti_btn_icon {
    background-image: url(/images/notification/icon_notification.png);
    width: 24px;
    height: 30px;
    display: block;
}

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

#top-menu-btn-notification-num , #top-menu-btn-chat-num {
    display: none;
    min-width: 13px;
    height: 13px;
    padding: 4%;
    position: absolute;
    right: -2px;
    top: 2px;
    text-indent: initial;
    background-color: red;
    border-radius: 17px;
    line-height: 12px !important;
    color: white;
    font-size: 10px;
    text-align: center;
    box-sizing: content-box;
}

.noti-box-wrapper {
    display: none;
    width: 370px;
    max-height: 70vh;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 30px;
    padding-bottom: 10px;
    overflow: hidden;
    background-image: url(/images/r13/home/black-70.png);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    z-index: 17;
}

.noti-box-wrapper.noti-box-wrapper-empty {
    height: auto;
}

.noti-box-wrapper .box-title {
    color: #fff;
    font-size: 11px;
    margin: 2px 10px;
    text-align: left;
}

.noti-box-wrapper .outer {
    position: relative;
    max-height: calc(100% - 25px);
    overflow-x: hidden;
    overflow-y: auto;
}

.noti-box-wrapper::-webkit-scrollbar,
.noti-box-wrapper .outer::-webkit-scrollbar {
    width: 0.4em;
    background-color: transparent;
}

.noti-box-wrapper::-webkit-scrollbar-track,
.noti-box-wrapper .outer::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.noti-box-wrapper::-webkit-scrollbar-thumb,
.noti-box-wrapper .outer::-webkit-scrollbar-thumb {
    background-color: #777;
    outline: 1px solid #eee;
    border-radius: 10px;
}

.noti-box-wrapper .inner {
    padding: 2px 5px 0;
	overflow-y: auto;
	max-height: 560px;
}

.notification-msg-icon-subscription {
    background-image: url(/images/notification/notification_icon_2.png);
    background-position: center center;
}

.notification-msg-icon-marketing {
    background-image: url(/images/notification/notification_icon_3.png);
    background-position: center center;
}

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

.notification-msg-icon-my {
    background-image: url(/images/notification/notification_icon_5.png);
    background-position: center center;
}
.notification-msg-icon-quote {
    background-image: url(/images/notification/notification_icon_7.png);
    background-position: center center;
}

.notification-msg-icon-default {
    background-image: url(/images/notification/notification_icon_default.png);
    background-position: center center;
}

.notification-msg-icon-time {
    background-image: url(/images/notification/icon-time.png);
    background-position: center center;
}

.notification-msg {
    display: block;
    position: relative;
    margin: 0 6px 6px;
    padding: 5px 10px;
    background-color: #fff;
}

.notification-msg.-unread .noti-unread {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    margin-top: -5px;
    margin-left: -10px;
    border-style: solid;
    border-width: 0px 0px 15px 15px;
    border-bottom-color: transparent;
    color: red;
}

.notification-msg .notification-msg-icon {
    cursor: pointer;
    height: 33px;
    width: 33px;
    float: left;
    overflow: hidden;
    margin-top: 3px;
    margin-right: 12px;
    border-radius: 30px;
    clear: left;
    background-size: 33px 33px;
    background-position: bottom center;
    background-repeat: no-repeat;
}

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

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

.notification-msg .notification-content {
    width: calc(100% - 45px);
    height: auto;
    margin-top: 3px;
    font-size: 13px;
    line-height: 125%;
    text-align: left;
    color:#444;
    overflow: hidden;
    word-wrap: break-word;
}

.notification-msg.-unread .notification-content{
    color: #000;
    font-weight: bold;
}

.notification-msg .notification-msg-time {
    height: auto;
    display: block;
    margin-left: 50px;
    padding: 0;
    font-size: 11px;
    text-align: right;
    color: #8B8B8B;
    clear: none;
}

.notification-msg .notification-msg-time .notification-msg-icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-top: 0;
    margin-bottom: -1px;
    margin-right: 3px;
    color: #888;
    background-size: cover;
    float: none;
    clear: none;
}

.noti-box-wrapper .my-history-container-empty {
    overflow: hidden;
    display: block;
    margin: 0px 6px 5px;
    text-align: center;
    color: #000;
    padding-bottom: 5px;
    background-color: #fff;
}

.my-history-container-empty p {
    text-align: center;
}

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

/*top bar box radius update */
#top-service-box, #top-service-box .service-text, .bar_content .top-index-box {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.index-box-area .main-element {
    border-radius: 0px !important;
}
/* end of 20161228 notification center */