body{
	background-color:rgb(42,42,42);	
	margin: 0px;
	padding: 0px;		
}

/*----- login -----*/
.login .header{
	font:17px "微軟正黑體", Arial, Helvetica, sans-serif;
	color: #ffffff;
	background-color: rgb(60,60,60);
	width: 100%;
	height: 32px;	
	padding-top: 10px;	
}

.login .header a{
	font:17px "微軟正黑體", Arial, Helvetica, sans-serif;
	color: #ffffff;	
	text-decoration: none;
}

.login .header a:hover{
	text-decoration: underline;
}

.login .content{
	font:15px "微軟正黑體", Arial, Helvetica, sans-serif;
	color: rgb(240,240,240);
	background-color:rgb(42,42,42);	
}

.login .footer{
	font:13px "微軟正黑體", Arial, Helvetica, sans-serif;
	color: rgb(240,240,240);
	background-color:rgb(42,42,42);	
	height: 24px;
	padding-right: 10px;
}

.login .footer a{
	font:13px "微軟正黑體", Arial, Helvetica, sans-serif;
	color: rgb(140,140,140);
	text-decoration: none;
}

.login .footer a:hover{
	font:13px "微軟正黑體", Arial, Helvetica, sans-serif;
	color: rgb(255,198,0);	
	text-decoration: underline;
}

.btn{	
	color: #ffffff;
	background-color: #4a8aff;
	border: #3079ed 1px solid;
	padding:3px 15px 3px 15px;
	behavior:url(csshover.htc);
}

.btn:hover{	
	background-color: #3079ed;
	cursor: pointer;
}

/*----- main -----*/
.main .header{
	font:17px "微軟正黑體", Arial, Helvetica, sans-serif;
	color: #ffffff;	
	background-color: rgb(60,60,60);
	width: 100%;
	height: 32px;
	vertical-align: bottom;	
	padding-top: 10px;	
}

.main .header a{
	font:17px "微軟正黑體", Arial, Helvetica, sans-serif;
	color: #ffffff;	
	text-decoration: none;
}

.main .header a:hover{
	text-decoration: underline;
}

.main .menu{	
	background-color: rgb(100,100,100);
	border: #aaaaaa 1px solid;
	height: 48px;
	behavior:url(csshover.htc);
	width: 100%;
}



.main .menu .item{
	font:15px "微軟正黑體", Arial, Helvetica, sans-serif;
	color: rgb(240,240,240);
	padding: 5px;
	text-align: center;
	width: 180px;
	border-right: #aaaaaa 1px solid;
}

.main .menu .item_select{
	font:15px "微軟正黑體", Arial, Helvetica, sans-serif;
	color: rgb(255,198,0);
	padding: 5px;
	text-align: center;
	width: 180px;
	border-right: #aaaaaa 1px solid;	
}

.main .menu .item:hover{
	font:15px "微軟正黑體", Arial, Helvetica, sans-serif;
	background-color: rgb(61,148,184);
	color: rgb(240,240,240);
	cursor: pointer;
}

.main .menu .item_select:hover{
	font:15px "微軟正黑體", Arial, Helvetica, sans-serif;
	background-color: rgb(61,148,184);
	color: rgb(240,240,240);
	cursor: pointer;
}

.main .live-type{
	color: rgb(190,190,190);
}

.main .cam_list {
	padding: 5px;	
	width: 90%;	
}

.main .cam_list .header{
	font:15px "微軟正黑體", Arial, Helvetica, sans-serif;
	color: rgb(255,255,255);
	background-color: rgb(60,60,60);
	vertical-align: middle;	
}

.main .cam_list .item{
	font:13px "微軟正黑體", Arial, Helvetica, sans-serif;
	color: rgb(240,240,240);
	background-color: rgb(30,30,30);
}

.main .cam_list img{
	border: 0px;
}

.main .query{	
	font:15px "微軟正黑體", Arial, Helvetica, sans-serif;
	color: rgb(240,240,240);
	background-color: rgb(30,30,30);
	width: 90%;	
}

.main .query .header{
	font:15px "微軟正黑體", Arial, Helvetica, sans-serif;
	color: rgb(255,255,255);
	background-color: rgb(60,60,60);
	vertical-align: middle;		
}

.main .result {
	width: 90%;	
}

.main .result .header{
	font:15px "微軟正黑體", Arial, Helvetica, sans-serif;
	color: rgb(255,255,255);
	background-color: rgb(60,60,60);
	vertical-align: middle;	
}

.main .result .item{
	background-color: #eeeeee;	
}

.ptz_left{	
	background:url('../images/left.png') no-repeat;
	width:32px;
	height:32px;
	position:absolute;
}



.ptz_right{
	
}

.ptz_up{
		
}

.ptz_down{
		
}

.ptz_left_up{
		
}

.ptz_right_up{
	
}

.ptz_left_down{	
}

.ptz_right_down{
	
}

.ptz_right, .ptz_up, .ptz_down, .ptz_left_up, .ptz_right_up, .ptz_left_down, .ptz_right_down{
	opacity:0.8;
	filter:alpha(opacity=80);
	width:100%;
	height:100%;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select:ignore;
}


.ptz_zoomin{
	background:url('../images/zoom_in.png') no-repeat 0px 0px;
	width:48px;
	height:48px;	
}

.ptz_zoomout{
	background:url('../images/zoom_out.png');			
}

.ptz_home{	
	background:url('../images/home.png');			
}
.ptz_btn{
	width:32px;
	height:32px;
	position:absolute;
	
}

.ptz_btn_img_large{
	width:100%;
	height:100%;
}


.ptz_btn_active{
	position:absolute;	
	width:64px;
	height:64px;
	border:solid 2px #ffffff;
	border-radius:3px;
}

.ptz_zoomin, .ptz_zoomout, .ptz_home{
	width:48px;
	height:48px;		
}

/*--- common ---*/
.text1{
	font:15px "微軟正黑體", Arial, Helvetica, sans-serif;
	color: #15428b;
}