﻿.html_bg{background:#638EC8 url(../images/t_bg.png) left top repeat-x;}

body{ width:auto !important;}

/* ------------- index相关 ------------- */
.top{background: #2E669E;box-shadow: 0px 0px 3px #aaa;}
.top_inner{height: 68px; margin: 0 auto; width: 100%; position: relative; text-align: right; z-index: 2;}
.logo{float: left; margin: 13px 20px auto auto;}

.top_menu{background: url(../images/menu_line.gif) right center no-repeat; float: right; padding-right: 15px;}
.ul1 li{float: right; position: relative;}
.ul1 li:hover{background:#20487D;}
.ul1 li a{font-size: 14px; color: #fff; line-height: 68px; display:inline-block; padding: 0px 15px 0px 35px; +padding: 0px 13px 0px 33px; _padding: 0px 13px 0px 33px;}
.ul1 li.active{color: #fff !important; background:#20487D url(../images/menu_a_active.gif) center bottom no-repeat;}
.ul1 li.active a{color: #fff !important;}

.ul1 li a:hover{color: #fff !important;}

.user_div{float: right; padding-left: 30px;}
.user_div ul li{position: relative;}

/* 添加用户箭头指示   lvxd*/
.drop_down_a{background: url(../images/drop_down.gif) right center no-repeat; padding-right: 15px; color: #fff; text-align: center;}
.drop_up_a{background: url(../images/ar_up_gray_hover.gif) right center no-repeat; padding-right: 15px; color: #fff; text-align: center;}

.drop_down_a_active{ text-align: center; display: inline-block; width: 110px; margin: 0px !important; background: #fff; color: #555 !important;}
.user_div li a{line-height: 68px; color: #fff; font-size: 14px;}
.user_div li a span{display: inline-block; height: 68px; line-height: 68px; cursor: pointer;}

.top_menu_ul{position: absolute; background: #fff; width: 120px; z-index: 2; /*border: solid 1px #ccc;*/ border-top: none; top:68px; left: -30px}
.top_menu_ul li{display: block; float: none; padding: 0px 10px; line-height: 34px; height: 34px;}
.top_menu_ul li a{font-size: 12px; line-height: 34px; margin: 0 auto; padding: 0px 10px; text-align: center; display: block; border-top: dotted 1px #999; color: #555;}
.top_menu_ul li a:hover{color: #2F8DDC !important;}
.top_menu_ul li:hover{background:#A4D3EE;cursor:hand;}
.top_menu_ul li:last-child a{border-bottom: none;}



.menu_chart{background: url(../images/menu_chart_a.png) 15px center no-repeat;}
.menu_s{background: url(../images/menu_s_a.png) 15px center no-repeat;}
.menu_set{background: url(../images/menu_set_a.png) 15px center no-repeat;}
.menu_home{background: url(../images/menu_home_a.png) 15px center no-repeat;}
.menu_y{background: url(../images/menu_y_a.png) 15px center no-repeat;}
.menu_sys_set{background: url(../images/menu_sys_set_a.png) 15px center no-repeat;}

.menu_chart:hover {background:#20487D url(../images/menu_chart_a.png) 15px center no-repeat;}
.menu_s:hover {background:#20487D url(../images/menu_s_a.png) 15px center no-repeat;}
.menu_set:hover {background:#20487D url(../images/menu_set_a.png) 15px center no-repeat;}
.menu_home:hover {background:#20487D url(../images/menu_home_a.png) 15px center no-repeat;}
.menu_y:hover {background:#20487D url(../images/menu_y_a.png) 15px center no-repeat;}
.menu_sys_set:hover {background:#20487D url(../images/menu_sys_set_a.png) 15px center no-repeat;}


.middle{padding: 40px 0px 60px 0px;}
.middle_inner{position: relative; width: 960px; margin: 0 auto;}



.add{position: absolute; height: 32px; top: -30px; padding-left: 10px;}
.back_prev{display: inline-block; width: 32px; height: 32px; background: url(../images/arrow_l.png) no-repeat; float: left;}
.add a, .add strong{font-size: 14px; color: #222; font-weight: normal; line-height: 32px; margin:0px 5px;}

.diy{width: 57px; height: 22px; background: url(../images/btn1.png) no-repeat; display:inline-block; position: absolute; line-height: 22px !important; font-size: 12px !important; color: #fff !important; top: 5px; left: 885px}
.diy img{float: left; display: inline; margin: 4px 4px auto 7px;}
.diy:hover{color: #eee !important;}


.tile_red{background: #DC5A2F;}
.tile_orange{background: #DC5A2F;}
.tile_green{background: #2F9F83;}
.tile_light_blue{background: #2F8DDC;}
.tile_dark_blue{background: #2E669E;}
.tile_indigo{background: #008C69;}
.tile_indigo2{background: #0085B2;}


.tile_red:hover, .tile_orange:hover, .tile_yellow:hover, .tile_green:hover, .tile_indigo:hover, .tile_light_blue:hover, .tile_dark_blue:hover{box-shadow: 0px 0px 20px #666;}

.div1{margin: 10px;box-shadow: 0px 0px 3px #aaa;}
.half1_div{width: 460px;}
.all1_div{width: 940px;}
.height1{height: 224px; overflow: hidden; padding-bottom: 10px}
.div1_inner{ background: #fff; border:solid 1px #bbb; border-top: none;}
.div2_inner{ background: #fff; border:solid 1px #bbb; border-top: none;}


.title1{height: 26px; line-height: 26px; padding: 5px 15px; text-align: right; color: #fff;}
.title1 h3{float: left; line-height: 26px; height: 26px; font-size: 14px; /*font-weight: bold;*/ color: #fff;}
.title1 h3 img{float: left; margin: 5px 7px auto auto;}
.title1 a{color: #fff;}
.title1 a:hover{color: #ddd !important;}


.index_m_r{width: 280px; float: right; _display: inline;}
.index_m_l{width: 675px; float: left; _display: inline;}

.index_m_r .div1{margin-left: 0px !important; margin-bottom: 15px;}
.index_m_l .div1{margin-bottom: 15px;}


.calendar{height: 234px;}
.calendar tr td{text-align: center;  padding: 4px 3px; position: relative; cursor: pointer;}
.calendar tr td:hover{color: #2F8DDC !important;}
.calendar tr th { text-align: center; padding: 3px 3px 12px 3px; }
.calendar tr td.active{background:url(../images/cal_active.png) center center no-repeat; color: #fff; cursor: pointer;}
.calendar tr td.active:hover{color: #eee !important;}
.calendar strong{font-size: 16px;}
.cal_t{padding: 0px 3px !important;}
.tips1{ width:120px; background: #fff; border: solid 1px #0053A3; border-radius: 3px; box-shadow: 0px 1px 5px #bbb; position: relative; padding: 5px 5px; float: left; position: absolute; left: -130px; top: -20px; z-index: 2;}
.tips_hock{position: absolute; width: 10px; height: 19px; background: url(../images/tips_hock_r.gif) no-repeat; right: -10px; top: 20px;}
.ul3{}


.table1 tr td{padding:6px 4px; color: #fff; text-align: center; border:solid 1px #fff;}
.table1 tr th{text-align: center; color: #fff; font-weight: bold; padding: 6px 4px; border:solid 1px #fff;}
.table1 tr td a{color: #fff;}

.table2{}
.table2 tr td{border-bottom: dotted 1px #ccc; padding: 8px 4px; +padding: 7px 4px; _padding: 7px 4px;}
.table2 tr th{padding:0px 4px; font-weight: bold; border-bottom: solid 1px #ccc; height: 25px; overflow: hidden; background:url(../images/th.png) center center repeat-x; }
.table2 tr td a{color: #222 !important;}
.table2 tr:hover td{background: #DFF0F8; }





.show1_div{position: relative;}
.show1_ar_l{width: 17px; height: 56px; display: inline-block; background: url(../images/ar_l.png) no-repeat; position: absolute;left: 5px; top: 80px;}
.show1_ar_r{width: 17px; height: 56px; display: inline-block; background: url(../images/ar_r.png) no-repeat; position: absolute;  right: 10px; /*left: 410px;*/ top: 80px;}


.more{height: 14px; width: 24px; display: inline-block; background: url(../images/more.png) center  center no-repeat;}

.tab_top1{height: 36px;}
.tab_top1 ul li{float: left; width: 50%; line-height: 36px; font-size: 14px; text-align: center;}
.tab_top1 ul li a{color: #bbb;}
.tab_top1 ul li a.active{color: #fff !important; display: block; background: #2E669E url(../images/tab_a_hover.gif) center bottom no-repeat;}
.tab_top1 ul li a:hover{color: #fff !important; display: block; background: #2E669E url(../images/tab_a_hover.gif) center bottom no-repeat;}


.ul2{margin:5px 10px 0px 10px;}
/* lvxd height border-bottom */
.ul2 li{padding:4px 0px 4px 10px ; background: url(../images/li2.png) left 12px no-repeat; color: #888;;height:35px;border-bottom: dotted 1px #ccc;}
.ul2 li a{margin-right: 10px; color: #222;}
.ul2 li a span{margin-right: 5px; color: #d90000;}
.ul2 li a:hover{}




.fl_all{float: left; width:940px; }




/* ------------------ calendar ---------------- */
.calendar_div{padding:10px;}
.date_now{ display: inline;  float: left; overflow: hidden; margin-right: 10px; height: 28px;font-size: 20px; line-height: 28px; }
.calendar_top{padding:10px; height: 28px; text-align: right; line-height: 28px; color: #fff;background: #2F8DDC;}
.calendar_top a{color: #fff;}
.calendar_top a:hover{color: #eee !important;}
.calendar_top .btn{margin:0px 5px;}
.calendar_now{padding:3px 20px; border:solid 1px #ccc; border-radius: 3px; font-size: 14px;}
.calendar_div table{ width:100%;border-collapse: collapse;}
.calendar_div table tr th{ padding:5px; border: solid 1px #ddd; background:#f8f8f8; text-align: center;}
.calendar_div table tr td{padding:5px; width:50px; width:14%; height:80px; border: solid 1px #ddd; background:#fff; vertical-align: top; text-align: right;}
.calendar_div table tr td:hover, .calender_td_a{background:#DFF0F8 !important;}
.calendar_div table tr td p{color:#999; font-weight: bold;}
.calendar_btn1{ padding: 2px 5px; border-radius: 3px; color: #fff; font-weight: normal;}
.btn_green{background: #00D153;}
.btn_orange{background: #FF7000;}
.btn_gray{background: #999;}
.lunar_holiday{margin-left: 5px; font-weight: normal;}
.cal_list li{ margin:4px auto; text-align: left;}
.cal_list li a{}
.cal_list li a:hover{color: #000;}
.cal_list li .calendar_btn1{margin-right: 3px;}
.calendar_tips{margin-top:10px; font-size: 12px;}

.calendar_table2 td{padding: 10px !important;}





/* ------------- form相关 --------------- */
.top2 {
	height: 60px;
	box-shadow: 0px 0px 3px #aaa;
	position: fixed;
	width: 100%;
	z-index: 2;
	opacity: 0.95;
}

.btn_tab_div { /*height: 58px; */
	padding: 13px 0px;	
	text-align: right;
	position: relative;
	background:#638EC8 url(../images/t_bg.png) left top repeat-x;
}

.bottom2 {
	height: 60px;
	box-shadow: 0px 0px 3px #aaa;
	position: fixed;
	bottom:0; 
	left:0;
	width: 100%;
	z-index: 2;
	opacity: 0.95;
	_position:absolute;
 	_top: expression_r(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); 
 	overflow:visible;
}

.top_inner2{margin: 0 auto; width: 100%; position: relative; text-align: right;}
.go_home_div{text-align: right; height: 26px;background: #2E669E;}
.go_home_div a, .go_home_div span{color: #fff; line-height: 26px; padding: 8px;}
.go_home_div a:hover{color: #ddd !important;}
.go_home_div span a{padding-left: 0px;}
.go_home{padding-left: 16px !important; background: url(../images/go_home.gif) left center no-repeat;}
.btn_tools_div { /*height: 58px; */
	padding: 10px 0px;	
	text-align: right;
	position: relative;
	background:#638EC8 url(../images/t_bg.png) left top repeat-x;
}

.btn1 {width: 60px; height: 42px; text-align: center; display: inline-block;}
.btn1 p{line-height: 14px;}
.btn_tools_div .fn-left .btn1{float: left;}



.form_div{background: #fff; padding:10px 60px 40px 60px; }

.form_title{text-align: center; position: relative; }
.form_title h1{font-size: 30px; line-height: 1.2em;}
.form_time0{position: absolute; right: 20px; bottom: 0px; _right: 80px; _top: 30px;}

/*.table3 tr th, .table3 tr td{padding: 8px 5px; border-bottom:  solid 1px #ddd;}
.table3 tr th{text-align: right; background: #eee; color: #0085B2}
.table3 tr td{}
*/

.title2{text-align: right;}
.title2 h3{float: left; height: 28px; line-height: 28px; }

.table3{border:solid 1px #88b2bc;}
.table3 tr th, .table3 tr td{border:solid 1px;}
.table3 tr th{padding: 8px 6px; text-align: center;  font-weight: bold;  /*border-bottom:solid 1px #ccc; border-right:solid 1px #ccc;*/ text-align: right; }
.table3 tr td{padding: 8px 6px; /*border-bottom:solid 1px #ccc;*/ }
.table3 td a{margin:0px 3px;}
.table3 td span table td, .table3 td span table th{border:none; padding: 0px;}

.title4{height: 32px; _height: 26px; text-align: right; border-bottom: 2px solid #007d66; _padding-top: 6px; /*margin: 10px 0px;*/ padding-left: 6px; padding-right: 6px;}
.title4 span{line-height: 32px; font-size: 14px;color:#007d66; font-weight: bold; padding-left: 10px; background: url(../images/title4.gif) left center no-repeat;}
.title4 .more1{ line-height: 32px; font-weight: normal; margin-right: 20px; color: #2B83CF}
.title4 .more1:hover{color: #000;}
.title4 span.sub_title4_span{ font-size: 14px; background: none; padding-left: 5px;}
.title4 a{margin-left: 10px; line-height: 32px;}

.btn2{width: 80px; height: 25px; display: inline-block; text-align: center; background: url(../images/btn2.gif) no-repeat; line-height: 25px !important; font-size: 12px; font-weight: bold; color: #fff;}
.btn2:hover{color: #eee !important;}
.btn3{width: 80px; height: 25px; display: inline-block; text-align: center; background: url(../images/btn3.gif) no-repeat; line-height: 25px !important; font-size: 12px; font-weight: bold;}

.div3{margin-bottom: 30px;}
.div3_inner{padding: 10px 20px;}

.table5{margin: 2px 0px; border: solid 2px #DFF0F8;font-weight:normal;}
.table5 th{background: #DFF0F8; padding: 6px 5px; /*color: #fff;*/}
.table5 th a{/*color: #fff;*/}
.table5 th a:hover{color: #ddd !important;}
.table5 td{padding: 6px 5px; border-bottom: dotted 1px #ccc; vertical-align: middle;}
.table5 tr:last-child td{border-bottom: none;}


.unfold1{ background: url(../images/ar_down_y.png) center center no-repeat; width: 15px; height: 15px; display: inline-block; vertical-align: middle;}
.fold1{ background: url(../images/ar_up_y.png) center center no-repeat; width: 15px; height: 15px; display: inline-block; vertical-align: middle;}
.unfold2{ background: url(../images/ar_down_y2.png) center center no-repeat; width: 12px; height: 12px; display: inline-block; margin-left: 5px; display: none;}
.fold2{ background: url(../images/ar_up_y2.png) center center no-repeat; width: 12px; height: 12px; display: inline-block; margin-left: 5px;}
.unfold3{ background: url(../images/ar_down_y2.png) center center no-repeat; width: 12px; height: 12px; display: inline-block; margin-left: 5px; display: none;}
.fold3{ background: url(../images/ar_up_y2.png) center center no-repeat; width: 12px; height: 12px; display: inline-block; margin-left: 5px;}

.unfold4{ background: url(../images/ar_down_y.png) center right no-repeat;}
.fold4{ background: url(../images/ar_up_y.png) center right no-repeat;}
.unfold4, .fold4{display: inline-block; padding-right: 20px;}

.unfold5{ background: url(../images/drop_down.gif) center right no-repeat;}
.fold5{ background: url(../images/drop_up.gif) center right no-repeat;}
.unfold5, .fold5{display: inline-block; width: 10px; height: 10px; margin-left: 4px;  +margin-top: -12px; _margin-top: -12px;}

.tab2_top{ height: 32px; background: #eee; border: solid 1px #ccc; border-bottom: 0px;}
.tab2_top ul li{float: left;}
.tab2_top ul li a{line-height: 32px; padding: 0px 28px; display: inline-block; height: 32px;}
.tab2_top ul li a img{float: left; margin: 8px 6px auto auto;}
.tab2_top ul li a.active{background: #fff;}
.tab2_inner{padding: 15px; border:solid 1px #ccc; border-top: none;}

.journal_ul li{padding: 8px 10px 5px 10px; margin: 2px 0px;}
.journal_ul li:hover{background: #eee;}
.journal_ul li:hover .unfold2, .journal_ul .active .unfold2{display: inline-block;}
.journal_ul li .time{width: 150px; display: inline-block; color: #2F8DDC}
.journal_ul li ul{margin-left: 145px; border-top: dotted 1px #fff; margin-top: 10px; padding-bottom: 0px !important; padding-top: 5px;}
.journal_ul li ul li{padding: 3px 10px !important;}
.journal_ul .active{background: #eee;}

.journal_btn{text-align: right; padding: 10px 10px 0px 10px;}
.log_new{padding: 0px 8px; background: #FF9326; color: #fff; border-radius: 2px; float: left; line-height: 2em;}
.log_new:hover{color: #eee !important;}
.log_more{line-height: 2em;}



.red{color: #d90000;}


/*.pupup{position: relative;}
.popup a.close{position: absolute; width: 26px; height: 36px; display: inline-block; right: 20px; top: 20px; background: url(../images/ico_close.gif) center center no-repeat;}
.popup_inner{padding: 60px 100px; overflow-y: auto;}
.popup_inner h4{color: #fff; font-size: 24px; text-align: center; margin-bottom: 40px;}
.popup_inner p{font-size: 14px; color: #fff; padding: 10px 0px; line-height: 1.6em;}*/






/*tab页切换
*/
.mainContainer
{
	margin:10px auto 0 auto;
	
}

.topNav
{
	font-family: 'PT Sans', sans-serif;
	font-weight:bold;
	font-size:12px;
	width:960px;
	margin:0 auto;
	letter-spacing:-1px\9;
}
.logtabs li
{
	display:inline;
}

.logtabs li a
{
	cursor: pointer;
	padding:6px 13px 11px 12px;
	border:1px solid #cccccc;
	font-family:'PT Sans',sans-serif;
	font-size:13px;
	color:#666666;
	font-weight:400;
	text-transform:uppercase;
}

.logtabs .tab-current
{
	padding: 17px 13px 12px 12px;
	border-bottom:0px;
	background:#ffffff;
}

.tabsContent
{
	border:1px solid #cccccc;
	-moz-box-shadow: 3px 3px 5px #cccccc;
	-webkit-box-shadow: 3px 3px 5px #cccccc;
	box-shadow: 3px 3px 5px #cccccc;
	background:#ffffff;
	padding:20px 20px 20px 20px;
	color:#666666;
}

ul.logtabs
{
	margin: 0 0 11px 20px;
}

/*兼容山东烟草*/
.form_middle {
	padding: 30px 0px 30px 0px;
}

.middle_inner {
	width: 95%;
	margin: 0 auto;
	min-width: 720px;
}

.attachment_wrap_div {
	width: 200px;
	padding: 10px;
	float: right;
	background: #FFFFCF;
	margin-left: 12px;

	_height: auto !important;
	_height: 1050px;
}

.att_div1 {
	margin-bottom: 8px;
}

.att_div1 ul {
	padding: 10px;
}

.att_div1 ul li {
	border-bottom: dotted 1px #999;
	padding: 5px 3px 5px 23px;
}

.form_wrap_div {
	background: #fff;
	/*margin-right: 235px;*/
	min-width: 720px;
	/*min-height: 1020px;*/
	_height: auto !important;
	_height: 1050px;
	
}

.process_div {
	border-bottom: dotted 1px #999;
}

.form_div {
	/*padding: 10px 30px 30px 10px;*/
	font-weight: bold;
}

.form_title {
	text-align: center;
	position: relative;
	/*padding-bottom: 5px;*/
}

.form_title h1 {
	font-size: 48px;
	line-height: 1.2em;
	color: #f00;
	letter-spacing: 0.4em;
	/*margin: 30px*/
}

.title1 {
	height: 28px;
	line-height: 28px;
	text-align: right;
	background: url(../images/form_title.gif) no-repeat;
	padding: 0px 20px 0px 25px;
}

.title1 a { +
	margin-top: 6px;
	_margin-top: 6px;
}

.title1 h5 {
	float: left;
	font-weight: bold;
	font-size: 14px;
	color: #444;
}

.title1 h5 span {
	color: #d90000;
}

.unfold {
	background: url(../images/ar1_down.gif) center center no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
}

.fold {
	background: url(../images/ar1_up.gif) center center no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
}

.att_file {
	background: url(../images/filerelations.png) no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
}

/*表单头tab页*/
.tab-top{
	box-shadow: 0px 0px 3px #aaa;
	position: fixed;
	width: 100%;
	z-index: 2;
	opacity: 0.95;
}

.tab-top .tit {
	background: #2f669f;
	overflow: hidden;
	padding: 10px 20px 0px 20px;
}

.tab-top .tit ul {
	height: 40px;
	overflow: hidden;
}

.tab-top .tit ul li {
	float: left;
	margin-right: 5px;
	list-style:none;
	padding:0; margin:0; border:none;
}

.tab-top .tit li span {
	padding: 0 30px;
	float: left;
	font: bolder 14px/40px "Microsoft YaHei";
	color: #fff;
	text-align: center;
	text-decoration:none;
	cursor:pointer;
}

.tab-top .tit li span:hover {
	background: #5f94ca;
	color: #fff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.tab-top .tit .focus span {
	background: #fff;
	color: #15579b;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.tit .focus span {
	color: #fff;
}

.tit .more {
	line-height: 32px;
}