/**
 * title: theme
 * @author: ZHUWEI
 * @version: 2.0
 */
html, body,.wrap{width: 100%; height:100%;}
*,body{ margin:0; padding:0; font-family: "Microsoft YaHei","宋体",Helvetica,Arial,sans-serif; font-size:14px; }
ul, li, form, img,button{margin:0; padding:0; border: 0; list-style: none;}
h1,h2,h3,h4,h5{ margin:0; padding:0;}

/** layout start **/
.wrap { float:left; }
.tbl_layout{
	margin: 0;
	padding:0;
	border:0;
	width: 100%;
	height:100%;
	border-spacing: 0;
}
.tbl_layout .td_main{
	width: 100%;
	height:100%;
}

.header {
	background:linear-gradient(to left, #0088CC 0%, #035BB2 70%);
	height:70px;
	line-height:70px;
	overflow: hidden;
	width:100%;
	position: relative;
	top: 0px;
	z-index: 1;
}
	.header_logo { float:left; width:200px; height:80px; background-color:none; display:inline-block;}
	.header_logo img{margin: 20px;width:200px; height:50px;}
	.header_logo .img{margin: 20px;width:156px; height:28px;}
	.header ul{ list-style:none; display:inline-block; margin:0; padding:0;width: 960px;}
	.header a{ color:#FFF; text-decoration: none; font-size:16px; }
	
	.header_left { float:left; height:80px; }
	.header_left a img{
		position: relative;
		top:3px;
		left:-2px;
	}
	.header_right { float:right; width:auto; height:80px; min-width:200px;}
	
	.header_left li{float:left;}
	.header_left li a{ display:block; width:110px; text-align:center;}
	.header_left li a:hover, .header_left li a.on{ display:block; background-color:#054F99;opacity:0.8; }
	
	.header_right ul{ width: 100%;}
	.header_right li{float:right;}
	.header_right li a{ display:block; text-align:center; width: 80px;}
	.header_right li a:hover{ display:block; background-color:#054F99;opacity: 0.8; }
    .header_right li a.user_info{width:auto;padding: 0 14px 0 14px;}  


.main {
	width: 100%;
	float:right;
	/*min-height: 572px;*/
	background-color: #fafafa;
}
.main_body {
	width: auto;
	min-width: 1166px;
	/*height:87.5%;*/
	min-height: 85.5%;
	margin-left:200px;
	vertical-align: top;
}

.main_menu_box {
	width: 200px;
	height:100%;
	background-color:#f4f4f4;
	float: left;
	position: fixed;
	left: 0px;
	top:70px;
	box-shadow: -4px 0px 6px -2px rgba(0,0,0,0.1) inset;
}
.footer {position: fixed; bottom: 0; left: 0; z-index: 999;}
.footer .copyright {margin: 10px; width: 175px; text-align: center;}
.footer .copyright h4 { color:#666;  font-weight: normal; }
.footer .copyright h4+h4 {margin-top:4px;}
.footer .copyright h4 a {
	color:#666; text-decoration: none; display: inline-block; 
	padding-left:10px; padding-right:10px;border-radius: 4px;
	filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;
}
.footer .copyright h4+h4 a{
	color:#FFF;
	background-color: #339900;
	filter:alpha(opacity=40);
	-moz-opacity:0.4; opacity:0.4;
}
.footer .copyright h4 a:hover{color:#FFF; background-color: #339900; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
/** layout end **/

/** component start **/
.main_menu {
	width: 100%;
}
.main_menu img{
	position:relative;
	top:4px;
}
.main_menu li {margin: 0; padding:0;}
.main_menu li.li_hr { margin-bottom:10px;}
.main_menu li button{
	color:#646464;
	font-family: "微软雅黑";
	font-size: 14px;
	width: 200px;
	height:45px;
	line-height:45px;
	box-shadow: -4px 0px 6px -2px rgba(0,0,0,0.1) inset;
	border-bottom: 1px solid #CCD3D9;
	background-color:#f4f4f4;
	padding-left:20px;
	text-align: left;
	outline: none;
	cursor: pointer;
}
.main_menu li button:hover{
	background-color: #fafafa;
	box-shadow: -4px 0px 6px -2px rgba(0,0,0,0.1) inset;
}
.main_menu li button:focus, 
.main_menu li button.on{
	color:white;
	background-color:#2F82ED;
	box-shadow: none;
}
.main_menu .head button:focus, 
.main_menu .head button.on{
	color:#000;
	background-color:#fafafa;
	box-shadow: -4px 0px 6px -2px rgba(0,0,0,0.1) inset;
}
.main_menu li button .icon-chevron-right{float:right; line-height: 35px; margin-right:6px;}
/*.main_menu li + li {
  	margin-top: -1px;
}*/
.main_menu .head button{
	width: 200px;
	height:60px;
	font-family: "微软雅黑";
	background-color: #E4E6EB;
	font-size:16px;
	font-weight:bold;
	float:left;
	line-height:60px;
	color:#000000;
}

.main_menu > li:last-child:not(:first-child) > button{
  	border-radius: 0 0 4px 4px;
}

.panel_box {
	min-width: 1039px;
	width: 100%;
	height:auto;
    min-height:60px;
    background-color: #fafafa;
}
.panel_box h3 {
	height:60px;
	background-color: #f4f4f4;
	/*border-bottom: 1px solid #CCD3D9;*/
	font-size:16px;
	line-height: 60px;
	padding-left:20px;
}
.pannel_body {
	width:100%;
	padding:16px 0 12px 0px;
	height:100%;
	overflow: auto;
	background-color: #fafafa;
	border-top:1px solid #C7CFD9;
}
.panel_box + .panel_box {
	/*position: relative;
	left:-30px;
	top:-16px;
	padding-right: 30px;*/
}


.tbl_bar_box {  width:99.8%; height:35px; line-height:35px; display: none;}
.tbl_bar_box .tbl_bar_box_p { display: none; }
.tbl_bar_box p { 
	border-top: #CCC 1px solid; 
	background-color: #EEE; display: block; 
	width:100%;
	height:35px; 
	line-height:31px; 
	padding: 0 0 0 8px; 
	margin: 4px 2px 0 0;
}

.tbl {
	width:100%;
	max-width:100%;
	background: transparent;
	border-collapse: collapse;
	border-spacing: 0;
}
.tbl th, .tbl td { 
	text-align: left;
	padding: 8px;
	line-height: 1.33846154;
	-webkit-transition: all .3s cubic-bezier(0.175,.885,.32,1);
	transition: all .3s cubic-bezier(0.175,.885,.32,1);
	display: table-cell;
	vertical-align: inherit;
}
/*.tbl tr:hover td { background-color: #ebf2f9; }*/
.tbl .bg_wihte td{background-color: #FFF;}
.tbl .bg_blue td{background-color: #f1f7fe;}
.tbl .t_left{text-align: left;}
.tbl .t_right{text-align: right;}
.tbl .t_center{text-align: center;}


.tbl_list_line th { border-bottom: 1px solid #C7CFD9;/*border-top: 1px solid #C7CFD9;*/height: 22px;}
.tbl_list_line th { background-color: #f4f4f4; }
.tbl_list_line td { line-height: 1.23846154;border-bottom: 1px solid #DFE8F2; }
.tbl_list_line tr:hover, .tbl_list_line tr:focus, .tbl_list_line tr:active, .tbl_list_line tr.active, .open .dropdown-toggle.tbl_list_line tr{
	background-color:rgba(0,0,0,0.03);
}

.tbl_list_border { border: 1px solid #ddd; }
.tbl_list_border th, .tbl_list_border td { border: 1px solid #ddd; }
.tbl_list_border th { background-color: #f1f1f1; }
.tbl_list_border td { line-height: 1.23846154; }


.tbl_form {}
.tbl_form th, .tbl_form td {
	background-color: transparent;
	padding: 0 1px 8px 0px;
	height:36px;
	line-height:36px;
	vertical-align: middle;
}
.tbl_form th { text-align: right; width:82px;font-weight: normal;padding-right:18px;}

.tbl_form .td_col1 { width:180px; }
/*.tbl_form tr:hover td{background-color: #FFF;}*/
.tbl_form tr th.title{ 
	text-align: left; 
	background-color: #D1D1D1;
    background-image: -moz-linear-gradient(#E1E1E1, #D1D1D1);
    background-image: -webkit-linear-gradient(#E1E1E1, #D1D1D1);
    background-image: linear-gradient(#E1E1E1, #D1D1D1);
    background-repeat: repeat-x;

	padding-top:2px; padding-bottom:2px; height:20px; line-height: 20px;
}

.tb1_form tr td em{margin-top: 4px;margin-left:10px; margin-right:10px;}
.loading_01{
	background: rgba(0,0,0, 0.75) url("img/loading_01.gif") 0 0 no-repeat;
	padding-left:15px;
	font-size: 13px;
	border-radius: 3px;
	color:#FFF;
}
.t_red_s{
	background: rgba(0,0,0, 0.75);
	border-radius: 3px;
	color:#FF0000;font-weight:bold;
	-webkit-animation-name: shineRed; 
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite; 
}
.t_green_s{
	background: rgba(0,0,0, 0.75);
	border-radius: 3px;
	color:#07DA07;font-weight:bold;
	-webkit-animation-name: shineGreen; 
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite; 
}
/** component end **/

/** page controller start **/
.pageController {
	border-radius: 0px;
	display:inline-block;width:100%;height:34px;line-height:34px;text-align:center;
	_word-wrap:normal;_word-break:normal; text-align: left;
	background: #FFF;
	font:13px "微软雅黑",arial,sans-serif; 
}
.pageController span{height:30px;line-height:30px;padding-left:5px;}
.pageController a,.page span {
	display:inline-block;
	min-width:17px;
	margin-top:5px;
	margin-left:4px;
	text-align:center;
	
	color:#333;text-decoration:none;
	border-radius: 2px;
	padding:4px 5px 4px 5px;
	border: 1px solid #666;
}
.pageController input[type=text] {
    background-color: #fff;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;
    width: 40px;
    min-width:17px;
    height: 28px;
    line-height: 28px;
    padding: 0 0 0 8px;
    margin:0 4px 0 6px;
    font-size: 13px;
    color: #222;
    border: 2px inset;
    border: 1px solid #ccc;
    border-radius: 4px;
    
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.pageController a:hover{
	border:1px solid #FFF;color:#FFF;border-radius: 2px;
	font-weight:bold;
	border: 1px solid #3079ed;
	background-color: #357ae8;
	background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
}
.pageController span {vertical-align:middle; font-size: 13px; color:#333;}
.pageController .currPage{
	font-weight:bold;color:#FFF;
	border: 1px solid #145ccd;
	background-color: #3280fc;
	background-image: -webkit-linear-gradient(top,#145ccd,#3280fc);
	background-image: -moz-linear-gradient(top,#145ccd,#3280fc);
	background-image: -ms-linear-gradient(top,#145ccd,#3280fc);
	background-image: -o-linear-gradient(top,#145ccd,#3280fc);
}
.pageController .currPage:hover{
	border:1px solid #FFF;color:#FFF;border-radius: 2px;
	font-weight:bold;
	border: 1px solid #3079ed;
	background-color: #357ae8;
	background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
}
.pageController a.thispage {background:#fc389a;color:#fff;border:1px solid #f00;}
.pageController a.thispage:hover{
	background:linear-gradient(to bottom, #CD5555 0%, #CD6600 100%) repeat scroll 0 0 transparent;
	color:#fff;border:1px solid #FFF;
}

/** page controller end **/

/** other style start **/
.list_box_f{float:left; width:300px; margin-top:10px; margin-left:10px;}
.list_box_scroll{
	width: 100%;
	height: 300px;/** 使用时需要指定 宽、高 */
	overflow-y: auto;
}
.list_box_scroll_x{
	width: 100%;
	height: 300px;/** 使用时需要指定 宽、高 */
	overflow-x: auto;
}
.tap_ul{
	height: 32px;
    line-height: 32px;
    width: 100%;
}

.tap_ul li{
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15) inset;
    color: #FFFFFF;
    float:left;
    font-size: 13px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
    width: 86px;
    font-weight: normal;
    cursor: pointer;
    background: linear-gradient(to bottom, #aaaaaa 0%, #969696 100%) repeat scroll 0 0 transparent;
    border: 1px solid #4B8A02;
    text-shadow: 0 1px 2px #306E00;
    list-style-type: none;
}
.tap_ul li.selected{
	 background: linear-gradient(to bottom, #64AC14 0%, #498700 100%) repeat scroll 0 0 transparent;
}
.tap_ul li:hover{
	background: linear-gradient(to bottom, #72C514 0%, #529800 100%) repeat scroll 0 0 transparent; 
}

#recordImgBox {
	position: absolute; top:0; right: 0; width: 502px; height:352px; z-index: 999;
	background-color: #333; border-radius: 6px 6px 6px 6px;
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.8);
	display: none;
}
#recordImgBox img {width:500px;height:350px;}
/** other style end **/
/** js page controller style start  */
.page_controller {height: 60px; line-height: 60px; position: fixed; width: 89.5%;bottom: 0px;
    background-color: #fff;
    color: #646464;
    border-top:1px solid #CCD3D9;
    display: none;
}
.page_controller .page_controller_box {margin-right:50px; float:right;}
.page_controller .select { padding:1px; width:50px; }
.page_controller .text { padding:1px; line-height:16px; width:46px; }