html,body{min-height:600px;}

a{ color:#069;}
a:hover{ color:#d63;}

a.gBtn{ display:inline-block; padding:4px 8px; border:2px solid #069; font-size:15px;}
a.gBtn:hover{ text-decoration:none; border:2px solid #069; background:#069; color:#fff;}

.zx-admin,
textarea,
input{ font-size:15px;}

.zx-ttl { margin:0 0 2em; font-size:1.4em; font-weight:300;}
.zx-ttl-small{ font-size:1.1em;}
.zx-ttl-xsmall{ font-size:0.9em;}

.zx-input{ border:1px solid #999; padding:0.5em;}
.zx-button { display:inline-block; padding:0.5em 2em; border:2px solid #333; background:#069; cursor:pointer; color:#fff;}
.zx-button:hover{border:2px solid #069; color:#069; background:#fff;}
.zx-button-large{}
.zx-forget{text-align:center; font-size:0.8em;}

input[type="submit"]{padding:8px 12px;}


.zx-login{ width:480px;max-width: 92%; margin:2em auto; padding:1em; border:1px solid #ccc;}
.zx-login form{}
.zx-login p{margin:0 0 1em; line-height:1.8;}
.zx-login p.zx-submit{padding:1em 0; text-align:center;}
.zx-login .zx-input{ width:90%;}


.zx-header { position:fixed; background:#333; color:#fff; top:0; left:0; z-index:99; width:100%;}
.zx-header-box{padding:8px; float:left; }
.zx-header a{text-decoration:none; color:#fff;}
.zx-header a:hover{color:#f60;}
.zx-header p{ overflow:hidden; line-height:20px;}
.zx-header p img{ margin:0 4px 0 0; vertical-align:middle; float:left; height:30px; width:auto;}
.zx-header strong{ line-height:30px;}
.zx-header ul{ overflow:scroll; display:none; position:absolute; top:46px; background:#333; width:100%; height: 90vh; left:0; padding:8px 8px 40px; box-sizing: border-box; }
.zx-header li{ display:inline-block; text-align:center;  min-width:240px; padding:.5em; border:1px solid #ccc; margin:1px;}

.pull-right{float:right;}

.zx-header-su{}

.zx-page{ min-height:100vh; padding:40px 0; display: flex;}

.zx-left{ flex: 0 0 220px; background:#069; color:#fff;}
.zx-left-su{ }
.zx-left a{color:#fff; text-decoration:none;}
.zx-left a:hover{color:#d63;}
.zx-left i{color:#688C89}
.zx-left a.on{color:#069; font-weight:bold; display:inline-block; padding:4px 8px; background:#fff;}

.zx-navbox{padding:1em 1em 0; border-bottom:1px solid #058; }
.zx-navbox-head{margin-top:24px;}
.zx-navbox p{margin:0 0 1em; text-indent:-1em; padding-left:1em;}

.zx-right{ flex: auto; padding:24px; overflow:hidden; }
.zx-right td{font-size: 14px;}

.zx-box-left{ width:80%; float:left; background:#f6f6f6;}
.zx-box-right{ width:18%; float:right;}

*{box-sizing: border-box;}

.zx-box{ padding:2em; margin:0 0 2em; border:1px solid #ccc;}
.zx-box h1{ margin:0 0 1em; font-weight:bold;}
.zx-box h1 span{font-size:12px; font-weight:normal;}

.zx-box li{ display:table; margin:0 0 1em; }
.zx-box li em{ display:table-cell; padding-right:1em;}

.zx-list{  margin:0 0 3em;border-top:1px solid #ccc; }
.zx-list li{ width:100%; padding:1em 0 ; border-bottom:1px solid #ccc; margin:0;}
.zx-list li em{ display:table-cell; padding-right:1em; width:20%;}
.zx-list2 li{display:table; width:100%;}
.zx-list2 li span{display:table-cell; padding-right:1em; width:auto;}


.zx-form{ border-top:3px double #666; margin:0 0 3em;}
.zx-form li{display:table; margin:0; width:100%; padding:1em 0; border-bottom:1px solid #ddd;}
.zx-form-edit li:hover{cursor:move;}
.zx-form li em{ display:table-cell; padding:.5em;width:100px; vertical-align:top; background:#f6f6ff; }
.zx-form li span{ display:table-cell; vertical-align:top;}

.zx-form li i{ display:table-cell; vertical-align:top; } /* padding:.5em;width:64px; background:#f6f6ff;} */
.zx-form li i a{ text-align:center;cursor:pointer; border:1px solid #069; display:inline-block; border-radius:50%; width:24px; height:24px; line-height:24px; margin:0 2px;}
.zx-form li i a:hover{border:1px solid #f60;}

.zx-form input[type="text"]{ padding:.5em; border:1px solid #ccc; width:75%;}
.zx-form span input[type="text"]{ padding:.5em 1em; width:90%;}
.zx-form span input.readonly{ background:#ddd; color:#444;}
.zx-form input[type="password"]{ padding:.5em; border:1px solid #ccc; width:75%;}
.zx-form span input[type="password"]{ padding:.5em 1em; width:70%;}
.zx-form span textarea{ padding:.5em 1em; border:1px solid #ccc; width:90%;}
.zx-form label{ margin:0 1em 0 0; padding:.5em; display:inline-block;}
.zx-form input[type="radio"]{ vertical-align:middle; margin:0 2px 0 0;}
.zx-form label{ line-height:1;}

.zx-form input[type="checkbox"]{margin:0 2px 0 0;}
.zx-form input[type="checkbox"]:checked{ outline:outset 3px #ff0;}

.zx-form li .cke span{display:block;}
.zx-form li .cke span.cke_voice_label,
.zx-form li .cke span.cke_combo_label{display:none;}

.zx-form-a li em{width:15%;padding:.2em;}
.zx-form-a li span{width:auto;padding:.2em;}

.zx-form-b{font-size:0.85em;}
.zx-form-b li em{width:15%;padding:.2em;}
.zx-form-b li span{width:28%;padding:.2em;}
.zx-form-b span input[type="text"]{ padding:.2em;width:50%;}

.zx-combobox{margin:0 0 2em; padding:1em 0 0; border-top:3px double #666;}

.zx-table{}
.zx-table th,
.zx-table td{ font-size:0.8em;  min-width:10%; padding:5px; border:1px solid #999;}
.zx-table th{}
.zx-table td input[type="text"]{ padding:.1em; border:1px solid #ccc; width:1.5em; margin:0 2px 0 0;}
.zx-table-center td{text-align:center;}

.zx-table2{}
.zx-table2 th,
.zx-table2 td{ padding:5px;}
.zx-table2 thead{}
.zx-table2 thead td{ background:#ddd;}
.zx-table2 thead th{ background:#ccc;}
.zx-table2 tbody th,
.zx-table2 tbody td{}
.zx-table2 tbody tr:nth-child(odd) th,
.zx-table2 tbody tr:nth-child(odd) td{ background:#f0f0f0;}



.zx-flex{display:flex; width:100%;}
.zx-flex ul{ width:47%;}

.addimg{display:block;}
input.addrow{margin:1em;}

.zx-form li .mce-tinymce i,
.zx-form li .mce-tinymce span{display:inline; width:auto; padding:0; background:none;}


.zx-publishbox{}
.zx-publishbox input[type=text]{ max-width:100%;width:80%}










.zx-front{}
.zx-front h2{ padding:8px 16px; margin:16px 0; font-size:18px;color:#fff; background:#292222;}
.zx-front table{width:100%;border-top:1px solid #ccc; margin:0 0 24px;}
.zx-front th{ padding:8px 16px; background:#ddd;  text-align:left; width:25%; border-bottom:1px solid #ccc;}
.zx-front td{ padding:8px 16px;border-bottom:1px solid #ccc;}




@media print{

.zx-header { position:relative; background:#333; color:#fff; top:0; left:0; z-index:99; width:100%; overflow:hidden;}

.zx-left{ position:static; left:0; top:0; width:100%; background:#069; height:100%; color:#fff; float:none; overflow:hidden;}
.zx-navbox-head{margin-top:0;}
.zx-navbox{ padding:10px; float:left; border:0;}
.zx-page{ min-height:100%; padding:0;}
.zx-right{ width:100%; padding:0; overflow:hidden; float:none;}
.zx-box-left{ width:100%; float:none; background:#f6f6f6;}
.zx-box-right{ width:100%; float:none;}


}











/* tables */
table.tablesorter {
  width:100%;
}
table.tablesorter thead tr th, 
table.tablesorter tfoot tr th {
  padding-right:16px;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
}
table.tablesorter tbody tr.odd td {
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
}