body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
fieldset, img {border: 0;}
:focus {outline: 0;}
address, caption, cite, code, dfn,
em, th, var, optgroup {font-style: normal;font-weight: normal;}

h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
abbr, acronym {border: 0;font-variant: normal;}

input, button, textarea,
select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
code, kbd, samp, tt {font-size: 100%;}
input, button, textarea, select {*font-size: 100%;}
body {line-height: 1.5;}
ol, ul {list-style: none;}
table {border-collapse: collapse;	border-spacing: 0;}
caption, th {text-align: left;}
sup, sub {font-size: 100%;vertical-align: baseline;}
:link, :visited , ins {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

.fn-clear:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.fn-clear{
	zoom:1; /* for IE6 IE7 */
}
body .fn-hide {display:none;}
.fn-left,.fn-right {display:inline;}
.fn-left {float:left;}
.fn-right {float:right;}



body{
	font-size:14px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color: #666;
	background-color: #151515;
}

a{
	color: #FFF;
	text-decoration: none;
}
a:link{ text-decoration: none;}
a:visted{ text-decoration: none;}
a:active{
	text-decoration: none;
}
a:hover{ text-decoration: none;}

.wrap{
	width: 960px;
	margin: 0 auto;
}

*html,*html body{
	background-image:url(about:blank);
	background-attachment:fixed;
}

/* header */
.header{
	position: fixed;
	left: 0;
	right: 0;
	_position:absolute;

	_top: expression(documentElement.scrollTop + "px"); 
	z-index: 99;
background-color: #FC6520;
    border-top: 4px solid #ef450a;
}
.head-bar{
	width: 960px;
	height: 80px;
	padding: 10px 0;
	overflow: hidden;
	margin: 0 auto;
}
	/* logo */
	.logo{margin: 0 20px 0 0;}
	.logo,.logo img{
		width: 200px;
		
		display: block;
		overflow: hidden;
	}
	
	/* gb-logo */
	.gb-logo{margin: 13px 0 0 0;}
	.gb-logo,.gb-logo img{
		width: 160px;
		height: 54px;
		display: block;
		overflow: hidden;
	}
	
	/* top-bar */
	.top-bar{
		width: 300px;
		height: 36px;
		line-height: 24px;
		text-align: right;
		overflow: hidden;
	}
		.top-bar a{
	padding: 0 0 0 10px;
	margin: 0 0 0 15px;
	background-image: url(dot2.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
		}
	

	/* search */
	.search{
		width: 450px; 
		height: 34px;
		overflow: hidden;
	}
		.search .ui-label{
			float: left;
			line-height: 34px;
			font-weight: bold;
		}
		.search .ui-search{
			width: 250px;
			float: left;
			padding: 5px 8px;
			height: 22px;
			overflow: hidden;
			border: 1px solid #ccc;
			background: url(input.gif) 0 0 repeat-x #f8f8f8;
			
			border-radius:1px;
		}
		.search .ui-input-parent-hover{border-color: #B9282F;}
		.search .ui-input-parent{border-color: #B9282F;}
		
		.search .ui-input{
			width: 180px;
			float: left;
			height: 22px;
			line-height: 22px;
			overflow: hidden;
			border: 0;
			color: #B9282F;
			background: transparent;
		}

		.search select{
			width: 60px;
			float: right;
		}
		.search .ui-button{
			width: 100px;
			float: right;
			height: 34px;
			line-height: 32px;
			overflow: hidden;
			text-align: center;
			cursor: pointer;
			font-weight: bold;
			color: #fff;
			border: 1px solid #0098aa;
			background: #B9282F;
			
			border-radius:1px;
		}
		
/* ui-gbook */
.ui-gbook{
	width: 600px;
	float: left;
	margin: 110px 0 0 0;
}		

/* ui-bar */
.ui-bar{
	width: 350px;
	overflow: hidden;
	margin: 110px 0 0 0;
}

/* ui-form */
.ui-form{
	width: 348px;
	overflow: hidden;
	padding: 0 0 10px 0;
	border: 1px solid #323232;
	border-radius:5px;
	background-color: #19191b;
	background-image: url(gbimgtitle.gif);
	background-repeat: no-repeat;
}
	.ui-form-title{
	font-weight: bold;
	height: 30px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}
	.ui-form-item{
		width: 320px;
		padding: 14px 14px 5px 14px;
		overflow: hidden;
	}
		.ui-form .ui-label{
			display: block;
			line-height: 30px;
		}
		.ui-form .ui-input{
	width: 300px;
	float: left;
	clear: both;
	padding: 5px 8px;
	height: 22px;
	overflow: hidden;
	color: #B9282F;
	border: 1px solid #373737;
	border-radius:1px;
	background-color: #212122;
		}
		.ui-form .w45{width: 45px;
			float: left;
			padding: 5px 8px;
			line-height:15px;
			height: 10px;
			overflow: hidden;
				color: #B9282F;
	border: 1px solid #373737;
	border-radius:1px;
	background-color: #212122;
			}
		.voddee{ width:auto; height:25px; line-height:25px;}
		.voddee span{float: left;margin-left: 5px;}
		.vcode{	float: left; }
				.ui-form .ui-code{
			width: 45px;
			float: left;
			padding: 5px 8px;
			line-height:15px;
			height: 10px;
			overflow: hidden;
			color: #B9282F;
			border: 1px solid #ccc;
			background: url(inputa.gif) 0 0 repeat-x #f8f8f8;
			
			border-radius:1px;
		}
		.ui-form .ui-textarea{
			height: 100px;
			line-height: 20px;
			overflow: scroll;
			overflow-x: hidden;
		}
		
		.ui-form .ui-input-parent-hover .ui-input{border-color: #B9282F;}
		.ui-form .ui-input-parent .ui-input{border-color: #B9282F;}
		
		.ui-form .ui-button{
			width: 100px;
			float: right;
			height: 34px;
			line-height: 32px;
			overflow: hidden;
			text-align: center;
			cursor: pointer;
			font-weight: bold;
			color: #fff;
			border: 1px solid #B9282F;
			background: #B9282F;
			
			border-radius:1px;
		}
		
		/* gb_types */
		#gb_types li{
	width: 75px;
	height: 30px;
	line-height: 28px;
	overflow: hidden;
	float: left;
	text-align: center;
	cursor: pointer;
	margin: 0 3px 0 0;
	border: 1px solid #373737;
	border-radius:5px;
	background-color: #212122;
		}
			#gb_types li.selected{
				color: #fff;
				font-weight: bold;
				border: 1px solid #aa0038;
				background: #B9282F;
			}
			
		/* ui-form-type-msg */	
		.ui-form-type-msg{
			color: #f00;
			width: 296px;
			padding:5px 10px;
			margin:0 14px;
			border-radius:5px;	
			border: 1px solid #d69e66;
			background: #ffc;
      display:none
		}
		
/* ui-message */
.ui-message{
	width: 328px;
	overflow: hidden;
	padding: 10px;
	margin-top: 10px;
	color: #666;
	border: 1px solid #323232;
	border-radius:5px;
	background-color: #19191b;
}		
	.ui-message p{
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 20px;
	background-image: url(dot.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	}
	.ui-message p img{ vertical-align: middle;}
	
/* ui-gb-item */
.ui-gb-item{
	width: 680px;
	position: relative;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -80px;
}	

/* ui-gb-num */
.ui-gb-num{
	width: 70px;
	height: 70px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	overflow: hidden;
	float: left;
	border-radius:5px;
	background-image: url(artimgbg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
	.gb-number{
		display: block;
		margin-top: 10px;
		font-weight: bold;
		font-family: Comic Sans MS;
	}

/* ui-gb-cnt */
.ui-gb-box{
	width: 610px;
	overflow: hidden;
	float: right;
	background: url(gbboot.png) 10px bottom no-repeat;
}	
	.ui-gb-box .ui-gb-cnt-min{
		width: 570px;
		padding: 10px 15px 10px 25px;
		overflow: hidden;
	}
	.ui-gb-cnt .ui-gb-cnt-min{		
		background: url(gb.png) 0 0 no-repeat;
	}
	.ui-gb-reply .ui-gb-cnt-min{
		padding-top: 18px;
		background: url(gbreply.png) 10px 0 no-repeat;
	}
	
/* .ui-title */
.ui-gb-box .ui-title{
	height: 20px;
	line-height: 20px;
	padding: 0 0 5px 0;
	margin: 0 0 8px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #323232;
}
	.ui-gb-box .ui-title h5{
	font-weight: normal;
	color: #b9282f;
} 
	.ui-gb-box .ui-title span{
	float: right;
	font-family: "Comic Sans MS";
	color: #666;
	font-size: 12px;
	}
	
.ui-gb-box .ui-edit{	
	padding: 5px 0 0 0;
	margin: 8px 0 0 0;
	text-align: right;
	border-top: 1px dotted #d2e8fa;
}	
	.ui-gb-box .ui-edit input{ vertical-align: middle;}	
	.ui-gb-box .ui-edit a{ 
		height: 20px;
		line-height: 20px;
		display: inline-block;
		font-size: 12px;
		text-decoration: none;
		vertical-align: middle;
		border: 1px solid #ccc;
		border-radius:1px;
		padding: 0 8px;
		margin: 0 0 0 5px;
		background: #fff;
	}	
	.ui-gb-box .ui-edit a:hover{
		background: #f0f0f0;
	} 
		
/* .ui-gb-reply */
.ui-gb-reply,
.ui-gb-reply .ui-title h5{ color: #080;font-size: 12px;} 	

/* .ui-page */
.ui-page{
	text-align: center;
	overflow: hidden;
	padding: 10px 0;
}	
.ui-page a,
.ui-page label{ margin: 0 5px;}

.ui-page input{
	font-size: 12px;
	padding: 3px 5px;
	cursor: pointer;
	vertical-align: middle;
}

/* ui-page-fixed */
.ui-page-fixed{
	padding: 0;
	background-color: #F6F6F6;
}


/* ui-copyright */
.ui-copyright{
	width: 960px;
	text-align: center;
	padding: 50px 0;
}
	
/* #back-to-top */	
*html,*html body{
	background-image:url(about:blank);
	background-attachment:fixed;
}
#back-to-top{
	position:fixed;
	right: 20px;
	bottom: 20px;
	
	_position:absolute;
	_left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||10)-(parseInt(this.currentStyle.marginRight,10)||10));
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||10)-(parseInt(this.currentStyle.marginBottom,10)||10)));

	display: none;
}
	#back-to-top a{
		width: 50px;
		height: 50px;
		display: block;
		overflow: hidden;
		text-indent: -999px;
		background: url(back-to-top.png) 0 0 no-repeat;
	}
	#back-to-top a:hover{background-position: -50px 0;}
#success{
  margin:80px auto 10px;
  width:960px;
	font-size:14px;
	}
#wrong {
  margin:80px auto 10px;
  width:960px;
  font-size:14px
}
#notice {
  margin:0 auto;
  width:960px;
	font-size:14px;
}

.ui-page{height:27px;line-height:27px;overflow:hidden;text-align:center;margin-top: 15px;margin-bottom: 15px; clear:both;}
.ui-page a{
	width:25px;
	height:25px;
	white-space:nowrap;
	line-height:25px;
	border:1px solid #ededed;
	display:inline-block;
	text-align:center;
	margin-left:10px;
	color:#acacac;
	background:#fff;
	vertical-align:top;
	text-decoration: none;
}
.ui-page a:hover{ text-decoration:none; border:1px solid #b9282f; background:#b9282f; color:#ffffff;}
.ui-page span{  width:25px; height:25px; text-align:center; color:#fff; display:inline-block; border:1px solid #b9282f; background:#b9282f; margin-left:10px; line-height:25px; vertical-align:top}
.ui-page em{  height:25px; text-align:center; display:inline-block; margin-left:10px; border:1px solid #ededed; color:#dedede; background:#fafafa; width:55px; line-height:25px; vertical-align:top}
.ui-page strong{height:27px; text-align:center; display:inline-block;  margin-left:10px; line-height:27px; vertical-align:top;font-weight: normal;}
.ui-page em.first{ text-indent:12px; background:url(../../images/icon.png) 0px -1892px no-repeat #fafafa;}
.ui-page em.last{ text-indent:12px; background:url(../../images/icon.png) 0px -1917px no-repeat #fafafa;}
.ui-page a.first{ width:55px; text-indent:12px; background:url(../../images/icon.png) 0px -1831px no-repeat;}
.ui-page a.last{ width:55px; text-indent:12px; background:url(../../images/icon.png) 0px -1857px no-repeat;}
.ui-page a.prev{ width:55px;}
.ui-page a.next{ width:55px;}
.ui-page a.first:hover{ background:url(../../images/icon.png) 0px -1952px no-repeat #0083ce; color:#fff;}
.ui-page a.last:hover{ background:url(../../images/icon.png) 0px -1974px no-repeat #0083ce; color:#fff;}
.ui-page a.prev:hover{ background:#b9282f; color:#fff;}
.ui-page a.next:hover{ background:#b9282f; color:#fff;}


.pagesup{padding:0px 0px 10px 0px!important;}
.pages{
	width:680px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	overflow: hidden;
	margin-left: -80px;
}
.pages .info{ float:left; padding:2px 5px 0px 5px; background:#212122 url(lr.gif) no-repeat; height:28px; overflow:hidden; line-height:12px;  display:inline; text-align:left; }
.pages .ptbox{ float:right;}
.pages span{display:block; float:left; margin:0px 1px;}
.pages span.linesl{padding:0px 10px; height:30px; line-height:28px;}
.pages span a{display:block; float:left; padding:0px 10px; height:28px; line-height:28px; border:1px solid #323232;}
.pages span a:hover{color:#B9282F; border:1px solid #B9282F;}
.pages .p_up_y a,.pages .p_up_n a,.pages .p_down_y a,
.pages .p_down_n a{ padding:0px; width:28px; height:28px; background:url(gb_pagebtn.png) no-repeat;}
.pages .p_up_n,.pages .p_down_n{padding:0px; width:28px; height:28px; background:url(gb_pagebtn.png) no-repeat;}
.pages .p_up_y a{background-position:0px -56px; }
.pages .p_up_y a:hover{background-position:0px -112px;}
.pages .p_up_n{background-position:0px 0px; border:1px solid #646464;}
.pages .p_n_n{
	padding:0px 10px;
	background-color:#B9282F;
	color:#fff;
	border:1px solid #B9282F;
	height:28px;
	line-height:28px;
}
.pages .p_down_y a{background-position:0px -84px;}
.pages .p_down_y a:hover{background-position:0px -140px;}
.pages .p_down_n{ background-position:0px -28px; border:1px solid #646464;}
.bot {clear: both;height: 10px;}
.gb_content{border:1px solid #373737; background-color:#212122; padding:5px 10px; width:288px; font-size:14px; line-height:24px;color:#9c9c9c; height:150px; overflow:hidden;}
.gbsearch {
	padding: 20px;
	border: 1px solid #323232;
	margin-bottom: 10px;
	background-color: #19191b;
	overflow: hidden;
}
.input_name{
	width:230px;
	border:1px solid #373737;
	background-color:#212122;
	font-size:14px;
	line-height:14px;
	height:16px;
	color:#9c9c9c;
*padding:11px 10px 9px 10px;	width:180px;
	float:left;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {.input_name{ padding:9px 10px 11px 10px;width:230px; float:left;}}
.submit_search{ float:left; background-color:#e35776; color:#FFF; border:0px; height:38px; cursor:pointer; width:73px; background:url(gbbtnimg.gif) no-repeat 0px -38px;}
.ui-vpages{height:27px;line-height:27px;overflow:hidden;text-align:center;margin-top: 15px;margin-bottom: 15px; clear:both;}
.ui-vpages a{ width:25px; height:25px; white-space:nowrap; line-height:25px; border:1px solid #323232; display:inline-block; text-align:center; margin-left:10px; color:#acacac;  vertical-align:top}
.ui-vpages a:hover{ text-decoration:none; border:1px solid #b9282f;  color:#b9282f;}
.ui-vpages span{  width:25px; height:25px; text-align:center; color:#fff; display:inline-block; background:#b9282f; margin-left:10px; line-height:25px; vertical-align:top}
.ui-vpages em{  height:25px; text-align:center; display:inline-block; margin-left:10px; border:1px solid #646464; color:#646464; background:#323236; width:55px; line-height:25px; vertical-align:top}
.ui-vpages strong{height:27px; text-align:center; display:inline-block;  margin-left:10px; line-height:27px; vertical-align:top;font-weight: normal;}
.ui-vpages em.first{ text-indent:12px; }
.ui-vpages em.last{ text-indent:12px; }
.ui-vpages a.first{ width:55px; text-indent:12px; background-color:#19191B;}
.ui-vpages a.last{ width:55px; text-indent:12px; background-color:#19191B;}
.ui-vpages a.prev{ width:55px;background-color:#19191B;}
.ui-vpages a.next{ width:55px; background-color:#19191B;}
.ui-vpages a.first:hover{  color:#fff;}
.ui-vpages a.last:hover{ color:#fff;}
.ui-vpages a.prev:hover{  color:#b9282f;}
.ui-vpages a.next:hover{ color:#b9282f;}