/*-------------------------------------------------------------------

[Layout Stylesheet]

	Project:		Adminia Admin
	Version:		1.0
	Last change:	05/11/2012
	Assigned to:	Rod Howard (rh)


[Table of contents]

	1. Global
	2. Navbar / .navbar
	3. Main Nav / #main-nav
	4. Content / #content
	5. Footer / #footer
	6. Widget / .widget
	7. Miscellaneous

-------------------------------------------------------------------*/



/*------------------------------------------------------------------
[1. Global]
*/

body {	
	font: 13px/1.7em 'Open Sans', arial, sans-serif;
	background: white;
	/*background: #0d7ed3;*/
}

p {	
	font: 13px/1.7em 'Open Sans', arial, sans-serif;
}

h1 {
	margin-bottom: .25em;
}

h2 {
	margin-bottom: .5em;
	
	color: #4A515B;
}

h3 {
	margin-bottom: .75em;
	
	font-weight: 600;
	color: #F90;
}

h4, h5, h6 {
	margin-bottom: 1.25em;
	
	color: #666;
}

hr {
	border-top-color: #DDD;
}

input {
	font: 13px/1.7em 'Open Sans', arial, sans-serif;
}


/*------------------------------------------------------------------
[2. Navbar / .navbar]
*/

.navbar {
	font-size: 12px;
}

.navbar .brand {
	position: relative;
	top: 2px;
	
	font-size: 18px;
	font-weight: 600;
}



/*------------------------------------------------------------------
[3. Sidebar Nav / #main-nav]
*/

#main-nav.nav-tabs.nav-stacked > li {	
	margin-bottom: 4px;	
}

#main-nav.nav-tabs.nav-stacked > li > a {	
	padding: 10px 8px;
	
	font-size: 12px;
	font-weight: 600;
	color: #4A515B;
	
	background: #E9E9E9;
	background:-moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#E9E9E9)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* IE10+ */
	background:linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
	
	
	border: 1px solid #D5D5D5;
	
	border-radius: 4px;
}

#main-nav.nav-tabs.nav-stacked > li.active > a,
#main-nav.nav-tabs.nav-stacked > li > a:hover {	
	color: #FFF;
	
	background: #3C4049;
	background:-moz-linear-gradient(top, #4A515B 0%, #3C4049 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#4A515B), color-stop(100%,#3C4049)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #4A515B 0%,#3C4049 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #4A515B 0%,#3C4049 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #4A515B 0%,#3C4049 100%); /* IE10+ */
	background:linear-gradient(top, #4A515B 0%,#3C4049 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A515B', endColorstr='#3C4049');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A515B', endColorstr='#3C4049')";
	
	border-color: #2B2E33;
}

#main-nav.nav-tabs.nav-stacked > li:first-child > a,
#main-nav.nav-tabs.nav-stacked > li:last-child > a {
	border-radius: 5px;
}

#main-nav.nav-tabs.nav-stacked li [class^="icon-"],
#main-nav.nav-tabs.nav-stacked li [class*=" icon-"] {
	position: relative;
	top: 1px;
	
	margin-right: .35em;
	
	font-size: 15px;
}

#main-nav.nav-tabs.nav-stacked li .label {
	position: relative;
	top: 2px;
}


/*------------------------------------------------------------------
[4. Content / #content]
*/



/*------------------------------------------------------------------
[5. Footer / #footer]
*/




/*------------------------------------------------------------------
[6. Widget / .widget]
*/

.widget {
	
	position: relative;
	clear: both;
	
	width: auto;
	
	margin-bottom: 0;
}
.widget-header2 {
	position: relative;
    height: 100px;
    background: #fcfcfc;
    border: 1px solid #80bae7;
    border-bottom: 1px solid #e3e3e3;
    -webkit-background-clip: padding-box;
    border-right: 0;
    box-sizing: border-box;
    border-left: 0;
    padding-left: 25px;
}		
.widget-header {
	
	position: relative;
	
	line-height: 40px;
	
	background: #fcfcfc;
	
	
	border: 1px solid #e3e3e3;
	
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	
	-webkit-background-clip: padding-box;
	border-right: 0;
	border-left: 0;
}	
	
	.widget-header h3 {
		
		position: relative;
		top: 2px;
		left: 10px;
		
		display: inline-block;
		margin-right: 3em;
		
		font-size: 14px;
		font-weight: 800;
		color: #555;
		line-height: 18px;
		
		text-shadow: 1px 1px 2px rgba(255,255,255,.5);
	}
	
		.widget-header [class^="icon-"], .widget-header [class*=" icon-"] 
		{
			
			display: inline-block;
			margin-left: 13px;
			margin-right: -2px;
			
			font-size: 16px;
			color: #555;
			vertical-align: middle;
			
			
			
		}




.widget-content {
	/*padding: 40px 15px 15px;*/  
}

.widget-header+.widget-content {
	border-top: none;
	
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.widget-nopad .widget-content {
	padding: 0;
}

/* Widget Content Clearfix */	
.widget-content:before,
.widget-content:after {
    content:"";
    display:table;
}

.widget-content:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.widget-content {
    zoom:1;
}

/* Widget Table */

.widget-table .widget-content {
	padding: 0;
	    background: white;
}

.widget-table .table {
	border: none;
}

.widget-table .table tr td:first-child {
	border-left: none;
}

.widget-table .table tr th:first-child {
	border-left: none;
}



/*------------------------------------------------------------------
[7. Account / .account-container]
*/
.container{width:100%; padding-left:0; padding-right:0;}
.account-container {
	    display: block;
    padding: 50px 0px 40px;
}

.account-avatar,
.account-details {
	    display: block;
    vertical-align: top;
}

.account-avatar {
	padding-right: 1em;
}

.account-avatar img {
	width: 55px;
	height: 55px;
}

.account-details {
}

.account-details span {
	display: block;
}

.account-details .account-name {
	font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #0084cd;
}

.account-details .account-role {
	    color: #002663;
    text-align: center;
    line-height: 50px;
}

.account-details .account-actions {
text-align:center;
}

.account-details a {
	font-size: 11px;
}



/*------------------------------------------------------------------
[8. Miscellaneous]
*/

.chart-holder {
	position: relative;
	
	display: block;
	
	width: 100%;
	height: 325px;
}


.page-title {
	padding: 5px 10px;
	margin-bottom: 1.25em;
	
	font-size: 16px;
	font-weight: 600;
	color: #FFF;
	
	background: white;
	
	border-radius: 4px;
	
	text-shadow: 1px 1px 2px rgba(0,0,0,.5);
}

	.page-title .logo {
		margin: 3px 0px 3px 12px;
	}



.table .action-td {
	width: 80px;
	
	text-align: center;
}

/***�Զ���***/
select:focus{ outline:none;}
.my-layout{ margin-right: 210px; background:#f2f2f2;padding-right: 18px;    overflow: auto;}
.my-layout2{ width: 210px; position: fixed; right: 0; top: 0;}
.icon-loginout{ background: url(../img/core-icon.png) -71px -420px no-repeat; width: 15px;position: relative;height: 15px; top: 4px;left: -2px; }
.menu-list{padding: 0px 4px 10px 4px;}
.menu-list .menu{display: block; width: 100%; height: 120px; text-align: center; font-size: 18px; color: white; text-indent: 50px; line-height: 125px;margin: 3px 0px;}
.menu-list .menu1{ background: url(../img/core-icon.png) -4px 0px no-repeat;}
.menu-list .menu2{ background: url(../img/core-icon.png) -4px -121px no-repeat;}
.menu-list .menu3{ background: url(../img/core-icon.png) -4px -243px no-repeat;}
.menu-list .menu1:hover{ text-decoration:none;background: url(../img/core-icon.png) -220px 0px no-repeat;}
.menu-list .menu2:hover{ text-decoration:none;background: url(../img/core-icon.png) -219px -121px no-repeat;}
.menu-list .menu3:hover{ text-decoration:none;background: url(../img/core-icon.png) -219px -243px no-repeat;}
.menu-list .menu1:active{ background: url(../img/core-icon.png) -4px 0px no-repeat;}
.menu-list .menu2:active{ background: url(../img/core-icon.png) -4px -121px no-repeat;}
.menu-list .menu3:active{ background: url(../img/core-icon.png) -4px -243px no-repeat;}
.title-right{ float: right;height: 65px; padding-right:30px;}
.title-right i.icon-topimg{     width: 100px; height: 81px; float: left;background: url(../img/core-icon.png) -466px -46px no-repeat; position: relative; top: -5px;}
.title-right b{ color: #0b80da;text-shadow: none;float: left; width: 70px; text-align: center; font-size: 25px; line-height: 65px;}
.bg-blue{ background:#f5fbff;}
.bd-blue{border:1px solid #80bae7;}
.c-blue{color: #0b80da !important;}
.top-select{margin: 19px;}
.mgl-0{ margin-left:0 !important;}
input, textarea, select, .uneditable-input{    border: 1px solid #80bae7;}
.active-sucs{border: 1px solid #83bb06; color:#83bb06; }
.icon-search2{background: url(../img/core-icon.png) -7px -386px no-repeat;width: 20px; position: relative; height: 20px; top: 3px; left: -2px; display: inline-block;}
.icon-reset{background: url(../img/core-icon.png) -36px -388px  no-repeat; width: 20px; position: relative; height: 20px; top: 4px; left: -2px; display: inline-block;}
.icon-email{background: url(../img/core-icon.png) -414px -388px  no-repeat; width: 20px; position: relative; height: 20px; top: 4px; left: -2px; display: inline-block;}
.icon-printbtn{background: url(../img/core-icon.png) -378px -389px no-repeat; width: 20px; position: relative; height: 20px; top: 4px; left: -2px; display: inline-block;}

.tx-r{ text-align:right;}
.table-style3>tbody>tr>td.tx-l,.table-style3>tbody>tr>th.tx-l{ text-align:left !important;}
.mgr-5{ margin-right:5%;}

/*��ҳ*/
.widget-page{  padding: 8px 42px 18px; background: white;}
.page-list{  border-bottom: 1px solid #e3e3e3; padding-bottom: 20px;}
.page-list a, .page-list span{    font-size: 16px; color: #c1c2c5; display: inline-block; padding: 4px 8px;}
.page-list a:hover{ color:green; text-decoration: none;}
.page-list a.page-prev{ font-family: '����';font-weight: bold;}
.page-list a.page-number{}
.page-list span.page-more{ font-family: '����';}
.page-list a.page-next{ font-family: '����'; font-weight: bold;}
.page-list a.page-active{ color:green;}
/*iconͼ��*/
.btn-operation:focus{ outline:none;}
.btn-operation{
color:white;
background-color:#0066b4;
background-image:-moz-linear-gradient(top, #0066b4, #0083e6);
background-image:-ms-linear-gradient(top, #0066b4, #0083e6);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0066b4), to(#0083e6));
background-image:-webkit-linear-gradient(top, #0066b4, #0083e6);
background-image:-o-linear-gradient(top, #0066b4, #0083e6);
background-image:linear-gradient(top, #0066b4, #0083e6);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066b4', endColorstr='#0083e6', GradientType=0);border-color:#0055cc #0055cc #003580;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:dximagetransform.microsoft.gradient(enabled=false);    padding:6px 18px 6px 38px;}
.btn-operation:hover,.btn-operation:active,.btn-operation.active,.btn-operation.disabled,.btn-operation[disabled]{background-color:#0083e6; color:white;}
.btn-operation:active,.btn-loginout.active{background-color:#0066b4 \9;}

/*������ť*/
.widget-btn{padding: 8px 42px 18px; background: white;}
.icon-ksbj1{ background: url(../img/core-icon.png) -2px -471px no-repeat;width: 45px; position: relative; height: 25px; top: -2px; left: -7px;}
.icon-ksbj2{ background: url(../img/core-icon.png) -106px -471px no-repeat;width: 45px; position: relative; height: 28px; top: -1px; left: -3px;}
.icon-ksbj3{ background: url(../img/core-icon.png) -154px -471px no-repeat;width: 45px;position: relative;height: 27px; top: -2px; left: -7px;}
.icon-ksbj4{ background: url(../img/core-icon.png) -278px -471px no-repeat;width: 45px; position: relative; height: 25px; top: -2px; left: -7px;}
.icon-tb2{ background: url(../img/core-icon.png) 5px -754px no-repeat;width: 45px; position: relative; height: 25px; top: -2px; left: -7px;}
.icon-tb3{ background:url(../img/core-icon.png) -32px -751px no-repeat;width: 45px; position: relative; height: 28px; top: -2px; left: -7px;}
.icon-tb4{ background: url(../img/core-icon.png) -82px -751px no-repeat;width: 45px; position: relative; height: 28px; top: -2px; left: -7px;}
.icon-tb5{ background: url(../img/core-icon.png) -130px -753px no-repeat;width: 45px; position: relative; height: 25px; top: -2px; left: -7px;}
.icon-tb6{ background: url(../img/core-icon.png) -185px -749px no-repeat;width: 45px; position: relative; height: 30px; top: -2px; left: -7px;}
.icon-tb7{ background: url(../img/core-icon.png) -372px -796px no-repeat;width: 45px; position: relative; height: 25px; top: -2px; left: -7px;}
.icon-tb8{ background: url(../img/core-icon.png) -241px -752px no-repeat;width: 45px; position: relative; height: 25px; top: -2px; left: -7px;}
.icon-tb9{ background: url(../img/core-icon.png) -302px -747px no-repeat;width: 45px; position: relative; height: 28px; top: -2px; left: -7px;}

.icon-jisuan{     background: url(../img/core-icon.png) -68px -472px no-repeat; width: 20px; position: relative; height: 22px; top: 6px; left: -2px; display: inline-block;}
.icon-zhuantou{         background: url(../img/core-icon.png) -223px -471px no-repeat; width: 20px; position: relative; height: 22px; top: 5px; left: -6px; display: inline-block;}

/*��������ʽ*/
::-webkit-scrollbar {
    width:10px;
}
            
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
            
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /*background:rgba(144,24,53,0.7); */
	background:rgba(11,98,163,0.7); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
              
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(144,24,53,0.4); 
}
.span20{ width:20% ;height:35px; overflow:hidden; }
.span25{ width:25% ;height:35px; overflow:hidden;}
.span30{ width:30% ;height:35px; overflow:hidden;}
.span40{ width:40% ;height:35px; overflow:hidden; }
.span50{ width:50%;height:35px; overflow:hidden;}
.span60{ width:60%;height:35px; overflow:hidden;}
.span70 { width:70%;height:35px; overflow:hidden; }
.span75{ width:75%; height:35px; overflow:hidden;}
.span100{ width: 100%;height:35px; overflow:hidden;}
.wd80{width:80%;}
.wd70{width:70%;}
.wd20{ width:20%;}
.more{ margin-left:16px; font-size:12px; font-family:"����"}
.more2{    font-size: 12px;font-family: "����"; margin-top: 5px; display: inline-block;}
.row-box{ padding: 40px 40px 9px 15px; box-sizing: border-box; }
.row-box3{ padding: 25px 40px 9px 40px; box-sizing: border-box;}
.row-box2{ padding: 0px 40px 9px 15px; box-sizing: border-box; position:relative;}
.row-box4{ padding: 15px 8px 9px 8px; box-sizing: border-box;}
.box-white{ background: white;}
.bdl-blue{border-left: 8px solid #2a90ee;}
.bdl-green{ border-left: 8px solid #85bd07;}
.bdl-gray{ border-left: 8px solid #b5b5b5;}
.bdl-cyan{ border-left : 8px solid #09bea7;}
.mb_16{ margin-bottom:16px;}
.icon-care{}
.txt-fh { float: left; width: 20px; text-align: center;font-size:14px; font-family:"����"}
.con-list{}
.con-info{ float:left; position:relative;}
.table-style1 tr th.my_choice{text-align:center;}
.table-style1 tr td.bg_gray{ background:#f7f7f7 ; text-align:center;}
.my_choice:hover{ cursor:pointer;}
.table-style1>thead>tr>th, .table-style1>tbody>tr>td{ padding: 16px 8px; position:relative;}
.table-style1 td .select{ margin-bottom:0;    box-sizing: border-box;}
.table-style1{ border:0;}
.table-style1 thead{ background:white;}
.table-style1 thead tr th{ color:#0974c5;    border-bottom: 1px solid #e3e3e3 !important;}
.mb-style1{     margin-bottom: 0;    border-bottom: 1px solid white;}
.bg-qblue{ background:#b4eae3 !important;}
.mb-style1 .ts-table{    padding: 8px 0px;}
.bg_gray2{ background:#ededed;}
.mt-8{ margin-top:8px;}
.ml-0{ margin-left:0px !important;}
.w60{ width:60px;}
.c_white{ color:white !important;}
.table-style1 thead tr th.choice_green,
.table-style1 tbody tr td.choice_green{ background:#8db531 !important; color:white !important;border-bottom: 1px solid #9CC53E !important;;}
.icon_choice{    background: #f2a501 url(../img/core-icon.png) -53px -443px no-repeat; width: 15px; position: absolute; height: 15px; top: 0px; right: 0px;}
.icon_addrow{ background:#1182d8; position:absolute; right:-15px; top:-15px; width:15px; height:15px; color:white; text-align: center; line-height: 15px;}
.icon_addrow:hover{ cursor:pointer;}
.p_content{ width: 310px; display: block; margin: 0 auto; height: 115px;  word-break: break-all; text-align: left;}
a.pay-menu{     float: left; width: 80px;height: 99px; line-height: 15px; text-align: center; color: black; font-family:'Microsoft YaHei'; padding-top: 10px;}
.pay-menu i{     background: url(../img/core-icon.png) no-repeat; display: block; width: 40px; height: 40px; margin: 0 auto; margin-top: 16px;}
.pay-menu i.icon-pay01{     background-position: -129px -418px;}
.pay-menu i.icon-pay02{     background-position: -191px -418px;}
.pay-menu i.icon-pay03{     background-position: -251px -418px;}
.pay-menu i.icon-pay04{     background-position: -316px -418px;}
a.pay-menu:hover{ text-decoration:none; border-bottom:2px solid #2394ea}
.pay-active{border-bottom:2px solid #2394ea}
.describe-block{ position:relative; top:4px;}
.bdb-blue{ border-bottom:1px solid #80bae7;}
.new-select{    float: left; margin-left: 12px; color:black;}
.btn-noicon{    padding: 8px 40px 8px !important;}
.c_orange{ color:#f28316;}
.fw-n{ font-weight:normal !important;}
.font16{ font-size:16px; font-family:'Microsoft YaHei';}
.font18{ font-size:18px; font-family:'Microsoft YaHei';}
.more3{    font-size: 12px; font-family: "����"; margin-top: 0px; display: inline-block; position: relative; top: -2px; }
.ml-30{ margin-left:30px;}
.hiddens{ display:none;}
.h-auto{ height:inherit;}
.fw-b{ font-weight:bold;}
.print-strong{display: inline-block;margin-left: 50px; margin-right:8px;}
.fl-r{ float:right;}
.fl-l{ float:left;}
.box3-list{ padding-bottom:8px;}
.bdb-blue2{ border-bottom:1px solid #e7f2fb;}
.checkbox-list{    display: inline-block;
    margin-left: 17px;
    position: relative;}
.wd30{ width:30%;}
.wd60{ width:60%;}
input.input-serach{ padding-right:5%; background:url(../img/icon-search.png) 99% 5px no-repeat;}
.bordertop{ border-top:1px solid #ddd !important;}
.table-style2>thead>tr>th {
    background: white !important;
}
.table-style3>tbody>tr>td{ border-bottom:0 !important;}
.table-style3>tbody>tr>td{    padding: 8px 8px 0px !important; text-align:center !important;}
.table-style3>thead>tr>th {
background: white !important;
        text-align: center;
		border-bottom:0 !important;
		    padding: 0px 8px !important;
}
.table-style3>tbody>tr:last-child>td{ border-bottom:1px dashed #ddd;}
.btn-topbtn{
    font-size: 12px;
    width: 90px;
    margin-top: 5px;
    margin-right: 5px;
}
button.dialog-close{ background: url(../img/core-icon.png) -174px -715px no-repeat;width: 25px; height: 25px; position: relative; top: 3px;left: 7px;opacity:.9}
button.dialog-close:focus{ outline:none;}
.close:focus, .close:hover{    opacity:1;}
.a-operation{ display: inline-block; width: 23px; height: 30px;}
.icon-deleterow{ background:url(../img/core-icon.png) -212px -712px no-repeat; }
.icon-addrow{ background:url(../img/core-icon.png) -250px -712px no-repeat;}
.icon_save{ background: url(../img/core-icon.png) -72px -720px no-repeat; width: 18px; position: absolute; height: 16px; top: 9px; left: 16px; display: inline-block; }
.icon_replay{ background: url(../img/core-icon.png) -107px -720px no-repeat; width: 18px; position: absolute; height: 16px; top: 9px; left: 16px; display: inline-block; }
.icon_close{ background: url(../img/core-icon.png) -139px -719px no-repeat; width: 18px; position: absolute; height: 16px; top: 9px; left: 16px; display: inline-block; }
.form-horizontal .control-dialog{ width:80px !important;}
.controls-dialog{ margin-left:85px !important;}
.widget-table .widget-dzcontent{padding: 30px 60px 0px;background: #fbfbfb;}
.widget-table .widget-content .table-style4 tr td, .widget-table .widget-content .table-style4 tr th{ text-align:center;}
.widget-dzcontent>.table-style4>tbody>tr:nth-of-type(odd){ background:none;}
/*��ͻ*/
.h1, .h2, .h3, h1, h2, h3{ margin:0;}
.form-horizontal .control-label{    float: left; width: 140px; padding-top: 5px; text-align: right; font-weight: bold;}
.form-horizontal .controls{    margin-left: 160px;}
.checkbox, .radio{    padding-left: 18px;color: #31353e; margin-right: 20px; display: inline-block;}
input, textarea, select, .uneditable-input {
    display: inline-block;
    padding: 4px;
	width:210px;
    margin-bottom: 9px;
    font-size: 12px;
    line-height: 18px;
    color: #555555;
    border: 1px solid #80bae7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    font-weight: normal;
}
input[type="image"], input[type="checkbox"], input[type="radio"] {
    width: auto;
    height: auto;
    padding: 0;
    margin: 3px 0;
    line-height: normal;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0 \9;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{ border:0;}
label{ font-weight:normal;}
form {
    margin: 0 0 18px;
}
.table-striped>tbody>tr:nth-of-type(odd){ background:white;}
.table>tbody>tr>td{    padding: 20px 8px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px dashed #e3e3e3;}
.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 1px solid #ddd;
    background: #fcfcfc;
    padding: 20px 8px;
}
.btn-large {
    padding: 5px 36px 10px;
    font-size: 15px;
    line-height: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
/*������*/
.modal-title{ font-size:14px;}
.modal-header{ background:#f5fbff;  border-bottom: 1px solid #cfe6f7 ;}
.modal-title{ font-size:14px; color:black; font-family:'Microsoft YaHei' }
.modal-content{ border-radius:0; }
.table>tbody>tr:last-child>td{ border:0;}
.dialog-body-list{    padding: 0px 10px;height: 180px; overflow: auto;}
.dialog-body-list li { list-style:none;}
.dialog-body-list li a{ color:#333333}
.dialog-body-list li a:hover{ color:#0974c5;}

/*����*/
.ks_content{}
.ks_content .ks_info{}
.ks_content .ks_info .ks_c1{ background:#8fbb2e; float: left; width: 25%; height: 140px; position: relative;}
.ks_content .ks_info .ks_c1 h1{ color: white; font-size: 16px; text-indent: 10px; margin: 20px 0px 0px 35px; border-left: 2px solid white; font-family: 'Microsoft YaHei';}
.ks_content .ks_info .ks_c1 span{    margin-left: 32px;color: white; margin-top: 6px; display: block; border-top: 1px solid white; font-size: 28px; padding-top: 12px;height: 53px;    margin-right: 94px;}
.ks_content .ks_info .ks_c1 span b{    font-size: 12px; position: relative; top: -13px; font-weight: normal;}
.ks_content .ks_info .ks_c1 p{    margin-left: 32px; line-height: 10px; color: white;}
.icon_add{    background: url(../img/core-icon.png) -6px -535px no-repeat;
    width: 35px;
    position: absolute;
    height: 31px;
    top: 53px;
    right: 20px;
    display: inline-block;
    z-index: 11;}
.icon_and{    background: url(../img/core-icon.png) -58px -535px no-repeat;
    width: 35px;
    position: absolute;
    height: 31px;
    top: 53px;
    right: -18px;
    display: inline-block;
    z-index: 11;}
.ks_content .ks_info .ks_c2{background:#80ae17; float: left; width: 25%; height: 140px;}
.ks_content .ks_info .ks_c2 h1{ color: white; font-size: 16px; text-indent: 10px; margin: 20px 0px 0px 35px; border-left: 2px solid white; font-family: 'Microsoft YaHei';}
.ks_content .ks_info .ks_c2 span{margin-left: 32px;color: white; margin-top: 6px; display: block; border-top: 1px solid white; font-size: 32px; padding-top: 12px;height: 53px;}
.ks_content .ks_info .ks_c2 span b{    font-size: 12px; position: relative; top: -13px; font-weight: normal;}
.ks_ms{ background:url(../img/tip_tableinfo.jpg) no-repeat; width:519px; height:97px;    float: left; margin-left:10px;}
.c_red{ color:red !important;}
.ks_ms p { float: left;
    margin-left: 95px;
    margin-top: 23px;
    height: 61px;
    margin-bottom: 0;
    width: 410px;
    text-align: left;}
.icon_tip{     background: url(../img/core-icon.png) -16px -581px no-repeat;
    width: 16px;
    position: relative;
    height: 16px;
    top: 3px;
    left: 0px;
    display: inline-block;
    z-index: 11;}


.l_c{ background:url(../img/p1.jpg)  no-repeat;    height: 100%; background-size:cover;}
.l_c .l_d{
	float: right;
	margin-right: 12%;
	margin-top: 100px;
	width: 350px;
	height: 450px;
	background: rgba(255, 255, 255, 0.57);
	padding: 40px 35px;
	border-radius: 10px;
	position: absolute;
	top: 0%;
	right: 20%;
	margin-right: -140px;

}







.l_c .l_d .l1{

	color: #0080c5;
	margin-bottom: 26px;
	text-align: center;
	padding-top: 25px;
}
.l_c .l_d .l2{}

.l_c .l_d .l2 .ld8{    border: 1px solid #80bae7;
    width:168px;
    margin-bottom: 10px;
    border-radius: 3px;
    padding: 3px 0px;
    background: #f5fbff;
    }
.l_c .l_d .l2 .ld8 .i_l3{    background: url(../img/verifycode.jpg) no-repeat;
    float: left;
    width: 15px;
    height: 15px;
    margin: 10px;}
    .l_c .l_d .l2 .ld8 .txt02{    border: none;
    width: 100px;
    margin-bottom: 0;
    padding: 7px 6px;
    font-size: 16px;
    padding-left: 0px;
    outline: none;
    color: #2190cd;
    background: #f5fbff;}
    
.l_c .l_d .l2 .ld1{    border: 1px solid #80bae7;
    margin-bottom: 10px;
    border-radius: 3px;
    padding: 3px 0px;
    background: #f5fbff;}
.l_c .l_d .l2 .ld1 .i_l1{     background: url(../img/p2.jpg) no-repeat;
    float: left;
    width: 15px;
    height: 15px;
    margin: 10px;}
.l_c .l_d .l2 .ld1 .i_l2{    background: url(../img/p3.jpg) no-repeat;
    float: left;
    width: 15px;
    height: 15px;
    margin: 10px;}

.l_c .l_d .l2 .ld1 .txt01{    border: none;
    width: 240px;
    margin-bottom: 0;
    padding: 7px 6px;
    font-size: 16px;
    padding-left: 0px;
    outline: none;
    color: #2190cd;
    background: #f5fbff;}
    

    
    
.l_c .l_d .l2 .ld2{}
.l_c .l_d .l2 .ld2 select{    font-size: 14px;
    width: 100%;
    margin-left: 0px;
    float: none;
    padding: 9px 0px;
    padding-left: 32px;
    font-family: '微软雅黑';}
.l_c .l_d .l3{margin-top: 18px; font-size: 10px;}
.l_c .l_d .l3 .new-btn{    background: #069BEF;
    background: -webkit-linear-gradient( #069BEF,#007ec2);
    color: white;
    width: 100%;
    padding: 12px 0px;
    font-size: 18px;
    font-family: '微软雅黑';}
	.l_c .l_d .l3 .new-btn:hover{ background: #007ec2;background: -webkit-linear-gradient( #007ec2,#069BEF);}
	.l_c .l_d .l3 .new-btn:active{ background: #069BEF;background: -webkit-linear-gradient( #069BEF,#007ec2);}
.l_footer{position: fixed; bottom: 20px; width: 100%;}
.l_footer p{text-align: center; margin-bottom: -8px; color: #616265;}

.logo{
	display: none;
}

@media only screen and (  max-width: 1024px) {
	.logo{
		display: flex;
		position: fixed;
		background: url("../img/logo.png");
		width: 130px;
		height: 60px;
		left: 10px;
		top: 15px;
	}
	.l_c{ background:url(../img/bg.png) bottom;    height: 110%; background-size:cover;}
	.l_c .l_d{
		float: right;
		margin-right: 12%;
		margin-top: 100px;
		width: 350px;
		height: 330px;
		background: rgba(255, 255, 255, 0.57);
		padding: 40px 35px;
		border-radius: 10px;
		position: absolute;
		top: 0%;
		right: 20%;
		margin-right: -140px;

	}

}
@media only screen and (  max-width: 780px) {
	body {
		padding-left: 0px;
		padding-right: 0px;
	}
	.logo{
		display: flex;
		position: fixed;
		background: url("../img/logo.png");
		width: 130px;
		height: 60px;
		left: 10px;
		top: 15px;
	}
	.l_c{ background:url(../img/bg.png) center 0px no-repeat;    height: 100%; background-size:100%;}
	.l_c .l_d{
		float:right;
		margin-right: 0;
		margin-top: 20px;
		width: 350px;
		height: 330px;
		background: rgba(255, 255, 255, 0.57);
		padding: 40px 35px;
		border-radius: 10px;
		position: absolute;
		top: 20%;
		right: 25%;
		margin-right: -140px;

	}
	
	.l_c .l_d .l3 .new-btn{  
    padding: 8px 0px;
    font-size: 15px;
    }
.l_c .l_d .l2 .ld1 {
    
    margin-bottom: 15px;
    padding: 0px 0px;
    }
    
    .l_c .l_d .l2 .ld1 .txt01 {
 
    width: 180px;
    padding: 5px;
    font-size: 12px;
 
}
	.l_c .l_d .l2 .ld8 {
    
    margin-bottom: 15px;
    padding: 0px 0px;
    }
	    .l_c .l_d .l2 .ld8 .txt02 {
 
    width: 100px;
    padding: 5px;
    font-size: 12px;
 
}
.l_c .l_d .l2 .ld1 .i_l1 {
 
    margin: 7px;
}
.l_c .l_d .l2 .ld1 .i_l2 {
 
    margin: 7px;
}
.l_c .l_d .l2 .ld8 .i_l3 {
 
    margin: 7px;
}	

}



/*新的添加*/
/*height: 100%; background: url('../img/p1.jpg') center 0px no-repeat;background-size:cover*/
@media only screen and (max-width: 500px) {
	body {
		padding-left: 0px;
		padding-right: 0px;
	}
	.logo{
		display: none;
		 
	}
	.l_c{ background:url(../img/p1.jpg) center 0px no-repeat;    height: 100%; background-size:100%;}
	.l_c .l_d{
		float: right;
		margin-right: 0;
		margin-top: 0px;
		width: 220px;
		height: 380px;
		background: rgba(255, 255, 255, 0);
		padding: 100px 0 0 0 ;
		border-radius: 10px;
		position: absolute;
		top: 10%;
		right: 50%;
		margin-right: -110px;

	}


}

/*新的添加*/
/*height: 100%; background: url('../img/p1.jpg') center 0px no-repeat;background-size:cover*/
@media only screen and (max-height: 480px) {
	body {
		padding-left: 0px;
		padding-right: 0px;
	}
	.logo{
		display: flex;
		position: fixed;
		background: url("../img/logo.png");
		width: 130px;
		height: 60px;
		left: 10px;
		top: 15px;
	}
	.l_c{ background:url(../img/bg.png) center 0px no-repeat;    height: 100%; background-size:100%;}
	.l_c .l_d{
		float: right;
		margin-right: 0;
		margin-top: 0px;
		width: 220px;
		height: 80px;
		background: rgba(255, 255, 255, 0);
		padding: 10px 0 0 0 ;
		border-radius: 10px;
		position: absolute;
		top: 0%;
		right: 50%;
		margin-right: -110px;

	}
	.l_c .l_d .l2 .ld1 .txt01 {
		width: 180px;
		padding: 5px;
		font-size: 12px;
	}
		.l_c .l_d .l2 .ld8 .txt02 {
		width: 100px;
		padding: 5px;
		font-size: 12px;
	}
	.l_footer{position: fixed; bottom: 10px; width: 100%;}
	.l_footer p{text-align: center; margin-bottom: -8px; color: #616265;}
}