html, body{width:100%; height:100%; margin:0; padding:0}
body{height:auto; background-color:#FaFaFa; font-size:14px; -webkit-print-color-adjust:exact; print-color-adjust:exact;}
ul, li{margin:0; padding:0}
li{list-style:none}
a{color:#935b09}
a:hover{color:#935b09}

.navbar-default{background-color:#099; border:none; border-radius:0; font-size:14px; box-shadow:none; z-index:100}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{padding:12px 0 0 2em}
.navbar-brand img{height:42px}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
  /*height:76px; line-height:76px;*/
}
.navbar-brand, .navbar-nav > li > a {height:50px; line-height:50px; padding:0 1.8em; font-size:16px}
.navbar-default .navbar-nav>li>a{color:#fff}
.navbar-default .navbar-nav>li>a:focus{color:#000}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav>.active>a:hover{background-color:#099; color:#ffff00; font-weight:normal; /*border-bottom:2px solid #fdf2d0*/}
.navbar-default .navbar-nav > li > a:hover{color:#f8ba00; background:none}
.navbar-default .navbar-nav>.open>a{background-color:#099}
.navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{background-color:#099; color:#FFF}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color:#099}
.pagination{margin:0}
.form-group label, .form-group .fa{color:#666}
.form-group label i{color:#F00; font-style:normal; margin-left:5px}
.badge{background-color:#099}
.table-striped>tbody>tr:nth-of-type(odd){background-color:#FAFAFA}
.navbar-default .navbar-toggle .icon-bar{background-color:#FFF}
.panel-default{box-shadow:none}
.panel-default>.panel-heading{font-weight:normal; background-color:#CCC; font-size:18px; line-height:31px; overflow:hidden}
.panel-primary>.panel-heading{overflow:hidden}
.panel-heading a{color:#333; margin-left:12px}
.panel-dev2{box-shadow:none; border:1px solid #0ecc0e}
.panel-dev1>.panel-heading, .panel-dev2>.panel-heading{color:#FFF; background-color:#0ecc0e; font-weight:normal; overflow: hidden}
.bg-dev1{background:#deebf7}
.bg-dev2{background:#cfc}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success{background-color:#099}
.panel-heading #btn-back{margin-right:8px; cursor:pointer; color:#099; font-size:1.42em; float:left}
.panel-default>.panel-heading nav, .panel-dev1>.panel-heading nav, .panel-dev2>.panel-heading nav, .panel-primary>.panel-heading nav{display:inline-block; font-size:12px; float:left; margin-left:2em; height:31px}
.pagination>.disabled>a{color:#999}

#z-head{height:50px; margin-bottom:1em}
#z-main{margin-left:240px; padding:0 1em}
.z-main, .z-main-form, .z-main-form2, .z-main-form3, .z-main-form4, .z-main-form5{width:100%; margin:0 auto; min-width:290px}
.z-main-form{max-width:480px; margin-top:2em; margin-bottom:2em}
.z-main-form2{max-width:640px; margin-top:2em; margin-bottom:2em}
.z-main-form3{max-width:860px; margin-top:2em; margin-bottom:2em; min-width:640px}
.z-main-form4{max-width:860px; margin-top:2em; margin-bottom:2em; min-width:860px}
.z-main-form5{max-width:960px; margin-top:2em; margin-bottom:2em; min-width:860px}
.z-main{margin-top:1em}
.btn-new, .input-group-addon{color:#FFF; background-color:#099; cursor:pointer}
.btn-new:hover{color:#FFF}

#z-alert{position:fixed; z-index:2000; min-width:250px; max-width:300px; line-height:1.2em; padding:12px; background-color:rgba(255,0,0,0.8); color:#FFF; bottom:10%; left:50%; margin-left:-140px; text-align:center; border-radius:9px}
#z-loading{position:fixed; width:100%; height:100%; top:0; left:0; background:url(../img/loading.gif) no-repeat center center rgba(0,0,0,0.2); z-index:101}

.m-nav-bar{background:#F60; height:50px; position:fixed; z-index:11; top:0; left:0; width:100%}
.m-nav-bar .navbar-toggle{border:1px solid #FFF; float:right}
.navbar-toggle .icon-bar{background-color:#FFF}
.m-nav-bar .navbar-brand{color:#FFF}
#m-nav-case{position:fixed; z-index:101; width:100%; height:100%; top:0; left:0; display:none}
#m-nav{background-color:#099; max-height:0; transition:.6s; overflow:hidden; margin-top:50px; border-top:1px solid #FFF}
#m-nav ul{border-bottom:1px solid #FFF; overflow:hidden; margin:0.8em}
#m-nav ul:last-child{border-bottom:none}
#m-nav li{float:left}
#m-nav li a{display:block; height:31px; line-height:31px; border:1px solid #FFF; color:#FFF; padding:0 0.8em; border-radius:5px; margin:0 10px 10px 0}
#m-nav li.active a{color:#FF0; border-color:#FF0}
#m-nav ul:last-child li a{margin-bottom:0}
#m-nav a.cn, #m-nav a.jp, #m-nav a.en{padding-left:2.2em; background:url(../img/cn.svg) no-repeat 6px center / 20px}
#m-nav a.jp{background-image:url(../img/jp.svg)}
#m-nav a.en{background-image:url(../img/en.png)}
.m-nav-bar #nav-wrapper{width:auto; margin-right:75px; z-index:12}
.m-nav-bar #nav-wrapper li.active a{background:none; border-radius:3px; color:#FF0; font-weight:bold}

#z-menu-icon{float:left; font-size:1.6em; margin:0 0.3em 0 0; border-radius:50%; width:50px; height:50px; padding:14px 15px; cursor:pointer}
#z-menu-icon:hover{background-color:rgba(237,237,237,0.2)}
#z-menu-icon span{height:2px; background-color:#FFFFFF; display:block; margin:4px 0}
#z-menu{width:240px; height:100%; background-color:#fff; position:fixed; z-index:10; top:0; left:0; border-right:1px solid #CCC}
#z-menu ul{width:239px; background-color:#fff; margin-top:70px}
#z-menu li{width:100%; line-height:37px; margin-bottom:1px; text-indent:1em}
#z-menu li.active{width:240px; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
#z-menu li.active, #z-menu li a:hover{background-color:#FAFAFA}
#z-menu li a{display:block; width:100%; color:#616161; text-decoration:none}
#z-menu li i{margin-right:0.4em; margin-top:9px; float:left; font-size:1.42em; width:22px; color:#9e9e9e}
#z-menu li.active a, #z-menu li a:hover{color:#333}
#z-menu li.active i, #z-menu li.active a{color:#935b09}
#z-menu ol{padding-left:0}
#z-menu ol li a{padding-left:2em}
#z-menu ol li i{font-size:0.5em; margin-top:12px}
#z-menu h5{padding-left:1em; color:#616161}
#z-menu .cp{position:fixed; color:#ccc; bottom:0; width:230px; text-align:center; background-color:#FFF; padding:0.5em 0}


/*
.z-table tbody {display:block; overflow-y:scroll}
.z-table thead, .z-table tbody tr {display:table; width:100%; table-layout:fixed}
.z-table thead {width: calc(100% - 1.2em)}
*/

.logo{height:41px; line-height:41px; margin-top:3px; float:left; background:url(../img/logo.png) no-repeat center left / auto 100%; padding-left:128px; font-size:26px; font-weight:bold; color:#333}
.logo:hover{text-decoration:none; color:#333}
.search-case{margin:0.5em auto 1.5em}

.selBox .checkbox{margin-top:0}
.selBox input, .selBox2 input{display:none}
.form-group.selBox .checkbox label, .form-group.selBox2 .checkbox label{padding:3px 1em; line-height:25px; white-space:nowrap; margin:0 8px 6px 0}
.selBox .act, .selBox2 .act{background-color:#099; color:#FFF; border-radius:5px}

#statusList li, .z-select-list li{line-height:27px; text-align:center; cursor:pointer; width:100%; min-width:100px; margin-bottom:0.5em}
#statusList li:last-child, .z-select-list li:last-child{margin-bottom:0}
#statusList li.act, .z-select-list li.act{background-color:#d68f27; border-radius:3px; color:#FFF}

.g-map{width:100%; height:100%; position:absolute; top:0; left:0}
.g-map > div{position:fixed; top:50px; left:250px; bottom:0; right:0}
.g-map iframe{width:100%; height:100%; border:none}

.notice{padding:8px}
.notice textarea{width:100%; resize:none; line-height:1.2em; height:6em; word-break:break-all}
.notice .msg{border:1px solid #099; box-sizing:border-box; padding:3px 5px; border-radius:5px; color:#666; overflow:hidden; text-overflow:ellipsis; display:block; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; cursor:pointer}
.notice .msg:hover{text-decoration:none}
.notice .msg span{padding-right:10px; color:#099}
.notice .edit{height:6em; overflow:auto}
.notice .pnt{color:#F00; border:1px solid #ebccd1; padding:6px; border-radius:5px; display:block; margin-bottom:12px; background-color:#f2dede}
.notice .fa{margin-right:3px}
.msgWarning{animation: msgWarning 5s infinite;
	-moz-animation: msgWarning 5s infinite;
	-webkit-animation: msgWarning 5s infinite;
	-o-animation: msgWarning 5s infinite;}
@keyframes msgWarning
{
	0% {background:#FFF}
	70% {background:#efcfce; border-color:#F00}
	100% {background:#FFF}
}
@-moz-keyframes msgWarning
{
	0% {background:#FFF}
	70% {background:#efcfce; border-color:#F00}
	100% {background:#FFF}
}
@-webkit-keyframes msgWarning
{
	0% {background:#FFF}
	70% {background:#efcfce; border-color:#F00}
	100% {background:#FFF}
}
@-o-keyframes msgWarning
{
	0% {background:#FFF}
	70% {background:#efcfce; border-color:#F00}
	100% {background:#FFF}
}

#mapCase{width:800px; height:600px}

.circle, .circle2, .circle3{border:1px solid #CCC; display:inline-block; width:20px; height:20px; border-radius:50%; box-sizing:border-box}
.circle2, .oxy5{background-color:#003399}
.circle3{border:5px solid #3c763d}
.watch3{background-color:#3c763d}
.oxy1{background-color:#0076ba}
.oxy2{background-color:#5e5e5e}
.oxy3, .watch1{background-color:#f8ba00}
.oxy4, .watch2{background-color:#b51700}
.unit{color:#999; padding-left:2px}

#btn-top{width:50px; height:50px; border-radius:40px; background-color:rgba(0,0,0,0.6); position:fixed; right:16px; bottom:76px; color:#CCC; transform:translateY(150px); transition:.8s; cursor:pointer}
#btn-top:hover, #btn-filter:hover{background-color:#f30}
#btn-top i, #btn-filter i{font-size:3em; margin-left:11px}
#btn-top.show{transform:translateY(0px);}
#btn-filter, .btn-filter{width:50px; height:50px; border-radius:40px; background-color:rgba(0,0,0,0.6); position:fixed; right:16px; bottom:16px; color:#CCC; cursor:pointer; transition:.8s; z-index:10}
#btn-filter i, .btn-filter i{font-size:2em; margin:9px 0 0 12px}
#z-filter-case{position:fixed; width:100%; height:100%; top:0; left:0; z-index:10000; background-color:rgba(0,0,0,0); color:#FFF; display:none}
#z-filter-case.op{display:block}
.z-filter-case{transition:1s; width:320px; border:1px solid #CCC; background-color:#FFF; padding:1em; border-radius:5px; text-align:center; position:fixed; bottom:16px; right:16px}
.z-filter{overflow-x:auto; margin-bottom:12px; position:relative; max-height:550px}
#btn-filter-reset{position:absolute; top:0; right:0; cursor:pointer; color:#935b09}
.z-filter dl{overflow:hidden; margin-bottom:12px}
.z-filter dt{float:left; color:#999; width:100%; line-height:1.8em; text-align:left}
.z-filter dd{overflow:hidden; width:100%}
.z-filter dd a{float:left; margin-right:0.2em; display:inline-block; line-height:1.8em; text-decoration:none; border-radius:5px; padding:0 0.5em; border:1px solid #FFF; color:#333; cursor:pointer}
.z-filter dd a.act{background-color:#F60; color:#FFF}
.z-filter dd a:hover{border:1px solid #F60}
.z-filter .fa{position:absolute; top:0; right:6px; font-size:2em; color:#999; cursor:pointer}
.z-filter-link li{height:25px; text-align:left; margin-bottom:5px; float:left; margin-right:1.2em}
.z-filter-link li:last-child{margin-bottom:0}
.z-filter-link li a{color:#333; display:block; height:100%; width:100%}

.rp-ul{overflow:hidden}
.rp-ul li{width:162px; float:left; height:1.42em; line-height:1.42em; margin-bottom:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.rp-ul li.w{width:auto; min-width:284px; word-break:break-all; white-space:normal; height:auto}
.rp-ul li label{float:left}

.sel-list{min-height:100px; max-height:200px; overflow-y:auto}
.sel-list li{padding:0.3em 0; border-radius:5px; text-indent:3px; margin:3px 0; cursor:pointer}
.sel-list li:hover{background-color:#F1F1F1}
.sel-list li.active{background-color:#F60; color:#FFF}
.sel-list li span{color:#CCC; margin-left:10px}
.sel-list p{text-align:center; color:#CCC}

#btn-upload{position:relative}
#btn-upload input{position:absolute; width:100%; height:100%; top:0; left:0; opacity:0}

#upload-error-case{position:fixed; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,0.7); z-index:101; text-align:center; display:none}
#upload-error-case >div{width:350px; margin:20% auto 0; background-color:#FFF; border-radius:7px}
#upload-error-case h4{line-height:2em; text-indent:0.5em; margin-bottom:0; text-align:left}
#upload-error-case ul{padding:0 10px 10px; text-align:left; max-height:400px; overflow-y:auto}
#upload-error-case li{padding:3px 0; color:#F00}
#upload-error-case li span{padding-right:6px; color:#333}
#upload-error-case .btn{margin:10px auto 15px}

.print-page {page-break-after: always}
.print-need{display:none}

.btn-chat{cursor:pointer; font-size:1.4em}

.foot-cp{text-align:center; color:#CCC}

/*jquery ui*/
.ui-datepicker select.ui-datepicker-year{color:#333; float:left; margin-top:3px}
.ui-datepicker select.ui-datepicker-month{color:#333; float:left; margin-left:3px; margin-top:3px}
.ui-state-highlight, .ui-widget-content .ui-state-highlight{border-color:#F60; color:#F60}
.no-input{-webkit-appearance:none; border:none; color:#935b09; cursor:pointer; width:88px; background-color:#FFF; padding:0;}
.no-input:hover{text-decoration:underline}

.row-bg2, .table-striped>tbody>tr.row-bg2:hover, .table-striped>tbody>tr.row-bg2:nth-of-type(odd){background-color:#CCC}
.row-bg0, .table-striped>tbody>tr.row-bg0:nth-of-type(odd), .table-striped>tbody>tr.row-bg0:hover{background-color:#999; color:#FFF}

.app #z-main{margin-left:0}

.select2-container--open{z-index:10000}
.select2-selection__rendered{text-align:left}

@media (min-width:768px) and (max-width:991px) {
	.navbar-nav > li > a{padding:0 1.4em}

	.navbar-header{float:inherit}
	.navbar-toggle{display:block}
	.navbar-collapse.collapse{display:none !important;}
}
@media (max-width:640px) {
	body{font-size:14px}
	#z-head{height:50px}
	.sel-user li{width:100%}

	#mapCase{width:340px; height:480px}

	.panel-default>.panel-heading .pull-right{/*float:left!important;*/ font-size:14px; margin-top:6px}
	.panel-heading a{margin-left:0; margin-right:12px}
}
@media (max-width:767px) {
	.navbar-brand{height:45px}
	.navbar-brand img{height:35px}
	.navbar-toggle{margin-top:8px}
	.navbar>.container-fluid .navbar-brand{padding-left:14px; padding-top:8px}
	.navbar-nav > li > a{height:41px; line-height:41px; text-align:center}
	.navbar-nav .open .dropdown-menu>li>a{text-align:center; line-height:23px}
	.logo{margin-left:12px}

	.z-filter-case{width:auto; left:16px; max-height:520px}
	.z-filter{max-height:445px}
	.z-filter-case dt{width:100%}
	.z-filter-case dd{margin-left:0}
}
@media (max-width:1024px) {
	#z-main{margin-left:0}
	#z-menu{display:none}

	.g-map > div{left:0}
}