* {
  outline: none;
  box-sizing: border-box;
}
#extendQueryBody .form-group div:first-of-type{
  top: 0 !important;
}
html {
  scrollbar-face-color: #DDEEFF;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-shadow-color: #689ee4;
  scrollbar-3dlight-color: #689ee4;
  scrollbar-arrow-color: #6688AA;
  scrollbar-darkshadow-color: #DDEEFF;
}

body {
  font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, SimSun, sans-serif;
  font-size: 12px;
  color: #333;
  padding: 0;
  margin: 0;
  line-height: 200%;
  border: 0;
  text-align: left;
}

td {
  word-break: keep-all;
}

.body_content {
  background-color: #FFFFFF;
  margin: 0px;
  overflow-y: auto;
  overflow-x: hidden;
}

.body_content ul {}

.body_content li {
  list-style: none;
  text-align: left;
}

::scrollbar {
  width: 8px;
  height: 8px;
  background-color: #fff
}

::scrollbar-track {
  background-color: #fefefe;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4);
  box-shadow: inset 0 0 6px rgba(0,0,0,0.4)
}

::scrollbar-track:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4);
  box-shadow: inset 0 0 6px rgba(0,0,0,0.4);
  background-color: #fefefe
}

::scrollbar-track:active {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4);
  box-shadow: inset 0 0 6px rgba(0,0,0,0.4);
  background-color: #f0f0f0
}

::scrollbar-thumb {
  background-color: rgba(0,0,0,0.2);
  border-radius: 10px;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.1);
  box-shadow: inset 1px 1px 0 rgba(0,0,0,0.1)
}

::scrollbar-thumb:hover {
  background-color: rgba(0,0,0,0.4);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.1);
  box-shadow: inset 1px 1px 0 rgba(0,0,0,0.1)
}

::scrollbar-thumb:active {
  background: rgba(0,0,0,0.6)
}

a {
  outline: none;
  blr: expression(this.onFocus=this.blur ());
}

a:link {
  TEXT-DECORATION: none
}

a:visited {
  TEXT-DECORATION: none
}

a:hover {
  COLOR: #ff7f24;
  text-decoration: underline;
}

a:active {
  COLOR: #ff7f24;
  text-decoration: underline;
}

.l-panel * {
  box-sizing: content-box;
}

/* 全局统一样式 */
table.trace-history-data-list,
table.trace-history-list-head {
  table-layout: fixed;
  min-width: 100%;
  border-collapse: collapse;
}

table.trace-history-data-list .data-time,
table.trace-history-list-head .data-time {
  width: 160px;
}

table.trace-history-list-head th,
table.trace-history-data-list td,
table.trace-history-data-list th {
  text-align: center;
  font-weight: normal;
}

table.trace-history-list-head th,
table.trace-history-data-list th {
  padding: 8px 2px;
  color: #AAA;
}

table.trace-history-list-head th:last-child,
table.trace-history-data-list th:last-child {
  padding: 0;
}

table.trace-history-data-list {
  margin-top: -47px;
}

table.trace-history-data-list td,
table.trace-history-list-head td {
  padding: 8px 2px;
  color: #666;
  width: auto;
}

table.trace-history-list-head td {
  color: rgba(0, 0, 0, 0);
}

table.trace-history-data-list tr.warn {
  BACKGROUND-COLOR: #FCEBE6;
}

table.trace-history-data-list tr.warn td {
  color: #F04B6D;
}

table.trace-history-data-list tbody tr td:first-child {
  color: #333;
}

table.trace-history-data-list tbody tr:not(.warn):nth-child(odd) {
  background-color: #F7F7F9;
}

.traceListPoints {
  position: absolute;
  z-index: 999;
  padding: 5px 10px;
  border-radius: 17px;
  background-color: #fff;
  font-size: 14px;
  cursor: pointer;
}

.traceListPoints .blue {
  font-style: normal;
  font-weight: bold;
  color: #4F91FF;
  font-size: 14px;
}

.traceListWrapper {
  padding-top: 0;
  position: absolute;
  z-index: 1000;
  height: 420px;
  background: #fff;
  left: auto;
  overflow: hidden;
  display: none;
}

.traceListWrapper .head-box {
  height: 79px;
  overflow: hidden;
}

.traceListWrapper h3 {
  font-size: 14px;
  padding-left: 10px;
  padding-right: 20px;
  height: 42px;
  line-height: 42px;
  border-bottom: 1px solid #eee;
  background-color: #F7F7F9;
  margin: 0px;
}

.traceListWrapper h3 .bor {
  display: inline-block;
  height: 16px;
  width: 4px;
  background-color: #4F91FF;
  margin-right: 6px;
  vertical-align: middle;
}

.traceListWrapper h3 a {
  color: #fff;
  font-weight: normal;
  float: right;
  background: #4F91FF;
  height: 30px;
  line-height: 30px;
  margin-top: 6px;
  padding: 0 10px;
  border-radius: 15px;
}

.traceListWrapper table {
  border-collapse: collapse;

}

.traceListWrapper .list-box .head-wrapper {
  visibility: hidden;
}

table.stop-point-table td {
  width: auto !important;
}

.l-highlight .l-grid-row-cell,
.l-highlight {
  background: #ffffd5;
}

.fileBtnUpload {
  text-align: left;
  background-color: transparent;
  background-position: left center;
  /*margin-top: -8px;*/
  background-repeat: no-repeat;
  display: block;
  font-size: 12.5px;
}

.fileBtn {
  width: 65px;
}

ul.accordion li.menubutton a span {
  top: -9px !important;
  left: -13px;
}

.upload-table {
  margin-left: 10px;
  width: auto;
}

#upload1 .icon_import {
  font-size: 12px;
}

#searchPanel {
  margin-left: 4px;
  padding-bottom: 5px;
}

#searchPanel .button {
  font-size: 12px;
}

.title #searchPanel {
  padding-top: 0;
}

#searchPanel table {
  border-collapse: collapse;
  border-spacing: 0;
}

#searchPanel input {
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  border: 1px solid #ccc;
  border-color: var(--basic-color);
  font-size: 12px;
  padding: 0 8px;
}

#searchPanel td {
  padding: 5px 5px 0px 0px;
}

#searchPanel td.form-label, #searchPanel .form-label {
  padding: 0 5px 0 0;
  text-align: right;
}

#searchPanel td.form-context, #searchPanel .form-context {
  padding: 0 8px 0 4px;
}

#searchPanel button + button {
  margin-left: 5px;
}

#searchPanel td .button + .button {
  margin-left: 0;
}

#searchPanel .btn {
  padding: 5px 10px;
  border-radius: 4px;
}

.page_title #searchPanel {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 12px;
}

.page_title #searchPanel input {
  height: 30px;
  line-height: 31px;
}

.page_title #searchPanel button {
  padding: 5px 10px;
}

.page_title #searchPanel .btn {
  padding: 5px 10px;
}

.page_title #searchPanel a[role="button"] {
  padding: 5px 10px;
}


.dynamicTab1 {
  height: 35px;
  margin: 0;
  padding: 0;
  font-size: 12px;
  position: relative;
  line-height: 30px;
  padding-top: 4px;
  white-space: nowrap;
  font-size: 12px;
}

.dynamicTab1 .tab_item {
  z-index: 100;
  white-space: nowrap;
  word-spacing: 0;
  border-collapse: collapse;
  float: left;
  cursor: hand;
  cursor: pointer;
  position: relative;
}

.dynamicTab1_float {
  width: 100px;
  position: absolute;
}

.dynamicTab1 .tab_item2_selected {
  border-bottom: 2px solid #0645FF;
  font-weight: bold;
}

.dynamicTab1 .tab_title {
  text-align: center;
  padding: 5px 10px;
  font-size: 12px;
}

.dynamicTab1 .tab_item1 {
  background-repeat: no-repeat;
  width: 4px;
  z-index: 100;
  white-space: nowrap;
}

.dynamicTab1 .tab_item2 {
  background-image: none;
  background-repeat: no-repeat;
  white-space: nowrap;
  z-index: 101;
}

.dynamicTab1 .tab_item3 {
  background-repeat: no-repeat;
  width: 4px;
}

.dynamicTab2 {
  margin: 0;
  padding: 0;
  font-size: 12px;
  height: 35px;
  position: relative;
  top: 0;
  line-height: 35px;
  width: 100%;
  border-bottom: 1px solid #E8EBF2;
  white-space: nowrap;
  overflow: hidden;
  background-repeat: repeat-x;
}

.dynamicTab2 .tab_item {
  line-height: 22px;
  z-index: 100;
  white-space: nowrap;
  word-spacing: 0;
  border-collapse: collapse;
  float: left;
  cursor: hand;
  cursor: pointer;
  position: relative;
}

.dynamicTab2_float {
  width: 100px;
  height: 32px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.15);
  border-bottom: 2px solid #409eff;
  top: -1px;
  left: 8px;
  z-index: 1;
}

.dynamicTab2 .tab_item2_selected {
  color: #409eff;
  font-weight: 100;
}

#Message_undefined {
  word-break: normal;
}

.dynamicTab2 .tab_title {
  width: 100px;
  text-align: center;
  margin: 4px;
  padding-top: 4px;
  line-height: 16px;
  font-size: 12px;
}

.dynamicTab2 .tab_item1 {
  background-image: none;
  background-repeat: no-repeat;
  width: 4px;
  z-index: 100;
  white-space: nowrap;
}

.dynamicTab2 .tab_item2 {
  background-image: none;
  background-repeat: repeat-x;
  white-space: nowrap;
  z-index: 101;
}

.dynamicTab2 .tab_item3 {
  background-image: none;
  background-repeat: no-repeat;
  width: 4px;
}

.dynamicTab2 .tab_hr {
  width: 100%;
  height: 2px;
  background: none;
  position: relative;
  top: 24px;
  z-index: 113;
  font-size: 0px;
  display: block;
}

.dynamicTab3 {
  height: 32px;
  margin: 0;
  padding: 5px;
  font-size: 12px;
  position: relative;
  top: 0;
  line-height: 32px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dynamicTab3 .tab_hr {
  width: 100%;
  height: 0px;
  background: #4b9ed5;
  position: relative;
  top: 27px;
  z-index: 113;
  font-size: 0px;
  display: block;
}

.dynamicTab3 .tab_item {
  line-height: 28px;
  z-index: 100;
  white-space: nowrap;
  word-spacing: 0;
  border-collapse: collapse;
  float: left;
  cursor: pointer;
  position: relative;
}

.dynamicTab3_float {
  width: 96px;
  height: 28px;
  position: absolute;
  top: 0px;
  left: 8px;
  color: #ffffff;
  z-index: 1;
  border-radius: 20px;
  background-color: #00c4ff;
}

.dynamicTab3 .tab_item2_selected {}

.dynamicTab3 .tab_title {
  width: 100px;
  text-align: center;
  font-size: 12px;
}

.dynamicTab3 .tab_item1 {
  background-image: none;
  background-repeat: no-repeat;
  width: 4px;
  z-index: 100;
  white-space: nowrap;
}

.dynamicTab3 .tab_item2 {
  background-image: none;
  background-repeat: no-repeat;
  white-space: nowrap;
  z-index: 101;
}

#lbox {
  padding: 0;
  background-color: #FFFFFF;
}

#rbox {
  padding: 0;
  background-color: #FFFFFF;
}

.box1 {}

.box1 .box_topcenter {
  width: 100%;
  height: 5px;
  overflow: hidden;
  line-height: 5px;
}

.box1 .box_topleft {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.box1 .box_topright {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.box1 .box_middlecenter {
  width: 100%;
  background-color: #ffffff;
}

.box1 .box_middleleft {
  width: 100%;
}

.box1 .box_middleright {
  width: 100%;
}

.box1 .box_bottomcenter {
  width: 100%;
  height: 0px;
  overflow: hidden;
  line-height: 0px;
}

.box1 .box_bottomleft {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.box1 .box_bottomright {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.box1 .boxContent {
  padding: 0px 0px 5px 0px;
  margin: 0px;
}

.box2 {
  padding: 0px;
}

.box2 .box_topcenter {
  width: 100%;
  height: 35px;
  line-height: 35px;
  border-bottom: 1px solid #DDD;
  overflow: hidden;
}

.box2 .box_topleft {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.box2 .box_topright {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.box2 .box_middlecenter {
  width: 100%;
  background-color: #ffffff;
  padding: 5px 0px;
}

.box2 .box_middleleft {
  width: 100%;
}

.box2 .box_middleright {
  width: 100%;
  padding-top: 3px;
}

.box2 .box_bottomcenter {
  width: 100%;
  height: 4px;
  overflow: hidden;
}

.box2 .box_bottomleft {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.box2 .box_bottomright {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.box2 .title {
  color: #585858;
  float: left;
  padding: 0px 0 0 10px;
  font-weight: bold;
  font-size: 14px;
}

.box2 .boxSubTitle {
  float: left;
}

.box2 .status {
  float: right;
  padding: 5px 10px 0 0;
  color: #204d89;
  height: 25px;
  line-height: 25px;
}

.box2 .boxContent {
  padding: 0px 10px 0 10px;
}

.box2 .ss {
  cursor: pointer;
  cursor: hand;
}

.box2 .ss a {
  color: #204d89;
  text-decoration: none;
}

.box2 .ss a:hover {
  color: #204d89;
  text-decoration: underline;
}

.box4 {
  padding: 0px;
  border: 1px #DDDDDD solid;
  margin: 5px 0px;
}

.box4_topcenter {
  width: 100%;
  height: 30px;
  overflow: hidden;
  border-bottom: 1px #DDDDDD solid;
  line-height: 30px;
}

.box4_topleft {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.box4_topright {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.box4_topcenter_notitle {
  width: 100%;
  height: 0px;
  overflow: hidden;
}

.box4_topleft_notitle {}

.box4_topright_notitle {}

.box4_middlecenter {
  width: 100%;
  background-color: #ffffff;
}

.box4_middleleft {
  width: 100%;
}

.box4_middleright {
  width: 100%;
}

.box4_bottomcenter {
  width: 100%;
  height: 5px;
  overflow: hidden;
}

.box4_bottomleft {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.box4_bottomright {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.box4 .title {
  color: #204d89;
  height: 26px;
  line-height: 26px;
  padding: 0px 0 0 10px;
  font-weight: bold;
}

.box4 .boxContent {
  padding: 0;
}

.box4 .boxContent .subtitle {
  padding: 0 3px 0 1px;
}

.box4 .boxContent .subtitle_con {
  height: 25px;
  width: 100%;
  line-height: 25px;
  text-indent: 10px;
  font-weight: bold;
  color: #204d89;
  border-left: solid 1px #ffffff;
  border-right: solid 1px #ffffff;
}

.box4 .boxContent .subtitle_con a {
  color: #204d89;
}

.box4 .boxContent .subtitle_con a:hover {
  color: #204d89;
}

.box4 .boxContent ul {
  padding: 0 0 8px 0;
}

.box4 .boxContent li {
  padding: 5px 0 0 4%;
}

.box4 .boxContent li a {
  display: block;
  width: 95%;
  height: 25px;
  line-height: 25px;
  border: solid 1px #aec9fe;
  text-indent: 10px;
}

.box4 .boxContent li a:hover {
  border: solid 1px #80c0e7;
  text-decoration: none;
  color: #0b5ea0;
}

.box4 .boxContent li .current {
  border: solid 1px #80c0e7;
  text-decoration: none;
  color: #0b5ea0;
}

.box4 .boxContent .line_dot {
  height: 4px;
  overflow: hidden;
  border-top: dotted 1px #619cc5;
}

.tooltip .top {
  padding: 30px 8px 0;
  display: block;
}

.tooltip .bottom {
  padding: 3px 8px 15px;
  color: #548912;
  display: block;
}

.tooltip_min .top {
  padding: 25px 8px 0;
  display: block;
}

.tooltip_min .bottom {
  padding: 3px 8px 5px;
  color: #548912;
  display: block;
}

.tooltip_mid .top {
  padding: 25px 8px 0;
  text-align: left;
  line-height: 150%;
  display: block;
}

.tooltip_mid .bottom {
  padding: 3px 8px 5px;
  color: #548912;
  text-align: left;
  line-height: 150%;
  display: block;
}

.tooltip_r .top {
  padding: 10px 8px 5px;
  display: block;
}

.tooltip_r .bottom {
  padding: 30px 8px 0px;
  color: #548912;
  display: block;
}

.tooltip_min_r .top {
  padding: 10px 8px 5px;
  display: block;
}

.tooltip_min_r .bottom {
  padding: 25px 8px 0px;
  color: #548912;
  display: block;
}

.tooltip_mid_r .top {
  padding: 10px 8px 5px;
  display: block;
}

.tooltip_mid_r .bottom {
  padding: 25px 8px 0px;
  color: #548912;
  display: block;
}

.tooltip_s .top {
  padding: 30px 8px 0;
  display: block;
}

.tooltip_s .bottom {
  padding: 3px 8px 15px;
  color: #548912;
  display: block;
}

.tooltip_min_s .top {
  padding: 25px 8px 0;
  display: block;
}

.tooltip_min_s .bottom {
  padding: 3px 8px 5px;
  color: #548912;
  display: block;
}

.tooltip_mid_s .top {
  padding: 25px 8px 0;
  text-align: left;
  line-height: 150%;
  display: block;
}

.tooltip_mid_s .bottom {
  padding: 3px 8px 5px;
  color: #548912;
  text-align: left;
  line-height: 150%;
  display: block;
}

.formErrorContent {
  padding: 25px 8px 0;
  text-align: left;
  line-height: 150%;
  display: block;
}

.formErrorBottom {
  padding: 3px 8px 5px;
  color: #548912;
  text-align: left;
  line-height: 150%;
  display: block;
}

.dialog_borderWidth {
  width: 13px;
}

.dialog_title {
  padding: 10px 0px;
  float: left;
  font-weight: bold;
  color: var(--text-color);
}

.dialog_lt {
  height: 33px;
}

.dialog_ct {
  height: 35px;
  background-color: #ffffff;
  border-bottom: 1px #183EAD solid;
  vertical-align: top;
}

.dialog_rt {
  height: 33px;
}

.dialog_closebtn {
  border: 0;
  margin: 8px 0 0;
  margin-top: 5px;
  position: relative;
  top: auto;
  cursor: pointer;
  float: right;
  height: 17px;
  width: 28px;
}

.dialog_closebtn_over {
  border: 0;
  margin: 4px 0 0;
  *margin-top: 5px;
  position: relative;
  top: auto;
  cursor: pointer;
  float: right;
  height: 17px;
  width: 28px;
}

.dialog_maxbtn {
  display: none;
  border: 0;
  margin: 8px 0 0;
  position: relative;
  top: auto;
  cursor: pointer;
  float: right;
  height: 17px;
  width: 28px;
}

.dialog_minbtn {
  border: 0;
  margin: 8px 0 0;
  position: relative;
  top: auto;
  cursor: pointer;
  float: right;
  height: 17px;
  width: 28px;
}

.dialog_messageIcon {
  border: 0;
  width: 32px;
  height: 32px;
}

.dialog_lb {
  height: 13px;
}

.dialog_cb {
  height: 13px;
}

.dialog_rb {
  height: 13px;
}

.icon_query {
  border: 0;
  width: 34px;
  height: 34px;
}

.dialog_sample_top {
  border: solid 1px #999999;
  background-color: #eeeeee;
  height: 32px;
  font-weight: bold;
  color: black;
}

.dialog__simple_closebtn {
  border: 0;
  width: 10px;
  height: 10px;
  margin: 10px 8px 0 0;
  position: relative;
  top: auto;
  cursor: pointer;
  float: right;
}

.dialog_sample_middle {
  border-left: solid 1px #999999;
  border-right: solid 1px #999999;
  border-bottom: solid 1px #999999;
  background-color: #ffffff;
}

.dialog_tip_middle {
  border-left: solid 1px #999999;
  border-right: solid 1px #999999;
  background-color: #ffffff;
}

.dialog_tip_bottom {
  height: 31px;
  ;
}

.dialog_tip_bottomArr {
  height: 100%;
}

.dialog_shadow_lt {
  height: 39px;
  width: 220px;
}

.dialog_shadow_ct {
  height: 39px;
}

.dialog_shadow_rt {
  height: 39px;
  width: 225px;
}

.dialog_shadow_lm {
  background-color: #ffffff;
}

.dialog_shadow_cm {
  background-color: #ffffff;
}

.dialog_shadow_lb {
  height: 130px;
  width: 220px;
}

.dialog_shadow_cb {
  height: 130px;
}

.dialog_shadow_rb {
  height: 130px;
  width: 225px;
}

.dialog_shadow_content {
  position: absolute;
  z-index: 100;
  padding: 0 0 0 4px;
}

.dialog_shadow_content_top {
  height: 39px;
  font-weight: bold;
  color: black;
}

.dialog_trans_icon {
  border: 0;
  width: 1px;
  height: 1px;
  float: left;
}

.dialog_icon_default {
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 5px;
  display: inline-block;
  word-break: keep-all;
  word-wrap: normal;
  color: #000000;
}

.dialogTaskBg {
  height: 27px;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 2px 5px 0 0;
}

.taskItemContainer {
  height: 26px;
  left: 18px;
  position: absolute;
  top: 4px;
  width: 9999px;
  z-index: 5;
}

.taskItemButtonLeft {
  position: absolute;
  top: 4px;
  left: 0;
  width: 17px;
  height: 23px;
  cursor: pointer;
  cursor: hand;
  z-index: 10;
}

.taskItemButtonRight {
  position: absolute;
  right: 0;
  top: 4px;
  width: 17px;
  height: 23px;
  cursor: pointer;
  cursor: hand;
  z-index: 10;
}

.dialogTaskItem {
  display: inline-block;
  height: 26px;
  width: 100px;
  margin: 0 0 0 2px;
  padding: 0 5px 0 0;
  text-decoration: none;
}

.dialogTaskItem .dialogTaskItemRight {
  display: block;
  height: 26px;
  line-height: 26px;
  color: #000000;
  padding: 0 0px 0 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
}

.dialogTaskItem:hover {
  text-decoration: none;
}

.dialogTaskItemIcon {
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}

.dialogMinEffect {
  border: dotted 1px #000000;
  filter: alpha(opacity=40);
  opacity: 0.4;
  background-color: #000000;
  position: absolute;
  z-index: 9999;
}

.floatPanel {
  position: absolute;
}

.searchMain {
  position: absolute;
}

.searchPanTop {
  background-color: transparent;
  border: 1px solid #DDDDDD;
}

.searchPanLeft {
  background-color: transparent;
  border: 1px solid #DDDDDD;
}

.searchPanRight {
  background-color: transparent;
  border: 1px solid #DDDDDD;
}

.searchPanBottom {
  background-color: transparent;
  border: 1px solid #DDDDDD;
}

.searchPan_con {
  padding: 5px;
  line-height: 200%;
  background-color: #FFFFFF;
  text-align: left;
  overflow: hidden;
}

.searchBtnConTop {
  width: 100%;
}

.searchBtnConLeft {
  width: 28px;
}

.searchBtnConRight {
  width: 28px;
}

.searchBtnConBottom {
  width: 100%;
}

/*float panel*/

.floatPanel .panel-arrow-wrapper {
  text-align: center !important;
  line-height: 1;
  position: absolute;
  z-index: 2;
  cursor: pointer;
}

.floatPanel .panel-arrow {
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-image: none;
  font-family: FontAwesome;
  font-weight: normal;
  position: relative;
  border: none;
  cursor: pointer;
}

.floatPanel .panel-arrow:hover {
  background-image: none;
}

.floatPanel .panel-arrow:before {
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  background-color: #fafbfb;
}

.floatPanel .panel-arrow:after {
  position: relative;
  z-index: 2;
  font-size: 14px;
  color: #2cabe3;
}

.floatPanel.m .panel-arrow-wrapper {
	height: 96px;
	width: 14px;
    top: 10px;
}

.floatPanel.m .panel-arrow:before {
	width: 12px;
	height: 100%;
	top: 50%;
}

.floatPanel.m.l .panel-arrow-wrapper {
	right: -18px;
}

.floatPanel.m.l .panel-arrow:before {
	transform: translateY(-50%) perspective(12px) rotateY(10deg) scaleX(1.5);
	box-shadow: 3px 0px 8px 1px rgba(0, 0, 0, 0.3);
}

.floatPanel.m.l .panel-arrow:after {
  content: '\f101';
  right: 5px;
}

.floatPanel.m.l.show-panel .panel-arrow:after {
  content: '\f100';
  right: 6px;
}

.floatPanel.m.r .panel-arrow-wrapper {
	left: -10px;
}

.floatPanel.m.r .panel-arrow:before {
	transform: translateY(-50%) perspective(10px) rotateY(-10deg);
	box-shadow: -2px 0px 8px 0px rgba(0, 0, 0, 0.3);
}

.floatPanel.m.r .panel-arrow:after {
  content: '\f100';
  right: 4px;
}

.floatPanel.m.r.show-panel .panel-arrow:after {
  content: '\f101';
  right: 4px;
}

.floatPanel.t .panel-arrow-wrapper {
	height: 14px;
	width: 96px;
    right: 20px;
}

.floatPanel.t .panel-arrow:before {
	width: 100%;
	height: 10px;
}

.floatPanel.t .panel-arrow-wrapper {
	bottom: -13px;
}

.floatPanel.t .panel-arrow:before {
	transform: perspective(12px) rotateX(-10deg) scaleY(1.5);
    box-shadow: 0px 3px 5px 1px rgba(38, 40, 42, 0.3);
}

.floatPanel.t .panel-arrow:after {
  content: '\f103';
  top: -2px;
}

.floatPanel.t.show-panel .panel-arrow:after {
  content: '\f102';
  top: -3px;
}

.floatPanel.b .panel-arrow-wrapper {
	height: 14px;
	width: 96px;
    right: 20px;
}

.floatPanel.b .panel-arrow:before {
	width: 100%;
	height: 12px;
}

.floatPanel.b .panel-arrow-wrapper {
	top: -15px;
}

.floatPanel.b .panel-arrow:before {
	transform: perspective(12px) rotateX(10deg) scaleY(1.5);
    box-shadow: 0px -3px 8px 1px rgba(0, 0, 0, 0.3);
}

.floatPanel.b .panel-arrow:after {
  content: '\f102';
  top: -1px;
}

.floatPanel.b.show-panel .panel-arrow:after {
  content: '\f103';
  top: -1px;
}


.progressBar {
  width: 305px;
  height: 22px;
}

.loadmask-msg {
  border: 1px solid #619cc5;
  background: #d9ebf5;
}

.box_msg {}

.box_msg .msg_topcenter {
  width: 100%;
  height: 25px;
  overflow: hidden;
  line-height: 20px;
}

.box_msg .msg_topleft {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.box_msg .msg_topright {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.box_msg .msg_middlecenter {
  width: 100%;
  background-color: #f8fbfe;
}

.box_msg .msg_middleleft {
  width: 100%;
}

.box_msg .msg_middleright {
  width: 100%;
}

.box_msg .msg_bottomcenter {
  width: 100%;
  height: 11px;
  overflow: hidden;
  line-height: 11px;
}

.box_msg .msg_bottomleft {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.box_msg .msg_bottomright {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.box_msg .boxContent {
  padding: 0 15px 0 15px;
}

.box_msg .msg_title {
  float: left;
  padding: 3px 0 0 10px;
  color: white;
  font-weight: bold;
}

.box_msg .msg_close {
  width: 18px;
  height: 18px;
  cursor: pointer;
  cursor: hand;
  float: right;
  padding: 3px 5px 0 0;
}

.box_msg_custom .msg_topcenter {
  width: 100%;
  height: 33px;
  overflow: hidden;
  line-height: 33px;
}

.box_msg_custom .msg_topleft {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.box_msg_custom .msg_topright {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.box_msg_custom .msg_middlecenter {
  width: 100%;
  background-color: #ffffff;
}

.box_msg_custom .msg_middleleft {
  width: 100%;
}

.box_msg_custom .msg_middleright {
  width: 100%;
}

.box_msg_custom .msg_bottomcenter {
  width: 100%;
  height: 5px;
  overflow: hidden;
  line-height: 5px;
}

.box_msg_custom .msg_bottomleft {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.box_msg_custom .msg_bottomright {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.box_msg_custom .boxContent {
  padding: 5px;
}

.box_msg_custom .msg_title {
  float: left;
  padding: 0 0 0 10px;
  color: white;
  font-weight: bold;
}

.box_msg_custom .msg_close {
  width: 25px;
  height: 25px;
  cursor: pointer;
  cursor: hand;
  float: right;
  padding: 3px 5px 0 0;
}

.infoBtn {
  border: 0;
  width: 20px !important;
  height: 16px;
}

.layerBtn {
  border: 0;
  width: 20px !important;
  height: 16px;
  cursor: default !important;
}

.globeBtn {
  border: 0;
  width: 20px !important;
  height: 16px;
}

.arrowBtn {
  border: 0;
  width: 20px !important;
  height: 16px;
}

.tableStyle {
  border-collapse: collapse;
  border: 1px solid #cccccc;
  width: 100%;
  background-color: White;
}

.noBottomLine {
  border-bottom: 0 !important;
}

.th {
  border-left: 1.0pt solid windowtext;
  border-right: 1.0pt solid windowtext;
  word-wrap: normal;
  word-break: keep-all;
  overflow: hidden;
  border-color: #cccccc;
  height: 28px;
  padding: 0 2px 0 4px;
  color: #000000;
  font-weight: normal;
  line-height: 28px;
}

.th_m {
  border-left: 1.0pt solid windowtext;
  border-right: 1.0pt solid windowtext;
  border-bottom: 1.0pt solid windowtext;
  word-wrap: normal;
  word-break: keep-all;
  overflow: hidden;
  border-color: #cccccc;
  height: 24px;
  padding: 0 2px 0 4px;
  color: #000000;
  font-weight: normal;
  line-height: 24px;
}

.th_m2 {
  border-left: 1.0pt solid windowtext;
  border-right: 1.0pt solid windowtext;
  border-bottom: 1.0pt solid windowtext;
  word-wrap: normal;
  word-break: keep-all;
  overflow: hidden;
  border-color: #cccccc;
  padding: 0 2px 0 4px;
  color: #000000;
  font-weight: normal;
  line-height: 48px;
  height: 48px;
}

.th_m3 {
  border-left: 1.0pt solid windowtext;
  border-right: 1.0pt solid windowtext;
  border-bottom: 1.0pt solid windowtext;
  word-wrap: normal;
  word-break: keep-all;
  overflow: hidden;
  border-color: #cccccc;
  padding: 0 2px 0 4px;
  color: #000000;
  font-weight: normal;
  line-height: 72px;
  height: 72px;
}

.th_over {
  border-left: 1.0pt solid windowtext;
  border-right: 1.0pt solid windowtext;
  word-wrap: normal;
  word-break: keep-all;
  overflow: hidden;
  border-color: #cccccc;
  height: 28px;
  padding: 0 2px 0 4px;
  color: #000000;
  font-weight: normal;
  line-height: 28px;
}

.tableStyle td {
  border-left: 1.0pt solid windowtext;
  border-right: 1.0pt solid windowtext;
  border-bottom: 1.0pt solid windowtext;
  border: 1px solid #cccccc;
  height: 24px;
  padding: 1px 2px 1px 4px;
}

.tableStyle tr {
  color: #333333;
  border: 1px solid #cccccc;
}

.tableStyle th {
  color: #333333;
  border: 1px solid #cccccc;
}

.tableStyle .table_head {
  word-wrap: normal;
  word-break: keep-all;
  overflow: hidden;
  border-color: #cccccc;
  height: 28px;
  padding: 0 2px 0 4px;
  color: #333333;
  background: #ddeeff;
  font-weight: normal;
  line-height: 28px;
}

.tableStyle .viewModeEven {
  text-align: right;
  background-color: #eeeeee;
}

.tableStyleWordWrap td {
  word-wrap: normal;
  word-break: keep-all;
}

tr.odd {
  background: #ffffff;
}

tr.highlight {
  background: #ffecb1;
}

.treeTable {
  border-collapse: collapse;
  border: 1px solid #c5dbf0;
  width: 100%;
  background-color: White;
}

.treeTable th {
  border-left: 1.0pt solid windowtext;
  border-right: 1.0pt solid windowtext;
  word-wrap: normal;
  word-break: keep-all;
  overflow: hidden;
  border-color: #c5dbf0;
  height: 32px;
  padding: 0 2px 0 4px;
  color: #000000;
  font-weight: normal;
  line-height: 32px;
  word-wrap: normal;
  word-break: keep-all;
}

.treeTable td {
  border-left: 1.0pt solid windowtext;
  border-right: 1.0pt solid windowtext;
  border-bottom: 1.0pt solid windowtext;
  border-color: #c5dbf0;
  height: 30px;
  padding: 1px 2px 1px 4px;
  word-wrap: normal;
  word-break: keep-all;
}

.textinput {
  display: block;
  height: 30px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.428571429;
  color: var(--text2-color);
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid var(--basic-color);
  width: 141px;
  padding-left: 9px;
}

.textinput_hover {
  display: block;
  height: 30px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.428571429;
  color: var(--text2-color);
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid var(--basic-color);
  width: 141px;
  padding-left: 9px;
}

.textinput_click {
  display: block;
  height: 30px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.428571429;
  color: var(--text2-color);
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid var(--basic-color);
  width: 141px;
  padding-left: 9px;
}

.textarea {
  display: block;
  width: 100%;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.428571429;
  color: var(--text2-color);
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid var(--basic-color);
  /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; */
  padding-left: 9px;
}

.textarea_hover {
  display: block;
  width: 100%;
  border-radius: 0px;
  font-size: 14px;
  line-height: 1.428571429;
  color: var(--text2-color);
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid var(--basic-color);
  /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; */
  padding-left: 9px;
}

.textarea_click {
  display: block;
  width: 100%;
  border-radius: 0px;
  font-size: 14px;
  line-height: 1.428571429;
  color: var(--text2-color);
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid var(--basic-color);
  /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); */
  /* transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; */
  padding-left: 9px;
}

.button {
  display: inline-block;
  padding: 5px 10px;
  margin-bottom: 0px;
  color: white;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: none;
  user-select: none;
  background-color: #015198;
  border-radius: 2px;
  font-size: 12px;
  height: 30px;
  border-radius: 4px;
}

.button.button_hover {
  border: none;
}

.button.toggle {
  border: none;
}

.btn {
  padding: 7px 10px;
  border-radius: 2px;
  font-size: 12px;
  height: auto;
  /* border: none; */
}
a[role="button"] {
  padding: 7px 10px;
  border-radius: 2px;
  font-size: 12px;
  border: none;
}

.button2 {
  border: 1px solid #767676;
  font-size: 12px;
  height: 27px;
  line-height: 24px;
  margin-right: 4px;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);
  color: #434547;
}

.button2.button_hover {
  box-shadow: 2px 2px 5px rgba(118, 204, 255, 0.5) !important;
  border-color: #0782ca !important;
  color: red !important;
}

.buttonswich {
  width: 80px;
  height: 31px;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  cursor: hand;
}

.buttonswich2 {
  width: 68px;
  height: 32px;
  border: 0;
  cursor: pointer;
  cursor: hand;
}


div.selectbox-wrapper {
  border: #80c0e7 1px solid;
  position: absolute;
  background-color: #fff;
  text-align: left;
  z-index: 100;
  display: block;
  left: 0px;
  top: 25px;
  opacity: 0;
  margin-top: 1px;
  box-shadow: 0 1px 10px rgba(0,0,0,.2);
  width: 100% !important;
}

div.selectbox-wrapper ul li {
  white-space: nowrap;
  padding-left: 9px;
}

div.selectbox-wrapper ul li.selected {
  background-color: #bcd3f5;
  color: white;
}

div.selectbox-wrapper ul li.current {
  color: #fff;
  background-color: #507fc7;
  border: 0 !important;
}

div.selectbox-wrapper ul li.group {
  font-weight: bold;
  padding-left: 15px;
  _width: 80%;
}
.hid.hide-more {
  display: none;
}
.selectbox {
  padding-right: 24px;
  border: none;
  cursor: pointer;
  cursor: hand;
  font-size: 12px;
  height: 31px;
  line-height: 31px;
  overflow-y: hidden;
  border: 1px solid var(--basic-color);
  background-color: #ffffff;
  padding-left: 9px;
  border-radius: 4px;
}

.tipColor {
  color: gray;
}

.selBtn {
  position: absolute;
  right: 8px;
  top: 50%;
  line-height: 1px;
  margin-top: -6px;
  font-size: 12px;
  color: var(--basic-color);
  border: 0 !important;
  border-style: none;
  background: transparent;
  cursor: pointer;
}

.selBtn_disabled {
  cursor: default !important;
  color: #ccc;
}

@keyframes show-selectbox {
  0% {
      transform: translateY(-3px);
      opacity: .6;
  }
  100% {
      transform: translateY(0);
      opacity: 1;
  }
}

div.selectbox-wrapper.show-in {
  animation: show-selectbox .15s ease-in 1;
  animation-fill-mode: forwards;
  transform-origin: center 0;
}
div.selectbox-tree {
  border: #80c0e7 1px solid;
  border: 1px solid var(--basic-color);
  position: absolute;
  background-color: #fff;
  text-align: left;
  z-index: 100;
  display: block;
  left: 0px;
  top: 18px;
  top: 25px;
}

.selectbox-tree a:hover {
  background-color: #fba33c !important;
  color: white !important;
  text-decoration: none !important;
}

.multiSelectZtree li a:hover {
  background-color: #fba33c !important;
}

.date {
  font-size: 12px;
  background-color: #ffffff;
  border-color: var(--basic-color);
  color: var(--text2-color);
  border-radius: 4px;
}

.date_hover {
  border-color: var(--basic-color) !important;
}

.date_click {
  border-color: #fbd45c !important;
}

.cusDate {
  background-color: #ffffff;
  border-color: var(--basic-color);
}

.dateIcon {
  background-color: #ffffff;
  border-color: var(--basic-color);
}

.suggestion_input {
  background-color: #ffffff;
  border-color: var(--basic-color);
  padding-left: 9px;
}

.suggestion_input_disabled {
  background-color: #EEEEEE !important;
  color: #C0BFBF !important;
  padding-left: 9px;
}

.list_city {
  position: absolute;
  overflow: hidden;
  -moz-box-shadow: 2px 2px 5px rgb(51, 51, 51);
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #80c0e7;
  margin: 0;
  padding: 0 0 4px;
  text-align: left;
  left: 0;
}

.list_city .list_city_head {
  background-color: #428bca;
  border: medium none;
  color: #FFFFFF;
  display: block;
  line-height: 20px;
  padding: 2px 0 2px 9px;
  width: auto;
  word-wrap: break-word;
}

.list_city .list_city_head .msg {
  color: red;
}

.list_city .list_city_container {
  margin: 0;
  padding: 0;
}

.list_city .list_city_container a {
  border-bottom: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  color: #0055AA;
  cursor: pointer;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  min-height: 22px;
  overflow: hidden;
  padding: 1px 9px 0;
  text-align: left;
  text-decoration: none;
  height: 22px;
  display: block;
}

.list_city .list_city_container a b {
  font-weight: normal;
}

.list_city .list_city_container a:hover {
  background: none repeat scroll 0 0 #ffefc0;
  border-bottom: 1px solid #80c0e7;
  border-top: 1px solid #80c0e7;
  text-decoration: none;
}

.list_city .list_city_container span {
  margin: 0;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}

.list_city .selected {
  background: none repeat scroll 0 0 #FFE6A6;
  color: #FFFFFF;
  height: 22px
}

.list_city .page_break {
  line-height: 25px;
  margin: 0;
  padding: 0;
  text-align: center;
}

.list_city .page_break a {
  color: #0055AA;
  font-size: 14px;
  margin: 0;
  padding: 0 4px;
  text-decoration: underline;
}

.list_city .page_break .current {
  color: #000000;
  text-decoration: none;
}

.pop_city {
  left: 0;
  position: absolute;
  font-size: 12px;
  border: 1px solid #80c0e7;
  background-color: #FFFFFF;
  padding: 0 0 5px 0;
}

.pop_city .pop_head {
  background-color: #fba33c;
  border-color: #2C7ECF;
  border-style: solid;
  border-width: 1px 1px 0;
  color: #CEE3FC;
  height: 24px;
  line-height: 24px;
  padding-left: 9px;
  color: #FFFFFF;
}

.pop_city .list_label {
  list-style: none;
  border-bottom: 1px #80c0e7 solid;
  padding-bottom: 24px;
  padding-left: 4px;
  margin-top: 15px;
  margin-bottom: 10px;
}

.pop_city .list_label li {
  float: left;
  margin-left: 8px;
  height: 24px;
  line-height: 24px;
}

.pop_city .list_label li a {
  color: #005DAA;
  ursor: pointer;
  text-decoration: none;
  background: #fff;
  padding: 0px 4px;
}

.pop_city .list_label li a:hover {}

.pop_city .list_label li a.current {
  color: #666666;
  display: block;
  background: #FFF;
  border: 1px #80c0e7 solid;
  border-bottom: 1px solid #fff;
  padding: 0px 4px;
  font-weight: bold;
}

.pop_city .pop_city_container {
  padding: 4px;
  margin-bottom: 20px;
}

.pop_city .pop_city_container ul {}

.pop_city .pop_city_container ul li {
  float: left;
  margin-right: 3px;
}

.pop_city .pop_city_container ul li a {
  color: #000000;
  display: block;
  height: 22px;
  line-height: 22px;
  text-decoration: none;
  border: 1px solid #fff;
  padding: 2px 0px;
}

.pop_city .pop_city_container ul li a:hover {
  background-color: #ffefc0;
  border: 1px solid #80c0e7;
}

.autoComplete {
  background-color: #ffffff;
  border-color: var(--basic-color);
}

.autoCompleteIcon {
  background-color: #ffffff;
  border-color: var(--basic-color);
}

.listerLinksLeft {
  overflow: hidden;
}

.listerLinksRight {
  overflow: hidden;
}

.listerHover {
  background-color: #aec9fe;
  cursor: default;
  margin-left: 1px;
}

ul.lister li {
  height: 24px;
  line-height: 24px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

ul.lister .left,
ul.lister .right {
  color: #0081dd;
}

ul.lister {
  list-style: none;
  text-align: left;
  border: 1px solid #80c0e7;
  padding: 10px;
  margin: 0;
  overflow: auto;
  margin-top: 5px;
  font-weight: normal;
  display: block;
  background-color: white;
}

.dbSelectionMode {
  border: 1px solid #80c0e7;
  background-color: white;
  overflow-y: auto;
}

input.stepper-active {
  border-color: var(--basic-color);
  display: block;
  height: 30px;
  border-radius: 0px;
  font-size: 14px;
  line-height: 1.428571429;
  color: var(--text2-color);
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  padding-left: 9px;
}

input.stepper-active.stepper-up-hover {
  cursor: pointer;
}

input.stepper-active.stepper-down-hover {
  cursor: pointer;
}

input.stepper-active.stepper-up {
  cursor: pointer;
}

input.stepper-active.stepper-down {
  cursor: pointer;
}

.keypad {
  background-color: #ffffff;
  border-color: var(--basic-color);
}

.color {
  background-color: #ffffff;
  border-color: var(--basic-color);
}

.file-container-main {
  position: relative;
  height: 30px;
}

.file-container {
  height: 30px;
  display: block;
  position: absolute;
  overflow: hidden;
  top: 0;
}

.fileBtn {
  width: 47px;
  height: 24px;
  border: 0;
  margin: 0 0 0 2px;
}

.filter .current a {
  border: solid 1px #80c0e7 !important;
  background: none !important;
}

.upload_iconBg {
  height: 16px;
  width: 16px;
  float: left;
}

.upload_icon_progess {
  height: 100%;
  width: 100%;
}

.upload_icon_ok {
  height: 100%;
  width: 100%;
}

.upload_icon_error {
  height: 100%;
  width: 100%;
}

.upload_progress_inner {
  height: 100%;
}

.titleMain {
  height: 34px;
  line-height: 34px;
  overflow: hidden;
  background-color: #d5f0ff;
}

.stepFormTitleCur {
  float: left;
  color: #ffffff;
}

.stepFormTitle {
  float: left;
  color: #266392;
  padding: 0 20px 0 20px;
}

.stepFormTitleCur .left {
  width: 9px;
  height: 34px;
  float: left;
}

.stepFormTitleCur .center {
  height: 100%;
  float: left;
  padding: 0 5px 0 5px;
}

.stepFormTitleCur .right {
  width: 25px;
  height: 34px;
  float: left;
}

.l-grid-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display1: none;
  font-size: 1px;
  *zoom: 1;
  overflow: hidden;
  display: none;
  z-index: 9000;
}

.l-panel {
  position: relative;
  text-align: left;
  border: 1px solid #DDD;
}

.l-panel table {
  width: auto;
}

.l-panel table,
.l-panel td {
  margin: 0;
  padding: 0;
}

.l-panel-btn {
  display: block;
  height: 30px;
  overflow: hidden;
  line-height: 30px;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  cursor: pointer;
  text-align: center;
  color: #2C4D79;
  text-decoration: none;
  cursor: pointer;
}

.l-panel-btn .l-panel-btn-l,
.l-panel-btn .l-panel-btn-r {
  display: none;
}

.l-panel-btn-over,
.l-panel-btn-selected {
  border: 1px solid #cccccc;
}

.l-panel-btn-over .l-panel-btn-l,
.l-panel-btn-over .l-panel-btn-r,
.l-panel-btn-selected .l-panel-btn-l,
.l-panel-btn-selected .l-panel-btn-r {
  display: block;
}

.l-panel-btn-l {
  position: absolute;
  left: 0px;
}

.l-panel-btn-r {
  position: absolute;
  width: 3px;
  right: 0px;
  top: 0px;
}

.l-panel-header {
  color: #585858;
  font-weight: bold;
  height: 27px;
  border-bottom: 1px solid #DDD;
  position: relative;
  font-size: 14px;
}

.l-panel-header-hasicon {
  padding-left: 13px;
}

.l-panel-header img {
  position: absolute;
  left: 6px;
  top: 5px;
  width: 16px;
  height: 16px;
  border: 0px;
}

.l-panel-header-text {
  line-height: 22px;
  padding-left: 9px;
}

.l-panel-body {
  position: relative;
  width: 100%;
}

.l-panel-body .l-grid {}

.l-grid {
  position: relative;
  text-align: left;
  background: #ffffff;
}

.l-grid td div {}

.l-grid table {
  border-spacing: 0 0;
}

.l-grid-header {
  border-bottom: 1px solid #DDDDDD;
  height: 22px;
  line-height: 100% !important;
  background: #f1f1f1;
  overflow: hidden;
  width: 100%;
}

.l-grid-header-multi {
  background-image: none !important;
  background: #fafafa;
}

.l-grid-hd-cell {
  padding: 0;
  margin: 0;
  overflow: hidden;
  border-right: 1px #dddddd solid;
  text-align: center;
  word-break: normal;
}

.l-grid-body {
  position: relative;
  width: 100%;
  top: 0px;
  left: 0px;
  overflow: auto;
}

.l-grid-row-cell {
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #E6E6E6;
  word-break: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.l-grid-row-last .l-grid-row-cell {
  border-bottom: none;
}

.l-grid-row-cell-last,
.l-grid-row .l-grid-row-cell:nth-child(1),
.l-grid-row .l-grid-row-cell:nth-child(2),
.l-grid-row .l-grid-row-cell:nth-child(3) {
  overflow: initial;
}

.l-grid-row {
  background: #ffffff;
}

.l-grid-row-last {}

.l-grid-row-alt .l-grid-row-cell {
  background: #F5F5F5;
}

.l-grid-row-over .l-grid-row-cell,
.l-grid-row-over {
  background: #f5f5f5;
}

.l-selected .l-grid-row-cell,
.l-selected {
  background: #ffffd5;
}

.l-panel-bar {
  height: 32px;
  background: #DDDDDD;
  overflow: hidden;
  border-top: 1px solid #DDDDDD;
  position: relative;
}

.l-toolbar-item {
  float: left;
}

.l-toolbar-item .l-toolbar-item img {
  position: absolute;
  left: 2px;
  top: 2px;
  display: block;
}

.l-toolbar-item img {
  width: 16px;
  height: 16px;
  border: 0px;
}


.l-grid-cell-icons span {
  width: 14px;
  height: 14px;
  margin: 0 2px;
}

.l-toolbar-item .l-icon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  padding: 0 5px 0 0;
}

.qui-grid-js-toolbar-text {
  margin-left: 3px;
}

.l-toolbar-item-hasicon {
	padding: 5px 3px;
    border: 1px solid transparent;
    border-radius: 2px;
}

.l-panel-btn-over, .l-panel-btn-selected {
  border: 1px solid #cccccc;
}

.l-panel-btn {
  height: auto;
  line-height: 1;
}

.l-toolbar {
  line-height: 30px;
  text-align: center;
  border-bottom: 1px solid #DDDDDD;
  height: auto;
  padding: 3px 5px;
}

.l-panel-bar {
  height: 32px;
  background: transparent;
  overflow: hidden;
  border-top: 1px solid #DDDDDD;
  position: relative;
}

.l-icon {
  float: left;
}

.l-grid-scroller {
  position: relative;
  top: 0px;
  left: 0px;
  height: 220px;
  overflow: auto;
}

.l-grid-scroller-noscroll {
  height: auto;
  overflow: hidden;
}

.l-grid-body-table {}

.l-grid-body-table tr.l-checked td {
  background: #DCF8A8
}

.l-grid-popup {
  background: #fff;
  border: 1px solid #ccc;
  border-top: 0px;
  overflow: auto;
  left: 0px;
  position: absolute;
  z-index: 999;
  display: none;
  max-height: 96%;
}

.l-grid-loading {
  position: absolute;
  z-index: 91000;
  border: none;
  top: 40%;
  left: 50%;
  padding-left: 38px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  margin-left: -60px;
  display: none;
  background: none;
  background-color: #fff;
  flex-direction: row;
  align-items: center;
  line-height: 1;
  left: 50%;
  transform: translateX(-50%);
  padding: 5px 21px;
  margin: 0;
  border-radius: 2px;
}
@-webkit-keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}
@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}
.l-grid-loading .loading-svg {
    width: 25px;
    height: 25px;
    margin-right: 8px;
}

.l-grid-loading svg {
    animation: loading-rotate 2s linear infinite;
}

.l-grid-loading .path {
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90,150;
    stroke-dashoffset: 0;
    stroke-width: 4;
    stroke: #409eff;
    stroke-linecap: round;
}

.ajax-loading-mask {
  z-index: 900;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.ajax-loading-mask .l-grid-loading {
    display: flex;
}
.l-grid-editor {
  position: absolute;
  z-index: 999;
  display: none;
  text-align: center;
}

.l-grid-editor .l-checkbox-wrapper {
  margin-top: 2px;
}

.l-grid-popup table {
  display: table;
  border-collapse: separate;
  border-color: gray;
  margin: 2px;
}

.l-grid-popup table tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}

.l-grid-popup table td {
  padding: 2px 3px 2px 5px;
  cursor: default;
}

.l-grid-popup td.l-column-right {
  border-left: 1px solid #fff;
  padding-right: 10px;
  line-height: 18px;
}

.l-grid-popup table tr:hover,
.l-grid-popup table tr.l-popup-row-over {
  border: 1px solid #a8d8eb;
}

.l-grid-hd-cell-mul {
  border-bottom: 1px solid #cccccc;
  background: #f1f1f1;
}

.l-grid-hd-cell-detail {
  padding: 0;
  margin: 0;
}

.l-grid-hd-cell-inner {
  text-align: center;
}

.l-grid-dragging-line {
  background: #EC4262;
  width: 1px;
  position: absolute;
  display: none;
  z-index: 9999;
  padding: 0;
  margin: 0;
}

.l-grid-hd-cell-dropleft {
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  width: 16px;
  height: 24px;
  z-index: 3;
  display: none;
}

.l-grid-hd-cell-dropright {
  position: absolute;
  right: 0px;
  top: 0px;
  display: block;
  width: 16px;
  height: 24px;
  z-index: 3;
  display: none;
}

.l-grid-hd-cell-drop {
  position: absolute;
  right: -1px;
  top: 0px;
  display: block;
  width: 2px;
  height: 24px;
  z-index: 3;
  cursor: e-resize;
}

.l-grid-hd-cell-sort {
  overflow: hidden;
}

.l-grid-hd-cell-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  overflow: hidden;
  border-left: 1px solid #C1D6F0;
  cursor: pointer;
}

.l-grid-hd-cell-btn span {
  border-left: 1px solid #F1F5FC;
  width: 14px;
  height: 22px;
  display: block;
}

.l-grid-hd-cell-drophandle {
  width: 5px;
  height: 22px;
  cursor: col-resize;
  float: right;
  position: absolute;
  top: 0px;
  right: -3px;
}

.l-grid-hd-cell-text {
  text-align: center;
  cursor: pointer;
}

.l-grid-hd-cell-last {}

.l-grid-hd-cell-over,
.l-grid-hd-cell-on {}

.l-grid-totalsummary {
  border-bottom: 1px solid #A3C0E8;
  background: #EEF3FF;
  padding-top: 5px;
  padding-bottom: 5px;
}

.l-grid-totalsummary-nobottom {
  border-bottom: none;
}

.l-grid-totalsummary td {
  border-right: 1px solid #EEF3FF;
  text-align: center;
  line-height: 23px;
}

.l-grid-totalsummary .l-grid-totalsummary-cell-last {
  border-right: 1px solid #A3C0E8;
}

.l-grid-totalsummary .l-grid-totalsummary-cell-inner {
  margin-left: 3px;
  margin-right: 3px;
  min-height: 23px;
  _height: 23px;
}

.l-grid-totalsummary .l-grid-totalsummary-cell-inner div {
  height: 22px;
  line-height: 22px;
}

.l-grid-detailpanel {}

.l-grid-detailpanel td {
  border-right: 1px solid #A3C0E8;
  border-bottom: 1px solid #A3C0E8;
}

.l-grid-detailpanel-inner {
  margin-bottom: 2px;
}

.l-grid-row-cell-detail .l-grid-row-cell-inner {
  margin-left: 0px;
  margin-right: 0px;
  width: 27px;
  overflow: hidden;
}

.l-grid-row-cell-detail .l-grid-row-cell-inner span {
  display: block;
  width: 21px;
  height: 21px;
  cursor: pointer;
  overflow: hidden;
}

.l-grid-row-cell-checkbox .l-grid-row-cell-inner {
  margin-left: 0px;
  margin-right: 0px;
}

.l-grid-row-cell-checkbox span,
.l-grid-hd-cell-checkbox .l-grid-hd-cell-inner div {
  display: block;
  width: 16px;
  height: 16px;
  cursor: pointer;
  overflow: hidden;
  margin-left: 5px;
  margin-top: 5px;
}

.l-grid-hd-cell-checkbox {
  padding: 0;
  margin: 0;
}

.l-grid-row-cell-edited .l-grid-row-cell-inner {
  text-indent: 10px;
}

.l-grid-row-cell-inner {
  text-align: center;
  line-height: 26px;
  min-height: 26px;
  _height: 26px;
  margin-left: 3px;
  margin-right: 3px;
  overflow: hidden;
}

.l-grid-row-cell-inner .flex-center {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.l-grid-row-cell-inner .icon-wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.l-grid-row-cell-inner .icon-full-wrapper {
  position: relative;
	display: inline-block;
}
.l-grid-row-cell-inner .icon-full-wrapper .icon_device_error {
  position: absolute;
  right: 0;
}
.l-grid-row-cell-inner .icon-wrapper span+span {
	margin-left: 3px;
}

.l-grid-row-cell-inner-fixedheight {
  height: 25px;
}

.l-panel-bbar-inner {
  margin-top: 3px;
  padding-left: -2px;
  width: 100%;
  position: relative;
  min-width: 530px;
  _width: 530px;
}

.l-bar-message {
  position: absolute;
  right: 0px;
}

.l-bar-group {
  float: left;
  background: none;
  height: 24px;
  margin: 0px 5px;
}

.l-bar-right {
  float: right;
}

.l-bar-separator {
   float: left;
   height: 11px;
   margin: 7px 5px auto 5px;
   border-left: 1px solid #9AC6FF;
   border-right: 1px solid white;
}

.l-bar-button {
  float: left;
  width: 22px;
  height: 22px;
  padding-top: 5px;
  border: 0px;
  cursor: pointer;
  overflow: hidden;
}

.l-bar-button span {
  width: 16px;
  height: 16px;
  display: block;
  margin-left: 2px;
  margin-top: 2px;
  float: left;
  overflow: hidden;
}

.l-bar-button .l-disabled {
  background-position: 0px -16px;
}

.l-bar-text {
  line-height: 20px;
}

.l-grid .l-grid-grouprow {
  border-right: 1px solid #A3C0E8
}

.l-grid .l-grid-grouprow-cell {
  padding: 6px;
  border-bottom: 1px solid #A3C0E8;
  background: #EAF3FF;
}

.l-grid .l-grid-group-togglebtn {
  cursor: pointer
}

.l-grid .l-grid-totalsummary-group td {
  background-color: #F5EEFB;
  border-color: #F5EEFB;
}

.l-panel-bar-total {
  background: #F5F9FF;
  padding: 8px;
  border-top: 1px solid #84A0C4;
}

.l-grid-tree-space {
  width: 18px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  float: left;
}

.l-grid-tree-link-open {
  cursor: pointer;
}

.l-grid-tree-link-close {
  cursor: pointer;
}

.l-grid1 {
  display: none;
}

.l-grid1 .l-grid-body {
  overflow: hidden;
}

.l-grid1 .l-grid-detailpanel {
  border-right: 1px solid white;
}

.l-frozen .l-grid2 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

.l-frozen .l-grid2 .l-grid-body {
  overflow-x: auto;
}

.l-frozen .l-grid1 {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
}

.l-grid-gray {
  border-top: 1px solid #DDDDDD;
}

.l-grid-gray .l-grid-header {
  border-bottom: 1px solid #DDDDDD;
}

.l-grid-gray .l-grid-hd-cell {
  border-right: 1px solid #DDDDDD;
}

.l-grid-gray .l-grid-row-cell {
  border-bottom: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
}
.l-panel .l-bar-group .pcontrol input {
    height: auto !important;
    line-height: normal !important;
}
.l-menubar {
  height: 24px;
  border: 1px solid #ADBED6;
  border-top: 1px solid #EFF7F7;
}

.l-menubar-item {
  float: left;
  margin-left: 6px;
}

.l-menubar-item-down {
  width: 7px;
  height: 4px;
  line-height: 4px;
  position: absolute;
  right: 4px;
  top: 9px;
  top: 9px\9;
  _top: 4px;
}

.l-menubar-item-over {}

.l-panel-search {
  height: 28px;
  padding-top: 3px;
  padding-left: 3px;
  border-left: 1px solid #99BBE8;
  border-right: 1px solid #99BBE8;
}

.l-panel-search-item {
  float: left;
  margin-left: 5px;
}

.l-grid-row-cell-editing-topcell {
  border-bottom-color: #CC8F81;
}

.l-grid-row-cell-editing-leftcell {
  border-right-color: #CC8F81;
}

.l-grid-row-cell-editing {}

.l-grid-row-cell .l-text,
.l-grid-editor .l-text {
  border: 0px;
  border: none;
}

.l-grid-detailpanel-edit {
  padding-top: 7px;
  padding-bottom: 3px;
  background-color: #f7f7f7;
}

.l-grid-detailpanel .l-editbox {
  float: left;
  margin: 2px;
  margin-left: 6px;
  margin-right: 10px;
}

.l-grid-detailpanel .l-button {
  float: left;
  margin: 2px;
  margin-left: 4px;
  margin-right: 6px;
}

.l-grid-detailpanel .l-clear {
  clear: both;
}

.l-grid-row-alt .l-grid-row-cell-rownumbers,
.l-selected .l-grid-row-cell-rownumbers,
.l-grid-row-over .l-grid-row-cell-rownumbers,
.l-grid-row-cell-rownumbers {
  background: #f1f1f1;
}

.sgList li {
  height: 25px;
  line-height: 25px;
  text-indent: 15px;
}

.dbList li {
  float: left;
  padding: 0 0 0 0px;
  height: 25px;
  line-height: 25px;
  text-indent: 15px;
}

.popupMenu {
  width: 50px;
}

.popupMenu .border {
  border: solid 1px #80c0e7;
}

.popupMenu .hoverBorder {
  border: solid 1px #80c0e7;
}

.popupMenu_link {
  z-index: 9999;
}

.popupMenu_link a {
  padding: 0 0 0 5px;
  display: block;
}

.popupMenu_link a:hover {
  text-decoration: none;
  color: black;
}

.popupMenu_con {
  display: none;
  position: absolute;
  z-index: 9999;
}

.white_con {
  width: 100px;
  border: solid 1px #80c0e7;
  background-color: white;
}

.white_con span {
  display: block;
  clear: both;
  height: 25px;
  line-height: 25px;
}

.white_con a {
  display: block;
  height: 25px;
  padding: 0 0 0 5px;
}

.white_con a:hover {
  background-color: #fba33c !important;
  color: white !important;
  text-decoration: none !important;
}

.pic_con {
  width: 100px;
  background-color: white;
  border: 1px solid #80c0e7;
  padding: 2px 4px 4px 1px;
}

.pic_con span {
  display: block;
  clear: both;
  height: 25px;
  line-height: 25px;
}

.pic_con a {
  display: block;
  height: 25px;
  text-indent: 30px;
}

.pic_con a:hover {
  text-decoration: none;
  color: black;
  filter: alpha(opacity=60);
  background-color: #ffeec2;
  border: solid 1px #80c0e7;
}

.icon_con {
  width: 100px;
  background-color: #f9f9f9;
  border: 1px solid #80c0e7;
  padding: 2px 4px 2px 3px;
}

.icon_con span {
  display: block;
  clear: both;
  height: 25px;
  line-height: 25px;
}

.icon_con a {
  display: block;
  height: 25px;
  text-indent: 12px;
}

.icon_con a:hover {
  text-decoration: none;
  color: black;
  filter: alpha(opacity=60);
  background-color: #ffeec2;
  border: solid 1px #80c0e7;
}

.multi_con {
  background: white;
  border: 1px solid #619cc5;
  border-width: 5px 1px;
  padding: 10px;
  width: 560px;
}

.multi_con li {
  width: 100%;
  height: 25px;
}

.multi_con li a {
  display: block;
  height: 100%;
  padding: 0 0 0 5px;
  border: solid 1px #ffffff;
}

.multi_con li a:hover {
  text-decoration: none;
  color: black;
  filter: alpha(opacity=60);
  background-color: #ffeec2;
  border: solid 1px #80c0e7;
}

.multi_con .column {
  float: left;
  width: 180px;
  margin-right: 5px;
}

.multi_con .column ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.multi_con .column ul li {
  padding-bottom: 5px;
}

.multi_con .column h3 {
  background: #fba33c;
  font: bold 13px Arial;
  margin: 0 0 5px 0;
  color: white;
}

.basicTab {
  background-color: white;
}

.basicTab_con {
  border-top: solid 1px #dddddd;
  padding: 5px;
}

.basicTab_normal_left {
  float: left;
  width: 17px;
}

.basicTab_normal_center {
  float: left;
  padding: 0 10px 0 10px;
  cursor: pointer;
  cursor: hand;
  color: #333;
}

.basicTab_top {
  height: 35px;
  line-height: 35px;
}

.basicTab_top a {
  display: block;
  background-color: #ddd;
}

.basicTab_normal_center a {
  color: black;
}

.basicTab_normal_center a:hover {
  color: black;
  text-decoration: none;
}

.basicTab_normal_middle {
  float: left;
  width: 18px;
  height: 21px;
}

.basicTab_normal_right {
  float: left;
  width: 17px;
  height: 21px;
}

.basicTab_current_center {
  border-bottom: 2px #0645FF solid;
}

a:active {
  color: #00F;
}

.basicTab_current_middle {
  width: 18px !important;
}

.basicTab_current_middle2 {}

.basicTab_current_right {}

.basicTab_content {
  padding: 3px 0 0 0;
}

.basicTab_top .disabled {
  color: #999999 !important;
  cursor: default !important;
}

.basicTab_top a:hover {
  text-decoration: none;
}

.basicTabModern {}

.basicTabModern_top {
  height: 35px;
  width: 100%;
}

.basicTabModern_top_left {
  height: 100%;
  width: 100%;
}

.basicTabModern_top_left2 {
  height: 100%;
  width: 100%;
}

.basicTabModern_top_right {
  height: 100%;
  padding: 0 10px 0 20px;
}

.basicTabModern_top a {
  display: #ffffff;
}

.basicTabModern_normal_center a {
  color: #ffffff;
}

.basicTabModern_normal_center a:hover {
  color: #ffffff;
  text-decoration: none;
}

.basicTabModern_current_center a {
  color: #000000;
}

.basicTabModern_current_center a:hover {
  color: #000000;
  text-decoration: none;
}

.basicTabModern_con {
  padding: 5px 0 0 0;
}

.basicTabModern_normal_left {
  float: left;
  width: 12px;
  height: 100%;
}

.basicTabModern_normal_center {
  float: left;
  height: 100%;
  padding: 0 10px 0 10px;
  cursor: pointer;
  cursor: hand;
  line-height: 35px;
  color: #ffffff;
  text-shadow: #000000 1px 1px 2px !important;
  filter: DropShadow(Color=#023B74, OffX=1, OffY=1, Positive=1);
  font-weight: bold;
}

.basicTabModern_normal_right {
  float: left;
  width: 12px;
  height: 100%;
}

.basicTabModern_current_left {
  width: 12px;
  height: 100%;
}

.basicTabModern_current_center {
  height: 100%;
  line-height: 35px;
  color: #000000;
  text-shadow: #dff378 1px 1px 2px !important;
  filter: DropShadow(Color=#dff378, OffX=1, OffY=1, Positive=1);
  font-size: 13px;
  font-weight: bold;
}

.basicTabModern_current_right {
  width: 12px;
  height: 100%;
}

.basicTabModern_content {
  padding: 3px 0 0 0;
}

.basicTabModern_top .disabled {
  color: #999999 !important;
  cursor: default !important;
}

.basicTabModern_top a:hover {
  text-decoration: none;
}

.basicTabModern_content {
  padding: 10px 10px 0 10px;
}

.basicTabModern_content2 {
  padding: 10px 10px 0 20px;
  font-size: 14px;
}

.basicTabModern_title {
  float: left;
  color: #ffffff;
  padding-top: 2px;
  text-shadow: #000000 1px 1px 2px !important;
  filter: DropShadow(Color=#023B74, OffX=1, OffY=1, Positive=1);
  font-size: 14px;
  font-weight: bold;
  line-height: 200%;
}

.basicTabModern_subTitle {
  float: left;
  color: #ffffff;
  padding: 4px 0 0 5px;
  font-size: 12px;
  line-height: 200%;
}

.basicTabModern_status {
  float: right;
  color: #ffffff;
  padding: 4px 5px 0 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 200%;
}

.basicTabModern_status a {
  color: #ffffff;
}

.basicTabModern_status a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.basicTabModern_tabcon {
  float: right;
  height: 100%;
}

.basicTabModern_top_info {
  float: left;
  padding: 10px 0 0 10px;
  color: #ffffff;
}

.basicTabModern_top_more {
  float: right;
  padding: 10px 10px 0 0;
  color: #ffffff;
}

.basicTabModern_top_more a {
  color: #ffffff;
}

.benma_ui_tab .tab_item1 {
  width: 5px;
  z-index: 100;
  white-space: nowrap;
}

.benma_ui_tab .tab_item2 {
  white-space: nowrap;
  z-index: 101;
}

.benma_ui_tab .tab_item3 {
  width: 5px;
}

.benma_ui_tab .tab_close {
  position: relative;
  top: -1px;
  height: 14px;
  width: 14px;
  font-size: 9px;
}

.benma_ui_tab .tab_item1_bottom {
  width: 5px;
}

.benma_ui_tab .tab_item3_bottom {
  width: 5px;
}

.benma_ui_tab .tab_hr {
  width: 100%;
  height: 2px;
  background-color: #247bb6;
  position: relative;
  top: 24px;
  z-index: 113;
  font-size: 0px;
  display: block;
}

.benma_ui_tab .tab_hr_bottom {
  width: 100%;
  height: 2px;
  background-color: #247bb6;
  position: relative;
  top: 0px;
  z-index: 113;
  font-size: 0px;
  display: block;
  position: relative;
}

.benma_ui_tab {
  height: 26px;
}

.tabContainer {
  width: 9999px;
  height: 22px;
  position: absolute;
  top: 4px;
  left: 2px;
}

.tabButtonLeft {
  position: absolute;
  top: 6px;
  width: 17px;
  height: 23px;
  cursor: pointer;
  cursor: hand;
}

.tabButtonRight {
  position: absolute;
  right: 20px;
  top: 6px;
  width: 17px;
  height: 23px;
  cursor: pointer;
  cursor: hand;
}

#tab_menu {
  overflow: hidden;
}

.singleNav {
  width: 227px;
  height: 236px;
  padding: 5px 0 130px 0;
  top: 0px;
  left: 10px;
}

.singleNav span {
  display: block;
  cursor: pointer;
  cursor: hand;
  padding: 0 0 0 20px;
  width: 100%;
  height: 100%;
}

.singleNav span a {
  color: black;
  text-decoration: none;
  width: 100%;
  display: block;
}

.singleNav span a:hover {
  color: black;
  text-decoration: none;
}

.singleNav div {
  width: 214px;
  height: 36px;
  line-height: 36px;
}

.singleNav .current {
  width: 227px;
  height: 41px;
  line-height: 41px;
}

.singleNavMin {
  width: 117px;
  height: 236px;
  padding: 5px 0 130px 0;
  top: 0px;
  left: 10px;
}

.singleNavMin span {
  display: block;
  cursor: pointer;
  cursor: hand;
  padding: 0 0 0 10px;
  width: 100%;
  height: 100%;
}

.singleNavMin span a {
  color: black;
  text-decoration: none;
  width: 100%;
  display: block;
}

.singleNavMin span a:hover {
  color: black;
  text-decoration: none;
}

.singleNavMin div {
  width: 104px;
  height: 36px;
  line-height: 36px;
}

.singleNavMin .current {
  width: 117px;
  height: 41px;
  line-height: 41px;
}

.accordition {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.accordition div {
  background-color: #fff;
}

.accordition .titlebar {
  cursor: pointer;
  display: block;
  padding: 5px;
  padding-bottom: 0;
  margin-top: 0;
  text-decoration: none;
  color: black;
  background-color: #00a0c6;
}

.accordition .titlebar:hover {
  background-color: white;
  color: white;
}

.accordition .titlebar.selected {
  background-color: #80cfe2;
  color: white;
}

.positionSimple {
  height: 22px;
  line-height: 22px;
  margin: 5px 5px 2px 0;
  padding: 0 0 0 0px;
}

.positionSimple span {
  padding: 0 0 0 10px;
  color: #0b5ea0 !important;
}

.positionSimple a {
  color: #0b5ea0;
  text-decoration: none;
}

.positionSimple a:hover {
  color: #0b5ea0;
  text-decoration: underline;
}

.position {
  height: 30px;
  line-height: 30px;
  margin: 5px 5px 2px 0;
  padding: 0 0 0 0px;
}

.position .center {
  width: 100%;
  height: 100%;
}

.position .left {
  width: 100%;
  height: 100%;
}

.position .right {
  width: 100%;
  height: 100%;
}

.position .right span {
  padding: 0 0 0 65px;
  color: #0b5ea0 !important;
}

.position a {
  color: #0b5ea0;
  text-decoration: none;
}

.position a:hover {
  color: #0b5ea0;
  text-decoration: underline;
}

.navIcon_right_title {
  font-weight: bold;
  color: #0b5ea0;
}

.navIcon_hover {
  background-color: #d9ebf5 !important;
  border: solid 1px #80c0e7 !important;
}

.navIcon {
  border: solid 1px #aec9fe;
  background-color: #eaf6fc;
  height: 90px;
  overflow: hidden;
}

.navIcon .img {
  width: 80px;
  height: 80px;
}

.navIcon a {
  display: block;
}

.navIconSmall {
  border: solid 1px #aec9fe;
  width: 80px;
  margin: 10px 10px 0 0;
  display: inline;
  text-align: center;
  color: #0b5ea0;
  float: left;
  cursor: pointer;
  cursor: hand;
  font-size: 12px;
}

.navIconSmall img {
  width: 60px;
  height: 60px;
}

.navIconSmall_hover {
  background-color: #eaf6fc !important;
  border: solid 1px #80c0e7 !important;
}

.navIconSmall_current {
  background-color: #eaf6fc !important;
  border: solid 1px #80c0e7 !important;
}

.box_tool {
  height: 58px;
  color: #000000;
}

.box_tool .center {
  width: 100%;
  height: 100%;
}

.box_tool .left {
  width: 100%;
  height: 100%;
}

.box_tool .right {
  width: 100%;
  height: 100%;
}

.box_tool a:hover .navIconTool {
  color: red;
  text-decoration: none;
}

.navIconTool {
  width: 50px;
  margin: 5px 10px 0 0;
  display: inline;
  text-align: center;
  color: #000000;
  cursor: pointer;
  cursor: hand;
  float: left;
}

.navIconTool img {
  width: 30px;
  height: 30px;
}

.box_tool_mid {
  height: 45px;
  color: #000000;
}

.box_tool_mid .center {
  width: 100%;
  height: 100%;
}

.box_tool_mid .left {
  width: 100%;
  height: 100%;
}

.box_tool_mid .right {
  width: 100%;
  height: 100%;
  color: #000000;
}

.box_tool_min a {
  float: left;
}

.box_tool_min {
  height: 29px;
  color: #000000;
  overflow: hidden;
}

.box_tool_min .center {
  width: 100%;
  height: 100%;
}

.box_tool_min .left {
  width: 100%;
  height: 100%;
}

.box_tool_min .right {
  width: 100%;
  height: 100%;
  color: #000000;
}

.box_tool_min a:hover {
  text-decoration: none !important;
}

.box_tool_min a:hover span {
  background-color: #d9ebf5;
  color: red;
  text-decoration: none !important;
}

.box_tool_line {
  float: left;
  width: 15px;
  display: block;
  height: 19px;
  overflow: hidden;
}

.pageNumber {
  line-height: 150%;
}

.pageNumber a {
  text-decoration: none;
  border: solid 1px #80c0e7;
  color: #333333 !important;
  background-color: transparent !important;
}

.pageNumber a:hover {
  text-decoration: none;
}

.pageNumber a,
.pageNumber span {
  display: block;
  float: left;
  padding: 0.18em 0.5em;
  margin-right: 5px;
  margin-bottom: 5px;
}

.pageNumber .current {
  background: #0081dd;
  color: #fff;
  border: solid 1px #619cc5;
}

.pageNumber .current.prev,
.pageNumber .current.next {
  color: #999;
  border-color: #999;
  background: #fff;
}

.pageArrow {
  line-height: 150%;
}

.pageArrow a,
.pageArrow span {
  display: block;
  float: left;
  padding: 4px 3px 0 3px;
  font-size: 14px;
}

.pageArrow .current {
  color: red;
  font-weight: bold;
}

.pageArrow_next {
  width: 16px;
  height: 18px;
}

.pageArrow_prev {
  width: 16px;
  height: 18px;
}

.pageArrow_last {
  width: 16px;
  height: 18px;
}

.pageArrow_first {
  width: 16px;
  height: 18px;
}

.text-explode {
  color: #CCC !important;
  font-weight: normal !important;
  margin: 0px 4px !important;
}

.spliterTop {
  width: 116px;
  height: 10px;
  cursor: pointer;
  cursor: hand;
  margin: 0 auto;
}

.spliterBottom {
  width: 116px;
  height: 10px;
  cursor: pointer;
  cursor: hand;
  margin: 0 auto;
}

.spliterLeft {
  width: 10px;
  height: 116px;
  cursor: pointer;
  cursor: hand;
}

.spliterRight {
  width: 10px;
  height: 116px;
  cursor: pointer;
  cursor: hand;
}

.spliterStyleV {
  width: 10px;
  height: 100%;
}

.spliterStyleH {
  width: 100%;
  height: 10px;
  overflow: hidden;
}

.page_title {
  width: 100%;
  height: 37px;
  line-height: 34px;
  padding-left: 5px;
  font-weight: bold;
  color: var(--text-color);
  font-size: 14px;
  padding: 0px 2px 0px 5px;
  border-bottom: 1px solid var(--border-color);
}

.page_title>h1 {
  line-height: 37px;
  font-size: 14px;
  display: inline-block;
  margin: 0;
  position: relative;
  z-index: 999;
}

.page_title>h1 i {
  width: 14px;
  height: 14px;
  position: relative;
  margin-top: 10px;
  float: right;
  display: block;
  z-index: 100;
  cursor: pointer;
}

.page-module-help {
  display: none;
}

.item_title {
  width: 100%;
  height: 25px;
  line-height: 25px;
  padding-left: 5px;
  font-weight: bold;
  font-size: 14px;
}

.page_title_toolbar {
  float: right;
  font-size: 12px;
  font-weight: normal;
  padding-right: 30px;
}

.exportContent {
  margin: 21px 49px;
}

.dropdown-menu {
  background: #FFFFFF;
  box-shadow: 0px 0px 3px 0px rgba(102,102,102,0.5);
  border-radius: 4px;
}

.dropdown-menu>li>a {
  padding: 3px 10px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background: var(--link-color);
  color: #fff;
}

.btn-group .dropdown-toggle {
  border: 0px;
  padding: 0px;
  line-height: 15px;
  background: transparent;
}

.btn-group.open .dropdown-toggle {
  box-shadow: none;
  background-color: transparent;
  color: var(--link-color);
}

.dropdown-toggle.btn:hover,
.dropdown-toggle.btn:focus,
.dropdown-toggle.btn.active {
  color: #ff7f24;
  background: transparent;
}

.filter .current a {
  border: solid 1px #015198 !important;
}

.filter .nocloseCurrent {
  display: inline-block;
  padding-left: 4px !important;
  padding-right: 4px !important;
  background-color: #0188cc;
  color: #ffffff;
  border-radius: 3px 3px 3px 3px;
}

.filter_main {
  position: relative;
  width: 100%;
}

.filter_searchTitle {
  font-size: 16px;
  font-weight: bold;
  height: 35px;
  line-height: 35px;
  border-bottom: solid 2px #b3cfee;
  padding: 0 0 0 10px;
}

.filter_searchTable .left {
  font-weight: bold;
  text-align: right;
}

.filter_searchTable .right {
  padding: 2px 0 2px 4px;
}

.filter_content {
  padding-bottom: 5px;
}

.filter_down {
  border: solid 1px #cccccc;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  padding: 0 20px 0 5px;
  border-radius: 3px 3px 3px 3px;
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.conditionLinkContent {
  padding: 5px;
}

.conditionLinkContent ul {
  display: block;
  border-bottom: dotted 1px #cccccc;
  padding: 5px 0 5px 0;
  height: 25px;
}

.conditionLinkContent li {
  float: left;
  display: inline-block;
}

.conditionLinkContent li .current {
  font-weight: bold;
  color: #027cc7;
  cursor: auto !important;
}

.conditionLinkContent li .current:hover {
  color: #027cc7 !important;
  cursor: auto !important;
}

.conditionLinkContent .condiSubTitle {
  width: 90px;
  font-weight: bold;
}

.conditionLinkContent .item {
  padding: 0 50px 0 0;
}

.conditionLinkContent .item a:hover {
  color: red;
  text-decoration: none;
}

.conditionLinkBox {
  border: solid 1px #c0c0c0;
}

.conditionLinkTop {
  height: 31px;
  border-bottom: solid 2px #80c0e7;
  padding: 0 0 0 10px;
}

.conditionLinkTopMulti {
  border-bottom: solid 2px #80c0e7;
  padding: 0 0 0 10px;
}

.conditionLink a {
  display: block;
  text-decoration: none;
  color: black;
  overflow: hidden;
  height: 20px;
  line-height: 20px;
  border: solid 1px #80c0e7;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 16px 0 5px;
  text-decoration: none;
  color: black;
}

.conditionLink a:hover {
  text-decoration: none;
  color: black;
}

.conditionLink li {
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  display: inline-block;
  float: left;
  padding: 0 5px 4px 0;
}

.conditionNav {
  _overflow-x: hidden;
  padding-right: 5px;
}

.conditionNavTitle {
  height: 38px;
  color: #ffffff;
  text-align: center;
  line-height: 38px;
  font-size: 14px;
  font-weight: bold;
}

.conditionNavContent ul {
  display: block;
  overflow: hidden;
  border-bottom: dotted 1px #cccccc;
}

.conditionNavContent .groupContent {
  border: solid 1px #0188cc;
  background-color: #ffffff;
  z-index: 100;
  position: relative;
}

.conditionNavContent li {
  float: left;
  display: inline-block;
  margin: 4px;
  padding-left: 4px;
  padding-right: 4px;
}

.conditionNavContent a:hover {
  text-decoration: none;
}

.conditionNavContent .current {
  background-color: #0188cc;
  color: #ffffff;
  border-radius: 3px 3px 3px 3px;
}

.conditionNavContent .current a {
  color: #ffffff !important;
  cursor: auto !important;
}

.conditionNavContent .current a:hover {
  color: #ffffff !important;
  cursor: auto !important;
  text-decoration: none;
}

.conditionNavContent .current2 {
  background-color: #0188cc;
  color: #ffffff;
  border-radius: 3px 3px 3px 3px;
}

.conditionNavContent .current2 a {
  color: #ffffff !important;
}

.conditionNavContent .current2 a:hover {
  color: #ffffff !important;
  text-decoration: none;
}

.conditionNavContent .condiSubTitle .title {
  width: 80px;
  font-weight: bold;
  height: 28px;
  line-height: 38px;
  padding: 0 0 0 5px;
  overflow: hidden;
  float: left;
}

.conditionNavContent .condiSubTitle .moreArrow {
  width: 35px;
  height: 28px;
  float: right;
}

.conditionNavContent .item a:hover {
  color: red;
}

.conditionNavBox {
  border: solid 1px #c0c0c0;
  _overflow-x: hidden;
  width: 100%;
}

.conditionNavTop {
  height: 31px;
  border-bottom: solid 2px #80c0e7;
  padding: 0 0 0 10px;
}

.conditionNavTopMulti {
  border-bottom: solid 2px #80c0e7;
  padding: 0 0 0 10px;
}

.conditionTarget a {
  display: block;
  text-decoration: none;
  color: black;
  overflow: hidden;
  height: 20px;
  line-height: 20px;
  border: solid 1px #80c0e7;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 16px 0 5px;
}

.conditionTarget a:hover {
  text-decoration: none;
}

.conditionTarget li {
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  display: inline-block;
  float: left;
  padding: 0 5px 4px 0;
}

.conditionNavSelContent {
  border: solid 1px #cccccc;
}

.conditionContent tr {
  display: none;
}

.conditionContent td {
  vertical-align: top;
}

.conditionContent ul {
  display: none;
  padding-top: 5px;
}

.conditionContent li {
  float: left;
  display: inline-block;
}

.conditionContent .condiComplexSubTitle {
  width: 100px;
}

.conditionContent .item {
  padding: 0 10px 0 0;
}

.conditionContent .item a {
  display: inline-block;
  text-decoration: none;
  color: #000000;
  overflow: hidden;
  height: 25px;
  line-height: 25px;
  border: solid 1px #919191;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 30px 0 5px;
}

.conditionContent .item a:hover {
  color: #ff6200;
}

.conditionTop {
  border: solid 1px #cccccc;
  background-color: #f6f6f6;
}

.conditionTop_title {
  color: #666666;
  font-size: 15px;
  font-weight: bold;
}

.conditionTop_items {
  display: none;
}

.conditionTop_tabs td {
  height: 30px;
  overflow: hidden;
}

.condition_tab li {
  float: left;
  display: inline-block;
  width: 96px;
  height: 22px;
  overflow: hidden;
}

.condition_tab li a {
  display: block;
  width: 66px;
  height: 20px;
  line-height: 20px;
  border: solid 1px #dddddd;
  padding: 0 10px 0 10px;
  overflow: hidden;
}

.condition_tab li .current {
  height: 29px;
  line-height: 26px;
  border-bottom: none;
  position: absolute;
  background-color: #ffffff;
  overflow: hidden;
}

.condition_tab_content {
  border-top: solid 1px #cccccc;
  padding: 5px;
  display: none;
}

.form-horizontal .control-label {
  padding-right: 0;
  text-align: right;
  margin-bottom: 0;
  padding-top: 0px;
  height: 30px;
  line-height: 30px;
}

.form-horizontal .form-group {
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px;
  color: #666666;
  margin-top: 5px;
  margin-bottom: 5px;
}

.form-horizontal .btn-search {
 	display: inline-block;
    padding: 7px 10px;
    margin-bottom: 0px;
    color: white;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: none;
    user-select: none;
    background-color: #015198;
    border-radius: 2px;
    font-size: 12px;
    height: auto;
}

span.badge {
  position: absolute;
  top: 0px;
  right: 17px;
  padding: 3px 6px;
  color: #f5f5f5;
  background-color: #dd4b39;
  border-radius: 10px;
}

.green-text {
  color: white;
  background-color: #3c763d;
  border: 1px solid #3c763d;
  padding: 1px 5px;
  border-radius: 10px;
}

.red-text {
  color: white;
  background-color: #ef5004;
  border: 1px solid #ef5004;
  padding: 1px 5px;
  border-radius: 10px;
}

.fa-menu-large {
  font-size: 16px !important;
  color: #015198;
  padding: 5px 2px;
  font-weight: bold !important;
}

.fa-menu-medium {
  font-size: 13px !important;
  color: #015198;
  padding: 2px;
}

.popover {
  border-radius: 0px;
  border: 1px solid #015198;
  box-shadow: none;
  max-width: 100%;
}

.page-module-help>h1 {
  font-weight: bolder;
  font-size: 18px;
  margin: 0 0 10px;
}

.page-module-help>div {
  margin: 20px 0 10px;
}

.page-module-help>div>p {
  margin: 15px 0 15px 12px;
  font-size: 13px;
}

.page-module-help>div>h2 {
  font-weight: bolder;
  font-size: 16px;
  border-bottom: 1px solid #ccc;
}

.page-module-help>div>ul {
  margin: 15px 0 15px 12px;
}

.page-module-help>div>ul li {
  list-style: disc inside;
}

.page-module-help>div>ul li label {
  border: 1px solid #eaeaea;
  background-color: #ffe9e9;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px 0 -5px;
  font-size: 13px;
  color: black;
}

.page-module-help>div>ul li span {
  font-size: 13px;
}

/* add */
@font-face {
  font-family: 'icomoon';
  src: url('/html/thirdparty/ample-admin/plugins/fonts/icomoon.eot?17lqxt');
  src: url('/html/thirdparty/ample-admin/plugins/fonts/icomoon.eot?17lqxt#iefix') format('embedded-opentype'),
    url('/html/thirdparty/ample-admin/plugins/fonts/icomoon.ttf?17lqxt') format('truetype'),
    url('/html/thirdparty/ample-admin/plugins/fonts/icomoon.woff?17lqxt') format('woff'),
    url('/html/thirdparty/ample-admin/plugins/fonts/icomoon.svg?17lqxt#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

.btn-current {
  border: 1px solid var(--link-color);
  position: relative;
  background-image: none !important;
  font-family: FontAwesome;
}

.btn-current:before {
  content: "\f005";
  position: absolute;
  color: #fff;
  bottom: -2px;
  right: 0;
  z-index: 2;
  font-size: 8px;
}

.btn-current:after {
  content: '';
  width: 0;
  height: 0;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: transparent var(--link-color) var(--link-color) transparent;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.form-horizontal .btn-search {
  background-color: #015198;
  border-color: #015198;
}

div.selectbox-wrapper ul li.current {
  background-color: var(--link-color);
}

div.selectbox-wrapper ul li.selected {
  background-color: #015198;
  opacity: 0.7;
}

a {
  color: var(--link-color);
}

.basicTab_current_center {
  border-bottom: 2px var(--link-color) solid;
}

.dynamicTab2_float {
  border-bottom: 2px var(--link-color) solid;
}

.btn-primary,
.btn-danger {
  border-color: var(--link-color);
  color: var(--link-color);
}

.btn-primary:hover,
.btn-danger:hover {
  background-color: #015198;
  color: #fff;
  border-color: #015198;
}

.dialog_ct {
  border-bottom: 1px var(--link-color) solid;
}
.global-dialog .dialog_ct {
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid var(--border-color);
}

.global-dialog .dialog_icon_default {
  color: rgba(0, 0, 0, 0.6);
  /* font-size: 14px; */
  padding-left: 10px;
}

.global-dialog .body-content {
  border-radius: 0 0 4px 4px;
}

.global-dialog .dialog_closebtn, .global-dialog .dialog_closebtn_over {
  position: relative;
  background: none;
  margin-top: 6px;
}

.global-dialog .dialog_closebtn:hover, .global-dialog .dialog_closebtn_over:hover {
  color: #409eff;
}
.global-dialog .dialog_closebtn:before, .global-dialog .dialog_closebtn:after, .global-dialog .dialog_closebtn_over:before, .global-dialog .dialog_closebtn_over:after {
  content: '';
  position: absolute;
  left: 0;
  top: 11px;
  width: 11px;
  height: 1px;
  background-color: currentColor;
  transform: rotate(-45deg);
}

.global-dialog .dialog_closebtn:after, .global-dialog .dialog_closebtn_over:after {
  transform: rotate(45deg);
}

.global-dialog .dialog-btn-wrapper {
  padding: 8px 20px !important;
  border-top: none !important;
  text-align: right !important;
}

.global-dialog .dialog-btn-wrapper .button {
  padding: 7px 10px;
}

.global-dialog .dialog-alert-table {
  width: 90%;
  margin: 0 auto;
}

.global-dialog .dialog-alert-table td:first-child input {
  margin-right: 9px;
}
#metricsList li a:hover {
  color: #015198;
  border-left-color: #015198;
}

#metricsList li a:focus {
  color: #015198;
  border-left-color: #015198;
}

#metricsList li a.href-current {
  color: #015198 !important;
  border-left-color: #015198;
}

.filter .current a {
  border: 1px solid var(--link-color) !important;
  position: relative;
  background-image: none;
  font-family: FontAwesome;
}

.filter .current a:hover {
  background-image: none;
}

.filter .current a:before {
  content: "\f005";
  position: absolute;
  color: #fff;
  bottom: -2px;
  right: 0;
  z-index: 2;
  font-size: 8px;
}

.filter .current a:after {
  content: '';
  width: 0;
  height: 0;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: transparent var(--link-color) var(--link-color) transparent;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.alarmTitle {
  border-left-color: var(--link-color);
}

.lastLocate,
.minMileage,
.hybridSpeed {
  border-left-color: var(--link-color);
}

#slider .ui-slider-range {
  background: var(--link-color);
}

#slider .ui-slider-handle {
  border-color: var(--link-color);
}

.searchBtnBottomBefore,
.searchBtnBottomAfter {
  position: relative;
  background-image: none;
  font-family: FontAwesome;
  background-color: var(--link-color);
}

.searchBtnBottomBefore:after {
  content: "\f103";
  position: absolute;
  color: #fff;
  bottom: 2px;
  right: 6px;
  font-size: 22px;
}

.searchBtnBottomAfter:after {
  content: "\f102";
  position: absolute;
  color: #fff;
  bottom: 4px;
  right: 6px;
  font-size: 22px;
}

.searchBtnBottomBefore:hover,
.searchBtnBottomAfter:hover {
  background-image: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

/*改e001-01新增  */

.alarm-total {
  border-bottom-color: #015198;
}

.webui-popover.in {
  border-color: #015198;
}

/* 12.26新增 */
.btn-info {
  background-color: #015198;
  border-color: #015198;
}

.btn-info:hover,
.btn-info:focus {
  background-color: #015198;
  border-color: #015198;
}

.btn:focus {
  outline: none;
}

.title {
  border-left-color: #015198;
}

.button:hover,
.btn:hover {
  opacity: 0.7;
}

#play>.play,
#play>.pause {
  background-color: #015198;
}

.title>#chartTitle {
  border-bottom-color: #015198;
}

.right-sidebar .rpanel-title {
  background: #015198;
}

#bs_bannercenter {
  height: 60px !important;
}

.right-sidebar .rpanel-title {
  line-height: normal;
}

.report_box .nav p.bottom_line {
  background: #015198;
}

.modal-dialog .col-sm-1 {
	width: 11% !important;
}
.modal-footer .btn+.btn {
  margin-bottom: 0px;
}

#themecolors li a{
  width: 55px;
  height: 55px;
}

.shw-rside{
  width:400px;
}

.full-width b {
  font-weight: 600;
}

#themecolors li a.working:before{
  content: "\f005";
  color: #fff;
  font-size: 11px;
  line-height: 35px;
  width: 25px;
  height: 25px;
  bottom: 0;
  right: -5px;
  top: auto;
  left: auto;
  z-index: 2;
}

#themecolors li a.working:after {
  content: '';
  width: 0;
  height: 0;
  border-width: 0 0 25px 25px;
  border-style: solid;
  border-color: transparent #3EC326 #3EC326 transparent;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

ul#themecolors li.full-width{
  text-align: left;
  margin-top:10px;
  font-size: 14px;
  color: #2E2E2E;
  margin-top: 30px;
  margin-left: 12px;
}

ul#themecolors li.full-width:first-child {
  margin-top: 10px;
}

ul#themecolors li.skin-item{
  margin-left: 10px;
}

ul#themecolors li.skin-item img {
  width: 100%;
  height: 100%;
}

ul#themecolors li.skin-item .skin-name {
  text-align: center;
  font-size: 10px;
  color: #2E2E2E;
  font-weight: 500;
  line-height: 12px;
}

.right-sidebar .r-panel-body {
  padding: 10px 0;
  height: calc(100vh - 60px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0;
}

#page-wrapper.admin-main {
  margin: 0;
  padding:15px;
}

.dynamicTab3 .tab_item3 {
  background-image: url(dynamicTab/dynamicTab3_03.png);
  background-repeat: no-repeat;
}

.box4 .boxContent .subtitle_con {
  background-image: url(box/box4_subbg.jpg);
  background-repeat: repeat-x;
}

.box4 .boxContent li a {
  background-image: url(box/box4_listBg.jpg);
  background-repeat: repeat-x;
}

.box4 .boxContent li a:hover {
  background-image: url(box/box4_listBg_hover.jpg);
}

.box4 .boxContent li .current {
  background-image: url(box/box4_listBg_hover.jpg);
  background-repeat: repeat-x;
}

.tooltip .top {
  background: url(tooltip/bt.gif) no-repeat top;
}

.tooltip .bottom {
  background: url(tooltip/bt.gif) no-repeat bottom;
}

.tooltip_min .top {
  background: url(tooltip/bt_min.gif) no-repeat top;
}

.tooltip_min .bottom {
  background: url(tooltip/bt_min.gif) no-repeat bottom;
}

.tooltip_mid .top {
  background: url(tooltip/bt_mid.gif) no-repeat top;
}

.tooltip_mid .bottom {
  background: url(tooltip/bt_mid.gif) no-repeat bottom;
}

.tooltip_r .top {
  background: url(tooltip/bt_r.gif) no-repeat top;
}

.tooltip_r .bottom {
  background: url(tooltip/bt_r.gif) no-repeat bottom;
}

.tooltip_min_r .top {
  background: url(tooltip/bt_min_r.gif) no-repeat top;
}

.tooltip_min_r .bottom {
  background: url(tooltip/bt_min_r.gif) no-repeat bottom;
}

.tooltip_mid_r .top {
  background: url(tooltip/bt_mid_r.gif) no-repeat top;
}

.tooltip_mid_r .bottom {
  background: url(tooltip/bt_mid_r.gif) no-repeat bottom;
}

.tooltip_s .top {
  background: url(tooltip/bt_s.gif) no-repeat top;
}

.tooltip_s .bottom {
  background: url(tooltip/bt_s.gif) no-repeat bottom;
}

.tooltip_min_s .top {
  background: url(tooltip/bt_min_s.gif) no-repeat top;
}

.tooltip_min_s .bottom {
  background: url(tooltip/bt_min_s.gif) no-repeat bottom;
}

.tooltip_mid_s .top {
  background: url(tooltip/bt_mid_s.gif) no-repeat top;
}

.tooltip_mid_s .bottom {
  background: url(tooltip/bt_mid_s.gif) no-repeat bottom;
}

.formErrorContent {
  background: url(tooltip/bt_error.gif) no-repeat top;
}

.formErrorBottom {
  background: url(tooltip/bt_error.gif) no-repeat bottom;
}

.dialog_maxbtn {
  background-image: url(popup/dialog_maxbtn.gif);
  background-repeat: no-repeat;
  background: transparent;
  background-position: 50% 50%;
}

.dialog_minbtn {
  background-image: url(popup/dialog_minbtn.gif);
  background-repeat: no-repeat;
  background: transparent;
  background-position: 50% 50%;
}

.dialog_decreasebtn {
  background-image: url(popup/dialog_decreasebtn.gif) !important;
}

.dialog_bg {
  background: #eaece9 url(popup/dialog_bg.jpg) no-repeat scroll right top;
}

.dialog_messageIcon {
  background-image: url(popup/window.gif);
  background-repeat: no-repeat;
  background: transparent;
  background-position: 50% 50%;
}

.icon_alert {
  background: transparent url(popup/icon_alert.gif) no-repeat;
  background-position: 50% 50%;
  border: 0;
  width: 34px !important;
  height: 34px;
}

.icon_query {
  background-image: url(popup/icon_query.gif);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 50% 50%;
}

.dialog__simple_closebtn {
  background-image: url(popup/simple_close.gif);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 50% 50%;
}

.dialog_tip_bottom {
  background-image: url(popup/simple_bottomLine.gif);
  background-repeat: repeat-x;
}

.dialog_tip_bottomArr {
  background-image: url(popup/simple_tip.png) !important;
  background: url(popup/simple_tip.gif) no-repeat center top;
}

.dialog_shadow_lt {
  background-image: url(popup/shadow_lt.gif);
  background-repeat: no-repeat;
  background: #ffffff;
}

.dialog_shadow_ct {
  background-image: url(popup/shadow_ct.gif);
  background-repeat: repeat-x;
  background: #ffffff;
}

.dialog_shadow_rt {
  background-image: url(popup/shadow_rt.gif);
  background-repeat: no-repeat;
}

.dialog_shadow_lm {
  background-image: url(popup/shadow_lm.gif);
  background-repeat: repeat-y;
  background: #ffffff;
}

.dialog_shadow_cm {
  background: #ffffff;
}

.dialog_shadow_rm {
  background-image: url(popup/shadow_rm.gif);
  background-repeat: repeat-y;
}

.dialog_shadow_lb {
  background-image: url(popup/shadow_lb.png) !important;
  background-image: url(popup/shadow_lb.gif);
  background-repeat: no-repeat;
}

.dialog_shadow_cb {
  background-image: url(popup/shadow_cb.png) !important;
  background-image: url(popup/shadow_cb.gif);
  background-repeat: repeat-x;
  background-position: 0 100%;
}

.dialog_shadow_rb {
  background-image: url(popup/shadow_rb.png) !important;
  background-image: url(popup/shadow_rb.gif);
  background-repeat: no-repeat;
}

.dialog_trans_icon {
  background-image: url(popup/trans.gif);
  background-repeat: no-repeat;
  background: transparent;
  background-position: 50% 50%;
}

.dialogTaskBg {
  background-image: url(popup/taskBar.jpg);
  background-repeat: repeat-x;
}

.taskItemButtonLeft {
  background-image: url(popup/item_leftBtn.gif);
  background-repeat: no-repeat;
}

.taskItemButtonRight {
  background-image: url(popup/item_rightBtn.gif);
  background-repeat: no-repeat;
}

.dialogTaskItem {
  background-image: url(popup/taskItemRight.jpg);
  background-repeat: no-repeat;
  background-position: 100% 0%;
}

.dialogTaskItem .dialogTaskItemRight {
  background-image: url(popup/taskItemLeft.jpg);
  background-repeat: no-repeat;
}

.dialogTaskItemCurrent {
  background-image: url(popup/taskItemRightCurrent.jpg) !important;
}

.dialogTaskItemCurrent .dialogTaskItemRight {
  background-image: url(popup/taskItemLeftCurrent.jpg) !important;
}

.searchBtnRightBefore {
  background-image: url(floatPanel/searchBtnRight02.gif);
}

.searchBtnRightBefore:hover {
  background-image: url(floatPanel/searchBtnRight02.gif);
}

.searchBtnRightAfter {
  background-image: url(floatPanel/searchBtnLeft02.gif);
}

.searchBtnRightAfter:hover {
  background-image: url(floatPanel/searchBtnLeft02.gif);
}

.searchBtnBottomBefore {
  background-image: url(floatPanel/searchBtnDown01.gif);
}

.searchBtnBottomBefore:hover {
  background-image: url(floatPanel/searchBtnDown02.gif);
}

.searchBtnBottomAfter {
  background-image: url(floatPanel/searchBtnUp01.gif);
}

.searchBtnBottomAfter:hover {
  background-image: url(floatPanel/searchBtnUp02.gif);
}

.progressBar {
  background-image: url(nav/progressBar.gif);
  background-repeat: no-repeat;
}

.box_msg .msg_topcenter {
  background-image: url(box/box_msg_topcenter.jpg);
  background-repeat: repeat-x;
}

.box_msg .msg_topleft {
  background-image: url(box/box_msg_topleft.jpg);
  background-repeat: no-repeat;
}

.box_msg .msg_topright {
  background-image: url(box/box_msg_topright.jpg);
  background-repeat: no-repeat;
  background-position: 100% 0%;
}

.box_msg .msg_middleleft {
  background-image: url(box/box_msg_middleleft.jpg);
  background-repeat: repeat-y;
}

.box_msg .msg_middleright {
  background-image: url(box/box_msg_middleright.jpg);
  background-repeat: repeat-y;
  background-position: 100% 0%;
}

.box_msg .msg_bottomcenter {
  background-image: url(box/box_msg_bottomcenter.jpg);
  background-repeat: repeat-x;
}

.box_msg .msg_bottomleft {
  background-image: url(box/box_msg_bottomleft.jpg);
  background-repeat: no-repeat;
}

.box_msg .msg_bottomright {
  background-image: url(box/box_msg_bottomright.jpg);
  background-repeat: no-repeat;
  background-position: 100% 0%;
}

.box_msg .msg_close {
  background-image: url(box/box_msg_close.jpg);
  background-repeat: no-repeat;
  background-position: 0% 100%;
}

.box_msg_custom .msg_topcenter {
  background-image: url(box/box_msg_custom_topcenter.jpg);
  background-repeat: repeat-x;
}

.box_msg_custom .msg_topleft {
  background-image: url(box/box_msg_custom_topleft.jpg);
  background-repeat: no-repeat;
}

.box_msg_custom .msg_topright {
  background-image: url(box/box_msg_custom_topright.jpg);
  background-repeat: no-repeat;
  background-position: 100% 0%;
}

.box_msg_custom .msg_middleleft {
  background-image: url(box/box_msg_custom_middleleft.jpg);
  background-repeat: repeat-y;
}

.box_msg_custom .msg_middleright {
  background-image: url(box/box_msg_custom_middleright.jpg);
  background-repeat: repeat-y;
}

.box_msg_custom .msg_bottomcenter {
  background-image: url(box/box_msg_custom_bottomcenter.jpg);
  background-repeat: repeat-x;
}

.box_msg_custom .msg_bottomleft {
  background-image: url(box/box_msg_custom_bottomleft.jpg);
  background-repeat: no-repeat;
}

.box_msg_custom .msg_bottomright {
  background-image: url(box/box_msg_custom_bottomright.jpg);
  background-repeat: no-repeat;
  background-position: 100% 0%;
}

.box_msg_custom .msg_close {
  background-image: url(box/box_msg_custom_close.jpg);
  background-repeat: no-repeat;
  background-position: 0% 100%;
}

.infoBtn {
  background-image: url(/html/images/icons/info.png) !important;
}

.layerBtn {
  background-image: url(/html/images/icons/layer.png) !important;
}

.globeBtn {
  background-image: url(/html/images/icons/globe.png) !important;
  background-position: 100% 0% !important;
}

.arrowBtn {
  background-image: url(/html/images/icons/arrow.png) !important;
  background-position: 100% 0% !important;
}

.th {
  background-image: url(table/th_bg.jpg);
  background-repeat: repeat-x;
}

.th_m {
  background-image: url(table/th_bg_m.jpg);
  background-repeat: repeat-x;
}

.th_m2 {
  background-image: url(table/th_bg_m2.jpg);
  background-repeat: repeat-x;
}

.th_m3 {
  background-image: url(table/th_bg_m3.jpg);
  background-repeat: repeat-x;
}

.th_over {
  background-image: url(table/th_bg_over.jpg);
  background-repeat: repeat-x;
}


.treeTable th {
  background-image: url(table/th_bg.jpg);
  background-repeat: repeat-x;
}
.button2 {
  background: transparent url(form/btn_bg2.jpg) repeat scroll 0 0;
}

.buttonswich {
  background-image: url(form/swich_off.png);
  background-repeat: no-repeat;
  background: transparent;
}

.buttonswich.toggle {
  background-image: url(form/swith_on.png) !important;
}

.buttonswich2 {
  background-image: url(form/swich_off2.png);
  background-repeat: no-repeat;
  background: transparent;
}

.buttonswich2.toggle {
  background-image: url(form/swith_on2.png) !important;
}

div.selectbox-wrapper ul li.group {
  background-image: url(form/selArr.gif);
  background-repeat: no-repeat;
  background-position: 0% 50%;
}

ul.lister {
  background-image: url(form/selListBg.jpg);
  background-repeat: repeat-x;
  background-position: 0% 100%;
  background: white;
}

.dbSelectionMode {
  background-image: url(form/selListBg.jpg);
  background-repeat: repeat-x;
  background-position: 0% 100%;
  background: white;
}

input.stepper-active {
  background-repeat: no-repeat;
  background-position: right 5px;
  background-image: url(form/steperNormal.gif);
  background: #f1f9fc;
  background: #ffffff;
}

input.stepper-active.stepper-up-hover {
  background-image: url(form/steperUpOver.gif);
}

input.stepper-active.stepper-down-hover {
  background-image: url(form/steperDownOver.gif);
}

input.stepper-active.stepper-up {
  background-image: url(form/steperUpDown.gif);
}

input.stepper-active.stepper-down {
  background-image: url(form/steperDownDown.gif);
}

.fileBtn {
  background-image: url(form/fileBtn.jpg);
}

.filter .current a {
  background-image: url(form/choose.png);
  background-repeat: no-repeat;
  background-position: 98% 40%;
}

.filter .current a:hover {
  background-image: url(form/filterCloseHover.gif);
}

.upload_iconBg {
  background-image: url(form/fj_main.gif);
  background-repeat: no-repeat;
}

.upload_icon_progess {
  background-image: url(form/fj_progess.gif);
  background-repeat: no-repeat;
  background-position: -1px -2px;
}

.upload_icon_ok {
  background-image: url(form/fj_ok.gif);
  background-repeat: no-repeat;
  background-position: -1px -2px;
}

.upload_icon_error {
  background-image: url(form/fj_error.gif);
  background-repeat: no-repeat;
  background-position: -1px -2px;
}

.upload_progress_inner {
  background-image: url(form/fj_progessbar.gif);
  background-repeat: repeat-x;
}

.titleMain {
  background-image: url(form/stepFormTitleBg.jpg);
  background-repeat: no-repeat;
  background-position: 100% 0%;
  background: #d5f0ff;
}

.stepFormTitleCur .left {
  background-image: url(form/formStepCurLeft.gif);
  background-repeat: no-repeat;
}

.stepFormTitleCur .center {
  background-image: url(form/formStepCurCenter.gif);
  background-repeat: repeat-x;
}

.stepFormTitleCur .right {
  background-image: url(form/formStepCurRight.gif);
  background-repeat: no-repeat;
}

.l-grid-hd-cell-dropleft {
  background: url(dataGrid/icon-prev.gif) no-repeat -2px center;
}

.l-grid-hd-cell-dropright {
  background: url(dataGrid/icon-next.gif) no-repeat 0px center;
}

.l-grid-hd-cell-sort-asc {
  background: url(dataGrid/icon-sort-asc.gif) no-repeat center;
}

.l-grid-hd-cell-sort-desc {
  background: url(dataGrid/icon-sort-desc.gif) no-repeat center;
}

.l-grid-hd-cell-btn span {
  background: url(dataGrid/icon-down.gif) no-repeat 2px 8px;
}

.l-grid-row-cell-detail .l-grid-row-cell-inner span {
  background: url(dataGrid/grid-detail-close.gif) no-repeat 5px 5px;
}

.l-grid-row-cell-detail .l-grid-row-cell-inner span.l-open {
  background: url(dataGrid/grid-detail-open.gif) no-repeat 5px 5px;
}

.l-grid-row-cell-checkbox span, .l-grid-hd-cell-checkbox .l-grid-hd-cell-inner div {
  background: url(/html/images/icons/checkbox.png) no-repeat;
  background-position: 0px 0px;
}

.l-checked .l-grid-row-cell-checkbox span, .l-checked .l-grid-hd-cell-checkbox .l-grid-hd-cell-inner div {
  background-position: 0px;
  background-image: url(/html/images/icons/checkbox-checked.png);
}

.l-selected .l-grid-row-cell-checkbox span, .l-selected .l-grid-hd-cell-checkbox .l-grid-hd-cell-inner div {
  background-position: 0px 0px;
  background-image: url(/html/images/icons/checkbox-checked.png);
}

.l-grid-row-cell-edited .l-grid-row-cell-inner {
  background-image: url(dataGrid/icon-edited.gif);
  background-repeat: no-repeat;
  background-position: 0px 2px;
}

.l-bar-button-over {
  background: url(dataGrid/bar-button-over.gif) no-repeat center;
}

.l-bar-btnfirst span {
  background: url(dataGrid/icon-first.gif) no-repeat;
  background-position: 0px 0px;
}

.l-bar-btnprev span {
  background: url(dataGrid/icon-prev.gif) no-repeat;
  background-position: 0px 0px;
}

.l-bar-btnnext span {
  background: url(dataGrid/icon-next.gif) no-repeat;
  background-position: 0px 0px;
}

.l-bar-btnlast span {
  background: url(dataGrid/icon-last.gif) no-repeat;
  background-position: 0px 0px;
}

.l-bar-btnload span {
  background: url(dataGrid/icon-load.gif) no-repeat;
  background-position: 0px 0px;
}

.l-bar-btnloading span {
  background: url(dataGrid/icon-loading.gif) no-repeat;
  background-position: 0px 0px;
}

.l-grid .l-grid-group-togglebtn {
  background: url(dataGrid/grid-detail-open.gif) no-repeat center;
}

.l-grid .l-grid-group-togglebtn-close {
  background: url(dataGrid/grid-detail-close.gif) no-repeat center;
}

.l-grid-tree-link-open {
  background: url(dataGrid/grid-tree-open.gif) no-repeat center;
}

.l-grid-tree-link-close {
  background: url(dataGrid/grid-tree-close.gif) no-repeat center;
}

.l-grid-gray .l-grid-header {
  background: #E2F0FF url(dataGrid/header2-bg.jpg) repeat-x left bottom;
}

.l-menubar {
  background: url(dataGrid/panel-menu.gif) repeat-x;
}

.l-menubar-item-down {
  background: url(dataGrid/panel-menu-item-down.gif) no-repeat center;
}

.listArr {
  background: url(nav/arrow.gif);
  background-repeat: no-repeat;
  background-position: 5px 40%;
}

.popupMenu .arrow {
  background-image: url(nav/arror_down.gif);
  background-repeat: no-repeat;
  background-position: 95% 40%;
}

.pic_con {
  width: 100px;
  background-image: url(nav/menuBg.jpg);
  background-repeat: repeat-y;
  background: white;
}

.icon_con {
  background-image: url(nav/menuLine.jpg);
  background-repeat: repeat-y;
  background-position: 25px 0;
  background: #f9f9f9;
}
.basicTabModern_top {
  background-image: url(basicTabModern/tab_bg_center.jpg);
  background-repeat: repeat-x;
}

.basicTabModern_top_left {
  background-image: url(basicTabModern/tab_bg_left.jpg);
  background-repeat: no-repeat;
}

.basicTabModern_top_left2 {
  background-image: url(basicTabModern/tab_bg_left2.jpg);
  background-repeat: no-repeat;
}

.basicTabModern_top_right {
  background-image: url(basicTabModern/tab_bg_right.jpg);
  background-repeat: no-repeat;
  background-position: 100% 0%;
}

.basicTabModern_normal_right {
  background-image: url(basicTabModern/tab_normal.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.basicTabModern_current_left {
  background-image: url(basicTabModern/tab_current_left.jpg) !important;
}

.basicTabModern_current_center {
  background-image: url(basicTabModern/tab_current_center.jpg) !important;
}

.basicTabModern_current_right {
  background-image: url(basicTabModern/tab_current_right.jpg) !important;
}

.benma_ui_tab .tab_item1 {
  background-image: url(dynamicTab/tab1.gif);
  background-repeat: no-repeat;
}

.benma_ui_tab .tab_item2 {
  background-image: url(dynamicTab/tab2.gif);
  background-repeat: repeat-x;
}

.benma_ui_tab .tab_item3 {
  background-image: url(dynamicTab/tab3.gif);
  background-repeat: no-repeat;
}

.benma_ui_tab .tab_close {
  background-image: url(dynamicTab/close.gif);
  background-repeat: no-repeat;
}

.benma_ui_tab .tab_item1_bottom {
  background-image: url(dynamicTab/tab1_bottom.gif);
  background-repeat: no-repeat;
  background-position: 0px -18px;
}

.benma_ui_tab .tab_item2_bottom {
  background-image: url(dynamicTab/tab2_bottom.gif);
  background-repeat: repeat-x;
  background-position: 0px -18px;
}

.benma_ui_tab .tab_item3_bottom {
  background-image: url(dynamicTab/tab3_bottom.gif);
  background-repeat: no-repeat;
  background-position: 0px -18px;
  width: 5px;
}

.tabButtonLeft {
  background-image: url(dynamicTab/tab_leftBtn.gif);
  background-repeat: no-repeat;
}

.tabButtonRight {
  background-image: url(dynamicTab/tab_rightBtn.gif);
  background-repeat: no-repeat;
}

.singleNav {
  background-image: url(nav/singleNav_bg.jpg);
  background-repeat: no-repeat;
  background-position: 0% 100%;
}

.singleNav div {
  background-image: url(nav/singleNav_itemBg.jpg);
  background-repeat: no-repeat;
}

.singleNav .current {
  background-image: url(nav/singleNav_itemBg_cur.jpg);
  background-repeat: no-repeat;
}

.singleNavMin {
  background-image: url(nav/singleNav_bg_min.jpg);
  background-repeat: no-repeat;
  background-position: 0% 100%;
}

.singleNavMin div {
  background-image: url(nav/singleNav_itemBg_min.jpg);
  background-repeat: no-repeat;
}

.singleNavMin .current {
  background-image: url(nav/singleNav_itemBg_cur_min.jpg);
  background-repeat: no-repeat;
}

.accordition .titlebar {
  background: #00a0c6;
  background-image: url(nav/accTabNor.jpg);
}

.accordition .titlebar:hover {
  background: white;
  background-image: url(nav/accTabCur.jpg);
  color: white;
}

.accordition .titlebar.selected {
  background: #80cfe2;
  background-image: url(nav/accTabCur.jpg);
}

.positionSimple {
  background-image: url(nav/position_simpleBg.jpg);
  background-repeat: repeat-x;
}

.position .center {
  background-image: url(nav/position_center.jpg);
  background-repeat: repeat-x;
}

.position .left {
  background-image: url(nav/position_left.jpg);
  background-repeat: no-repeat;
}

.position .right {
  background-image: url(nav/position_right.jpg);
  background-repeat: no-repeat;
  background-position: 100% 0%;
}

.box_tool .center {
  background-image: url(box/box_tool_center.gif);
  background-repeat: repeat-x;
}

.box_tool .left {
  background-image: url(box/box_tool_left.gif);
  background-repeat: no-repeat;
}

.box_tool .right {
  background-image: url(box/box_tool_right.gif);
  background-repeat: no-repeat;
  background-position: 100% 0%;
}

.box_tool_mid .center {
  background-image: url(box/box_tool_center2.gif);
  background-repeat: repeat-x;
}

.box_tool_mid .left {
  background-image: url(box/box_tool_left2.gif);
  background-repeat: no-repeat;
}

.box_tool_mid .right {
  background-image: url(box/box_tool_right2.gif);
  background-repeat: no-repeat;
  background-position: 100% 0%;
}

.box_tool_min .center {
  background-image: url(box/box_tool_center3.gif);
  background-repeat: repeat-x;
}

.box_tool_min .left {
  background-image: url(box/box_tool_left3.gif);
  background-repeat: no-repeat;
}

.box_tool_min .right {
  background-image: url(box/box_tool_right3.gif);
  background-repeat: no-repeat;
  background-position: 100% 0%;
}

.box_tool_line {
  background-image: url(box/box_tool_line.gif);
  background-repeat: no-repeat;
  background-position: 5px 4px;
}

.pageArrow_next {
  background-image: url(nav/arrow_right.gif);
  background-repeat: no-repeat;
  background-position: 0% 100%;
}

.pageArrow_prev {
  background-image: url(nav/arrow_left.gif);
  background-repeat: no-repeat;
  background-position: 0% 100%;
}

.pageArrow_last {
  background-image: url(nav/arrow_right_db.gif);
  background-repeat: no-repeat;
  background-position: 0% 100%;
}

.pageArrow_first {
  background-image: url(nav/arrow_left_db.gif);
  background-repeat: no-repeat;
  background-position: 0% 100%;
}

.spliterTop {
  background-image: url(nav/spliter_top.jpg);
  background-repeat: no-repeat;
}

.spliterBottom {
  background-image: url(nav/spliter_bottom.jpg);
  background-repeat: no-repeat;
}

.spliterLeft {
  background-image: url(nav/spliter_left.jpg);
  background-repeat: no-repeat;
}

.spliterRight {
  background-image: url(nav/spliter_right.jpg);
  background-repeat: no-repeat;
}

.spliterStyleH {
  background-image: url(nav/spliter_bg_h.jpg);
  background-repeat: repeat-x;
}

.page_title > h1 i {
  background: url(/html/images/w.png) no-repeat center center;
  background-size: cover;
}

.filter .current a {
  background-image: url(form/choose.png);
  background-repeat: no-repeat;
  background-position: 98% 40%;
}

.filter .current a:hover {
  background-image: url(form/choose.png);
}

.filter_down {
  background-image: url(form/arr_dowm.jpg);
  background-repeat: no-repeat;
  background-position: 90% 50%;
}

.filter_up {
  background-image: url(form/arr_up.jpg);
}

.conditionLink a {
  background-image: url(form/filterClose.gif);
  background-repeat: no-repeat;
  background-position: 98% 40%;
}

.conditionLink a:hover {
  background-image: url(form/filterCloseHover.gif);
}

.conditionNavTitle {
  background-image: url(form/conditonNavTitle.jpg);
  background-repeat: repeat-x;
}

.conditionNavContent .condiSubTitle .moreArrow {
  background-image: url(form/conditonNavArrow.jpg);
  background-repeat: no-repeat;
  background-position: 0% 90%;
}

.conditionTarget a {
  background-image: url(form/filterClose.gif);
  background-repeat: no-repeat;
  background-position: 98% 40%;
}

.conditionTarget a:hover {
  background-image: url(form/filterCloseHover.gif);
}

.conditionContent .item a {
  background-image: url(form/conditionClose.jpg);
  background-repeat: no-repeat;
  background-position: 98% 40%;
}

.conditionContent .item a:hover {
  background-image: url(form/conditionCloseHover.jpg);
}

.condition_tab li a {
  background-image: url(form/arrow.jpg);
  background-repeat: no-repeat;
  background-position: 95% 50%;
}

.fileBtnUpload {
  background-image: url(form/fileBtn-upload.jpg);
}

.clearfix:before, .clearfix:after {
  display: block;
}