@charset "utf-8";
/*#
===================
@explain: app应用平台首页
@copyright: Copyright 2012,phpwind.com
@author: longwenid@gmail.com
===================
#*/

/*
===================
初始化【请勿修改】
===================
*/
html,body, 
div, dl, dt, dd, ul, p, th, td,
h1, h2, h3, h4, h5, h6, 
pre, code, form, 
fieldset, legend{
	margin: 0;
	padding: 0;
}
cite, 
em, 
strong, 
th {
	font-style: normal;
}
td, 
th, 
div {
	word-break:break-all;
	word-wrap:break-word;
}
form{
	display:inline;
}
table {
	border-collapse: collapse;
	border-spacing:0;
}
th {
	text-align: left;
	font-weight:100;
}
ol li {
	list-style: decimal outside;
}
ol{
	padding:0 0 0 18px;
	margin:0;
}
li {
	list-style:none;
}
img {
	border: 0;
}
html {
	-webkit-text-size-adjust:none;
}

/*
===================
清除浮动【请勿修改】
>>	cc	作用于父模型
>>	c		作用于浮动模型后，父模型区域里
===================
*/
.cc{
	zoom:1;
}
.cc:after{
	content:'\20';
	display:block;
	height:0;
	clear:both;
	visibility: hidden;
}

/*
===================
间距【对模块或内容进行间距微调，强化为最高级别】
===================
*/
.mb5{
	margin-bottom:5px !important;
}
.mb10{
	margin-bottom:10px !important;
}
.mb15{
	margin-bottom:15px !important;
}
.mb20{
	margin-bottom:20px !important;
}
.mr5{
	margin-right:5px !important;
}
.mr10{
	margin-right:10px !important;
}
.mr15{
	margin-right:15px !important;
}
.mr20{
	margin-right:20px !important;
}

/*
===================
基础样式
* b 加粗
* u 下划线
* i 斜体
* w 文本不换行
* tal 文本靠左显示
* tac 文本居中显示
* tar 文本靠右显示
* fl 左浮动
* fr 右浮动
* pr 相对定位
* cp 鼠标点击手势
* vt 表格内容靠上显示
===================
*/
.b{
	font-weight:700 !important;
}
.u{
	text-decoration:underline !important;
}
.i{
	font-style:italic !important;
}
.w{
	white-space:nowrap;
}
.tal{
	text-align:left !important;
}
.tac{
	text-align:center !important;
}
.tar{
	text-align:right !important;
}
.fl{
	float:left !important;
	display:inline;
}
.fr{
	float:right !important;
	display:inline;
}
.pr{
	position:relative;
}
.cp{
	cursor:pointer;
}
.vt{
	vertical-align:top;
}
.dn{
	display:none;
}


/*
===================
表单样式
>>	.input与texarea 可加样式 .length_* 进行宽度控制(其中*是1-6的数字，由大到小)
>>	select 可使用 .select_* 进行宽度控制(其中*是1-6的数字，由大到小)
>>	.form_success 与 .form_error 可对输入框文本框进行正确错误效果显示
===================
*/
.input, 
textarea, 
select {
	padding:4px 5px;
	font-size: 100%;
	line-height:18px;
	border:1px solid #c0c0c0;
	background-color:#fff;
	box-shadow:2px 2px 2px #f0f0f0 inset;
	vertical-align: middle;
  margin: 0;
	font-family: inherit;
	color:#333;
}
.input:focus,textarea:focus{
	background-color:#fffbde;
}
.input{
	height:18px;
}
input.radio,
input[type="radio"],
input.checkbox,
input[type="checkbox"]{
	vertical-align:-3px;
	padding:0;
	margin-right:3px;
	*marign-rignt:0;
}
textarea{
	height:72px;
  overflow: auto;
  vertical-align: top;
	resize: vertical;
}
select, 
input[type="file"] {
	height: 28px;
	line-height: 28px;
}
select[size]{
	height:auto;
	font-family:Simsun;
}
.form_success{
	border-color:#3e973e #87c787 #87c787 !important;
	outline:2px solid #87c787;
}
.form_error{
	border-color:#bc5050 #f2a6a6 #f2a6a6 !important;
	outline:2px solid #f2a6a6;
}

/*
===================
输入框文本框长度【亦可对其他模块进行宽度控制】
===================
*/
.length_0{
	width:20px;
}
.length_1{
	width:50px;
}
.length_2{
	width:110px;
}
.length_3{
	width:170px;
}
.length_4{
	width:230px;
}
.length_5{
	width:290px;
}
.length_6{
	width:350px;
}

/*
===================
选择select专属长度【亦可对其他模块进行宽度控制】
===================
*/
.select_1{
	width:60px;
}
.select_2{
	width:120px;
}
.select_3{
	width:180px;
}
.select_4{
	width:240px;
}
.select_5{
	width:300px;
}
.select_6{
	width:360px;
}

/*
===================
必填
===================
*/
.must_red{
	font-family:Simsun;
	color:#ff0000;
	margin-top:3px;
	margin-left:-13px; 
	position:absolute;
	font-size:14px;
}

/*
===================
全局弹窗
*pop_top 头
	**strong 标题
	**pop_close 关闭
*pop_cont 中
	**pop_table 表格
*pop_bottom 尾
*pop_tips 提示
*pop_loading 加载状态
===================
*/
.core_pop_wrap{
	background-color: #fff;
	border: 1px solid #ccc;
	color: black;
	outline: 0 none;
	position:absolute;
	border-radius: 3px;
	z-index:10;
	box-shadow: #ccc 0 0 5px;
}
.core_pop{
}
.pop_top{
	line-height:18px;
	padding:9px 15px 8px;
	border-top:1px solid #fff;
	border-bottom:1px solid #e7e7e7;
	background:#f6f6f6;
	zoom:1;
	margin-bottom:5px;
}
.pop_top:after{
	content:'\20';
	display:block;
	height:0;
	clear:both;
	visibility: hidden;
	width:1px;
}
.pop_top strong{
	font-size:14px;
	color:#333;
	font-weight:700;
	white-space:nowrap;
	margin-right:10px;
	float:left;
}
.pop_top select{
	float:left;
	padding:1px;
	line-height:22px;
	height:22px;
}
.pop_top ul{
	border-bottom:1px solid #ccc;
	height:25px;
}
.pop_top li{
	float:left;
	display:block;
	line-height:25px;
	height:25px;
	padding:0 15px;
	cursor:pointer;
}
.pop_top li.current{
	float:left;
	border:1px solid #ccc;
	background:#fff;
	border-bottom:0 none;
}
.pop_bottom{
	padding:10px 15px;
	text-align:center;
	border-top:1px solid #e9e9e9;
}
.pop_bottom label{
	display:inline-block;
	padding-top:3px;
}
.pop_bottom .btn{
	width:70px;
}
.pop_cont{
	background:#fff;
	color:#333;
	padding:10px 15px 10px;
}
.pop_table th,
.pop_table td{
	padding:10px 0 10px;
}
.pop_table th{
	height:26px;
	line-height:26px;
	vertical-align:top;
	white-space:nowrap;
	padding-right:20px;
}
.pop_table tr:hover th{
	color:#000;
}
.pop_tips{
	background:#f7f7f7;
	line-height:24px;
	padding:0 10px;
	margin:0 10px 0;
	color:#666;
}
/*关闭*/
.pop_close{
	margin-top:5px;
	float:right;
	width:9px;
	height:8px;
	overflow:hidden;
	text-indent:-2000em;
	background:url(close.png) no-repeat;
	-webkit-transition: all 0.2s ease-out;
	margin-left:10px;
}
.pop_close:hover{
	background-position:0 -8px;
}
/*读取中*/
.pop_loading{
	background:url(loading.gif) center center no-repeat;
	height:80px;
	width:80px;
	margin:auto;
}

/*
===================
单图上传
===================
*/
.single_image_up{
	width:80px;
	height:20px;
	position:relative;
	margin-bottom:5px;
	overflow:hidden;
}
.single_image_up a{
	height:20px;
	width:80px; 
	display:block;
	line-height:20px;
	text-indent:25px;
	background:url(thumb_up.png) no-repeat;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	text-decoration:none;
	color:#333;
}
.single_image_up:hover a{
	text-decoration:none;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.single_image_up input{
	width:80px;
	height:22px;
	position:absolute;
	top:0;
	right:0;
	background:none;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	cursor:pointer;
	outline:none;
}

/*
===================
单附件上传
===================
*/
.single_file_up{
	width:80px;
	height:20px;
	position:relative;
	margin-bottom:5px;
	overflow:hidden;
}
.single_file_up a{
	height:20px;
	width:80px; 
	display:block;
	line-height:20px;
	text-indent:25px;
	background:url(file_up.png) no-repeat;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	text-decoration:none;
	color:#333;
}
.single_file_up:hover a{
	text-decoration:none;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.single_file_up input{
	width:80px;
	height:22px;
	position:absolute;
	top:0;
	right:0;
	background:none;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	cursor:pointer;
	outline:none;
}



/*
===================
按钮【可在input、button、a使用，可自由组合】
>>	btn									默认按钮
>>	btn btn_big					大按钮
>>	btn btn_error				错误按钮
>>	btn btn_success			确认按钮
>>	btn btn_submit			提交按钮
===================
*/
button::-moz-focus-inner, 
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.btn {
	color: #333;
	background:#e6e6e6 url(btn.png);
	border: 1px solid #c4c4c4;
	border-radius: 2px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	padding:4px 10px;
	display: inline-block;
	cursor: pointer;
	font-size:100%;
	line-height: normal;
	text-decoration:none;
	overflow:visible;
	vertical-align: middle;
	text-align:center;
	zoom: 1;
	white-space:nowrap;
	font-family:inherit;
	margin:0;
}
input.btn,
button.btn{
	*padding: 4px 10px 1px !important;
}
.btn em{
	font-size:10px;
	font-style:normal;
	padding-left:2px;
	font-family:Arial;
	vertical-align:1px;
}
.btn .add{
	width:9px;
	height:9px;
	background:url(btn_add.png) center center no-repeat;
	display:inline-block;
	vertical-align:middle;
	margin:-2px 5px 0 -3px;
}
.btn_big .add{
	width:13px;
	height:13px;
}
/*悬停*/
.btn:hover {
	background-position: 0 -40px;
	color: #333;
	text-decoration: none;
}
/*点击后*/
.btn:active {
	background-position:0 -81px;
}
/*大按钮*/
.btn_big {
	font-size: 1.2em;
	line-height: normal;
	padding: 7px 18px;
	border-radius: 2px;
}
input.btn_big,
button.btn_big{
	*padding: 6px 18px 3px !important;
}
/*其他按钮文字颜色*/
.btn_error,
.btn_error:hover,
.btn_success,
.btn_success:hover,
.btn_submit,
.btn_submit:hover{
  color: #ffffff !important;
}
/*提交按钮*/
.btn_submit{
	background-position:0 -120px;
	background-color: #1b75b6;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #106bab #106bab #0d68a9;
}
.btn_submit:hover{
	background-position:0 -160px;
}
.btn_submit:active{
	background-position:0 -201px;
}
/*确认按钮*/
.btn_success{
	background-color: #89bf00;
	background-position:0 -240px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #6bad01 #6bad01 #63a100;
}
.btn_success:hover{
	background-position:0 -280px;
}
.btn_success:active{
	background-position:0 -321px;
}
/*错误按钮*/
.btn_error{
  background-color: #f29307;
	background-position:0 -360px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #e77c0e #e77c0e #dd7204;
}
.btn_error:hover{
	background-position:0 -400px;
}
.btn_error:active{
	background-position:0 -441px;
}
/*失效*/
input.disabled,
textarea.disabled,
select.disabled,
button.disabled{
	border-color: #ccc !important;
	background: #f4f4f4 !important;
	box-shadow: none !important;
	color: #999 !important;
	cursor:default;
}

/*
===================
系统文本颜色【系统功能上需要的颜色警告或者提醒】
===================
*/
.red{
	color:#ff0000 !important;
}
.green{
	color:#008800 !important;
}
.org{
	color:#f97c75 !important;
}
.gray{
	color:#999999 !important;
}
.blue{
	color:#266aae !important;
}

/*
===================
结构
===================
*/
html{
	overflow-y:scroll;
}
body{
	background:#f4f3f3;
	font:12px/1.5 Arial, "Microsoft Yahei";
	color:#333;
}
a{
	color:#005cb5;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

.wrap{
	
}

/*
===================
头部
===================
*/
.header_wrap{
	height:95px;
	background:url("../images/about/bodybg.gif") repeat-x scroll left top transparent;
	box-shadow:0 5px 5px #e9e9e9;
}
.header{
	width:1000px;
	margin:0 auto;
}
/*
===================
登陆
===================
*/
.login{
	float:right;
	padding:10px 0;
}
.login a{
	color:#666;
	margin-right:10px;
}
/*
===================
logo
===================
*/
.logo{
	float:left;
	padding-top:30px;
	margin-right:40px;
}
.logo a{
	float:left;
	display:block;
	width:230px;
	height:60px;
	background:url(../images/about/logo.png) left 5px no-repeat;
	text-indent:-2000em;
	overflow:hidden;
}

/*
===================
导航
===================
*/
.nav{
	float:left;
	font-size:16px;
	padding-top:37px;
}
.nav li{
	float:left;
}
.nav li a{
	margin:0 20px;
	float:left;
	line-height:35px;
	border-bottom:3px solid #033165;
	color:#fff;
}
.nav li a:hover{
	text-decoration:none;
	border-color:#ddd;
}
.nav li.current a{
	color:#fff;
	border-color:#fff;
}

/*
===================
搜索
===================
*/
.search_wrap{
	width:190px;
	clear:right;
	float:right;
	background:#f5f5f5;
	padding:5px;
	border-radius:4px;
}
.search{
	border:1px solid #dcdcdc;
	background:#fff;
}
.search input{
	border:0;
	padding:3px;
	margin:3px 4px;
	background:#fff;
	width:140px;
	float:left;
	outline:0 none;
}
.search button{
	float:right;	
	border:0 none;
	padding:0 5px 0 0;
	margin:0;
	overflow:visible;
	line-height:28px;
	height:28px;
	width:28px;
	background:#fff;
}
.search button img{
	display:block;
	border:0;
	margin:auto;
}
/*
===================
面包屑（路径）
===================
*/
.bread_crumb{
	height:18px;
	padding:10px 0;
	position:relative;
}
.bread_crumb em{
	margin:0 5px;
	font-family:Simsun;
	color:#666;
}
.bread_crumb a{
	color:#666;
}

/*
===================
主体
===================
*/
.main{
	width:1000px;
	margin:0 auto;
	min-height:400px;
}
.main_left{
	float:left;
	width:700px;
	padding:0 0;
}
.main_right{
	float:right;
	width:278px;
	padding:0 0;
}


/*全局块外框*/
.box_wrap{
	border:1px solid;
	border-color:#efefef #efefef #d3d3d3 #efefef;
	margin-bottom:20px;
	padding:120px 50px 10px;
	background:url(../images/about/bg.jpg) no-repeat scroll #FFF;
}
.content {line-height:24px;}
.content p{ margin-bottom:20px;}
.content h1 {padding:15px 0 10px; border-bottom:1px solid #efefef; margin-bottom:15px;}
/*
===================
页脚，底部
===================
*/
/*尾部*/
#footer {
	width:960px;
	text-align:center;
	margin:0 auto 20px;
	font-size:12px;
	color:#999;
	line-height:24px;
	position:relative
}
#footer a {color:#545454; padding:0 5px; text-decoration:none}
#footer a:hover{color:#f60;}
#footer h2 {padding:8px 0; border-bottom:1px solid #d1d1d1; margin-bottom:10px; color:#545454; font-size:14px;}
