@charset "gb2312";
/* CSS Document */
/** 清除内外边距 **/
html,body, h1, h2, h3, h4, h5, h6, hr, p,
div,
blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td, /* table elements 表格元素 */
img/* img elements 图片元素 */{
border:medium none;
margin: 0;
padding: 0;
}
/** 设置默认字体 **/
body,button, input, select, textarea {
font: 12px/1.5 '宋体',tahoma, Srial, helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;}
/** 重置列表元素 **/
ul, ol { list-style: none; }
ul li { list-style:none outside none;}
/** 重置超链接元素 **/
a { text-decoration: none; color:#333; font-weight:normal;}
a:hover { text-decoration: none; color:#F40; }
/** 重置图片元素 **/
img{ border:0px;}
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
h1 { font-size:22px}
h2 { font-size:18px}
h3 { font-size:14px}
h4 { font-size:12px}
HR { 
	clear:both;
	color:#CCC;
	background-color:#CCC;
	border: 0;
	Height:1px;
	margin:5px 0;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/*--- CSS HACK ---*/
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*   常用定义    */
.BgColorGray { background-color:#FAFAFA;}
.chot { color:red;}
.mainpanel {
	position:relative;
	min-height:450px;
	height:auto !important; 
    height:450px;
	margin:0;
	width:940px;
}

/* 页面头部 */
body {
	BACKGROUND-COLOR: #47b7e0; 
	background-image: url(http://www.ok176.cn/index.files/main.background.gif);
	background-repeat: repeat-x;
}
body,td,th {
	color: #000;
}
.wrapper {
	width:940px;
	margin:0 auto;
	background-color:#FFF;
	padding:0 10px;
	position:relative;
	overflow:hidden;
}
.toptitle {background-color:#F0F0F0; text-align:center; margin:10px 0;}

/*----ok176_top.asp ---*/
.head {width:940px;height: 110px; background-color:#FFF;padding:10px; position:relative; z-index:10000; margin:10px auto 0;}
.head .toplink { height:30px; overflow:hidden; position:absolute; right:0; top:0px; margin:0 14px 0 -1px;}
.head .toplink li { display:inline; line-height:30px;}
.head .toplink li.hide {display:none;}

.head .toplink a {BORDER-LEFT: #c6c6c6 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 30px; PADDING-LEFT: 8px; PADDING-RIGHT: 4px; COLOR: #009fdc; FONT-SIZE: 12px; FONT-WEIGHT: normal; PADDING-TOP: 0px}
.head .toplink A:hover {COLOR: #00709b}
.head .toplink A:active {COLOR: #646464}
.head .toplink ul { margin:0 14px 0 -1px}
.head .huibiao {width:233px;height:70px;}
.head .huibiao .pichuibiao {width:70px;height:70px;float:left;background-image:url(http://www.ok176.cn/index.files/logo1.jpg);}
.head .huibiao .title {width:163px; height:70px; background-image:url(http://www.ok176.cn/index.files/title.png); float:left;}
.menu {
	WIDTH: 940px;
	height:23PX;
	font-size:12px;
	font-weight:bold;
	background-image:url(http://www.ok176.cn/index.files/bgOFF.gif);
	background-position:top left;
	background-repeat:repeat-x;
	position:absolute;
	bottom:5px;
}
.menu UL {
	LIST-STYLE-TYPE: none; 
	MARGIN: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 0px; 
}
.menu UL LI {
	POSITION: relative; 
	FLOAT: left
	
}
.menu UL LI A, 
.menu UL LI A:visited {
	TEXT-ALIGN: center;
	LINE-HEIGHT: 23px;
	DISPLAY: block;
	color:#034895;
	HEIGHT: 23px;
	FONT-SIZE: 14px;
	TEXT-DECORATION: none;
	width:auto;
	padding:0px 10px 0px 10px;
}
.menu UL LI UL {
	DISPLAY: none
}
.menu UL LI:hover A {
	background-image: url(http://www.ok176.cn/index.files/bgON.gif);
	background-position:top left;
	background-repeat:repeat-x;
	COLOR:#6C5C41;
}
.menu UL LI:hover UL {
	POSITION: absolute;
	WIDTH: 100%;
	margin-top:1px;
	border-top:1px solid #fff;
	DISPLAY: block;
	TOP: 22px;
	LEFT: 0px
}
.menu UL LI:hover UL LI A {
	border-bottom:1px solid #fff;
	background:#E6E6E6;
	color:#034895;
	DISPLAY: block;
	height:auto;
	line-height:22px;
	padding:5px 16px 5px 16px;
	width:150px;
	text-align:left;
	font-size:12px;
}
.menu UL LI:hover UL LI A:hover {
	background:#C9D2DF;
	color:#6C4151;
}

/*-----  ok176_bottom.asp  -----*/
#foot { width:960px;background-color:#F4F4F9; margin:0 auto 10px; padding:20px 0;}
#foot .content{text-align:center; padding:auot 20px;}


/*  页面按钮  */
input {
	vertical-align:0;
}
input.btnOrange {
	background-image:url(http://www.ok176.cn/images/un_base_btn.png);
	background-position:0 -432px;
	background-repeat:no-repeat;
	height:27px;
	color:#FFF;
	cursor:pointer;
	line-height:27px;
	width:70px;
	border:0 none;
}
input.btnOrange:hover {
	background-position:0 -463px;
	color:#FFF;
}

input, textarea, select { font-size: 12px;}
input.input_text, textarea, select { border: 1px solid #ccc; }
input.input_text, textarea { padding: 2px 4px; border: 1px solid #ccc; }

/* buttons */
.base_btns1, .base_btns2, .base_btns3, .base_btns4, .base_btns5,.base_btns6,.base_btns7,.base_btns8,.base_btns1_disabled,.base_btns2_disabled,.base_btns3_disabled,.base_btns4_disabled,.base_btns5_disabled ,.base_btns7_disabled,.base_btns8_disabled,.base_page_submit { width:115px; height:27px;padding-bottom:1px; padding-top:4px\9; border:0 none; background:#ddd url(http://www.ok176.cn/images/un_base_btn.png) no-repeat; text-align:center; cursor:pointer; color:#fff; font-weight:bold; }
.base_btns1, .base_btns4 ,.base_btns1_disabled ,.base_btns4_disabled { height:32px; font-size:14px; }
.base_btns4,.base_btns4_disabled { text-indent:20px; *text-indent:0; _text-indent:0;*padding-left:20px; _padding-left:20px; }
.base_btns1 { background-position:0 0; }
.base_btns2 { background-position:0 -120px; }
.base_btns3 { background-position:-120px -120px; }
.base_btns4 { background-position:-120px 0; }
.base_btns5 { background-position:0 -300px; width:50px; height:20px; padding-top:0; line-height:22px; font-weight:normal; }
.base_btns6 { width:50px; background-position:-240px -120px; }
.base_btns7 { width:72px; background-position:-80px -432px; height:20px; font-weight:normal; }
.base_btns8 { width:92px; background-position:-218px -300px; height:20px; font-weight:normal; }
.base_btns1:hover { background-position:0 -40px; }
.base_btns2:hover { background-position:0 -150px; }
.base_btns3:hover { background-position:-120px -150px; }
.base_btns4:hover { background-position:-120px -40px; }
.base_btns5:hover { background-position:0 -330px; }
.base_btns6:hover { background-position:-240px -150px; }
.base_btns7:hover { background-position:-80px -463px;}
.base_btns8:hover { background-position:-218px -329px;}
.base_btns1_disabled { background-position:0 -80px; }
.base_btns2_disabled { background-position:0 -180px; }
.base_btns3_disabled { background-position:-120px -180px; }
.base_btns4_disabled { background-position:-120px -80px; }
.base_btns5_disabled { background-position:0 -360px; width:50px; height:20px; padding-top:0; line-height:24px; font-weight:normal; }
.base_btns7_disabled { background-position:-80px -463px; font-weight:normal;}
.base_btns8_disabled { background-position:-218px -359px; height:20px; font-weight:normal;}
.base_page_submit { width:44px; height:20px; background-position:-316px -300px; color:#333; font-weight:normal; }

/* page */
.page { height:20px; padding:10px 0; }
.page_list { float:right;text-align:left; height:20px; }
.page_list li { _display:inline; float:left; margin:0 1px; }
.page_list li.ellipsis { font:normal 11px Arial; margin:0 3px; }
.page_list li a, .page_list li a span, .page_list li a:hover, .page_list li a:hover span, .page_list li.current a, .page_list li.current a span,.page_list li.nocurrent a,.page_list li.nocurrent a span { background-image:url(http://www.ok176.cn/images/un_base_btn.png); background-repeat:no-repeat; cursor:pointer; text-decoration:none; }
.page_list li a { float:left; background-position: -240px 0; padding-left:7px; text-decoration:none; }
.page_list li a span { float: left; height: 20px; padding-right: 7px; color: #333; line-height: 22px; background-color: #fff; background-position: right 0; overflow: hidden; }
.page_list li a:hover { background-position: -240px -30px; }
.page_list li a:hover span { background-position: right -30px; }
.page_list li.current a, .page_list li.current a:hover  { background-position: -297px -120px; font-weight:bold; }
.page_list li.current span, .page_list li.current a:hover span  { background-position: right -120px; color:#fff; }
.page_list li.nocurrent a,.page_list li.nocurrent a:hover { background-position: -240px -60px; cursor:default;  }
.page_list li.nocurrent a span,.page_list li.nocurrent a:hover span { background-position: right -60px; color:#999; cursor:default; }

/*---- /business/listview.asp CSS  ---*/

#querybar {
	background:url(http://www.ok176.cn/images/bg_place.png) repeat-x scroll 0 -96px transparent;
	border:1px solid #E6E6E6;
	height:35px;
	width:938px;
	padding:6px 0 2px;
	margin-bottom:10px;
}
#querybar form {
	text-align:right;
	margin-left:30px;
	margin-right:20px;
	width:340px;
	float:right;
}
#querybar div {margin-top:5px;}
#querybar div.qb_left {
	float:left;
	margin-left:10px;
}
#querybar div.qb_left span a.nosign{
	text-decoration:underline;
}
#querybar div.qb_left span a.hassign {
	font-size:16px;
	color:#F00;
	text-decoration:none;
}
#querybar .textbox {
	border:1px solid #E6E6E6;
	height:18px;
	margin-left:3px;
	margin-right:10px;
}
#querybar .selectbox {
	margin-left:3px;
	margin-right:20px;
}
#listframe {
	position:relative;
}
#listframe .listOFF {
	width:940px;
	display:none;
}
#listframe .listON {
	width:940px;
	display:block;
}
.listON ul.listul {
	margin-left:30px;
}
.listON ul.listul li {
	width:270px;
	height:240px;
	overflow:hidden;
	float:left;
	text-align:center;
	border:1px solid #F1F1F1;
	background-color:#FFF;
	margin:10px;
}
.listON ul.listul li img {
	width:180px;
	height:140px;
	margin:10px;
	border:1px #F4F4F9 solid;
}
.listON ul.listul li a:hover img {
	opacity:0.5; 
	filter : progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=50,finishOpacity=100);
}
.listON ul.listul li h3 {
	width:200px;
	height:40px;
	margin:0 auto;
}
.listON ul.listul li blockquote {
	color:#F60;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.listON .pagelist {
	clear:both;
	height:20px;
	margin-bottom:10px;
}
ul.pageul {
	float:right;
	margin-right:50px;
}
ul.pageul li {
	float:left;
	height:22px;
	margin:0 1px;
}
ul.pageul li a,
ul.pageul li a span,
ul.pageul li a:hover,
ul.pageul li a:hover span,
ul.pageul li.current a,
ul.pageul li.current a span,
ul.pageul li.nocurrent a,
ul.pageul li.nocurrent a span {
	background-image:url(http://www.ok176.cn/images/un_base_btn.png);
	background-repeat:no-repeat;
	cursor:pointer;
	text-decoration:none;
	float:left;
}

ul.pageul li a {
	background-position:-240px 0;
	padding-left:7px;
}
ul.pageul li a span {
	background-color:#FFFFFF;
	background-position:right 0;
	color:#333333;
	height:20px;
	line-height:20px;
	overflow:hidden;
	padding-right:7px;
}
ul.pageul li a:hover {
	background-position:-240px -30px;
}
ul.pageul li a:hover span {
	background-position:right -30px;
}
ul.pageul li.current a,
ul.pageul li.current a:hover {
	background-position:-297px -120px;
	font-weight:bold;
}
ul.pageul li.current span,
ul.pageul li.current a:hover span {
	background-position:right -120px;
	color:#FFFFFF;
}
ul.pageul li.nocurrent a,
ul.pageul li.nocurrent a:hover {
	background-position:-240px -60px;
	cursor:default;
}
ul.pageul li.nocurrent a span,
ul.pageul li.nocurrent a:hover span {
	background-position:right -60px;
	color:#999999;
	cursor:default;
}

/*---- /login.asp CSS ---*/
#loginpanel {
	position:relative;
	border:1px solid #BCD6E8;
	margin:10px;
	min-height:408px;
	height:auto !important; 
    height:408px;
}
#loginpanel h3 {
	background-color:#DEEAEB;
	border-bottom:1px solid #BCD6E8;
	line-height:24px;
	height:24px;
	padding:1px 0 0 25px;
}
#loginpanel img.loginad {
	position:absolute;
	top:28px;
	right:1px;
}
#loginpanel form {
	width:400px;
	height:300px;
	margin:20px 20px;
}
#loginpanel .input_text {
	border:1px solid #7F9DB9;
	height:18px;
	margin:auto 20px;
	color:#333333;
}
#loginpanel form ul {
	margin:30px;
}
#loginpanel form ul li {
	height:30px;
	color:#535353;
	line-height:30px;
	margin:20px;
	font-size:14px;
}
#loginpanel form ul li.errmsg {
	color:red;
	font-size:12px;
	height:20px;
}
#loginpanel div {
	height:35px;
	margin-left:155px;
}

/*------ /tools/explain.asp   ----*/
#explain {
	width:800px;
	margin:0 auto;
	padding:0 0 20px 0;
	line-height:200%;
	font-family:simsun;
	font-size:14px;
}
#explain h1 {
	margin-top:2em;
	margin-bottom:1em;
}
#explain p {
	text-indent:2em;
}

