@charset "utf-8";
/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
/*common*/
body{position:relative;font:12px/1.5 tahoma,arial,\5b8b\4f53;color:#505050; background:#eaeef0}
a{text-decoration:none;color:#505050;cursor:pointer;}
a:hover{text-decoration:none;}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.clearfix{zoom:1;}
.btn{display:inline-block;padding:0;border:none;text-align:center;background-color:transparent;cursor:pointer;}
.hide{display:none;}
.hide.current{display:block;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.bold{font-weight:bold;}
.tc{text-align:center;}
.ti2{text-indent:2em;}
#container{min-width:1000px;}
/*sprite bg*/
#header .links span,.roll_ctrl .prev,.roll_ctrl .next,.product dd,.login_ctn .submit a,.help_list li{background:url("../home/sprite.png?v=20130328") no-repeat;}
#header{background-image:url("../home/x.png");background-repeat:repeat-x}

/*header*/
#header{position:relative;box-shadow:0 1px 4px #5c6982;z-index:99;}
#header .header_bg{display:block;width:960px;height:53px;margin:0 auto;background:url("../home/header.jpg?v=4") 4px 0 no-repeat;}
#header .links{float:right;height:53px;background-position:0 0;}
#header .links span{float:left;display:block;width:100px;height:53px;margin:0;color:#fff;}
#header .links a{display:block;width:78px;height:27px;line-height:27px;margin:12px 0 0 11px;color:#fff;text-align:center;font-weight:normal;}
/*map*/
#map{position:relative;height:100%;zoom:1;overflow:hidden;}
#map iframe{width:100%;height:100%;border:none;}
/*login*/
.login_box{position:absolute;right:-238px;top:88px;width:269px;}
.login_box .toggle{float:left;width:31px;height:275px;background:url("../home/login_toggle.png?v=2");outline:none;}
.login_box .content{float:left;width:238px;height:275px;overflow:hidden;background:url("../home/login_bg.png") -31px 0;}
.tab_ctrl{float:left;display:inline;height:38px;margin-top:4px;}
.tab_ctrl li{float:left;}
.tab_ctrl li a{float:left;height:38px;line-height:38px;font-weight:bold;font-size:16px;outline:none;text-align:center;}
.tab_ctrl li .first{width:117px;background:#fff;}
.tab_ctrl li .last{width:117px;background:url("../home/login_bg.png") right -284px;}
.tab_ctrl .current a{}
.login_ctn{clear:both;padding:26px 0 0 19px;}
.login_ctn li{position:relative;display:none;}
.login_ctn .current{display:block;}
.login_ctn .tip_err td{visibility:hidden;padding:3px 0 9px;color:#F98307;}
.login_ctn .tip_err_2 td{padding:3px 0 2px;}
.login_ctn input.txt{width:181px;border:none;display:inline-block;padding:7px 6px;font-size:14px;background-color:transparent;outline:none;}
.login_ctn .rem_pwd td{padding:0 0 12px 0;}
.login_ctn .rem_pwd input{margin-right:4px;vertical-align:middle;}
.login_ctn .rem_pwd a{display:inline-block;margin-left:52px;}
.login_ctn .rem_pwd a:hover{text-decoration:underline;}
.wt_account,.wt_pwd,.wt_imei{position:absolute;left:8px;top:0;width:182px;height:31px;line-height:31px;font-size:14px;color:#878787;}
.wt_pwd{left:8px;top:61px;}
.wt_imei{left:8px;top:0;}
/*main*/
#main{padding:20px;background:url("../home/x_main.png") repeat-x #dbdfe7;}
#main .main_wrap{width:952px;margin:0 auto;position:relative;font:12px/1.5 ΢���ź�,tahoma,arial,����}
#main .col_1{position:relative;float:left;width:254px;height:418px;padding:22px 14px 23px;overflow:hidden;background:url("../img/square_y.png?t=131030.1146") left repeat-y;}
#main .col_2{float:left;width:640px;padding:13px 0 18px 25px;}
#main .col_1 h3{border-bottom:solid 1px #cacdd2;font-size:14px;font-weight:bold;color:#fff;}
#main .col_1 h3 span{display:inline-block;padding:0 4px 6px;border-bottom:solid 1px #cacdd2;}
/*col_1*/
.devices_wrap{position:relative;height:399px;_height:396px;overflow:hidden;}
#devices{position:relative;overflow:hidden;}
.device{height:92px;padding:0 4px 3px;border-bottom:dashed 1px #cacdd2;}
.device dt{float:left;width:146px;padding:12px 0 4px;font-size:13px;color:#fff;}
.device dd{float:left;line-height:24px;color:#fff;}
.device .time{width:100px;padding:9px 0 4px;}
.device .speed{width:146px;}
.device .direction{width:100px;}
.device .address{width:230px;height:23px;overflow:hidden;}
.device_mask{position:absolute;left:12px;bottom:-11px;width:254px;height:40px;/*background:url(../home/mask.png) 0 -5px repeat-x;*/}

/*footer*/
#footer{background:#5c6982;}
#footer .copyright{width:472px;height:97px;margin:0 auto;background:url("../home/footer.png") 104px 0 no-repeat;}
#footer .copyright span{display:block;padding-top:58px;color:#bec6d5;text-align:center;}



#speed .ui-slider-range {
	background: #ff863d;
}
#speed .ui-slider-handle {
	border-color: #ff863d; background:#fff; border-radius:10px; margin-top:2px;
}
#slider .ui-slider-range {
	background: #729fcf;
}
#slider .ui-slider-handle {
	
	margin-top:2px;
}
.table td {
	text-align: center;
	word-break: keep-all;
	white-space: nowrap;
}
.table th {
	text-align: center;
	font-weight: bold;
	word-break: keep-all;
	white-space: nowrap;
}
</style>
<style>
.mask {
	position: absolute;
	top: 0px;
	filter: alpha(opacity=60);
	background-color: #FFF;
	z-index: 999;
	left: 0px;
	opacity: 0.5;
	-moz-opacity: 0.6;
}
.content {
	display: none;
	z-index: 1000;
	position: fixed;
	text-align: center;
	color: #0d96e5;
	font-size: 14px;
	z-index:100099;
}

html, body {
	height: 100%;
	overflow: hidden;
}
html, body {
	width: auto;
	height: auto;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
.guiji_top {
	position:absolute;
	z-index:1000085;
	right:10px; 
	top:10px;
	width: 240px;
}
.guiji_title {
	font-size: 12px;
	height: 35px;
	text-align: center;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6ffffff,endColorstr=#E6ffffff);
	background: rgba(255, 255, 255, 0.9);
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Color='#b8b6b1');
	box-shadow:0px 0px 8px #b8b6b1;
	line-height: 35px; 
	padding-left:10px;
	padding-right:10px;
}
.guiji_input {
	border: #999 1px solid;
	background: #fff;
	width: 130px;
}
.guiji_link {
	width: 50px;
	height: 17px;
	line-height: 17px;
	float: right;
	margin-right: 10px;
	position: relative;
	top: 5px;
	cursor: pointer;
	background: #E1EBED;
	color: #07f;
}
.slider_bg {
	padding: 10px 10px;
	background: #f7f7f7;
	border: 1px solid #d2d6d8;
	position:absolute; 
	bottom:0px; 
	width:100%;
	z-index: 10002;
}
.sudu_main {
	background: #fff;
	height: 198px;
	tex-align: center;
	border-bottom: 2px solid #A0B1C5;
}
.sudu_main {
	position: absolute;
	top: 60px;
	border: 2px solid #A0B1C5;
	left:20px;
	right:20px;
	z-index:10054;
}
.sudu_main h3 {
	color: #3E576F;
	font-size: 12px;
	text-align: center;
	font-weight: normal;
	margin: 10px 0px;
}
#mingxi_main {
	left:20px;
	position: absolute;
	top: 60px;
	height: 198px;
	right:20px;
	border: 2px solid #A0B1C5;
	overflow: auto;
	background:#fff; 
	z-index:10053;
	display:none
}
#map {
	position: absolute;
	background:#fff;
	left:0px;
	right:0px; 
	top: 0px;
	bottom: 33px;
}
#map {
	height: auto;
}
/*--table--*/
.playback {
	empty-cells: show;
	border-collapse: collapse;
	width: 100%;
	background: #fff;
	font-size: 12px;
	border-spacing: 2px;
	border-color: gray;
}
.playback tr {
	background: #F0F0F0 url(../image/monitor/v3/bg_x.gif) repeat-x 0 -80px;
}
.playback tr th {
	padding: 7px 5px;
	background: url(../image/monitor/v3/icons.gif) no-repeat 0 -49px;
	_background-color: #F0F0F0;
	font-weight: bold;
	line-height: 22px;
	white-space: nowrap;
	color: #676767;
	text-align: center;
}
.playback tr td {
	padding: 3px 5px;
	line-height: 20px;
	color: #676767;
	text-align: center
}
.playback tr:hover td {
	background-color: #A0B0C7;
	color: #fff;
}



.playback_left{width:320px; position:absolute; left:0px; top:0px; bottom:0px; background:#fff}
.playback_left h3{background:#f9f9f9; height:40px; margin:0px; padding-left:15px; color:#333333}
.playback_left h3 span{border-left:4px solid #364860; padding-left:10px; margin-top:14px; float:left; }
.playback_right{position:absolute; left:330px; top:10px; right:10px; bottom:10px;}
.guiji_search{overflow:hidden;}
.guiji_search dl{overflow:hidden; margin-left:20px; margin-bottom:12px}
.guiji_search dl dt{float:left; line-height:30px; width:70px;}
.guiji_search dl dd{float:left;}
.guiji_search dl dd input{border:1px solid #d0d0d0; border-radius:3px; height:30px; line-height:30px; padding-left:15px; width:218px;}
.guiji_search dl dd span{background:url(../image/monitor/user/rili.png) no-repeat; width:16px; height:16px; display:block;position:absolute; margin-top:-22px; right:20px; display:none;}
.guiji_rili{margin:10px; margin-bottom:20px;}
.guiji_button{margin-left:91px; margin-top:20px;}
.guiji_button input{width:75px; height:26px; border-radius:2px; color:#fff; cursor:pointer; border:none}
.guiji_button .guiji_button_play{background:#ff863d; margin-right:20px;}
.guiji_button .guiji_button_end{background:#364860}
.guiji_setting{height:28px; width:75px; border-radius:2px; display:block; border:1px solid #ccd5e1; background:#ecf2fa; text-align:center; line-height:28px; color:#364860}

.play_play_main{
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000);
	background:rgba(0, 0, 0, 0.7); 
	position:absolute; bottom:50px; z-index:798; width:650px; height:50px; border-radius:5px; left:50%; margin-left:-250px; color:#fff; line-height:50px;}
.play_play_left{float:left; margin-left:10px;}
.play_play_right{float:right; margin-right:10px;}
.play_play_right span{float:left;}
#speed{margin-left:5px; margin-right:5px; width:70px; display:inline-block; float:left; margin-top:19px;}
.play_play_all a{display:block; width:28px; height:28px; float:left; margin-top:10px; margin-left:10px;}
.play_play_all{position:absolute; width:80px; position:absolute; left:50%; margin-left:-40px;}
.play_play_all a span{display:block; background:url(../image/monitor/v3/play_ico.png) no-repeat; width:28px; height:28px;}
.play_play_all a .paly_ico_stop{background-position:0px -28px;}
.play_play_all a .paly_ico_end{background-position:0px -56px;}
.play_play_all a:hover .paly_ico_play{background-position:-28px 0px;}
.play_play_all a:hover .paly_ico_stop{background-position:-28px -28px;}
.play_play_all a:hover .paly_ico_end{background-position:-28px -56px;}
.guiji_title a{float:left; display:block; border-right:1px solid #bbc2cb; background:none; width:auto; padding-right:10px; color:#333333; margin-top:5px;}
.guiji_title div{float:left; margin-top:8px}
.guiji_title div select{border:none; background:none; color:#333333;}
.guiji_title a span{display:block; float:left; width:16px; height:16px; background:url(../image/monitor/v3/play_mingxi_ico.png) no-repeat; margin-right:10px;}
.guiji_title a i{float:left; font-style:normal;}
.guiji_title a .play_ico_mingxi{background-position:0px -16px;}
.guiji_title a .play_ico_quxian{background-position:0px 0px;}

/*--日历--*/

.play_rili_wrap{width:300px;}
.datetable{background:#fff;   border-collapse: collapse;}
.datetable tr th{border:1px solid #364860; height:35px; color:#fff; text-align:center}
.datetable tr th select{margin:0px 10px;}
.datetable td{border:1px solid #ddd;text-align:center;}
.datetable thead{background:#364860;}

.datetable thead td span{padding:0 5px;}
.datetable tbody td{font-size:12px;  height:40px;}
.play_rili_riqi{font-size:14px;}

#slider .ui-slider-range {
	background: #729fcf;
}

.table td {
	text-align: center;
	word-break: keep-all;
	white-space: nowrap;
}

.table th {
	text-align: center;
	font-weight: bold;
	word-break: keep-all;
	white-space: nowrap;
}

/*--区域查询--*/
.guiji_top_quyu {
    position: absolute;
    z-index: 1000085;
    right: 0px;
    top: 0px;
    left:0px;
}

.guiji_title_quyu {
    font-size: 12px;
    height: 31px;
    text-align: center;
    background: #C5CFD6;
    border-bottom: 1px solid #999;
    line-height: 31px;
}
.sudu_main_quyu {
    position: absolute;
    top: 60px;
    border: 2px solid #A0B1C5;
    z-index: 10054;
	bottom:0px;
}
#vehicle_table_history_content_div {
    position: absolute;
    top: 67px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    overflow: auto;
}
	
.map_quyu{
	width: 79.8%; 
	position: absolute; 
	right: 0px; 
	top: 32px;
}

