@charset "utf-8";
@font-face{font-family:iconfont;src:url(../fonts/iconfont/iconfont.eot?t=1535340843292);src:url(../fonts/iconfont/iconfont.eot?t=1535340843292#iefix) format('embedded-opentype'),url('data:application/x-font-woff;charset=utf-8;base64, ') format('woff'),url(../fonts/iconfont/iconfont.ttf?t=1535340843292) format('truetype'),url(../fonts/iconfont/iconfont.svg?t=1535340843292#iconfont) format('svg');}
/* Core Code */
html, body, *{padding:0;margin:0;font-size:14px;font-family:microsoft yahei,Arial, sans-serif;}
body{width:100%;height:100%;overflow:hidden;}
iframe{width:100%;height:100%;border:0px;}
input[type="checkbox"]{vertical-align:middle;margin-right:4px;margin-left:4px;}
input[type="checkbox"].form-check-input{width:2em;height:1em;margin-top:0.25em;margin-left:0em;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-position:left center;border-radius:2em;vertical-align:text-top;background-color:#fff;background-repeat:no-repeat;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
input[type="checkbox"].form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 0.25rem rgba(13,110,253,.25);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");}
input[type="checkbox"].form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd;background-position:right center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");}
input[type="number"]{width:80px;}
.clearfix{zoom:1;}
.clearfix:after{display:block;content:".";height:0;clear:both;visibility:hidden;}
.text-center{text-align:center;}
/* Remember to define focus styles! */
:focus{outline:0;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track{border-radius:10px;}
.hide,a.btnLook.hide,.panelBar .toolBar li a.hide,.button.hide,.buttonActive.hide,.buttonDisabled.hide{display:none;}
.float-right{float:right;}
.float-left{float:left;}
.ellipsis{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

ul, ol{list-style:none;}
/* Tables still need 'cellspacing="0"' in the markup. */
table{border-collapse:separate;border-spacing:0;border-color:#ededed;}
caption, th, td{font-weight:normal;}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after,
q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}

img{border:none;vertical-align:middle;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

header{display:block;height:50px;line-height:50px;position:relative;}
header a:hover{text-decoration:none;}
main{overflow:hidden;position:relative;}
footer{text-align:center;width:100%;line-height:24px;z-index:-1;font-size:12px;position:absolute;bottom:0px;}
footer a{font-size:12px;}
/* Menu */
header .logo{float:left;width:190px;height:50px;text-align:center;}
header .logo img{max-width:170px;max-height:50px;}
header .nav.left{left:190px;right:auto;}
header .nav{display:block;position:absolute;right:0px;z-index:2;}
header .nav>li{float:left;padding:0 10px;line-height:48px;position:relative;}
header .nav>li a{font-size:12px;}
header .nav>li>ul{display:none;background-color:#fff;position:absolute;line-height:20px;z-index:99;border-style:solid;border-width:1px;border-radius:3px;overflow:hidden;top:45px;right:5px;}
header .nav>li>ul>li{padding:3px 10px;white-space:nowrap;}
header .nav>li:hover>ul{display:block;}
header .nav>li>a [class*=" icon-"].icon-large{line-height:1.6em;font-size:1.6em;vertical-align:middle;}
.langList img,.theme,.themeList img{width:30px;height:20px;box-sizing:border-box;vertical-align:middle;}
header .nav>li ul img{border:1px solid #ccc;}
header .nav>li>ul li.selected a{color:#333;}
header .nav>li>ul li.selected img{border-color:#000;box-shadow:0px 0px 5px 1px #DDE4EF;}
header a{color:gray;}
#navMenu {float:left;display:block;}
#navMenu li{float: left;}
#navMenu li a{display: block;font-size: 13px;font-weight:400;text-decoration:none;padding:0 15px;}

.theme{display:inline-block;background-repeat:no-repeat;background-size:contain;}
.theme.toptry{background-image:url(../images/theme-toptry.png);}
.theme.red{background-image:url(../images/theme-red.png);}
.theme.ghibli{background-image:url(../images/theme-ghibli.png);}

header .navbar-toggler{display:block;width:24px;height:50px;background-image:url(../images/side-left.png);background-position:center center;background-repeat:no-repeat;}
header .navbar-toggler.side-right{background-image:url(../images/side-right.png);}

/* sidebar */
#leftside{position:absolute;top:0;left:0;height:100%;}
#sidebar{position:absolute;left:0px;z-index:20;display:block;top:0;bottom:0;width:190px;}
#sidebar.collapse{width:50px;}
#sidebar.collapse .hideWhenIndented{display:none;}
#sidebar.collapse footer{display:none;}
#sidebar.collapse .accordion .accordionContent{position:absolute;left:50px;margin-top:-40px;width:170px;display:none;}
#sidebar.collapse:hover .accordion .accordionContent{display:block;}
#sidebar.collapse .accordion .accordionHeader h2{text-align:center;}
#sidebar.collapse .accordion .accordionContent h2{display:block;}
#sidebar #menu{overflow:auto;max-height:100%;}
#splitBar{display:block;overflow:hidden;width:2px;cursor:col-resize;position:absolute;top:50px;left:188px;z-index:20;}
#splitBarProxy{display:none;overflow:hidden;width:2px;border-style:solid;border-width:1px;cursor:col-resize;position:absolute;left:188px;z-index:20;}
#splitBar,#splitBarProxy{top:50px;}

/* Accordion */
.accordion{display:block;margin-bottom:50px;}
.accordion .accordionHeader{display:block;overflow:hidden;cursor:pointer;}
.accordion .accordionHeader h2{display:block;overflow:hidden;padding:0 10px 0 10px;height:40px;line-height:40px;font-weight:400;}
.accordion .accordionHeader h2>i{display:inline-block;margin-left:5px;margin-right:5px;text-align:center;width:20px;}
.accordion .accordionHeader h2 .icon{float:right;line-height:36px;width:auto;}
.accordion .accordionHeader a:hover{text-decoration:none;}
.accordion .accordionContent{display:block;overflow:auto;box-sizing: border-box;}
.accordion .accordionContent:nth-child(n+4){display:none;}
.accordion .accordionContent h2{text-align:center;line-height:40px;display:none;}
.accordion .accordionContent a{padding-left:20px;display:block;line-height:34px;height:auto;font-size:13px;white-space:nowrap;}
.accordion .accordionContent a, .accordion .accordionContent a:hover{text-decoration:none;}
.accordionContent a{color:gray;}
.todoNumber{padding:0 5px;color:red;}

.panelBar{display:block;overflow:hidden;height:auto;line-height:30px;}
.panelBar ul{overflow:hidden;}
.panelBar li{float:left;display:block;overflow:hidden;height:auto;padding:5px 6px 0px;}
.panelBar .toolBar li a{border-radius:2px;line-height:26px;display:block;overflow:hidden;padding:0 10px;font-size:13px;text-decoration:none;}
.panelBar .toolBar li a>i{margin-right:6px;}
.panelBar .toolBar li.line{display:block;overflow:hidden;text-indent:-1000px;height:26px;width:1px;padding:0px;margin-top:4px;}
.panelBar .toolBar li>ul{display:none;position:absolute;max-height:500px;overflow:auto;z-index:10;padding:0px;background-color:#FFF;border-width:0px 1px 1px 1px;border-bottom-left-radius:2px;border-bottom-right-radius:2px;border-style:solid;}
.panelBar .toolBar li>ul>li{float:none;padding:5px 0 0 0;white-space:nowrap;}
.panelBar .toolBar li:hover>ul{display:block;}

.pagination{float:right;padding-left:7px;padding-bottom:1px;}
.pagination li{padding:1px 0 0 2px;line-height:26px;}
.pagination li a,.pagination li span{display:inline-block;padding:0 5px;border-width:1px;border-style:solid;border-radius:3px;text-decoration:none;}
.pagination li.selected a{color:red;font-weight:bold;}
.pagination li:hover a{text-decoration:none;}
.pagination li .previous{margin-left:5px;}
.pagination li .next{margin-right:5px;}
.pagination li.disabled a{color:#666;}
.pagination li.jumpto .textInput{float:left;width:35px;padding:1px;font-size:14px;border-color:#acaeaf;}
.pagination li.jumpto .goto{width:10px;line-height:26px;border-top-left-radius:0px;border-bottom-left-radius:0px;border-left:0px;text-align:center;}

/* Tabs */
.tabs .tabsHeader{border-radius:5px;display:block;overflow:hidden;height:35px;padding-left:5px;}
.tabs .tabsHeader ul{display:block;height:100%;border-bottom-width:1px;border-bottom-style:solid;box-sizing:border-box;line-height:34px;}
.tabs .tabsHeader li{float:left;display:block;height:100%;margin-right:2px;}
.tabs .tabsHeader .right li{float:right;}
.tabs .tabsHeader li a{display:block;height:100%;padding:0 15px;}
.tabs .tabsHeader li a:hover{text-decoration:none;}
.tabs .tabsHeader li.selected{position:relative;}
.tabs .tabsHeader li.selected:before{content:"";width:100%;height:2px;position:absolute;bottom:-1px;left:0;}
.tabs .tabsContent{display:block;overflow:auto;}

.tabsPage{margin-left:190px;position:relative;}
.tabsPage .tabsPageHeader{display:block;height:37px;position:relative;}
.tabsPage .tabsPageHeaderContent{display:block;overflow:hidden;height:100%;margin-left:0px;margin-right:30px;position:relative;}
.tabsPage .tabsPageHeaderMargin{margin:0 60px 0 30px;}
.tabsPage .tabsPageHeader ul{display:block;width:10000px;z-index:1;position:absolute;}
.tabsPage .tabsPageHeader li{float:left;display:block;height:100%;position:relative;padding:5px 8px 0 0;}
.tabsPage .tabsPageHeader li:first-child{padding-left:8px;}
.tabsPage .tabsPageHeader li a{display:inline-block;max-width:112px;padding:0 8px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;border-radius:4px;}
.tabsPage .tabsPageHeader li a:hover{text-decoration:none;}
.tabsPage .tabsPageHeader li.selected a, .tabsPage .tabsPageHeader li:hover a{font-weight:400;}
.tabsPage .tabsPageHeader li .close{position:absolute;right:0px;top:0px;padding:0;border-radius:50%;width:14px;height:14px;font-size:12px;line-height:14px;opacity:0;text-align:center;font-weight:normal;}
.tabsPage .tabsPageHeader li .close i:before{font-size:12px;}
.tabsPage .tabsPageHeader li:hover .close{opacity:0.7;}
.tabsPage .tabsPageHeader li.selected .close,.tabsPage .tabsPageHeader li .close:hover{opacity:1;}
.tabsPage .tabsMove{height:100%;position:absolute;top:0;right:0;z-index:2;}
.tabsPage .tabsLeft, .tabsPage .tabsRight, .tabsPage .tabsMore{text-decoration:none;display:block;overflow:hidden;width:30px;text-align:center;height:100%;line-height:35px;position:absolute;z-index:2;}
.tabsPage .tabsLeft{top:0px;}
.tabsPage .tabsRight{top:0px;right:30px;}
.tabsPage .tabsLeftDisabled,.tabsPage .tabsRightDisabled{opacity:0.4;}
.tabsPage .tabsMore{top:0px;right:0;}
.tabsPage .tabsMoreList{display:none;overflow-x:hidden;overflow-y:auto;width:170px;max-height:380px;padding:2px;border-style:solid;border-width:1px;position:absolute;top:35px;right:0;z-index:3;}
.tabsPage .tabsMoreList li{display:block;overflow:hidden;height:30px;line-height:21px;}
.tabsPage .tabsMoreList li a{display:block;width:100%;height:30px;padding:0 10px;box-sizing:border-box;white-space:nowrap;line-height:30px;}
.tabsPage .tabsMoreList li a>i{width:16px;text-align:center;display:inline-block;margin-right:5px;}
.tabsPage .tabsMoreList li a:hover{text-decoration:none;font-weight:400;}
.tabsPage .tabsMoreList li.selected a{font-weight:400;}
.tabsPage .tabsPageContent{display:block;overflow:hidden;position:relative;}

/* Tree */
.tree li{line-height:26px;padding-left:15px;cursor:pointer;clear:both;}
.tree>li{padding-left:5px;}
.tree li div{white-space:nowrap;}
.tree li:not(:has(ul)){min-width:155px;float:left;clear:none;}
.leftPageContent .tree li:not(:has(ul)){min-width:auto;float:none;clear:both;}
.tree ul:after{display:block;content:".";height:0;clear:both;visibility:hidden;}
.tree li a.disabled{color:#aaa;}
.tree a{height:auto;line-height:26px;font-size:13px;margin-right:5px;}
.tree a>i{margin-right:5px;}
.tree a, .tree a:hover{text-decoration:none;}
.tree a.red{color:red;}
.tree .collapsable,.tree .end_collapsable,.tree .end_expandable,.tree .expandable,.tree .file,.tree .folder_collapsable,.tree .folder_expandable,.tree .last_collapsable,.tree .last_expandable, .tree .first_collapsable, .tree .first_expandable,.tree .ckbox{font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display: inline-block;line-height:26px;text-align:center;width:18px;}
.tree .collapsable,.tree .end_collapsable,.tree .end_expandable,.tree .expandable,.tree .file,.tree .folder_collapsable,.tree .folder_expandable,.tree .last_collapsable,.tree .last_expandable, .tree .first_collapsable, .tree .first_expandable{font-family:iconfont;}
.tree .folder_collapsable:before{content:"\e668";}
.tree .collapsable:before,.tree .end_collapsable:before,.tree .last_collapsable:before, .tree .first_collapsable:before{content:"\e668";}
.tree .folder_expandable:before{content:"\e603";}
.tree .file:before{content:"\e686";}
.tree .end_expandable:before,.tree .expandable:before,.tree .last_expandable:before, .tree .first_expandable:before{content:"\e603";}
.treeForm{height:200px;border:1px solid;overflow:auto;width:200px;}

/* Grid */
.grid {display:block;overflow:hidden;width:100%;border-width:0 1px;position:relative;}
.grid .gridHeader{margin-top:6px;display:block;overflow:hidden;width:auto;}
.grid .gridScroller{display:block;overflow:auto;position:relative;}
.grid table{border:0;border-collapse:collapse;table-layout:fixed;min-width:800px;width:100%;}
.grid .gridHeader th{padding:3px 2px;border-style:solid;border-width:0 1px 1px 0;vertical-align:top;white-space:nowrap;line-height:26px;cursor:default;}
.grid .gridHeader th:hover, .grid .gridHeader th.thSelected{background-position:0 -50px;}
.grid .gridHeader th.order,.grid .gridHeader th.asc,.grid .gridHeader th.desc{cursor:pointer;position:relative;}
.grid .gridHeader th.asc:before,.grid .gridHeader th.desc:before,.grid .gridHeader th.order:before{position:absolute;right:0px;top:50%;margin-top:-13px;}
.grid .gridTbody td{border-right:solid 1px #ededed;overflow:hidden;padding:3px 2px;border-bottom:solid 1px #ededed;vertical-align:middle;line-height:26px;}
.grid .gridTbody td div{display:block;line-height:26px;word-break:break-all;}
.grid .gridTbody td.wrap div{white-space:normal;word-break:break-all;}
.grid .gridTbody td div a:hover{text-decoration:underline;}
.grid .gridCol{width:100%;display:block;overflow:hidden;height:26px;line-height:26px;white-space:nowrap;}
.grid .gridTbody .selected td{border-bottom-style:dotted;border-bottom-width:1px;}
.grid .resizeMarker, .grid .resizeProxy{display:block;overflow:hidden;width:1px;position:absolute;}
.grid .left{text-align:left;}
.grid .right{text-align:right;}
.grid .center{text-align:center;}
table.table td{max-width:600px;}
table td .thumbnail{float:left;width:80px;}
table td .thumbnail img{max-width:80px;max-height:80px;background-image:url(../images/png-bg.png);}
.grid .gridTbody td div .box{padding:3px;}

/* CSS Table */
table.list{border-collapse:collapse;border:solid 1px #ededed;}
table.list th{position: sticky;font-weight:400;padding:5px 2px;line-height:26px;border-right-width:1px;border-right-style:solid;border-bottom-width:1px;border-bottom-style:solid;}
table.list>thead>tr{position: sticky;}
table.list>thead>tr,table.list>thead>tr>th{top:0px;}
table.list>tbody>tr>th{top:0px;}
table.list td{padding:4px 2px;line-height:26px;border-right:solid 1px #ededed;}
table.list th.order,table.list th.asc,table.list th.desc{cursor:pointer;}
table.list th.asc:before,table.list th.desc:before,table.list th.order:before{font-size:16px;position:absolute;right:3px;top:50%;margin-top:-13px;}
table.list .right{text-align:right;}
table.list .center{text-align:center;}
table.list td span.error{z-index:-1;}
table.nowrap tbody tr{border-bottom-width:1px;border-bottom-style:solid;}
table.itemDetail{caption-side:bottom;}
table.itemDetail caption{border:solid 1px #ededed;background-color:#fff;padding:5px 0px;border-top:0px;}
table.itemDetail caption label{padding-left:0px;}
/* Taskbar */
#taskbar{overflow:hidden;height:30px;border-style:solid;border-width:0;border-color:#0f3255;background-color:#112746;position:absolute;z-index:30;left:0px;display:none;}
#taskbar .taskbarContent{display:block;overflow:hidden;height:100%;position:relative;}
#taskbar .taskbarMargin{margin:0 20px;}
#taskbar ul{position:absolute;width:10000px;}
#taskbar li{float:left;height:30px;max-width:220px;margin-left:2px;padding-right:30px;padding-left:10px;position:relative;cursor:pointer;}
#taskbar li .taskbutton{float:left;display:block;height:100%;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:30px;}
#taskbar .taskbarLeft, #taskbar .taskbarRight{overflow:hidden;display:none;width:18px;height:100%;position:absolute;top:0;left:2px;cursor:pointer;color:#fff;font-size:18px;line-height:30px;text-align:center;}
#taskbar .taskbarLeftDisabled, #taskbar .taskbarRightDisabled{cursor:not-allowed;color:#666;}
#taskbar .taskbarRight{left:auto;right:0px;}
#taskbar .taskbarLeft:before{content:"\e6ea";font-family:iconfont;}
#taskbar .taskbarRight:before{content:"\e616";font-family:iconfont;}
#taskbar .close{display:block;overflow:hidden;padding:0;position:absolute;width:auto;height:auto;top:50%;margin-top:-8px;right:8px;text-indent:0;}

/* ProgressBar */
#progressBar{display:block;width:28px;height:28px;font-size:28px;position:absolute;top:50%;left:50%;margin-left:-14px;margin-top:-14px;z-index:3001;}
#background{display:block;width:100%;height:100%;opacity:0.4;filter:alpha(opacity=40);background:#FFF;position:absolute;top:0;left:0;z-index:3000;}
.alertBackground{display:none;width:100%;height:100%;opacity:0.4;background:rgba(0,0,0,.3);position:absolute;top:0;left:0;z-index:2010;}
.dialogBackground{display:none;width:100%;height:100%;opacity:0.4;background:rgba(0,0,0,.3);position:absolute;top:0;left:0;z-index:1001;}
/* ----------------------------------------------------------------- Form */
/* TextInput */
.textInput, input.focus, input.required, input.error, input.readonly, input.disabled,
textarea.focus, textarea.required, textarea.error, textarea.readonly,
textarea.disabled{background:#fff;padding:2px;margin:0;line-height:23px;font-size:14px;border-style:solid;border-width:1px;box-sizing:border-box;}
input.required,textarea.required,.combox .select a.required{background-image:url(../images/input_bg.png);background-position:100% 0;background-repeat:no-repeat;background-attachment:scroll;}
textarea.error,input.error{border-color:#f00!important;}
textarea.editor,textarea.code{width:100%;min-height:400px;opacity:0.4;}
input.gray, textarea.gray{color:gray;}
select{border:1px solid;border-color:#A2BAC0 #B8D0D6 #B8D0D6 #A2BAC0;}
textarea{max-width:100%;}
.image-preview{position:relative;width:1px;}
.image-preview .image-box{position:absolute;top:30px;left:0;z-index:9999;}
.image-preview .image-box img{max-height:400px;max-width:500px;}
span.error{display:block;overflow:hidden;width:165px;height:28px;padding:0 3px;line-height:28px;background:#F00;color:#FFF;}

/* Button */
.button,.buttonActive,.buttonDisabled{display:inline-block;height:28px;line-height:28px;padding:0 8px;margin-bottom: 5px;box-sizing:border-box;border-width:1px;border-style:solid;border-radius:2px;cursor:pointer;text-align:center;white-space:nowrap;font-size:14px;letter-spacing:.03em;box-shadow: 0 2px 4px 0 rgba(31, 38, 135, 0.37);}
button.buttonActive{border-width:1px;border-style:solid;font-weight:400;}
a.button,button.button{border-width:1px;border-style:solid;}
a.button:hover{text-decoration:none;}
.buttonActive{font-weight:bold;}
.button i,.buttonActive i,.buttonDisabled i{margin-right:5px;}

/* Layout */
.leftPageContent{float:left;display:block;overflow:auto;width:230px;line-height:21px;}
.leftPageContent .card{margin-right:4px;}
.rightPageContent{margin-left:230px;}
.thumbnail,.image-list{position:relative;overflow:hidden;margin-top:5px;margin-right:5px;border:1px dashed #cacbcc;display:inline-block;text-align:center;line-height:0px;}
/* Pages default */
.page{display:block;overflow:hidden;width:100%;height:100%;-webkit-overflow-scrolling:touch;}
.pageHeader{display:block;overflow:hidden;padding:10px;position:relative;}
.card{margin:10px;border-radius:5px;background-color:#fff;overflow:hidden;box-shadow: 0 2px 4px 1px rgba(31, 38, 135, 0.37);}
.searchBar .textInput,.searchBar span{float:left;}
.searchBar span{line-height:28px;}
.searchBar span.connect-string{font-size:16px;}
.searchBar ul.searchContent{display:block;overflow:hidden;height:32px;padding-right:180px;position:relative;}
.searchBar ul.searchContent:before{font-size:18px;position:absolute;right:0;top:0;line-height:32px;width:30px;text-align:right;}
.searchBar ul.searchContent li{float:left;white-space:nowrap;display:block;overflow:hidden;height:28px;padding:2px 0;}
.searchBar ul.searchContentHover,.searchBar ul.searchContentHover li{height:auto;}
.searchBar ul.searchContentHover li{max-height:20em;overflow: auto;}
.searchBar label{float:left;padding:0 10px;line-height:30px;}
.searchBar .subBar{height:30px;position:absolute;top:11px;right:40px;}
.searchBar .subBar ul{float:right;}
.searchBar .subBar li{float:left;margin-left:5px;}
.pageContent{display:block;overflow:auto;position:relative;}

/* Pages Form */
.pageForm{display:block;overflow:auto;}
.pageFormContent{display:block;padding:10px;position:relative;height:100%;width:100%;overflow:auto;box-sizing:border-box;}
.pageFormContent div.unit{display:block;margin:0;padding:5px 0;position:relative;clear:both;}
.pageFormContent p{min-height:16px;margin:0;padding:3px 0;position:relative;}
.pageFormContent .radioGroup{float:left;display:block;overflow:hidden;}
.pageFormContent label{float:left;min-width:80px;padding:0 10px;}
.pageFormContent .image-editor label{float:none;min-width:auto;padding:unset;}
.pageFormContent .textInput,.pageFormContent select{float:left;}
.pageFormContent .inputInfo{padding:0 5px;line-height:26px;}
.pageFormContent span.unit, .pageFormContent a.unit{padding:0 5px;line-height:26px;}
.pageFormContent span.info{color:#7F7F7F;line-height:26px;font-size:12px;}
.pageFormContent span.info:before{display:block;content:".";height:0;clear:both;visibility:hidden;}
.pageFormContent dl{float:left;line-height:22px;width:50%;margin:0;padding:6px 0;position:relative;}
.pageFormContent dl:hover{background-color:#f9f9ff;}
.pageFormContent dt{float:left;min-width:100px;padding:0 5px;word-break:break-all;}
.pageFormContent dd{margin-left:130px;}
.pageFormContent dl.nowrap, .nowrap dl{width:100%;height:auto;clear:both;}
.pageFormContent .thumbnail img{max-width:200px;max-height:200px;}
.pageFormContent .upload-wrap .thumbnail img{max-width:300px;max-height:200px;}

#content p{min-width:initial;padding:0;}
.CodeMirror{height:100%;line-height:16px;}

fieldset{border:none;margin-bottom:15px;position:relative;padding:40px 20px 20px 20px;border-radius:5px;box-shadow:0 3px 6px 1px rgba( 31, 38, 135, 0.37 );}
fieldset>label, .pageFormContent>label{margin-bottom:10px;}
fieldset legend{position:absolute;top:0;font-weight:400;font-size:14px;padding:0;line-height:40px;}
fieldset:last-child{margin-bottom:0px;}

.formBar{clear:both;padding:10px;height:30px;}
.formBar ul{float:right;}
.formBar li{float:left;line-height:30px;font-size:13px;height:30px;margin-left:10px;}
.divider{clear:both;display:block;overflow:hidden;width:auto;height:1px;padding:4px 0 0 0;margin-bottom:5px;border-style:dashed;border-width:0 0 1px 0;}

.tagsBox{line-height:30px;float:left;}
.tagsBox span,.parametersBox span{position:relative;margin-right:8px;border:none;padding:5px 8px;}
.tagsBox span>a,.parametersBox span>a{display:none;position:absolute;top:0;right:0;width:14px;height:14px;margin-top:-6px;margin-right:-6px;border-radius:50%;line-height:14px;background-color:#ccc;text-align:center;color:#fff;text-decoration:none;}
.tagsBox span:hover>a,.parametersBox span:hover>a{display:block;}
.parametersBox{line-height:25px;}
.parametersBox span>em{color:#f00;}
.parametersOperateBox label{width:auto;}

/* combox */
.combox{float:left;margin-right:3px;}
.combox select{display:none;}
.combox .select{float:left;}
.combox .select a{float:left;display:block;overflow:hidden;height:26px;line-height:26px;text-decoration:none;font-size:14px;border-width:1px;border-style:solid;position:relative;padding:0 28px 0 10px;}
.combox .select a:before{content:"\e668";font-family:iconfont;position:absolute;right:8px;}
.combox .select a.expand:before{content:"\e654";}
.comboxop{position:absolute;z-index:5001;display:none;padding:4px;top:22px;left:1px;border-width:1px;border-style:solid;}
.comboxop .search{width:100%;}
.comboxop .search input{width:100%;}
.comboxop a{width:100%;height:28px;box-sizing:border-box;padding:0 10px;line-height:28px;text-align:left;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.comboxop.lot{width:800px;}
.comboxop ul{overflow-y:scroll;}
.comboxop li{text-align:left;}
.comboxop.lot li{float:left;width:33.3%;}
.comboxop .selected,body .comboxop a:hover{text-decoration:none;}

/* contentTitle */
.contentTitle{padding:0px 7px;line-height:34px;border-radius:5px;border-bottom:solid 1px #CCC;}
.dialog .contentTitle{border:none;}

/* rightMenu */
#contextmenu{display:none;position:absolute;z-index:500;left:0;top:0;}
#contextmenu ul{list-style:none;margin:0;background-color:#fff;border:1px solid #999;width:150px;}
#contextmenu li{display:block;margin:0;line-height:28px;padding:0 10px;background-color:transparent;text-align:left;cursor:default;}
#contextmenu li.disabled{cursor:not-allowed;}

/* suggest */
#suggest{position:absolute;z-index:3000;left:0;top:0;}
#suggest ul{list-style:none;padding:1px;margin:0;background-color:#fff;border:1px solid #999;width:150px;}
#suggest li{display:block;color:#000;padding:3px;margin:0;border:1px solid #fff;background-color:transparent;text-align:left;cursor:default;}
#suggest li.selected{border:1px solid #0a246a;background-color:#b6bdd2;}
#suggest li.hover{border:1px solid #0a246a;}

/* button */
a.btnDel, a.btnLook, a.btnAttach, a.view{display:block;width:24px;height:26px;overflow:hidden;float:left;text-indent:-1000px;position:relative;margin-right:3px;}
a.btnLook, a.btnAttach{margin-top:1px;margin-left:-25px;background-color:rgba(255,255,255,0.8);}
label a.btnLook{margin-left:0px;}
.center a.btnDel, .center a.btnLook, .center a.btnAttach,
.right a.btnDel, .right a.btnLook, .right a.btnAttach{display:inline-block;float:none;}
a.btnLook:before,a.btnDel:before,a.btnAttach:before,a.view:before{font-size:20px;line-height:28px;position:absolute;top:0;left:3px;text-indent:0;text-decoration:none}
a.btnUp:before,a.btnDown:before{line-height:14px;}
a.icon-move:hover{text-decoration:none}


.sortDrag{position: relative;}
.sortDragPlaceholder{border:1px dashed #ccc;}
#printBox{display:none;}

/* Alert */
.alert{overflow:hidden;z-index:2011;display:block;width:300px;margin-left:-150px;position:absolute;top:0;left:50%;box-shadow:0 0 18px rgba(157,159,168,.35);}
.alert .alertContent{display:block;overflow:hidden;padding-bottom:20px;}
.alert .alertInner{display:block;text-align:left;}
.alert .alertInner .msg{font-size:14px;margin:20px 10px 20px 25px;max-height:200px;overflow:auto;line-height:1.3em;}
.alert h1{display:block;font-weight:400;font-size:16px;overflow:hidden;margin-bottom:10px;padding:0 0 0 25px;line-height:40px;}

.alert .error h1{font-weight:400;border:none;height:auto;line-height:40px;font-size:16px;}
.alert p{margin:10px;}

.alert .toolBar{display:block;overflow:hidden;height:32px;padding-top:5px;text-align:center;}
.alert .toolBar ul{overflow:hidden;display:inline-block;}
.alert .toolBar li{float:left;}
.alert .toolBar .button, .alert .toolBar .buttonActive{margin-left:5px;}

/* Dialog */
.dialog{display:block;text-align:left;position:absolute;z-index:1002;border-radius:5px;overflow:hidden;box-shadow: 0 2px 4px 1px rgba(31, 38, 135, 0.37);}
.dialog .dialogHeader{padding-left:5px;position:relative;cursor:move;}
.dialog .dialogHeader, .dialog .dialogHeader_c{display:block;overflow:hidden;height:40px;}
.dialog .dialogHeader .close, .dialog .dialogHeader .maximize, .dialog .dialogHeader .restore, .dialog .dialogHeader .minimize{font-family:iconfont;font-size:22px;display:block;overflow:hidden;width:22px;height:22px;position:absolute;top:10px;text-indent:0;}
.dialog .dialogHeader .maximize:hover, .dialog .dialogHeader .restore:hover, .dialog .dialogHeader .minimize:hover{background-color:#e0e0e0;color:#666;}
.dialog .dialogHeader .close:hover{background-color:#ff0000;color:#fff;}
.dialog .dialogHeader h1{display:block;overflow:hidden;padding:0 100px 0 20px;font-weight:400;line-height:40px;height:40px;font-size:16px;}
.dialog .dialogHeader .close{right:10px;}
.dialog .dialogHeader .maximize, .dialog .dialogHeader .restore{display:none;right:37px;}
.dialog .dialogHeader .minimize{right:65px;}
.dialog .dialogHeader_c{padding:0;}
.dialog .dialogHeader_c a:hover{text-decoration:none;}
.dialog .dialogContent{display:block;overflow:hidden;padding:0 5px;}
.dialog .panelFooter_r{display:block;overflow:hidden;}
.dialog .resizable_f_r{width:11px;height:11px;}
.dialogProxy{opacity:0.8;filter:alpha(opacity=80);}

/* Dialog Resizable */
.resizable{display:none;overflow:hidden;border-style:dashed;border-width:1px;opacity:0.5;filter:alpha(opacity=50);position:absolute;top:0;left:0;z-index:100;}
.resizable_h_l, .resizable_h_r, .resizable_h_c,
.resizable_c_l, .resizable_c_r,
.resizable_f_l, .resizable_f_r, .resizable_f_c{display:block;overflow:hidden;width:6px;height:6px;position:absolute;}
.resizable_h_l{cursor:nw-resize;top:0;left:0;z-index:2;}
.resizable_h_r{cursor:ne-resize;top:0;right:0;z-index:2;}
.resizable_h_c{width:100%;cursor:n-resize;top:0;left:0;z-index:1;}
.resizable_c_l, .resizable_c_r{height:100%;}
.resizable_c_l{cursor:w-resize;top:0;left:0;z-index:1;}
.resizable_c_r{cursor:e-resize;top:0;right:0;z-index:1;}
.resizable_f_l{cursor:sw-resize;bottom:0;left:0;z-index:2;}
.resizable_f_r{cursor:se-resize;bottom:0;right:0;z-index:2;}
.resizable_f_c{width:100%;cursor:s-resize;bottom:0;left:0;z-index:1;}

.upload-wrap{position:relative;width:300px;height:230px;line-height:200px;overflow:hidden;margin-right:5px;border:1px dashed #cacbcc;display:inline-block;text-align:center;background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICAgIDxwYXRoIGZpbGw9IiM5OTkiIGQ9Ik0gMTcgNSBDIDE2LjE4MTI0NiA1IDE1LjYwMjYzNiA1LjQ5ODg1MDggMTUuMTg3NSA1Ljk2ODc1IEMgMTQuNzcyMzY0IDYuNDM4NjQ5MiAxNC40MzkxODQgNi45Njc1NTg4IDE0LjEyNSA3LjQ2ODc1IEMgMTMuODEwODE2IDcuOTY5OTQxMiAxMy41MjU2MzIgOC40MzcxMzYgMTMuMjgxMjUgOC43MTg3NSBDIDEzLjA5Nzk2NCA4LjkyOTk2MDUgMTIuOTc4NCA4Ljk4NjkwMTcgMTIuOTY4NzUgOSBMIDMgOSBDIDEuMzU0OTM3MiA5IDAgMTAuMzU0OTM3IDAgMTIgTCAwIDM5IEMgMCA0MC42NDUwNjMgMS4zNTQ5MzcyIDQyIDMgNDIgTCA0NyA0MiBDIDQ4LjY0NTA2MyA0MiA1MCA0MC42NDUwNjMgNTAgMzkgTCA1MCAxMiBDIDUwIDEwLjM1NDkzNyA0OC42NDUwNjMgOSA0NyA5IEwgMzcuMDMxMjUgOSBDIDM3LjAzNDQ2NyA5LjAwNDM2NjEgMzcuMDIxNjQyIDkgMzcgOSBDIDM2Ljk2NzgwOCA4Ljk3NzY4NDEgMzYuODc3NTk3IDguOTAxNzk5MSAzNi43MTg3NSA4LjcxODc1IEMgMzYuNDc0MzY4IDguNDM3MTM2IDM2LjE4OTE4NCA3Ljk2OTk0MTIgMzUuODc1IDcuNDY4NzUgQyAzNS41NjA4MTYgNi45Njc1NTg4IDM1LjIyNzYzNiA2LjQzODY0OTIgMzQuODEyNSA1Ljk2ODc1IEMgMzQuMzk3MzY0IDUuNDk4ODUwOCAzMy44MTg3NTQgNSAzMyA1IEwgMTcgNSB6IE0gMTcgNyBMIDMzIDcgQyAzMi45MzkyNSA3IDMzLjA2NTA0IDcuMDAxMTUgMzMuMzEyNSA3LjI4MTI1IEMgMzMuNTU5OTU3IDcuNTYxMzUwOCAzMy44NDM1NTkgOC4wMzI0NDEyIDM0LjE1NjI1IDguNTMxMjUgQyAzNC40Njg5NDEgOS4wMzAwNTg4IDM0LjgxMjI4OSA5LjU2Mjg2NCAzNS4yMTg3NSAxMC4wMzEyNSBDIDM1LjYyNTIxMSAxMC40OTk2MzYgMzYuMTc4OTI3IDExIDM3IDExIEwgNDcgMTEgQyA0Ny41NjI5MzcgMTEgNDggMTEuNDM3MDYzIDQ4IDEyIEwgNDggMzkgQyA0OCAzOS41NjI5MzcgNDcuNTYyOTM3IDQwIDQ3IDQwIEwgMyA0MCBDIDIuNDM3MDYyOCA0MCAyIDM5LjU2MjkzNyAyIDM5IEwgMiAxMiBDIDIgMTEuNDM3MDYzIDIuNDM3MDYyOCAxMSAzIDExIEwgMTMgMTEgQyAxMy44MjEwNzMgMTEgMTQuMzc0Nzg5IDEwLjQ5OTYzNiAxNC43ODEyNSAxMC4wMzEyNSBDIDE1LjE4NzcxMSA5LjU2Mjg2NCAxNS41MzEwNTkgOS4wMzAwNTg4IDE1Ljg0Mzc1IDguNTMxMjUgQyAxNi4xNTY0NDEgOC4wMzI0NDEyIDE2LjQ0MDA0MyA3LjU2MTM1MDggMTYuNjg3NSA3LjI4MTI1IEMgMTYuOTM0OTU3IDcuMDAxMTQ5MiAxNy4wNjA3NTQgNyAxNyA3IHogTSAyNSAxMSBDIDE3LjgzMjE0MyAxMSAxMiAxNi44MzIxNDMgMTIgMjQgQyAxMiAzMS4xNjc4NTcgMTcuODMyMTQzIDM3IDI1IDM3IEMgMzIuMTY3ODU3IDM3IDM4IDMxLjE2Nzg1NyAzOCAyNCBDIDM4IDE2LjgzMjE0MyAzMi4xNjc4NTcgMTEgMjUgMTEgeiBNIDI1IDEzIEMgMzEuMDg2OTc3IDEzIDM2IDE3LjkxMzAyMyAzNiAyNCBDIDM2IDMwLjA4Njk3NyAzMS4wODY5NzcgMzUgMjUgMzUgQyAxOC45MTMwMjMgMzUgMTQgMzAuMDg2OTc3IDE0IDI0IEMgMTQgMTcuOTEzMDIzIDE4LjkxMzAyMyAxMyAyNSAxMyB6IE0gOCAxNCBDIDYuODk2IDE0IDYgMTQuODk2IDYgMTYgQyA2IDE3LjEwNCA2Ljg5NiAxOCA4IDE4IEwgOSAxOCBDIDEwLjEwNCAxOCAxMSAxNy4xMDQgMTEgMTYgQyAxMSAxNC44OTYgMTAuMTA0IDE0IDkgMTQgTCA4IDE0IHogTSAyNSAxNSBDIDIwLjA0MTI4MiAxNSAxNiAxOS4wNDEyODIgMTYgMjQgQyAxNiAyOC45NTg3MTggMjAuMDQxMjgyIDMzIDI1IDMzIEMgMjkuOTU4NzE4IDMzIDM0IDI4Ljk1ODcxOCAzNCAyNCBDIDM0IDE5LjA0MTI4MiAyOS45NTg3MTggMTUgMjUgMTUgeiBNIDI1IDE3IEMgMjguODc3ODM4IDE3IDMyIDIwLjEyMjE2MiAzMiAyNCBDIDMyIDI3Ljg3NzgzOCAyOC44Nzc4MzggMzEgMjUgMzEgQyAyMS4xMjIxNjIgMzEgMTggMjcuODc3ODM4IDE4IDI0IEMgMTggMjAuMTIyMTYyIDIxLjEyMjE2MiAxNyAyNSAxNyB6IiBjb2xvcj0iIzAwMCIgb3ZlcmZsb3c9InZpc2libGUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJhY2N1bXVsYXRlIiBmb250LWZhbWlseT0iQml0c3RyZWFtIFZlcmEgU2FucyI+PC9wYXRoPgo8L3N2Zz4=') center center no-repeat;}
.image-editor{height:575px;width:800px;position: relative;background:#f0f0f0;}
.upload-wrap .thumbnail,.image-editor .thumbnail,.upload-preview .thumbnail{display:table-cell;vertical-align:middle;width:80px;height:80px;text-align:center;overflow:hidden;z-index:100;}
.upload-preview .thumbnail,.upload-wrap .thumbnail{width:300px;height:200px;}
.upload-wrap .thumbnail .edit-icon,.image-list .edit-icon{content:' ';display:block;position:absolute;top:5px;right:35px;width:20px;height:20px;border-radius:3px;opacity:0.4;filter:alpha(opacity=50);background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+CiAgICA8cGF0aCBzdHlsZT0idGV4dC1pbmRlbnQ6MDt0ZXh0LWFsaWduOnN0YXJ0O2xpbmUtaGVpZ2h0Om5vcm1hbDt0ZXh0LXRyYW5zZm9ybTpub25lO2Jsb2NrLXByb2dyZXNzaW9uOnRiOy1pbmtzY2FwZS1mb250LXNwZWNpZmljYXRpb246Qml0c3RyZWFtIFZlcmEgU2FucyIgZD0iTSAyMy45MDYyNSAzLjk2ODc1IEMgMjIuODU5Mjg2IDMuOTY4NzUgMjEuODEzMTc4IDQuMzc0MzIxNSAyMSA1LjE4NzUgTCA1LjQwNjI1IDIwLjc4MTI1IEwgNS4xODc1IDIxIEwgNS4xMjUgMjEuMzEyNSBMIDQuMDMxMjUgMjYuODEyNSBMIDMuNzE4NzUgMjguMjgxMjUgTCA1LjE4NzUgMjcuOTY4NzUgTCAxMC42ODc1IDI2Ljg3NSBMIDExIDI2LjgxMjUgTCAxMS4yMTg3NSAyNi41OTM3NSBMIDI2LjgxMjUgMTEgQyAyOC40Mzg4NTcgOS4zNzM2NDMgMjguNDM4ODU3IDYuODEzODU3IDI2LjgxMjUgNS4xODc1IEMgMjUuOTk5MzIyIDQuMzc0MzIxNSAyNC45NTMyMTQgMy45Njg3NSAyMy45MDYyNSAzLjk2ODc1IHogTSAyMy45MDYyNSA1Ljg3NSBDIDI0LjQwOTI4NiA1Ljg3NSAyNC45MTk0MjggNi4xMDY5Mjg1IDI1LjQwNjI1IDYuNTkzNzUgQyAyNi4zNzk4OTMgNy41NjczOTMgMjYuMzc5ODkzIDguNjIwMTA3IDI1LjQwNjI1IDkuNTkzNzUgTCAyNC42ODc1IDEwLjI4MTI1IEwgMjEuNzE4NzUgNy4zMTI1IEwgMjIuNDA2MjUgNi41OTM3NSBDIDIyLjg5MzA3MiA2LjEwNjkyODUgMjMuNDAzMjE0IDUuODc1IDIzLjkwNjI1IDUuODc1IHogTSAyMC4zMTI1IDguNzE4NzUgTCAyMy4yODEyNSAxMS42ODc1IEwgMTEuMTg3NSAyMy43ODEyNSBDIDEwLjUzMzE0MiAyMi41MDA2NTkgOS40OTkzNDE1IDIxLjQ2Njg1OCA4LjIxODc1IDIwLjgxMjUgTCAyMC4zMTI1IDguNzE4NzUgeiBNIDYuOTM3NSAyMi40Mzc1IEMgOC4xMzY1ODQyIDIyLjkyMzM5MyA5LjA3NjYwNjcgMjMuODYzNDE2IDkuNTYyNSAyNS4wNjI1IEwgNi4yODEyNSAyNS43MTg3NSBMIDYuOTM3NSAyMi40Mzc1IHoiIGNvbG9yPSIjMDAwIiBvdmVyZmxvdz0idmlzaWJsZSIgZm9udC1mYW1pbHk9IkJpdHN0cmVhbSBWZXJhIFNhbnMiPjwvcGF0aD4KPC9zdmc+') center center no-repeat #fff;}
.upload-wrap .cutinput{line-height:30px;position:absolute;bottom:0;padding:0 5px}
.upload-wrap .cutinput input[type=number]{width:135px;}
.upload-wrap .cutinput span{line-height:28px;width:20px;float:left;}
.upload-wrap input[type=file], .upload-wrap button{position:absolute;top:0;left:0;font-size:0;width:100%;height:100%;outline:0;opacity:0;filter:alpha(opacity=0);cursor:pointer;}

.upload-preview{display:inline-block;}
.upload-preview .thumbnail{margin:0 3px;}
.upload-preview .thumbnail .del-icon, .upload-wrap .del-icon{content:' ';display:block;position:absolute;top:5px;right:5px;width:20px;height:20px;border-radius:3px;opacity:0.4;filter:alpha(opacity=40);background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+CiAgICA8cGF0aCBzdHlsZT0idGV4dC1pbmRlbnQ6MDt0ZXh0LWFsaWduOnN0YXJ0O2xpbmUtaGVpZ2h0Om5vcm1hbDt0ZXh0LXRyYW5zZm9ybTpub25lO2Jsb2NrLXByb2dyZXNzaW9uOnRiOy1pbmtzY2FwZS1mb250LXNwZWNpZmljYXRpb246Qml0c3RyZWFtIFZlcmEgU2FucyIgZD0iTSA3LjIxODc1IDUuNzgxMjUgTCA1Ljc4MTI1IDcuMjE4NzUgTCAxNC41NjI1IDE2IEwgNS43ODEyNSAyNC43ODEyNSBMIDcuMjE4NzUgMjYuMjE4NzUgTCAxNiAxNy40Mzc1IEwgMjQuNzgxMjUgMjYuMjE4NzUgTCAyNi4yMTg3NSAyNC43ODEyNSBMIDE3LjQzNzUgMTYgTCAyNi4yMTg3NSA3LjIxODc1IEwgMjQuNzgxMjUgNS43ODEyNSBMIDE2IDE0LjU2MjUgTCA3LjIxODc1IDUuNzgxMjUgeiIgY29sb3I9IiMwMDAiIG92ZXJmbG93PSJ2aXNpYmxlIiBmb250LWZhbWlseT0iQml0c3RyZWFtIFZlcmEgU2FucyI+PC9wYXRoPgo8L3N2Zz4=') center center no-repeat #fff;}
.upload-preview .thumbnail .del-icon:hover, .upload-wrap .del-icon:hover,.upload-wrap .thumbnail .edit-icon:hover{opacity:0.7;filter:alpha(opacity=70);}

.image-list img{max-width:100%;height:95px;background-image:url(../images/png-bg.png);}
.image-list{width:100px;height:130px;position:relative;}
.image-list .edit-icon{right:5px;display:none;}
.image-list:hover .edit-icon{display:block;}
.image-list .thumb:before{font-size:80px;}
.image-list a:hover{text-decoration:none;}
.image-list p{float:none;position:absolute;bottom:0px;margin:0px;overflow:hidden;width:100%;min-width:100%;height:30px;line-height:15px;padding:unset;word-break:break-all;}

/* calendar */
#calendar{margin:0;width:230px;z-index:2001;position:absolute;border-width:1px;border-style:solid;display:none;}
#calendar *{margin:0;padding:0;font-size:14px;line-height:18px;}
#calendar .main{margin:auto;text-align:center;zoom:1;position:relative;}
#calendar .head{padding:6px 0;}
#calendar .head select{width:60%;}
#calendar .body{margin:2px 0;padding:2px;clear:both;overflow:hidden;position:relative;}
#calendar .foot{text-align:right;padding:6px 0;}
#calendar .nodate .head, #calendar .nodate .body{display:none;}
#calendar dl{clear:both;margin:auto;overflow:hidden;}
#calendar dd,#calendar dt{width:32px;height:24px;line-height:22px;margin:2px 0;display:block;float:left;overflow:hidden;zoom:1;}
#calendar span{width:26px;height:18px;display:block;float:left;overflow:hidden;zoom:1;}
#calendar dt{margin-top:4px;font-weight:bold;}
#calendar .days dd{cursor:pointer;}
#calendar .days dd.disabled{cursor:not-allowed;}
#calendar .close{width:16px;height:16px;font-size:16px;margin-top:-6px;display:block;cursor:pointer;text-align:center;}
#calendar .clearBut, #calendar .okBut{border-width:1px;border-style:solid;border-radius:2px;width:52px;line-height:24px;cursor:pointer;margin-right:7px;}
#calendar .clearBut{margin-right:2px;}
#calendar .time{border-collapse:collapse;float:left;display:none;margin-left:6px;}
#calendar .time td{vertical-align:center;line-height:26px;}
#calendar .time .hh, #calendar .time .mm, #calendar .time .ss{width:20px;height:auto;text-align:center;border:none;}
#calendar .time ul{list-style:none;}
#calendar .time .up, #calendar .time .down{font-size:8px;line-height:100%;cursor:pointer;width:12px;text-align:center;height:13px;}
#calendar .tm{text-align:center;}
#calendar .tm .hh, #calendar .tm .mm, #calendar .tm .ss{border-width:1px;border-style:solid;position:absolute;left:4px;bottom:34px;width:120px;display:none;}
#calendar .hh .hh, #calendar .mm .mm, #calendar .ss .ss{display:block;}
#calendar .tm .hh li, #calendar .tm .mm li, #calendar .tm .ss li{display:block;float:left;cursor:pointer;width:24px;line-height:26px;}

.miscSortDrag dt{width:180px;position:sticky;z-index:999;top:5px;}
.miscSortDrag dt fieldset .itemBox{max-height:360px;min-height:100px;overflow-y:auto;}
.miscSortDrag dt .sortDragPlaceholder, .miscSortDrag dt .dragItem .close, .miscSortDrag dt .dragItem .ctl-label{display:none}
.miscSortDrag dt .dragItem{border:1px solid #B8D0D6;height:24px;line-height:24px;overflow:hidden;padding:2px;margin:3px 0px;display:block;cursor:move;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.miscSortDrag dt .dragItem.icon-move:before{float:right;color:#ccc;}
.miscSortDrag dt:after{content:" ";display:block;clear:both;}
.miscSortDrag dd{margin-left:195px;}
.miscSortDrag dd .sortDrag{width:100%;min-height:100px;margin-bottom:10px;color:#ccc;text-align:center;box-sizing:border-box;border:1px dashed #d66;}
.miscSortDrag dd .sortDrag .dragItem{border:1px solid #B8D0D6;box-sizing:border-box;color:#666;padding:5px;margin:3px;line-height:20px;display:block;text-align:left;cursor:move;}
.miscSortDrag dd .sortDrag .sortDrag{min-height:50px;margin-bottom:0px;border:1px dashed #6d6;}
.miscSortDrag dd .sortDrag .sortDrag .dragItem{color:#333;}
.miscSortDrag dd .sortDrag .dragItem img{max-width:100%;max-height:200px;}
.miscSortDrag dd .sortDrag .dragItem .close{width:14px;height:14px;line-height:14px;font-size:12px;border-radius:50%;text-align:center;color:#fff;background-color:#ccc;cursor:pointer;position:absolute;top:3px;right:5px;display:none;}
.miscSortDrag dd .sortDrag .dragItem:hover>.close{display:block;}
.miscSortDrag dd .sortDrag .dragItem .ctl-label{text-align:center;margin-left:18px;}
.miscSortDrag dd .sortDrag .dragItem span{display:inline-block;}
.miscSortDrag dd .sortDrag .dragItem .ctl-label .button{height:24px;line-height:24px;}
.miscSortDrag dd .sortDrag .dragItem .ctl-label:after{display:block;content:".";height:0;clear:both;visibility:hidden;}

.icons label{width:200px;}
/* custom icon */
.icon-backward:before, .icon-chevron-down:before, .icon-chevron-up:before, .icon-forward:before, .icon-rubbish:before{font-family:iconfont;vertical-align:unset;}
.tabsPageHeader .icon-backward:before,.icon-forward:before{line-height:35px;}
.icon-chevron-up:before{content:"\e654";}
.icon-chevron-down:before{content:"\e668";}
.icon-backward:before{content:"\e6ea";font-size:20px;}
.icon-forward:before{content:"\e616";font-size:20px;}
.icon-th-list:before{content:"\e629";font-family:iconfont;font-size:20px;}
.icon-rubbish:before{content:"\e606";line-height:normal;}
.icon-remove:before{content:"\e61a";font-family:iconfont;font-size:16px;}
a.btnAttach:before{content:"\e607";font-family:iconfont;}
.icon-remove-sign:before, a.btnDel:before{content:"\e61a";font-family:iconfont;}
.dialog .dialogHeader .close:before{content:"\e61a";}
.dialog .dialogHeader .maximize:before{content:"\e673";}
.dialog .dialogHeader .restore:before{content:"\e671";}
.dialog .dialogHeader .minimize:before{content:"\e675";}

.grid .gridHeader th.asc:before, .grid .gridHeader th.desc:before, .grid .gridHeader th.order:before{font-family:iconfont;font-size:14px;}
.grid .gridHeader th.asc:before{content:"\e654";}
.grid .gridHeader th.order:before{content:"\e623";}
.grid .gridHeader th.desc:before{content:"\e668";}
table.list th.asc:before, table.list th.desc:before, table.list th.order:before{font-family:iconfont;font-size:14px}
table.list th.asc:before{content:"\e654"}
table.list th.order:before{content:"\e623"}
table.list th.desc:before{content:"\e668"}

a.btnLook:before{content:"\e66a";font-family:iconfont;}

.searchBar ul.searchContent:before{content:"\e631";font-family:iconfont;}
.searchBar ul.searchContentHover:before{content:"\e6f8";}

.tree .ckbox{font-family:FontAwesome;text-decoration:inherit;display:inline-block;}
.tree .unchecked:before{content:"\f096";}
.tree .ckbox.indeterminate:before{content:"\f147";}
.tree .ckbox.checked:before{content:"\f046";}
.tree .ckbox.checked.indeterminate:before{content:"\f146";}

.panelBar .toolBar li:hover .addMore .icon-double-angle-down:before{content:"\f102";}

input.date{border-right-width:0px;height:29px;}
a.inputDateButton,a.inputClearButton{float:left;display:block;background-color:#fff;color:#000;width:20px;font-size:16px;height:29px;line-height:27px;overflow:hidden;border-style:solid;border-width:1px;box-sizing:border-box;border-left:0px;}
a.inputDateButton:before{content:"\e60b";font-family:iconfont;}
a.inputDateButton:hover,a.inputClearButton:hover{text-decoration:none;}
a.inputClearButton:before{content:"\e606";font-family:iconfont;}

/* basic color */
body{color:#fff;}
a{color:#333;}
header,main,#sidebar,footer{background-color:#333;}
table.list tbody{background-color:#666;}
.page{background-color:#fff;color:#333;}
.tagsBox span{background-color:#e0e0e0;}
@media (max-width:1300px){
    .pageFormContent dt{float:none;padding:3px 0 0 0;}
    .pageFormContent dd{margin-left:0px;}
}
@media (max-width:1100px){
    header .logo img{height:25px;margin:0px 5px;}
    #navMenu{left:0px;}
    footer{text-align:left;}
    .leftPageContent{width:165px;}
    .rightPageContent{margin-left:165px;}
}

@media (max-width:920px){
    header .nav li{padding:0 5px;}
    header .nav li a{line-height:25px;}
    #navMenu{top:25px;}
    #navMenu li a{line-height:35px;}
}
@media print{
    #splitBar,#splitBarProxy,#alertBackground,#dialogBackground,#background,.comboxop,.shadow,.panelBar{display:none;}
    #printBox{display:block;}
}