@CHARSET "utf-8";

/*===== 系统通用 =====*/
html {overflow:auto; overflow-x:auto;}
body {background-color:#333333; margin:0px; padding:0px; text-align:center; font-family:"Microsoft YaHei"; font-size:14px;}
iframe {border:none; margin:0; padding:0;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;}
img{border:0;}

/*===== 页面布局 =====*/
.page-box {width:1210px; height:auto; border-style:none solid solid solid; border-width:1px; border-color:#D7D7D7; background-color:#FDFDFD;  height:auto; margin:auto;}
.sub-page-box {width:1210px; height:auto; border-style:none solid solid solid; border-width:1px; border-color:#D7D7D7; background-color:#FDFDFD;  height:auto; margin:auto;}
.select-page-box {width:990px; height:auto; border-style:none solid solid solid; border-width:1px; border-color:#D7D7D7; background-color:#FDFDFD;  height:auto; margin:auto;}

/*===== 字体大小 =====*/ 
.fs_12 {font-size:12px;}
.fs_14 {font-size:14px;}
.fs_16 {font-size:16px;}
.fs_18 {font-size:18px;}
.fs_20 {font-size:20px;}
.fs_22 {font-size:22px;}

/*===== 字体颜色 =====*/ 
.color-carmine {color:#990000;}
.color-gray {color:#666666;}
.color-white {color:#FFFFFF;}
.color-blue {color:#0099FF;}
.color-green {color:#009900;}
.color-orange {color:orange;}
.color-red{color:red;}
.color-black{color:#000000;}

.color-opened {color:#009900;}
.color-closed {color:#999999;}
.color-warn {color:#CC0000;}
.color-force-input {color:#FF0000;}

.color-none {color:#999999;}
.color-doing {color:#990000;}
.color-done {color:#009900;}

.color-stat-number {color:#0099FF;}
.color-stat-number-label {color:#990000;}
.color-stat-number-label-green {color:#009900;}
.color-stat-number-space {color:#999999}

/*===== 背景颜色 =====*/
.bg-color-light-green {background-color:#EAFFF4;}
.bg-color-light-yellow {background-color:#F9FBD1;}
.bg-color-light-blue {background-color:#DBFBFF;}
.bg-color-orange {background-color:#FF6600;}
.bg-color-green {background-color:#009900;}
.bg-color-high-green {background-color:#00CC00;}
.bg-color-blue {background-color:#0099FF;}
.bg-color-data-row {background-color:#F2F2F2;}


/*===== 按钮 =====*/
.btn {cursor: pointer; border:0px; font-family:"宋体"; font-size:14px; color:#FFFFFF; overflow:visible;}

.btn-search {background:url(../img/btn_search.png); width:78px; height:26px;}
.btn-search-hover {background:url(../img/btn_search_hover.png);}

.btn-reset {background:url(../img/btn_reset.png); width:78px; height:26px; color:#999999;}
.btn-reset-hover {color:#333333;}

.btn-create {background:url(../img/btn_create.png); width:117px; height:36px;}
.btn-create-hover {background:url(../img/btn_create_hover.png);}

.btn-return {background:url(../img/btn_return.png); width:80px; height:36px;}
.btn-return-hover {background:url(../img/btn_return_hover.png);}

.btn-exit {background:url(../img/btn_exit.png); width:32px; height:32px;}

.btn-select-item {background:url(../img/btn_select_item.png); width:74px; height:28px;}
.btn-select-item-hover {background:url(../img/btn_select_item_hover.png);}

.btn-action {background:url(../img/btn_action.png); width:109px; height:36px;}
.btn-action-hover {background:url(../img/btn_action_hover.png);}

.btn-short-action {background:url(../img/btn_short_action.png); width:81px; height:36px;}
.btn-short-action-hover {background:url(../img/btn_short_action_hover.png);}

.btn-login {background:url(../img/btn_login.png); width:200px; height:36px;}
.btn-login-hover {background:url(../img/btn_login_hover.png);}

.btn-edit-action {background:url(../img/btn_edit_action.png); width:111px; height:36px;}
.btn-edit-action-hover {background:url(../img/btn_edit_action_hover.png);}

.btn-save-long {background:url(../img/btn_save_long.png); width:186px; height:44px;}
.btn-save-long-hover {background:url(../img/btn_save_long_hover.png);}

.btn-page {background:url(../img/btn_page.png); width:45px; height:28px;}
.btn-page-hover {background:url(../img/btn_page_hover.png);}

/*===== 标签 =====*/
.lb-query {font-size:12px; color:#666666; text-align:right; margin-left:5px; -display:inline;}

.lb-edit-left {-padding-top:2px; float:left; font-size:12px; width:100px; height:26px; line-height:26px; color:#868686; text-align:right; margin-right:5px; -display:inline;}
.lb-edit-right {-padding-top:2px; float:left; font-size:12px; width:175px; height:26px; line-height:26px; color:#868686; text-align:right; margin-right:5px; -display:inline;}

.lb-help-left {margin-left:95px; float:left; font-size:12px; width:220px; height:22px; line-height:22px; color:#999999; text-align:left; -display:inline;}
.lb-help-left-long {width:600px;}
.lb-help-right {margin-left:180px; float:left; font-size:12px; width:220px; height:22px; line-height:22px; color:#999999; text-align:left; -display:inline;}

/*===== 查询条件编辑 =====*/
.query-input-text {width:100px; border-width:1px; border-style:none none solid none; border-color:#CCCCCC; font-size:14px; background-color:#FDFDFD; color:#000000}
.query-input-text-long {width:150px;}
.query-input-select {width:100px; border-width:1px; border-style:none none solid none; border-color:#CCCCCC; font-size:14px; background-color:#FDFDFD; color:#000000}
.query-input-select-long {width:150px;}

/*===== 编辑区域 =====*/
.edit-input-text {float:left; padding-left:5px; padding-right:5px; width:220px; height:26px; line-height:26px; border-width:1px; border-style:solid; border-color:#D7D7D7; font-size:14px; background-color:#FFFFFF; color:#000000;}
.edit-input-text-long {width:620px;}
.edit-input-text-short {width:30px;}
.edit-input-text-short50 {width:50px;}
.edit-input-text-disabled {background-color:#F2F2F2;}
.edit-text-area {float:left; padding:5px; width:620px; height:100px; border-width:1px; border-style:solid; border-color:#D7D7D7; font-size:14px; background-color:#FFFFFF; color:#000000}
.edit-text-area-long {height:200px;}
.edit-text-area-article {height:600px;}
.edit-html-editor {float:left; width:600px;}
.edit-select {float:left; width:220px; height:26px; line-height:26px; border-width:1px; border-style:solid; border-color:#D7D7D7; font-size:14px; background-color:#FFFFFF; color:#000000}

/*===== 编辑区域-多列 =====*/ 
.edit-row-box {width:620px; height:auto; float:left; border-width:1px; border-style:solid; border-color:#D7D7D7;}
.edit-row {}
.edit-row-1-height {height:56px; line-height:56px;}
.edit-row-2-height {height:96px; line-height:96px;}
.edit-row-3-height {height:136px; line-height:136px;}
.edit-row-item {float:left; padding-left:10px; width:290px; text-align:left; margin-left:10px; margin-top:15px; -display:inline; height:28px; line-height:28px; }
.edit-row-item-long {width:600px;}
.edit-row-item-short {width:130px;}

/*===== 编辑区域-表格 =====*/
.edit-table-box {float:left; width:620px; height:auto; border-width:1px; border-style:solid; border-color:#D7D7D7; line-height:26px; padding-top:10px; padding-bottom:10px;}
.edit-table {width:580px; text-align:center; margin:auto; table-layout:fixed;}
.edit-table tbody {font-size:14px;}
.edit-table tbody tr {font-size:14px; font-weight:100; color:#333333; height:45px;}
.edit-table tbody tr td {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:30px; height:30px; border-bottom:1px solid #D7D7D7;}
.edit-table tbody tr .line-none {border-bottom:0px none #D7D7D7;}
.edit-table tbody tr td .row-icon {width:20px; height:20px; vertical-align:middle; margin-right:2px; -display:inline;}
.edit-table tbody tr .action {font-size:12px; color:#BBBBBB; line-height:30px;}
.edit-table tbody tr a{text-decoration:none; color:#3399FF; font-size:12px;}
.edit-table tbody tr a:hover{text-decoration:underline;}
.edit-table tbody tr td .action-line {width:3px; height:15px; vertical-align:middle;margin-left:5px; margin-right:3px; -display:inline;}

/*===== 编辑区域-选择操作 =====*/
.edit-select-action {width:690px; font-size:16px; color:#333333; line-height:36px; height:36px; text-align:right; padding-right:20px;}
.edit-select-action a{text-decoration:none; color:#333333; vertical-align:bottom; line-height:36px; height:36px;}
.edit-select-action a:hover{text-decoration:underline; color:#990000;}
.edit-select-action img {width:36px; height:36px; line-height:36px; vertical-align:bottom;}

/*===== 编辑区域-帮助 =====*/
.edit-help-box {float:left; text-align:left; margin-left:130px; margin-top:10px; _display:inline; font-size:12px; color:#666666;}
.edit-help-box img {width:16px; height:16px;}
.edit-help-box .important {color:#990000;}

/*===== 浮动 =====*/
.fn {float:none;}
.fl {float:left;}
.fr {float:right;}
.cf {clear:both; font-size:0px; height:0px;}

/*===== 文字对齐 =====*/
.tl {text-align:left;}
.tr {text-align:right;}
.tc {text-align:center;}
.text-overflow { 
	word-break:keep-all;/* 不换行 */ 
	white-space:nowrap;/* 不换行 */ 
	overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */ 
	text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/ 
}

/*===== 垂直对齐 =====*/
.vt {vertical-align:top;}
.vb {vertical-align:bottom;}
.vm {vertical-align:middle;}

/*===== 外边距 =====*/
.ml_2 {margin-left:2px; -display:inline;}
.ml_3 {margin-left:3px; -display:inline;}
.ml_5 {margin-left:5px; -display:inline;}
.ml_10 {margin-left:10px; -display:inline;}
.ml_15 {margin-left:10px; -display:inline;}
.ml_20 {margin-left:20px; -display:inline;}
.ml_30 {margin-left:30px; -display:inline;}
.ml_40 {margin-left:40px; -display:inline;}
.ml_50 {margin-left:50px; -display:inline;}
.ml_60 {margin-left:60px; -display:inline;}
.ml_70 {margin-left:70px; -display:inline;}
.ml_80 {margin-left:80px; -display:inline;}

.mr_2 {margin-right:2px; -display:inline;}
.mr_3 {margin-right:3px; -display:inline;}
.mr_5 {margin-right:5px; -display:inline;}
.mr_10 {margin-right:10px; -display:inline;}
.mr_15 {margin-right:15px; -display:inline;}
.mr_20 {margin-right:20px; -display:inline;}
.mr_30 {margin-right:30px; -display:inline;}
.mr_40 {margin-right:40px; -display:inline;}
.mr_50 {margin-right:50px; -display:inline;}
.mr_60 {margin-right:60px; -display:inline;}

.mt_2 {margin-top:2px; -display:inline;}
.mt_3 {margin-top:3px; -display:inline;}
.mt_5 {margin-top:5px; -display:inline;}
.mt_10 {margin-top:10px; -display:inline;}
.mt_15 {margin-top:15px; -display:inline;}
.mt_20 {margin-top:20px; -display:inline;}
.mt_30 {margin-top:30px; -display:inline;}
.mt_40 {margin-top:40px; -display:inline;}
.mt_50 {margin-top:50px; -display:inline;}
.mt_60 {margin-top:60px; -display:inline;}
.mt_65 {margin-top:65px; -display:inline;}
.mt_70 {margin-top:70px; -display:inline;}

/*===== 内边距 =====*/
.pt_2 {padding-top:2px; -display:inline;}
.pt_3 {padding-top:3px; -display:inline;}
.pt_5 {padding-top:5px; -display:inline;}
.pt_10 {padding-top:10px; -display:inline;}
.pt_15 {padding-top:15px; -display:inline;}
.pt_20 {padding-top:20px; -display:inline;}

.pl_5 {padding-left:5px; -display:inline;}
.pl_10 {padding-left:10px; -display:inline;}
.pl_15 {padding-left:15px; -display:inline;}
.pl_20 {padding-left:20px; -display:inline;}

.pb_10 {padding-bottom:10px; -display:inline;}
.pb_20 {padding-bottom:20px; -display:inline;}
.pb_30 {padding-bottom:30px; -display:inline;}
.pb_40 {padding-bottom:40px; -display:inline;}
.pb_50 {padding-bottom:50px; -display:inline;}

/*===== 数据列表表格 =====*/
.table-data-list {width:100%; text-align:center; margin:auto; table-layout:fixed; border:0px; cellpadding:0px; cellspacing:0px; border-collapse:collapse;}
.table-data-list th {font-size:12px; font-weight:100; color:#999999; line-height:30px; height:30px; border-top:1px solid #D7D7D7; border-bottom:1px solid #D7D7D7; }
.table-data-list tbody {font-size:14px;}
.table-data-list tbody tr {font-size:14px; font-weight:100; color:#333333; height:45px;}
.table-data-list tbody tr td {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:30px; height:30px; border-top:1px solid #D7D7D7; border-bottom:1px solid #D7D7D7;}
.table-data-list tbody tr td .row-icon {width:20px; height:20px; vertical-align:middle; margin-right:2px; -display:inline;}
.table-data-list tbody tr .action {font-size:12px; color:#BBBBBB; line-height:30px;}
.table-data-list tbody tr .action a{text-decoration:none; color:#3399FF;}
.table-data-list tbody tr .action a:hover{text-decoration:underline;}
.table-data-list tbody tr td .action-line {width:3px; height:15px; vertical-align:middle;margin-left:5px; margin-right:3px; -display:inline;}

/*===== 分页 =====*/
.paginate-result {width:350px; text-align:center; color:#666666; height:50px; margin-top:10px;}
.paginate-result .btn-paginate {width:56px; height:26px; font-family:"Microsoft YaHei"; font-size:14px; background-color:#FDFDFD; color:#666666; vertical-align:middle;}
.paginate-result .btn-paginate-hover {background:url(../img/btn_paginate.png);}
.paginate-result .select-page-number {width:70px; height:26px; vertical-align:middle;}
.paginate-result span {line-height:26px; vertical-align:middle; margin-left:10px; -display:inline;}
.paginate-result span label {color:#333333;}

/*===== DIV边框阴影 =====*/
.div-shadow{
	border:#E4E4E4 1px solid;background:#FFFFFF; color:#333333;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#E4E4E4,direction=120,strength=4);/*兼容ie*/
	-moz-box-shadow: 2px 2px 10px #E4E4E4;/*兼容firefox*/
	-webkit-box-shadow: 2px 2px 10px #E4E4E4;/*兼容safari或chrome*/
	box-shadow:2px 2px 10px #E4E4E4;/*兼容opera或ie9*/
}

/*===== DIV边框阴影 =====*/
.div-shadow-deep{
	margin:auto;overflow:hidden;margin-top:20px;
	border:#909090 1px solid;background:#fff;color:#333;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=6);/*兼容ie*/
	-moz-box-shadow: 2px 2px 10px #909090;/*兼容firefox*/
	-webkit-box-shadow: 2px 2px 10px #909090;/*兼容safari或chrome*/
	box-shadow:2px 2px 10px #909090;/*兼容opera或ie9*/
}

/*===== 进度条 =====*/
.process-bar {width: 150px; border: 1px solid #B1D632; padding:1px; height:7px; line-height:7px; font-size:0px; text-align:left;} 
.process-bar div {display:block; position:relative; background:green; color:#333333; height:7px; line-height:7px; -display:inline; font-size:0px;} 

/*===== 弹出框 =====*/
.popup-box {display:none; width:990px; height:750px; border:1px solid #990000;  background:#FFFFFF; border-radius:2px; box-shadow:0 3px 6px rgba(0,0,0,0.5); position:fixed; left:50%; top:100px; _top:100px; z-index:999;}
.popup-box-mask {display:none; width:100%; height:100%; position:absolute; top:0px; left:0px; background:#FFFFFF; opacity:.7; filter:alpha(opacity=70);}