.fn-hide {
	display:none;
}
.fn-left, .fn-right {
	display:inline;
}
.fn-left {
	float:left;
}
.fn-right {
	float:right;
}
html, body {
	height: 100%;
	width: 100%;
}
.ui-iframe {
	width: 100%;
	height: 100%;
	z-index:-3;
	position: absolute;
	background: transparent;
	background-color: transparent;
}
.w960 {
	width: 960px;
	margin: 0 auto;
}
span.new {
	width: 22px;
	height: 12px;
	overflow: hidden;
	display: block;
	position: absolute;
	text-indent: -999px;
	background: url(../images/new.gif) 0 0 no-repeat;
}

.topBar li {
	float: left;
	height: 22px;
	overflow: hidden;
	padding-top: 4px;
	line-height: 22px;
	padding-right: 8px;
	color: #999;
}
.qq-login {
	margin: 0;
	padding: 2px;
	height: 24px;
}
.ui-label {
	color: #666;
	width: auto;
	float: left;
}
.ui-form-field {
	width: 80px;
	height: 18px;
	line-height: 16px;
	font-size: 12px;
	padding: 0 3px;
	margin: 0;
}
.ui-form-field .ui-input {
	height: 16px;
	line-height: 16px;
	padding: 0;
	font-size: 12px;
}
.ui-button {
	width: 38px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	border: 0;
	font-size: 12px;
	float: left;
	margin: 0;
	font-weight: normal;
	cursor: pointer;
	background: #e12160;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.ui-button-active {
	background-position: 0 0;
}
.ui-check {
	margin: 0;
	color: #333;
	font-size: 12px;
}
.ui-check input {
	float: left;
	margin: 5px 5px 0 0;
 *margin: 0px 0 0 -3px;
	cursor: pointer;
}

li.user-dropbox, li.logout {
	height: 30px;
	overflow: inherit;
	float: left;
	color: #333;
	padding: 0;
	margin: 0;
}
li.logout {
	line-height: 27px;
	padding-left: 5px;
}
 @-moz-document url-prefix() {
.sign-in-fn li.logout {
line-height: 25px;
}
}
li.user-bindqq {
	line-height: 27px;
	padding-left: 10px;
}
 @-moz-document url-prefix() {
.sign-in-fn li.user-bindqq {
line-height: 25px;
}
}
li.user-bindqq a {
	color: #e12160;
}
/* user-panel */
.user-panel {
	height: 29px;
	line-height: 27px;
	display: block;
	margin: 0;
	font-size: 12px;
	position: relative;
	float: left;
	padding: 0 8px;
	z-index: 9;
	overflow: hidden;
	border-left: 1px solid #fcfcfc;
	border-right: 1px solid #fcfcfc;
}
 @-moz-document url-prefix() {
.home-sign .user-panel {
line-height: 25px;
}
}
.user-panel-active,  .user-panel:hover {
	height: 30px;
	text-decoration: none;
	border-color: #e5e5e5;
	background: #fff;
}
.logoutbt:hover {
	height: 29px;
	border-bottom: 1px solid #e5e5e5;
}
.user-panel .avatar {
	display: block;
	width: 24px;
	height: 24px;
	overflow: hidden;
	float: left;
	margin: 3px 0 0 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.user-panel span {
	float: left;
	padding: 0 5px;
	cursor: pointer;
}
.user-panel .arrow {
	display: block;
	width: 7px;
	height: 4px;
	float: left;
	margin-top: 12px;
}
/* user-combo */
.user-combo {
	width: 120px;
	position: absolute;
	top: 29px;
	z-index: 8;
	clear: both;
	padding: 2px;
	border: 1px solid #e5e5e5;
	background: #fff;
	display: none;
}
.user-combo li {
	width: 120px;
	height: 32px;
	line-height: 32px;
	float: none;
	padding: 0;
	margin: 0;
}
.user-combo li a {
	width: 100%;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 8px;
	margin: 0;
	float: none;
	border: 1px solid #fff;
	background: #fff;
}
.user-combo li a:hover {
	text-decoration: none;
	border-color: #eee;
	background: #f2f2f2;
}
/* user-dropbox */	
.user-dropbox em {
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	float: left;
	margin: 6px 0 0 0;
	background: url(../images/user.gif?v20120915) no-repeat;
}
.user-dropbox .user-combo li a em {
	margin: 7px 8px 0 0;
 *margin: 9px 8px 0 0;
}
 @-moz-document url-prefix() {
.user-dropbox .user-combo li a em {
margin: 9px 8px 0 0;
}
}
.user-dropbox .user-msg {
	background-position: -80px 0;
}
.user-dropbox .user-sx {
	background-position: -60px 0;
}
.user-dropbox .user-dy {
	background-position: -120px 0;
}
.user-dropbox .user-pl {
	background-position: -100px 0;
}
.user-dropbox .user-avatar {
	background-position: 0 0;
}
.user-dropbox .user-userinfo {
	background-position: -20px 0;
}
.user-dropbox .user-password {
	background-position: -40px 0;
}
.user-dropbox .user-qire {
	background-position: -140px 0;
}
.user-dropbox .user-fav {
	background-position: -40px -20px;
}
.user-dropbox .user-rss {
	background-position: -20px -20px
}
.user-dropbox .user-cmt {
	background-position: -0 -20px
}
.user-dropbox .user-log {
	background-position: -60px -20px;
}
.user-dropbox .user-gb {
	background-position: -80px -20px;
}
.user-dropbox .user-my {
	background-position: -100px -20px;
}
.user-dropbox .user-logout {
	background-position: -155px -16px;
}
.user-dropbox .logoutbt {
	color: #f00;
}

.fogetpass{ margin-left:10px; color:#F30;
}
		/* drop-box */
		.drop-box{
			width: 600px;
			overflow: hidden;			
			position: absolute;
			top: 30px;
			z-index: 8;
			clear: both;
			padding: 5px;
			margin-left: -1px;			
			border: 1px solid #ccc; border-top: none;
			background-color: #fff;
			display: none;
		}	

		
			/* ui-catalog */
			.ui-catalog{
			}		
				.ui-catalog li{
					width: 60px;
					height: 26px;
					line-height: 26px;
					overflow: hidden;
					float: left;
				}
					.ui-catalog li a{
						display: block;
						width: 100%;
						height: 100%;
						font-size: 14px;
						overflow: hidden;
						text-align: center;
					}
					.ui-catalog li a:hover{ 
						color: #fff;
						text-decoration: none;
						background-color: #18c2c8;
					}
	
	/* sign */
	#sign{
		float: right;
	}	
		#sign .nav-link{ padding: 0 18px 0 17px;}
		#sign .nav-link .ui-icon{ margin-right: 0;}
		#sign .drop-box{ padding: 0;}
		
		/* nav-signin */
		#nav-signin{
			width:290px;
			padding: 0;
			margin-left: 0px;
		}
			/* ui-signin */
			#sign .ui-signin{
				width: 250px;
				padding: 5px 20px 20px 20px;
			}
				.ui-signin .ui-form-item{width: 250px;margin: 15px 0 0 0;}
				.ui-signin .ui-form-placeholder .ui-label{left: 48px;}
				.ui-signin .ui-input{ 
					width: 200px;
					padding-left: 48px;
					text-indent: 0;
					background-repeat: no-repeat;
					background-image: url(../images/signin-icon.gif);
				}
					.ui-signin #username{background-position: 0 0;}
					.ui-signin #username.ui-input-focus{background-position: 0 -34px;}
					
					.ui-signin #password{background-position: 0 -68px;}
					.ui-signin #password.ui-input-focus{background-position: 0 -102px;}
				
					.ui-signin .forgot-psw{
						width: 15px;
						height: 15px;		
						position: absolute;
						margin: 0;
						top: 9px;
						right: 9px;
						z-index: 11;
						background: url(../images/signin-icon.gif) 0 -136px no-repeat;
					}					
					.ui-signin .ui-button{float:left;}
			
			/* signin-assist */
			.signin-assist{
				width: 270px;
				height: 30px;
				line-height: 30px;
				overflow: hidden;
				padding: 10px;
				text-align: center;
				border-top: 1px solid #e5e5e5;
				background-color: #f6f8f8;
			}
				.signin-assist .qq-login{
					width: 130px;
					height: 30px;
					margin: 0;
					float: left;
					background: url(../images/qq_login.gif) 0 0 no-repeat;
				}
				.signin-assist p{
					width: 110px;
					text-align: left;
					float: right;
					font-size: 14px;
				}
				
		/*  */
		/* nav-signed */
		#sign .nav-avatar{padding: 0 12px 0 11px;}	
		#sign .nav-avatar span{ display: none;}
		#sign .nav-avatar img{
			display: block;
			width: 32px;
			height: 32px;
			margin: 4px 0 0 0;
		}	
		#nav-signed{
			width: 130px;
			padding: 0;
			margin-left: -75px;
		}										
			/* ui-signed */
			.ui-signed li{
				width: 130px;
				height: 35px;
				overflow: hidden;
			}
				.ui-signed li a{
					display: block;
					height: 35px;
					line-height: 35px;
					font-size: 14px;
					padding: 0 0 0 15px;
				}
				.ui-signed li a:hover{
					text-decoration: none;
					background-color: #eee;
				}			
				.ui-signed .ui-icon{
					width: 20px;
					height: 20px;
					float: left;
					margin: 8px 7px 0 0;
				}				
				.ui-signed .user-qire{background-position: 0 -80px;}
				.ui-signed .user-edit{background-position: -140px -80px;}
				.ui-signed .user-fav{ background-position: -20px -80px;}
				.ui-signed .user-rss{ background-position: -40px -80px}
				.ui-signed .user-cmt{ background-position: -60px -80px}
				.ui-signed .user-log{ background-position: -80px -80px;}
				.ui-signed .user-gb{ background-position: -100px -80px;}
				.ui-signed .user-logout{background-position: -120px -80px;}
				
				.ui-signed a:hover .user-qire{background-position: 0 -100px;}
				.ui-signed a:hover .user-edit{background-position: -140px -100px;}
				.ui-signed a:hover .user-fav{ background-position: -20px -100px;}
				.ui-signed a:hover .user-rss{ background-position: -40px -100px}
				.ui-signed a:hover .user-cmt{ background-position: -60px -100px}
				.ui-signed a:hover .user-log{ background-position: -80px -100px;}
				.ui-signed a:hover .user-gb{ background-position: -100px -100px;}
				.ui-signed a:hover .user-logout{background-position: -120px -100px;}
	
				
			
/* ui-form */
.ui-form{
	padding: 30px 0 30px 30px;
	overflow: hidden;
	clear: both;
}	
	.ui-form-title{
		overflow: hidden;
		margin: -10px 0 20px 0;		
		height: 35px;
		line-height: 20px;
		border-bottom: 1px solid #ddd;
	}
		.ui-form-title h3{
			font-size: 14px;
			font-weight: bold;
		}
		
	/* ui-form-item */	
	.ui-form-item{
		width: 100%;
		overflow: hidden;
		clear: both;
		line-height: 35px;
		margin:0 0 30px 0;
	}
	
	.ui-form-margin0{margin: 0;}
	.ui-form-info{
		height: 35px;
		line-height: 35px;
		overflow: hidden;
		margin: 10px 0 0 0;
	}
		
	/* ui-label */	
	.ui-label{
		height: 35px;
		line-height: 35px;
		overflow: hidden;
		font-size:14px;
		text-align:right;		
		padding-right: 10px;
		float: left;
	}
	
	/* ui-input */	
	.ui-input,
	.ui-select{		
		height: 33px;
		line-height: 33px;
		overflow: hidden;
		color: #333;
		font-size: 14px;
		text-indent: 10px;
		float: left;
		border: 1px solid #ddd;
		background: url(../images/input.gif) 0 0 repeat-x;
		background-color: #fbfbfb;
	}	
	.ui-input-hover{
		border-color: #ccc;
	}	
	.ui-input-focus{		
		background-image: url(../images/input-focus.gif);
		border-color: #18c2c8;
		background-color: #fff;
	}	
	
	/* ui-textarea */
	.ui-textarea{
		overflow: auto;
		overflow-x: hidden;
		padding: 5px 8px;
		height: 90px;
		text-indent: 0;
		line-height: 18px;
	}
	
	/* ui-form-placeholder */
	.ui-form-placeholder{
		position: relative;
		height: 35px;
	}
		.ui-form-placeholder .ui-label{
			text-align: left;
			padding: 0;	
			top: 0;
			left: 12px;
			z-index: 1;
			position: absolute;
			cursor: text;
		}
		.ui-form-placeholder .ui-input{
			position: absolute;
			top: 0;
			left: 0;
			z-index: 2;
		}

	/* ui-select */		
	.ui-select{
		text-indent: 0;
		padding: 0 8px;
		margin: 0 10px 0 0;
	}		
		.ui-select select{
			font-size: 14px;
			border: 0 none;
			background-color: #fbfbfb;
			_margin-top: 5px;
		}
		
	.ui-form-block{
		float: left;
		overflow: hidden;
		line-height: 35px;
	}
	
	.ui-button{
		width: 100px;
		height: 35px;
		line-height: 35px;
		overflow: hidden;
		border: 0 none;
		cursor: pointer;
		color: #fff;
		font-size: 14px;
		font-weight: 700;
		text-align: center;
		background-color: #18c2c8;
		border-radius: 1px;
	}
	@-moz-document url-prefix(){.ui-button{ padding-bottom: 6px;}}	
	.ui-button-hover,
	.ui-button:hover{
		color: #fff;
		text-decoration: none;
		background-color: #e12160;
	}
	.ui-button:active{
		box-shadow: 0 2px 3px rgba(0,0,0,0.2) inset;
	}
	
	
	
	.ui-form-select{
		background: #fff;
	}
		.ui-form-select select{
			font-size: 14px;
			float: left;
			margin: 6px 0 0 0;
			border: 0;
		}
	
	/* ui-message */
	.ui-message{
		color:#999;
		font-size:12px;
		height: 33px;
		line-height: 31px;
		padding: 0 10px 0 30px;
		overflow: hidden;
		color: #666;
		border: 1px solid #eee;		
		background-repeat: no-repeat;
		background-position: 8px 8px;
		background-color: #fcfcfc;
		border-radius: 2px;		
		float: left;
	}
	.ui-message-clear{
		clear: both;
		float: none;
		padding: 3px 0 0 140px;
		line-height: 18px;
		height: auto;
		border: 0 none;
		background: none;
	}
		.onShow{		
			background-image: url(../images/valid/onShow.gif);
			background-position: 9px 9px;
		}
		.onFocus{
			color: #26c;
			border-color: #cdd9f5;
			background-image: url(../images/valid/onFocus.gif);
		   background-color:#e9f7ff; 
		}
		.onError{
			color: #c00;
			border-color: #f3dbcb;
			background-image: url(../images/valid/onError.gif);
			background-color:#FFF2E9; 
		}
		.onCorrect{
			color: #080;
			border-color: #cdefd0;
			background-image: url(../images/valid/onCorrect.gif);
			background-color:#E9FFEB; 
		}
		.onLoad{
			 background-image: url(../images/valid/onLoad.gif);
			 background-position: 6px 7px;
		}
		
	/* ui-message-fixed */
	.ui-message-fixed{
		position: absolute;
	}	 
	
	/* ui-label-checkbox */
	.ui-form-checkbox{ margin: -15px 0 15px 0;}
	.ui-label-checkbox{
		float: left; 
		height: 35px;
		line-height: 35px;
		overflow: hidden;
		margin: 0 10px 0 0;
		font-size: 14px;
		cursor: pointer;
	}
		.ui-label-checkbox input{ 
			float: left; 
			margin: 12px 5px 0 0; 
			*margin: 6px 3px 0 -3px;
			_margin: 6px 0 0 -3px;
			cursor: pointer;
		}
					