/* CSS Document */

.wrap{width:998px; margin:0 auto;}
.login_header{position: relative; box-shadow: 0 1px 4px #5c6982; z-index: 99; background:url(../../../image/monitor/login/x.png) repeat-x; height:53px; overflow:hidden}
.login_header_bg{display: block; height: 53px; background:url(../../../image/monitor/login/logo_bg.jpg) center  no-repeat;}
.logo{display:block; height:53px; background:url(../../../image/monitor/login/logo.jpg) no-repeat;}
.login_links{float: right; height: 53px; background-position: 0 0;}
.login_links span{float: left; display: block; width: 100px; height: 53px; margin: 0; color: #fff; background:url(../../../image/monitor/login/sprite.png) no-repeat;}
.login_links a{display: block; width: 78px; height: 27px; line-height: 27px; margin: 12px 0 0 11px; color: #fff; text-align: center; font-weight: normal;}
.login_map{position: relative; height: 500px; zoom: 1; overflow: hidden;}


/*main*/
.login_main{padding:20px;background:url(../../../image/monitor/login/x_main.png) repeat-x #dbdfe7; overflow:hidden}
.main_wrap{width:952px;margin:0 auto;position:relative;font:12px/1.5 微软雅黑,tahoma,arial,宋体; overflow:hidden}
.login_main .col_1{position:relative;float:left;width:254px;height:418px;padding:22px 14px 23px;overflow:hidden;background:url(../../../image/monitor/login/square_y.png) left repeat-y;}
.login_main .col_2{float:left;width:640px;padding:13px 0 18px 25px;}
.login_main .col_1 h3{border-bottom:solid 1px #cacdd2;font-size:14px;font-weight:bold;color:#fff;}
.login_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;*/}
/*col_2*/
.bg_top_a{display:block;height:38px;background:url(../../../image/monitor/login/square.png) no-repeat;}
.bg_bottom_a{display:block;height:38px;background:url(../../../image/monitor/login/square.png) 0 -32px no-repeat;}
.bg_top_b{display:block;height:38px;background:url(../../../image/monitor/login/square.png) 0 -79px no-repeat;}
.bg_bottom_b{display:block;height:38px;background:url(../../../image/monitor/login/square.png) 0 -111px no-repeat;}
.sec_wrapper{float:left;width:302px;padding:5px 0 0 5px;}
.sec_content{height:135px;padding:0 29px;color:#fff;background:url(../../../image/monitor/login/square_y.png) right repeat-y;}
.sec_content dl{float:left;width:135px;}
.sec_content dt{font-size:18px;line-height:18px;}
.btn_download,.btn_detail{display:block;width:56px;height:23px;margin-top:7px;text-align:center;color:#ddd;line-height:22px;letter-spacing:2px;background:url(../../../image/monitor/login/btn_download.png) -66px 0px no-repeat;}
.btn_download:hover{background-position:-66px -35px; color:#fff}
.btn_detail{background-position:-66px 0px;}
.btn_detail:hover{background-position:-66px -35px; color:#fff}
.dimension_code{position:relative;float:right;width:100px;height:100px;margin-top:15px;cursor:crosshair;background:url(../../../image/monitor/login/code.png) -492px -25px no-repeat;}
.dimension_code:hover .large_code{position:absolute;right:-61px;bottom:-61px;width:222px;height:222px;background:url(../../../image/monitor/login/code.png) no-repeat;}
.sec_1 .desc{padding:7px 0 25px;}
.sec_1 .dimension_code .large_code{background-position:-20px -30px;}
.sec_2 .desc{padding:7px 0 25px;}
.sec_2 .dimension_code{background-position:-596px -25px;}
.sec_2 .dimension_code .large_code{background-position:-259px -29px;}
.sec_3 .desc{padding:7px 0 43px;}
.sec_3 .dimension_code{background-position:-492px -129px;}
.sec_3 .dimension_code .large_code{background-position:-21px -266px;}
.sec_4 .desc{padding:7px 0 25px;}
.sec_4 .dimension_code{background-position:-596px -129px;}
.sec_4 .dimension_code .large_code{background-position:-258px -267px;}
/*footer*/
#footer{background:#2b426c;}
#footer span{display:block; height:40px; line-height:40px; color:#bec6d5;text-align:center;}
