* {
	margin:0 auto;
	padding:0;
	font-size:12px;
}
body
{
	/*background:#3873A3;*/
	text-align:center;
	padding:0;
	margin:0 auto;
}
td {
	height:24px;
	text-align:center;
	font-size:12px;
	background:#F8f8f8;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: underline;
}
a:active {
	color: #FFF;
	text-decoration: none;
}
img {
	border:0;
}
.top {
	margin:0 auto;
	width:980px;
	height:50px!important;
	height:95px;
    padding-top:43px;
	text-align: right;
	position: relative;
	color:#FFF;
	background:url(/images/zh-cn/topbg.jpg) no-repeat;
}
.main {
	margin:0 auto;
	/* min-width: 1270px; */
	background:#FFF;
	padding: 20px;
	margin:0 20px 20px 20px;
	box-shadow: 0 1.5px 3px rgba(0,0,0,.1);
}
.content {
	width:960px;
	margin:10px auto 10px auto;
	/*border:1px #2B7297 solid;*/
}
.content a:link, .content a:visited, .content a:hover, .content a:active {
	color: #000000;
}
.content td {
}
.list {
	background:#FFF;
}
.list td {
	background:#FFF;
}
.bottom {
	height:18px!important;
	height:24px;
	color:#FFF;
	text-align:center;
	padding-top:6px;
}
/*----------title----------*/
.title {
	border:0;
	margin:0 auto;
	border-collapse:collapse;
	background:#6FAED6;
}
.title td {
	height:24px;
	padding:0;
	vertical-align:middle;
	border:1px #ddd solid;
	border-bottom: 0;
	font-size:12px;
	color:#000;
	background:#eee;
}
.title h3 {
	padding-top:3px;
	font-size:14px;
}
.subtitle {
	font-weight:bold;
	background:#EFEFEF;
}
/*----------button----------*/
.button {
	display:block;
	width:60px;
	height:16px!important;
	height:20px;
	text-align:center;
	padding-top:4px;
	background:url(/images/button.gif) no-repeat;
}
a.button:link, a.button:visited, a.button:active {
	color: #000000;
	text-decoration: none;
}
a.button:hover {
	color: #000000;
	text-decoration: none;
	background: url(/images/button2.gif) no-repeat;
}
/*----------button2----------*/
.button2 {
	display:block;
	width:60px;
	height:16px!important;
	height:20px;
	text-align:center;
	padding-top:4px;
	background:url(/images/button3.gif) no-repeat;
}
a.button2:link, a.button2:visited, a.button2:active {
	color: #000000;
	text-decoration: none;
}
a.button2:hover {
	color: #000000;
	text-decoration: none;
	background: url(/images/button4.gif) no-repeat;
}
/*----------nav----------*/
.nav {
	right:0px;
	/* width:980px; */
	height:27px;
	font-size:12px;
	text-align:right;
	bottom:0px;
	position:absolute;
	/* padding-left: 460px; */
	z-index: 1000;
}

.navbtn {
	float:left;
	width:100px;
	height:20px!important;
	height:27px;
	padding-top:6px;
	text-align:center;
	vertical-align:middle;
	background:url(/images/menubutton2.jpg) no-repeat;
	margin-left:2px;
	border-radius: 5px 5px 0px 0px;
	border: 1px solid #fff;
	border-bottom: none;
}
a.navbtn:link, a.navbtn:visited, a.navbtn:hover, a.navbtn:active {
	color: #FFFFFF;
	text-decoration: none;
	margin-left:2px;
}
.navbtn2 {
	float:left;
	width:100px;
	height:20px!important;
	height:27px;
	padding-top:6px;
	text-align:center;
	vertical-align:middle;
	margin-left:2px;
	background:url(/images/menubutton1.jpg) no-repeat;
	border-radius: 5px 5px 0px 0px;
	border: 1px solid #777;
	border-bottom: none;
}
a.navbtn2:link, a.navbtn2:visited, a.navbtn2:active {
	color: #FFFFFF;
	text-decoration: none;
	margin-left:2px;
}
a.navbtn2:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: url(/images/menubutton2.jpg) no-repeat;
	margin-left:2px;
}
/*----------subnav----------*/

.subnav a {
	display:block;
	float:left;
	margin-left: 15px !important;
	margin-top: 5px;
	font-size: 12px;
	text-align: left;
	font-family: "微软雅黑";
}

#status_subnav a, #params_subnav a, #logs_subnav a, #setting_subnav a, #service_subnav a {
	width: 200px;
}
#params_subnav a:first-child {
	/* margin-top: 25px; */
}
#logs_subnav a:first-child {
	/* margin-top: 20px; */
}
#service_subnav a:first-child {
	/* margin-top: 30px; */
}
#status_subnav, #params_subnav, #logs_subnav, #setting_subnav, #service_subnav {
	display: none;
	position: absolute;
	font-size:12px;
	z-index: 99999;
	background: -moz-linear-gradient(top, #4487be 0%, #285373 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4487be), color-stop(100%,#285373));
    background: -webkit-linear-gradient(top, #4487be 0%,#285373 100%);
    background: -o-linear-gradient(top, #4487be 0%,#285373 100%);
    background: -ms-linear-gradient(top, #4487be 0%,#285373 100%);
    background: linear-gradient(to bottom, #4487be 0%,#285373 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4487be', endColorstr='#285373');
	border-radius: 0px 0px 5px 5px;
	border: 1px solid #fff;
	border-top: none;
	padding: 10px 0px;
}
#status_subnav {
	width:300px;
	top:93px;
    right: 216px;
    /* right: 208px; */
}
#params_subnav {
	height:120px;
	width:300px;
	top:93px;
    right: 112px;
   /*  right: 106px; */
}
#logs_subnav {
	height:153px;
	width:300px;
	top:93px;
    right: 8px;
    /* right: 4px;	 */
}
#setting_subnav {
	width:300px;
	top:93px;
    right: 104px;
    /* right: 102px; */
}
#service_subnav {
	height:120px;
	width:300px;
	top:93px;
    right: 0px;
}

#params_subnav > .imgposition {
	position: absolute;
	top:0px;
	left: 100px;
}
#service_subnav > .imgposition {
	position: absolute;
	top:0px;
	left: 100px;
}
.imgposition {
	position: absolute;
	top:10px;
	left: 100px;
}

.content:nth-child(2) table:nth-child(2) tr:nth-child(1) td:nth-child(3){display:none;}
.content:nth-child(2) table:nth-child(2) tr:nth-child(2) td:nth-child(3){display:none;}



.jindun_flowchart{background:#fff;overflow: hidden}
.jindun_flowchart img{/* max-width: 502px */}
.content .list td{height: 21px;}
.content.zjsz table  td{height: 28.5px}
.content.zjsz table:first-child td{height: 24px}
.content.zjsz  td input{
border: 1px #e4e3e3 solid;
    padding: 2px 2px 2px 5px;
    outline: none}
    
.content.zjsz table{    background-color: #ddd !important}    
 .btn-bc{background: #3979f1;padding: 5px 15px;color: #fff;border: 0;border-radius: 3px;}
.clearfix{clear: both}


.chaj table{background-color:#ddd !important}


.content.zjsz input[name="param_gateway_mac"],.content.zjsz input[name="param_gateway_ip"],.content.zjsz input[name="param_setting_addr"]{width: 88% !important}

.content.zjsz input[name="param_flowlimit_incoming_bps"]{width: 42% !important}
.content.zjsz input[name="param_flowlimit_incoming_pps"]{width: 42% !important}
.content.zjsz input[name="param_flowlimit_outgoing_bps"]{width: 42% !important}
.content.zjsz input[name="param_flowlimit_outgoing_pps"]{width: 42% !important}
.content.zjsz input[name="param_param_set"]{width: 70% !important}
.content.zjsz input[name="param_portpro_set_tcp"]{width: 70% !important}
.content.zjsz input[name="param_filter_set"]{width: 70% !important}
.content.zjsz input[name="param_portpro_set_udp"]{width: 70% !important}


.content.zjsz table tr:nth-child(4) td{background: #f2f2f2 !important}
.content.zjsz table tr:nth-child(9) td{background: #f2f2f2 !important}

.content.zjsz table tr:nth-child(10) td{text-align: left !important;padding-left: 20px}
.content.zjsz table tr:nth-child(11) td{text-align: left !important;padding-left: 20px}
.content.zjsz table tr td:nth-child(1){width: 15% !important;text-align: right !important;padding-right: 15px}

.content.zjsz table:first-child tr td{text-align: center !important;}




input[type="checkbox"]{display: inline-block;  
    vertical-align: middle;  
    width: 17px;  
    height: 16px;   
    -webkit-appearance: none;  
    background-color: transparent;  
    border: 2px solid #888 !important;   
    border-radius: 2px;
    outline: 0 !important;  
    line-height: 20px;  
    color: #d8d8d8; 
    position: relative}
    
 input[type=checkbox]:after  {  
    content: "";  
    display:block;  
    width: 17px;  
    height: 16px;  
    text-align: center;  
    line-height: 14px;  
    font-size: 16px;  
    color: #fff;  
    box-sizing:border-box;  
}  
.input_checked:checked{background: #1e88e5;border-color: #1e88e5}
.input_checked:checked:after  { 
    content: '';  
    position: absolute;  
    width: 9px;  
    height: 5px;  
    background: transparent;  
    top: 2px;  
    left: 2px;  
    border: 2px solid #fff;  
    border-top: none;  
    border-right: none;  
    -webkit-transform: rotate(-45deg);  
    -moz-transform: rotate(-45deg);  
    -o-transform: rotate(-45deg);  
    -ms-transform: rotate(-45deg);  
    transform: rotate(-45deg);  
}  
.input_no_checked:checked:after {
	border: 2px solid #e1e1e1;
    border-top: none;
    border-right: none;
}
.chaj input[type=checkbox]{margin-top: 2px;}

input[disabled="disabled"]{background: none;
    border-color: #e1e1e1 !important;
    color: #ddd;
    cursor: not-allowed !important; 
}
input[disabled="disabled"]:after  { 
    content: '';  
    position: absolute;  
    width: 9px;  
    height: 5px;  
    background: transparent;  
    top: 2px;  
    left: 2px;  
    /* border: 2px solid #e1e1e1;   */
    border-top: none;  
    border-right: none;  
    -webkit-transform: rotate(-45deg);  
    -moz-transform: rotate(-45deg);  
    -o-transform: rotate(-45deg);  
    -ms-transform: rotate(-45deg);  
    transform: rotate(-45deg);  
}
#rateview{display:none;}