@charset "UTF-8";
/@charset "utf-8";
/*reset*/
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, form {
	margin: 0;
	padding: 0
}
html, body {
	height: 100%;
	width: 100%;
	overflow: hidden;
}
img {
	border: 0px;
}
* {
	font-size: 12px;
}

a:link {
	text-decoration: none;
	color: #364860;
	font-size: 12px;
}

a:hover {
	text-decoration: underline;
	color: #364860;
	font-size: 12px;
}

input {
	vertical-align: middle;
}
/* v3 */
.com-titlebar {
	background: #F7F7F7;
	padding: 7px 0 5px 7px;
	border-bottom: 1px solid #8398B5;
}
.com-titlebar h3 {
	padding: 1px 0 1px 29px;
	background: url(../../../image/monitor/v3/icons.gif) no-repeat 0 0;
	font-size: 12px;
	font-weight: normal;
	color: #343434;
}
.close h3 {
	background-position: 0 -30px;
}
/* main.html */
#myProlistTitle {
	border: 1px solid #8398B5;
	border-width: 0 0 1px;
}
#selectCustTitle.close #custTreeLayer {
	display: none;
}
.mod-userTree {
	margin: 3px 3px 0 0;
	border: 1px solid #8398B3;
	border-left: none;
}
.mod-prolist {
	background: #fff;
	height: 100%;
	overflow: hidden
}
#monitorCanvas {
	width: 100%;
*width:100%;
	overflow: hidden
}
#monitorCanvas td {
	vertical-align: top;
}
.mcvs {
	padding-left: 0px;
	min-height: 400px;
}
.leftFrameCanvas {
	width: 290px;
	background: #fff;
	border-right: 1px solid #d5dce1;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
}
.leftFrameCanvas .searchcvs {
	margin: 4px 10px 3px 10px;
	padding: 0 0 0 10px;
	background: url(../../../image/monitor/v3/bg_block.png) no-repeat 0 0;
}
.leftFrameCanvas .searchcvs .ctnr {
	height: 27px;
	background: url(../../../image/monitor/v3/bg_block.png) no-repeat right 0;
}
.leftFrameCanvas .searchinput {
	height: 18px;
	padding: 0px;
	margin: 5px 0 0;
	width: 230px;
	border: none;
	background-color: transparent;
	color: #605E5E;
	font-size: 12px;
}
.leftFrameCanvas .searchbutton {
	height: 21px;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}
.leftFrameCanvas .car_type_lianxiang {
	clear: left;
	width: 200px;
}
.leftFrameCanvas .vehicle_div_Name {
	white-space: nowrap;
	display: inline-block;
	max-width: 122px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.leftFrameCanvas #searchListOutCanvas {
	display: none;
	overflow-x: hidden;
	overflow-y: scroll;
	border: 1px solid #b6c1c8;
	background-color: rgb(253, 253, 253);
	position: absolute;
	z-index: 9999;
	height: 300px;
	width: 268px;
	word-break: keep-all;
	white-space: nowrap;
	margin-left: -10px;
	margin-top:3px;
}





.leftFrameCanvas_1 {
	width: 390px;
	background: #fff;
	border-right: 1px solid #d5dce1;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
}
.leftFrameCanvas_1 .searchcvs {
	margin: 4px 10px 3px 10px;
	padding: 0 0 0 10px;
	background: url(../../../image/monitor/v3/bg_block.png) no-repeat 0 0;
}
.leftFrameCanvas_1 .searchcvs .ctnr {
	height: 27px;
	background: url(../../../image/monitor/v3/bg_block.png) no-repeat right 0;
}
.leftFrameCanvas_1 .searchinput {
	height: 18px;
	padding: 0px;
	margin: 5px 0 0;
	width: 330px;
	border: none;
	background-color: transparent;
	color: #605E5E;
	font-size: 12px;
}
.leftFrameCanvas_1 .searchbutton {
	height: 21px;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}
.leftFrameCanvas_1 .car_type_lianxiang {
	clear: left;
	width: 200px;
}
.leftFrameCanvas_1 .vehicle_div_Name {
	white-space: nowrap;
	display: inline-block;
	max-width: 222px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.leftFrameCanvas_1 #searchListOutCanvas {
	display: none;
	overflow-x: hidden;
	overflow-y: scroll;
	border: 1px solid #b6c1c8;
	background-color: rgb(253, 253, 253);
	position: absolute;
	z-index: 9999;
	height: 300px;
	width: 368px;
	word-break: keep-all;
	white-space: nowrap;
	margin-left: -10px;
	margin-top:3px;
}


#rightFrameCanvas {
	background: #fff;
	height: 100%;
	position: absolute;
	width: 100%;
}
.rightFrameCanvas_1 {
	background: #fff;
	height: 100%;
	position: absolute;
	width: 100%;
}
.navigate {
	height: 60px;
	margin: 10px;
	background: #ecf2f6
}
#myNavigate ul,  #myNavigate {
	position: relative;
}
#myNavigate ul {
	overflow: hidden
}
#myNavigate li {
	float: left;
	width: 33%;
	text-align: center
}
#myNavigate li span.r {
	display: block
}
#myNavigate li span.r a div {
	display: block;
	background: url(../../../image/monitor/v3/car_type_ico.png) no-repeat;
	width: 16px;
	height: 16px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 5px;
}
#myNavigate li span.r a .idx_ico_all {
	background-position: 0px 0px;
}
#myNavigate li span.r a .idx_ico_online {
	background-position: 0px -16px;
}
#myNavigate li span.r a .idx_ico_offline {
	background-position: 0px -32px;
}
#myNavigate li a {
	text-decoration: none;
	display: block;
	text-align: center;
	color: #364860
}
#myNavigate li.navigate_item_over span.r a {
	color: #14c4ba
}
#myNavigate li.navigate_item_over span.r a .idx_ico_all {
	background-position: -16px 0px;
}
#myNavigate li.navigate_item_over span.r a .idx_ico_online {
	background-position: -16px -16px;
}
#myNavigate li.navigate_item_over span.r a .idx_ico_offline {
	background-position: -16px -32px;
}
.navigate_item_over {
}
#treeContainer {
	width: 293px;
	padding: 4px 0;
	background: #fff;
	border: 1px solid #8398B3;
	border-width: 0 1px 1px 0;
	overflow: auto;
}
* {
	padding: 0;
	margin: 0;
}
ul, li {
	list-style: none;
}
.downMenus li {
	cursor: pointer;
}
/* 二级 */
.secondMenus {
	position: absolute;
	margin-top: 20px;
	margin-left: 30px;
	background: #fff;
	border: 1px solid #ccc;
}
.secondMenus ul {
}
.secondMenus li {
	padding: 2px 5px;
	color: gray
}
.secondMenus .lihover {
	color: #f00;
}
/* 三级 */
.thridMenus {
	position: absolute;
	margin-left: 5px;
	z-index: 99999;
}
.thridMenus ul {
	background: #fff;
	border: 1px solid #ccc;
}
.thridMenus li {
	padding: 2px 10px;
	color: gray
}
.thridMenus .lihover {
	color: #f00;
}
#thridMenusup {
	background: #fff;
	border: 1px solid #ccc;
	padding: 2px 10px;
	color: gray;
	text-align: center;
	display: none;
}
#thridMenusdown {
	background: #fff;
	border: 1px solid #ccc;
	padding: 2px 10px;
	color: gray;
	text-align: center;
	display: none;
}
.select_box {
	width: 250px;
	height: 50px;
	position: relative;
	margin: 0px;
	padding: 0;
	font-size: 12px;
}
.submit_box {
	width: 250px;
	position: relative;
	margin: 0px;
	padding: 0;
	font-size: 12px;
	text-align: center;
}
.select_box ul, li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-weight: normal;
}
.select_box input {
	cursor: pointer;
	display: block;
	line-height: 25px;
	width: 100%;
	height: 25px;
	overflow: hidden;
	border: 1px solid #ccc;
	padding-right: 20px;
	padding-left: 0px;
	background: no-repeat 160px center;
}
.select_box ul {
	width: 250px;
	position: absolute;
	left: -10px;
	top: 5px;
	border: 1px solid #ccc;
	background: #fffff;
	overflow: hidden;
	display: none;
	background: #ebebeb;
	z-index: 99999;
}
.select_box ul li {
	display: block;
	height: 20px;
	overflow: hidden;
	line-height: 20px;
	padding-left: 5px;
	width: 100%;
	cursor: pointer;
	background: #ffffff;
}
.select_box ul .hover {
	background: #0077FF;
	color: #fff;
}
.box {
	width: 602px;
	position: absolute;
	z-index: 99999;
}

.message_main {
	background: #fff;
	height: 478px;
	width: 500px;
	margin: 0 auto;
	line-height: 35px;
	margin-top: 10px;
}
.message_main h1 {
	margin: 10px 0 20px;
	padding: 0;
	font-size: 17px;
	font-weight: normal;
}
.info {
	border: 1px solid #E5EBEC;
	background: #F7F7F7;
	margin-bottom: 10px;
	padding-left: 10px;
}
.notice {
	border: 1px solid #FDE1A2;
	background: #FDEECD;
	margin-bottom: 10px;
	padding-left: 10px;
}

ul, h4 {
	margin: 0px;
	padding: 0px;
}
img {
	border: 0;
}
#msg-content {
	display: block;
	bottom: 0px;
	right: 6px;
	width: 150px;
	height: 20px;
	line-height: 20px;
	position: fixed;
	padding: 0px;
	background: #fff;
	border: 1px solid #364860;
	overflow: hidden;
	z-index: 9999;
}
#icon_close {
	float: right;
	margin-top: 5px;
	width: 12px;
	height: 12px;
	display: inline-block;
}
#icon_open_max {
	float: right;
	margin-top: 5px;
	width: 12px;
	height: 12px;
	display: inline-block;
}
#icon_open_expand {
	float: right;
	margin-top: 5px;
	width: 12px;
	height: 12px;
	display: inline-block;
}
.msg_header {
	background: #364860;
	color: white;
	margin: 1px;
	cursor: pointer;
}
body, ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
a {
	text-decoration: none;
	color: #000;
	font-size: 12px;
}
.tabminbox {
	width: 50px;
	height: 25px;
	overflow: hidden;
}
.tabmaxbox {
	width: 330px;
	height: 25px;
	overflow: hidden;
}
.tabs li {
	float: left;
	overflow: hidden;
	position: relative;
	margin-right: 10px;
}
.tabs li a {
	display: block;
	height: 30px;
	line-height: 25px;
	color: #fff;
	padding: 0 15px;
}
.tabs li .msg_s {
	background: #fff;
	color: #333;
	font-weight: bold
}
.tabs li a:hover {
}
.tabs .thistab, .tabs .thistab a:hover {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.msg_tab {
	border-collapse: collapsel;
	line-height: 25px;
	color: #505050
}
.msg_tab tr th {
	background: #eaeaea;
	font-weight: normal
}
.msg_main {
	overflow: auto;
	height: 125px;
}
.unline {
	color: rgb(153, 153, 153);
}
.onlineclick {
	color: #14c4ba;
	font-weight: normal;
}
.unlineclick {
	color: #888888;
	font-weight: normal;
}
.idx_list_left img{float:left; margin-right:10px;}
.idx_list_left span{float:left;}
.speed_0 {
	font-weight: normal;
}
.speed_n {
	color: #14c4ba;
}
.unlineselectedstyle {
	background:#ecf2f6;
	border-radius:15px;
	color: rgb(51, 51, 51);
	padding:10px 0px;
	cursor: pointer;
	font-weight: bold;
}
.onlineselectedstyle {
	border: 1px solid rgb(164, 212, 245);
	color: rgb(84, 97, 217);
	padding-top: 3px;
	padding-bottom: 3px;
	cursor: pointer;
	background-color: rgb(235, 249, 255);
	font-weight: bold
}

.updatePasswordBox {
	width: 330px;
	position: absolute;
	z-index: 1000;
}

.passwordMessage_main {
	background: #fff;
	padding: 20px 20px;
	line-height: 35px;
}

.electronicFence_Box {
	width: 350px;
	position: absolute;
	z-index: 1000;
}
.electronicFence_main {
	background: #fff;
	padding: 20px 20px;
	line-height: 35px;
}
.electronicFence_vehicle_binding_Box {
	width: 650px;
	position: absolute;
	z-index: 1000;
}
.electronicFence_vehicle_binding_main {
	background: #fff;
	padding: 20px 20px;
	line-height: 35px;
}
.electronicFence_event_Box {
	width: 410px;
	position: absolute;
	z-index: 1000;
}
.electronicFence_event_main {
	background: #fff;
	padding: 20px 20px;
	line-height: 35px;
}

.cmdbox {
	width: 330px;
	position: absolute;
	z-index: 1000;
}

.cmdmessage_main {
	background: #fff;
	padding: 20px 20px;
	line-height: 35px;
}

.left_tree_caozuo {
	font-weight: normal;
}

.groupbox {
	width: 330px;
	position: absolute;
	z-index: 1000;
}



.selectMarkerPhotobox {
	width: 600px;
	height: 510px;
	position: absolute;
	z-index: 1000;
}

.selectMarkerPhotomessage_main {
	background: #fff;
}

.selected {
	border: 1px solid rgb(0, 90, 255);
	padding: 2px;
}
.unselected {
	border-color: white;
}
.markerbox {
	width: 350px;
	position: absolute;
	z-index: 1000;
}

.markermessage_main {
	background: #fff;
	padding: 10px 20px;
}

.left_tree_caozuo {
	font-weight: normal;
}
.addGroupbox {
	width: 330px;
	position: absolute;
}

.center {
	background: #ffffff;
	border: 1px solid #8a9fbc;
}

.center h3 {
	height: 35px;
	background: #364860;
	line-height: 35px;
	color: #fff;
	font-size: 12px;
	padding-left: 10px;
	
}

.message_close {
	background: url(../../../image/monitor/v3/iw_close.gif) no-repeat;
	width: 18px;
	height: 18px;
	display: block;
	float: right;
	margin-top: 9px;
	margin-right: 7px;
}

body, h3 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}

.groupmessage_main {
	background: #fff;
	padding: 10px 13px;
}

.left_tree_caozuo {
	font-weight: normal;
}
.setSystemBox {
	width: 500px;
	position: absolute;
	z-index: 1000;
}

.setSystemMessage_main {
	background: #fff;
	padding: 10px 20px;
	height: 330px;
}

.marker_group_elect_label {
	color: #982F4D;
	float: left;
	line-height: 27px;
	padding-right: 10px;
	font-size: 12px;
	font-weight: 700;
}
.marker_group_select_box {
	float: left;
	color: #444;
	position: relative;
	cursor: pointer;
	width: 185px;
	background: url() repeat-x;
	font-size: 12px;
	z-index: 999;
}
.marker_group_selet_open {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 27px;
	background: url(../../../image/monitor/v3/bg_block.png) right 0 no-repeat;
}
.marker_group_select_txt {
	display: inline-block;
	border: 1px;
	padding-left: 10px;
	width: 145px;
	line-height: 25px;
	height: 25px;
	cursor: text;
	overflow: hidden;
	zoom: 1;
	background: url() no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	padding: 0 0 0 10px;
	border: 1px solid #A3B9D7;
}
.marker_group_option {
	width: 183px;
	position: absolute;
	top: 27px;
	left: -1px;
	z-index: 2;
	overflow: hidden;
	display: none;
	border: 1px solid #ccc;
	border-top: none
}
.marker_group_option a {
	display: block;
	height: 26px;
	line-height: 26px;
	text-align: left;
	padding: 0 10px;
	width: 100%;
	background: #fff;
}
.marker_group_option a:hover {
	background: #D0DCEA;
}
.mask {
	position: absolute;
	top: 0px;
	filter: alpha(opacity=60);
	background-color: #b2b2b2;
	z-index: 999999;
	left: 0px;
	opacity: 0.6;
	-moz-opacity: 0.6;
	z-index:100098;
}
.content {
	display: none;
	z-index: 1000;
	position: fixed;
}


a {
	white-space: nowrap;
	text-decoration: none;
	color: rgb(51, 51, 51);
}
.search_item {
	background: #fff;
	text-indent: 6px;
	font-weight: normal;
	color: rgb(153,153,153);
	line-height: 20px;
	cursor: pointer
}
.search_item_over {
	background: #364860;
	color: #fff;
	line-height: 20px;
	text-indent: 6px;
	cursor: pointer
}
.customerNum_item_over {
	background: #d0dcea;
	color: #fff;
	line-height: 16px;
	text-indent: 6px;
}
.suggest {
	float: right;
	margin: 3px 0px 0px;
	width: 33px;
	height: 20px;
	cursor: pointer;
}
.close_stree_view {
	background: url(../../../image/monitor/v3/close_stree_view.png) no-repeat;
	width: 18px;
	height: 19px;
	display: block;
	float: right;
	margin-top: 5px;
	margin-right: 4px;
	padding-right: 4px;
}
.vehicle_div {/*overflow:auto;*/
	width: 100%;
}
.vehicle_div_content {
	overflow: auto;
	display: block;
	padding:3px 10px;
}
.vehicle_div_img {
	display: inline-block;
	float: left;
	width: 145px;
}

/*电子围栏表格*/	
.table_style {
	border-collapse: collapse;
	color: #6b6b6b;
}
.table_style tr th {
	background: url(../../../image/monitor/v3/repeat.png) 0px -423px repeat scroll;
	border-top: 1px solid #8398b3;
	border: 1px solid #bcc6d0;
	color: #5d5c5c;
	font-weight: normal;
	text-align: center;
	width: 90px;
}
.table_style tr td {
	border: 1px solid #e8e8e8;
	width: 90px;
	border-left: 0px;
	border-right: 0px;
}
.link_style {
	color: #0e88e5;
	text-decoration: none
}
a.link_style:hover {
	text-decoration: underline;
}
/*标注绑定设备*/	
			 
marker_vehicle_binding_Box {
	width: 498px;
	position: absolute;
	z-index: 1000;
}


.marker_vehicle_binding_main {
	background: #fff;
	padding: 10px 20px;
}

.left_tree_caozuo {
	font-weight: normal;
	margin-left:10px;
}
.left_tree_caozuo a{display:block; width:25%; float:left; text-align:center; color:#314350}
.left_tree_caozuo a i{display:block; width:16px; height:16px; margin:0 auto; background:url(../../../image/monitor/user/idx_list_caozuo_ico.png) no-repeat; margin-bottom:7px; margin-top:5px}
.left_tree_caozuo a .idx_list_caozuo_ico_2{background-position:0px -16px;}
.left_tree_caozuo a .idx_list_caozuo_ico_3{background-position:0px -32px;}
.left_tree_caozuo a .idx_list_caozuo_ico_4{background-position:0px -48px;}

#marker_vehicle_table_content tbody tr td {
	border: 1px solid #e8e8e8;
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
}
#marker_vehicle_table_title thead tr th {
	background: url(../../../image/monitor/v3/repeat.png) 0px -423px repeat scroll;
	border-top: 1px solid #8398b3;
	border: 1px solid #bcc6d0;
	color: #5d5c5c;
	font-weight: normal;
	text-align: center;
}
.marker_table_style {
	border-collapse: collapse;
	color: #6b6b6b;
}
.marker_table_style tr th {
	background: url(../../../image/monitor/v3/repeat.png) 0px -423px repeat scroll;
	border-top: 1px solid #8398b3;
	border: 1px solid #bcc6d0;
	color: #5d5c5c;
	font-weight: normal;
	text-align: center;
}
.marker_table_style tr td {
	border: 1px solid #e8e8e8;
	border-left: 0px;
	border-right: 0px;
}
.marker_vehicle_table_input {
	border: 0px solid #c00;
	width: 100%;
	height: 100%;
	text-align: center;
}
#marker_vehicle_table_content tbody tr td select {
	border: 0px solid #c00;
	width: 100px;
	height: 100%;
*height:25px;
	text-align: center;
}
#marker_vehicle_table_content tbody tr td select option span {
	height: 25px;
	display: inline-block;
}
.marker_vehicle_binding_Box {
	position: absolute;
	z-index: 1000;
}
.marker_vehicle_binding_main {
	background: #fff;
	padding: 20px 20px;
	line-height: 35px;
}
.marker_vehicle_table_input {
	border: 0px solid #c00;
	width: 100%;
	height: 100%;
	text-align: center;
}
.electronicFence_vehicle_table_input {
	border: 0px solid #c00;
	width: 100%;
	height: 100%;
	text-align: center;
}
/*系统参数设置弹出窗口切换样式*/
.tanchu_top {
	width: 100%;
	height: 34px;
	border-bottom: 1px solid #cfcdcd;
	background: #f3f3f3;
	overflow: hidden;
}
.tanchu_top ul li {
	float: left;
	color: #d4d0d0
}
.tanchu_top ul li a {
	color: #636161;
	text-decoration: none;
	display: block;
	float: left;
	padding: 0px 15px;
	line-height: 32px;
}
.tanchu_top ul li a:hover {
	color: #14c4ba;
}
.tanchu_top ul li span {
	display: block;
	float: left;
	padding-top: 10px;
}
.tanchu_top ul li .tanchu_qh_select {
	color: #14c4ba;
	border-bottom: 2px solid #14c4ba
}
/*意见反馈弹出框*/
.popuWin {
	width: 360px;
	position: absolute;
	z-index: 99999;
}

.popuWinMessage_main {
	background: #fff;
	padding: 10px 20px;
}

.popu_input {
	height: 25px;
	width: 185px;
*height: 23px;
	height: 23px\9\9
}
.popu_textarea {
	width: 185px;
}
.popu_msgcolor {
	color: rgb(153, 153, 153);
}
.popu_error_msgcolor {
	color: rgb(255, 0, 0);
}
.validate_code_input {
	height: 25px;
	width: 70px;
*height: 23px;
	height: 23px\9\9
}
.validate_code_img {
	vertical-align: middle;
	height: 25px;
	width: 70px;
}
/*后台管理弹出框样式开始*/
			
			
.managerWin {
	position: absolute;
	z-index: 1000;
}
.popWinContainerPanel {
	background: #fff;
	padding: 10px 20px;
}
/*后台管理弹出框样式结束*/
			
			
.xiala_list_padding {
	padding: 5px 5px;
	text-align: center;
}

/*--左侧列表--*/
.idx_list_left {
}
.idx_list_right {
	float:right
}


/*--意见反馈--*/
.yijian_fankui_wrap{
	width: 600px;
	position: absolute;
	z-index: 100099;
}
.yijian_fankui_wrap .popu_input{
	height: 28px;
    border: 1px solid #d0d0d0;
	width:400px;
}
.yijian_fankui_wrap .popu_textarea{
	width:402px;
	border: 1px solid #d0d0d0;
}
.yijian_fankui_wrap table td{padding-bottom:10px;}
.yijian_fankui_button{
	width: 70px;
    height: 28px;
    background: #364860;
    color: #fff;
    cursor: pointer;
    border: none;
	margin-left:236px;
}

/*--地图设置按钮--*/
.map_setting_ico{
	
	position:absolute;right:10px;top:7px; width:20px; height:20px; display:block;
	
	}
.map_setting_ico span{display:block; width:15px; height:15px; margin:0 auto; margin-top:0px;
background: url(../../../image/monitor/biaozhu/setting_ico.png) no-repeat;
}