body,html{height:100%;

}
body {
	font-size: 12px;
	margin: -2px 0px 0px 0px; 
	padding:0px;
}

.hidden{
	display:none;
}

.panel {
	width: 100%;
}
/*	width: 98%\9;
z0904*/

.hide-panel{
	width: 100%;
	margin: 0px auto; 
    z-index:100; 
    _position: relative ; 
    _top:0px;
    padding-top: 0px;
}

div.panel-top {
	
    display: block; 
    z-index: 100; 
    overflow: visible; 
    background: #ffffff; 
    background-repeat: no-repeat; 
    background-position: right; 
    margin: 0px auto;
   
}
.validError {border: 1px solid red !important;}

.panel .panel-top {
    background: none repeat scroll 0 0 #FFFFFF;
}

div.panel-body{
	margin: 0px 15px 10px 10px;
	/*margin-top: 145px;*/
}

.panel-topbar {
	margin: 0 5px 0 5px;
}

.panel-nav {
	margin: 5px 0;
}

.date,.datetime,.datePicker,.wdateTime{
	background: url(../images/datePicker.gif) no-repeat scroll right center #FFFFFF;
    border: 1px solid #999999;
    /*margin-left: 4px;
    height: 20px;*/
}
.panel-toolbar .date{line-height:22px;}
.tbar-title {
   background: none repeat scroll 0 0 #a2a2a2;
   color: white;
   border: 1px solid #999999;
    display: none;
    font-size: 13px;
    font-weight: bold;
    height: 24px;
    margin-top: 0px;
    padding-left: 5px;
    padding-top: 5px;
}
span.tbar-label{
	color:black;
}
.panel-toolbar {
	height: 26px;
    margin-top: 2px;
    padding:10px 15px 10px 10px;
    background:#fff;
    /*border-bottom: solid 1px #d7ecfe;
      border-top: solid 1px #d7ecfe;*/
  
}

/*  -webkit-box-shadow:0px 2px 3px #cacaca;   

	margin-left: -5px;
    margin-right: -5px;
    
	.panel-toolbar {
		height: 26px;
	    margin-top: 2px;
	}
z0902*/

/*
.pageTitle{
	float:left;
	font-weight: bold;
	padding-left: 6px;
}

.toolBar{
	float:right;
	padding-right: 6px;
}
*/

.panel-toolbar a {
	text-decoration: none;
	color: blue;
	float: left;
	margin-right: 2px;
}

.tree-toolbar {
	 background: url("../images/other/bg2.gif") repeat scroll 0  transparent;
    border-bottom: medium none;
    border-top: medium none;
    height: 21px;
    padding-left: 2px;
    padding-top: 4px;
}

.tree-toolbar a {
	text-decoration: none;
	color: blue;
	float: left;
	margin-left: 5px;
}

.panel-data {
	margin: 5px 5px 0 5px;
}

.group{
	margin-right: 2px;
	margin-left:0px;
	padding-left:0px;
	float:left;
}


.panel-search {
    position: relative;
    width: 100%;
    z-index:9999;

}
.panel-search #searchForm {
    display: none;
}

/*ul濞戞搫鎷烽、鎴﹀冀瀹勬壆纭€*/
ul.row{
	list-style: none;
	margin: 0px;
	display:inline-block;
	clear: both;
}
.row li{
	margin: 2px 0;
	float:left;
	white-space: nowrap;
	min-width: 228px;
	height: 32px;
}

.row .row_date{
	width: 456px;
	float: left;
	white-space: nowrap;
}

.label{
	display:inline-block;

	text-align:justify;
	vertical-align:middle;
	padding:4px 7px;
	white-space: nowrap;
	padding-bottom: 7px;
	min-width: 78px;
}/*	min-width:50px;*/

.bar-button,.link-btn {
	padding-left: 22px;
	height: 20px;
	width: auto;
	padding-top: 2px;
	padding-right: 8px;
	cursor: pointer;
}

.inputText {
	border: 1px solid #ced7e0;
	padding:2px;
	width:110px;
	border-radius:3px;
	line-height:20px;
} 
	
.inputText.handler {
width: 230px;
}
.url_bpmForm .inputText, .url_bpmForm.inputText, .inputText.longInputText {
width: 250px;
}


.panel-search input,.panel-search button {
	/*margin: 4px 4px 6px 4px;*/
	padding: 2px 1px 2px 1px;
	margin-top: 6px;
}

.row input[type="button"] {
	padding:0px;
	width: 24px;
	height:24px;
	border-radius:2px;
	background:#e4ecf3;
}
/*
.panel-search .date {
	width: 86px !important;
}*/

.row select{
	width: 114px !important;
	height: 26px !important;
	margin-top: 7px;
	border: 1px solid #ced7e0;
	border-radius:3px;
}

.panel-detail{
	margin: 5px 5px 5px 5px;
}

.table-grid {
    border-spacing: 0;
    font-size: 12px;
    margin-top: 10px;
    width: 100%;
}/*z0902 border: 3px solid #dddddd;*/



.table-grid thead {
	height: 32px;
}
.table-grid caption {
	border-width: 1px 1px medium;
	border-style: solid solid none;
	border-color: rgb(168, 207, 235) rgb(168, 207, 235) currentColor;
	height: 14px;
	text-align: left;
	color: rgb(28, 86, 138);
	padding-top: 5px;
	padding-left: 5px;
	font-weight: bold;
	background-color: rgb(223, 234, 251);
}
.sortable a{
}
.table-grid th {
	background: #d5e8f7;
    border-bottom: 2px solid #c8d8e6;
    border-right: 1px dashed #b9dae9;
    color: #0a5290;
    font-size: 14px;
    font-weight: bold;
    height: 39px;
    text-align: center;
    padding:0 4px;
    white-space: nowrap;    
}/*z0902 background:#e6e6e6;color: #0167FF;*/
.table-grid th.sortable{text-align: left;}
div.header{
    background: url("../images/other/bg.png") repeat scroll 0 -135px transparent;
	height: 30px;
	line-height:30px;
	width: 100%;
	text-align: left;
	padding-left: 5px;
}

.table-detail {
	margin: auto;
	width:100%;
	margin-top: 4px;
	border:solid 1px #cddce6;
	border-top: solid #cddce6 1px;
}

.table-detail th {
	background-color: #f4f7f9;
    border-bottom: 1px solid #e4ecf3;
    border-right: 1px dotted #b9dae9;
    font-size: 14px;
    height: 46px;
    padding-right: 6px;
    text-align: right;
}/*background-color: #EBF5FF;
	border-bottom: 1px solid #98C1FF;
    border-right: 1px solid #98C1FF;
    z0902*/

.head {
	height: 32px;
	text-align: right;
	font-size: 13px;
	padding-right: 5px;
	background-color: #EBEBEB;

}

.table-detail textarea{
	margin:10px 3px;
	border: 1px solid #ced7e0;
	padding:2px;
	width: 350px;
}

.table-detail td {
	    border-bottom: 1px solid #e4ecf3;
    border-right: 1px dotted #b9dae9;
    font-size: 12px;
    padding-left: 6px;
    text-align: left;
}/*border-bottom: 1px solid #98C1FF;
    border-right: 1px solid #98C1FF;
    z0902*/

th a,th a:visited {
    color: #0167FF;
    font-weight: bold;
    text-decoration: none;
}/*z0902 color:#ffffff;*/

th a:hover {
	text-decoration: underline;
}

th.sorted a,th.sortable a {
  background-position: right center;
    color: #0a5290;
    display: block;
    font-size: 14px;
    width: 100%;
}/*color: #0167FF;
   z0902*/

th.sortable a {
	background-repeat: no-repeat;
}

th.order1 a {
	background-image: url(../images/displaytag/icon-sort-desc.gif);
	background-repeat: no-repeat;
	background-position: 80% 50%;
}

th.order2 a {
	background-image: url(../images/displaytag/icon-sort-asc.gif);
	background-repeat: no-repeat;
	background-position: 80% 50%;
}

.table-grid td {
	border-bottom: 1px solid #e4ecf3;
    border-right: 1px dotted #c4ddf0;
    height: 30px;
    padding: 4px 4px 4px 5px;
    word-break: break-all;
}

.table-grid .button {
	margin-top: 4px;
	margin-left: 6px;
}

.even span,.odd span {
	cursor: pointer;
}

.table-grid .even {
	height: 22px;
	background-color: #f4f7f9;
}

.table-grid .odd {
	 background-color:  #ffffff;
    height: 22px;
}

.table-grid .over {
	/*background: url(../images/content_bg_hover.jpg);*/
	background: #dfeffc;
}


.area-export {
	text-align: right;
	clear: both;
	margins: 0;
	paddings: 0;
	padding-top: 6px;
	height: 23px;
   border-top:none;
}/*z0902*/

.area-export .exportlinks {
	display: inline-table;
	margin-right: 20px;
	text-align: right;
}

.area-export input {
	vertical-align: middle;
}

.area-export .exportlinks .export {
	padding: 0 4px 1px 20px;
	display: inline;
	display: inline-block;
	cursor: pointer;
}

.exportlinks a {
	text-decoration: none;
}

.area-export .exportlinks .excel {
	background-image: url(../images/displaytag/ico_file_excel.png);
	background-repeat: no-repeat;
}

.area-export .exportlinks .csv {
	background-image: url(../images/displaytag/ico_file_csv.png);
	background-repeat: no-repeat;
}

.area-export .exportlinks .xml {
	background-image: url(../images/displaytag/ico_file_xml.png);
	background-repeat: no-repeat;
}

.area-export .exportlinks .pdf {
	background-image: url(../images/displaytag/ico_file_pdf.png);
	background-repeat: no-repeat;
}

.area-export .exportlinks .rtf {
	background-image: url(../images/displaytag/ico_file_rtf.png);
	background-repeat: no-repeat;
}
.panel-norecord{
	border: 1px solid #c0c0c0;
	border-top:none;
}
.panel-page {
   /*margin-bottom: 20px;2017-07-18鏀�*/
   border: 1px solid #ebf6fe;
   border-top:none;
   background-color: #fff;
   height:30px;
   padding:10px 0;
	/*background: url(../images/tool_bg.jpg) repeat-x; border: 3px solid #dddddd;*/
}
.l-bar-group-right {
    float: left;
}
.l-panel-bbar-inner {
	margin: 0;
	line-height:30px;
	/*padding-top: 3px;
	padding-bottom: 3px;*/
}
.panel-page .l-panel-bbar-inner select,.panel-page .l-panel-bbar-inner input{
	height:24px; box-sizing:border-box; 
	-moz-box-sizing:border-box; -wekit-box-sizing:border-box; -ms-box-sizing:border-box;
	border:1px solid #dddddd;
	border-radius:3px;
	min-width:30px;
}
.btn-go {
	width: 43px;
	height: 21px;
	font-size: 15px;
	font-family: Verdana, Geneva, sans-serif;
	border: none;
	cursor: pointer;
	color:#707b80;
	background:#f3f7f9;
	float:left;
	margin-top:3px;
}

.panel-page img {
	cursor: pointer;
}



label.error {
	background: url(../images/valid/unchecked.gif) no-repeat 0px 0px;
	margin-left: 16px;
	padding-left: 16px;
	padding-bottom: 2px;
	font-weight: bold;
	color: #EA5200;
}

label.initerror {
	color: red;
	font-weight: bold;
	font-size: 16px;
	padding-left:2px;
	padding-right: 2px;
}

label.checked {
	background: url(../images/valid/checked.gif) no-repeat 0px 0px;
}



span.red{color: red;}
span.green{color: green;}
span.brown{color: brown;}
span.brown{color:#bb505d;}
span.difcolor{color: #000;}


.panel-toolbar a.link {
   	background: #fff!important;
    border: 1px solid #dddddd;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    height:26px;
    line-height: 26px;
    padding: 0px 12px 0px 8px;
    text-align: center;
    width: auto !important;
}
.panel-toolbar a.link:hover{
	background: #55a8fd!important;
    border: 1px solid #55a8fd;
    color:#fff;
}
.panel-toolbar a.link span {
    display: block;
    float: left;
    height: 26px;
    margin-top: 0px;
    width: 20px;
    background-position:0 center!important;
}

a.link{	
	padding:0px 10px 0px 20px;
	color: #555555;
    cursor: pointer;
    font-size: 12px;
    padding-left: 17px;
    text-decoration: none;
	white-space:nowrap;
	_float:left;
	height:20px;
}
a.link.disabled{
	color: gray;
}

a.link:hover{

	text-decoration: none;
	
}

a.link.search,.panel-toolbar  a.link.search span {
    background: url("./icons_search02.png") no-repeat scroll 0 center transparent;
}
.table-detail a.link.search{
	background:url(./icons_select01.png) 5px center no-repeat #77b6f8;
	float:left;
	color:#fff;
	margin:3px;
	border-radius:3px;
	line-height:20px;
	padding:1px 5px 1px 20px;
}
.panel-toolbar  a.link.search:hover span {
    background: url("./icons_search02.png") no-repeat scroll 0 center transparent;
}
a.link.ajaxSearch,.panel-toolbar  a.link.ajaxSearch span {
    background: url("./icons_search.png") no-repeat scroll 0 center transparent;
}
a.link.add,.panel-toolbar  a.link.add span {
    background: url("./icons_add.png") no-repeat scroll 0 center transparent;
    margin:0 2px 0 0;
}
.table-detail a.link.add{
	background:url(./icons_select01.png) 5px center no-repeat #77b6f8;
	float:left;
	color:#fff;
	margin:3px;
	border-radius:3px;
	line-height:20px;
	padding:1px 5px 1px 20px;
}
.panel-toolbar  a.link.add:hover span {
    background: url("./icons_add02.png") no-repeat scroll 0 center transparent;
}
a.link.add2 {
    background: url("./icons_addOld.png") no-repeat scroll 0 center transparent;
}
a.link.reference,.panel-toolbar  a.link.reference span {
	background: url("./icons_search.png") no-repeat scroll 0 center transparent;
}
a.link.ok,.panel-toolbar  a.link.ok span {
	background: url(./icons_getT.png) no-repeat scroll 0 center transparent;
}
.panel-toolbar  a.link.ok:hover span {
	background: url(./icons_getT02.png) no-repeat scroll 0 center transparent;
}
a.link.del,.panel-toolbar a.link.del span {
    background: url("./icons_del.png") no-repeat scroll 0 center transparent;
}
.l-layout-header-inner a.link.del,.panel-toolbar a.link.del:hover span {
    background: url("./icons_del02.png") no-repeat scroll 0 center transparent;
}
.personPic_btn a.link.del{
	background: url("./icons_del02.png") no-repeat scroll 6px center #77b6f8;
	color:#fff;
	padding:4px 6px 4px 25px;
	border-radius:3px;
}
.personPic_btn a.link.del:hover{background: url("./icons_del02.png") no-repeat scroll 6px center #55a8fd;}
a.link.save,.panel-toolbar a.link.save span {
    background: url("./icons_save02.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.save:hover span {
    background: url("./icons_save02.png") no-repeat scroll 0 center transparent;
}
a.link.del.disabled,.panel-toolba a.link.del.disabled span{
	background:url(./icons_del.png) 0px center no-repeat;
}
.panel-toolba a.link.del.disabled:hover span{
	background:url(./icons_del02.png) 0px center no-repeat;
}
a.link.customdel, .panel-toolba a.link.customdel span{
    background:url(./icons_del.png) 0px center no-repeat;
}

a.link.back,.panel-toolbar a.link.back span {
    background: url("./icons_back.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.back:hover span {
    background: url("./icons_back02.png") no-repeat scroll 0 center transparent;
}
a.link.urge,.panel-toolbar a.link.urge span {
    background: url("./icons_urge.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.urge:hover span {
    background: url("./icons_urge02.png") no-repeat scroll 0 center transparent;
}
a.link.init,.panel-toolbar a.link.init span {
    background: url("./icons_init.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.init:hover span {
    background: url("./icons_init02.png") no-repeat scroll 0 center transparent;
}
a.link.show,.panel-toolbar a.link.show span {
    background: url("../images/menu/show.gif") no-repeat scroll 0 center transparent;
}
a.link.no,.panel-toolbar  a.link.no span {
    background: url("../images/menu/no.png") no-repeat scroll 0 center transparent;
}
a.link.undo,.panel-toolbar a.link.undo span {
    background: url("./icons_reload.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.undo:hover span {
    background: url("./icons_reload02.png") no-repeat scroll 0 center transparent;
}
a.link.redo,.panel-toolbar a.link.redo span {
    background: url("./icons_redo.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.redo:hover span {
    background: url("./icons_redo_02.png") no-repeat scroll 0 center transparent;
}
a.link.sended {
    background: url("../images/error/error_btn_bg.png") repeat-x scroll 0 0 transparent;
    border: 1px solid rgb(153, 153, 153);
	border-radius: 3px 3px 3px 3px;
	cursor: pointer;
	line-height: 20px;
	padding: 3px 12px;
	text-align: center;
	height: 19px;
}
a.link.update,.panel-toolbar a.link.update span {
    background: url("./icons_update.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.update:hover span {
    background: url("./icons_update02.png") no-repeat scroll 0 center transparent;
}
a.link.upload,.panel-toolbar a.link.upload span {
    background: url("../images/menu/upload.png") no-repeat scroll 0 center transparent;
}
a.link.xml-bpm,.panel-toolbar a.link.xml-bpm span {
    background: url("../images/menu/xml-bpm.png") no-repeat scroll 0 center transparent;
}
a.link.reload,.panel-toolbar a.link.reload span {
    background: url("../images/icon/reload.png") no-repeat scroll 0 center transparent;
}
a.link.xml-design,.panel-toolbar a.link.xml-design span {
    background: url("../images/menu/xml-design.png") no-repeat scroll 0 center transparent;
}
a.link.preview,.panel-toolbar a.link.preview span {
    background: url("./icons_preview.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.preview:hover span {
    background: url("./icons_preview02.png") no-repeat scroll 0 center transparent;
}
a.link.expand,.panel-toolbar a.link.expand span {
    background: url("../images/icon/expand.gif") no-repeat scroll 0 center transparent;
}
a.link.collapse,.panel-toolbar a.link.collapse span {
    background: url("../images/icon/collapse.gif") no-repeat scroll 0 center transparent;
}
a.link.moveup,.panel-toolbar a.link.moveup span {
    background: url("../images/menu/moveup.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.moveup:hover span {
    background: url("../images/menu/moveup02.png") no-repeat scroll 0 center transparent;
}
a.link.movedown,.panel-toolbar a.link.movedown span {
    background: url("../images/menu/movedown.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.movedown:hover span {
    background: url("../images/menu/movedown02.png") no-repeat scroll 0 center transparent;
}
a.link.next,.panel-toolbar a.link.next span {
    background: url("./next.gif") no-repeat scroll 0 center transparent;
}
a.link.prev,.panel-toolbar a.link.prev span {
    background: url("./prev.gif") no-repeat scroll 0 center transparent;
}
a.link.edit,.panel-toolbar a.link.edit span {
    background: url("./icons_edit.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.edit:hover span {
    background: url("./icons_edit02.png") no-repeat scroll 0 center transparent;
}
a.link.copy,.panel-toolbar a.link.copy span {
    background: url("./copy02.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.copy:hover span {
    background: url("./copy02.png") no-repeat scroll 0 center transparent;
}
a.link.test,.panel-toolbar a.link.test span {
    background: url("./icons_test.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.test:hover span {
    background: url("./icons_test02.png") no-repeat scroll 0 center transparent;
}
a.link.detail,.panel-toolbar a.link.detail span {
    background: url("./icons_detail02.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.detail:hover span {
    background: url("./icons_detail02.png") no-repeat scroll 0 center transparent;
}
.table-detail a.link.detail{
	background:url(./icons_detail02.png) 5px center no-repeat #77b6f8;
	color:#fff;
	margin:3px;
	border-radius:3px;
	line-height:20px;
	padding:3px 5px 3px 20px;
}
a.link.switchuser,.panel-toolbar a.link.switchuser span {
    background: url("./icons_switchuser02.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.switchuser:hover span {
    background: url("./icons_switchuser02.png") no-repeat scroll 0 center transparent;
}
a.link.flowDesign,.panel-toolbar a.link.flowDesign span {
    background: url("./flow_design02.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.flowDesign:hover span {
    background: url("./flow_design02.png") no-repeat scroll 0 center transparent;
}
a.link.dataList,.panel-toolbar a.link.dataList span {
    background: url("./icons_dataList.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.dataList:hover span {
    background: url("./icons_dataList02.png") no-repeat scroll 0 center transparent;
}
a.link.uploadPhoto,.panel-toolbar a.link.uploadPhoto span {
    background: url("./icons_uploadPhoto.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.uploadPhoto:hover span {
    background: url("./icons_uploadPhoto02.png") no-repeat scroll 0 center transparent;
}
.personPic_btn a.link.uploadPhoto{
	background: url("./icons_uploadPhoto3.png") no-repeat scroll 7px center #77b6f8;
	color:#fff;
	padding:4px 6px 4px 26px;
	border-radius:3px;
	margin-right:3px;
}
.personPic_btn a.link.uploadPhoto:hover{background: url("./icons_uploadPhoto3.png") no-repeat scroll 7px center #55a8fd;}
a.link.run,.panel-toolbar a.link.run span {
    background: url("./icons_run02.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.run:hover span {
    background: url("./icons_run02.png") no-repeat scroll 0 center transparent;
}
a.link.goForward,.panel-toolbar a.link.goForward span {
    background: url("./goForward02.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.goForward:hover span {
    background: url("./goForward02.png") no-repeat scroll 0 center transparent;
}
a.link.resetPwd,.panel-toolbar a.link.resetPwd span {
    background: url("./resetPwd.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.resetPwd:hover span {
    background: url("./resetPwd02.png") no-repeat scroll 0 center transparent;
}
a.link.initRights,.panel-toolbar a.link.initRights span {
    background: url("./resetPwd.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.initRights:hover span {
    background: url("./resetPwd02.png") no-repeat scroll 0 center transparent;
}
a.link.reset,.panel-toolbar a.link.reset span{
	background: url("./icons_reset02.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.reset:hover span{
	background: url("./icons_reset02.png") no-repeat scroll 0 center transparent;
}
a.link.send{
	background:url(../images/menu/add.gif) 0px -2px no-repeat;
}
a.link.end{
	background:url(./run.png) 0px -2px no-repeat;
}

a.link.done,.panel-toolbar a.link.done span{
	background:url(./icons_ok.png) 0px center no-repeat;
}
.panel-toolbar a.link.done:hover span{
	background:url(./icons_ok02.png) 0px center no-repeat;
}

a.link.get,.panel-toolbar a.link.get span{
	background:url(./get.gif)  0px center no-repeat;
}
a.link.get,.panel-toolbar a.link.get span {
    background: url("./get.gif") no-repeat scroll 0 center transparent;
}
a.link.addContact,.panel-toolbar a.link.addContact span {
	background: url("./icons_add.png") no-repeat scroll 0 center transparent;
}
a.link.clean,.panel-toolbar a.link.clean span {
    background: url("./icons_clean.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.clean:hover span {
    background: url("./icons_clean02.png") no-repeat scroll 0 center transparent;
}
a.link.download,.panel-toolbar a.link.download span {
    background: url("./icons_download.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.download:hover span {
    background: url("./icons_download02.png") no-repeat scroll 0 center transparent;
}
a.link.export,.panel-toolbar a.link.export span {
    background: url("./icons_export.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.export:hover span {
    background: url("./icons_export02.png") no-repeat scroll 0 center transparent;
}
a.link.import,.panel-toolbar a.link.import span {
    background: url("./icons_import.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.import:hover span {
    background: url("./icons_import02.png") no-repeat scroll 0 center transparent;
}
a.link.reload{
    background: url("./reload.png") no-repeat scroll 0 1px transparent;
}
a.link.signature{
	background: url("./icon_framebtn3.png") no-repeat scroll 0 1px transparent;
	border: 1px solid #dddddd;
	border-radius: 3px 3px 3px 3px;
	cursor: pointer;
	height: 30px;
	line-height: 25px;
	text-align: center;
	width: auto !important;
}
.panel-toolbar a.link.reload span {
    background: url("./icons_reload.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.reload:hover span {
    background: url("./icons_reload02.png") no-repeat scroll 0 center transparent;
}
a.link.upload,.panel-toolbar a.link.upload span {
    background: url("./icons_upload.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.upload:hover span {
    background: url("./icons_upload02.png") no-repeat scroll 0 center transparent;
}
a.link.var,.panel-toolbar a.link.var span {
    background: url("../images/bpm/code.gif") no-repeat scroll 0 0 transparent;
}
a.link.backUp,.panel-toolbar a.link.backUp span {
    background: url("./icons_backUp.png") no-repeat scroll 0 -2px transparent;
}
.panel-toolbar a.link.backUp:hover span {
    background: url("./icons_backUp02.png") no-repeat scroll 0 -2px transparent;
}
a.link.setting,.panel-toolbar a.link.setting span {
    background: url("./icons_setting02.png") no-repeat scroll 0 1px transparent;
}
.panel-toolbar a.link.setting:hover span {
    background: url("./icons_setting02.png") no-repeat scroll 0 1px transparent;
}
a.link.grant,.panel-toolbar a.link.grant span {
    background: url("../images/menu/grant.png") no-repeat scroll 0 0 transparent;
}
.panel-toolbar a.link.grant:hover span {
    background: url("../images/menu/grant02.png") no-repeat scroll 0 0 transparent;
}
a.link.grantSort,.panel-toolbar a.link.grantSort span {
    background: url("../images/menu/grant.png") no-repeat scroll 0 0 transparent;
}
a.link.deploy,.panel-toolbar a.link.deploy span {
    background: url("../images/icon/deploy.gif") no-repeat scroll 0 -2px transparent;
}
a.link.auth,.panel-toolbar a.link.auth span {
    background: url("./icons_auth.png") no-repeat scroll 0 -2px transparent;
}
.panel-toolbar a.link.auth:hover span {
    background: url("./icons_auth02.png") no-repeat scroll 0 -2px transparent;
}
a.link.lock,.panel-toolbar a.link.lock span {
    background: url("../images/menu/lock.png") no-repeat scroll 0 -2px transparent;
}
.panel-toolbar a.link.lock:hover span {
    background: url("../images/menu/lock02.png") no-repeat scroll 0 -2px transparent;
}
a.link.unlock,.panel-toolbar a.link.unlock span {
    background: url("../images/menu/unlock.png") no-repeat scroll 0 0 transparent;
}
a.link.newVersion,.panel-toolbar a.link.newVersion span {
    background: url("./icons_newVersion.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.newVersion:hover span {
    background: url("./icons_newVersion02.png") no-repeat scroll 0 center transparent;
}
a.link.cancel,.panel-toolbar a.link.cancel span {
    background: url("./icons_cancel.png") no-repeat scroll 0 0 transparent;
}
.panel-toolbar a.link.cancel:hover span {
    background: url("./icons_cancel02.png") no-repeat scroll 0 0 transparent;
}
.panel-toolbar a.link.selectFile span {
    background: url("../images/icon/file.gif") no-repeat scroll 0 2px transparent;
}
a.link.selectFile{
    background:url(./icons_file.png) 5px center no-repeat #5ae2c4;
	float:left;
	color:#fff;
	margin:3px;
	border-radius:3px;
	line-height:20px;
	padding:1px 5px 1px 20px;
}
a.link.print,.panel-toolbar a.link.print span {
    background: url("./icons_dataList02.png") no-repeat scroll 0 -2px transparent;
}
.panel-toolbar a.link.print:hover span {
    background: url("./icons_dataList02.png") no-repeat scroll 0 -2px transparent;
}
a.link.printSetting,.panel-toolbar  a.link.printSetting span {
    background: url("../images/icon/printSetting.gif") no-repeat scroll 0 2px transparent;
}
a.link.printPreView,.panel-toolbar a.link.printPreView span {
    background: url("../images/icon/printPreView.gif") no-repeat scroll 0 2px transparent;
}
a.link.sendMessage,.panel-toolbar a.link.sendMessage span {
    background: url("./icons_sendMessage02.png") no-repeat scroll 0 0px transparent;
}
.panel-toolbar a.link.sendMessage:hover span {
    background: url("./icons_sendMessage02.png") no-repeat scroll 0 0px transparent;
}
a.link.addMessage,.panel-toolbar a.link.addMessage span {
    background: url("../images/icon/addMessage.gif") no-repeat scroll 0 0px transparent;
}
a.link.parameter,.panel-toolbar a.link.parameter span {
    background: url("./parameter.png") no-repeat scroll 0 -2px transparent;
}
.panel-toolbar a.link.parameter span {
    background: url("./parameter02.png") no-repeat scroll 0 -2px transparent;
}
a.link.close,.panel-toolbar a.link.close span {
    background: url("./icons_cancel.png") no-repeat scroll 0 -2px transparent;
}
.panel-toolbar a.link.close:hover span {
    background: url("./icons_cancel02.png") no-repeat scroll 0 -2px transparent;
}
a.link.primary,.panel-toolbar a.link.primary span {
    background: url("./icons_primary.png") no-repeat scroll 0 -2px transparent;
}
.panel-toolbar a.link.primary:hover span {
    background: url("./icons_primary02.png") no-repeat scroll 0 -2px transparent;
}
a.link.notPrimary,.panel-toolbar a.link.notPrimary span {
    background: url("../images/icon/notPrimary.gif") no-repeat scroll 0 -2px transparent;
}
a.link.charge,.panel-toolbar a.link.charge span {
    background: url("../images/icon/charge.gif") no-repeat scroll 0 -2px transparent;
}
a.link.noCharge,.panel-toolbar a.link.noCharge span {
    background: url("../images/icon/noCharge.gif") no-repeat scroll 0 -2px transparent;
}
a.link.reject,.panel-toolbar a.link.reject span {
    background: url("./icons_reject02.png") no-repeat scroll 0 -2px transparent;
}
.panel-toolbar a.link.reject:hover span {
    background: url("./icons_reject02.png") no-repeat scroll 0 -2px transparent;
}
a.link.rejectToStart,.panel-toolbar a.link.rejectToStart span {
    background: url("./icons_rejectToStart02.png") no-repeat scroll 0 -2px transparent;
}
.panel-toolbar a.link.rejectToStart:hover span {
    background: url("./icons_rejectToStart02.png") no-repeat scroll 0 -2px transparent;
}
a.link.agree,.panel-toolbar a.link.agree span {
    background: url("./icons_agree02.png") no-repeat scroll 0 0 transparent;
}
.panel-toolbar a.link.agree:hover span {
    background: url("./icons_agree02.png") no-repeat scroll 0 0 transparent;
}
a.link.notAgree,.panel-toolbar a.link.notAgree span {
    background: url("./refuse.gif") no-repeat scroll 0 0 transparent;
}
a.link.abandon,.panel-toolbar a.link.abandon span {
    background: url("./giveup.gif") no-repeat scroll 0 0 transparent;
}
a.link.addWebSigns,.panel-toolbar a.link.addWebSigns span{
	background:url(./icons_WebSigns.png) 0px 0px no-repeat;
}
.panel-toolbar a.link.addWebSigns:hover span{
	background:url(./icons_WebSigns02.png) 0px 0px no-repeat;
}
a.link.addHangSigns,.panel-toolbar a.link.addHangSigns span{
	background:url(./icons_HangSigns.png) 0px 0px no-repeat;
}
.panel-toolbar a.link.addHangSigns:hover span{
	background:url(./icons_HangSigns02.png) 0px 0px no-repeat;
}
a.link.history,.panel-toolbar a.link.history span {
    background: url("./icons_history02.png") no-repeat scroll 0 1px transparent;
}
.panel-toolbar a.link.history:hover span {
    background: url("./icons_history02.png") no-repeat scroll 0 1px transparent;
}
a.link.log,.panel-toolbar a.link.log span {
    background: url("./icons_log.png") no-repeat scroll 0 1px transparent;
}
.panel-toolbar a.link.log:hover span {
    background: url("./icons_log02.png") no-repeat scroll 0 1px transparent;
}
a.link.table,.panel-toolbar a.link.table span {
    background: url("../images/menu/table.gif") no-repeat scroll 0 1px transparent;
}

a.link.helped,.panel-toolbar a.link.helped span {
    background: url("../images/icon/help.gif") no-repeat scroll 0 -2px transparent;
}

a.link.stop,.panel-toolbar a.link.stop span {
    background: url("../images/icon/stop.png") no-repeat scroll 0 1px transparent;
}

a.link.reloaded,a.link.backed{
    border: 1px solid rgb(153, 153, 153);
	border-radius: 3px 3px 3px 3px;
	cursor: pointer;
	line-height: 23px;
	padding: 0px 12px 3px 8px;
	text-align: center;
	background: url("../images/other/bg.png") repeat-x scroll 0px -170px transparent !important;
}
a.link.reloaded span,a.link.backed span{
	display: inline-block;
	height: 20px;
	margin-top: 3px;
	width: 20px;
	margin-bottom: -7px;
}
a.link.reloaded span{
background: url("../images/error/404_login.png") no-repeat scroll 0 1px transparent;
}
a.link.backed span{
background: url("../images/error/error_back.png") no-repeat scroll 0 1px transparent;
}
a.link.category,.panel-toolbar a.link.category span{
	background:url(./icons_category.png) 0px 1px no-repeat;
}
.panel-toolbar a.link.category:hover span{
	background:url(./icons_category02.png) 0px 1px no-repeat;
}
a.link.copyTo,.panel-toolbar a.link.copyTo span{
	background:url(./icons_devHelp02.png) 0px 1px no-repeat;
}
.panel-toolbar a.link.copyTo:hover span{
	background:url(./icons_devHelp02.png) 0px 1px no-repeat;
}
.link.copyTo {
	background: url(./devHelp.png) 0px 1px no-repeat;
}

.link-sortUp {
	background: url(../images/menu/arrow-up.png) no-repeat !important;
	text-decoration: none;
}

.link-sortDown {
	background: url(../images/menu/arrow-down.png) no-repeat !important;
	text-decoration: none;
}

.link-sortTop {
	background: url(../images/menu/sort_top.png) no-repeat !important;
}

.link-sortBottom {
	background: url(../images/menu/sort_bottom.png) no-repeat !important;
}

a.link.help {
	background: url(../images/icon/help.gif) no-repeat !important;
}

a.link.excel {
	background-image: url(../images/displaytag/ico_file_excel.png);
	background-repeat: no-repeat;
}
/*==================end of link button===============================*/


div.bottom{text-align: right;align:center;padding-top: 6px; padding-right:15px;}



a.button:link { text-decoration: none;}

a.button {	
	color:#000;  
	font-size: 12px;
	background: url("../images/other/bg.png") repeat-x scroll 0 -170px transparent !important;
	border: 1px solid #999999;
	border-radius: 3px 3px 3px 3px;
	cursor: pointer;
	line-height: 25px;
	padding: 3px 12px;
	text-align: center;
	height: 20px;
}

/* a.button span{ 
	display: inline-block;
	height:15px; 
	line-height: 15px;
	white-space:nowrap; 
	background:url(./button.gif) no-repeat right  0px;
	color:#000; 
	padding:5px 10px 5px 3px; 
	font-size: 12px;
	text-align: center;
	margin: -5px -2px 0px 0px; 
} */

a.button span.icon{
	height:0px;
	display: inline-block;
	padding:10px 2px 10px 16px;
	width:0px;
	margin-top:-5px;
	margin-bottom:-5px;
}

a.button:hover {
	background:url(./button_over.gif) no-repeat left 0px;
	text-decoration: none;
border-color: #737373;
-webkit-box-shadow: 1px 1px 2px #c6c6c6;
}
/* a.button:hover span{
	background:url(./button_over.gif) no-repeat right 0px;
	margin: -5px -2px 0px 0px;
} */

a.button:hover span.icon{
	height:0px;
	display: inline-block;
	padding:10px 2px 10px 16px;
	width:0px;
	margin-top:-5px;
	margin-bottom:-5px;
}
/**
	
*/
a.button span.icon.save{
	background: url(./icons_save.png) no-repeat -2px -2px;
}

a.button span.icon.ok{
	background: url(./icons_ok.png) no-repeat 0px 3px;
}

a.button span.icon.upload{
	background: url(./icons_upload.png) no-repeat 0px center;
}

a.button span.icon.clean{
	background: url(./icons_clean.png) no-repeat 0px 3px;
}
a.button span.icon.cancel{
	background: url(./icons_cancel.png) no-repeat 0px 3px;
}

a.button span.icon.valid{
	background: url(../images/icon/valid.gif) no-repeat 0px 3px;
}



/*
	
*/
a.tipinfo{
	background:url(../images/icon/help.gif) 0px -2px no-repeat;
	padding-left: 20px;
	line-height: 20px;
	text-decoration: none;
	position: relative;
}
a.tipinfo span{
	display: none;
}
a.tipinfo:hover span{
	position:absolute;
	top:0px;
	left:25px; 
	width:200px;
	font-weight:bold;
	
	font-size:14px;
	display:inline;
	padding:3px 3px 3px 3px;
	word-break:break-all;
	border: 1px solid #A4BED4;
	background-color:#E4EFFD;
	line-height: 20px;
	text-decoration: none; 
	white-space: normal;
}
/**濞戞搩浜欏Ч澶愭偂瑜忔晶鏍沪閸涱剝鍘�**/
.person_pic_div {
	width: 47px;
	overflow: hidden;
	position: relative;
	display: inline-block;
	text-align: center;
	vertical-align: middle;	
}
.person_pic_div p {   
  width:40px;
  height:40px;
  border-radius:20px; 
  overflow:hidden; 
}   
.person_pic_div p img {   
  width:100%;
  height:100%;
}
/* link search icon widthout event bind */
a.link.search2{
	background:url(./icons_search.png) 0px 1px no-repeat;
}



/*闁瑰瓨鍨瑰▓鎴炵▔婵犳哎锟介悹浣稿⒔閻わ拷*/
div.desktop{
	text-decoration:none;
	cursor:pointer;
	line-height: 24px; 
	color:#123;  
	padding:5px 0px 5px 15px; 
	font-size: 12px;
	text-align: left;
	}


	/*閺傛澘顤�**/
 .panel-top-left {float: left;font-size: 14px;font-weight: bold;}
 .panel-top-right {float: right; margin-right: 10px;}
.panel-top h2 { display: inline-block;float: left; font-size: 14px;height: 23px;  padding-left: 24px;}
.panel-top h2.setting {background: url("../images/other/icon_settings_20.png") no-repeat scroll left center transparent;}
.panel-top .inline {  float: left;}
.table-top {height: 14px;margin-top: 15px;}
.table-top .table-top-left {color: #1673FF; float: left; font-size: 14px; font-weight: bold;}
.table-top .table-top-left  b{color: #000; font-weight: 400;}
.table-top .table-top-right { float: right;}
.table-top-right-bj .table-top-right{margin-top:-5px;}
.table-top-right-bj .table-top-right a.link{line-height:20px;}
.table-top-right-bj .table-top-right a.link.del{background-position:0 3px;}
.table-top-right-bj a.link.add{margin-top:0px;}
.panel-container {min-height: 300px;border-color: #76AAF8; border-style: solid;border-width: 1px; float: left;margin-left: 10px; margin-top: 10px;position: relative;width: 98%;}
.panel-container .panel-body, .panel-container .panel { clear: left;padding-top: 10px;}
.panel-container .panel-nav {margin: 0;}
.panel-container .l-tab-links {background: none repeat scroll 0 0 #488DF5;}
.panel-container .l-tab-links a {border-right: medium none;color: #095ba2;font-size: 14px;line-height: 58px; text-decoration: none;padding-right: 15px;}
.panel-container .l-tab-links .l-selected a { background: none repeat scroll 0 0 #FFFFFF; border-radius: 4px 4px 4px 4px;color: #488DF5; cursor: pointer;outline: 0 none;padding: 10px 10px 5px;}
.panel-container table th { color: #000000;}
.panel-container table a.moveup, .panel-container table a.movedown {display: inline;height: 20px;margin: 8px;padding-bottom: 14px; width: 20px;}
.panel-container table a.moveup { background: url("../images/other/icon_upside.png") no-repeat scroll 0 5px transparent;}
.panel-container table a.movedown {background: url("../images/other/icon_downside.png") no-repeat scroll 0 5px transparent;}
.panel-container table a.moveup:hover, .panel-container table a.movedown:hover {background-position: 0 0;}

.foldBox { border-top: 2px solid #488DF5;clear: both; display: inline-block;margin: 10px 5px 5px; position: relative; width: 99%;}
.foldBox a.drop {cursor: pointer;text-decoration: none;}
.foldBox .title {  background: none repeat scroll 0 0 #FFFFFF;color: #1673FF;font-size: 14px; font-weight: bold; left: 12px;padding-left: 10px;padding-right: 15px;position: absolute; top: -15px;}
.foldBox .drop {background: none repeat scroll 0 0 #FFFFFF;color: #488DF5;font-weight: bold;padding: 0 10px;position: absolute;right: 12px;top: -12px;}
.foldBox .drop span { background: url("../images/other/1.png") no-repeat scroll 0 -35px transparent;display: inline-block;height: 6px;width: 12px;}
.foldBox .content { margin: 12px 8px; padding: 10px;}
.panel-search .title { 
	color: #037ad5; font-size: 12px;
	padding: 10px 15px 10px 32px;
	position:absolute; left:0px; top:0px;
	background:url("../images/other/search_title.png") no-repeat scroll 15px center #edf7ff;
	width:100%;  z-index:510;
	box-sizing:border-box;
	-wekit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	display: none;
}
.panel-search .drop {background:#55a8fd;font-size: 12px; position: absolute;right: 15px;top: -38px; height:26px; line-height:26px; padding:0 10px; border-radius:3px;}
.panel-search .drop a {
	color: #fff; cursor: pointer;}
.panel-search .drop a.activi {}
.panel-search form{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	box-sizing:border-box;
	-wekit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	z-index:500;
}
.panel-search .row{
	width:100%;
	padding:40px 15px 10px;background:#fafafa;
	box-sizing:border-box;
	-wekit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	position:relative;
	left:0;
	top:0;
	z-index:502;
}
.panel-search .searchbutton{
	background:#fafafa;
	padding:10px 15px;
	border-top:1px solid #e4ecf3;
	position:relative;
	left:0;
	top:0;
	z-index:502;
	text-align:right;
}
.panel-search .searchbutton .btn{
	float:none;
	background:#77b6f8;
	line-height:22px; padding:4px 10px 4px 25px; 
	border-radius:3px; color:#fff;
	margin-left:8px;
	text-decoration:none;
	display:inline;
	position:relative;
}
.panel-search .searchbutton .btn:hover{background:#55a8fd;}
.panel-search .searchbutton .search.btn:before{
	content: "";
	background:url("./icons_search03.png") no-repeat;
	width:12px;height: 12px;background-size:12px 12px;
	position:absolute;
	left:10px;top:50%; margin-top: -5px;
}
.panel-search .searchbutton .reset.btn:before{
	content: "";
	background:url("./icons_reset.png") no-repeat;
	width:12px;height: 12px;background-size:12px 12px;
	position:absolute;
	left:10px;top:50%; margin-top: -5px;
}
.panel-search .searchbutton .cancel.btn:before{
	content: "";
	background:url("./icons_cancel03.png") no-repeat;
	width:12px;height: 12px;background-size:12px 12px;
	position:absolute;
	left:10px;top:50%; margin-top: -5px;
}
.panel-search .bgc{
	width:100%;
	background:#000; height:200px; opacity:0.3;
	position:absolute;
	left:0;
	top:0;
	z-index:501;
}
.table-noborder {}
.table-noborder th { border: medium none;font-size: 14px;font-weight: bold;padding: 5px 10px;}

span.open-message{
	background: url(../images/msg_none.png) no-repeat 0px -1px;
	padding:2px 0 2px 20px;
}

span.close-message{
	background: url(../images/msg_own.png) no-repeat 0px -1px;
	padding:2px 0 2px 20px;
}
a.message{
	padding:2px 2px 2px 20px;
	cursor: pointer; 
	font-size:12px;
	_float:left;
	height:20px;
}
a.message.open-message{
	background: url(../images/msg_none.png) no-repeat 0px -1px;
}

a.message.close-message{
	background: url(../images/msg_own.png) no-repeat 0px -1px;
}

.quick-find{
	width:40px;
}

div.tipbox{
	background:url(../images/icon/help.gif) 0 0 no-repeat;
	width:20px;
	height:20px;
	display:inline;
	position:absolute;
}
a.tipinfo{
	width: 20px;
	height:20px;
	cursor: default;
	text-decoration:none;
}
a.tipinfo span{
	display: none;
	z-index:999;
	position:absolute;
	top:0px;
	left:25px; 
	width:250px;
	color:black;
	font-size:14px;
	padding:3px 3px 3px 3px;
	word-break:break-all;
	border: 1px solid #A4BED4;
	background-color:#E4EFFD;
	line-height: 20px;
	text-decoration: none; 
}
a.tipinfo:hover span{
	display:inline;
}
.reference{
	background: url("./icons_search.png") no-repeat scroll 0 1px transparent;
}
.formFoldBox {
	vertical-align: top;
}
th.ckHiden{
	text-decoration:line-through;
}


a.current:link { 
	text-decoration: none;
}
a.current{
	float: left;
	text-decoration: none;
	color: #000;
	background:url(./button.gif) no-repeat top right;
	padding: 5px 15px 0 0;
	margin-left: 10px;
	font-size: 13px;
	font-weight:bold;
	cursor:pointer;
}
a.current span{
	float: left;
	padding-left: 15px;
	display: block;
	margin-top: -5px;
	height:25px;
	cursor:pointer;
	background:url(./button.gif) no-repeat top left;
	line-height:25px;
}
a.current:hover{
	background:url(./button_over.gif) no-repeat top right;	
}
a.current:hover span{
	background:url(./button_over.gif) no-repeat top left;	
}

.panel-table img {
margin: -5px 3px;
}

span.backgrounddiv{
	float: left;
	margin: 1px 2px;
	padding: 0px 11px;
	background-color: #FFFFFF;
	border-radius: 7px;
	box-shadow: 1px 1px 1px #727272;
	line-height: 22px;
	border: 1px solid #C7C7C7;
}

.treeTitle {
	height: 20px;
	padding: 8px 5px 5px;
	background: #ebebeb;
	border-bottom: solid 1px #b9dae9;
}

a.link.mobile{
	background:url(./mobile.gif) 0px 0px no-repeat;
}


a.link.movetop {
	background: url(../images/menu/sort_top.png) no-repeat !important;
}

a.link.movebottom {
	background: url(../images/menu/sort_bottom.png) no-repeat !important;
}

/*瑙ｅ喅鍦ㄧ伀鐙愪笅 ligerdialog寮瑰嚭妗嗘樉绀轰笉鍏ㄧ殑闂*/
div.l-dialog-tc-inner {
    background-color: #149FE4;
}
div.l-dialog-content{
    background-color: #FFFFFF;
}

div[formType=window]>table.window-table{
	width:inherit;
}

div[formtype='window'] {
	display: inline-block;
}


.owner-span {
	font-size: 13px;
	background-color: #EFF2F7;
	border: 1px solid #CCD5E4;
	border-radius: 3px;
	cursor: default;
	float: left;
	height: auto !important;
	margin: 3px;
	overflow: hidden;
	padding: 2px 4px;
	white-space: nowrap;
	position:relative;
}
.owner-span a{display:inline-block; color:#2e7ccb;}
.bt-select {
	font-size: 13px;
	color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
	border-radius: 5px 5px 5px 5px;
	cursor: pointer;
	height: auto !important;
	margin: 3px;
	overflow: hidden;
	padding: 2px 4px;
	white-space: nowrap;
	position:relative;
}
.ht-input{
	display: inline-block;
	min-height:25px;
	width: 260px;
	font-size: 12px;
	line-height: 1.428571429;
	color: #555555;
	vertical-align: middle;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 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;
}
.hover-pointer:hover{
	cursor: pointer;
}
.w-120{
	width: 120px;
}
.owner-span:hover>.flootbutton{
	 display:block;
}
.flootbutton{
  padding: 0 5px;
  display:none;
  color: white;
  margin-bottom: 4px;
  position: absolute;
  right: 0;
  background: #31b0d5;
  height: 15px;
  width: 15px;
  top: -5px;
  font-size: 12px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
}
.select2-selection__choice{
	min-width: 0px !important;
	height: initial !important;
	margin-top: 4px !important;
}
.select2-search{
	min-width: 0px !important;
	height: initial !important;
}

a.download{
   	background:url(../images/arrow.png) 0 1px no-repeat;
   	display:inline-block;
   	height:14px;
   	margin-left:8px;
   	overflow:hidden;
   	width:14px;
   	text-decoration:none;	
}

@media (max-width:768px) {
	.panel-toolbar .group .exportMenu{
		display: none;
	}
	.panel-toolbar .group .import{
		display: none;
	}
	.panel-toolbar .group #btnSave {
		display: inline-block;
	}
	.panel-search {
		z-index: 10;
	}
}

.panel-toolbar{
    color: #000;
    font-family: "微软雅黑", "宋体", Arial, sans-serif;
    font-size: 12px;
    text-align: left;
    margin: 0;
    margin-top: 2px;
    background: #fff;
    padding: 15px 15px 15px 10px;
    height: 60px;
}

.panel-detail{
    color: #000;
    font-family: "微软雅黑", "宋体", Arial, sans-serif;
    font-size: 12px;
    padding: 0;
    margin: 92px 15px 10px;
    margin: 0;

}

#topNavWrapper{
    color: #000;
    font-family: "微软雅黑", "宋体", Arial, sans-serif;
    font-size: 12px;
    padding: 0;
    width: 100%;
    text-align: left;
    margin: 0px auto;
    z-index: 100;
    margin: 0;
    padding: 0;
}
/* -------------
   * commom *
* ------------- */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;border:1px solid #ced7e0; border-radius:3px; line-height:20px;}
del,ins{text-decoration:none;}
select{height:26px;}
a{color:#2e7ccb;}
body{font-family: "微软雅黑", "宋体", Arial, sans-serif; font-size: 12px; }
.l-clear{ clear:both; width:1px; height:1px; overflow:hidden;}
.l-hidden {display: none;}
.l-loading
{
    position: absolute;z-index: 91000;  top:40%; left:50%; overflow:hidden;
    background:url('../images/common/loading.gif') no-repeat 0px 0px;width:24px; height:24px; 
     display:none;
}
/* -------------
   * 滚动条颜色 *
* ------------- */ 
.l-scroll
{
        scrollbar-face-color:#C6D7FF; scrollbar-3dlight-color:#B5CBF7; scrollbar-darkshadow-color:#B5CBF7;
        scrollbar-base-color:#B5CBF7;
        scrollbar-shadow-color: #FFF; scrollbar-highlight-color: #FFF;  scrollbar-track-color:#FFF; scrollbar-arrow-color:#4A6184;
}
.l-noscroll
{
    overflow:hidden;
}
/* Draggable */
.l-draggable{ overflow:hidden; border-style:solid; border-width:1px; opacity:0.5; filter:alpha(opacity=50); position:absolute; top:0; left:0; z-index:10001; background:#f2f1f1; border-color:#aaa;}
/* Resizable */
.l-resizable { display:none; overflow:hidden; border-style:dashed; border-width:1px; opacity:0.5; filter:alpha(opacity=50); position:absolute; top:0; left:0; z-index:10002; background:#f2f1f1;} 


 /* --------------
   *   icon  *
* ------------ */
.l-icon-checkbox {background:url('../images/icon/checkbox.gif') no-repeat center;}

.l-icon-cross{background:url('../images/icon/cross.gif') no-repeat center; width:16px; height:16px; line-height:16px;}
/* -------------
   * 按钮 *
* ------------- */
.l-button
{
    display:block;border: solid 1px #A3C0E8;
    width:50px ; height:20px; overflow:hidden; line-height:20px;
    background: #E0EDFF url(../images/controls/button-bg.gif) repeat-x center;
     text-align:center;color: #2C4D79;  text-decoration:none; cursor:pointer;
}
.l-button-over,.l-button:hover
{background: #FFBE76 url(../images/controls/button-bg-over.gif) repeat-x center; border-color:#D6A886;
}
.l-btn
{
    display:block; 
     height:21px; overflow:hidden; line-height:22px; position:relative; 
     padding-left:15px; padding-right:15px; cursor:pointer;
    background: #E0EDFF url(../images/controls/btn.gif) repeat-x;
     text-align:center;color: #2C4D79;  text-decoration:none; cursor:pointer;
}
/* 按钮左边部位 */
.l-btn-l
{
    position:absolute; width:3px; left:0px; top:0px;height:21px;
    background: #E0EDFF url(../images/controls/btn-l.gif) no-repeat;
}
/* 按钮右边部位 */
.l-btn-r
{position:absolute; width:3px; right:0px; top:0px;height:21px;
    background: #E0EDFF url(../images/controls/btn-r.gif) no-repeat;
}



/*
    Draggable
*/
.l-drag-proxy { border: 1px solid #BDD1EE;position: absolute;z-index: 1001;height:25px; line-height:25px; padding-left:19px; padding-right:4px; background:white;  }
.l-drag-proxy .l-drop-icon{position: absolute; top:5px; left:4px;width:16px; height:16px; }
.l-drop-no{background: white url('../images/common/drop-icons.gif') no-repeat 0px -20px; width:16px; height:16px; overflow:hidden;}
.l-drop-yes{background: white url('../images/common/drop-icons.gif') no-repeat 0px 0px;  width:16px; height:16px; overflow:hidden;}
.l-drop-add{background: white url('../images/common/drop-icons.gif') no-repeat -20px 0px;  width:16px; height:16px; overflow:hidden;}
.l-drag-coldroptip{width:9px; position:absolute; height:44px; z-index:1000;}
.l-drop-move-up{background:transparent url('../images/common/drop-icons.gif') no-repeat -40px 0px; width:9px; height:9px; overflow:hidden;position:absolute; top:0px;}
.l-drop-move-down{background: transparent url('../images/common/drop-icons.gif') no-repeat -60px 0px; width:9px; height:9px; overflow:hidden; position:absolute; bottom:0px;}
 
 .l-drag-nodedroptip,.l-drag-rowdroptip{width:9px; position:absolute; height:1px; background-color:red; z-index:1000; line-height:1px; overflow:hidden;}
 
 
 
 /* filter */ 
table.l-filter-group{ background:white; font-size:12px;}
table.l-filter-group select,table.l-filter-group .valtxt{border:1px solid #d3d3d3;}
table.l-filter-group .addgroup{}
table.l-filter-group .addrule{}
table.l-filter-group .deletegroup{} 
table.l-filter-group .deleterole{ cursor:pointer;} 
table.l-filter-group-alt{ background:#F2F2F2;} 
td.l-filter-groupcell{ padding-left:20px;} 
td.l-filter-column{ padding:2px;}
td.l-filter-op{padding:2px;}
td.l-filter-value{padding:2px;} 
tr.l-filter-rowlastcell{ text-align:right;_width:300px; min-width:300px;padding:2px;}  
table.l-filter-group-alt,.l-panel table.l-filter-group-alt{background:#f5f5f5;margin-left:20px; margin-top:4px; padding:5px;border:1px solid #d3d3d3;} 
table.l-filter-group-alt .l-filter-value{ padding-right:6px;} 
td.l-filter-cellgroup{ padding:3px;}
table.l-filter-group-alt table.l-filter-group{background:white;margin-left:20px; margin-top:4px; padding:5px;border:1px solid #d3d3d3;} 


body { 
    margin: 0px; 
    padding: 0px; 
} 
#topNavWrapper { 
    width: 100%; 
    text-align: left; 
    /* height: 70px;  */
    margin: 0px auto; 
    z-index:100; 
    _position: relative ; 
    _top:0px; 
} 
#topNav { 
    width: 100%; 
    float: left; 
    display: block; 
    z-index: 100; 
    overflow: visible; 
    position: fixed; 
    top: 0px; /* position fixed for IE6 */ 
    _position: absolute; 
    _top: expression(documentElement.scrollTop + "px"); 
    background-repeat: no-repeat; 
    background-position: right; 
    /* height: 70px;  */
    height:auto;
} 
@media print {
	.noprint{display:none;} 
	.printForm{display:block !important;} 
	.noForm{font-size: 14px;font-weight: bold;text-align: center;}
	input, select { border:none!important;}
	.link { display:none!important;}
	select { position:absolute; clip: rect(0px,100px,21px,0px); width: 120px; margin-top: -10px;}
	.l-text { border:none;}
	.l-trigger { display:none;}
	td { text-align: left; min-width:120px;}
	td.formTitle{padding:2px; border:1px solid #666666; height: 23px; text-align: center;}
	td.teamHead{border:1px solid #656565; text-align: center;font-size: 14px;font-weight: bold;	height: 32px; color: #464646;}
	
}

/*鍏敤閮ㄥ垎*/
html,
body {
	background-color: #F0F2F5;
}

table {
	width: 100%;
}

div[type="subtable"]:last-of-type {
	margin-bottom: 40px;
	padding: 0 60px 20px;
}

div[type="subtable"]:first-of-type {
	padding-top: 20px;
}
div[type="sub"]:first-of-type {
	margin-top: 20px;
}
div[type="sub"]:last-of-type {
	margin-bottom: 20px;
}
div[type="sub"] {
	font-size: 14px;
	color: #000;
	margin: 0 auto;
	background-color: #fff;
	width: 60%;
	padding: 30px 60px;
}

table.formTable,
td.teamHead,
td.formTitle,
td.formInput {
	border: none;
}

a {
	cursor: pointer;
}

input[readonly] {
	background-color: #F0F0F0;
}

.formTable input[type="text"],
.formTable select {
	padding: 7px 10px;
}


/*鐗规畩閮ㄥ垎*/
.formTable-wrap.three .formTable td.formTitle{
	text-align: right;
}
.formTable-wrap.three .formTable td.formInput label,
.formTable-wrap.four .formTable td.formInput label {
	margin-bottom: 10px;
}

.formTable-wrap.three .formTable td.formInput label:last-child,
.formTable-wrap.four .formTable td.formInput label:last-child {
	margin-bottom: 0px;
}
.formTable-wrap.one .formTable .l-text-wrapper,
.formTable-wrap.one .formTable .l-text-combobox,
.formTable-wrap.one .formTable .l-text-combobox input{
	width: 97%!important;
}
.formTable-wrap.two .formTable .l-text-wrapper,
.formTable-wrap.two .formTable .l-text-combobox,
.formTable-wrap.two .formTable .l-text-combobox input {
	width: 97%!important;
}
.formTable-wrap.three .formTable .l-text-wrapper,
.formTable-wrap.three .formTable .l-text-combobox,
.formTable-wrap.three .formTable .l-text-combobox input {
	width: 94.4%!important;
}

.formTable-wrap.four .formTable .l-text-wrapper,
.formTable-wrap.four .formTable .l-text-combobox,
.formTable-wrap.four .formTable .l-text-combobox input {
	width: 94%!important;
}

/*椤堕儴鎸夐挳*/

.panel-toolbar {
	padding: 15px 15px 15px 10px;
	height: 60px;
	/* height:auto; */
}

.panel-toolbar a.link {
	font-size: 14px;
}

.panel-toolbar a.run,
.panel-toolbar a.agree,
.panel-toolbar a.goForward {
	background: #10C66B !important;
	border: 1px solid #10C66B;
	color: #fff;
}

.panel-toolbar a.reject,
.panel-toolbar a.rejectToStart,
.panel-toolbar a.abandon {
	background: #FAA525 !important;
	border: 1px solid #FAA525;
	color: #fff;
}

.panel-toolbar a.search,
.panel-toolbar a.save,
.panel-toolbar a.reset,
.panel-toolbar a.flowDesign,
.panel-toolbar a.setting,
.panel-toolbar a.history,
.panel-toolbar a.print,
.panel-toolbar a.copyTo,
.panel-toolbar a.copy,
.panel-toolbar a.detail,
.panel-toolbar a.sendMessage,
.panel-toolbar a.switchuser {
	background: #459FFF !important;
	border: 1px solid #459FFF;
	color: #fff;
}

.panel-toolbar .toolBar > div > img {
	padding-left: 10px;
	max-width: 100%;
}

.group {
	float: right;
	margin-right: 15px;
	margin-top: 15px;
}

a.attachment {
	text-decoration: none;
	font-size: 13px;
	color: #606060;
}


/*琛ㄥ崟*/

.formTable-wrap {
	width: 60%;
	padding: 30px 60px;
	margin: 0 auto;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-color: #fff;
}

.formTable-wrap .formTable {
	color: #000;
	position: relative;
	font-size: 14px;
}

.formTable td.formHead {
	text-align: center;
	font-size: 24px;
	color: #363E62;
	padding-bottom: 20px;
	border: none;
}

.formTable td.teamHead {
	background: transparent;
	color: #363E62;
	font-size: 18px;
	font-weight: lighter;
}

.listTable td.formHead p,
.formTable td.teamHead p {
	border-bottom: 1px dashed #89969F;
	padding-bottom: 5px;
	margin: 10px 0px 25px 0px;
	text-align: left;
}

.listTable td.formHead p>span,
.formTable td.teamHead p>span {
	border-left: 5px solid #459FFF;
	padding: 0px 8px;
}

.formTable tbody:first-child {
	width: 100%;
	text-align: center;
}

.formTable tbody>tr:first-child {
	width: 100%;
	display: table-row;
	margin-left: 60px;
	margin-bottom: 20px;
	padding: 20px 0px 15px 0px;
}

.formTable tbody:first-child>tr:first-child {
	margin-left: 0px;
	display: table-row;
	width: 100%;
}

.formTable tr.firstRow {
	float: initial;
	display: initial;
	border-bottom: 0px;
}

.formTable td.formTitle {
	position: relative;
	background: transparent;
	width: 120px!important;
	padding-bottom: 20px;
}

.formTable td.formInput {
	padding: 0px 0px 20px 10px;
	text-align: left;
}

.formTable .l-text-wrapper,
.formTable .l-text-combobox,
.formTable .l-text-combobox input {
	width: 99% !important;
	height: 36px !important;
	padding-left: 10px;
}

.formTable .l-text-combobox input {
	border: 1px solid #E6E6E6;
	margin: -3px 0px 0px -9px;
}

.formTable input[type="text"],
.formTable select {
	border: 1px solid #E6E6E6;
	height: 36px;
	box-sizing: border-box;
	padding: 7px 15px;
}

.formTable input[type="text"] {
	width: 100%;
}

.formTable select {
	width: 100%;
}

input[type="radio"]::before {
	border-radius: 50%;
}

input[type="checkbox"],
input[type="radio"] {
	width: 20px;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	text-align: center;
	vertical-align: sub;
	position: relative;
	margin-bottom: 5px;
	margin: 0 6px 5px 15px;
}

.formTable td.formInput label {
	display: inline-block;
	margin-top: 5px;
}

input[type="checkbox"]::before,
input[type="radio"]::before {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	background: #fff;
	width: 100%;
	height: 100%;
	border: 1px solid #E6E6E6;
}

input[type="checkbox"]:checked::before,
input[type="radio"]:checked::before {
	content: "\2713" !important;
	background-color: #459FFF !important;
	color: #fff !important;
	font-size: 12px;
	font-weight: bold;
}

.formTable td.formInput>div {
	position: relative;
}

.formTable td.formInput {
	position: relative;
}

.formTable td.formInput>div>a.link {
	position: absolute;
	right: -1px;
	display: block;
	top: 0;
	line-height: 36px;
	height: 36px;
	padding: 0 16px;
	background: #459FFF;
	color: #fff;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.formTable td.formInput>a.extend {
	position: absolute;
	right: -1px;
	display: block;
	top: 0;
	line-height: 36px;
	height: 36px;
	padding: 0 15px;
	background: #459FFF;
	color: #fff;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.formTable textarea {
	border: 1px solid #E6E6E6;
	width: 100% !important;
	height: 100px;
	box-sizing: border-box;
	padding-left: 10px;
}

.formTable tbody:last-child>tr:first-child {
	border-bottom: 0px;
	margin: 0px;
	padding: 0px;
	display: table-row;
	float: none;
}

.formTable tbody#qt>tr:nth-child(3) {
	margin-top: 35px;
}

.formTable tbody#qt>tr:nth-child(2)>td:last-child>div,
.formTable .formInput div[name="div_attachment_container"] {
	float: left;
	width: 100%;
	padding-bottom: 40px;
}

.formTable div.attachement,
.l-dialog-tck div.attachement,
.listTable tr.listRow td div.attachement {
	max-width: 100%;
	white-space: pre-wrap;
}

div.attachement {
	float: left;
	overflow: hidden;
	padding: 3px 0 0;
	/* white-space: nowrap; */
}

.formTable span.attachement-span,
.l-dialog-tck span.attachement-span {
	padding: 1px 3px 1px 5px;
	max-width: 100%;
}

.formTable span.attachement-span>span,
.l-dialog-tck span.attachement-span>span {
	display: inline-block;
}

.formTable span.attachement-span>span>a,
.l-dialog-tck span.attachement-span>span>a {
	max-width: 100%;
	display: inline-block;
}

.formTable tbody#qt>tr:nth-child(2)>td:last-child a.link {
	bottom: 0;
	top: auto;
}

.formTable tbody#qt>tr>td.formInput {
	width: 88%;
}

.formTable a.selectFile {
	left: 0px;
	width: 30px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 3px;
}

.formTable .l-trigger,
.formTable .l-trigger-hover,
.formTable .l-trigger-pressed {
	width: 15px;
	height: 38px !important;
	cursor: default;
}

.formTable .l-trigger-pressed,
.formTable .l-trigger-hover {
	background: #459FFF !important;
	border: 1px solid #459FFF !important;
	height: 38px !important;
}

.formTable .l-trigger,
.formTable .l-trigger-hover,
.formTable .l-trigger-pressed {
	top: -3px;
	right: -8px;
}

.formTable .l-trigger {
	background: #459FFF;
	border: 1px solid #459FFF;
}

.formTable .l-trigger-hover {
	background: #459FFF;
	border: 1px solid #459FFF;
}


/*瀛愯〃*/

div[type="subtable"] {
	clear: both;
	position: relative;
	min-height: 100px;
}

.content,
div[type="subtable"] {
	font-size: 14px;
	color: #000;
	width: 60%;
	padding: 0 60px;
	margin: 0 auto;
	background-color: #fff;
}

.content p {
	display: none;
}

.l-tab-links {
	height: auto;
	position: absolute;
	width: auto;
	right: 50px;
	top: 15px;
}

.subTableToolBar a.link.add {
	color: #459FFF;
	font-size: 14px;
}

.listTable .inputText,
.listTable tr.firstRow {
	height: 35px;
	box-sizing: border-box;
}

.listTable select {
	height: 30px;
}

.listTable .headRow {
	border: 1px solid #EBEEF5;
	background: #EBEEF5;
	height: 45px;
	font-size: 14px;
	color: #303133;
	line-height: 45px;
	font-weight: bold;
}

.listTable .headRow>div {
	float: left;
	text-align: center;
}

.listTable .listRow {
	border: 1px solid #EBEEF5;
	border-top: none;
	font-size: 12px;
	line-height: 45px;
	float: left;
	width: calc(100% - 2px);
}

.listTable .listRow>div {
	float: left;
	text-align: center;
}

.listTable .listRow>div>.inputText,
.listTable .listRow>div>select {
	margin-top: 9px;
	width: 90%;
}

.listTable .listRow>div>a {
	cursor: pointer;
}

.listTable tr.special-td {
	background-color: #F5F7FA;
}

.listTable tr.special-td td {
	padding: 15px;
	text-align: left;
}

.listTable tr.special-td a {
	color: #459FFF;
	font-size: 14px;
	margin-right: 20px;
	padding-left: 25px;
	cursor: pointer;
}

.listTable tr.headRow {
	border: 1px solid #EBEEF5;
	background: #EBEEF5;
	height: 45px;
}

.listTable td.formHead {
	border: none;
	background: transparent;
	color: #363E62;
	font-size: 18px;
	padding-bottom: 15px;
}

.listTable td.teamHead {
	background-color: #F5F7FA;
	color: #4D4D4D;
	text-align: center;
	border: 1px solid #EBEEF5;
	font-weight: lighter;
	font-size: 16px;
	height: 41px;
	min-width:50px;
}

.listTable td.teamHead.num {
	padding: 0px 20px;
}

.listTable td.formTitle {
	background-color: #fff;
	font-size: 14px;
	padding-right: 10px;
	width: 100px!important;
}

/*.listTable td.formInput {*/
	/*padding: 0;*/
/*}*/

.listTable td.formInput input {
	width: 95%;
	font-size: 14px;
	padding-left: 10px;
}

.listTable th {
	border: 1px solid #EBEEF5;
	background-color: #F5F7FA;
	font-size: 14px;
	color: #4D4D4D;
	text-align: center;
	font-weight: lighter;
	white-space: nowrap;
	padding: 0 20px;
}

.listTable tr.listRow td {
	border: 1px solid #EBEEF5;
	text-align: center;
	font-size: 14px;
	word-break: break-word;
	line-height: 15px;
}
.listTable tr.listRow td input.Wdate {
	height: 36px;
	font-size: 14px;
	padding-left: 10px;
}
.listTable tr.listRow td .l-text-wrapper {
	height: auto !important;
	width: 96% !important;
}
.listTable tr.listRow td .l-text-wrapper .l-text {
	height: 30px !important;
	padding: 2px;
	border-radius: 3px;
	border: 1px solid #ced7e0;
}
.listTable tr.listRow td .l-text-wrapper .l-text input {
	width: 85% !important;
	height: 32px !important;
}
.listTable tr.listRow td span.attachement-span a.cancel {
	margin-left: 3px;
}
.listTable tr.listRow td div[name="div_attachment_container"],
.listTable td.formInput div[name="div_attachment_container"] {
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 40px;
}
.listTable tr.listRow td div[name="div_attachment_container"] a.link {
	left: 0;
}

.listTable tr.listRow {
	border: 1px solid #EBEEF5;
	height: 45px;
	line-height: 45px;
	width: 100%;
	float: none;
}

.listTable tr.listRow td select,
.listTable tr.listRow td .inputText,
.listTable tr.listRow td .inputnumber {
	border: 1px solid #DCDFE6;
	width: 120px;
	padding-left: 10px;
}

.listTable tr.firstRow {
	width: 100%;
}

.listTable tr.headRow {
	float: none;
}

.listTable td {
	border-left: 0;
}

.listTable td.teamHead.sm-title {
	text-align: left;
	border: 0px;
	padding: 10px 15px;
	height: 0px;
}

.listTable .oprate-item {
	position: relative;
}

.listTable .oprate-item a {
	color: #459FFF;
	font-size: 14px;
}

.listTable .oprate-item a.oprate {
	margin-left: 15px;
	width: 20px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
}

.listTable .oprate-item a.oprate-xs {
	margin-left: 15px;
	width: 20px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
}

.listTable .oprate-item a img {
	vertical-align: sub;
}

.listTable .child-menu {
	display: none;
	box-shadow: 2px 2px 5px #c1c1c1;
	width: 140px;
	/*position: absolute;*/
	position: fixed;
	background-color: #fff;
	text-align: left;
	z-index: 9;
}

.listTable .child-menu>ul>li {
	padding-left: 15px;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
}

.listTable .child-menu>ul>li a {
	color: #666;
}

.listTable .child-menu>ul>li:hover {
	background: #F0F0F0;
}

.listTable .listTable td.formHead p {
	border-left: 5px solid #459FFF;
	border-bottom: 1px dashed #89969F;
	padding: 4px;
	margin: 10px 0px;
	text-align: left;
	font-weight: lighter;
}


/* 寮瑰嚭妗唅frame 鍞竴 鑳界湅鍒扮殑class鍚嶏細l-dialog-frame  绫诲悕:l-dialog-frame-tck */

.l-dialog-frame-tck {
	width: 500px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}


/* 寮瑰嚭妗哾iv 鍞竴 鑳界湅鍒扮殑class鍚嶏細l-dialog l-dialog-win  绫诲悕:l-dialog-tck */

.l-dialog-tck {
	width: 500px;
	left: 0 !important;
	right: 0;
	margin: 0 auto;
}

.l-dialog-tck .l-dialog-table {
	width: 100%;
	table-layout: fixed !important;
}

.l-dialog-tck .l-dialog-table input[type="checkbox"],
.l-dialog-tck .l-dialog-table input[type="radio"] {
	margin-bottom: 5px;
}

.l-dialog-tck .l-dialog-table .l-dialog-body,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table {
	width: 100% !important;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content {
	overflow-y: auto;
	padding: 3px 15px;
	height: auto !important;
	max-height: 70vh;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table tr {
	font-size: 14px;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2) {
	text-align: start;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div {
	width: 100% !important;
	/*margin-top: 1px;*/
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div a.link.selectFile {
	background: #459FFF;
	padding: 2px 10px;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div input.position,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div input.positions,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div input.user,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div input.users,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div input.org,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div input.orgs,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div input.role,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div input.roles {
	width: 80%;
	border-radius: 0;
	padding: 2px;
	padding-left: 10px;
	box-sizing: border-box;
	font-size: 13px;
	border: 1px solid #CCCCCC;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div a.position,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div a.positions,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div a.user,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div a.users,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div a.org,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div a.orgs,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div a.role,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div a.roles {
	background-color: #459FFF;
	color: #fff;
	padding: 0 10px;
	display: inline-block;
	height: 26px;
	line-height: 27px;
	text-align: center;
	width: 13.5%;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div .l-text {
	width: calc(100% - 2px) !important;
	border: 1px solid #CCCCCC
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div .l-text .l-text-field {
	width: calc(100% - 8px) !important;
	height: 21px !important;
	padding-left: 10px;
	font-size: 13px;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2) .l-trigger {
	height: 23px !important;
	right: 0;
	top: -1px;
	background: #459FFF;
	border: 1px solid #459FFF;
	width: 10px !important;
	cursor: default;
}
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2) .l-trigger-hover,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2) .l-trigger-pressed {
	background: #459FFF !important;
	border: 1px solid #459FFF !important;
	width: 10px !important;
	height: 23px !important;
	right: 0;
	top: -1px;
	cursor: default;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table .headRow {
	text-align: start;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table .inputText,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table select,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table textarea {
	width: 100% !important;
	border: 1px solid #CCCCCC;
	border-radius: 0px;
	box-sizing: border-box;
	padding-left: 10px;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table .Wdate {
	border-radius: 0px;
	box-sizing: border-box;
	padding: 2px;
	height: auto;
	width: 100%;
	padding-left: 10px;
	border: 1px solid #CCCCCC;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table select {
	line-height: 20px;
	padding: 2px 2px 2px 6px;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-buttons {
	background: #fff;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-buttons .l-dialog-btn-inner {
	background-color: #459FFF;
	color: #fff;
	border-radius: 3px;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-buttons .l-dialog-btn-inner .l-dialog-btn {
	margin-right: 17px;
}

.l-dialog-frame-tck {
	display: none !important;
}

/* 鏂板 */
.listTable tr.listRow td {
	padding: 10px 0;
}
.formTable-wrap.one .formTable .l-trigger,
.formTable-wrap.one .formTable .l-trigger-hover,
.formTable-wrap.one .formTable .l-trigger-pressed,
.formTable-wrap.four .formTable .l-trigger,
.formTable-wrap.four .formTable .l-trigger-hover,
.formTable-wrap.four .formTable .l-trigger-pressed {
	right:0px;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2) {
	position: relative;
	padding: 5px 2px !important;
}
.l-dialog-tck div.attachement {
	margin-bottom: 25px;
}
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div a.link.selectFile {
	position: absolute;
	bottom: 0;
	left: 0;
}
input[type="checkbox"]:disabled::before,
input[type="radio"]:disabled::before {
	background: #ececec;
}
.formTable .formInput div[name="div_attachment_container"] a.link {
	bottom: 0;
	top: auto;
}



/* 琛ㄧ被鍚� */
.sub-complete-grid {
	width: 60%;
	padding: 30px 60px;
	margin: 0 auto;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-color: #fff;
}
.sub-complete-grid  .table-grid th {
	border: 1px solid #EBEEF5;
	background-color: #F5F7FA;
	font-size: 14px;
	color: #4D4D4D;
	text-align: center;
	font-weight: lighter;
}
.sub-complete-grid .table-grid td {
	border: 1px solid #EBEEF5;
	text-align: center;
	font-size: 14px;
	word-break: break-word;
	line-height: 15px;
	padding: 10px 0;
}

/*鍥炬爣*/
.listTable tr.special-td a:first-child{
	background: url(../images/up.png) no-repeat left center;
}
.listTable tr.special-td a:nth-child(2){
	background: url(../images/down.png) no-repeat left center;
}
.listTable tr.special-td a:nth-child(3){
	background: url(../images/before.png) no-repeat left center;
}
.listTable tr.special-td a:nth-child(4){
	background: url(../images/after.png) no-repeat left center;
}
.listTable tr.special-td a:last-child{
	background: url(../images/del.png) no-repeat left center;
}
.listTable .oprate-item a.oprate {
	background: url(../images/more.png) no-repeat left center;
}
.listTable .oprate-item a.oprate-xs {
	background: url(../images/more.png) no-repeat left center;
}
a.download{
	background:url(../images/arrow.png) 0 1px no-repeat;
	display:inline-block;
	height:14px;
	margin-left:8px;
	overflow:hidden;
	width:14px;
	text-decoration:none;
}
a.cancel{
	background:url(../images/cancel.png) 0 1px no-repeat;
	display:inline-block;
	height:14px;
	margin-left:8px;
	overflow:hidden;
	width:14px;
	text-decoration:none;
}

/*缂栬緫妯″紡*/
.view .formTable-wrap{
	width:100%;
	padding:0px;
}
.view .formTable input[type="text"],.view .formTable select {
	width: 90%;
	margin-top: 20px;
}
.view table.formTable, .view td.teamHead,.view td.formTitle,.view td.formInput{
	border:1px  solid #000;
}

div[type="subtable"]  table span.attachement-span {
	display: inline-block;
	padding: 1px 3px 1px 5px;
	max-width: 100%;
	margin: 0 10px;
}
div[type="subtable"]  table span.attachement-span > span {
	display: inline-block;
}
div[type="subtable"]  table span.attachement-span > span a.attachment {
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
}
div[type="subtable"] table span.attachement-span > a.download {
	margin-left: -2px;
}

.listTable td.formInput textarea {
	font-size: 14px;
	padding-left: 10px;
	border: 1px solid #ced7e0;
	width: 95%;
}
.listTable td.formInput .l-text-wrapper {
	height: auto !important;
	width: 96% !important;
}
.listTable td.formInput .l-text-wrapper .l-text {
	width: 100% !important;
	height: 30px !important;
	padding: 2px;
	border-radius: 3px;
	border: 1px solid #ced7e0;
}
.listTable td.formInput .l-text-wrapper .l-text input {
	width: 96% !important;
	height: 32px !important;
}
.listTable td.formInput .l-text-wrapper .l-text .l-trigger,
.listTable tr.listRow td .l-text-wrapper .l-text .l-trigger {
	height: 34px !important;
	top: -1px;
	right: -1px;
	background: #459FFF;
	border: 1px solid #459FFF;
}
.listTable td.formInput > div input.role,
.listTable td.formInput > div input.roles,
.listTable td.formInput > div input.user,
.listTable td.formInput > div input.users,
.listTable td.formInput > div input.org,
.listTable td.formInput > div input.orgs,
.listTable td.formInput > div input.position,
.listTable td.formInput > div input.positions,
.listTable tr.listRow td > div input.role,
.listTable tr.listRow td > div input.roles,
.listTable tr.listRow td > div input.user,
.listTable tr.listRow td > div input.users,
.listTable tr.listRow td > div input.org,
.listTable tr.listRow td > div input.orgs,
.listTable tr.listRow td > div input.position,
.listTable tr.listRow td > div input.positions {
	width: 90%;
	height: 30px;
	padding: 2px;
	border: 1px solid #ced7e0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.listTable td.formInput > div a.role,
.listTable td.formInput > div a.roles,
.listTable td.formInput > div a.user,
.listTable td.formInput > div a.users,
.listTable td.formInput > div a.org,
.listTable td.formInput > div a.orgs,
.listTable td.formInput > div a.position,
.listTable td.formInput > div a.positions,
.listTable tr.listRow td > div a.role,
.listTable tr.listRow td > div a.roles,
.listTable tr.listRow td > div a.user,
.listTable tr.listRow td > div a.users,
.listTable tr.listRow td > div a.org,
.listTable tr.listRow td > div a.orgs,
.listTable tr.listRow td > div a.position,
.listTable tr.listRow td > div a.positions {
	padding: 0 13px;
	height: 37px;
	display: inline-block;
	background: #459FFF;
	line-height: 37px;
	color: #fff;
	font-size: 14px;
}
.listTable td.formInput div[name="div_attachment_container"] {
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 40px;
}
.listTable td.formInput div[name="div_attachment_container"] a.link {
	left: 6px;
}
.listTable td.formInput div[name="div_attachment_container"] a.link,
.listTable tr.listRow td div[name="div_attachment_container"] a.link {
	position: absolute;
	top: auto;
	bottom: 0;
	line-height: 36px;
	height: 36px;
	padding: 0 15px;
	background: #459FFF;
	color: #fff;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.listTable td.formInput select {
	width: 96.5%;
	font-size: 14px;
	padding-left: 10px;
	padding: 2px 10px;
	border: 1px solid #ced7e0;
}
.listTable td.formInput input[type="checkbox"],
.listTable td.formInput input[type="radio"] {
	width: 20px !important;
}
.listTable td.formInput input.Wdate {
	height: 36px;
}
.l-tab .l-tab-l {
	position: fixed;
	height: 400px;
	background: #fff;
	width: 150px;
	top: 110px;
	border: 1px solid #eee;
}


.l-tab-l .l-tab-links {
	position: relative;
	top: 0;
	right: 0;
	background: #fff;
}


.l-tab-l .l-tab-links ul {
	position: relative;
	width: 100%;
	background: #fff;
	height: auto;
}


.l-tab-l .l-tab-links li {
	position: relative;
	width: 100%;
	margin: 0;
	background: #e8f0fe;
}


.l-tab-l .l-tab-links li a {
	color: #000;
	width: 100%;
	display: block;
	padding: 0;
	text-align: center;
}


.l-tab-l .l-tab-links li.l-selected {
	background: #459FFF;
}


.l-tab-l .l-tab-links li.l-selected a {
	background: none;
	color: #fff;
	text-align: center;
	width: 100%;
	padding: 0;
	border-radius: 0;
}
.formTable-wrap {
	margin-top: 30px;
}

table.listTable tr.listRow td {
	border: none;
	white-space: nowrap;
	padding: 0 5px;
}

table.listTable tr.listRow td .select2-container{
	width: auto !important;
}

table.listTable tr.listRow td .select2-container .select2-choice{
	width: 120px;
}

table.listTable tr.listRow td .select2-container .select2-choice{
	width: 120px;
}

table.listTable tr.listRow td .select2-container .select2-choices{
	width: 200px;
	padding-right: 0;
}

table.listTable tr.listRow td .link {
	height: 35px !important;
	line-height: 35px !important;
	vertical-align: middle;
}

/* 绉诲姩绔� */
@media only screen and (max-width:480px) {
	.noprint > table.table-grid {
		width:100% !important;
	}
	.listTable .child-menu {
		padding-left: 5px;
		width: 85px;
	}
	.listTable .child-menu>ul>li a {
		font-size: 12px;
		diaplay: block;
	}
	div[type="sub"] {
		width: 100%;
		padding: 0px 15px;
		box-sizing: border-box;
		clear: both;
	}

	.panel-toolbar a.link {
		padding: 0 7px;
	}
	.sub-complete-grid {
		width: 100% !important;
		box-sizing: border-box;
		clear: both;
		border-radius: 0;
		padding: 10px !important;
	}
	.sub-complete-grid .table-grid {
		table-layout: fixed;
	}
	.sub-complete-grid .table-grid th {
		height: auto;
		line-height: 25px;
		white-space: pre-wrap;
	}
	.formTable-wrap.three .formTable td.formTitle{
		text-align: left;
	}
	.panel-toolbar a.print {
		display:none;
	}
	.formTable-wrap {
		width: 100%;
		padding: 0px 15px;
		box-sizing: border-box;
		clear: both;
	}
	.formTable td.formTitle {
		/*width: 100% !important;*/
		display: block;
		text-align: left;
		padding-bottom: 0px;
		overflow: hidden;
	}
	.formTable td.formInput>div>a.link {
		right: -1px;
	}
	.formTable tbody#qt>tr>td.formInput {
		width: calc(100% - 35px);
	}
	.formTable td.formInput {
		display: block;
		width: 100% !important;
		padding-left: 0px;
		margin-bottom: 0px;
		padding-bottom: 10px;
		margin-top: 8px;
	}
	.formTable td.teamHead p {
		width: 100%;
	}
	.formTable td.formInput label {
		margin-top: 3px;
		margin-bottom: 5px;
	}
	.content,
	div[type="subtable"] {
		width: 100%;
		padding: 0px 15px;
		box-sizing: border-box;
	}
	div[type="subtable"]:last-of-type {
		padding: 0 15px 20px;
	}
	.l-tab-links {
		right: 0;
	}
	.l-dialog-tck {
		width: 100%;
		position: fixed;
		top: 10% !important;
	}
	.listTable td.formInput input {
		box-sizing: border-box;
	}
	.listTable td.formTitle {
		width: 50px !important;
		word-break: break-word;
	}
	.panel-toolbar {
		float: right;
		width: 100%;
		height: auto;
		margin-bottom: 20px;
		padding: 15px 0;
	}
	.panel-toolbar a.link span {
		display: none;
	}
	.panel-toolbar a.close {
		background: none !important;
	}
	.group {
		float: right;
		margin-right: 5px;
		margin-bottom: 5px;
		margin-top: 2px;
	}
	.formTable .l-trigger,
	.formTable .l-trigger-hover,
	.formTable .l-trigger-pressed {
		right: -1px !important;
	}
	.formTable td.formInput>div>a.link {
		right: 1px !important;
	}
	div[type="subtable"] table {
		table-layout: fixed;
	}
}

/*瀛愯〃鑷€傚簲鏍峰紡*/
.firstRow.last-title {
	width:100%;
	line-height: 30px;
}
.last-title .formHead {
	color: #363E62;
	font-size: 18px;
	padding-bottom: 15px;
}
.last-title .formHead p {
	border-bottom: 1px dashed #89969F;
	padding-bottom: 5px;
	margin: 10px 0px 25px 0px;
	text-align: left;
}
.last-title .formHead span {
	border-left: 5px solid #459FFF;
	padding: 0px 8px;
}
.chooseJumpType {
	clear: both;
	display: inline-block;
}
.chooseJumpType span {
	display:inline-block;
}
.noprint > table.table-grid {
	margin: 0 auto;
	margin-top: 10px;
	width: 70%;
}

.listTable .listRow .oprate-item .oprate-inner.mobile{
	display:none;
}

.listTable .listRow .oprate-item .oprate-inner{
	display:inline-block;
}

.panel-toolbar .toolBar .mobileLogo {
	display:none;
}

.panel-toolbar .toolBar > div.flowLogo {
	float: left;
	width: 25%;
}
.panel-toolbar .toolBar > div.flowButton {
	float: left;
	width: 75%;
}

.formTable-wrap .formInput > span {
	display: inline-block;
	width: 100%;
	line-height: 30px;
	background-color: #F0F0F0;
	border: 1px solid #E6E6E6;
	box-sizing: border-box;
	padding-left: 15px;
	min-height: 30px;
}

.formTable-wrap .attachement span {
	display: inline-block;
	line-height: 30px;
	background-color: #F0F0F0;
	border: 1px solid #E6E6E6;
	box-sizing: border-box;
	padding-left: 15px;
	min-height: 30px;
}

.status-img {
	position: absolute;
	left: 75%;
	top: 16%;
}

/* 閲嶅啓select2鏍峰紡 */
.select2-container{
	position: relative;
	box-sizing: border-box !important;
	padding: 0;
	min-height: 35px;
	line-height: 35px;
	border: 1px solid #E6E6E6;
	border-radius: 3px;
	overflow: hidden;
}

.select2-container .my-select2-clear{
	position: absolute;
	right: 4px;
	top: 9px;
	width: 14px;
	height: 14px;
	line-height: 14px;
	text-align: center;
	background: url(../../techblue/css/select2-3.5.4/select2.png) right top no-repeat;
	cursor: pointer;
}

.select2-container .my-select2-clear:hover{
	background-position: right -11px;
}

.select2-container .select2-arrow{
	display: none !important;
}

.select2-container .select2-choice{
	padding-left: 15px;
	height: auto;
	border: none;
	background: none;
}

.select2-container .select2-choice .select2-chosen{
	padding: 0;
	height: auto;
	line-height: 33px;
	border: none;
	background: none;
}

.select2-container .select2-choices{
	background-image: none;
	border: none;
}

.select2-container .select2-choices .select2-search-field{
	line-height: 33px !important;
}

.select2-container .select2-choices .select2-input{
	padding: 0 0 0 15px !important;
	height: 33px;
	margin: 0 !important;
	line-height: 33px;
}

.table-scroll {
	width:100%;
	overflow-x: auto;
	overflow-y: hidden;
}

.formInput .select2-container{
	display: block;
	width: auto !important;
	margin-right: 54px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

@media only screen and (max-width:768px){
	.panel-toolbar .toolBar .mobileLogo {
		display:block;
		padding-left:15px;
	}
	.panel-toolbar .toolBar .pcLogo {
		display:none;
	}

	.panel-toolbar .toolBar > div.flowLogo {
		float: left;
		width: 15%;
	}
	.panel-toolbar .toolBar > div.flowButton {
		float: left;
		width: 85%;
	}

	.listTable .listRow .oprate-item .oprate-inner{
		display:none;
	}
	.listTable .listRow .oprate-item .oprate-inner.mobile{
		display:inline-block;
	}

	.headRow th,
	.listRow td {
		min-width: 150px;
	}
	div[type="subtable"] table {
		table-layout:auto !important;
		overflow-x: scroll;
		min-width: 100%;
	}
	.l-tab-l {
		position: relative !important;
		float: left;
		height: auto !important;
		width: 100% !important;
		top: 0 !important;
	}
	.l-tab-l .l-tab-links {
		top: 0 !important;
		right: 0 !important;
	}
	.l-tab-l .l-tab-links li {
		width: 50%;
	}

	.status-img {
		position: absolute;
		left: 70%;
		top: 20%;
	}
}
body,html{height:100%;

}
body {
	font-size: 12px;
	margin: -2px 0px 0px 0px; 
	padding:0px;
}

.hidden{
	display:none;
}

.panel {
	width: 100%;
}
/*	width: 98%\9;
z0904*/

.hide-panel{
	width: 100%;
	margin: 0px auto; 
    z-index:100; 
    _position: relative ; 
    _top:0px;
    padding-top: 0px;
}

div.panel-top {
	
    display: block; 
    z-index: 100; 
    overflow: visible; 
    background: #ffffff; 
    background-repeat: no-repeat; 
    background-position: right; 
    margin: 0px auto;
   
}
.validError {border: 1px solid red !important;}

.panel .panel-top {
    background: none repeat scroll 0 0 #FFFFFF;
}

div.panel-body{
	margin: 0px 15px 10px 10px;
	/*margin-top: 145px;*/
}

.panel-topbar {
	margin: 0 5px 0 5px;
}

.panel-nav {
	margin: 5px 0;
}

.date,.datetime,.datePicker,.wdateTime{
	background: url(../images/datePicker.gif) no-repeat scroll right center #FFFFFF;
    border: 1px solid #999999;
    /*margin-left: 4px;
    height: 20px;*/
}
.panel-toolbar .date{line-height:22px;}
.tbar-title {
   background: none repeat scroll 0 0 #a2a2a2;
   color: white;
   border: 1px solid #999999;
    display: none;
    font-size: 13px;
    font-weight: bold;
    height: 24px;
    margin-top: 0px;
    padding-left: 5px;
    padding-top: 5px;
}
span.tbar-label{
	color:black;
}
.panel-toolbar {
	height: 26px;
    margin-top: 2px;
    padding:10px 15px 10px 10px;
    background:#fff;
    /*border-bottom: solid 1px #d7ecfe;
      border-top: solid 1px #d7ecfe;*/
  
}

/*  -webkit-box-shadow:0px 2px 3px #cacaca;   

	margin-left: -5px;
    margin-right: -5px;
    
	.panel-toolbar {
		height: 26px;
	    margin-top: 2px;
	}
z0902*/

/*
.pageTitle{
	float:left;
	font-weight: bold;
	padding-left: 6px;
}

.toolBar{
	float:right;
	padding-right: 6px;
}
*/

.panel-toolbar a {
	text-decoration: none;
	color: blue;
	float: left;
	margin-right: 2px;
}

.tree-toolbar {
	 background: url("../images/other/bg2.gif") repeat scroll 0  transparent;
    border-bottom: medium none;
    border-top: medium none;
    height: 21px;
    padding-left: 2px;
    padding-top: 4px;
}

.tree-toolbar a {
	text-decoration: none;
	color: blue;
	float: left;
	margin-left: 5px;
}

.panel-data {
	margin: 5px 5px 0 5px;
}

.group{
	margin-right: 2px;
	margin-left:0px;
	padding-left:0px;
	float:left;
}


.panel-search {
    position: relative;
    width: 100%;
    z-index:9999;

}
.panel-search #searchForm {
    display: none;
}

/*ul濞戞搫鎷烽、鎴﹀冀瀹勬壆纭€*/
ul.row{
	list-style: none;
	margin: 0px;
	display:inline-block;
	clear: both;
}
.row li{
	margin: 2px 0;
	float:left;
	white-space: nowrap;
	min-width: 228px;
	height: 32px;
}

.row .row_date{
	width: 456px;
	float: left;
	white-space: nowrap;
}

.label{
	display:inline-block;

	text-align:justify;
	vertical-align:middle;
	padding:4px 7px;
	white-space: nowrap;
	padding-bottom: 7px;
	min-width: 78px;
}/*	min-width:50px;*/

.bar-button,.link-btn {
	padding-left: 22px;
	height: 20px;
	width: auto;
	padding-top: 2px;
	padding-right: 8px;
	cursor: pointer;
}

.inputText {
	border: 1px solid #ced7e0;
	padding:2px;
	width:110px;
	border-radius:3px;
	line-height:20px;
} 
	
.inputText.handler {
width: 230px;
}
.url_bpmForm .inputText, .url_bpmForm.inputText, .inputText.longInputText {
width: 250px;
}


.panel-search input,.panel-search button {
	/*margin: 4px 4px 6px 4px;*/
	padding: 2px 1px 2px 1px;
	margin-top: 6px;
}

.row input[type="button"] {
	padding:0px;
	width: 24px;
	height:24px;
	border-radius:2px;
	background:#e4ecf3;
}
/*
.panel-search .date {
	width: 86px !important;
}*/

.row select{
	width: 114px !important;
	height: 26px !important;
	margin-top: 7px;
	border: 1px solid #ced7e0;
	border-radius:3px;
}

.panel-detail{
	margin: 5px 5px 5px 5px;
}

.table-grid {
    border-spacing: 0;
    font-size: 12px;
    margin-top: 10px;
    width: 100%;
}/*z0902 border: 3px solid #dddddd;*/



.table-grid thead {
	height: 32px;
}
.table-grid caption {
	border-width: 1px 1px medium;
	border-style: solid solid none;
	border-color: rgb(168, 207, 235) rgb(168, 207, 235) currentColor;
	height: 14px;
	text-align: left;
	color: rgb(28, 86, 138);
	padding-top: 5px;
	padding-left: 5px;
	font-weight: bold;
	background-color: rgb(223, 234, 251);
}
.sortable a{
}
.table-grid th {
	background: #d5e8f7;
    border-bottom: 2px solid #c8d8e6;
    border-right: 1px dashed #b9dae9;
    color: #0a5290;
    font-size: 14px;
    font-weight: bold;
    height: 39px;
    text-align: center;
    padding:0 4px;
    white-space: nowrap;    
}/*z0902 background:#e6e6e6;color: #0167FF;*/
.table-grid th.sortable{text-align: left;}
div.header{
    background: url("../images/other/bg.png") repeat scroll 0 -135px transparent;
	height: 30px;
	line-height:30px;
	width: 100%;
	text-align: left;
	padding-left: 5px;
}

.table-detail {
	margin: auto;
	width:100%;
	margin-top: 4px;
	border:solid 1px #cddce6;
	border-top: solid #cddce6 1px;
}

.table-detail th {
	background-color: #f4f7f9;
    border-bottom: 1px solid #e4ecf3;
    border-right: 1px dotted #b9dae9;
    font-size: 14px;
    height: 46px;
    padding-right: 6px;
    text-align: right;
}/*background-color: #EBF5FF;
	border-bottom: 1px solid #98C1FF;
    border-right: 1px solid #98C1FF;
    z0902*/

.head {
	height: 32px;
	text-align: right;
	font-size: 13px;
	padding-right: 5px;
	background-color: #EBEBEB;

}

.table-detail textarea{
	margin:10px 3px;
	border: 1px solid #ced7e0;
	padding:2px;
	width: 350px;
}

.table-detail td {
	    border-bottom: 1px solid #e4ecf3;
    border-right: 1px dotted #b9dae9;
    font-size: 12px;
    padding-left: 6px;
    text-align: left;
}/*border-bottom: 1px solid #98C1FF;
    border-right: 1px solid #98C1FF;
    z0902*/

th a,th a:visited {
    color: #0167FF;
    font-weight: bold;
    text-decoration: none;
}/*z0902 color:#ffffff;*/

th a:hover {
	text-decoration: underline;
}

th.sorted a,th.sortable a {
  background-position: right center;
    color: #0a5290;
    display: block;
    font-size: 14px;
    width: 100%;
}/*color: #0167FF;
   z0902*/

th.sortable a {
	background-repeat: no-repeat;
}

th.order1 a {
	background-image: url(../images/displaytag/icon-sort-desc.gif);
	background-repeat: no-repeat;
	background-position: 80% 50%;
}

th.order2 a {
	background-image: url(../images/displaytag/icon-sort-asc.gif);
	background-repeat: no-repeat;
	background-position: 80% 50%;
}

.table-grid td {
	border-bottom: 1px solid #e4ecf3;
    border-right: 1px dotted #c4ddf0;
    height: 30px;
    padding: 4px 4px 4px 5px;
    word-break: break-all;
}

.table-grid .button {
	margin-top: 4px;
	margin-left: 6px;
}

.even span,.odd span {
	cursor: pointer;
}

.table-grid .even {
	height: 22px;
	background-color: #f4f7f9;
}

.table-grid .odd {
	 background-color:  #ffffff;
    height: 22px;
}

.table-grid .over {
	/*background: url(../images/content_bg_hover.jpg);*/
	background: #dfeffc;
}


.area-export {
	text-align: right;
	clear: both;
	margins: 0;
	paddings: 0;
	padding-top: 6px;
	height: 23px;
   border-top:none;
}/*z0902*/

.area-export .exportlinks {
	display: inline-table;
	margin-right: 20px;
	text-align: right;
}

.area-export input {
	vertical-align: middle;
}

.area-export .exportlinks .export {
	padding: 0 4px 1px 20px;
	display: inline;
	display: inline-block;
	cursor: pointer;
}

.exportlinks a {
	text-decoration: none;
}

.area-export .exportlinks .excel {
	background-image: url(../images/displaytag/ico_file_excel.png);
	background-repeat: no-repeat;
}

.area-export .exportlinks .csv {
	background-image: url(../images/displaytag/ico_file_csv.png);
	background-repeat: no-repeat;
}

.area-export .exportlinks .xml {
	background-image: url(../images/displaytag/ico_file_xml.png);
	background-repeat: no-repeat;
}

.area-export .exportlinks .pdf {
	background-image: url(../images/displaytag/ico_file_pdf.png);
	background-repeat: no-repeat;
}

.area-export .exportlinks .rtf {
	background-image: url(../images/displaytag/ico_file_rtf.png);
	background-repeat: no-repeat;
}
.panel-norecord{
	border: 1px solid #c0c0c0;
	border-top:none;
}
.panel-page {
   /*margin-bottom: 20px;2017-07-18鏀�*/
   border: 1px solid #ebf6fe;
   border-top:none;
   background-color: #fff;
   height:30px;
   padding:10px 0;
	/*background: url(../images/tool_bg.jpg) repeat-x; border: 3px solid #dddddd;*/
}
.l-bar-group-right {
    float: left;
}
.l-panel-bbar-inner {
	margin: 0;
	line-height:30px;
	/*padding-top: 3px;
	padding-bottom: 3px;*/
}
.panel-page .l-panel-bbar-inner select,.panel-page .l-panel-bbar-inner input{
	height:24px; box-sizing:border-box; 
	-moz-box-sizing:border-box; -wekit-box-sizing:border-box; -ms-box-sizing:border-box;
	border:1px solid #dddddd;
	border-radius:3px;
	min-width:30px;
}
.btn-go {
	width: 43px;
	height: 21px;
	font-size: 15px;
	font-family: Verdana, Geneva, sans-serif;
	border: none;
	cursor: pointer;
	color:#707b80;
	background:#f3f7f9;
	float:left;
	margin-top:3px;
}

.panel-page img {
	cursor: pointer;
}



label.error {
	background: url(../images/valid/unchecked.gif) no-repeat 0px 0px;
	margin-left: 16px;
	padding-left: 16px;
	padding-bottom: 2px;
	font-weight: bold;
	color: #EA5200;
}

label.initerror {
	color: red;
	font-weight: bold;
	font-size: 16px;
	padding-left:2px;
	padding-right: 2px;
}

label.checked {
	background: url(../images/valid/checked.gif) no-repeat 0px 0px;
}



span.red{color: red;}
span.green{color: green;}
span.brown{color: brown;}
span.brown{color:#bb505d;}
span.difcolor{color: #000;}


.panel-toolbar a.link {
   	background: #fff!important;
    border: 1px solid #dddddd;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    height:26px;
    line-height: 26px;
    padding: 0px 12px 0px 8px;
    text-align: center;
    width: auto !important;
}
.panel-toolbar a.link:hover{
	background: #55a8fd!important;
    border: 1px solid #55a8fd;
    color:#fff;
}
.panel-toolbar a.link span {
    display: block;
    float: left;
    height: 26px;
    margin-top: 0px;
    width: 20px;
    background-position:0 center!important;
}

a.link{	
	padding:0px 10px 0px 20px;
	color: #555555;
    cursor: pointer;
    font-size: 12px;
    padding-left: 17px;
    text-decoration: none;
	white-space:nowrap;
	_float:left;
	height:20px;
}
a.link.disabled{
	color: gray;
}

a.link:hover{

	text-decoration: none;
	
}

a.link.search,.panel-toolbar  a.link.search span {
    background: url(".//icons_search02.png") no-repeat scroll 0 center transparent;
}
.table-detail a.link.search{
	background:url(.//icons_select01.png) 5px center no-repeat #77b6f8;
	float:left;
	color:#fff;
	margin:3px;
	border-radius:3px;
	line-height:20px;
	padding:1px 5px 1px 20px;
}
.panel-toolbar  a.link.search:hover span {
    background: url(".//icons_search02.png") no-repeat scroll 0 center transparent;
}
a.link.ajaxSearch,.panel-toolbar  a.link.ajaxSearch span {
    background: url(".//icons_search.png") no-repeat scroll 0 center transparent;
}
a.link.add,.panel-toolbar  a.link.add span {
    background: url(".//icons_add.png") no-repeat scroll 0 center transparent;
    margin:0 2px 0 0;
}
.table-detail a.link.add{
	background:url(.//icons_select01.png) 5px center no-repeat #77b6f8;
	float:left;
	color:#fff;
	margin:3px;
	border-radius:3px;
	line-height:20px;
	padding:1px 5px 1px 20px;
}
.panel-toolbar  a.link.add:hover span {
    background: url(".//icons_add02.png") no-repeat scroll 0 center transparent;
}
a.link.add2 {
    background: url(".//icons_addOld.png") no-repeat scroll 0 center transparent;
}
a.link.reference,.panel-toolbar  a.link.reference span {
	background: url(".//icons_search.png") no-repeat scroll 0 center transparent;
}
a.link.ok,.panel-toolbar  a.link.ok span {
	background: url(.//icons_getT.png) no-repeat scroll 0 center transparent;
}
.panel-toolbar  a.link.ok:hover span {
	background: url(.//icons_getT02.png) no-repeat scroll 0 center transparent;
}
a.link.del,.panel-toolbar a.link.del span {
    background: url(".//icons_del.png") no-repeat scroll 0 center transparent;
}
.l-layout-header-inner a.link.del,.panel-toolbar a.link.del:hover span {
    background: url(".//icons_del02.png") no-repeat scroll 0 center transparent;
}
.personPic_btn a.link.del{
	background: url(".//icons_del02.png") no-repeat scroll 6px center #77b6f8;
	color:#fff;
	padding:4px 6px 4px 25px;
	border-radius:3px;
}
.personPic_btn a.link.del:hover{background: url(".//icons_del02.png") no-repeat scroll 6px center #55a8fd;}
a.link.save,.panel-toolbar a.link.save span {
    background: url(".//icons_save02.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.save:hover span {
    background: url(".//icons_save02.png") no-repeat scroll 0 center transparent;
}
a.link.del.disabled,.panel-toolba a.link.del.disabled span{
	background:url(.//icons_del.png) 0px center no-repeat;
}
.panel-toolba a.link.del.disabled:hover span{
	background:url(.//icons_del02.png) 0px center no-repeat;
}
a.link.customdel, .panel-toolba a.link.customdel span{
    background:url(.//icons_del.png) 0px center no-repeat;
}

a.link.back,.panel-toolbar a.link.back span {
    background: url(".//icons_back.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.back:hover span {
    background: url(".//icons_back02.png") no-repeat scroll 0 center transparent;
}
a.link.urge,.panel-toolbar a.link.urge span {
    background: url(".//icons_urge.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.urge:hover span {
    background: url(".//icons_urge02.png") no-repeat scroll 0 center transparent;
}
a.link.init,.panel-toolbar a.link.init span {
    background: url(".//icons_init.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.init:hover span {
    background: url(".//icons_init02.png") no-repeat scroll 0 center transparent;
}
a.link.show,.panel-toolbar a.link.show span {
    background: url("../images/menu/show.gif") no-repeat scroll 0 center transparent;
}
a.link.no,.panel-toolbar  a.link.no span {
    background: url("../images/menu/no.png") no-repeat scroll 0 center transparent;
}
a.link.undo,.panel-toolbar a.link.undo span {
    background: url(".//icons_reload.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.undo:hover span {
    background: url(".//icons_reload02.png") no-repeat scroll 0 center transparent;
}
a.link.redo,.panel-toolbar a.link.redo span {
    background: url(".//icons_redo.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.redo:hover span {
    background: url(".//icons_redo_02.png") no-repeat scroll 0 center transparent;
}
a.link.sended {
    background: url("../images/error/error_btn_bg.png") repeat-x scroll 0 0 transparent;
    border: 1px solid rgb(153, 153, 153);
	border-radius: 3px 3px 3px 3px;
	cursor: pointer;
	line-height: 20px;
	padding: 3px 12px;
	text-align: center;
	height: 19px;
}
a.link.update,.panel-toolbar a.link.update span {
    background: url(".//icons_update.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.update:hover span {
    background: url(".//icons_update02.png") no-repeat scroll 0 center transparent;
}
a.link.upload,.panel-toolbar a.link.upload span {
    background: url("../images/menu/upload.png") no-repeat scroll 0 center transparent;
}
a.link.xml-bpm,.panel-toolbar a.link.xml-bpm span {
    background: url("../images/menu/xml-bpm.png") no-repeat scroll 0 center transparent;
}
a.link.reload,.panel-toolbar a.link.reload span {
    background: url("../images/icon/reload.png") no-repeat scroll 0 center transparent;
}
a.link.xml-design,.panel-toolbar a.link.xml-design span {
    background: url("../images/menu/xml-design.png") no-repeat scroll 0 center transparent;
}
a.link.preview,.panel-toolbar a.link.preview span {
    background: url(".//icons_preview.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.preview:hover span {
    background: url(".//icons_preview02.png") no-repeat scroll 0 center transparent;
}
a.link.expand,.panel-toolbar a.link.expand span {
    background: url("../images/icon/expand.gif") no-repeat scroll 0 center transparent;
}
a.link.collapse,.panel-toolbar a.link.collapse span {
    background: url("../images/icon/collapse.gif") no-repeat scroll 0 center transparent;
}
a.link.moveup,.panel-toolbar a.link.moveup span {
    background: url("../images/menu/moveup.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.moveup:hover span {
    background: url("../images/menu/moveup02.png") no-repeat scroll 0 center transparent;
}
a.link.movedown,.panel-toolbar a.link.movedown span {
    background: url("../images/menu/movedown.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.movedown:hover span {
    background: url("../images/menu/movedown02.png") no-repeat scroll 0 center transparent;
}
a.link.next,.panel-toolbar a.link.next span {
    background: url(".//next.gif") no-repeat scroll 0 center transparent;
}
a.link.prev,.panel-toolbar a.link.prev span {
    background: url(".//prev.gif") no-repeat scroll 0 center transparent;
}
a.link.edit,.panel-toolbar a.link.edit span {
    background: url(".//icons_edit.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.edit:hover span {
    background: url(".//icons_edit02.png") no-repeat scroll 0 center transparent;
}
a.link.copy,.panel-toolbar a.link.copy span {
    background: url(".//copy02.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.copy:hover span {
    background: url(".//copy02.png") no-repeat scroll 0 center transparent;
}
a.link.test,.panel-toolbar a.link.test span {
    background: url(".//icons_test.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.test:hover span {
    background: url(".//icons_test02.png") no-repeat scroll 0 center transparent;
}
a.link.detail,.panel-toolbar a.link.detail span {
    background: url(".//icons_detail02.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.detail:hover span {
    background: url(".//icons_detail02.png") no-repeat scroll 0 center transparent;
}
.table-detail a.link.detail{
	background:url(.//icons_detail02.png) 5px center no-repeat #77b6f8;
	color:#fff;
	margin:3px;
	border-radius:3px;
	line-height:20px;
	padding:3px 5px 3px 20px;
}
a.link.switchuser,.panel-toolbar a.link.switchuser span {
    background: url(".//icons_switchuser02.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.switchuser:hover span {
    background: url(".//icons_switchuser02.png") no-repeat scroll 0 center transparent;
}
a.link.flowDesign,.panel-toolbar a.link.flowDesign span {
    background: url(".//flow_design02.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.flowDesign:hover span {
    background: url(".//flow_design02.png") no-repeat scroll 0 center transparent;
}
a.link.dataList,.panel-toolbar a.link.dataList span {
    background: url(".//icons_dataList.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.dataList:hover span {
    background: url(".//icons_dataList02.png") no-repeat scroll 0 center transparent;
}
a.link.uploadPhoto,.panel-toolbar a.link.uploadPhoto span {
    background: url(".//icons_uploadPhoto.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.uploadPhoto:hover span {
    background: url(".//icons_uploadPhoto02.png") no-repeat scroll 0 center transparent;
}
.personPic_btn a.link.uploadPhoto{
	background: url(".//icons_uploadPhoto3.png") no-repeat scroll 7px center #77b6f8;
	color:#fff;
	padding:4px 6px 4px 26px;
	border-radius:3px;
	margin-right:3px;
}
.personPic_btn a.link.uploadPhoto:hover{background: url(".//icons_uploadPhoto3.png") no-repeat scroll 7px center #55a8fd;}
a.link.run,.panel-toolbar a.link.run span {
    background: url(".//icons_run02.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.run:hover span {
    background: url(".//icons_run02.png") no-repeat scroll 0 center transparent;
}
a.link.goForward,.panel-toolbar a.link.goForward span {
    background: url(".//goForward02.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.goForward:hover span {
    background: url(".//goForward02.png") no-repeat scroll 0 center transparent;
}
a.link.resetPwd,.panel-toolbar a.link.resetPwd span {
    background: url(".//resetPwd.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.resetPwd:hover span {
    background: url(".//resetPwd02.png") no-repeat scroll 0 center transparent;
}
a.link.initRights,.panel-toolbar a.link.initRights span {
    background: url(".//resetPwd.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.initRights:hover span {
    background: url(".//resetPwd02.png") no-repeat scroll 0 center transparent;
}
a.link.reset,.panel-toolbar a.link.reset span{
	background: url(".//icons_reset02.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.reset:hover span{
	background: url(".//icons_reset02.png") no-repeat scroll 0 center transparent;
}
a.link.send{
	background:url(../images/menu/add.gif) 0px -2px no-repeat;
}
a.link.end{
	background:url(.//run.png) 0px -2px no-repeat;
}

a.link.done,.panel-toolbar a.link.done span{
	background:url(.//icons_ok.png) 0px center no-repeat;
}
.panel-toolbar a.link.done:hover span{
	background:url(.//icons_ok02.png) 0px center no-repeat;
}

a.link.get,.panel-toolbar a.link.get span{
	background:url(.//get.gif)  0px center no-repeat;
}
a.link.get,.panel-toolbar a.link.get span {
    background: url(".//get.gif") no-repeat scroll 0 center transparent;
}
a.link.addContact,.panel-toolbar a.link.addContact span {
	background: url(".//icons_add.png") no-repeat scroll 0 center transparent;
}
a.link.clean,.panel-toolbar a.link.clean span {
    background: url(".//icons_clean.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.clean:hover span {
    background: url(".//icons_clean02.png") no-repeat scroll 0 center transparent;
}
a.link.download,.panel-toolbar a.link.download span {
    background: url(".//icons_download.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.download:hover span {
    background: url(".//icons_download02.png") no-repeat scroll 0 center transparent;
}
a.link.export,.panel-toolbar a.link.export span {
    background: url(".//icons_export.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.export:hover span {
    background: url(".//icons_export02.png") no-repeat scroll 0 center transparent;
}
a.link.import,.panel-toolbar a.link.import span {
    background: url(".//icons_import.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.import:hover span {
    background: url(".//icons_import02.png") no-repeat scroll 0 center transparent;
}
a.link.reload{
    background: url(".//reload.png") no-repeat scroll 0 1px transparent;
}
a.link.signature{
	background: url(".//icon_framebtn3.png") no-repeat scroll 0 1px transparent;
	border: 1px solid #dddddd;
	border-radius: 3px 3px 3px 3px;
	cursor: pointer;
	height: 30px;
	line-height: 25px;
	text-align: center;
	width: auto !important;
}
.panel-toolbar a.link.reload span {
    background: url(".//icons_reload.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.reload:hover span {
    background: url(".//icons_reload02.png") no-repeat scroll 0 center transparent;
}
a.link.upload,.panel-toolbar a.link.upload span {
    background: url(".//icons_upload.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.upload:hover span {
    background: url(".//icons_upload02.png") no-repeat scroll 0 center transparent;
}
a.link.var,.panel-toolbar a.link.var span {
    background: url("../images/bpm/code.gif") no-repeat scroll 0 0 transparent;
}
a.link.backUp,.panel-toolbar a.link.backUp span {
    background: url(".//icons_backUp.png") no-repeat scroll 0 -2px transparent;
}
.panel-toolbar a.link.backUp:hover span {
    background: url(".//icons_backUp02.png") no-repeat scroll 0 -2px transparent;
}
a.link.setting,.panel-toolbar a.link.setting span {
    background: url(".//icons_setting02.png") no-repeat scroll 0 1px transparent;
}
.panel-toolbar a.link.setting:hover span {
    background: url(".//icons_setting02.png") no-repeat scroll 0 1px transparent;
}
a.link.grant,.panel-toolbar a.link.grant span {
    background: url("../images/menu/grant.png") no-repeat scroll 0 0 transparent;
}
.panel-toolbar a.link.grant:hover span {
    background: url("../images/menu/grant02.png") no-repeat scroll 0 0 transparent;
}
a.link.grantSort,.panel-toolbar a.link.grantSort span {
    background: url("../images/menu/grant.png") no-repeat scroll 0 0 transparent;
}
a.link.deploy,.panel-toolbar a.link.deploy span {
    background: url("../images/icon/deploy.gif") no-repeat scroll 0 -2px transparent;
}
a.link.auth,.panel-toolbar a.link.auth span {
    background: url(".//icons_auth.png") no-repeat scroll 0 -2px transparent;
}
.panel-toolbar a.link.auth:hover span {
    background: url(".//icons_auth02.png") no-repeat scroll 0 -2px transparent;
}
a.link.lock,.panel-toolbar a.link.lock span {
    background: url("../images/menu/lock.png") no-repeat scroll 0 -2px transparent;
}
.panel-toolbar a.link.lock:hover span {
    background: url("../images/menu/lock02.png") no-repeat scroll 0 -2px transparent;
}
a.link.unlock,.panel-toolbar a.link.unlock span {
    background: url("../images/menu/unlock.png") no-repeat scroll 0 0 transparent;
}
a.link.newVersion,.panel-toolbar a.link.newVersion span {
    background: url(".//icons_newVersion.png") no-repeat scroll 0 center transparent;
}
.panel-toolbar a.link.newVersion:hover span {
    background: url(".//icons_newVersion02.png") no-repeat scroll 0 center transparent;
}
a.link.cancel,.panel-toolbar a.link.cancel span {
    background: url(".//icons_cancel.png") no-repeat scroll 0 0 transparent;
}
.panel-toolbar a.link.cancel:hover span {
    background: url(".//icons_cancel02.png") no-repeat scroll 0 0 transparent;
}
.panel-toolbar a.link.selectFile span {
    background: url("../images/icon/file.gif") no-repeat scroll 0 2px transparent;
}
a.link.selectFile{
    background:url(.//icons_file.png) 5px center no-repeat #5ae2c4;
	float:left;
	color:#fff;
	margin:3px;
	border-radius:3px;
	line-height:20px;
	padding:1px 5px 1px 20px;
}
a.link.print,.panel-toolbar a.link.print span {
    background: url(".//icons_dataList02.png") no-repeat scroll 0 -2px transparent;
}
.panel-toolbar a.link.print:hover span {
    background: url(".//icons_dataList02.png") no-repeat scroll 0 -2px transparent;
}
a.link.printSetting,.panel-toolbar  a.link.printSetting span {
    background: url("../images/icon/printSetting.gif") no-repeat scroll 0 2px transparent;
}
a.link.printPreView,.panel-toolbar a.link.printPreView span {
    background: url("../images/icon/printPreView.gif") no-repeat scroll 0 2px transparent;
}
a.link.sendMessage,.panel-toolbar a.link.sendMessage span {
    background: url(".//icons_sendMessage02.png") no-repeat scroll 0 0px transparent;
}
.panel-toolbar a.link.sendMessage:hover span {
    background: url(".//icons_sendMessage02.png") no-repeat scroll 0 0px transparent;
}
a.link.addMessage,.panel-toolbar a.link.addMessage span {
    background: url("../images/icon/addMessage.gif") no-repeat scroll 0 0px transparent;
}
a.link.parameter,.panel-toolbar a.link.parameter span {
    background: url(".//parameter.png") no-repeat scroll 0 -2px transparent;
}
.panel-toolbar a.link.parameter span {
    background: url(".//parameter02.png") no-repeat scroll 0 -2px transparent;
}
a.link.close,.panel-toolbar a.link.close span {
    background: url(".//icons_cancel.png") no-repeat scroll 0 -2px transparent;
}
.panel-toolbar a.link.close:hover span {
    background: url(".//icons_cancel02.png") no-repeat scroll 0 -2px transparent;
}
a.link.primary,.panel-toolbar a.link.primary span {
    background: url(".//icons_primary.png") no-repeat scroll 0 -2px transparent;
}
.panel-toolbar a.link.primary:hover span {
    background: url(".//icons_primary02.png") no-repeat scroll 0 -2px transparent;
}
a.link.notPrimary,.panel-toolbar a.link.notPrimary span {
    background: url("../images/icon/notPrimary.gif") no-repeat scroll 0 -2px transparent;
}
a.link.charge,.panel-toolbar a.link.charge span {
    background: url("../images/icon/charge.gif") no-repeat scroll 0 -2px transparent;
}
a.link.noCharge,.panel-toolbar a.link.noCharge span {
    background: url("../images/icon/noCharge.gif") no-repeat scroll 0 -2px transparent;
}
a.link.reject,.panel-toolbar a.link.reject span {
    background: url(".//icons_reject02.png") no-repeat scroll 0 -2px transparent;
}
.panel-toolbar a.link.reject:hover span {
    background: url(".//icons_reject02.png") no-repeat scroll 0 -2px transparent;
}
a.link.rejectToStart,.panel-toolbar a.link.rejectToStart span {
    background: url(".//icons_rejectToStart02.png") no-repeat scroll 0 -2px transparent;
}
.panel-toolbar a.link.rejectToStart:hover span {
    background: url(".//icons_rejectToStart02.png") no-repeat scroll 0 -2px transparent;
}
a.link.agree,.panel-toolbar a.link.agree span {
    background: url(".//icons_agree02.png") no-repeat scroll 0 0 transparent;
}
.panel-toolbar a.link.agree:hover span {
    background: url(".//icons_agree02.png") no-repeat scroll 0 0 transparent;
}
a.link.notAgree,.panel-toolbar a.link.notAgree span {
    background: url(".//refuse.gif") no-repeat scroll 0 0 transparent;
}
a.link.abandon,.panel-toolbar a.link.abandon span {
    background: url(".//giveup.gif") no-repeat scroll 0 0 transparent;
}
a.link.addWebSigns,.panel-toolbar a.link.addWebSigns span{
	background:url(.//icons_WebSigns.png) 0px 0px no-repeat;
}
.panel-toolbar a.link.addWebSigns:hover span{
	background:url(.//icons_WebSigns02.png) 0px 0px no-repeat;
}
a.link.addHangSigns,.panel-toolbar a.link.addHangSigns span{
	background:url(.//icons_HangSigns.png) 0px 0px no-repeat;
}
.panel-toolbar a.link.addHangSigns:hover span{
	background:url(.//icons_HangSigns02.png) 0px 0px no-repeat;
}
a.link.history,.panel-toolbar a.link.history span {
    background: url(".//icons_history02.png") no-repeat scroll 0 1px transparent;
}
.panel-toolbar a.link.history:hover span {
    background: url(".//icons_history02.png") no-repeat scroll 0 1px transparent;
}
a.link.log,.panel-toolbar a.link.log span {
    background: url(".//icons_log.png") no-repeat scroll 0 1px transparent;
}
.panel-toolbar a.link.log:hover span {
    background: url(".//icons_log02.png") no-repeat scroll 0 1px transparent;
}
a.link.table,.panel-toolbar a.link.table span {
    background: url("../images/menu/table.gif") no-repeat scroll 0 1px transparent;
}

a.link.helped,.panel-toolbar a.link.helped span {
    background: url("../images/icon/help.gif") no-repeat scroll 0 -2px transparent;
}

a.link.stop,.panel-toolbar a.link.stop span {
    background: url("../images/icon/stop.png") no-repeat scroll 0 1px transparent;
}

a.link.reloaded,a.link.backed{
    border: 1px solid rgb(153, 153, 153);
	border-radius: 3px 3px 3px 3px;
	cursor: pointer;
	line-height: 23px;
	padding: 0px 12px 3px 8px;
	text-align: center;
	background: url("../images/other/bg.png") repeat-x scroll 0px -170px transparent !important;
}
a.link.reloaded span,a.link.backed span{
	display: inline-block;
	height: 20px;
	margin-top: 3px;
	width: 20px;
	margin-bottom: -7px;
}
a.link.reloaded span{
background: url("../images/error/404_login.png") no-repeat scroll 0 1px transparent;
}
a.link.backed span{
background: url("../images/error/error_back.png") no-repeat scroll 0 1px transparent;
}
a.link.category,.panel-toolbar a.link.category span{
	background:url(.//icons_category.png) 0px 1px no-repeat;
}
.panel-toolbar a.link.category:hover span{
	background:url(.//icons_category02.png) 0px 1px no-repeat;
}
a.link.copyTo,.panel-toolbar a.link.copyTo span{
	background:url(.//icons_devHelp02.png) 0px 1px no-repeat;
}
.panel-toolbar a.link.copyTo:hover span{
	background:url(.//icons_devHelp02.png) 0px 1px no-repeat;
}
.link.copyTo {
	background: url(.//devHelp.png) 0px 1px no-repeat;
}

.link-sortUp {
	background: url(../images/menu/arrow-up.png) no-repeat !important;
	text-decoration: none;
}

.link-sortDown {
	background: url(../images/menu/arrow-down.png) no-repeat !important;
	text-decoration: none;
}

.link-sortTop {
	background: url(../images/menu/sort_top.png) no-repeat !important;
}

.link-sortBottom {
	background: url(../images/menu/sort_bottom.png) no-repeat !important;
}

a.link.help {
	background: url(../images/icon/help.gif) no-repeat !important;
}

a.link.excel {
	background-image: url(../images/displaytag/ico_file_excel.png);
	background-repeat: no-repeat;
}
/*==================end of link button===============================*/


div.bottom{text-align: right;align:center;padding-top: 6px; padding-right:15px;}



a.button:link { text-decoration: none;}

a.button {	
	color:#000;  
	font-size: 12px;
	background: url("../images/other/bg.png") repeat-x scroll 0 -170px transparent !important;
	border: 1px solid #999999;
	border-radius: 3px 3px 3px 3px;
	cursor: pointer;
	line-height: 25px;
	padding: 3px 12px;
	text-align: center;
	height: 20px;
}

/* a.button span{ 
	display: inline-block;
	height:15px; 
	line-height: 15px;
	white-space:nowrap; 
	background:url(.//button.gif) no-repeat right  0px;
	color:#000; 
	padding:5px 10px 5px 3px; 
	font-size: 12px;
	text-align: center;
	margin: -5px -2px 0px 0px; 
} */

a.button span.icon{
	height:0px;
	display: inline-block;
	padding:10px 2px 10px 16px;
	width:0px;
	margin-top:-5px;
	margin-bottom:-5px;
}

a.button:hover {
	background:url(.//button_over.gif) no-repeat left 0px;
	text-decoration: none;
border-color: #737373;
-webkit-box-shadow: 1px 1px 2px #c6c6c6;
}
/* a.button:hover span{
	background:url(.//button_over.gif) no-repeat right 0px;
	margin: -5px -2px 0px 0px;
} */

a.button:hover span.icon{
	height:0px;
	display: inline-block;
	padding:10px 2px 10px 16px;
	width:0px;
	margin-top:-5px;
	margin-bottom:-5px;
}
/**
	
*/
a.button span.icon.save{
	background: url(.//icons_save.png) no-repeat -2px -2px;
}

a.button span.icon.ok{
	background: url(.//icons_ok.png) no-repeat 0px 3px;
}

a.button span.icon.upload{
	background: url(.//icons_upload.png) no-repeat 0px center;
}

a.button span.icon.clean{
	background: url(.//icons_clean.png) no-repeat 0px 3px;
}
a.button span.icon.cancel{
	background: url(.//icons_cancel.png) no-repeat 0px 3px;
}

a.button span.icon.valid{
	background: url(../images/icon/valid.gif) no-repeat 0px 3px;
}



/*
	
*/
a.tipinfo{
	background:url(../images/icon/help.gif) 0px -2px no-repeat;
	padding-left: 20px;
	line-height: 20px;
	text-decoration: none;
	position: relative;
}
a.tipinfo span{
	display: none;
}
a.tipinfo:hover span{
	position:absolute;
	top:0px;
	left:25px; 
	width:200px;
	font-weight:bold;
	
	font-size:14px;
	display:inline;
	padding:3px 3px 3px 3px;
	word-break:break-all;
	border: 1px solid #A4BED4;
	background-color:#E4EFFD;
	line-height: 20px;
	text-decoration: none; 
	white-space: normal;
}
/**濞戞搩浜欏Ч澶愭偂瑜忔晶鏍沪閸涱剝鍘�**/
.person_pic_div {
	width: 47px;
	overflow: hidden;
	position: relative;
	display: inline-block;
	text-align: center;
	vertical-align: middle;	
}
.person_pic_div p {   
  width:40px;
  height:40px;
  border-radius:20px; 
  overflow:hidden; 
}   
.person_pic_div p img {   
  width:100%;
  height:100%;
}
/* link search icon widthout event bind */
a.link.search2{
	background:url(.//icons_search.png) 0px 1px no-repeat;
}



/*闁瑰瓨鍨瑰▓鎴炵▔婵犳哎锟介悹浣稿⒔閻わ拷*/
div.desktop{
	text-decoration:none;
	cursor:pointer;
	line-height: 24px; 
	color:#123;  
	padding:5px 0px 5px 15px; 
	font-size: 12px;
	text-align: left;
	}


	/*閺傛澘顤�**/
 .panel-top-left {float: left;font-size: 14px;font-weight: bold;}
 .panel-top-right {float: right; margin-right: 10px;}
.panel-top h2 { display: inline-block;float: left; font-size: 14px;height: 23px;  padding-left: 24px;}
.panel-top h2.setting {background: url("../images/other/icon_settings_20.png") no-repeat scroll left center transparent;}
.panel-top .inline {  float: left;}
.table-top {height: 14px;margin-top: 15px;}
.table-top .table-top-left {color: #1673FF; float: left; font-size: 14px; font-weight: bold;}
.table-top .table-top-left  b{color: #000; font-weight: 400;}
.table-top .table-top-right { float: right;}
.table-top-right-bj .table-top-right{margin-top:-5px;}
.table-top-right-bj .table-top-right a.link{line-height:20px;}
.table-top-right-bj .table-top-right a.link.del{background-position:0 3px;}
.table-top-right-bj a.link.add{margin-top:0px;}
.panel-container {min-height: 300px;border-color: #76AAF8; border-style: solid;border-width: 1px; float: left;margin-left: 10px; margin-top: 10px;position: relative;width: 98%;}
.panel-container .panel-body, .panel-container .panel { clear: left;padding-top: 10px;}
.panel-container .panel-nav {margin: 0;}
.panel-container .l-tab-links {background: none repeat scroll 0 0 #488DF5;}
.panel-container .l-tab-links a {border-right: medium none;color: #095ba2;font-size: 14px;line-height: 58px; text-decoration: none;padding-right: 15px;}
.panel-container .l-tab-links .l-selected a { background: none repeat scroll 0 0 #FFFFFF; border-radius: 4px 4px 4px 4px;color: #488DF5; cursor: pointer;outline: 0 none;padding: 10px 10px 5px;}
.panel-container table th { color: #000000;}
.panel-container table a.moveup, .panel-container table a.movedown {display: inline;height: 20px;margin: 8px;padding-bottom: 14px; width: 20px;}
.panel-container table a.moveup { background: url("../images/other/icon_upside.png") no-repeat scroll 0 5px transparent;}
.panel-container table a.movedown {background: url("../images/other/icon_downside.png") no-repeat scroll 0 5px transparent;}
.panel-container table a.moveup:hover, .panel-container table a.movedown:hover {background-position: 0 0;}

.foldBox { border-top: 2px solid #488DF5;clear: both; display: inline-block;margin: 10px 5px 5px; position: relative; width: 99%;}
.foldBox a.drop {cursor: pointer;text-decoration: none;}
.foldBox .title {  background: none repeat scroll 0 0 #FFFFFF;color: #1673FF;font-size: 14px; font-weight: bold; left: 12px;padding-left: 10px;padding-right: 15px;position: absolute; top: -15px;}
.foldBox .drop {background: none repeat scroll 0 0 #FFFFFF;color: #488DF5;font-weight: bold;padding: 0 10px;position: absolute;right: 12px;top: -12px;}
.foldBox .drop span { background: url("../images/other/1.png") no-repeat scroll 0 -35px transparent;display: inline-block;height: 6px;width: 12px;}
.foldBox .content { margin: 12px 8px; padding: 10px;}
.panel-search .title { 
	color: #037ad5; font-size: 12px;
	padding: 10px 15px 10px 32px;
	position:absolute; left:0px; top:0px;
	background:url("../images/other/search_title.png") no-repeat scroll 15px center #edf7ff;
	width:100%;  z-index:510;
	box-sizing:border-box;
	-wekit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	display: none;
}
.panel-search .drop {background:#55a8fd;font-size: 12px; position: absolute;right: 15px;top: -38px; height:26px; line-height:26px; padding:0 10px; border-radius:3px;}
.panel-search .drop a {
	color: #fff; cursor: pointer;}
.panel-search .drop a.activi {}
.panel-search form{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	box-sizing:border-box;
	-wekit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	z-index:500;
}
.panel-search .row{
	width:100%;
	padding:40px 15px 10px;background:#fafafa;
	box-sizing:border-box;
	-wekit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	position:relative;
	left:0;
	top:0;
	z-index:502;
}
.panel-search .searchbutton{
	background:#fafafa;
	padding:10px 15px;
	border-top:1px solid #e4ecf3;
	position:relative;
	left:0;
	top:0;
	z-index:502;
	text-align:right;
}
.panel-search .searchbutton .btn{
	float:none;
	background:#77b6f8;
	line-height:22px; padding:4px 10px 4px 25px; 
	border-radius:3px; color:#fff;
	margin-left:8px;
	text-decoration:none;
	display:inline;
	position:relative;
}
.panel-search .searchbutton .btn:hover{background:#55a8fd;}
.panel-search .searchbutton .search.btn:before{
	content: "";
	background:url(".//icons_search03.png") no-repeat;
	width:12px;height: 12px;background-size:12px 12px;
	position:absolute;
	left:10px;top:50%; margin-top: -5px;
}
.panel-search .searchbutton .reset.btn:before{
	content: "";
	background:url(".//icons_reset.png") no-repeat;
	width:12px;height: 12px;background-size:12px 12px;
	position:absolute;
	left:10px;top:50%; margin-top: -5px;
}
.panel-search .searchbutton .cancel.btn:before{
	content: "";
	background:url(".//icons_cancel03.png") no-repeat;
	width:12px;height: 12px;background-size:12px 12px;
	position:absolute;
	left:10px;top:50%; margin-top: -5px;
}
.panel-search .bgc{
	width:100%;
	background:#000; height:200px; opacity:0.3;
	position:absolute;
	left:0;
	top:0;
	z-index:501;
}
.table-noborder {}
.table-noborder th { border: medium none;font-size: 14px;font-weight: bold;padding: 5px 10px;}

span.open-message{
	background: url(../images/msg_none.png) no-repeat 0px -1px;
	padding:2px 0 2px 20px;
}

span.close-message{
	background: url(../images/msg_own.png) no-repeat 0px -1px;
	padding:2px 0 2px 20px;
}
a.message{
	padding:2px 2px 2px 20px;
	cursor: pointer; 
	font-size:12px;
	_float:left;
	height:20px;
}
a.message.open-message{
	background: url(../images/msg_none.png) no-repeat 0px -1px;
}

a.message.close-message{
	background: url(../images/msg_own.png) no-repeat 0px -1px;
}

.quick-find{
	width:40px;
}

div.tipbox{
	background:url(../images/icon/help.gif) 0 0 no-repeat;
	width:20px;
	height:20px;
	display:inline;
	position:absolute;
}
a.tipinfo{
	width: 20px;
	height:20px;
	cursor: default;
	text-decoration:none;
}
a.tipinfo span{
	display: none;
	z-index:999;
	position:absolute;
	top:0px;
	left:25px; 
	width:250px;
	color:black;
	font-size:14px;
	padding:3px 3px 3px 3px;
	word-break:break-all;
	border: 1px solid #A4BED4;
	background-color:#E4EFFD;
	line-height: 20px;
	text-decoration: none; 
}
a.tipinfo:hover span{
	display:inline;
}
.reference{
	background: url(".//icons_search.png") no-repeat scroll 0 1px transparent;
}
.formFoldBox {
	vertical-align: top;
}
th.ckHiden{
	text-decoration:line-through;
}


a.current:link { 
	text-decoration: none;
}
a.current{
	float: left;
	text-decoration: none;
	color: #000;
	background:url(.//button.gif) no-repeat top right;
	padding: 5px 15px 0 0;
	margin-left: 10px;
	font-size: 13px;
	font-weight:bold;
	cursor:pointer;
}
a.current span{
	float: left;
	padding-left: 15px;
	display: block;
	margin-top: -5px;
	height:25px;
	cursor:pointer;
	background:url(.//button.gif) no-repeat top left;
	line-height:25px;
}
a.current:hover{
	background:url(.//button_over.gif) no-repeat top right;	
}
a.current:hover span{
	background:url(.//button_over.gif) no-repeat top left;	
}

.panel-table img {
margin: -5px 3px;
}

span.backgrounddiv{
	float: left;
	margin: 1px 2px;
	padding: 0px 11px;
	background-color: #FFFFFF;
	border-radius: 7px;
	box-shadow: 1px 1px 1px #727272;
	line-height: 22px;
	border: 1px solid #C7C7C7;
}

.treeTitle {
	height: 20px;
	padding: 8px 5px 5px;
	background: #ebebeb;
	border-bottom: solid 1px #b9dae9;
}

a.link.mobile{
	background:url(.//mobile.gif) 0px 0px no-repeat;
}


a.link.movetop {
	background: url(../images/menu/sort_top.png) no-repeat !important;
}

a.link.movebottom {
	background: url(../images/menu/sort_bottom.png) no-repeat !important;
}

/*瑙ｅ喅鍦ㄧ伀鐙愪笅 ligerdialog寮瑰嚭妗嗘樉绀轰笉鍏ㄧ殑闂*/
div.l-dialog-tc-inner {
    background-color: #149FE4;
}
div.l-dialog-content{
    background-color: #FFFFFF;
}

div[formType=window]>table.window-table{
	width:inherit;
}

div[formtype='window'] {
	display: inline-block;
}


.owner-span {
	font-size: 13px;
	background-color: #EFF2F7;
	border: 1px solid #CCD5E4;
	border-radius: 3px;
	cursor: default;
	float: left;
	height: auto !important;
	margin: 3px;
	overflow: hidden;
	padding: 2px 4px;
	white-space: nowrap;
	position:relative;
}
.owner-span a{display:inline-block; color:#2e7ccb;}
.bt-select {
	font-size: 13px;
	color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
	border-radius: 5px 5px 5px 5px;
	cursor: pointer;
	height: auto !important;
	margin: 3px;
	overflow: hidden;
	padding: 2px 4px;
	white-space: nowrap;
	position:relative;
}
.ht-input{
	display: inline-block;
	min-height:25px;
	width: 260px;
	font-size: 12px;
	line-height: 1.428571429;
	color: #555555;
	vertical-align: middle;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 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;
}
.hover-pointer:hover{
	cursor: pointer;
}
.w-120{
	width: 120px;
}
.owner-span:hover>.flootbutton{
	 display:block;
}
.flootbutton{
  padding: 0 5px;
  display:none;
  color: white;
  margin-bottom: 4px;
  position: absolute;
  right: 0;
  background: #31b0d5;
  height: 15px;
  width: 15px;
  top: -5px;
  font-size: 12px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
}
.select2-selection__choice{
	min-width: 0px !important;
	height: initial !important;
	margin-top: 4px !important;
}
.select2-search{
	min-width: 0px !important;
	height: initial !important;
}

a.download{
   	background:url(../images/arrow.png) 0 1px no-repeat;
   	display:inline-block;
   	height:14px;
   	margin-left:8px;
   	overflow:hidden;
   	width:14px;
   	text-decoration:none;	
}

@media (max-width:768px) {
	.panel-toolbar .group .exportMenu{
		display: none;
	}
	.panel-toolbar .group .import{
		display: none;
	}
	.panel-toolbar .group #btnSave {
		display: inline-block;
	}
	.panel-search {
		z-index: 10;
	}
}
/*! laydate-v5.0.9 鏃ユ湡涓庢椂闂寸粍浠� MIT License  http://www.layui.com/laydate/  By 璐ゅ績 */
.layui-select {
    background-color: #63A3FF !important;
    color: #fff !important;
}

.laydate-set-ym, .layui-laydate, .layui-laydate *, .layui-laydate-list {
    box-sizing: border-box
}

html #layuicss-laydate {
    display: none;
    position: absolute;
    width: 1989px
}

.layui-laydate * {
    margin: 0;
    padding: 0
}

.layui-laydate {
    position: absolute;
    z-index: 66666666;
    margin: 5px 0;
    border-radius: 2px;
    font-size: 14px;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: laydate-upbit;
    animation-name: laydate-upbit
}

.layui-laydate-main {
    width: 272px
}

.layui-laydate-content td, .layui-laydate-header *, .layui-laydate-list li {
    transition-duration: .3s;
    -webkit-transition-duration: .3s
}

@-webkit-keyframes laydate-upbit {
    from {
        -webkit-transform: translate3d(0, 20px, 0);
        opacity: .3
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes laydate-upbit {
    from {
        transform: translate3d(0, 20px, 0);
        opacity: .3
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.layui-laydate-static {
    position: relative;
    z-index: 0;
    display: inline-block;
    margin: 0;
    -webkit-animation: none;
    animation: none
}

.laydate-ym-show .laydate-next-m, .laydate-ym-show .laydate-prev-m {
    display: none !important
}

.laydate-ym-show .laydate-next-y, .laydate-ym-show .laydate-prev-y {
    display: inline-block !important
}

.laydate-time-show .laydate-set-ym span[lay-type=month], .laydate-time-show .laydate-set-ym span[lay-type=year], .laydate-time-show .layui-laydate-header .layui-icon, .laydate-ym-show .laydate-set-ym span[lay-type=month] {
    display: none !important
}

.layui-laydate-header {
    position: relative;
    line-height: 30px;
    padding: 10px 70px 5px
}

.laydate-set-ym span, .layui-laydate-header i {
    padding: 0 5px;
    cursor: pointer
}

.layui-laydate-header * {
    display: inline-block;
    vertical-align: bottom
}

.layui-laydate-header i {
    position: absolute;
    top: 10px;
    color: #999;
    font-size: 18px
}

.layui-laydate-header i.laydate-prev-y {
    left: 15px
}

.layui-laydate-header i.laydate-prev-m {
    left: 45px
}

.layui-laydate-header i.laydate-next-y {
    right: 15px
}

.layui-laydate-header i.laydate-next-m {
    right: 45px
}

.laydate-set-ym {
    width: 100%;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.laydate-time-text {
    cursor: default !important
}

.layui-laydate-content {
    position: relative;
    padding: 10px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.layui-laydate-content table {
    border-collapse: collapse;
    border-spacing: 0
}

.layui-laydate-content td, .layui-laydate-content th {
    width: 36px;
    height: 30px;
    padding: 5px;
    text-align: center
}

.layui-laydate-content td {
    position: relative;
    cursor: pointer
}

.laydate-day-mark {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 30px;
    font-size: 12px;
    overflow: hidden
}

.laydate-day-mark::after {
    position: absolute;
    content: '';
    right: 2px;
    top: 2px;
    width: 5px;
    height: 5px;
    border-radius: 50%
}

.layui-laydate-footer {
    position: relative;
    height: 46px;
    line-height: 26px;
    padding: 10px 20px
}

.layui-laydate-footer span {
    margin-right: 15px;
    display: inline-block;
    cursor: pointer;
    font-size: 12px
}

.layui-laydate-footer span:hover {
    color: #5FB878
}

.laydate-footer-btns {
    position: absolute;
    right: 10px;
    top: 10px
}

.laydate-footer-btns span {
    height: 26px;
    line-height: 26px;
    margin: 0 0 0 -1px;
    padding: 0 10px;
    border: 1px solid #C9C9C9;
    background-color: #fff;
    white-space: nowrap;
    vertical-align: top;
    border-radius: 2px
}

.layui-laydate-list > li, .layui-laydate-range .layui-laydate-main {
    display: inline-block;
    vertical-align: middle
}

.layui-laydate-list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    background-color: #fff
}

.layui-laydate-list > li {
    position: relative;
    width: 33.3%;
    height: 36px;
    line-height: 36px;
    margin: 3px 0;
    text-align: center;
    cursor: pointer
}

.laydate-month-list > li {
    width: 25%;
    margin: 17px 0
}

.laydate-time-list > li {
    height: 100%;
    margin: 0;
    line-height: normal;
    cursor: default
}

.laydate-time-list p {
    position: relative;
    top: -4px;
    line-height: 29px
}

.laydate-time-list ol {
    height: 181px;
    overflow: hidden
}

.laydate-time-list > li:hover ol {
    overflow-y: auto
}

.laydate-time-list ol li {
    width: 130%;
    padding-left: 33px;
    line-height: 30px;
    text-align: left;
    cursor: pointer
}

.layui-laydate-hint {
    position: absolute;
    top: 115px;
    left: 50%;
    width: 250px;
    margin-left: -125px;
    line-height: 20px;
    padding: 15px;
    text-align: center;
    font-size: 12px
}

.layui-laydate-range {
    width: 546px
}

.layui-laydate-range .laydate-main-list-0 .laydate-next-m, .layui-laydate-range .laydate-main-list-0 .laydate-next-y, .layui-laydate-range .laydate-main-list-1 .laydate-prev-m, .layui-laydate-range .laydate-main-list-1 .laydate-prev-y {
    display: none
}

.layui-laydate-range .laydate-main-list-1 .layui-laydate-content {
    border-left: 1px solid #e2e2e2
}

.layui-laydate, .layui-laydate-hint {
    border: 1px solid #d2d2d2;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
    background-color: #fff;
    color: #666
}

.layui-laydate-header {
    border-bottom: 1px solid #e2e2e2
}

.layui-laydate-header i:hover, .layui-laydate-header span:hover {
    color: #5FB878
}

.layui-laydate-content {
    border-top: none 0;
    border-bottom: none 0
}

.layui-laydate-content th {
    font-weight: 400;
    color: #333
}

.layui-laydate-content td {
    color: #666
}

.layui-laydate-content td.laydate-selected {
    background-color: #00F7DE
}

.laydate-selected:hover {
    background-color: #00F7DE !important
}

.layui-laydate-content td:hover, .layui-laydate-list li:hover {
    background-color: #eaeaea;
    color: #333
}

.laydate-time-list li ol {
    margin: 0;
    padding: 0;
    border: 1px solid #e2e2e2;
    border-left-width: 0
}

.laydate-time-list li:first-child ol {
    border-left-width: 1px
}

.laydate-time-list > li:hover {
    background: 0 0
}

.layui-laydate-content .laydate-day-next, .layui-laydate-content .laydate-day-prev {
    color: #d2d2d2
}

.laydate-selected.laydate-day-next, .laydate-selected.laydate-day-prev {
    background-color: #f8f8f8 !important
}

.layui-laydate-footer {
    border-top: 1px solid #e2e2e2
}

.layui-laydate-hint {
    color: #FF5722
}

.laydate-day-mark::after {
    background-color: #5FB878
}

.layui-laydate-content td.layui-this .laydate-day-mark::after {
    display: none
}

.layui-laydate-footer span[lay-type=date] {
    color: #5FB878
}

.layui-laydate .layui-this {
    background-color: #009688 !important;
    color: #fff !important
}

.layui-laydate .laydate-disabled, .layui-laydate .laydate-disabled:hover {
    background: 0 0 !important;
    color: #d2d2d2 !important;
    cursor: not-allowed !important;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.laydate-theme-molv {
    border: none
}

.laydate-theme-molv.layui-laydate-range {
    width: 548px
}

.laydate-theme-molv .layui-laydate-main {
    width: 274px
}

.laydate-theme-molv .layui-laydate-header {
    border: none;
    background-color: #009688
}

.laydate-theme-molv .layui-laydate-header i, .laydate-theme-molv .layui-laydate-header span {
    color: #f6f6f6
}

.laydate-theme-molv .layui-laydate-header i:hover, .laydate-theme-molv .layui-laydate-header span:hover {
    color: #fff
}

.laydate-theme-molv .layui-laydate-content {
    border: 1px solid #e2e2e2;
    border-top: none;
    border-bottom: none
}

.laydate-theme-molv .laydate-main-list-1 .layui-laydate-content {
    border-left: none
}

.laydate-theme-grid .laydate-month-list > li, .laydate-theme-grid .laydate-year-list > li, .laydate-theme-grid .layui-laydate-content td, .laydate-theme-grid .layui-laydate-content thead, .laydate-theme-molv .layui-laydate-footer {
    border: 1px solid #e2e2e2
}

.laydate-theme-grid .laydate-selected, .laydate-theme-grid .laydate-selected:hover {
    background-color: #f2f2f2 !important;
    color: #009688 !important
}

.laydate-theme-grid .laydate-selected.laydate-day-next, .laydate-theme-grid .laydate-selected.laydate-day-prev {
    color: #d2d2d2 !important
}

.laydate-theme-grid .laydate-month-list, .laydate-theme-grid .laydate-year-list {
    margin: 1px 0 0 1px
}

.laydate-theme-grid .laydate-month-list > li, .laydate-theme-grid .laydate-year-list > li {
    margin: 0 -1px -1px 0
}

.laydate-theme-grid .laydate-year-list > li {
    height: 43px;
    line-height: 43px
}

.laydate-theme-grid .laydate-month-list > li {
    height: 71px;
    line-height: 71px
}

@font-face {
    font-family: laydate-icon;
    src: url(font/iconfont.eot);
    src: url(font/iconfont.eot#iefix) format('embedded-opentype'), url(font/iconfont.svg#iconfont) format('svg'), url(font/iconfont.woff) format('woff'), url(font/iconfont.ttf) format('truetype')
}

.laydate-icon {
    font-family: laydate-icon !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (max-width: 768px) {
    .layui-laydate-main {
        display: block !important;
    }

    .laydate-theme-molv.layui-laydate-range {
        width: 274px !important;
    }
}
/*! qTip2 - Pretty powerful tooltips - v2.0.0 - 2012-07-29
* http://craigsworks.com/projects/qtip2/
* Copyright (c) 2012 Craig Michael Thompson; Licensed MIT, GPL */

/* Core qTip styles */
.ui-tooltip, .qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 280px;
	min-width: 50px;
	
	font-size: 12px;
	line-height: 12px;

	border-width: 1px;
	border-style: solid;
}

	/* Fluid class for determining actual width in IE */
	.ui-tooltip-fluid{
		display: block;
		visibility: hidden;
		position: static !important;
		float: left !important;
	}

	.ui-tooltip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;
		
		text-align: left;
		word-wrap: break-word;
	}

	.ui-tooltip-titlebar{
		position: relative;
		min-height: 14px;
		padding: 5px 35px 5px 10px;
		overflow: hidden;

		border-width: 0 0 1px;
		font-weight: bold;
	}

	.ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0 !important; }

		/* Default close button class */
		.ui-tooltip-titlebar .ui-state-default{
			position: absolute;
			right: 4px;
			top: 50%;
			margin-top: -9px;

			cursor: pointer;
			outline: medium none;

			border-width: 1px;
			border-style: solid;
		}
		
		* html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */

		.ui-tooltip-titlebar .ui-icon,
		.ui-tooltip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
			direction: ltr;
		}

		.ui-tooltip-icon, .ui-tooltip-icon .ui-icon{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			text-decoration: none;
		}

			.ui-tooltip-icon .ui-icon{
				width: 18px;
				height: 14px;

				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}


/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.ui-tooltip-focus{}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.ui-tooltip-hover{}

/* Default tooltip style */
.ui-tooltip-default{
	border-color: #F1D031;
	background-color: #FFFFA3;
	color: #555;
}

	.ui-tooltip-default .ui-tooltip-titlebar{
		background-color: #FFEF93;
	}

	.ui-tooltip-default .ui-tooltip-icon{
		border-color: #CCC;
		background: #F1F1F1;
		color: #777;
	}
	
	.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{
		border-color: #AAA;
		color: #111;
	}


/*! Light tooltip style */
.ui-tooltip-light{
	background-color: white;
	border-color: #E2E2E2;
	color: #454545;
}

	.ui-tooltip-light .ui-tooltip-titlebar{
		background-color: #f1f1f1;
	}


/*! Dark tooltip style */
.ui-tooltip-dark{
	background-color: #505050;
	border-color: #303030;
	color: #f3f3f3;
}

	.ui-tooltip-dark .ui-tooltip-titlebar{
		background-color: #404040;
	}

	.ui-tooltip-dark .ui-tooltip-icon{
		border-color: #444;
	}

	.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/*! Cream tooltip style */
.ui-tooltip-cream{
	background-color: #FBF7AA;
	border-color: #F9E98E;
	color: #A27D35;
}

	.ui-tooltip-cream .ui-tooltip-titlebar{
		background-color: #F0DE7D;
	}

	.ui-tooltip-cream .ui-state-default .ui-tooltip-icon{
		background-position: -82px 0;
	}


/*! Red tooltip style */
.ui-tooltip-red{
	background-color: #F78B83;
	border-color: #D95252;
	color: #912323;
}

	.ui-tooltip-red .ui-tooltip-titlebar{
		background-color: #F06D65;
	}

	.ui-tooltip-red .ui-state-default .ui-tooltip-icon{
		background-position: -102px 0;
	}

	.ui-tooltip-red .ui-tooltip-icon{
		border-color: #D95252;
	}

	.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover{
		border-color: #D95252;
	}


/*! Green tooltip style */
.ui-tooltip-green{
	background-color: #CAED9E;
	border-color: #90D93F;
	color: #3F6219;
}

	.ui-tooltip-green .ui-tooltip-titlebar{
		background-color: #B0DE78;
	}

	.ui-tooltip-green .ui-state-default .ui-tooltip-icon{
		background-position: -42px 0;
	}


/*! Blue tooltip style */
.ui-tooltip-blue{
	background-color: #E5F6FE;
	border-color: #ADD9ED;
	color: #5E99BD;
}

	.ui-tooltip-blue .ui-tooltip-titlebar{
		background-color: #D0E9F5;
	}

	.ui-tooltip-blue .ui-state-default .ui-tooltip-icon{
		background-position: -2px 0;
	}


/* Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-shadow{
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-rounded,
.ui-tooltip-tipsy,
.ui-tooltip-bootstrap{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* Youtube tooltip style */
.ui-tooltip-youtube{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	
	-webkit-box-shadow: 0 0 3px #333;
	-moz-box-shadow: 0 0 3px #333;
	box-shadow: 0 0 3px #333;

	color: white;
	border-width: 0;

	background: #4A4A4A;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,black));
	background-image: -webkit-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -moz-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -ms-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -o-linear-gradient(top,#4A4A4A 0,black 100%);
}

	.ui-tooltip-youtube .ui-tooltip-titlebar{
		background-color: #4A4A4A;
		background-color: rgba(0,0,0,0);
	}
	
	.ui-tooltip-youtube .ui-tooltip-content{
		padding: .75em;
		font: 12px arial,sans-serif;
		
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
	}

	.ui-tooltip-youtube .ui-tooltip-icon{
		border-color: #222;
	}

	.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* jQuery TOOLS Tooltip style */
.ui-tooltip-jtools{
	background: #232323;
	background: rgba(0, 0, 0, 0.7);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
	background-image: -moz-linear-gradient(top, #717171, #232323);
	background-image: -webkit-linear-gradient(top, #717171, #232323);
	background-image: -ms-linear-gradient(top, #717171, #232323);
	background-image: -o-linear-gradient(top, #717171, #232323);

	border: 2px solid #ddd;
	border: 2px solid rgba(241,241,241,1);

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 0 0 12px #333;
	-moz-box-shadow: 0 0 12px #333;
	box-shadow: 0 0 12px #333;
}

	/* IE Specific */
	.ui-tooltip-jtools .ui-tooltip-titlebar{
		background-color: transparent;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
	}
	.ui-tooltip-jtools .ui-tooltip-content{
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
	}

	.ui-tooltip-jtools .ui-tooltip-titlebar,
	.ui-tooltip-jtools .ui-tooltip-content{
		background: transparent;
		color: white;
		border: 0 dashed transparent;
	}

	.ui-tooltip-jtools .ui-tooltip-icon{
		border-color: #555;
	}

	.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover{
		border-color: #333;
	}


/* Cluetip style */
.ui-tooltip-cluetip{
	-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);

	background-color: #D9D9C2;
	color: #111;
	border: 0 dashed transparent;
}

	.ui-tooltip-cluetip .ui-tooltip-titlebar{
		background-color: #87876A;
		color: white;
		border: 0 dashed transparent;
	}
	
	.ui-tooltip-cluetip .ui-tooltip-icon{
		border-color: #808064;
	}
	
	.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover{
		border-color: #696952;
		color: #696952;
	}


/* Tipsy style */
.ui-tooltip-tipsy{
	background: black;
	background: rgba(0, 0, 0, .87);

	color: white;
	border: 0 solid transparent;

	font-size: 11px;
	font-family: 'Lucida Grande', sans-serif;
	font-weight: bold;
	line-height: 16px;
	text-shadow: 0 1px black;
}

	.ui-tooltip-tipsy .ui-tooltip-titlebar{
		padding: 6px 35px 0 10;
		background-color: transparent;
	}

	.ui-tooltip-tipsy .ui-tooltip-content{
		padding: 6px 10;
	}
	
	.ui-tooltip-tipsy .ui-tooltip-icon{
		border-color: #222;
		text-shadow: none;
	}

	.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* Tipped style */
.ui-tooltip-tipped{
	border: 3px solid #959FA9;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	background-color: #F9F9F9;
	color: #454545;

	font-weight: normal;
	font-family: serif;
}

	.ui-tooltip-tipped .ui-tooltip-titlebar{
		border-bottom-width: 0;

		color: white;
		background: #3A79B8;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
		background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -ms-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
	}

	.ui-tooltip-tipped .ui-tooltip-icon{
		border: 2px solid #285589;
		background: #285589;
	}

		.ui-tooltip-tipped .ui-tooltip-icon .ui-icon{
			background-color: #FBFBFB;
			color: #555;
		}


/**
 * Twitter Bootstrap style.
 *
 * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
 * Does not work with IE 7.
 */
.ui-tooltip-bootstrap{
	font-size: 13px;
	line-height: 18px;

	color: #333333;
	background-color: #ffffff;


	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);

	*border-right-width: 2px;
	*border-bottom-width: 2px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

	.ui-tooltip-bootstrap .ui-tooltip-titlebar{
		font-size: 18px;
		line-height: 22px;

		border-bottom: 1px solid #ccc;
		background-color: transparent;
	}

		.ui-tooltip-bootstrap .ui-tooltip-titlebar .ui-state-default{
			right: 9px; top: 49%;
			border-style: none;
		}

	.ui-tooltip-bootstrap .ui-tooltip-icon{
		background: white;
	}

		.ui-tooltip-bootstrap .ui-tooltip-icon .ui-icon{
			width: auto;
			height: auto;
			float: right;
			font-size: 20px;
			font-weight: bold;
			line-height: 18px;
			color: #000000;
			text-shadow: 0 1px 0 #ffffff;
			opacity: 0.2;
			filter: alpha(opacity=20);
		}

		.ui-tooltip-bootstrap .ui-tooltip-icon .ui-icon:hover{
			color: #000000;
			text-decoration: none;
			cursor: pointer;
			opacity: 0.4;
			filter: alpha(opacity=40);
		}


/* IE9 fix - removes all filters */
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{
	filter: none;
	-ms-filter: none;
}


/* Tips plugin */
.ui-tooltip .ui-tooltip-tip{
	margin: 0 auto;
	overflow: hidden;
	z-index: 10;
}

	.ui-tooltip .ui-tooltip-tip,
	.ui-tooltip .ui-tooltip-tip *{
		position: absolute;
		
		line-height: 0.1px !important;
		font-size: 0.1px !important;
		color: #123456;

		background: transparent;
		border: 0 dashed transparent;
	}
	
	.ui-tooltip .ui-tooltip-tip canvas{ top: 0; left: 0; }



/* Modal plugin */
#qtip-overlay{
	position: fixed;
	left: -10000em;
	top: -10000em;
}

	/* Applied to modals with show.modal.blur set to true */
	#qtip-overlay.blurs{ cursor: pointer; }

	/* Change opacity of overlay here */
	#qtip-overlay div{
		position: absolute;
		left: 0; top: 0;
		width: 100%; height: 100%;

		background-color: black;

		opacity: 0.7;
		filter:alpha(opacity=70);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}

	/*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
.div_pictureShow{
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align:center;
}

.pictureShow_next{
	background:url('../images/pictureShow_next.png') 0px 1px no-repeat;
	width: 20px;
	height: 64px;
	display: inline-block;
}

.pictureShow_prev{
	background:url('../images/pictureShow_prev.png') 0px 1px no-repeat;
	width: 20px;
	height: 64px;
	display: inline-block;
}

.pictureShow_n_next{
	background:url('../images/pictureShow_n_next.png') 0px 1px no-repeat;
	width: 20px;
	height: 64px;
	display: inline-block;
}

.pictureShow_n_prev{
	background:url('../images/pictureShow_n_prev.png') 0px 1px no-repeat;
	width: 20px;
	height: 64px;
	display: inline-block;
}

.table_pictureShow{
	text-align: center;
	border: 0px;
	z-index:10;
	*position:relative;
}

.table_pictureShow td{
	border:none;
	text-align:center;
}

a:link,a:visited {
	text-decoration: none; /*瓒呴摼鎺ユ棤涓嬪垝绾�*/
}

.gallery_active{
	border: 2px solid #000000 !important;
}

.gallery_ahover img {
	border: 2px solid #CCCCCC !important;
}
.table.formTable td {
	border:none;
}
.wrap_div{
	background:#fff;
    border-bottom:1px solid #ccc;
    margin:0 auto;
    display:table;
    *position:relative;
    z-index:0;
}
.hack_div{
    display:table-cell;
    vertical-align:middle;
    *position:absolute;
    *top:50%;
    z-index:1;
}
.cnt_div{
    *position:relative;
    *top:-50%;
}
a.thumbnail-a{
	display:block;
	float:left;
	padding:1px;
	border:1px solid #ccc;
}

body { 
    margin: 0px; 
    padding: 0px; 
} 
#topNavWrapper { 
    width: 100%; 
    text-align: left; 
    /* height: 70px;  */
    margin: 0px auto; 
    z-index:100; 
    _position: relative ; 
    _top:0px; 
} 
#topNav { 
    width: 100%; 
    float: left; 
    display: block; 
    z-index: 100; 
    overflow: visible; 
    position: fixed; 
    top: 0px; /* position fixed for IE6 */ 
    _position: absolute; 
    _top: expression(documentElement.scrollTop + "px"); 
    background-repeat: no-repeat; 
    background-position: right; 
    /* height: 70px;  */
    height:auto;
} 
@media print {
	.noprint{display:none;} 
	.printForm{display:block !important;} 
	.noForm{font-size: 14px;font-weight: bold;text-align: center;}
	input, select { border:none!important;}
	.link { display:none!important;}
	select { position:absolute; clip: rect(0px,100px,21px,0px); width: 120px; margin-top: -10px;}
	.l-text { border:none;}
	.l-trigger { display:none;}
	td { text-align: left; min-width:120px;}
	td.formTitle{padding:2px; border:1px solid #666666; height: 23px; text-align: center;}
	td.teamHead{border:1px solid #656565; text-align: center;font-size: 14px;font-weight: bold;	height: 32px; color: #464646;}
	
}
/*鍏敤閮ㄥ垎*/
html,
body {
	background-color: #F0F2F5;
}

table {
	width: 100%;
}

div[type="subtable"]:last-of-type {
	margin-bottom: 40px;
	padding: 0 60px 20px;
}

div[type="subtable"]:first-of-type {
	padding-top: 20px;
}
div[type="sub"]:first-of-type {
	margin-top: 20px;
}
div[type="sub"]:last-of-type {
	margin-bottom: 20px;
}
div[type="sub"] {
	font-size: 14px;
	color: #000;
	margin: 0 auto;
	background-color: #fff;
	width: 60%;
	padding: 30px 60px;
}

table.formTable,
td.teamHead,
td.formTitle,
td.formInput {
	border: none;
}

a {
	cursor: pointer;
}

input[readonly] {
	background-color: #F0F0F0;
}

.formTable input[type="text"],
.formTable select {
	padding: 7px 10px;
}


/*鐗规畩閮ㄥ垎*/
.formTable-wrap.three .formTable td.formTitle{
	text-align: right;
}
.formTable-wrap.three .formTable td.formInput label,
.formTable-wrap.four .formTable td.formInput label {
	margin-bottom: 10px;
}

.formTable-wrap.three .formTable td.formInput label:last-child,
.formTable-wrap.four .formTable td.formInput label:last-child {
	margin-bottom: 0px;
}
.formTable-wrap.one .formTable .l-text-wrapper,
.formTable-wrap.one .formTable .l-text-combobox,
.formTable-wrap.one .formTable .l-text-combobox input{
	width: 97%!important;
}
.formTable-wrap.two .formTable .l-text-wrapper,
.formTable-wrap.two .formTable .l-text-combobox,
.formTable-wrap.two .formTable .l-text-combobox input {
	width: 97%!important;
}
.formTable-wrap.three .formTable .l-text-wrapper,
.formTable-wrap.three .formTable .l-text-combobox,
.formTable-wrap.three .formTable .l-text-combobox input {
	width: 94.4%!important;
}

.formTable-wrap.four .formTable .l-text-wrapper,
.formTable-wrap.four .formTable .l-text-combobox,
.formTable-wrap.four .formTable .l-text-combobox input {
	width: 94%!important;
}

/*椤堕儴鎸夐挳*/

.panel-toolbar {
	padding: 15px 15px 15px 10px;
	height: 60px;
	/* height:auto; */
}

.panel-toolbar a.link {
	font-size: 14px;
}

.panel-toolbar a.run,
.panel-toolbar a.agree,
.panel-toolbar a.goForward {
	background: #10C66B !important;
	border: 1px solid #10C66B;
	color: #fff;
}

.panel-toolbar a.reject,
.panel-toolbar a.rejectToStart,
.panel-toolbar a.abandon {
	background: #FAA525 !important;
	border: 1px solid #FAA525;
	color: #fff;
}

.panel-toolbar a.search,
.panel-toolbar a.save,
.panel-toolbar a.reset,
.panel-toolbar a.flowDesign,
.panel-toolbar a.setting,
.panel-toolbar a.history,
.panel-toolbar a.print,
.panel-toolbar a.copyTo,
.panel-toolbar a.copy,
.panel-toolbar a.detail,
.panel-toolbar a.sendMessage,
.panel-toolbar a.switchuser {
	background: #459FFF !important;
	border: 1px solid #459FFF;
	color: #fff;
}

.panel-toolbar .toolBar > div > img {
	padding-left: 10px;
	max-width: 100%;
}

.group {
	float: right;
	margin-right: 15px;
	margin-top: 15px;
}

a.attachment {
	text-decoration: none;
	font-size: 13px;
	color: #606060;
}


/*琛ㄥ崟*/

.formTable-wrap {
	width: 60%;
	padding: 30px 60px;
	margin: 0 auto;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-color: #fff;
}

.formTable-wrap .formTable {
	color: #000;
	position: relative;
	font-size: 14px;
}

.formTable td.formHead {
	text-align: center;
	font-size: 24px;
	color: #363E62;
	padding-bottom: 20px;
	border: none;
}

.formTable td.teamHead {
	background: transparent;
	color: #363E62;
	font-size: 18px;
	font-weight: lighter;
}

.listTable td.formHead p,
.formTable td.teamHead p {
	border-bottom: 1px dashed #89969F;
	padding-bottom: 5px;
	margin: 10px 0px 25px 0px;
	text-align: left;
}

.listTable td.formHead p>span,
.formTable td.teamHead p>span {
	border-left: 5px solid #459FFF;
	padding: 0px 8px;
}

.formTable tbody:first-child {
	width: 100%;
	text-align: center;
}

.formTable tbody>tr:first-child {
	width: 100%;
	display: table-row;
	margin-left: 60px;
	margin-bottom: 20px;
	padding: 20px 0px 15px 0px;
}

.formTable tbody:first-child>tr:first-child {
	margin-left: 0px;
	display: table-row;
	width: 100%;
}

.formTable tr.firstRow {
	float: initial;
	display: initial;
	border-bottom: 0px;
}

.formTable td.formTitle {
	position: relative;
	background: transparent;
	width: 120px!important;
	padding-bottom: 20px;
}

.formTable td.formInput {
	padding: 0px 0px 20px 10px;
	text-align: left;
}

.formTable .l-text-wrapper,
.formTable .l-text-combobox,
.formTable .l-text-combobox input {
	width: 99% !important;
	height: 36px !important;
	padding-left: 10px;
}

.formTable .l-text-combobox input {
	border: 1px solid #E6E6E6;
	margin: -3px 0px 0px -9px;
}

.formTable input[type="text"],
.formTable select {
	border: 1px solid #E6E6E6;
	height: 36px;
	box-sizing: border-box;
	padding: 7px 15px;
}

.formTable input[type="text"] {
	width: 100%;
}

.formTable select {
	width: 100%;
}

input[type="radio"]::before {
	border-radius: 50%;
}

input[type="checkbox"],
input[type="radio"] {
	width: 20px;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	text-align: center;
	vertical-align: sub;
	position: relative;
	margin-bottom: 5px;
	margin: 0 6px 5px 15px;
}

.formTable td.formInput label {
	display: inline-block;
	margin-top: 5px;
}

input[type="checkbox"]::before,
input[type="radio"]::before {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	background: #fff;
	width: 100%;
	height: 100%;
	border: 1px solid #E6E6E6;
}

input[type="checkbox"]:checked::before,
input[type="radio"]:checked::before {
	content: "\2713" !important;
	background-color: #459FFF !important;
	color: #fff !important;
	font-size: 12px;
	font-weight: bold;
}

.formTable td.formInput>div {
	position: relative;
}

.formTable td.formInput {
	position: relative;
}

.formTable td.formInput>div>a.link {
	position: absolute;
	right: -1px;
	display: block;
	top: 0;
	line-height: 36px;
	height: 36px;
	padding: 0 16px;
	background: #459FFF;
	color: #fff;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.formTable td.formInput>a.extend {
	position: absolute;
	right: -1px;
	display: block;
	top: 0;
	line-height: 36px;
	height: 36px;
	padding: 0 15px;
	background: #459FFF;
	color: #fff;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.formTable textarea {
	border: 1px solid #E6E6E6;
	width: 100% !important;
	height: 100px;
	box-sizing: border-box;
	padding-left: 10px;
}

.formTable tbody:last-child>tr:first-child {
	border-bottom: 0px;
	margin: 0px;
	padding: 0px;
	display: table-row;
	float: none;
}

.formTable tbody#qt>tr:nth-child(3) {
	margin-top: 35px;
}

.formTable tbody#qt>tr:nth-child(2)>td:last-child>div,
.formTable .formInput div[name="div_attachment_container"] {
	float: left;
	width: 100%;
	padding-bottom: 40px;
}

.formTable div.attachement,
.l-dialog-tck div.attachement,
.listTable tr.listRow td div.attachement {
	max-width: 100%;
	white-space: pre-wrap;
}

div.attachement {
	float: left;
	overflow: hidden;
	padding: 3px 0 0;
	/* white-space: nowrap; */
}

.formTable span.attachement-span,
.l-dialog-tck span.attachement-span {
	padding: 1px 3px 1px 5px;
	max-width: 100%;
}

.formTable span.attachement-span>span,
.l-dialog-tck span.attachement-span>span {
	display: inline-block;
}

.formTable span.attachement-span>span>a,
.l-dialog-tck span.attachement-span>span>a {
	max-width: 100%;
	display: inline-block;
}

.formTable tbody#qt>tr:nth-child(2)>td:last-child a.link {
	bottom: 0;
	top: auto;
}

.formTable tbody#qt>tr>td.formInput {
	width: 88%;
}

.formTable a.selectFile {
	left: 0px;
	width: 30px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 3px;
}

.formTable .l-trigger,
.formTable .l-trigger-hover,
.formTable .l-trigger-pressed {
	width: 15px;
	height: 38px !important;
	cursor: default;
}

.formTable .l-trigger-pressed,
.formTable .l-trigger-hover {
	background: #459FFF !important;
	border: 1px solid #459FFF !important;
	height: 38px !important;
}

.formTable .l-trigger,
.formTable .l-trigger-hover,
.formTable .l-trigger-pressed {
	top: -3px;
	right: -8px;
}

.formTable .l-trigger {
	background: #459FFF;
	border: 1px solid #459FFF;
}

.formTable .l-trigger-hover {
	background: #459FFF;
	border: 1px solid #459FFF;
}


/*瀛愯〃*/

div[type="subtable"] {
	clear: both;
	position: relative;
	min-height: 100px;
}

.content,
div[type="subtable"] {
	font-size: 14px;
	color: #000;
	width: 60%;
	padding: 0 60px;
	margin: 0 auto;
	background-color: #fff;
}

.content p {
	display: none;
}

.l-tab-links {
	height: auto;
	position: absolute;
	width: auto;
	right: 50px;
	top: 15px;
}

.subTableToolBar a.link.add {
	color: #459FFF;
	font-size: 14px;
}

.listTable .inputText,
.listTable tr.firstRow {
	height: 35px;
	box-sizing: border-box;
}

.listTable select {
	height: 30px;
}

.listTable .headRow {
	border: 1px solid #EBEEF5;
	background: #EBEEF5;
	height: 45px;
	font-size: 14px;
	color: #303133;
	line-height: 45px;
	font-weight: bold;
}

.listTable .headRow>div {
	float: left;
	text-align: center;
}

.listTable .listRow {
	border: 1px solid #EBEEF5;
	border-top: none;
	font-size: 12px;
	line-height: 45px;
	float: left;
	width: calc(100% - 2px);
}

.listTable .listRow>div {
	float: left;
	text-align: center;
}

.listTable .listRow>div>.inputText,
.listTable .listRow>div>select {
	margin-top: 9px;
	width: 90%;
}

.listTable .listRow>div>a {
	cursor: pointer;
}

.listTable tr.special-td {
	background-color: #F5F7FA;
}

.listTable tr.special-td td {
	padding: 15px;
	text-align: left;
}

.listTable tr.special-td a {
	color: #459FFF;
	font-size: 14px;
	margin-right: 20px;
	padding-left: 25px;
	cursor: pointer;
}

.listTable tr.headRow {
	border: 1px solid #EBEEF5;
	background: #EBEEF5;
	height: 45px;
}

.listTable td.formHead {
	border: none;
	background: transparent;
	color: #363E62;
	font-size: 18px;
	padding-bottom: 15px;
}

.listTable td.teamHead {
	background-color: #F5F7FA;
	color: #4D4D4D;
	text-align: center;
	border: 1px solid #EBEEF5;
	font-weight: lighter;
	font-size: 16px;
	height: 41px;
	min-width:50px;
}

.listTable td.teamHead.num {
	padding: 0px 20px;
}

.listTable td.formTitle {
	background-color: #fff;
	font-size: 14px;
	padding-right: 10px;
	width: 100px!important;
}

/*.listTable td.formInput {*/
	/*padding: 0;*/
/*}*/

.listTable td.formInput input {
	width: 95%;
	font-size: 14px;
	padding-left: 10px;
}

.listTable th {
	border: 1px solid #EBEEF5;
	background-color: #F5F7FA;
	font-size: 14px;
	color: #4D4D4D;
	text-align: center;
	font-weight: lighter;
	white-space: nowrap;
	padding: 0 20px;
}

.listTable tr.listRow td {
	border: 1px solid #EBEEF5;
	text-align: center;
	font-size: 14px;
	word-break: break-word;
	line-height: 15px;
}
.listTable tr.listRow td input.Wdate {
	height: 36px;
	font-size: 14px;
	padding-left: 10px;
}
.listTable tr.listRow td .l-text-wrapper {
	height: auto !important;
	width: 96% !important;
}
.listTable tr.listRow td .l-text-wrapper .l-text {
	height: 30px !important;
	padding: 2px;
	border-radius: 3px;
	border: 1px solid #ced7e0;
}
.listTable tr.listRow td .l-text-wrapper .l-text input {
	width: 85% !important;
	height: 32px !important;
}
.listTable tr.listRow td span.attachement-span a.cancel {
	margin-left: 3px;
}
.listTable tr.listRow td div[name="div_attachment_container"],
.listTable td.formInput div[name="div_attachment_container"] {
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 40px;
}
.listTable tr.listRow td div[name="div_attachment_container"] a.link {
	left: 0;
}

.listTable tr.listRow {
	border: 1px solid #EBEEF5;
	height: 45px;
	line-height: 45px;
	width: 100%;
	float: none;
}

.listTable tr.listRow td select,
.listTable tr.listRow td .inputText,
.listTable tr.listRow td .inputnumber {
	border: 1px solid #DCDFE6;
	width: 120px;
	padding-left: 10px;
}

.listTable tr.firstRow {
	width: 100%;
}

.listTable tr.headRow {
	float: none;
}

.listTable td {
	border-left: 0;
}

.listTable td.teamHead.sm-title {
	text-align: left;
	border: 0px;
	padding: 10px 15px;
	height: 0px;
}

.listTable .oprate-item {
	position: relative;
}

.listTable .oprate-item a {
	color: #459FFF;
	font-size: 14px;
}

.listTable .oprate-item a.oprate {
	margin-left: 15px;
	width: 20px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
}

.listTable .oprate-item a.oprate-xs {
	margin-left: 15px;
	width: 20px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
}

.listTable .oprate-item a img {
	vertical-align: sub;
}

.listTable .child-menu {
	display: none;
	box-shadow: 2px 2px 5px #c1c1c1;
	width: 140px;
	/*position: absolute;*/
	position: fixed;
	background-color: #fff;
	text-align: left;
	z-index: 9;
}

.listTable .child-menu>ul>li {
	padding-left: 15px;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
}

.listTable .child-menu>ul>li a {
	color: #666;
}

.listTable .child-menu>ul>li:hover {
	background: #F0F0F0;
}

.listTable .listTable td.formHead p {
	border-left: 5px solid #459FFF;
	border-bottom: 1px dashed #89969F;
	padding: 4px;
	margin: 10px 0px;
	text-align: left;
	font-weight: lighter;
}


/* 寮瑰嚭妗唅frame 鍞竴 鑳界湅鍒扮殑class鍚嶏細l-dialog-frame  绫诲悕:l-dialog-frame-tck */

.l-dialog-frame-tck {
	width: 500px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}


/* 寮瑰嚭妗哾iv 鍞竴 鑳界湅鍒扮殑class鍚嶏細l-dialog l-dialog-win  绫诲悕:l-dialog-tck */

.l-dialog-tck {
	width: 500px;
	left: 0 !important;
	right: 0;
	margin: 0 auto;
}

.l-dialog-tck .l-dialog-table {
	width: 100%;
	table-layout: fixed !important;
}

.l-dialog-tck .l-dialog-table input[type="checkbox"],
.l-dialog-tck .l-dialog-table input[type="radio"] {
	margin-bottom: 5px;
}

.l-dialog-tck .l-dialog-table .l-dialog-body,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table {
	width: 100% !important;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content {
	overflow-y: auto;
	padding: 3px 15px;
	height: auto !important;
	max-height: 70vh;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table tr {
	font-size: 14px;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2) {
	text-align: start;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div {
	width: 100% !important;
	/*margin-top: 1px;*/
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div a.link.selectFile {
	background: #459FFF;
	padding: 2px 10px;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div input.position,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div input.positions,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div input.user,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div input.users,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div input.org,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div input.orgs,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div input.role,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div input.roles {
	width: 80%;
	border-radius: 0;
	padding: 2px;
	padding-left: 10px;
	box-sizing: border-box;
	font-size: 13px;
	border: 1px solid #CCCCCC;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div a.position,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div a.positions,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div a.user,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div a.users,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div a.org,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div a.orgs,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div a.role,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div a.roles {
	background-color: #459FFF;
	color: #fff;
	padding: 0 10px;
	display: inline-block;
	height: 26px;
	line-height: 27px;
	text-align: center;
	width: 13.5%;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div .l-text {
	width: calc(100% - 2px) !important;
	border: 1px solid #CCCCCC
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div .l-text .l-text-field {
	width: calc(100% - 8px) !important;
	height: 21px !important;
	padding-left: 10px;
	font-size: 13px;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2) .l-trigger {
	height: 23px !important;
	right: 0;
	top: -1px;
	background: #459FFF;
	border: 1px solid #459FFF;
	width: 10px !important;
	cursor: default;
}
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2) .l-trigger-hover,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2) .l-trigger-pressed {
	background: #459FFF !important;
	border: 1px solid #459FFF !important;
	width: 10px !important;
	height: 23px !important;
	right: 0;
	top: -1px;
	cursor: default;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table .headRow {
	text-align: start;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table .inputText,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table select,
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table textarea {
	width: 100% !important;
	border: 1px solid #CCCCCC;
	border-radius: 0px;
	box-sizing: border-box;
	padding-left: 10px;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table .Wdate {
	border-radius: 0px;
	box-sizing: border-box;
	padding: 2px;
	height: auto;
	width: 100%;
	padding-left: 10px;
	border: 1px solid #CCCCCC;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table select {
	line-height: 20px;
	padding: 2px 2px 2px 6px;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-buttons {
	background: #fff;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-buttons .l-dialog-btn-inner {
	background-color: #459FFF;
	color: #fff;
	border-radius: 3px;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-buttons .l-dialog-btn-inner .l-dialog-btn {
	margin-right: 17px;
}

.l-dialog-frame-tck {
	display: none !important;
}

/* 鏂板 */
.listTable tr.listRow td {
	padding: 10px 0;
}
.formTable-wrap.one .formTable .l-trigger,
.formTable-wrap.one .formTable .l-trigger-hover,
.formTable-wrap.one .formTable .l-trigger-pressed,
.formTable-wrap.four .formTable .l-trigger,
.formTable-wrap.four .formTable .l-trigger-hover,
.formTable-wrap.four .formTable .l-trigger-pressed {
	right:0px;
}

.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2) {
	position: relative;
	padding: 5px 2px !important;
}
.l-dialog-tck div.attachement {
	margin-bottom: 25px;
}
.l-dialog-tck .l-dialog-table .l-dialog-body .l-dialog-content table td:nth-child(2)>div a.link.selectFile {
	position: absolute;
	bottom: 0;
	left: 0;
}
input[type="checkbox"]:disabled::before,
input[type="radio"]:disabled::before {
	background: #ececec;
}
.formTable .formInput div[name="div_attachment_container"] a.link {
	bottom: 0;
	top: auto;
}



/* 琛ㄧ被鍚� */
.sub-complete-grid {
	width: 60%;
	padding: 30px 60px;
	margin: 0 auto;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-color: #fff;
}
.sub-complete-grid  .table-grid th {
	border: 1px solid #EBEEF5;
	background-color: #F5F7FA;
	font-size: 14px;
	color: #4D4D4D;
	text-align: center;
	font-weight: lighter;
}
.sub-complete-grid .table-grid td {
	border: 1px solid #EBEEF5;
	text-align: center;
	font-size: 14px;
	word-break: break-word;
	line-height: 15px;
	padding: 10px 0;
}

/*鍥炬爣*/
.listTable tr.special-td a:first-child{
	background: url(../images/up.png) no-repeat left center;
}
.listTable tr.special-td a:nth-child(2){
	background: url(../images/down.png) no-repeat left center;
}
.listTable tr.special-td a:nth-child(3){
	background: url(../images/before.png) no-repeat left center;
}
.listTable tr.special-td a:nth-child(4){
	background: url(../images/after.png) no-repeat left center;
}
.listTable tr.special-td a:last-child{
	background: url(../images/del.png) no-repeat left center;
}
.listTable .oprate-item a.oprate {
	background: url(../images/more.png) no-repeat left center;
}
.listTable .oprate-item a.oprate-xs {
	background: url(../images/more.png) no-repeat left center;
}
a.download{
	background:url(../images/arrow.png) 0 1px no-repeat;
	display:inline-block;
	height:14px;
	margin-left:8px;
	overflow:hidden;
	width:14px;
	text-decoration:none;
}
a.cancel{
	background:url(../images/cancel.png) 0 1px no-repeat;
	display:inline-block;
	height:14px;
	margin-left:8px;
	overflow:hidden;
	width:14px;
	text-decoration:none;
}

/*缂栬緫妯″紡*/
.view .formTable-wrap{
	width:100%;
	padding:0px;
}
.view .formTable input[type="text"],.view .formTable select {
	width: 90%;
	margin-top: 20px;
}
.view table.formTable, .view td.teamHead,.view td.formTitle,.view td.formInput{
	border:1px  solid #000;
}

div[type="subtable"]  table span.attachement-span {
	display: inline-block;
	padding: 1px 3px 1px 5px;
	max-width: 100%;
	margin: 0 10px;
}
div[type="subtable"]  table span.attachement-span > span {
	display: inline-block;
}
div[type="subtable"]  table span.attachement-span > span a.attachment {
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
}
div[type="subtable"] table span.attachement-span > a.download {
	margin-left: -2px;
}

.listTable td.formInput textarea {
	font-size: 14px;
	padding-left: 10px;
	border: 1px solid #ced7e0;
	width: 95%;
}
.listTable td.formInput .l-text-wrapper {
	height: auto !important;
	width: 96% !important;
}
.listTable td.formInput .l-text-wrapper .l-text {
	width: 100% !important;
	height: 30px !important;
	padding: 2px;
	border-radius: 3px;
	border: 1px solid #ced7e0;
}
.listTable td.formInput .l-text-wrapper .l-text input {
	width: 96% !important;
	height: 32px !important;
}
.listTable td.formInput .l-text-wrapper .l-text .l-trigger,
.listTable tr.listRow td .l-text-wrapper .l-text .l-trigger {
	height: 34px !important;
	top: -1px;
	right: -1px;
	background: #459FFF;
	border: 1px solid #459FFF;
}
.listTable td.formInput > div input.role,
.listTable td.formInput > div input.roles,
.listTable td.formInput > div input.user,
.listTable td.formInput > div input.users,
.listTable td.formInput > div input.org,
.listTable td.formInput > div input.orgs,
.listTable td.formInput > div input.position,
.listTable td.formInput > div input.positions,
.listTable tr.listRow td > div input.role,
.listTable tr.listRow td > div input.roles,
.listTable tr.listRow td > div input.user,
.listTable tr.listRow td > div input.users,
.listTable tr.listRow td > div input.org,
.listTable tr.listRow td > div input.orgs,
.listTable tr.listRow td > div input.position,
.listTable tr.listRow td > div input.positions {
	width: 90%;
	height: 30px;
	padding: 2px;
	border: 1px solid #ced7e0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.listTable td.formInput > div a.role,
.listTable td.formInput > div a.roles,
.listTable td.formInput > div a.user,
.listTable td.formInput > div a.users,
.listTable td.formInput > div a.org,
.listTable td.formInput > div a.orgs,
.listTable td.formInput > div a.position,
.listTable td.formInput > div a.positions,
.listTable tr.listRow td > div a.role,
.listTable tr.listRow td > div a.roles,
.listTable tr.listRow td > div a.user,
.listTable tr.listRow td > div a.users,
.listTable tr.listRow td > div a.org,
.listTable tr.listRow td > div a.orgs,
.listTable tr.listRow td > div a.position,
.listTable tr.listRow td > div a.positions {
	padding: 0 13px;
	height: 37px;
	display: inline-block;
	background: #459FFF;
	line-height: 37px;
	color: #fff;
	font-size: 14px;
}
.listTable td.formInput div[name="div_attachment_container"] {
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 40px;
}
.listTable td.formInput div[name="div_attachment_container"] a.link {
	left: 6px;
}
.listTable td.formInput div[name="div_attachment_container"] a.link,
.listTable tr.listRow td div[name="div_attachment_container"] a.link {
	position: absolute;
	top: auto;
	bottom: 0;
	line-height: 36px;
	height: 36px;
	padding: 0 15px;
	background: #459FFF;
	color: #fff;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.listTable td.formInput select {
	width: 96.5%;
	font-size: 14px;
	padding-left: 10px;
	padding: 2px 10px;
	border: 1px solid #ced7e0;
}
.listTable td.formInput input[type="checkbox"],
.listTable td.formInput input[type="radio"] {
	width: 20px !important;
}
.listTable td.formInput input.Wdate {
	height: 36px;
}
.l-tab .l-tab-l {
	position: fixed;
	height: 400px;
	background: #fff;
	width: 150px;
	top: 110px;
	border: 1px solid #eee;
}


.l-tab-l .l-tab-links {
	position: relative;
	top: 0;
	right: 0;
	background: #fff;
}


.l-tab-l .l-tab-links ul {
	position: relative;
	width: 100%;
	background: #fff;
	height: auto;
}


.l-tab-l .l-tab-links li {
	position: relative;
	width: 100%;
	margin: 0;
	background: #e8f0fe;
}


.l-tab-l .l-tab-links li a {
	color: #000;
	width: 100%;
	display: block;
	padding: 0;
	text-align: center;
}


.l-tab-l .l-tab-links li.l-selected {
	background: #459FFF;
}


.l-tab-l .l-tab-links li.l-selected a {
	background: none;
	color: #fff;
	text-align: center;
	width: 100%;
	padding: 0;
	border-radius: 0;
}
.formTable-wrap {
	margin-top: 30px;
}

table.listTable tr.listRow td {
	border: none;
	white-space: nowrap;
	padding: 0 5px;
}

table.listTable tr.listRow td .select2-container{
	width: auto !important;
}

table.listTable tr.listRow td .select2-container .select2-choice{
	width: 120px;
}

table.listTable tr.listRow td .select2-container .select2-choice{
	width: 120px;
}

table.listTable tr.listRow td .select2-container .select2-choices{
	width: 200px;
	padding-right: 0;
}

table.listTable tr.listRow td .link {
	height: 35px !important;
	line-height: 35px !important;
	vertical-align: middle;
}

/* 绉诲姩绔� */
@media only screen and (max-width:480px) {
	.noprint > table.table-grid {
		width:100% !important;
	}
	.listTable .child-menu {
		padding-left: 5px;
		width: 85px;
	}
	.listTable .child-menu>ul>li a {
		font-size: 12px;
		diaplay: block;
	}
	div[type="sub"] {
		width: 100%;
		padding: 0px 15px;
		box-sizing: border-box;
		clear: both;
	}

	.panel-toolbar a.link {
		padding: 0 7px;
	}
	.sub-complete-grid {
		width: 100% !important;
		box-sizing: border-box;
		clear: both;
		border-radius: 0;
		padding: 10px !important;
	}
	.sub-complete-grid .table-grid {
		table-layout: fixed;
	}
	.sub-complete-grid .table-grid th {
		height: auto;
		line-height: 25px;
		white-space: pre-wrap;
	}
	.formTable-wrap.three .formTable td.formTitle{
		text-align: left;
	}
	.panel-toolbar a.print {
		display:none;
	}
	.formTable-wrap {
		width: 100%;
		padding: 0px 15px;
		box-sizing: border-box;
		clear: both;
	}
	.formTable td.formTitle {
		/*width: 100% !important;*/
		display: block;
		text-align: left;
		padding-bottom: 0px;
		overflow: hidden;
	}
	.formTable td.formInput>div>a.link {
		right: -1px;
	}
	.formTable tbody#qt>tr>td.formInput {
		width: calc(100% - 35px);
	}
	.formTable td.formInput {
		display: block;
		width: 100% !important;
		padding-left: 0px;
		margin-bottom: 0px;
		padding-bottom: 10px;
		margin-top: 8px;
	}
	.formTable td.teamHead p {
		width: 100%;
	}
	.formTable td.formInput label {
		margin-top: 3px;
		margin-bottom: 5px;
	}
	.content,
	div[type="subtable"] {
		width: 100%;
		padding: 0px 15px;
		box-sizing: border-box;
	}
	div[type="subtable"]:last-of-type {
		padding: 0 15px 20px;
	}
	.l-tab-links {
		right: 0;
	}
	.l-dialog-tck {
		width: 100%;
		position: fixed;
		top: 10% !important;
	}
	.listTable td.formInput input {
		box-sizing: border-box;
	}
	.listTable td.formTitle {
		width: 50px !important;
		word-break: break-word;
	}
	.panel-toolbar {
		float: right;
		width: 100%;
		height: auto;
		margin-bottom: 20px;
		padding: 15px 0;
	}
	.panel-toolbar a.link span {
		display: none;
	}
	.panel-toolbar a.close {
		background: none !important;
	}
	.group {
		float: right;
		margin-right: 5px;
		margin-bottom: 5px;
		margin-top: 2px;
	}
	.formTable .l-trigger,
	.formTable .l-trigger-hover,
	.formTable .l-trigger-pressed {
		right: -1px !important;
	}
	.formTable td.formInput>div>a.link {
		right: 1px !important;
	}
	div[type="subtable"] table {
		table-layout: fixed;
	}
}

/*瀛愯〃鑷€傚簲鏍峰紡*/
.firstRow.last-title {
	width:100%;
	line-height: 30px;
}
.last-title .formHead {
	color: #363E62;
	font-size: 18px;
	padding-bottom: 15px;
}
.last-title .formHead p {
	border-bottom: 1px dashed #89969F;
	padding-bottom: 5px;
	margin: 10px 0px 25px 0px;
	text-align: left;
}
.last-title .formHead span {
	border-left: 5px solid #459FFF;
	padding: 0px 8px;
}
.chooseJumpType {
	clear: both;
	display: inline-block;
}
.chooseJumpType span {
	display:inline-block;
}
.noprint > table.table-grid {
	margin: 0 auto;
	margin-top: 10px;
	width: 70%;
}

.listTable .listRow .oprate-item .oprate-inner.mobile{
	display:none;
}

.listTable .listRow .oprate-item .oprate-inner{
	display:inline-block;
}

.panel-toolbar .toolBar .mobileLogo {
	display:none;
}

.panel-toolbar .toolBar > div.flowLogo {
	float: left;
	width: 25%;
}
.panel-toolbar .toolBar > div.flowButton {
	float: left;
	width: 75%;
}

.formTable-wrap .formInput > span {
	display: inline-block;
	width: 100%;
	line-height: 30px;
	background-color: #F0F0F0;
	border: 1px solid #E6E6E6;
	box-sizing: border-box;
	padding-left: 15px;
	min-height: 30px;
}

.formTable-wrap .attachement span {
	display: inline-block;
	line-height: 30px;
	background-color: #F0F0F0;
	border: 1px solid #E6E6E6;
	box-sizing: border-box;
	padding-left: 15px;
	min-height: 30px;
}

.status-img {
	position: absolute;
	left: 75%;
	top: 16%;
}

/* 閲嶅啓select2鏍峰紡 */
.select2-container{
	position: relative;
	box-sizing: border-box !important;
	padding: 0;
	min-height: 35px;
	line-height: 35px;
	border: 1px solid #E6E6E6;
	border-radius: 3px;
	overflow: hidden;
}

.select2-container .my-select2-clear{
	position: absolute;
	right: 4px;
	top: 9px;
	width: 14px;
	height: 14px;
	line-height: 14px;
	text-align: center;
	background: url(../../techblue/css/select2-3.5.4/select2.png) right top no-repeat;
	cursor: pointer;
}

.select2-container .my-select2-clear:hover{
	background-position: right -11px;
}

.select2-container .select2-arrow{
	display: none !important;
}

.select2-container .select2-choice{
	padding-left: 15px;
	height: auto;
	border: none;
	background: none;
}

.select2-container .select2-choice .select2-chosen{
	padding: 0;
	height: auto;
	line-height: 33px;
	border: none;
	background: none;
}

.select2-container .select2-choices{
	background-image: none;
	border: none;
}

.select2-container .select2-choices .select2-search-field{
	line-height: 33px !important;
}

.select2-container .select2-choices .select2-input{
	padding: 0 0 0 15px !important;
	height: 33px;
	margin: 0 !important;
	line-height: 33px;
}

.table-scroll {
	width:100%;
	overflow-x: auto;
	overflow-y: hidden;
}

.formInput .select2-container{
	display: block;
	width: auto !important;
	margin-right: 54px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

@media only screen and (max-width:768px){
	.panel-toolbar .toolBar .mobileLogo {
		display:block;
		padding-left:15px;
	}
	.panel-toolbar .toolBar .pcLogo {
		display:none;
	}

	.panel-toolbar .toolBar > div.flowLogo {
		float: left;
		width: 15%;
	}
	.panel-toolbar .toolBar > div.flowButton {
		float: left;
		width: 85%;
	}

	.listTable .listRow .oprate-item .oprate-inner{
		display:none;
	}
	.listTable .listRow .oprate-item .oprate-inner.mobile{
		display:inline-block;
	}

	.headRow th,
	.listRow td {
		min-width: 150px;
	}
	div[type="subtable"] table {
		table-layout:auto !important;
		overflow-x: scroll;
		min-width: 100%;
	}
	.l-tab-l {
		position: relative !important;
		float: left;
		height: auto !important;
		width: 100% !important;
		top: 0 !important;
	}
	.l-tab-l .l-tab-links {
		top: 0 !important;
		right: 0 !important;
	}
	.l-tab-l .l-tab-links li {
		width: 50%;
	}

	.status-img {
		position: absolute;
		left: 70%;
		top: 20%;
	}
}