@charset "utf-8";

/******************************************************************************
公共样式
******************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    padding: 0;
    margin: 0;
    font-family: "微软雅黑", "宋体", Arial, sans-serif;
}

input, textarea {
    font-family: "微软雅黑", "宋体", Arial, sans-serif;
    font-size: 14px;
}

input {
    box-sizing: border-box;
    vertical-align: middle;
    transition: .2s all;
}

input[type="button"] {
    transition: none;
}

input[type="text"], input[type="password"] {
    line-height: 36px;
    height: 36px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding-left: 5px;
    /*min-width: 100px;*/
}

.Wdate {
    box-sizing: border-box;
}

select {
    line-height: 36px;
    height: 36px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding-left: 5px;
    /*min-width: 100px;*/
    transition: .2s all;
}

textarea {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding-left: 5px;
    transition: .2s all;
}

select[multiple="multiple"] {
    height: auto;
}

html {
    overflow-x: auto;
    overflow-y: auto;
}

body {
    background: #FFF;
}

input:hover, select:hover, textarea:hover, radio:hover, checkbox:hover {
    border-color: rgba(112, 112, 112, .4);
}

input:focus, select:focus, textarea:focus, radio:focus, checkbox:focus {
    border-color: #4B81C8;
}

input:active, select:active, textarea:active, radio:active, checkbox:active {
    border-color: #4B81C8;
}

a, a:visited {
    color: #3693f3;
    text-decoration: none;
}

a:hover, a:visited:hover {
    text-decoration: none;
}

input {
    margin: 0;
}

html, body {
    font-size: 14px;
}

body h2 {
    text-align: center;
}

img {
    border: 0;
}

::-webkit-input-placeholder {
    color: #9f9f9f;
}

:-moz-placeholder {
    color: #9f9f9f;
}

::-moz-placeholder {
    color: #9f9f9f;
}

:-ms-input-placeholder {
    color: #9f9f9f;
}

input.placeholder, textarea.placeholder {
    color: #9f9f9f;
}

ul, ol {
    list-style: none;
}

iframe {
    border: 0;
    background: #FFF;
}

.font_red, .font_red * {
    color: red !important;
}

.ui-tabs.ui-widget-content {
    border: none;
}

.indent {
    text-indent: 2em;
}

/*必填样式*/
.requiredflag {
    color: red;
    margin-left: 2px;
    /*	font-size: 15px;*/
    vertical-align: middle;
}

.fixed {
    position: fixed;
}

.Wdate {
    border: #999 1px solid;
    height: 20px;
    background: #fff url(images/datePicker.gif) no-repeat right;
}

/*autocomplete样式*/
.auto {
    border: #999 1px solid;
    background: #fff url(images/auto.gif) no-repeat right;
}

.fileDiv {
    width: 100%;
    height: 28px;
    padding-top: 5px;
}

.fileDiv .addDocType {

}

.fileDiv .addDocType:hover {
    cursor: pointer;
    color: blue;
}

.fileRequired {
    width: 100%;
    height: 20px;
}

/*只读和禁用样式*/
/*input[readonly="readonly"], input[readonly], textarea[readonly="readonly"], textarea[readonly], input[disabled="disabled"], input[disabled], textarea[disabled="disabled"], textarea[disabled], select[disabled="disabled"], select[disabled] {
    background-color: #F5F5F5 !important;
    border: 1px solid #DDD !important;
    color: #ACA899 !important;
}*/
input[readonly="readonly"]:not([class^="el-"]), input[readonly]:not([class^="el-"]), textarea[readonly="readonly"], textarea[readonly], input[disabled="disabled"]:not([class^="el-"]), input[disabled]:not([class^="el-"]), textarea[disabled="disabled"], textarea[disabled], select[disabled="disabled"]:not([class^="el-"]), select[disabled]:not([class^="el-"]) {
    background-color: #F5F5F5 !important;
    border: 1px solid #DDD !important;
    color: #ACA899 !important;
}

input[disabled="disabled"], input[disabled], button[disabled="disabled"], button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.ui-button.ui-button-primary.fakeDisabled,
.gridButton.ui-button-primary.ui-button.fakeDisabled,
.customButton.ui-button-primary.ui-button.fakeDisabled,
.ui-tabs-custom.ui-widget-content .ui-state-default.ui-button.ui-button-primary.fakeDisabled,
.fakeDisabled,
.ui-button.ui-button-primary.fakeDisabled:hover,
.gridButton.ui-button-primary.ui-button.fakeDisabled:hover,
.customButton.ui-button-primary.ui-button.fakeDisabled:hover,
.ui-tabs-custom.ui-widget-content .ui-state-default.ui-button.ui-button-primary.fakeDisabled:hover,
.fakeDisabled:hover {
    background: #F5F5F5 !important;
    color: #ACA899 !important;
    border: 1px solid #DDD !important;
    font-weight: normal;
}

/*最近访问样式*/
.withLast {
    color: green !important;
    background: url(images/withLast.gif) no-repeat scroll 0 45% transparent !important;
}

/*div.loading {
	color: red;
}*/
/* 页面跳转内容 */
.errorContainer, .warnContainer, .infoContainer, .guideContainer {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -104px 0 0 -208px;
    width: 418px;
    height: 208px;
}

.errorContainer {
    background: url(images/error.png) no-repeat;
}

.warnContainer {
    background: url(images/warn.png) no-repeat;
}

.infoContainer {
    background: url(images/info.png) no-repeat;
}

.errorContainer .info, .warnContainer .info, .infoContainer .info {
    width: 300px;
    height: 100px;
    margin-top: 55px;
    margin-left: 100px;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
}

.errorContainer .info {
    width: 300px;
    height: 100px;
    margin-left: 100px;
    margin-top: 50px;
    font-size: 16px;
    text-align: left;
}

.errorContainer .info span {
    width: 100%;
    display: inline-block;
}

.errorContainer .operate, .warnContainer .operate, .infoContainer .operate {
    text-align: center;
}

.guideContainer {
    margin: -325px 0 0 -353px;
    width: 706px;
    height: 175px;
}

.guideContainer .title {
    margin-top: 25px;
    margin-right: 280px;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
}

.guideContainer .info {
    height: 60px;
    margin-top: 20px;
    margin-left: 20px;
    color: red;
}

.guideContainer .operate {
    text-align: center;
}

.guideContainer .operate button {
    margin: 0 3px;
}

/******************************************************************************
ui样式
******************************************************************************/
.ui-button.ui-widget.ui-hidden, .ui-dialog-titlebar.ui-widget-header.ui-hidden {
    display: none;
}

.ui-dialog.ui-dialog-compact {
    padding: 0px;
}

.ui-dialog.ui-dialog-compact .ui-dialog-titlebar {
    padding: 0.2em 1em;
}

.ui-dialog.ui-dialog-compact .ui-dialog-titlebar-max, .ui-dialog.ui-dialog-compact .ui-dialog-titlebar-min {
    position: absolute;
    top: 50%;
    width: 21px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
    cursor: pointer;
}

.ui-dialog-titlebar-max {
    right: 3em;
}

.ui-dialog-titlebar-min {
    right: 4.9em;
}

.ui-dialog.ui-dialog-view .ui-dialog-content {
    padding: 0;
}

.ui-widget.ui-dialog .ui-widget-content.ui-dialog-content {
    overflow-x: hidden;
}

.ui-widget.ui-dialog .ui-widget-content.ui-dialog-content iframe {
    overflow-x: hidden;
}

.ui-state-operate-success, .ui-state-operate-error {
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    color: #fff;
    border: 2px solid #ddd;
}

.ui-state-operate-success {
    background: #33be40;
}

.ui-state-operate-error {
    background: #ee0101;
}

/*primary button*/
.ui-button.ui-button-large {
    padding: 0.2em 0 0.2em 0.8em;
}

.ui-button.ui-button-large .ui-button-text {
    letter-spacing: 0;
}

/*
.ui-button.ui-button-primary, .gridButton.ui-button-primary.ui-button, .customButton.ui-button-primary.ui-button,
.ui-tabs-custom.ui-widget-content .ui-state-default.ui-button.ui-button-primary {
    background: url(images/buttons.png) -62px -103px no-repeat !important;
    color: #FFF !important;
    border: 1px solid #e6a106 !important;
}

.ui-button.ui-button-primary.ui-state-hover, .gridButton.ui-button-primary.ui-button.ui-state-hover,
.ui-tabs-custom.ui-widget-content .ui-state-default.ui-button.ui-button-primary.ui-state-hover {
    background: url(images/buttons.png) -62px -193px no-repeat !important;
    color: #FFF !important;
    border: 1px solid #e6a106 !important;
}

.ui-button.ui-button-warn, .gridButton.ui-button-warn.ui-button,
.ui-tabs-custom.ui-widget-content .ui-state-default.ui-button.ui-button-warn {
    background: url(images/buttons.png) -62px -305px no-repeat;
    color: #FFF;
    border: 1px solid #e6a106
}

.ui-button.ui-button-warn.ui-state-hover, .gridButton.ui-button-warn.ui-button.ui-state-hover,
.ui-tabs-custom.ui-widget-content .ui-state-default.ui-button.ui-button-warn.ui-state-hover {
    background: url(images/buttons.png) -62px -381px no-repeat;
    color: #FFF;
    border: 1px solid #e6a106;
}
*/

.operateDiv .ui-button {
    padding: 0 0.5em;
    margin: 0 0.05em;
}

.operateDiv .gridButton.ui-button {
    margin: 0 0.2em;
}

.conditionDiv {
    height: 33px;
    line-height: 33px;
    position: fixed;
}

.conditionDiv .left {
    float: left;
    margin-left: 15px;
}

.conditionDiv .right {
    float: right;
    margin-right: 15px;
}

/******************************************************************************
主页面布局
******************************************************************************/
/* for main body */
#layout {
    text-align: left;
    display: block;
    height: 100%;
    position: relative;
}

/*
header
*/
#header {
    display: block;
    overflow: hidden;
    z-index: 30;
    background-color: #102c4a;
}

#layout.default.higher #header {
    height: 123px;
}

#layout.default.higher #leftside, #layout.default.higher #container {
    top: 123px;
}

#layout.default.lower #header {
    height: 74px;
}

#layout.default.lower #leftside, #layout.default.lower #container {
    top: 74px;
}

#layout.task.higher #header, #layout.limited.higher #header {
    height: 88px;
}

#layout.task.higher #leftside, #layout.task.higher #container, #layout.limited.higher #leftside, #layout.limited.higher #container {
    top: 88px;
}

#layout.task.lower #header, #layout.limited.lower #header {
    height: 38px;
}

#layout.task.lower #leftside, #layout.task.lower #container, #layout.limited.lower #leftside, #layout.limited.lower #container {
    top: 38px;
}

#layout.higher .nav {
    top: 50px;
}

#layout.lower .nav {
    top: 5px;
}

#layout.higher .headerNav, #layout.higher .headerNav .left, #layout.higher .headerNav .center, #layout.higher .headerNav .right {
    height: 89px;
}

#layout.lower .headerNav, #layout.lower .headerNav .left, #layout.lower .headerNav .center, #layout.lower .headerNav .right {
    height: 39px;
}

/*#header .headerNav {
	height: 89px;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-image: url(images/top_bg_r.png);
	background-position: right;
}*/
#header.higher .headerNav, #header.higher .headerNav .left, #header.higher .headerNav .center, #header.higher .headerNav .right {
    height: 89px;
}

#header .headerNav .demoDiv {
    width: 80px;
    height: 100%;
    background-image: url(images/demo.logo.png);
    background-repeat: no-repeat;
}

#layout .headerNav .demoDiv {
    float: left;
    background-position: left 70%;
}

#header .headerNav .logoDiv {
    float: left;
}

#header .headerNav .left {
    height: 89px;
}

#header .headerNav .left #mainLogo, #header .headerNav .left #smallLogo {
    z-index: 1;
    display: none;
}

#layout.higher #header .headerNav .left #mainLogo {
    display: inline;
}

#layout.lower #header .headerNav .left #smallLogo {
    display: inline;
}

#header .headerNav .center {
    position: absolute;
    left: 50%;
    margin-left: -350px;
    top: 0;
    /*	margin-left: 450px;
	margin-right: 500px;*/
    width: 700px;
    height: 89px;
    /*	margin: 0 auto;*/
}

#header .headerNav .right {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 500px;
    height: 89px;
}

#header .headerNav .right .bg {
    width: 100%;
    height: 100%;
}

#header .headerNav .nav {
    display: block;
    overflow: hidden;
    height: 27px;
    position: absolute;
    right: 20px;
    z-index: 31;
    height: 27px;
    line-height: 27px;
}
#showUserCenter {
    margin-left: 40px;
}
#header .nav li {
    float: left;
    margin-left: -1px;
    padding: 0 10x;
    position: relative;
}

#header .nav li a {
    line-height: 27px;
    text-decoration: none;
    font-size: 14px;
}

#header .nav li a:hover {
    line-height: 27px;
    text-decoration: none;
    background: none
}

#header .showTopLower, #header .showTopHigher {
    display: none;
    position: absolute;
    top: 0;
    right: 3px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

/*
navMenu
*/
#navMenu {
    position: absolute;
    display: block;
    overflow: hidden;
    clear: both;
}

#navMenu ul { /*float:left; */
    /*padding-left: 15px;*/
    display: block;
    overflow: hidden;
    position: relative;
}

#navMenu li {
    /*float: left;*/
    /*margin-left: -1px;*/
    position: relative;
}

#navMenu li a {
    text-decoration: none;
    /*float: left;*/
}

#navMenu li span {
    /*float: left;*/
    cursor: pointer;
    padding: 0 15px;
}

#navMenu li a, #navMenu li span {
    display: inline-block;
    line-height: 35px;
    font-size: 14px;
}

#navMenu li.selected {
    z-index: 1;
}

#navMenu li.selected a, #navMenu li.selected a:hover {
    text-decoration: none;
}

/*
leftSideBar
*/
.toggleCollapse {
    display: block;
    overflow: hidden;
}

.toggleCollapse h2 {
    float: left;
    /*padding-left: 8px;*/
    font-size: 14px;
}

/*.toggleCollapse div {*/
/*    position: absolute;*/
/*    right: 0;*/
/*    display: block;*/
/*    overflow: hidden;*/
/*    width: 25px;*/
/*    height: 25px;*/
/*    text-indent: -100px;*/
/*    cursor: pointer;*/
/*}*/

#leftside {
    position: absolute;
    left: 0;
    z-index: 20;
}

#sidebar {
    width: 180px;
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 20;
}

#sidebar_s {
    display: none;
    width: 24px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 21;
}

#leftside #sidebar_s .collapse {
    height: 430px;
    cursor: pointer;
    border: 0;
    background: #283A60;
    color: #FFFFFF;
}
#leftside #sidebar_s .collapse:hover {
    background: #283A60;
}

#leftside #sidebar_s .toggleCollapse {
    border: 0;
    background: none;
}

#sidebar_s .toggleCollapse div {
    width: 21px;
    border: 0;
}

#container {
    position: absolute;
    left: 180px;
    background-color: #fff;
}

#layout.limited #leftside {
    display: none;
}

/*
position
*/
#container #position {
    height: 29px;
    background-position: left -4px;
    background-image: url(images/stepflow.png);
    background-repeat: repeat-x;
}

#container #position span {
    padding-top: 3px;
}

#menuPosition {
    height: 29px;
    line-height: 29px;
    float: left;
}

#menuPosition div {
    height: 29px;
    line-height: 29px;
    float: left;
    margin-left: 5px;
    margin-right: -15px;
}

#menuPosition .main-flow {
    margin: 0px 0 0 0;
    float: left;
    display: none;
}

.main-flow li, .main-flow li.first, .main-flow li a, .main-flow li.last a, .main-flow .current, .main-flow .first-current, .main-flow .last-current, .main-flow .first-current, .main-flow .current a, .main-flow .first-current a, .main-flow .last-current a, .main-flow .last-current a {
    background: url(images/stepflow.png) no-repeat
}

.main-flow {
    overflow: hidden;
    zoom: 1;
    height: 29px;
    line-height: 29px;
    font-size: 14px;
    text-decoration: none;
    cursor: text;
}

.main-flow li {
    float: left;
    position: relative;
    z-index: 9;
    line-height: 1.0;
    display: block;
    height: 28px;
    margin: 0 -15px 0 0;
    padding: 5px 20px 0;
    line-height: 20px;
    background-position: right -204px;
}

.main-flow li.first {
    background-position: left -4px;
}

.main-flow li.first a {
    padding: 7px 25px 0 15px;
}

.main-flow li.last a {
    background-position: right -84px;
}

.main-flow .current, .main-flow .first-current, .main-flow .last-current {
    position: relative;
    z-index: 11;
    background-position: left -244px;
}

.main-flow .first-current {
    background-position: left -44px;
}

.main-flow .current a, .main-flow .first-current a, .main-flow .last-current a {
    position: relative;
    z-index: 12;
    background-position: right -284px;
}

.main-flow .first-current a {
    padding: 7px 25px 0 15px;
}

.main-flow .last-current a {
    background-position: right -124px;
}

#container #position #shutcutPosition {
    /*	float: right;*/
    height: 29px;
    line-height: 29px;
    font-size: 12px;
    /*	padding-right:20px;*/
    position: absolute;
    right: 20px;
}

/*#position #shutcutPosition a {
	text-decoration:none;
	color:#333;
	padding-left: 20px;
	background: url(images/add.gif) no-repeat scroll left center transparent;
}
#position #shutcutPosition a:hover {
	text-decoration: underline;
	color:#03F;
}*/
#container #position #shutcutPosition .iconButton {
    display: none;
}

#container #position .iconButton {
    display: inline-block;
    margin-top: -3px;
    height: 21px;
    line-height: 21px;
    vertical-align: middle;
    text-decoration: none;
    color: #000;
}

#container #position .iconButton:hover {
    height: 25px;
    line-height: 25px;
}

#container #position #toWelcome {
    width: 40px;
    padding-left: 23px;
    margin-right: 17px;
}

#container #position #toHelp {
    width: 54px;
    padding-left: 25px;
    margin-right: 17px;
}

#container #position #refreshFrame {
    width: 28px;
    padding-left: 25px;
    margin-right: 4px;
}

#container #position #removeAllTabs {
    width: 78px;
    padding-left: 30px;
    margin-left: 10px;
}

#container #position #toFullScreen {
    width: 30px;
    padding-left: 25px;
    margin-left: 6px;
}

#container #position #exitFullScreen {
    width: 31px;
    padding-left: 25px;
    margin-left: 6px;
}

/*#position .iconButton:hover {
	opacity: 0.5;
	filter: alpha(opacity = 50);
}
#position #refreshFrame {
	background-position: 0 -101px;
}
#position #removeAllTabs {
	margin-left: 5px;
	background-position: 0 -136px;
}*/

#bodyContainer {
    top: 120px;
}

#layout.limited #bodyContainer {
    top: 88px;
}

#layout.limited #container #position {
    display: none;
}

#layout.limited .tabs {
    height: 0;
    display: none;
}

#bodyContainer, #sidebar {
    display: block;
    overflow: hidden;
    /* border-style:solid; border-width:1px 1px 1px 1px; by lihua*/
}

#menuBody {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
}

/*
foot
*/
#footer {
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 21px;
    background-color: #FFF;
}

#footer .dynamicDiv, #footer .shortcutDiv, #footer .messageDiv {
    height: 20px;
    line-height: 20px;
    position: relative;
}

#footer .dynamicDiv {
    left: 10px;
    /*	right: 195px;*/
    overflow: hidden;
    font-size: 14px;
    float: left;
    /*	color: red;*/
}

#footer .shortcutDiv, #footer .messageDiv {
    float: right;
}

#footer .shortcutDiv div, #footer .messageDiv div {
    position: relative;
    margin: 0 5px;
    float: right;
}

#footer .dynamicDiv a, #footer .shortcutDiv a, #footer .messageDiv a {
    display: inline-block;
    text-decoration: none;
    color: #000;
}

#footer .dynamicDiv a:hover, #footer .shortcutDiv a:hover, #footer .messageDiv a:hover {
    text-decoration: underline;
}

/*#messageHeader {
	right: 5px;
}
#announceHeader {
	right: 65px;
}
#onlineHeader {
	right: 125px;
}*/
#footer #showTemplate, #footer #showFeedback {
    padding: 0 5px 0 20px;
    background: url(images/shortcut.png) no-repeat;
}

#footer #showTemplate {
    background-position: 0 1px;
}

#footer #showFeedback {
    background-position: -2px -33px;
}

#footer #showOnline, #footer #showAnnounce, #footer #showMessage {
    padding: 0 5px 0 20px;
    background: url(images/buttons.png) no-repeat;
}

#footer #showOnline {
    background-position: -64px -58px;
}

#footer #showOnline.offline {
    background-position: -64px -265px;
}

#footer #showAnnounce {
    background-position: -139px -58px;
}

#footer #showAnnounce.offline {
    background-position: -139px -265px;
}

#footer #showMessage {
    background-position: -207px -58px;
}

#footer #showMessage.offline {
    background-position: -207px -265px;
}

#messageBody span, #announceBody span, #onlineBody span {
    display: inline-block;
    line-height: 22px;
}

#messageBody .header, #announceBody .header, #onlineBody .header {
    width: 100%;
}

#onlineBody .header a {
    margin-left: 5px;
}

#messageBody .info, #announceBody .info, #onlineBody .info {
    padding-left: 15px;
}

/*
#leftFooter {
	position: absolute;
	bottom: 0;
	left: 10px;
	text-align: left;
	width: 20%;
	height: 21px;
	padding: 10px 0 0 0;
	z-index: -1;
	font-size: 14px;
}
#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 100%;
	height: 18px;
	padding: 10px 0 0 0;
	z-index: -1;
	font-size: 14px;
}
#rightFooter {
	position: absolute;
	bottom: 0;
	right: 10px;
	text-align: right;
	width: 20%;
	height: 21px;
	padding: 10px 0 0 0;
	z-index: -1;
	font-size: 14px;
}*/

/* 系统消息 */
/*
#message {
	z-index:100;
	position:absolute;
	display:none;
	bottom:0;
	right:0;
	overflow:hidden;
	border:#b9c9ef 1px solid;
	background:#cfdef4;
}
#message_head {
	border-bottom:none;
	width:100%;
	height:25px;
	font-size:12px;
	overflow:hidden;
	border:1px solid #fff;
	color:#1f336b;
}
#message_title {
	padding:5px 0 5px 5px;
	width:100px;
	line-height:18px;
	text-align:left;
	overflow:hidden;
}
#message_close {
	float:right;
	padding:5px 0 5px 0;
	width:32px;
	line-height:auto;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	overflow:hidden;
	color:red;
}
#message_body {
	padding-bottom:5px;
	border-top:none;
	width:100%;
	height:auto;
	font-size:12px;
	border:1px solid #fff;
}
#message_content {
	margin:0 5px 0 5px;
	padding:10px 0 10px 5px;
	font-size:12px;
	text-align:left;
	overflow:hidden;
	border:#b9c9ef 1px solid;
	color:#1f336b;
}
#messagerPosition a {
	padding-left: 20px;
	background: url(images/mail.jpg) no-repeat scroll left center transparent;
}*/

/*.float_search_box {
	width: 157px;
	padding: 3px 0;
	background: #f0f3f9;
	border: 1px solid rgb(189, 199, 216);
	opacity: 0.8;
	filter: alpha(opacity = 80);
	text-align: center;
	position: absolute;
}*/

/*jquery ui tabs*/
#maintabs {
    margin-top: 0em;
    /*	display: none;*/
}

#maintabs ul {
    width: 5000px;
}

#maintabs iframe {
    overflow: auto;
    box-sizing: border-box;
    /*padding: 0 10px;*/
    background-color: #FFFFFF;
}

#maintabs li .ui-icon-close {
    position: absolute;
    right: 7px;
    top: 6px;
    cursor: pointer;
}

/******************************************************************************
皮肤
******************************************************************************/
.themeContainer {
    margin-top: 15px;
    cursor: pointer;
}

.theme {
    float: left;
    margin: 7px;
    padding: 3px;
    background-color: #f3f5f4;
    border: 2px solid #bfbfbf;
}

.theme .thumb {
    border: 1px solid #bfbfbf;
    width: 147px;
    height: 107px;
}

.theme .name {
    font-size: 11px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    padding-top: 3px;
}

.theme:hover .hover, .theme.current .hover {
    display: block;
}

.theme .hover {
    display: none;
    height: 18px;
    line-height: 18px;
    text-align: center;
    margin-top: -18px;
}

/******************************************************************************
页面布局
******************************************************************************/
/*activeX插件*/
.objectDiv {
    width: 0;
    height: 0;
}

.headDiv {
    /*	margin-top: 15px;
	margin-bottom: 15px;*/
    clear: both;
}

.headDiv h2 {
    padding: 10px 0;
    height: 35px;
    line-height: 35px;
    font-weight: bold;
    font-size: 16px;
    color: #333333;
}

.titleDiv {
    margin-bottom: 1px;
    padding: 10px;
    line-height: 32px;
    border-left: 5px solid #10b0ff;
    border-radius: 0 2px 2px 0;
    background: none !important;
    background-color: #f2f2f2 !important;
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: space-between;*/
}

.titleDiv h3 {
    display: inline-block;
    padding: 0 20px 0 10px;
    font-weight: lighter;
    background: none !important;
    color: #000000;
}

.titleDiv button {
    /*bottom: 5px;*/
    /*display: flex!important;*/
    /*align-items: center;*/
}
button:before {
    vertical-align: middle;
}
.expandDiv {
    width: 95%;
    margin: 5px auto 0;
    border-radius: 0.4em 0.4em 0px 0px;
}

.expandDiv h3 {
    height: 35px;
    line-height: 35px;
    cursor: pointer;
    padding-left: 25px;
}

.expandDiv table.tbEdit, .expandDiv table.tbView, .expandDiv table.tbGrid, .expandDiv .datagridtbody-div {
    width: 100% !important;
    border: none;
    margin: 0;
    margin-top: 0;
}

.expandDiv.min .expandContent {
    display: none;
}

.contentDiv {
    clear: both;
}

.autoCenterDiv {
    margin: 0 auto;
}

.viewDiv {
    clear: both;
    padding: 0 2em;
}

.viewDiv p {
    line-height: 20px;
}

.centerDiv {
    clear: both;
    text-align: center;
}

.treeOperate, .operateDiv {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    clear: both;
}

.operateDiv.small {
    padding: 2px 0;
}

.operateDiv.left {
    text-align: left;
}

.hidden, .hiddenDiv {
    display: none;
}

.hintDiv {
    color: red;
    padding: 10px !important;
    clear: both;
}

.warnDiv {
    color: red;
    text-align: center;
    font-size: 16px;
    padding: 10px;
    clear: both;
}

.exportDiv {
    line-height: 20px;
}

.operateHint {
    color: red;
    padding-left: 5px;
}

/******************************************************************************
table样式
******************************************************************************/
td.left {
    text-align: right;
    font-weight: bolder;
}

td.right {
    text-align: left;
}

td.tdEven {
    width: 15%;
    min-width: 120px;
    text-align: right;
    font-weight: bolder;
}

td.tdEven10 {
    width: 10%;
    min-width: 120px;
    text-align: right;
    font-weight: bolder;
}

.tbEdit.autoTd td.tdEven {
    width: auto;
    max-width: 50%;
}

.tbEdit.half td.tdEven {
    width: 50%;
}

.tbEdit.half td.tdOdd {
    width: 50%;
}

.tbEdit40 .tdEven {
    width: 40%;
}

.tbEdit50 .tdEven {
    width: 50%;
}

.ignoreTd td.tdEven {
    width: auto;
}

td.tdOdd {
    text-align: left;
}

td.tdOdd20 {
    width: 20%;
}

td.tdOdd15 {
    width: 15%;
}

.tbEdit.autoTd td.tdOdd {
    max-width: 50%;
}

td.tdOdd25 {
    width: 35%;
}

td.tdOdd25[colspan] {
    width: auto;
}

td.tdOdd50 {
    width: 85%;
}

td.tdOdd25 .tdOdd25Content {
    width: 80%;
    vertical-align: middle;
}

td.tdOdd25 select.tdOdd25Content {
    width: 80%;
}

td.tdOdd25 textarea.tdOdd25Content {
    width: 79.6% \9;
}

td.tdOdd25 .Wdate.tdOdd25Content {
    width: 80.7%;
}

td.tdOdd50 .tdOdd50Content {
    width: 95%;
    /*	vertical-align: middle;*/
}

.tbEdit.autoTd td.tdOdd50 .tdOdd50Content {
    width: auto;
}

td.tdOdd50 select.tdOdd50Content {
    /*width: auto;*/
    min-width: 100px;
}

td.tdOdd50 textarea.tdOdd50Content {
    width: 91.5% \9;
}

td.tdOdd50 .Wdate.tdOdd50Content {
    width: 33.3%;
    min-width: 100px;
}

td.tdOdd25 .tdOdd25HalfContent {
    width: 30%;
    /*	vertical-align: middle;*/
}

td.tdOdd50 .tdOdd50HalfContent {
    width: 35%;
    /*	vertical-align: middle;*/
}

/*.tbBottom {
	height: 20px;
	width: 95%;
	margin-top: -20px;
	background: url(images/tb.bg.bottom.png) no-repeat center bottom;
}*/
table.tbEdit, table.tbView {
    margin-top: 5px;
    width: 95%;
    border: 1px solid #d2d0d0;
    background: #f9f9f9; /*url(images/tb.bg.top.png) no-repeat center top*/;
    /*	padding-bottom: 20px;
	padding-top: 20px;*/
}

table.tbEdit.tbFull, table.tbView.tbFull {
    width: 100%;
}

table.tbEdit[width], table.tbView[width] {
    width: 100%;
}

.wide table.tbEdit, .wide table.tbView, .narrow table.tbEdit, .narrow table.tbView {
    width: 100%;
}

.tbEdit, .tbView, .tbPrint, .tbGrid {
    width: 100%;
    margin: 0 auto;
    padding-top: 10px;
}

.tbEdit td, .tbView td, .tbPrint td {
    line-height: 27px;
    /*	white-space:nowrap;*/
    /*	border-collapse: collapse;*/
}

.tbGrid td {
    line-height: 30px;
    /*	white-space:nowrap;*/
    /*	border-collapse: collapse;*/
}

.tbGrid {
    text-align: center;
    border-collapse: collapse;
}

.tbGrid thead tr th, .tbGrid tfoot tr th {
    height: 32px;
    line-height: 32px;
}

/******************************************************************************
grid样式
******************************************************************************/
.ui-dialog.ui-widget.ui-grid-cover {
    background: none;
    border: none;
    position: fixed;
}

.ui-dialog.ui-widget.ui-grid-cover .ui-dialog-content {
    overflow: hidden;
}

.ui-dialog.ui-widget.ui-cover .ui-dialog-content {
    overflow: hidden;
}

.ui-widget-overlay.ui-grid-overlay {
    background: none;
}

.gridHead {
}

.gridCustom {
    display: inline;
}

.gridFile {
    z-index: 51;
    background: #FFF;
    position: fixed;
    top: 0;
    width: 100%;
}

.gridBottom {
    /*	margin-top: 10px;
	margin-bottom: 5px;
	position: fixed;
	bottom: 0;
	z-index: 5001;
	width: 100%;
	background-color: #FFF;*/
    display: none;
    clear: both;
}

.gridFoot {
    display: none;
    clear: both;
    border-bottom: #F3F3F3 1px solid;
    background: #ededed;
}

table.datagridtable thead tr th, table.datagridtable tfoot tr th, table.datagridtable-header tr th {
    height: 35px;
    line-height: 20px;
    /*	font-weight: normal;*/
    font-size: 16px;
}

.datagrid-container {
    overflow: hidden;
    /*	min-height: 100px;*/
}

.datagrid-container.multiple table tbody tr td input {
    width: 90%;
}

.datagrid-container.multiple table tbody tr td input[maxlength='1'],
.datagrid-container.multiple table tbody tr td input[maxlength='2'],
.datagrid-container.multiple table tbody tr td input[maxlength='3'],
.datagrid-container.multiple table tbody tr td input[maxlength='4'] {
    width: 50px;
}

.datagrid-container.multiple table tbody tr td input[maxlength='5'], .datagrid-container.multiple table tbody tr td input[maxlength='6'],
.datagrid-container.multiple table tbody tr td input[maxlength='7'], .datagrid-container.multiple table tbody tr td input[maxlength='8'] {
    width: 100px;
}

.datagrid-container.multiple table tbody tr td input.Wdate {
    width: 90px;
}

.datagrid-top {
    /*	margin-top: 3px;*/
    width: 100%;
    /*	height: 65px;*/
}

.datagrid-top .datagrid-title {
    display: inline-block;
    width: 100%;
}

.datagrid-top .datagrid-title h2 {
    /*	padding-left: 20px;*/
    text-align: center;
    float: left;
    width: 100%;
    height: 33px;
    line-height: 33px;
    font-size: 20px;
    padding-top: 12px;
}

.datagrid-top .datagrid-filter {
    display: flex;
    align-items: center;
    height: 36px;
    line-height: 36px;
    text-align: left;
    float: left;
    padding-right: 13px;
    padding-top: 10px;
    padding-bottom: 12px;
}

.datagrid-top .datagrid-faster-search {
    text-align: center;
    height: 40px;
    border-bottom: 1px solid #e5e5e5;
}

.datagrid-top .datagrid-faster-search button {
    /*min-width: 100px;*/
}

.datagrid-top .datagrid-filterCustom {
    /*	padding-right: 20px;*/
    /*	margin-top: 5px;*/
    height: 30px;
    line-height: 28px;
    text-align: left;
    /*	width: 50%;*/
    float: left;
    padding-right: 10px;
    padding-top: 0px;
    margin-top: 5px;
}

.datagrid-top .datagrid-filterCustom input, .datagrid-top .datagrid-filterCustom select, .datagrid-top .datagrid-filterCustom textarea {
    vertical-align: middle;
}

.datagrid-top .datagrid-operate {
    /*	padding-right: 60px;*/
    /*	margin-top: 5px;*/
    height: 36px;
    line-height: 32px;
    margin-right: 5px;
    margin-top: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
    /*	width: 50%;*/
    float: right;
}

.ui-buttonset {
    display: inline;
}

.ui-button.gridButton .layui-icon-layouts {
    margin-top: -2px;
    margin-right: 0;
}

.ui-menu {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 9999;
}

.datagrid-top .datagrid-filter .datagrid-filterAll {
    background: #ffffff;
    padding: 0 12px;
    margin: 0;
    width: 384px;
    border-radius: 2px 0 0 2px;
    border: 1px solid #e0e0e0;
    height: 36px !important;
    line-height: 36px !important;
    transition: .2s all;
}
.datagrid-top .datagrid-filter .datagrid-filterAll:hover {
    border-color: rgba(112, 112, 112, .4);
}
.datagrid-top .datagrid-filter .datagrid-filterAll:focus, .datagrid-top .datagrid-filter .datagrid-filterAll:active {
    border-color: #4B81C8;
}

.datagrid-filter input, .datagrid-filter button {
    vertical-align: middle;
}

.datagrid-filter button {
    z-index: 60;
    left: 0px;
    width: 49px;
    height: 36px;
    border: 0px;
}

/*.datagrid-top, .datagrid-top .datagrid-operate button {
	padding-top: 5px;
}*/
.datagrid-top {
    z-index: 60;
    background-color: #FFF;
}

/*
.datagrid-top .datagrid-filter .datagrid-filterCur {
	width: 100px;
}*/
div.datagrid { /**background:#777;*/
    overflow: auto;
    /*height:300px;*/
    width: 100%;
}

/* tables */
.datagridtbody-div {
    /*	top: 65px;*/
}

.datagridthead-div {
    z-index: 50;
    white-space: nowrap;
}

.datagridtbody-div {
    z-index: 40;
    overflow: hidden;
}

.datagridtbody-div {
    /*	height: 500px;
	overflow: auto;*/
    /*	overflow-x: hidden;
	overflow-y: auto;*/
    /*	width: 100%;*/
}

.datagridtbody-div table thead {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

table.datagridtable, table.datagridtable-header {
    padding: 0;
    text-align: center;
    border-collapse: collapse;
    min-width: 100%;
    /*	table-layout: fixed;*/
    width: 100%;
}

.newStyle table.datagridtable, .newStyle table.datagridtable-header {
    table-layout: fixed;
}

div.datagrid-cover-progress {
    width: 140px;
    height: 20px;
    /*	background-position: center 63px;*/
}

table.datagridtable thead tr th {
    line-height: 20px;
}

table.datagridtable tbody tr td, table.datagridtable tfoot tr td {
    line-height: 35px;
}

.datagrid-thead tr .header {
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}

table.datagridtable tbody td {
    padding: 1px 2px 3px 5px;
    /*	word-break: break-all;
	word-wrap: break-word;
	vertical-align: top;*/
    /* 超宽列省略号表示 */
    /*white-space: nowrap;*/
    overflow: hidden;
    /*text-overflow: ellipsis;*/
    cursor: default;
}

table.datagridtable tfoot {
    height: 27px;
    line-height: 27px;
    width: 100%;
}

.datagrid-pager-pageInfo a, .datagrid-pager-pagination a {
    text-decoration: none;
    color: black;
}

.datagrid-pager-pageInfo a[href]:hover, .datagrid-pager-pagination a[href]:hover {
    color: black;
    background-color: transparent;
    text-decoration: underline;
}

div.datagrid-pager {
    margin-top: 3px;
    /*	margin-top: 3pt;
	line-height: 130%;
	text-align: right;
	font-size: 15px;*/
    width: 100%;
    height: 20px;
    vertical-align: text-bottom;
}

.datagrid-pager-pageInfo {
    text-align: left;
    width: 40%;
    padding-left: 10px;
    float: left;
}

.datagrid-pager-pagination {
    text-align: right;
    padding-right: 10px;
    width: 50%;
    float: right;
}

/*div.datagrid-pager a , .datagrid-pager-pagination a {
	text-decoration: none;
	color: black;
}

div.datagrid-pager a:hover {
	text-decoration: none;
	color: blue;
}*/

.datagridthead-div, .datagridtbody-div {
    min-width: 100%;
}

.new .datagridthead-div, .new .datagridtbody-div {
    min-width: 1000px;
}

.likeGrid.fixedGrid .datagridtfoot-div, .likeGrid.fixedGrid .datagridbottom-div {
    position: absolute;
}

.datagridtfoot-div, .datagridbottom-div {
    z-index: 40;
    width: 100%;
}

.datagridtfoot-div {
    height: 36px;
    line-height: 36px;
}

.likeList .datagridtfoot-div {
    height: 30px;
    line-height: 30px;
}

.likeGrid.fixedGrid .datagrid-top, .likeGrid.fixedGrid .datagridthead-div {
    position: fixed;
}

.likeGrid.fixedGrid .datagridtbody-div {
    position: absolute;
}

.wrapGrid .datagridtable tbody td {
    word-break: break-all;
    word-wrap: break-word;
    white-space: normal;
    overflow: visible;
}

div.datagrid-pager label {
}

input.datagrid-pager-size {
    text-align: center;
    width: 25px;
    height: 20px;
    line-height: 20px;
    padding-left: 0px;
}

input.datagrid-pager-pageNo {
    text-align: center;
    width: 40px;
    height: 20px;
    line-height: 20px;
    padding-left: 0px;
}

.datagrid-pager-goto {
}

.gridHint {
    position: absolute;
}

/*grid扩展样式*/
.datagrid-container.headWrap thead th {
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}

.datagrid-container tbody td.tdWrap {
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}

/* 错误提示 */
.gridError {
    margin-left: 40px;
    color: red;
    font-size: 14px;
}

/******************************************************************************
标签页样式
******************************************************************************/
.tabDiv {
    width: 100%;
    text-align: center;
    clear: both;
}

.tabDiv ul {
    padding: 0;
    margin: 0;
    height: 34px;
    line-height: 34px;
}

.tabDiv ul li:first-child {
    background: none;
}

/*.hrDiv hr {
	color: activeborder;
	border-style: double;
	border-width:0px;
	padding: 0;
}*/

/* 详细信息浏览 */
/*.detailFrame {
	border: 0;
}*/

/******************************************************************************
菜单
******************************************************************************/
.menuContainer {
    padding: 0;
    width: 180px;
}

.menuContainer .ztree-div.treeDiv {
    border: 0;
    background: #283A60;
}

.menuContainer .ztree-div.treeDiv .ztree {
    padding: 0;
}

.menuContainer .ztree-div.treeDiv li span.button.switch {
    width: 0;
    height: 0;
}

.menuContainer .ztree-div.treeDiv li a span.button.ico_open, .menuContainer .ztree-div.treeDiv li a span.button.ico_close {
    vertical-align: middle;
}

.menuContainer .ztree-div.treeDiv li span.button.switch.level0, .menuContainer .ztree-div.treeDiv li a.level0 {
    display: none;
}

.menuContainer .ztree-div.treeDiv li ul.level0 {
    padding: 0;
    background: none;
}

.menuContainer .ztree-div.treeDiv li ul {
    margin: 0;
    padding: 0;
}

.menuContainer .ztree-div.treeDiv li, .menuContainer .ztree-div.treeDiv li.leaf {
    line-height: 30px;
}

.menuContainer .ztree-div.treeDiv li a {
    width: 100%;
    height: 30px;
    padding: 0;
    border: 0;
    text-decoration: none;
}

.menuContainer .ztree-div.treeDiv li ul li.level1.leaf a span.button {
    margin-left: 16px;
}

/* 三级菜单 */
.menuContainer .ztree-div.treeDiv li ul li.level2 a span.button {
    margin-left: 12px;
}

.menuContainer .ztree-div.treeDiv li ul li.level2.leaf a span.button {
    margin-left: 28px;
}

.menuContainer .ztree-div.treeDiv li ul li.level3 a span.button {
    margin-left: 23px;
}

.menuContainer .ztree-div.treeDiv li ul li.level3.leaf a span.button {
    margin-left: 39px;
}

.menuContainer .ztree-div.treeDiv li ul li.level4 a span.button {
    margin-left: 35px;
}

.menuContainer .ztree-div.treeDiv li ul li.level4.leaf a span.button {
    margin-left: 51px;
}

.menuContainer .ztree-div.treeDiv li ul li.level5.leaf a span.button {
    margin-left: 63px;
}

.menuContainer .ztree-div.treeDiv .ztree * {
    font-family: "微软雅黑", "宋体", Arial, sans-serif;
}

.menuContainer .ztree-div.treeDiv .ztree li a.curSelectedNode {
    opacity: 1;
}

/* for highlight*/
.highlightAll {
    background-color: yellow;
}

.highlightCur {
    color: red;
}

/******************************************************************************
图片浏览
******************************************************************************/
.popDiv .imageEdit, .popDiv .imageCrop {
    height: 275px;
}

.popDiv #crop-x, .popDiv #crop-y, .popDiv #crop-w, .popDiv #crop-y {
    width: 60px;
}

.popDiv #imagePreview {
    max-width: 150px;
    max-height: 160px;
    overflow: hidden;
}

.imageControl {
    width: 145px;
    padding-left: 5px;
    padding-right: 10px;
    padding-top: 10px;
    background-color: #ededed;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

.imageDescribe {
    color: #999;
}

.imageOperate {
    position: absolute;
    bottom: 100px;
}

.imageZoomIn {
    background-image: url(images/imageViewerButton.jpg);
    background-position: 0px 0px;
    width: 35px;
    height: 39px;
    border: 0px;
    background-repeat: no-repeat;
}

.imageZoomIn:hover {
    background-image: url(images/imageViewerButton.jpg);
    background-position: 0px -43px;
    width: 35px;
    height: 39px;
    border: 0px;
    background-repeat: no-repeat;
}

.imageZoomOut {
    background-image: url(images/imageViewerButton.jpg);
    background-position: -41px 0px;
    width: 35px;
    height: 39px;
    border: 0px;
    background-repeat: no-repeat;
}

.imageZoomOut:hover {
    background-image: url(images/imageViewerButton.jpg);
    background-position: -41px -43px;
    width: 35px;
    height: 39px;
    border: 0px;
    background-repeat: no-repeat;
}

.imageZoomZero {
    background-image: url(images/imageViewerButton.jpg);
    background-position: -129px 0px;
    width: 35px;
    height: 39px;
    border: 0px;
    background-repeat: no-repeat;
}

.imageZoomZero:hover {
    background-image: url(images/imageViewerButton.jpg);
    background-position: -129px -43px;
    width: 35px;
    height: 39px;
    border: 0px;
    background-repeat: no-repeat;
}

.imageZoomFit {
    background-image: url(images/imageViewerButton.jpg);
    background-position: -86px 0px;
    width: 35px;
    height: 39px;
    border: 0px;
    background-repeat: no-repeat;
}

.imageZoomFit:hover {
    background-image: url(images/imageViewerButton.jpg);
    background-position: -86px -43px;
    width: 35px;
    height: 39px;
    border: 0px;
    background-repeat: no-repeat;
}

.imageRotatePrev {
    background-image: url(images/imageViewerButton.jpg);
    background-position: -261px 0px;
    width: 35px;
    height: 39px;
    border: 0px;
    background-repeat: no-repeat;
}

.imageRotatePrev:hover {
    background-image: url(images/imageViewerButton.jpg);
    background-position: -261px -43px;
    width: 35px;
    height: 39px;
    border: 0px;
    background-repeat: no-repeat;
}

.imageRotateNext {
    background-image: url(images/imageViewerButton.jpg);
    background-position: -304px 0px;
    width: 35px;
    height: 39px;
    border: 0px;
    background-repeat: no-repeat;
}

.imageRotateNext:hover {
    background-image: url(images/imageViewerButton.jpg);
    background-position: -304px -43px;
    width: 35px;
    height: 39px;
    border: 0px;
    background-repeat: no-repeat;
}

.imageStepPrev {
    background-image: url(images/imageViewerButton.jpg);
    background-position: -173px 0px;
    width: 35px;
    height: 39px;
    border: 0px;
    background-repeat: no-repeat;
}

.imageStepPrev:hover {
    background-image: url(images/imageViewerButton.jpg);
    background-position: -173px -43px;
    width: 35px;
    height: 39px;
    border: 0px;
    background-repeat: no-repeat;
}

.imageStepNext {
    background-image: url(images/imageViewerButton.jpg);
    background-position: -216px 0px;
    width: 35px;
    height: 39px;
    border: 0px;
    background-repeat: no-repeat;
}

.imageStepNext:hover {
    background-image: url(images/imageViewerButton.jpg);
    background-position: -216px -43px;
    width: 35px;
    height: 39px;
    border: 0px;
    background-repeat: no-repeat;
}

/******************************************************************************
提交等待层
******************************************************************************/
.pb-background {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    filter: alpha(opacity=40);
    background: white;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

.pb-progressBar {
    border: solid 2px #86A5AD;
    background: white url(images/progressing.gif) no-repeat 10px 10px;
    font-size: 14px;
    line-height: 100%;
    /*	font-family:"微软雅黑", Arial, sans-serif;*/
    display: block;
    width: 148px;
    height: 28px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -74px;
    margin-top: -14px;
    padding: 10px 10px 10px 50px;
    text-align: left;
    line-height: 27px;
    font-weight: bold;
    position: absolute;
    z-index: 2001;
}

/******************************************************************************
report报表
******************************************************************************/
.report-div {
    text-align: center;
}

.report-head .report-filter {
    text-align: left;
    width: 35%;
    float: left;
}

.report-div .report-head, .report-div .report-foot {
    height: 40px;
    line-height: 40px;
    width: 100%;
    background-color: #f4f4f4;
}

.report-div .report-foot {
    position: absolute;
    bottom: 0px;
}

.report-head .report-operate {
    float: right;
    margin-right: 10px;
}

.report-head .report-operate div {
    display: inline;
}

.report-head .report-operate ul {
    display: none;
    position: absolute;
    width: 120px;
    z-index: 9999;
}

.report-pager-pageInfo {
    text-align: left;
    width: 40%;
    float: left;
}

.report-pager-pagination {
    text-align: right;
    margin-right: 10px;
    width: 50%;
    float: right;
}

.report-pager-pageInfo a, .report-pager-pagination a {
    text-decoration: none;
    color: black;
}

.report-pager-pageInfo a:hover, .report-pager-pagination a:hover {
    color: black;
    background-color: transparent;
}

input.report-pager-size {
    width: 25px;
    height: 15px;
}

input.report-pager-pageNo {
    width: 40px;
    height: 15px;
}


/*
.report-div table {
	width: 100%;
	height: 100%;
	border: 1px solid #617775;
	text-align: center;
}

.report-div table thead {
	height: 23px;
}

.report-div table tfoot {
	height: 23px;
}*/

.report-content-div {
    width: 100%;
    height: 100%;
}

/******************************************************************************
bldview,bldEdit
******************************************************************************/
.bldviewHint {
    display: none;
}

div.bldDiv {
    clear: both;
}

div.bldDiv .selectHouse {
    cursor: default;
}

div.bldDiv .selectContainer {
    float: left;
    width: 20px;
    display: inline-block;
}

div.colors {
}

div.colors div.color {
    margin: 1px;
}

div.houseProperty {
    height: 28px;
    line-height: 28px;
    margin-left: 5px;
    text-align: center;
    margin-top: 15px;
    margin-buttom: 1px;
    clear: both;
}

div.houseProperty span {
    float: left;
}

div.houseProperty .housePropertyName {
    font-size: 16px;
    font-weight: bold;
    width: 80px;
    text-align: left;
}

div.houseProperty .cellFilter input {
    margin-left: 10px;
    vertical-align: middle;
    margin-top: -2px;
    margin-bottom: 1px;
}

div.bldDiv div.floors {
}

div.bldDiv .floorName {
    width: 95%;
    background-color: #F1F1F3;
}

div.bldDiv .floorHeadName, div.bldDiv .cellHeadName, div.bldDiv .colHeadName {
    width: 100%;
    background-color: #F1F1F3;
}

div.bldDiv div.floor, div.bldDiv div.cellFloor {
    width: 100%;
    clear: both;
}

div.bldDiv .house {
}

.bldDiv.bldEdit .house {
    cursor: pointer;
}

/*div.bldDiv .empty.skip {
	display: none;
}*/
div.bldDiv .empty {
    background-color: transparent;
}

div.bldDiv .house, div.bldDiv .empty {
    display: inline-block;
}

div.colors div.color, div.bldDiv div.floors, div.bldDiv div.cell {
    float: left;
}

div.bldDiv div.floors, div.bldDiv div.cell {
    margin: 3px;
    border: 1px solid #D4D0C8;
}

div.colors div.color, div.bldDiv div.floorHead, div.bldDiv div.cellHead, div.bldDiv div.floor, div.bldDiv div.cellFloor {
    /*	height: 25px;*/
    text-align: center;
}

div.colors .colorDescribe, div.bldDiv .floorName, div.bldDiv div.floors .floorHeadName, div.bldDiv .cellHeadName, div.bldDiv .house, div.bldDiv .empty, div.bldDiv .more, div.bldDiv .colHeadName, div.bldDiv .col {
    /*	height: 23px;
	line-height: 23px;*/
    margin: 1px;
    float: left;
}

div.bldDiv .cellHeadName, div.bldDiv .colHeadName {
    margin: 1px 0;
}

/*div.colors .colorDescribe {
	width: 118px;
}*/
div.bldPlaceholder {
    height: 30px;
    width: 60px;
    margin: 0 auto;
    margin-top: 30px;
}

div.bldLoading {
    width: 200px;
    margin: 0 auto;
}

div.bldDiv .selectCell, div.bldDiv .selectFloor, div.bldDiv .house .selectHouse, div.bldDiv .cellHeadName .showName, div.bldDiv .floorName .showName, div.bldDiv .house .showName {
    vertical-align: middle;
}

div.bldDiv .clickable {
    cursor: pointer;
    color: blue;
}

div.bldDiv .house .showName, div.bldDiv .col {
    display: inline-block;
    /*	width: 100%;*/
    word-wrap: break-word;
    word-break: break-all;
}

div.bldDiv .col {
    background: #F1F1F3;
}

div.bldDiv .house .showName {
    width: 95%;
}

div.bldDiv.allotHouse .house .showName, div.bldDiv.allotCell .house .showName, div.bldDiv.allotCol .house .showName {
    text-align: left !important;
    width: auto;
    float: left;
}

div.bldDiv .house .showName.left {
    text-align: left;
}

div.bldDiv .house .showName.center {
    text-align: center;
}

.bldviewHouse.ui-tooltip {
    /*white-space: nowrap;		 by lihua 2014.3.20*/
    min-width: 200px; /* by lihua 2015.4.20 */
}

.ui-tooltip {
    /*	min-width: 80px;*/
}

div.bldDiv .colHeadName {
    background: #FFFFFF;
    overflow: hidden;
}

.bldview .controls {
    height: 25px;
    line-height: 25px;
}

.bldview .controls span {
    margin: 0 5px;
}

div.bldDiv .house.skip {
    background: url(images/skip.png) no-repeat right top;
}

.house_xu {
    background: url(images/house_xu.png) no-repeat right top;
    background-size: 18px 18px;
    display: table-cell;
    height: 18px;
    width: 18px;
}
/******************************************************************************
导航页
******************************************************************************/
.guideImage {
    background-image: url(images/guide.png);
    width: 190px;
    height: 90px;
    background-repeat: no-repeat;
    background-position: center center;
}

/******************************************************************************
metro
******************************************************************************/
.metroContainer {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

.metroContainer .metro {
    cursor: pointer;
}

/* 多行区域 */
.metroContainer li {
    text-align: center;
}

.metroContainer li div {
    background-position: center center;
}

.metroContainer li .title, .metroContainer li .info {
    position: absolute;
    display: inline-block;
}

.metroContainer li .title {
    font-size: 14px;
    color: #FFF;
    left: 15px;
    top: 10px;
}

.metroContainer li .info {
    font-size: 14px;
    color: #FFF;
    right: 15px;
    bottom: 10px;
}

.metroContainer li .info span.show {
    font-weight: bold;
}

/* 单行区域 */
.metroContainer li[data-sizex="1"][data-sizey="1"] {
    text-align: left;
    /*	*margin-bottom:-4px;*/
}

.metroContainer li[data-sizex="1"][data-sizey="1"] div {
    background-position: 10px center;
}

.metroContainer li[data-sizex="1"][data-sizey="1"] .title, .metroContainer li[data-sizex="1"][data-sizey="1"] .info {
    margin-left: 40%;
    width: 60%;
    left: 0;
}

.metroContainer li[data-sizex="1"][data-sizey="1"] .title {
    top: 15px;
}

.metroContainer li[data-sizex="1"][data-sizey="1"] .info {
    bottom: 10px;
}

.metroContainer .metro {
    width: 100%;
    height: 100%;
    border: 1px solid #F5EDE3;
}

.metroContainer .metro_color_1 {
    background-color: #a151b5;
}

.metroContainer .metro_color_1:hover {
    background-color: #9511b6;
}

.metroContainer .metro_color_2:hover {
    background-color: #008d94;
}

.metroContainer .metro_color_2 {
    background-color: #00bec8;
}

.metroContainer .metro_color_3 {
    background-color: #00ab99;
}

.metroContainer .metro_color_3:hover {
    background-color: #006e62;
}

.metroContainer .metro_color_4 {
    background-color: #f48221;
}

.metroContainer .metro_color_4:hover {
    background-color: #f37000;
}

.metroContainer .metro_color_5 {
    background-color: #ee5871;
}

.metroContainer .metro_color_5:hover {
    background-color: #bd1f39;
}

.metroContainer .metro_color_6 {
    background-color: #3a8acc;
}

.metroContainer .metro_color_6:hover {
    background-color: #0c61a7;
}

.metroContainer .metro_color_7 {
    background-color: #5f8b08;
}

.metroContainer .metro_color_7:hover {
    background-color: #4e7600;
}

.metroContainer .metro_color_8 {
    background-color: #f2b42d;
}

.metroContainer .metro_color_8:hover {
    background-color: #dfa31f;
}

.metroContainer li .metro {
    background-repeat: no-repeat;
    background-position: center;
}

.metroContainer li .metro_image_bld {
    background-image: url(images/metro/metro_bld.png);
}

.metroContainer li[data-sizex="1"][data-sizey="1"] .metro_image_bld {
    background-image: url(images/metro/metro_bld_s.png);
}

.metroContainer li .metro_image_money {
    background-image: url(images/metro/metro_money.png);
}

.metroContainer li[data-sizex="1"][data-sizey="1"] .metro_image_money {
    background-image: url(images/metro/metro_money_s.png);
}

.metroContainer li .metro_image_note {
    background-image: url(images/metro/metro_note.png);
}

.metroContainer li[data-sizex="1"][data-sizey="1"] .metro_image_note {
    background-image: url(images/metro/metro_note_s.png);
}

.metroContainer li .metro_image_region {
    background-image: url(images/metro/metro_region.png);
}

.metroContainer li[data-sizex="1"][data-sizey="1"] .metro_image_region {
    background-image: url(images/metro/metro_region_s.png);
}

.metroContainer li .metro_image_repair {
    background-image: url(images/metro/metro_repair.png);
}

.metroContainer li[data-sizex="1"][data-sizey="1"] .metro_image_repair {
    background-image: url(images/metro/metro_repair_s.png);
}

.metroContainer li .metro_image_shield {
    background-image: url(images/metro/metro_shield.png);
}

.metroContainer li[data-sizex="1"][data-sizey="1"] .metro_image_shield {
    background-image: url(images/metro/metro_shield_s.png);
}

.metroContainer li .metro_image_sign {
    background-image: url(images/metro/metro_sign.png);
}

.metroContainer li[data-sizex="1"][data-sizey="1"] .metro_image_sign {
    background-image: url(images/metro/metro_sign_s.png);
}

.metroContainer li .metro_image_tally {
    background-image: url(images/metro/metro_tally.png);
}

.metroContainer li[data-sizex="1"][data-sizey="1"] .metro_image_tally {
    background-image: url(images/metro/metro_tally_s.png);
}

.metroContainer li .metro_image_user {
    background-image: url(images/metro/metro_user.png);
}

.metroContainer li[data-sizex="1"][data-sizey="1"] .metro_image_user {
    background-image: url(images/metro/metro_user_s.png);
}

.metroContainer li .metro_image_skin {
    background-image: url(images/metro/metro_skin.png);
}

.metroContainer li[data-sizex="1"][data-sizey="1"] .metro_image_skin {
    background-image: url(images/metro/metro_skin_s.png);
}

.metroContainer li .status {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.metroContainer li[data-sizex="1"][data-sizey="1"] .status {
    background-position: 10px center;
}

.metroContainer li .metro_image_bld .status {
    margin-left: 27px;
    margin-top: 31px;
}

.metroContainer li[data-sizex="1"][data-sizey="1"] .metro_image_bld .status {
    margin-left: 32px;
    margin-top: 21px;
}

.metroContainer li .metro_image_money .status {
    margin-left: 20px;
    margin-top: 17px;
}

.metroContainer li[data-sizex="1"][data-sizey="1"] .metro_image_money .status {
    margin-left: 29px;
    margin-top: 12px;
}

.metroContainer li .metro_image_note .status {
    margin-left: 20px;
    margin-top: 25px;
}

.metroContainer li[data-sizex="1"][data-sizey="1"] .metro_image_note .status {
    margin-left: 30px;
    margin-top: 19px;
}

.metroContainer li .metro_image_region .status {
    margin-left: 27px;
    margin-top: 27px;
}

.metroContainer li[data-sizex="1"][data-sizey="1"] .metro_image_region .status {
    margin-left: 33px;
    margin-top: 19px;
}

.metroContainer li .metro_image_repair .status {
    margin-left: 27px;
    margin-top: 23px;
}

.metroContainer li[data-sizex="1"][data-sizey="1"] .metro_image_repair .status {
    margin-left: 38px;
    margin-top: 19px;
}

.metroContainer li .metro_image_shield .status {
    margin-left: 16px;
    margin-top: 18px;
}

.metroContainer li[data-sizex="1"][data-sizey="1"] .metro_image_shield .status {
    margin-left: 27px;
    margin-top: 14px;
}

.metroContainer li .metro_image_sign .status {
    margin-left: 29px;
    margin-top: 16px;
}

.metroContainer li[data-sizex="1"][data-sizey="1"] .metro_image_sign .status {
    margin-left: 35px;
    margin-top: 11px;
}

.metroContainer li .metro_image_tally .status {
    margin-left: 29px;
    margin-top: 21px;
}

.metroContainer li[data-sizex="1"][data-sizey="1"] .metro_image_tally .status {
    margin-left: 35px;
    margin-top: 17px;
}

.metroContainer li .metro_image_user .status {
    margin-left: 33px;
    margin-top: 26px;
}

.metroContainer li[data-sizex="1"][data-sizey="1"] .metro_image_user .status {
    margin-left: 37px;
    margin-top: 18px;
}

.metroContainer li .metro_image_skin .status {
    margin-left: 18px;
    margin-top: 25px;
}

.metroContainer li[data-sizex="1"][data-sizey="1"] .metro_image_skin .status {
    margin-left: 28px;
    margin-top: 18px;
}

.metroContainer li .status.todo {
    background-image: url(images/metro/metro_icon_todo.png);
}

.metroContainer li .status.doing {
    background-image: url(images/metro/metro_icon_doing.png);
}

.metroContainer li .status.done {
    background-image: url(images/metro/metro_icon_done.png);
}

/******************************************************************************
工作流
******************************************************************************/
.processDiv img {
    /*	position: absolute;
	left: 0px;
	top:50px;*/
    border: 1px solid green;
}

.processDiv .activity {
    position: absolute;
    cursor: default;
}

.processDiv .activity .action {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
}

/******************************************************************************
图表
******************************************************************************/
.chart {
    min-height: 400px;
    min-width: 400px;
    margin-top: 20px;
}

/******************************************************************************
处理步骤
******************************************************************************/
.flowContent {
    margin: 0 auto;
    clear: both;
}

.flowStep {
    float: left;
    text-align: center;
    width: 130px;
    background: url(images/flow_status.gif) no-repeat;
}

.flowWait {
    background-position: 0 -20px;
}

.flowDone {
    background-position: 0 -40px;
}

.flowRightWait {
    background-position: 0 -60px;
}

.flowRight {
    background-position: 0 -80px;
}

.flowStep div {
    margin-top: 20px;
    background: #fff;
}

/* for rainbows */
.wrap {
    display: block;
    padding: 0 1px 0 0;
    position: relative;
}

.wrap .shadow {
    color: #000;
    position: absolute;
    line-height: inherit;
    top: 0px;
    left: 1px;
}

.wrap .shadow a {
    color: #000;
}

.wrap .highlight {
    color: #fff;
    opacity: 0.7;
    position: absolute;
    line-height: inherit;
    top: 1px;
    left: 0px;
}

.wrap .source {
    position: relative;
}

.rainbow, .rainbows-highlight, .rainbows-shadow {
    xline-height: 1;
}

.rainbow {
    background: transparent;
    display: block;
    position: relative;
    height: 1px;
    overflow: hidden;
    z-index: 4;
}

.rainbow span {
    position: absolute;
    top: 0;
    left: 1px;
    display: block;
    white-space: nowrap;
}

a .rainbow span {
    white-space: nowrap;
}

.rainbows-highlight {
    color: #fff !important;
    display: block;
    position: absolute;
    top: -1px;
    left: 0px;
    z-index: 2;
}

.rainbows-shadow {
    color: #000 !important;
    display: block;
    position: absolute;
    top: 1px;
    left: 2px;
    /* can be one or two depending on 90 or 135 degree global light */
    z-index: 3;
}

.back .text .rainbows-shadow {
    color: #fff !important;
    opacity: 0.3;
}

/* for autocomplete */
.ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 9999;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
    /*width: 100%;*/
    font: menu;
    font-size: 14px;
    /*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
    line-height: 16px;
    overflow: hidden;
}

.ac_loading {
    background: white url(images/progressing.gif) right center no-repeat;
}

.ac_odd {
    background-color: #eee;
}

.ac_over {
    background-color: #0A246A;
    color: white;
}

/*
浮动窗口
*/
#containerId {
    background-color: #FFF;
    border: 8px solid #444;
    padding: 10px;
}

#overlayId {
    background-color: #000;
}

#imageViewerContainer {
    background-color: #FFF;
    border: 8px solid #444;
    padding: 10px;
}

#imageViewerOverlay {
    background-color: #000;
}

a.modalCloseImg {
    background: url(images/x.png) no-repeat; /* adjust url as required */
    width: 25px;
    height: 29px;
    display: inline;
    z-index: 3200;
    position: absolute;
    top: -15px;
    right: -18px;
    cursor: pointer;
}

/******************************************************************************
ad-gallery
******************************************************************************/
/**
 * Copyright (c) 2012 Anders Ekdahl (http://coffeescripter.com/)
 * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
 * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
 *
 * Version: 1.2.7
 *
 * Demo and documentation: http://coffeescripter.com/code/ad-gallery/
 */
.ad-gallery {
    width: 100%;
}

.ad-gallery, .ad-gallery * {
    margin: 0;
    padding: 0;
}

.ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 400px;
    /*	margin-bottom: 10px;*/
    position: relative;
    overflow: hidden;
}

.ad-gallery .ad-image-wrapper .ad-loader {
    position: absolute;
    z-index: 10;
    top: 48%;
    left: 48%;
    border: 1px solid #CCC;
}

.ad-gallery .ad-image-wrapper .ad-next {
    position: absolute;
    right: 0;
    top: 0;
    width: 25%;
    height: 100%;
    cursor: pointer;
    display: block;
    z-index: 200;
}

.ad-gallery .ad-image-wrapper .ad-prev {
    position: absolute;
    left: 0;
    top: 0;
    width: 25%;
    height: 100%;
    cursor: pointer;
    display: block;
    z-index: 200;
}

.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next { /* Or else IE will hide it */
    background: url(images/gallery/trans.gif);
}

.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
    background: url(images/gallery/ad_prev.png);
    width: 30px;
    height: 30px;
    display: none;
    position: absolute;
    top: 47%;
    left: 0;
    z-index: 101;
}

.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
    background: url(images/gallery/ad_next.png);
    width: 30px;
    height: 30px;
    right: 0;
    left: auto;
}

.ad-gallery .ad-image-wrapper .ad-image {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 9;
}

.ad-gallery .ad-image-wrapper .ad-image a img {
    border: 0;
}

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 7px;
    text-align: left;
    width: 100%;
    z-index: 2;
    background: url(images/gallery/opa75.png);
    color: #000;
}

* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,
    sizingMethod=scale, src='opa75.png');
}

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
    display: block;
}

.ad-gallery .ad-controls {
    height: 20px;
}

.ad-gallery .ad-info {
    float: left;
}

.ad-gallery .ad-slideshow-controls {
    float: right;
}

.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
    padding-left: 5px;
    cursor: pointer;
}

.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
    padding-left: 5px;
    font-size: 0.9em;
}

.ad-gallery .ad-slideshow-running .ad-slideshow-start {
    cursor: default;
    font-style: italic;
}

.ad-gallery .ad-nav {
    width: 100%;
    position: relative;
}

.ad-gallery .ad-forward, .ad-gallery .ad-back {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 10;
}

/* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {
    height: 100px;
}

.ad-gallery .ad-back {
    cursor: pointer;
    left: -20px;
    width: 13px;
    display: block;
    background: url(images/gallery/ad_scroll_back.png) 0px 22px no-repeat;
}

.ad-gallery .ad-up {
    top: -20px;
    background: url(images/gallery/ad_scroll_up.png) 0px 5px no-repeat;
}

.ad-gallery .ad-forward {
    cursor: pointer;
    display: block;
    right: -20px;
    width: 13px;
    background: url(images/gallery/ad_scroll_forward.png) 0px 22px no-repeat;
}

.ad-gallery .ad-down {
    bottom: -20px;
    background: url(images/gallery/ad_scroll_down.png) 0px 5px no-repeat;
}

.ad-gallery .ad-up, .ad-gallery .ad-down {
    cursor: pointer;
    display: block;
    position: absolute;
    height: 100%;
    z-index: 10;
    height: 20px;
    width: 20px;
    left: 35px;
}

.ad-gallery .ad-nav .ad-thumbs {
    overflow: hidden;
    width: 100%;
    height: 80px;
}

.ad-gallery .ad-thumbs .ad-thumb-list {
    float: left;
    width: 9000px;
    list-style: none;
}

.ad-gallery .ad-thumbs li {
    float: left;
    padding-right: 5px;
}

.ad-gallery .ad-thumbs li a {
    display: block;
    cursor: pointer;
}

.ad-gallery .ad-thumbs li a img {
    border: 3px solid #CCC;
    display: block;
}

.ad-gallery .ad-thumbs li a.ad-active img {
    border: 3px solid #616161;
}

/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
    position: absolute;
    left: -900000px;
    top: -900000px;
}

/* for iviewer */
.iviewer_hide {
    position: absolute;
    bottom: 40px;
    left: 10px;
    height: 20px;
    cursor: pointer;
    background-color: white;
    border: 1px solid #000;
    z-index: 5000;
}

.iviewer_describe {
    position: absolute;
    bottom: 40px;
    left: 70px;
    height: 20px;
    background-color: white;
    z-index: 5000;
}

.iviewer_common {
    position: absolute;
    bottom: 10px;
    border: 1px solid #000;
    height: 28px;
    z-index: 5000;
}

.iviewer_cursor {
    cursor: url(images/iviewer/iviewer.hand.cur) 6 8, pointer;
}

.iviewer_drag_cursor {
    cursor: url(images/iviewer/iviewer.grab.cur) 6 8, pointer;
}

.iviewer_button {
    width: 28px;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
}

/* for validation */
/*.error-field {
	border: 2px solid #FF0000 !important
}*/
/* Z-INDEX */
.formError {
    z-index: 90;
}

.formError .formErrorContent {
    z-index: 1991;
}

.formError .formErrorArrow {
    z-index: 1996;
}

.ui-dialog .formError {
    z-index: 5000;
}

.ui-dialog .formError .formErrorContent {
    z-index: 5001;
}

.ui-dialog .formError .formErrorArrow {
    z-index: 5006;
}

.inputContainer {
    position: relative;
    float: left;
}

.formError {
    position: absolute;
    top: 300px;
    left: 300px;
    /*display: block;*/
    cursor: pointer;
    text-align: left;
    display: flex;
    flex-direction: column;
}

.formError.inline {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    cursor: default;
    height: 20px;
    line-height: 20px;
}

.ajaxSubmit {
    padding: 20px;
    background: #55ea55;
    border: 1px solid #999;
    display: none;
}

.formError .formErrorContent {
    box-sizing: border-box;
    width: 100%;
    background: #ee0101;
    position: relative;
    color: #fff;
    min-height: 20px;
    line-height: 20px;
    min-width: 100px;
    font-size: 14px;
    border: 2px solid #ddd;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    -o-box-shadow: 0 0 6px #000;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    white-space: normal;
}

.formError.toCenter .formErrorContent {
    width: 71%;
    float: right;
    min-width: 160px;
}

.formError.inline .formErrorContent {
    background: none;
    border: none;
    color: red;
    height: 20px;
    padding: 0;
    overflow: hidden;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
}

.formError.inline.greenPopup .formErrorContent {
    color: #33be40 !important;
}

.greenPopup .formErrorContent {
    background: #33be40;
}

.blackPopup .formErrorContent {
    background: #393939;
    color: #FFF;
}

.formError .formErrorArrow {
    width: 15px;
    margin: -2px 0 0 9px;
    position: relative;
}

.formError.toCenter .formErrorArrow {
    width: 10px;
    height: 35px;
    float: left;
    margin-right: -2px;
}

body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
    margin: -2px 9px 0 0;
}

.formError .formErrorArrowBottom {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    margin: 0px 0 0 12px;
    top: 2px;
}

.formError .formErrorArrow div {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    box-shadow: 0 2px 3px #444;
    -moz-box-shadow: 0 2px 3px #444;
    -webkit-box-shadow: 0 2px 3px #444;
    -o-box-shadow: 0 2px 3px #444;
    font-size: 0px;
    height: 1px;
    background: #ee0101;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block;
}

.formError.toCenter .formErrorArrow div {
    box-shadow: -3px 0 3px #444;
    -moz-box-shadow: -3px 0 3px #444;
    -webkit-box-shadow: -3px 0 3px #444;
    -o-box-shadow: -3px 0 3px #444;
    width: 1px;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    border-left: none;
    border-right: none;
    float: right;
}

.formError .formErrorArrowBottom div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
    background: #33be40;
}

.blackPopup .formErrorArrow div {
    background: #393939;
    color: #FFF;
}

.formError .formErrorArrow .line10 {
    width: 15px;
    border: none;
}

.formError.toCenter .formErrorArrow .line10 {
    width: 1px;
    height: 21px;
    margin-top: 6px;
}

.formError .formErrorArrow .line9 {
    width: 13px;
    border: none;
}

.formError.toCenter .formErrorArrow .line9 {
    width: 1px;
    height: 17px;
    margin-top: 8px;
}

.formError .formErrorArrow .line8 {
    width: 11px;
}

.formError.toCenter .formErrorArrow .line8 {
    width: 1px;
    height: 15px;
    margin-top: 9px;
}

.formError .formErrorArrow .line7 {
    width: 9px;
}

.formError.toCenter .formErrorArrow .line7 {
    width: 1px;
    height: 13px;
    margin-top: 10px;
}

.formError .formErrorArrow .line6 {
    width: 7px;
}

.formError.toCenter .formErrorArrow .line6 {
    width: 1px;
    height: 11px;
    margin-top: 11px;
}

.formError .formErrorArrow .line5 {
    width: 5px;
}

.formError.toCenter .formErrorArrow .line5 {
    width: 1px;
    height: 9px;
    margin-top: 12px;
}

.formError .formErrorArrow .line4 {
    width: 3px;
}

.formError.toCenter .formErrorArrow .line4 {
    width: 1px;
    height: 7px;
    margin-top: 13px;
}

.formError .formErrorArrow .line3 {
    width: 1px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 0 solid #ddd;
}

.formError.toCenter .formErrorArrow .line3 {
    width: 1px;
    height: 5px;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    border-left: none;
    border-right: none;
    margin-top: 14px;
}

.formError .formErrorArrow .line2 {
    width: 3px;
    border: none;
    background: #ddd;
}

.formError.toCenter .formErrorArrow .line2 {
    width: 1px;
    height: 3px;
    margin-top: 15px;
    background: #ee0101;
}

.formError .formErrorArrow .line1 {
    width: 1px;
    border: none;
    background: #ddd;
}

.formError.toCenter .formErrorArrow .line1 {
    width: 1px;
    height: 1px;
    margin-top: 16px;
}

/* cluetip */
div.ui-cluetip {
    font-size: 1em;
}

.ui-cluetip-header,
.ui-cluetip-content {
    padding: 0px;
}

.ui-cluetip-header {
    font-size: 1em;
    margin: 0;
    overflow: hidden;
}

.cluetip-title .cluetip-close {
    float: right;
    position: relative;
}

.cluetip-close img {
    border: 0;
}

#cluetip-waitimage {
    width: 43px;
    height: 11px;
    position: absolute;
    background-image: url(images/cluetip/wait.gif);
}

.cluetip-arrows {
    display: none;
    position: absolute;
    top: 0;
    left: -11px;
    width: 11px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: 0 0;
    border-width: 0;
}

.cluetip-extra {
    display: none;
}

/********************************/
/** by lihua 2013.10.8
div.ui-widget-content {
	border: none;
}
**/
#maintabs {
    border: none;
}

.cluetip-outer {
    overflow: hidden !important;
}

/***************************************
   =cluetipClass: 'default'
-------------------------------------- */

.cluetip-default,
.cluetip-default .cluetip-outer {
    background-color: #d9d9c2;
}

.cluetip-default .ui-cluetip-header {
    background-color: #87876a;
}


/*
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close {
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}
*/
/* default arrows */
div.cluetip-default .cluetip-arrows {
    border-width: 0;
    background: transparent none;
}

div.clue-right-default .cluetip-arrows {
    background-image: url(images/cluetip/darrowleft.gif);
}

div.clue-left-default .cluetip-arrows {
    background-image: url(images/cluetip/darrowright.gif);
    left: 100%;
    margin-right: -11px;
}

div.clue-top-default .cluetip-arrows {
    background-image: url(images/cluetip/darrowdown.gif);
    top: 100%;
    left: 50%;
    margin-left: -11px;
    width: 22px;
    height: 11px;
}

div.clue-bottom-default .cluetip-arrows {
    background-image: url(images/cluetip/darrowup.gif);
    top: -11px;
    left: 50%;
    margin-left: -11px;
    width: 22px;
    height: 11px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
    background-color: #fff;
}

.cluetip-jtip .cluetip-outer {
    /*  border: 2px solid #ccc;*/
    position: relative;
    /*  background-color: #fff;*/
}

.cluetip-jtip .cluetip-inner {
    padding: 5px;
    display: inline-block;
}

.cluetip-jtip div.cluetip-close {
    text-align: right;
    margin: 0 5px 0;
    color: #900;
}

.cluetip-jtip .ui-cluetip-header {
    background-color: #ccc;
    padding: 6px;
    /*  margin-bottom: 1em;*/
}

/* jtip arrows */
div.cluetip-jtip .cluetip-arrows {
    border-width: 0;
    background: transparent none;
}

div.clue-right-jtip .cluetip-arrows {
    background-image: url(images/cluetip/arrowleft.gif);
}

div.clue-left-jtip .cluetip-arrows {
    background-image: url(images/cluetip/arrowright.gif);
    left: 100%;
    margin-right: -11px;
}

div.clue-top-jtip .cluetip-arrows {
    background-image: url(images/cluetip/arrowdown.gif);
    top: 100%;
    left: 50%;
    width: 22px;
    height: 11px;
    margin-left: -11px;
}

div.clue-bottom-jtip .cluetip-arrows {
    background-image: url(images/cluetip/arrowup.gif);
    top: -11px;
    left: 50%;
    width: 22px;
    height: 11px;
    margin-left: -11px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */
.cluetip-rounded {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #fff;
    border: 1px solid #ccc;
}

.cluetip-rounded .cluetip-outer {
    background-color: #fff;
}

.cluetip-rounded .cluetip-arrows {
    border-color: #ccc;
}

/* need to be more specific here to override ThemeRoller defaults */
div.cluetip-rounded .cluetip-arrows {
    font-size: 0;
    line-height: 0%;
    width: 0;
    height: 0;
    border-style: solid;
    background: transparent none;
}

div.clue-right-rounded .cluetip-arrows {
    border-width: 11px 11px 11px 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

div.clue-left-rounded .cluetip-arrows {
    left: 100%;
    margin-right: -11px;
    border-width: 11px 0 11px 11px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;

}

div.clue-top-rounded .cluetip-arrows {
    top: 100%;
    left: 50%;
    border-width: 11px 11px 0 11px;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.clue-bottom-rounded .cluetip-arrows {
    top: -11px;
    left: 50%;
    border-width: 0 11px 11px 11px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;

}

/* stupid IE6 HasLayout hack */
.cluetip-rounded .cluetip-title,
.cluetip-rounded .cluetip-inner {
    zoom: 1;
}

div.jGrowl {
    z-index: 9999;
    color: #fff;
    font-size: 12px;
}

/** Special IE6 Style Positioning **/
div.ie6 {
    position: absolute;
}

div.ie6.top-right {
    right: auto;
    bottom: auto;
    left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
    left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
    left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
    left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
    left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
    width: 100%;
}

/** Normal Style Positions **/
div.jGrowl {
    position: absolute;
}

body > div.jGrowl {
    position: fixed;
}

div.jGrowl.top-left {
    left: 0px;
    top: 0px;
}

div.jGrowl.top-right {
    right: 0px;
    top: 0px;
}

div.jGrowl.bottom-left {
    left: 0px;
    bottom: 0px;
}

div.jGrowl.bottom-right {
    right: 0px;
    bottom: 0px;
}

div.jGrowl.center {
    top: 0px;
    width: 50%;
    left: 25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
    margin-left: auto;
    margin-right: auto;
}

/* by lihua */
div.jGrowl div.jGrowl-closer {
    background-color: #000;
    opacity: .85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
    /*	background-color: 		#000;
	opacity: 				.85;
	-ms-filter: 			"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: 				progid:DXImageTransform.Microsoft.Alpha(Opacity=85); by lihua*/
    zoom: 1;
    width: 235px;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-align: left;
    display: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.jGrowl div.jGrowl-notification {
    min-height: 40px;
}

div.jGrowl div.jGrowl-notification,
div.jGrowl div.jGrowl-closer {
    margin: 10px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-header {
    font-weight: bold;
    font-size: .85em;
}

div.jGrowl div.jGrowl-notification div.jGrowl-close {
    z-index: 99;
    float: right;
    font-weight: bold;
    font-size: 1em;
    cursor: pointer;
}

div.jGrowl div.jGrowl-closer {
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    font-size: .9em;
    font-weight: bold;
    text-align: center;
}

/** Hide jGrowl when printing **/
@media print {
    div.jGrowl {
        display: none;
    }
}

/* fro ztree */
.ztree-select-div {
    border: 1px solid #d2d0d0;
    background: #f9f9f9;
    display: none;
    position: absolute;
    width: 300px;
    height: 400px;
    tabindex: -1;
}

.ztree-select-div.withOperate {
    height: 430px;
}

.ztree-select-div.withOperate div {
    width: 100%;
    text-align: center;
}

.ztree-select-ul {
    margin-top: 0;
    height: 390px;
    overflow: auto;
    /*	width: 200px;
	height: 200px;*/
}

.ztree-div {
    border: 1px solid #d2d0d0;
    background: #f9f9f9;
    width: 575px;
    height: 350px;
    overflow-x: auto;
    overflow-y: auto;
}

.ztree li span.button.add {
    margin-left: 2px;
    margin-right: -1px;
    background-position: -144px 0;
    vertical-align: top;
    *vertical-align: middle;
}

.treeDiv {
    float: left;
    display: none;
}

.treeDetailContainer {
    display: none;
    float: left;
}

/*
ms2side
*/
.ms2side__div {
    clear: left;
    /*	width: 100%; by lihua*/
    padding: 1px;
    float: left;
    background: url('') repeat-x; /* HACK FOR CHROME */
}

.ms2side__select {
    float: left;
}

.ms2side__header {
    color: #000088;
    background-color: #EEEEFF;
    margin-left: 3px;
    width: 270px;
    height: 20px;
}

.ms2side__options, .ms2side__updown {
    float: left;
    font-size: 10pt;
    margin: 0;
    padding: 0 8px;
    width: 110px;
    color: black;
    text-align: center;
    overflow: hidden;
}

.ms2side__updown {
    font-size: 9pt;
}

.ms2side__options p, .ms2side__updown p {
    margin: 2px 0;
    padding: 0;
    cursor: pointer;
    border: 1px solid black;
}

.ms2side__options p.ms2side_hover, .ms2side__updown p.ms2side_hover {
    background-color: #F0F0FF;
    border-color: #0000FF;
    cursor: pointer;
}

.ms2side__options p.ms2side__hide, .ms2side__updown p.ms2side__hide {
    cursor: default;
    color: gray;
    border: 1px solid gray;
    background-color: #F0F0F0;
}

.ms2side__div select {
    width: 270px;
    height: 320px;
    float: left;
}


/* INPUT FOR SEARCH */
.ms2side__header input {
    width: 80px;
    height: 12px;
}

.ms2side__header input.wait {
    width: 80px;
    height: 12px;
    background: #FFFFFF url(../img/loading.gif) no-repeat center right;
}

.ms2side__header input.small {
    width: 50px;
    height: 12px;
}


/* INPUT FOR SELECT SEARCH */
.ms2side__header select {
    width: 100px;
    font-size: 11px;
    height: 18px;
    float: none;
}

.ms2side__header select.small {
    width: 70px;
}


/* REMOVE FILTER OPTION FOR SEARCH */
.ms2side__header a {
    font-size: 10pt;
    padding: 0 8px;
    width: 16px;
    height: 16px;
    color: black;
    text-align: center;
    text-decoration: none;
    border: 1px solid gray;
    background: #FFFFFF url(../img/close.gif) no-repeat center center;
    margin: 0 0 0 3px;
}

.ms2side__header a:hover {
    background-color: #F0F0FF;
    border-color: gray;
}

/*! gridster.js - v0.2.1 - 2013-10-28
* http://gridster.net/
* Copyright (c) 2013 ducksboard; Licensed MIT */
.gridster {
    position: relative;
}

.gridster > * {
    margin: 0 auto;
    -webkit-transition: height .4s;
    -moz-transition: height .4s;
    -o-transition: height .4s;
    -ms-transition: height .4s;
    transition: height .4s;
}

.gridster .gs-w {
    z-index: 2;
    position: absolute;
}

.ready .gs-w:not(.preview-holder) {
    -webkit-transition: opacity .3s, left .3s, top .3s;
    -moz-transition: opacity .3s, left .3s, top .3s;
    -o-transition: opacity .3s, left .3s, top .3s;
    transition: opacity .3s, left .3s, top .3s;
}

.ready .gs-w:not(.preview-holder),
.ready .resize-preview-holder {
    -webkit-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
    -moz-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
    -o-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
    transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
}

.gridster .preview-holder {
    z-index: 1;
    position: absolute;
    background-color: #fff;
    border-color: #fff;
    opacity: 0.3;
}

.gridster .player-revert {
    z-index: 10 !important;
    -webkit-transition: left .3s, top .3s !important;
    -moz-transition: left .3s, top .3s !important;
    -o-transition: left .3s, top .3s !important;
    transition: left .3s, top .3s !important;
}

.gridster .dragging,
.gridster .resizing {
    z-index: 10 !important;
    -webkit-transition: all 0s !important;
    -moz-transition: all 0s !important;
    -o-transition: all 0s !important;
    transition: all 0s !important;
}


.gs-resize-handle {
    position: absolute;
    z-index: 1;
}

.gs-resize-handle-both {
    width: 20px;
    height: 20px;
    bottom: -8px;
    right: -8px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=');
    background-position: top left;
    background-repeat: no-repeat;
    cursor: se-resize;
    z-index: 20;
}

.gs-resize-handle-x {
    top: 0;
    bottom: 13px;
    right: -5px;
    width: 10px;
    cursor: e-resize;
}

.gs-resize-handle-y {
    left: 0;
    right: 13px;
    bottom: -5px;
    height: 10px;
    cursor: s-resize;
}

.gs-w:hover .gs-resize-handle,
.resizing .gs-resize-handle {
    opacity: 1;
}

.gs-resize-handle,
.gs-w.dragging .gs-resize-handle {
    opacity: 0;
}

.gs-resize-disabled .gs-resize-handle {
    display: none !important;
}

[data-max-sizex="1"] .gs-resize-handle-x,
[data-max-sizey="1"] .gs-resize-handle-y,
[data-max-sizey="1"][data-max-sizex="1"] .gs-resize-handle {
    display: none !important;
}

/* Uncomment this if you set helper : "clone" in draggable options */
/*.gridster .player {
  opacity:0;
}
*/

.slides {
    display: none
}

.slides .slidesjs-navigation {
    margin-top: 5px;
}

a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop {
    background-image: url(images/slidesjs/btns-next-prev.png);
    background-repeat: no-repeat;
    display: block;
    width: 12px;
    height: 18px;
    overflow: hidden;
    text-indent: -9999px;
    float: left;
    margin-right: 5px;
}

a.slidesjs-next {
    margin-right: 10px;
    background-position: -12px 0;
}

a:hover.slidesjs-next {
    background-position: -12px -18px;
}

a.slidesjs-previous {
    background-position: 0 0;
}

a:hover.slidesjs-previous {
    background-position: 0 -18px;
}

a.slidesjs-play {
    width: 15px;
    background-position: -25px 0;
}

a:hover.slidesjs-play {
    background-position: -25px -18px;
}

a.slidesjs-stop {
    width: 18px;
    background-position: -41px 0;
}

a:hover.slidesjs-stop {
    background-position: -41px -18px;
}

.slidesjs-pagination {
    margin: 2px;
    float: right;
    list-style: none;
}

.slidesjs-pagination li {
    float: left;
    margin: 0 1px;
}

.slidesjs-pagination li a {
    display: block;
    width: 13px;
    height: 0;
    padding-top: 13px;
    background-image: url(images/slidesjs/pagination.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
}

.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active {
    background-position: 0 -13px
}

.slidesjs-pagination li a:hover {
    background-position: 0 -26px
}

#slides a:link, #slides a:visited {
    color: #333
}

.slides a:hover, .slides a:active {
    color: #9e2020
}

.navbar {
    overflow: hidden
}

/* smartWizard */
/*
  SmartWizard 2.0 plugin
  jQuery Wizard control Plugin
  by Dipu

  http://www.techlaboratory.net
  http://tech-laboratory.blogspot.com
*/
.swMain {
    position: relative;
    display: block;
    /*  margin:0;*/
    margin: 0 auto;
    padding: 0;
    border: 0px solid #CCC;
    overflow: hidden;
    /*  float:left;*/
    width: 980px;
}

.swMain .stepContainer {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0px solid #CCC;
    overflow-x: hidden;
    overflow-y: auto;
    clear: both;
}

.swMain .stepContainer div.content {
    display: block;
    position: absolute;
    float: left;
    margin: 0;
    padding: 5px;
    border: 1px solid #CCC;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    color: #5A5655;
    background-color: #F8F8F8;
    text-align: left;
    overflow: hidden;
    z-index: 88;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    /*  width:968px;*/
    width: 840px;
    clear: both;
}

.swMain div.actionBar {
    display: block;
    position: relative;
    clear: both;
    margin: 3px 0 0 0;
    /*  border:             1px solid #CCC;*/
    padding: 0;
    /*  color:              #5A5655;
  background-color:   #F8F8F8;*/
    height: 40px;
    text-align: left;
    overflow: auto;
    z-index: 88;
    width: 840px; /**/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    left: 0;
}

.swMain .stepContainer .StepTitle {
    display: block;
    position: relative;
    margin: 0;
    border: 1px solid #E0E0E0;
    padding: 5px;
    font: bold 16px Verdana, Arial, Helvetica, sans-serif;
    color: #5A5655;
    background-color: #E0E0E0;
    clear: both;
    text-align: left;
    z-index: 88;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.swMain ul.anchor {
    position: relative;
    display: block;
    float: left;
    list-style: none;
    padding: 0px;
    margin: 10px 0;
    clear: both;
    border: 0px solid #CCCCCC;
    background: transparent; /*#EEEEEE */
}

.swMain ul.anchor li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    padding-left: 3px;
    padding-right: 3px;
    border: 0px solid #E0E0E0;
    float: left;
}

/* Anchor Element Style */
.swMain ul.anchor li a {
    display: block;
    position: relative;
    float: left;
    margin: 0;
    padding: 3px;
    height: 60px;
    width: 190px;
    text-decoration: none;
    outline-style: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 99;
}

.swMain ul.anchor li a .stepNumber {
    position: relative;
    float: left;
    width: 30px;
    text-align: center;
    padding: 5px;
    padding-top: 0;
    font: bold 45px Verdana, Arial, Helvetica, sans-serif;
}

.swMain ul.anchor li a .stepDesc {
    position: relative;
    display: block;
    float: left;
    text-align: left;
    padding: 5px;
    font: bold 20px Verdana, Arial, Helvetica, sans-serif;
}

.swMain ul.anchor li a .stepDesc small {
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

.swMain ul.anchor li a.selected {
    color: #F8F8F8;
    background: #EA8511; /* EA8511 */
    border: 1px solid #EA8511;
    cursor: text;
    -moz-box-shadow: 5px 5px 8px #888;
    -webkit-box-shadow: 5px 5px 8px #888;
    box-shadow: 5px 5px 8px #888;
}

.swMain ul.anchor li a.selected:hover {
    color: #F8F8F8;
    background: #EA8511;
}

.swMain ul.anchor li a.done {
    position: relative;
    color: #FFF;
    background: #8CC63F;
    border: 1px solid #8CC63F;
    z-index: 99;
}

.swMain ul.anchor li a.done:hover {
    color: #5A5655;
    background: #8CC63F;
    border: 1px solid #5A5655;
}

.swMain ul.anchor li a.disabled {
    color: #CCCCCC;
    background: #F8F8F8;
    border: 1px solid #CCC;
    cursor: text;
}

.swMain ul.anchor li a.disabled:hover {
    color: #CCCCCC;
    background: #F8F8F8;
}

.swMain ul.anchor li a.error {
    color: #6c6c6c !important;
    background: #f08f75 !important;
    border: 1px solid #fb3500 !important;
}

.swMain ul.anchor li a.error:hover {
    color: #000 !important;
}

.swMain .buttonNext {
    display: block;
    float: right;
    margin: 5px 5px 0 3px;
    padding: 5px;
    text-decoration: none;
    text-align: center;
    font: bold 13px Verdana, Arial, Helvetica, sans-serif;
    width: 100px;
    color: #FFF;
    outline-style: none;
    background-color: #5A5655;
    border: 1px solid #5A5655;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.swMain .buttonDisabled {
    color: #F8F8F8 !important;
    background-color: #CCCCCC !important;
    border: 1px solid #CCCCCC !important;
    cursor: text;
}

.swMain .buttonPrevious {
    display: block;
    float: right;
    margin: 5px 5px 0 3px;
    padding: 5px;
    text-decoration: none;
    text-align: center;
    font: bold 13px Verdana, Arial, Helvetica, sans-serif;
    width: 100px;
    color: #FFF;
    outline-style: none;
    background-color: #5A5655;
    border: 1px solid #5A5655;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.swMain .buttonFinish {
    display: block;
    float: right;
    margin: 5px 5px 0 3px;
    padding: 5px;
    text-decoration: none;
    text-align: center;
    font: bold 13px Verdana, Arial, Helvetica, sans-serif;
    width: 100px;
    color: #FFF;
    outline-style: none;
    background-color: #5A5655;
    border: 1px solid #5A5655;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.swMain .buttonCancel {
    display: block;
    float: right;
    margin: 5px 5px 0 3px;
    padding: 5px;
    text-decoration: none;
    text-align: center;
    font: bold 13px Verdana, Arial, Helvetica, sans-serif;
    width: 100px;
    color: #FFF;
    outline-style: none;
    background-color: #5A5655;
    border: 1px solid #5A5655;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/* Form Styles */
.txtBox {
    border: 1px solid #CCCCCC;
    color: #5A5655;
    font: 13px Verdana, Arial, Helvetica, sans-serif;
    padding: 2px;
    width: 430px;
}

.txtBox:focus {
    border: 1px solid #EA8511;
}

.swMain .loader {
    position: relative;
    display: none;
    float: left;
    margin: 2px 0 0 2px;
    padding: 8px 10px 8px 40px;
    border: 1px solid #FFD700;
    font: bold 13px Verdana, Arial, Helvetica, sans-serif;
    color: #5A5655;
    background: #FFF url(../images/loader.gif) no-repeat 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 998;
}

.swMain .msgBox {
    position: relative;
    display: none;
    float: left;
    margin: 4px 0 0 5px;
    padding: 5px;
    border: 1px solid #FFD700;
    background-color: #FFFFDD;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    color: #5A5655;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 999;
    min-width: 200px;
}

.swMain .msgBox .content {
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    padding: 0px;
    float: left;
}

.swMain .msgBox .close {
    border: 1px solid #CCC;
    border-radius: 3px;
    color: #CCC;
    display: block;
    float: right;
    margin: 0 0 0 5px;
    outline-style: none;
    padding: 0 2px 0 2px;
    position: relative;
    text-align: center;
    text-decoration: none;
}

.swMain .msgBox .close:hover {
    color: #EA8511;
    border: 1px solid #EA8511;
}

/****************web*********************/
.webContainer .head {
    padding: 20px 0 10px;
    border-bottom: 1px solid #dcdada;
}

.webContainer .head h4 {
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
}

.webContainer .head h5 {
    font-size: 14px;
    font-weight: normal;
    margin: 0 auto;
    text-align: center;
    color: #9f9f9f;
}

/*.webContainer .summary {
	padding: 10px 0;
	border-bottom: 1px solid #D4DAE9;
	color: #204187;
	text-indent: 2em;
	font-size: 14px;
}*/
.webContainer .body {
    padding: 10px 0;
    line-height: 28px;
    font-size: 14px;
    text-indent: 2em;
}

.demoLayout {
    position: absolute;
    pointer-events: none;
    z-index: 99999;
    background: url(images/demo.layout.png);
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    width: 220px;
    height: 220px;
}

#demoTop {
    left: 0;
    top: 0;
}

#demoMidLeft {
    left: 0;
    bottom: 0;
}

#demoMidRight {
    right: 0;
    top: 0;
}

#demoBottom {
    right: 0;
    bottom: 0;
}

/* checkbox,radio排列 */
[data-type="checkboxDiv"], div[data-type="radioDiv"] {
    float: left;
}

.split2 [data-type="checkboxDiv"], .split2 div[data-type="radioDiv"] {
    width: 50%;
}

.split4 [data-type="checkboxDiv"], .split2 div[data-type="radioDiv"] {
    width: 25%;
}

.versionDiv, .contactDiv, .browserSupportDiv, .downloadDiv, .featuresDiv {
    max-width: 1200px;
    margin: 0 auto;
    color: #5d5d5d;
    font-size: 19px;
    line-height: 1.5;
    padding: 20px 15px;
}

.versionDiv .title h2 {
    font-size: 24px;
}

.versionDiv .date h3 {
    font-size: 14px;
    text-align: center;
}

.versionDiv .content {
    text-align: left;
}

.versionDiv .line, .featuresDiv .line {
    height: 50px;
    margin-top: 20px;
    clear: both;
    background: url(images/feature/line.png) no-repeat center center;
}

.contactDiv span, .browserSupportDiv span {
    width: 100%;
    display: inline-block;
}

.contactDiv .bold {
    font-weight: bold;
}

.contactDiv .contact {
    width: 300px;
}

.downloadDiv .datagrid-top .datagrid-title h2 {
    width: 1000px;
    font-size: 24px;
    padding: 10px 0;
}

.downloadDiv tbody td, .downloadDiv table.datagridtable thead tr th, .downloadDiv table.datagridtable tfoot tr th, .downloadDiv table.datagridtable-header tr th {
    font-size: 16px;
}

.featuresDiv {
    width: 975px;
    text-align: center;
}

.featuresDiv h2 {
    font-size: 40px;
    font-weight: normal;
}

.featuresDiv .title {
    padding: 20px 0;
}

.featuresDiv .normal {
    width: 100%;
}

.featuresDiv .center {
    width: 100%;
}

.featuresDiv .left {
    width: 42%;
    padding-top: 100px;
    float: left;
    clear: left;
}

.featuresDiv .right {
    width: 57%;
    float: right;
    clear: right;
}

.featuresDiv .center {
    padding-top: 30px;
}

.featuresDiv span {
    width: 100%;
    display: inline-block;
}

.featuresDiv .nav {
    width: 60px;
    height: 100px;
    margin-top: 200px;
    background: url(images/feature/nav.png) no-repeat;
    cursor: pointer;
}

.featuresDiv .nav.prev {
    background-position: -31px -17px;
    float: left;
}

.featuresDiv .nav.next {
    background-position: -36px -194px;
    float: right;
}

.browserSupportDiv {
    padding: 12px 15px;
}

.browserSupportDiv h2 {
    font-size: 24px;
}

.browserSupportDiv .tbGrid {
    font-size: 16px;
}

.browserSupportDiv .tbGrid img {
    margin-top: 5px;
    margin-bottom: -15px;
}

.browserSupportDiv td.notSupport {
    color: red;
}

.browserSupportDiv td.partSupport {
    color: purple;
}

.helpDiv {
    min-width: 1000px;
    max-width: 1200px;
    margin: 0 auto;
}

.wide .helpDiv {
    width: 1200px;
}

.narrow .helpDiv {
    width: 1000px;
}

.helpDiv .head, .helpDiv.search, .helpDiv .body, .helpDiv .foot {
    width: 100%;
    clear: both;
}

.helpDiv .head {
    height: 70px;
    background: url(images/help/logo.head.png) no-repeat 40px 0;
}

.helpDiv .head .title {
    margin-left: 150px;
    margin-top: 20px;
    font-size: 28px;
    float: left;
    color: #414242;
}

.helpDiv .head .link {
    margin-top: 40px;
    margin-right: 20px;
    float: right;
}

.helpDiv .head, .helpDiv .search {
    border-bottom: #d6d5d5 1px solid;
}

.helpDiv .search {
    background: #f1f2f2;
    height: 50px;
}

.helpDiv .search ul {
    width: 310px;
    height: 50px;
    overflow: hidden;
}

.helpDiv .search #searchContainer {
    width: 400px;
    float: left;
    margin-top: 8px;
    height: 36px;
    text-align: left;
    background-image: url(images/help/search.box.png);
    background-repeat: no-repeat;
    padding-right: 4px;
    padding-top: 0px;
    background-color: #FFF;
    margin-left: 210px;
}

.helpDiv .search #helpSearch {
    width: 330px;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 6px;
    border: 0px #cbcbcb solid;
    padding-left: 3px;
    padding-top: 6px;
}

.helpDiv .search #helpSearchButton {
    z-index: 20000;
    left: 0px;
    background-image: url(images/help/search.button.jpg);
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    border: 0px;
    margin-top: -8px;
    margin-top: -6px \9;
    margin-left: 20px;
    vertical-align: middle;
}

.helpDiv .search #searchHot {
    height: 50px;
    line-height: 50px;
    float: left;
    margin-left: 15px;
}

.helpDiv .search #searchHot span, .helpDiv .search #searchHot ul {
    float: left;
}

.helpDiv .search #searchHot li {
    float: left;
    padding: 0 10px;
}

.helpDiv .body .nav {
    width: 210px;
    float: left;
    text-align: center;
    background: #f1f2f2;
    border-right: #d6d5d5 1px solid;
}

.helpDiv .body .nav li {
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    cursor: pointer;
}

.helpDiv .body .nav li:hover {
    background: url(images/help/nav.bg.png) no-repeat 0 -114px;
}

.helpDiv .body .nav li.current {
    background: url(images/help/nav.bg.png) no-repeat -84px -29px;
}

.helpDiv .body .content {
    float: right;
    color: #2a2a2a;
}

.wide .helpDiv .body .content {
    width: 989px;
}

.narrow .helpDiv .body .content {
    width: 789px;
}

.helpDiv .body .content .title {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    margin-left: 15px;
}

.helpDiv .body .content .grid table {
    font-size: 14px;
}

.helpDiv .body .content .grid tr {
    height: 35px;
}

.helpDiv .foot {
    height: 50px;
    border-top: #d6d5d5 1px solid;
    background: url(images/help/logo.foot.png) no-repeat center center;
}

.questionDiv {
    margin: 0 auto;
}

.questionDiv img {
    max-width: 900px;
}

.wide .questionDiv {
    width: 1150px;
}

.narrow .questionDiv {
    width: 950px;
}

.questionTooltip {
    width: 390px;
    max-height: 600px;
    padding: 5px;
    text-indent: 2em;
    text-align: left;
}

.questionTooltip img {
    max-width: 390px;
}

.newFeather {
    padding-top: 8px;
    margin-top: -8px;
    background: url(images/new.png) no-repeat right top;
}

.help, .help:hover, .help:visited {
    color: green;
    cursor: help;
    text-decoration: none;
    border-bottom: green 1px dotted;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.autoWidth {
    width: auto !important;
}

.demoContainer {
    width: 1002px;
    margin: 0 auto;
}

/*textarea.sourceCode {
	width: 894px;
	height: 546px;
}*/
ul.number {
    list-style-type: decimal;
    padding-left: 15px;
}

ul.point {
    list-style-type: disc;
    padding-left: 15px;
}

/********************* ui-tabs-custom ********************************/
.ui-tabs-custom.ui-tabs {
    margin-top: 1px;
    padding: 0;
}

.ui-tabs-custom.ui-tabs.ui-widget-content {
    border: 1px solid #dcdada;
}

.ui-tabs-custom.ui-tabs.ui-corner-all, .ui-tabs-custom .ui-tabs-nav.ui-corner-all, .ui-tabs-custom .ui-tabs-nav.ui-corner-all, .ui-tabs-custom.ui-tabs .ui-corner-top {
    border-radius: 0;
}

.ui-tabs-custom.ui-widget-content {
    background: #fcfdfd url(images/ui/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color: #222222;
}

.ui-tabs-custom .ui-tabs-nav.ui-widget-header {
    background: url(images/ui/ui.nav.bg.png) repeat-x;
    border: 0;
}

.ui-tabs-custom.ui-tabs .ui-tabs-nav, .ui-tabs-custom.ui-tabs .ui-tabs-nav li {
    margin: 0;
    padding: 0;
}

.ui-tabs-custom.ui-tabs .ui-tabs-nav {
    line-height: 1;
}

.ui-tabs-custom.ui-widget-content .ui-tabs-nav .ui-state-active {
    background: #FFF;
}

.ui-tabs-custom .ui-tabs-nav .ui-state-default a {
    color: #0d0d0d;
}

.ui-tabs-custom .ui-tabs-nav .ui-state-active a {
    color: #e17009;
}

.ui-tabs-custom.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 1px;
}

.ui-tabs-custom .ui-tabs-nav .ui-state-default {
    border: 0;
    border-right: 1px solid #dcdada;
}

.ui-tabs-custom.ui-widget-content li.ui-state-default, .ui-tabs-custom .ui-widget-header .ui-state-default {
    background: url(images/ui/ui.nav.bg.png) repeat-x;
}

/********************* ui-tabs-custom ********************************/
.chartContainer {
    width: 98%;
    height: 300px;
    margin: 0 auto;
}

.chartContainer .leftContainer {
    width: 49%;
    height: 300px;
    float: left;
}

.chartContainer .rightContainer {
    width: 49%;
    height: 300px;
    float: right;
}

.groupDiv .head {
    width: 100%;
    height: 25px;
    line-height: 25px;
    font-weight: bold;
    font-size: 14px;
}

.groupDiv .head .left {
    float: left;
    padding-left: 20px;
}

.groupDiv .head .right {
    float: right;
    padding-right: 20px;
}

.groupDiv .body .section {
    border: #dcdada 1px solid;
    float: left;
    margin: 2px 6px;
}

.groupDiv .body .section .head {
    font-weight: bold;
    font-size: 14px;
}

.groupDiv .body .section .title {
    float: left;
}

.groupDiv .body .section .more {
    float: right;
}

.groupDiv .body .section .table {
    clear: both;
}

.groupDiv .body .section .table table {
    table-layout: fixed;
}

.groupDiv .body .section table.tbGrid thead tr th, .groupDiv .body .section table.tbGrid tbody tr td {
    height: 25px;
    line-height: 25px;
}

.groupDiv .body .section table.tbGrid tbody tr.primary {
    background: #E6A106;
}

.groupDiv .body .section .table tbody td {
    /* 超宽列省略号表示 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* jquery.Jcrop.css v0.9.12 - MIT License */
/*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/
.jcrop-holder {
    direction: ltr;
    text-align: left;
}

/* Selection Border */
.jcrop-vline,
.jcrop-hline {
    background: #ffffff url("images/Jcrop.gif");
    font-size: 0;
    position: absolute;
}

.jcrop-vline {
    height: 100%;
    width: 1px !important;
}

.jcrop-vline.right {
    right: 0;
}

.jcrop-hline {
    height: 1px !important;
    width: 100%;
}

.jcrop-hline.bottom {
    bottom: 0;
}

/* Invisible click targets */
.jcrop-tracker {
    height: 100%;
    width: 100%;
    /* "turn off" link highlight */
    -webkit-tap-highlight-color: transparent;
    /* disable callout, image save panel */
    -webkit-touch-callout: none;
    /* disable cut copy paste */
    -webkit-user-select: none;
}

/* Selection Handles */
.jcrop-handle {
    background-color: #333333;
    border: 1px #eeeeee solid;
    width: 7px;
    height: 7px;
    font-size: 1px;
}

.jcrop-handle.ord-n {
    left: 50%;
    margin-left: -4px;
    margin-top: -4px;
    top: 0;
}

.jcrop-handle.ord-s {
    bottom: 0;
    left: 50%;
    margin-bottom: -4px;
    margin-left: -4px;
}

.jcrop-handle.ord-e {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 50%;
}

.jcrop-handle.ord-w {
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    top: 50%;
}

.jcrop-handle.ord-nw {
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    top: 0;
}

.jcrop-handle.ord-ne {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 0;
}

.jcrop-handle.ord-se {
    bottom: 0;
    margin-bottom: -4px;
    margin-right: -4px;
    right: 0;
}

.jcrop-handle.ord-sw {
    bottom: 0;
    left: 0;
    margin-bottom: -4px;
    margin-left: -4px;
}

/* Dragbars */
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
    height: 7px;
    width: 100%;
}

.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
    height: 100%;
    width: 7px;
}

.jcrop-dragbar.ord-n {
    margin-top: -4px;
}

.jcrop-dragbar.ord-s {
    bottom: 0;
    margin-bottom: -4px;
}

.jcrop-dragbar.ord-e {
    margin-right: -4px;
    right: 0;
}

.jcrop-dragbar.ord-w {
    margin-left: -4px;
}

/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
    background: #ffffff;
    filter: alpha(opacity=70) !important;
    opacity: .70 !important;
}

.jcrop-light .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #000000;
    border-color: #ffffff;
    border-radius: 3px;
}

/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
    background: #000000;
    filter: alpha(opacity=70) !important;
    opacity: 0.7 !important;
}

.jcrop-dark .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #ffffff;
    border-color: #000000;
    border-radius: 3px;
}

/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
    background: #ffffff;
}

/* Fix for twitter bootstrap et al. */
.jcrop-holder img,
img.jcrop-preview {
    max-width: none;
}

#todoRefresh {
    width: 300px;
    margin: 5px auto;
    color: red;
}

/* 页面操作提示 */
.hint {
    width: 30px;
    height: 35px;
    background: transparent url(images/hint.png) no-repeat right top;
    position: fixed;
    right: 1px;
    top: 5px;
    cursor: help;
}

.hint span {
    position: absolute;
    right: 30px;
    background: #cccccc;
    width: 400px;
    height: 120px;
    padding: 5px;
    display: none;
}

.hint span.expand {
    display: block;
}

.pass {
    background: url(images/pass.png) no-repeat scroll 0 45% transparent !important;
}

.reject {
    background: url(images/reject.png) no-repeat scroll 0 45% transparent !important;
}

.initiator {
    background: url(images/initiator.png) no-repeat scroll 0 45% transparent !important;
}

td.migrate-validation-td {
    position: relative;
}

/* 设置滚动条的样式 */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
    border-radius: 5px;
    opacity: 0;
    -webkit-transition: opacity .12s ease-out;
    transition: opacity .12s ease-out;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(144, 147, 153, .5);
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    &:hover {
        background-color: rgba(144, 147, 153, .7);
    }
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.1);
}
.ellipsis {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}