[v-cloak]{
	display: none !important;
}


* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
input::-ms-clear,input::-ms-reveal{
    display: none;
}
body {
	background-color: #2e2e2e;
	font-family: Arial;
}

a{
	cursor: pointer;
}
.top_fix {
	height: 171px;
}
.header {
	width: 100%;
	height: 121px;
	background-color: #323232;
	position: fixed;
	z-index: 100;
}

.guide {
	width: 100%;
	height: 50px;
	background-color: #1e1e1e;
	position: fixed;
	top: 121px;
	z-index: 100;
	/* overflow: hidden; */
}

.contenter {
	width: 1248px;
	margin: 0 auto;
}

/* #contenter{
			width: 1248px;
			margin: 0 auto;
		} */

.data_usage {
	width: 861px;
	border-radius: 8px;
}

.active {
	color: #00E2FF;
}
.fota_loading{
	position: absolute;
	top: 300px;
	left: 45%;
	width: 500px;
	height: 300px;
	/* background-color: white; */
}
.fota_p{
	font-size: 18px;
	font-weight: 500;
	color: #007BFF;
	text-align: center;
}
.pro_image .wan{
	position: absolute;
	left: 35px;
	top: 96px;
  	font-family: Arial;
  	font-size: 14px;
  	font-weight: bold;
  	color: #ffffff;
}

.pro_image .lan{
	position: absolute;
	right: 20px;
	top: 96px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}
.content_all {
	width: 1600px;
	height: 700px;
	position: absolute;
	left: 300px;
	top: 174px;
	margin: 0 auto;
}

.content {
	width: 946px;
	height: 700px;
	margin: 0 auto;
	position: relative;
	/* left: 0px;
			top:0px; */

}
.about {
	height: 265px;
	width: 861px;
	position: relative;
	left: 387px;
	margin-top: 64px;
}

.about p {
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
	padding-left: 32px;
}

.about_info {
	height: 200px;
	width: 861px;
	margin-top: 24px;
	background-color: rgba(255, 255, 255, 0.03);
}

.guide ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	/* overflow: hidden; */
	background-color: #1e1e1e;
}

.guide li {
	/* float: left; */
	display: table-cell;
}

.guide li a {
	display: block;
	color: #ffffff;
	text-align: center;
	padding: 17px 0;
	text-decoration: none;
	width: 200px;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.29px;
	background-color: #1e1e1e;
}

/*鼠标移动到选项上修改背景颜色 */
.guide a:hover {
	background-color: rgb(52,52,52)
}

.guide a:active {
	color: #00e2ff;
}

.logo {
	height: 59px;
	width: 241px;
	margin-top: 31px;
	margin-left: 49px;
	display: inline;
	float: left;

}

.logo p {
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.29px;
	color: #ffffff;
}

.head_info {
	width: 400px;
	height: 49px;
	margin-top: 31px;
	margin-right: 48px;
	display: inline;
	float: right;
}

.logo_p {
	width: 400px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #00e2ff;
	text-align: right;
}

.span2 {
	margin-left: 15px;
}

.span1 {
	padding-left: 35px;
	display: inline;
	cursor:pointer;
	/* float: left; */
}

.vesion_p {
	margin-top: 17px;
	width: 400px;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.29px;
	color: #ffffff;
	text-align: right;
}

/* john */

.pro_image {
	float: left;
	width: 97px;
	height: 126px;
	margin-left: 123px;
	margin-top: 44px;
	left: 123px;
}

.pro_image .right_img{
	position: absolute;
	width: 21px;
	height: 21px;
	left: 44px;
	top: 121px;
}

.pro_image .wrong_img{
	position: absolute;
	width: 21px;
	height: 21px;
	right: 25px;
	top: 121px;
}

.pro_image .split_line_one{
	position: absolute;
	color: #a4a4a4;
	font-size: 33px;
	left: 76px;
	top: 104px;
}

.pro_image .split_line_two{
	position: absolute;
	color: #a4a4a4;
	font-size: 33px;
	right: 60px;
	top: 104px;
}
.img_pro_image {
	width: 109px;
	height: 122px;
	margin-left: 0px;
	margin-top: 0px;
	left: 0px;
	
}

.sim_check {
	position: relative;
	left: 130px;
	height: 14px;
	width: 150px;
	margin-top: 5px;
	display: flex;
}

.sim_span {
    width: 15px;
    height: 15px;
	border-radius: 50%;
	border: 1.5px solid #FFFFFF;
	background-color: #fff;

}
.sim_check img{
	width: 14px;
	height: 14px;
	position: relative;
}

.sim_check .p2 {
	width: 125px;
	height: 14px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ff465d;
	margin-left: 4px;
}


.ip_info {
	position: relative;
	width: 339px;
	height: 549px;
    background-color: rgb(30,30,30,0.5);
	top:48px;
	left: 0px;
	border-radius: 8px;
}



.ip_info .span2 {
	display: inline-block;
	font-size: 22px;
	color: #ffffff;
	font-family: Arial;
	margin-left: 30px;
	margin-top: 23px;
}

.ip_info table {
	margin-top: 32px;
    margin-left: 40px;
}

.ip_info table tr :first-child {
	text-align: right;
	color: #a4a4a4;
	font-size: 12px;
}

.ip_info table tr :last-child {
	color: #ffffff;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
}

.ip_info a{
	position: absolute;
	left:99px;
	bottom: 32px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
    color: #00e2ff;
    text-decoration-line: none;
    padding-right: 32px;
    padding-bottom: 5px;
}
.data_usage p {
	position: relative;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	left: -188px;
}

.usage_info {
	width: 861px;
	margin-top: 22px;
	background-color: rgba(255, 255, 255, 0.03);
	padding-left: 24px;
	border-radius: 8px;
	margin-bottom: 48px;
	/* height: 680px; */
}
.contenter .cellular_Connection{
	width: 628px;
	position: relative;
	left: 387px;
	margin-top: -555px;
}
.contenter .cell_connection_til{
	margin-left: 38px;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
}

.usage_info .network_quality {
	display: inline-block;
	margin-top: -8px;
	width: 800px;
	border-top: 1px solid  #4c4c4c;
}
.data_usage .network_quality_til{
	padding-top: 32px;
	margin-left: 203px;
	color:#ffffff;
    font-family: Arial;
    font-size: 14px;
  	font-weight: bold;
  	color: #ffffff;
}
.usage_info .network_quality tr td:nth-child(odd){
	
	width: 90px;
	height: 14px;
	margin: 2px 16px 0 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: 500;
	color: #a4a4a4;
}

.usage_info .network_quality tr td:nth-child(even) {
	text-align: left;
	width: 80px;
	height: 16px;
	margin: 0 0 0 16px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

.data_usage .connect_4gor5g {
	width: 300px;
	margin-left: 15px;
}

.data_usage .conn_4g_til {
	float: left;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #00e2ff;
	padding-right: 10px;
}

.data_usage .connection_til {
	float: left;
	color: #ffffff;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
}
.usage_info .conn_4g  {
	width: 800px;
	border-top: 1px solid#4c4c4c;
	margin-top: 28px;
}
.usage_info .conn_4g tr th{
	float: left;
	font-family: Arial;
	font-size: 12px;
	font-weight: 500;
	color: #ffffff;
}

.usage_info .conn_4g tr td:nth-child(odd){
	height: 16px;
	width: 80px;
	font-family: Arial;
	font-size: 12px;
	font-weight: 500;
	color: #a4a4a4;
}

.usage_info .conn_4g tr td:nth-child(even) {
	text-align: left;
	width: 80px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

.usage_info .statistics  {
	width: 800px;
	border-top: 1px solid #4c4c4c;
}

.data_usage .statistics_til{
	margin-left: 200px;
	padding-top: 20px;
	font-family: Arial;
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

.usage_info .statistics tr td:nth-child(odd){
	height: 16px;
	width: 80px;
	font-family: Arial;
	font-size: 12px;
	font-weight: 500;
	color: #a4a4a4;
}

.usage_info .statistics tr td:nth-child(even) {
	text-align: left;
	width: 80px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
.usage_info .wan_information  {
	width: 800px;
	border-top: 1px solid #4c4c4c;
}

.data_usage .wan_information_til{
	margin-left: 200px;
	margin-bottom: 8px;
	color:#ffffff;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
}

.usage_info .wan_information tr td:nth-child(odd){
	height: 16px;
	width: 114px;
	font-family: Arial;
	font-size: 12px;
	font-weight: 500;
	color: #a4a4a4;
}

.usage_info .wan_information tr td:nth-child(even) {
	text-align: left;
	width: 114px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
.local_connection{
	margin-top: 22px;
	position: relative;
	width: 700px;
}

.local_connection .local_connection_til{
	margin-left: 425px;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
}

.local_connection .local_connection_inf {
	width: 861px;
	margin-left: 386px;
	margin-top: 22px;
	padding-left: 24px;
	padding-top: 30px;
	background-color: rgba(255, 255, 255, 0.03);
	border-radius: 8px;
	margin-bottom: 48px;
}

.local_connection .local_connection_inf .ethernet_til {
	font-family: Arial;
	margin-left: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

.local_connection .local_connection_inf .ethernet{
	width: 800px;
	border-top: 1px solid  #4c4c4c;
	margin-top: 10px;
	padding-bottom: 20px;
}

.local_connection .local_connection_inf .ethernet tr td:nth-child(odd){
	height: 16px;
	width: 80px;
	font-family: Arial;
	font-size: 12px;
	font-weight: 500;
	color: #a4a4a4;
}

.local_connection .local_connection_inf .ethernet tr td:nth-child(even) {
	text-align: left;
	width: 80px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

.local_connection .local_connection_inf .serial_port_til {
	margin-left: 20px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

.local_connection .local_connection_inf .serial_port{
	width: 800px;
	border-top: 1px solid#4c4c4c;
	margin-top: -12px;
}

.local_connection .local_connection_inf .serial_port tr td:nth-child(odd){
	height: 16px;
	width: 80px;
	font-family: Arial;
	font-size: 12px;
	font-weight: 500;
	color: #a4a4a4;
}

.local_connection .local_connection_inf .serial_port tr td:nth-child(even) {
	text-align: left;
	width: 80px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
.device_info{
	margin-left: 386px;
	margin-top: 22px;
}

.device_info .equipment_inf {
	height: 230px;
	width: 861px;
	margin-top: 22px;
	padding-left: 24px;
	padding-top: 30px;
	background-color: rgba(255, 255, 255, 0.03);
	border-radius: 8px;
}

.device_info  .device_info_til {
	margin-left: 38px;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
}

.device_info .equipment_inf .equipment_inf_til {
	margin-left: 20px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

.device_info .equipment_inf .equipment_inf_table{
	width: 800px;
	border-top: 1px solidd#4c4c4c;
	margin-top: 10px;
	padding-bottom: 20px;
}

.device_info .equipment_inf .equipment_inf_table tr td:nth-child(odd){
	height: 16px;
	width: 80px;
	font-family: Arial;
	font-size: 12px;
	font-weight: 500;
	color: #a4a4a4;
}

.device_info .equipment_inf .equipment_inf_table tr td:nth-child(even) {
	text-align: left;
	width: 80px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}



.apn_info {
	width: 861px;
	height: 220px;
	margin-top: 24px;
	background-color: rgba(255, 255, 255, 0.03);
	border-radius: 8px;
}

.apn_info table {
	position: relative;
	top: 32px;
	left: 32px;
	border-collapse: inherit;
}

.about_info table tr :first-child,
.apn_info table tr :first-child {
	text-align: left;
	width: 152px;
	color: #a4a4a4;
	font-family: Arial;
	font-size: 14px;
	font-weight: 300;
	color: #ffffff;
}

.about_info table tr :last-child,
.apn_info table tr :last-child {
	height: 16px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

.side {
	width: 300px;
	/* background-color: rgba(28, 28, 28, 0.5); */
	height: 800px;
	position: fixed;
	background-color: #303030;
	box-shadow: 6px 2px 17px 2px rgba(28, 28, 28, 0.5);
	border-right: 2px solid #2e2e2e;
}

.ul_side {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 300px;
	height: 800px;
	overflow: auto;
	padding-top: 40px;
	text-decoration: none;
}

.ul_side a {
	display: block;
	color: #ffffff;
	padding: 12px 0 12px 70px;
	text-decoration: none;
	width: 300px;
	font-family: Arial;
	font-size: 16px;
	/* font-weight: bold; */
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
}

.ul_side a:hover {
	background-color: rgb(255, 255, 255,0.1);
}

.ul_side a:active {
	color: #00e2ff;
}

.secend {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 300px;
	overflow: auto;
	text-decoration: none;
}

.secend a {
	display: block;
	color: #ffffff;
	padding: 8px 0 8px 94px;
	text-decoration: none;
	width: 300px;
	font-family: Arial;
	font-size: 13px;
	/* font-weight: bold; */
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
}

.secend a:hover {
	background-color: rgb(255, 255, 255,0.1);
}

.secend a:active {
	color: #00e2ff;
}

.content_p1 {
	font-family: Arial;
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.5px;
	color: #ffffff;
	margin-top: 48px;
}

.content_tab {
	width: 946px;
	border: solid 1px #4c4c4c;
	text-align: center;
	margin-top: 48px;
}

.content_tab tr {
	height: 64px;
}

.content_tab td {
	font-family: Arial;
	font-size: 16px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
    border: solid 1px #4c4c4c;
}

.content th {
	background-color: #1e1e1e;
	font-family: Arial;
	border: solid 1px #4c4c4c;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.29;
	letter-spacing: normal;
	color: #a4a4a4;
}


.content_tab tr td:last-child {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #00e2ff;
}

.content_p2 {
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.29;
	letter-spacing: normal;
	color: #ffffff;
}

.select_net {
	width: 436px;
	height: 50px;
	margin: 8px 0 0;
	padding: 11px 24px 13px 26px;
	opacity: 0.2;
	border-radius: 8px;
	border: solid 2px rgba(255, 255, 255, 0.47);
	background-color: rgba(255, 255, 255, 0.14);
	font-family: Arial;
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
}



		/* about by join */
		/* dhcp_server */

		.dhcp_server_set #dhcp_til{
			display: inline-block;
			margin-top: 48px;
			font-family: Arial;
			font-size: 24px;
			letter-spacing: -0.5px;
			color: #ffffff;
		}
		.dhcp_server_set #set_til{
 			margin-top: 64px;
 			font-family: Arial;
 			font-size: 18px;
 			font-weight: bold;
  			color: #ffffff;
		}

		.dhcp_server_set table tr td:first-child{
			display: inline-block;
			height: 36px;
			line-height: 36px;
			font-family: Arial;
			font-size: 16px;
			font-weight: 300;
			color: #ffffff;
			margin-top: 24px;
			padding-right: 32px;
		}
		.dhcp_server_set table .dhcp{
			width: 60px;
			height: 36px;
			margin: 24px 11px 0 11px;
			padding: 9px 16px 8px 12px;
			/* opacity: 0.2; */
			border: 0px;
			background-color: #1F1F1F;
			font-family: Arial;
			font-size: 16px;
			font-weight: 500;
			color: #ffffff;
		}
		.dhcp_server_set,
		.dhcp_server_con td{
			font-family: Arial;
			font-size: 16px;
			font-weight: 500;
			color: #ffffff;
		}

		.dhcp_server_con #con_til{
			display: inline-block;
			margin-top: 75px;
			font-family: Arial;
			font-size: 18px;
			font-weight: bold;
			color: #ffffff;
		}
		.dhcp_server_con table tr td:first-child{
			display: inline-block;
			height: 36px;
			line-height: 36px;
			font-family: Arial;
			font-size: 16px;
			font-weight: 300;
			color: #ffffff;
			padding-right: 50px;
		}


		.dhcp_server_con .mode_choose{	
			width: 700px;
			height: 25px;
			overflow: hidden;
			margin-top: 24px;
		}
		.dhcp_server_con #mode_choose1{
			margin-top: 64px;
		}
		.dhcp_server_con #mode_choose2{
			margin-top: 25px;
		}
		
		.dhcp_server_con .mode_choose span{
			float: left;
			font-family: Arial;
			font-size: 16px;
			font-weight: 300;
			color: #ffffff;
		}

		.dhcp_server_con .mode_choose p{
			float: left;
			height: 19px;
			font-family: Arial;
			font-size: 16px;
			font-weight: 500;
			color: #ffffff;
		}
		.dhcp_server_con .mode_choose #box1{
			float: left;
			margin-left:66px;
		}
		.dhcp_server_con .mode_choose #box2{
			float: left;
			margin-left: 32px;
		
		}
		.dhcp_server_con table{
			display: inline-block;
			margin-top: 24px;
		}
		 .dhcp_server_con table tr td :first-child{
			display: inline-block;
			height: 36px;
			line-height: 36px;
			font-family: Arial;
			font-size: 16px;
			font-weight: 300;
			color: #ffffff;
			/* padding-right: 45px; */
		}
		.dhcp_server_con table .dhcp{
			width: 60px;
			height: 36px;
			margin: 0px 11px 0 11px;
			padding: 9px 15px 8px 12px;
			/* opacity: 0.2; */
			border: 0px;
			background-color: #1F1F1F;
			font-family: Arial;
			font-size: 16px;
			font-weight: 500;
			color: #ffffff;
		}
		.dhcp_server_con table #inp_time{
			width: 142px;
			height: 36px;
			margin: 32px;
			padding: 9px 90px 8px 40px;
			/* opacity: 0.2; */
			border: 0px;
			background-color: #1F1F1F;
			color: #FFFFFF;
		}
		.dhcp_server_con #til_time{
			float: left;
			margin-top: 24px;
			height: 36px;
			line-height: 36px;
			font-family: Arial;
			font-size: 16px;
			font-weight: 300;
			color: #ffffff;
		}
		
		.dhcp_server_con #inp_time{
			float: left;
			width: 142px;
			height: 36px;
			margin: 24px 8px 0 40px;
			padding: 9px 9px 8px 12px;
			/* opacity: 0.2; */
			border: 0px;
			background-color: #1F1F1F;
			color: #FFFFFF;
		}
		.dhcp_server_con #time_wage{
			float: left;
			width: 105px;
			height: 19px;
			margin: 33px 0 8px 8px;
			font-family: Arial;
			font-size: 16px;
			font-weight: 500;
			color: #ffffff;
		}
		.dhcp_server_con .btn{
			float: left;
			width: 156px;
			height: 60px;
			margin-top: 132px;
			margin-left: -443px;
			padding: 22px 0 22px 1px;
			border-radius: 30px;
			background-color: #00a2b6;
			font-family: Arial;
			font-size: 14px;
			font-weight: bold;
			text-align: center;
			color: #ffffff;
			border: 0px;
		}

		/* firewall */
		.firewall #des_til{
			display: inline-block;
			margin-top: 48px;
			font-family: Arial;
			font-size: 24px;
			letter-spacing: -0.5px;
			color: #ffffff;
		}

		.firewall #des_page{
			width: 827px;
			height: 18px;
			margin-top: 24px;
			font-family: Arial;
			font-size: 14px;
			line-height: 1.29;
			color: #a4a4a4;
		}


		.firewall .mode_choose{	
			width: 700px;
			height: 25px;
			overflow: hidden;
			
		}
		.firewall #mode_choose1{
			margin-top: 64px;
		}
		.firewall #mode_choose2{
			margin-top: 25px;
		}
		
		.firewall .mode_choose span{
			float: left;
			height: 19px;
			width: 156px;
			font-family: Arial;
			font-size: 16px;
			font-weight: 300;
			color: #ffffff;
		}

		.firewall .mode_choose p{
			float: left;
			height: 19px;
			font-family: Arial;
			font-size: 16px;
			font-weight: 500;
			color: #ffffff;
		}
		.firewall .mode_choose #box1{
			float: left;
			margin-left: 32px;
		}
		.firewall .mode_choose #box2{
			float: left;
			margin-left: 32px;
		}
	
		.firewall #apply{
			width: 156px;
			height: 60px;
			margin-top: 56px;
			padding: 22px 0 22px 1px;
			border-radius: 30px;
			background-color: #00a2b6;
			font-family: Arial;
			font-size: 14px;
			font-weight: bold;
			text-align: center;
			color: #ffffff;
			border: 0px;
		}

		/* ip address filtering */
	
		.ip_address_filtering #des_til{
			display: inline-block;
			margin-top: 48px;
			font-family: Arial;
			font-size: 24px;
			letter-spacing: -0.5px;
			color: #ffffff;
		}

		.ip_address_filtering #des_page{
			width: 827px;
			height: 18px;
			margin-top: 24px;
			font-family: Arial;
			font-size: 14px;
			line-height: 1.29;
			color: #a4a4a4;
		}

		.ip_address_filtering table {
			margin-top: 64px;
			margin-left: -6px;
		}

		.ip_address_filtering table :first-child{
		
			height: 16px;
			font-family: Arial;
			font-size: 14px;
			font-weight: 300;
			color: #ffffff;
		}

		.ip_address_filtering table :last-child{
			text-align: left;
			height: 16px;
			font-family: Arial;
			font-size: 14px;
			font-weight: bold;
			color: #ffffff;
			padding-left: 13px;
		}

		.ip_address_filtering .mode_choose{	
			width: 700px;
			height: 25px;
			margin-top: 48px;
			overflow: hidden;
			
		}
		
		.ip_address_filtering .mode_choose span{
			float: left;
			width: 147px;
			height: 19px;
			font-family: Arial;
			font-size: 16px;
			font-weight: 300;
			color: #ffffff;
		}

		.ip_address_filtering .mode_choose p{
			float: left;
			width: 62px;
			height: 19px;
			margin-left: 0px;
			font-family: Arial;
			font-size: 16px;
			font-weight: 500;
			color: #ffffff;
		}
		.ip_address_filtering .mode_choose #box1{
			float: left;
			margin-left: -10px;
		}
		.ip_address_filtering .mode_choose #box2{
			float: left;
			margin-left: 18px;
		}
	

		.ip_address_filtering button{
			display: inline-block;
			width: 156px;
			padding: 20px 48px;
			margin-top:64px;
			border-radius: 30px;
			border: 0px;
			background-color: #00a2b6;
			font-family: Arial;
			font-size: 14px;
			font-weight: bold;
			text-align: center;
			color: #ffffff;
		}
		.filtering_rules {
			width: 946px;
			margin-top:88px;
		}

		.filtering_rules .des_til{
			float: left;
			font-family: Arial;
			font-size: 18px;
			font-weight: bold;
			color: #ffffff;
		}

		.filtering_rules #add_new{
			float: right;
 			font-family: Arial;
  			font-size: 14px;
  			font-weight: bold;
  			text-align: right;
			color: #00e2ff;
			text-decoration-line: none;
			margin-right: -130px;
			margin-top: 10px;
		}
		.filtering_rules .content_tab2{

			width: 946px;
			border: none;
			text-align: left;
			margin-top: 24px;
		}
		.filtering_rules .content_tab2 tr {
			height: 64px;
		}
		.filtering_rules .content_tab2 td{
			font-family: Arial;
			  font-size: 16px;
			  font-weight: 300;
			  color: #ffffff;
			
		}
		.filtering_rules  .content_tab2 th {
			background-color: #1e1e1e;
			font-family: Arial;
			font-size: 14px;
			line-height: 1.29;
			color: #a4a4a4;
		}
		.filtering_rules  .content_tab2 tr :first-child{
			padding-left: 36px;
		}
		


		/* port forwarding */
		
		.content .port_forwarding{
			width: 1000px;
			margin-top: 48px;
		}

.content .port_forwarding #title {
	width: 139px;
	height: 29px;
	font-family: Arial;
	font-size: 24px;
	letter-spacing: -0.5px;
	color: #ffffff;
}

.content .port_forwarding #des1 {
	width: 827px;
	height: 18px;
	margin-top: 24px;
	font-family: Arial;
	font-size: 14px;
	line-height: 1.29;
	color: #a4a4a4;
}

.content .port_forwarding #des2 {

	height: 16px;
	margin-top: 16px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #e08c23;
}

.content .port_forwarding a {
	display: inline-block;
	text-decoration: none;
	margin-top: 64px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	color: #00e2ff;
}
.edit_port_forearding,.edit_connection_status{
	z-index: 102;
	position: absolute;
	width: 628px;
	top: 35px;
	left: 50%;
	transform: translateX(-50%);
	padding: 50px 96px 52px;
	border-radius: 8px;
	box-shadow: 0 0 16px -8px rgba(0, 0, 0, 0.5);
	background-color: #323232;
	/* display: none; */
	color: #FFFFFF;
}
.edit_port_forearding_ntp{
	height: 800px;
}



.add_new_apn_table{
	z-index: 102;
	position: absolute;
	height: 1040px;
	width: 628px;
	top: 35px;
	left: 50%;
	transform: translateX(-50%);
	padding: 50px 96px 52px;
	border-radius: 8px;
	box-shadow: 0 0 16px -8px rgba(0, 0, 0, 0.5);
	background-color: #323232;
	/* display: none; */
	color: #FFFFFF;
}

.content .apn_pro_des {
	margin-top: 24px;
	font-family: Arial;
	font-size: 14px;
	line-height: 1.29;
	color: #a4a4a4;
}

.add_new_apn {
	/* display: inline-block; */
	margin-left: 515px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #00e2ff;
}

.edit_port_forearding #close,.add_new_apn_table #close,.edit_connection_status #close {
	position: absolute;
	top: 41px;
	right: 40px;
}

.edit_port_forearding #des,.add_new_apn_table #des,.edit_connection_status #des {

	width: 400px;
	font-family: Arial;
	font-size: 24px;
	letter-spacing: -0.5px;
	color: #ffffff;
}

.edit_port_forearding #page,.add_new_apn_table #page,.edit_connection_status #page {
	width: 400px;
	margin-top: 24px;
	margin-bottom: 5px;
	font-family: Arial;
	font-size: 14px;
	letter-spacing: -0.29px;
	color: #ffffff;
}

		.edit_port_forearding #page_choose,.add_new_apn_table #page_choose{
			width: 200px;
			height: 16px;
			margin: 14px 396px 8px 2px;
			margin-top: 10px;
			font-family: Arial;
			font-size: 14px;
			letter-spacing: -0.29px;
			color: #ffffff;
		}
		.edit_port_forearding input,.add_new_apn_table input,.edit_connection_status input {
			width: 436px;
			height: 50px;
			margin: 0;
			/* opacity: 0.2; */
			padding-left: 24px;
			border-radius: 8px;
			border: solid 2px rgba(255, 255, 255, 0.1);
			background-color: #424242;
			font-family: Arial;
			font-size: 14px;
			font-weight: 500;
			color: #fff
		}

		.edit_port_forearding .select .selectpicker,.add_new_apn_table .select .selectpicker{
	
			/* position: absolute; */
			width: 436px;
			height: 50px;
			/* margin: 8px 0 0; */
			padding: 12px 24px 12px 26px;
			opacity: 0.1;
			border-radius: 8px;
			border: solid 2px rgba(255, 255, 255, 0.47);
			background-color: rgba(255, 255, 255, 0.14);
		}

		.edit_port_forearding #btn,.add_new_apn_table #btn,.edit_connection_status #btn{
			width: 156px;
			height: 60px;
			margin-top: 54px;
			margin-left: -10px;
			border: 0px;
			padding: 22px 0 22px 1px;
			border-radius: 30px;
			background-color: #00a2b6;
			font-family: Arial;
			font-size: 14px;
			font-weight: bold;
			text-align: center;
			color: #ffffff;
		}

		.content_tab1{
			width: 1100px;
			border: solid 1px #4c4c4c;
			text-align: center;
			margin-top: 24px;
		}
		.content_tab1 tr {
			height: 64px;
		}
		.content_tab1 td{
			font-family: Arial;
			  font-size: 16px;
			  font-weight: 300;
			  font-stretch: normal;
			  font-style: normal;
			  line-height: normal;
			  letter-spacing: normal;
			  color: #ffffff;
			border: solid 1px #4c4c4c;
		}
		.content th {
			background-color: #1e1e1e;
			font-family: Arial;
			  font-size: 14px;
			  font-weight: normal;
			  font-stretch: normal;
			  font-style: normal;
			  line-height: 1.29;
			  border: solid 1px #4c4c4c;
			  letter-spacing: normal;
			  color: #a4a4a4;
		}
		.content_tab1 tr :first-child{
			/* padding-left: 36px; */
		}
	
		.all_ping{
			position: absolute;
			top: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.8);
			display: none;
		} 



/* upnp settings */

.content .upnp_settings {
	width: 1000px;
	margin-top: 48px;
}

.content .upnp_settings #title {
	width: 139px;
	font-family: Arial;
	font-size: 24px;
	letter-spacing: -0.5px;
	color: #ffffff;
}

.content .upnp_settings #des {

	margin-top: 24px;
	font-family: Arial;
	font-size: 14px;
	line-height: 1.29;
	color: #a4a4a4;
}

.upnp_settings .mode_choose {
	width: 700px;
	margin-top: 64px;
	overflow: hidden;
}


.upnp_settings .mode_choose span {
	float: left;
	font-family: Arial;
	font-size: 16px;
	font-weight: 300;
	color: #ffffff;
}

.upnp_settings #box1 {
	float: left;
	margin-left: 32px;
}

.upnp_settings #box2 {
	float: left;
	margin-left: 32px;
}

.upnp_settings .mode_choose p {
	float: left;
	width: 62px;
	font-family: Arial;
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
}

.content #upnp_settings_btn {
	width: 156px;
	height: 60px;
	margin-top: 64px;
	padding: 22px 0 22px 1px;
	border-radius: 30px;
	background-color: #00a2b6;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	border: 0px;
}



/* DMZ */

.content .dmz {
	width: 1000px;
	margin-top: 48px;
}

.content .dmz #title {
	width: 139px;
	height: 29px;
	font-family: Arial;
	font-size: 24px;
	letter-spacing: -0.5px;
	color: #ffffff;
}

.content .dmz #des {
	width: 862px;
	height: 36px;
	margin-top: 24px;
	font-family: Arial;
	font-size: 14px;
	line-height: 1.29;
	color: #a4a4a4;
}

		.dmz .mode_choose{	
			width: 700px;
			height: 25px;
			margin-top: 46px;
			overflow: hidden;
		}
	
		
		.dmz .mode_choose span{
			float: left;
	
			height: 19px;
			font-family: Arial;
			font-size: 16px;
			font-weight: 300;
			color: #ffffff;
		}
		.dmz #box1{
			float: left;
			margin-left: 32px;
		}
	
		.dmz #box2{
			float: left;
			margin-left: 32px;
		}
	
		.dmz .mode_choose p{
			float: left;
			width: 62px;
			height: 19px;
			font-family: Arial;
			font-size: 16px;
			font-weight: 500;
			color: #ffffff;
		}
		.dmz #hosp_ip_til{
			display: inline-block;
			width: 99px;
			height: 16px;
			margin-top: 45px;
			font-family: Arial;
			font-size: 14px;
			letter-spacing: -0.29px;
			color: #ffffff;
		}
		.dmz  #host_ip{
			width: 436px;
			height: 50px;
			margin-top: 30px;
			padding: 18px 20px 16px 24px;
			border-radius: 8px;
			border: solid 2px rgba(255, 255, 255, 0.1);
			background-color: #424242;;
			color: #fff;
			font-size: 15px;
		}

.content #dmz_btn {
	width: 156px;
	height: 60px;
	margin-top: 116px;
	padding: 22px 0 22px 1px;
	border-radius: 30px;
	background-color: #00a2b6;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	border: 0px;
}






/* vpn pass-through */


.content .vpn_pass_through {
	width: 1000px;
	margin-top: 48px;
}

.content .vpn_pass_through #title {
	width: 139px;
	height: 29px;
	font-family: Arial;
	font-size: 24px;
	letter-spacing: -0.5px;
	color: #ffffff;
}

.content .vpn_pass_through #des1 {
	width: 827px;
	height: 18px;
	margin-top: 24px;
	font-family: Arial;
	font-size: 14px;
	line-height: 1.29;
	color: #a4a4a4;
}

.content .vpn_pass_through #des2 {

	height: 16px;
	margin-top: 16px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #e08c23;
}

.vpn_pass_through .mode_choose {
	width: 700px;
	height: 25px;
	margin-top: 64px;
	overflow: hidden;
}


.vpn_pass_through .mode_choose span {
	float: left;

	height: 19px;
	font-family: Arial;
	font-size: 16px;
	font-weight: 300;
	color: #ffffff;
}

.vpn_pass_through #box1 {
	float: left;
	margin-left: 32px;
}

.vpn_pass_through #box2 {
	float: left;
	margin-left: 32px;
}

.vpn_pass_through .mode_choose p {
	float: left;
	height: 19px;
	font-family: Arial;
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
}

.content #vpn_btn {
	width: 156px;
	height: 60px;
	margin-top: 64px;
	padding: 22px 0 22px 1px;
	border-radius: 30px;
	background-color: #00a2b6;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	border: 0px;
}




/* bridge mode */
.content .bridge_mode {
	width: 1000px;
	margin-top: 48px;
}

.content .bridge_mode #title {
	width: 139px;
	height: 29px;
	font-family: Arial;
	font-size: 24px;
	letter-spacing: -0.5px;
	color: #ffffff;
}

.content .bridge_mode #des {
	width: 862px;
	height: 36px;
	margin-top: 24px;
	font-family: Arial;
	font-size: 14px;
	line-height: 1.29;
	color: #a4a4a4;
}

.bridge_mode .mode_choose {
	width: 700px;
	height: 25px;
	margin-top: 46px;
	overflow: hidden;
}


.bridge_mode .mode_choose span {
	float: left;
	width: 134px;
	height: 19px;
	font-family: Arial;
	font-size: 16px;
	font-weight: 300;
	color: #ffffff;
}

.bridge_mode #box1 {
	float: left;
	margin-left: 9px;
}

.bridge_mode #box2 {
	float: left;
	margin-left: 34px;
}

.bridge_mode .mode_choose p {
	float: left;
	width: 62px;
	height: 19px;
	font-family: Arial;
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
}

.content .bridge_mode .dis_apply{
	background-color: gray;
}
.reb_des {
	font-family: Arial;
	font-size: 14px;
	margin-top: 24px;
	line-height: 1.29;
	color: #a4a4a4;
}

.content #bridge_btn {
	width: 156px;
	height: 60px;
	margin-top: 116px;
	padding: 22px 0 22px 1px;
	border-radius: 30px;
	background-color: #00a2b6;
	border: 0px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}


/* wifi */
.sub_title {
	position: absolute;
	left: 0px;
	top: 48px;
	width: 700px;
	//height: 200px;
}
.sub_title .reb_til {
	font-family: Arial;
	font-size: 24px;
	letter-spacing: -0.5px;
	color: #ffffff;
}

/* data usage settings*/
.content .data_set {
	width: 1000px;
	height: 316px;
}

.content .data_set #data_del {
	display: inline-block;
	width: 223px;
	height: 29px;
	margin-top: 48px;
	font-family: Arial;
	font-size: 24px;
	letter-spacing: -0.5px;
	color: #ffffff;
}

.content .data_set p {
	margin-top: 24px;
	font-family: Arial;
	font-size: 14px;
	line-height: 1.29;
	color: #a4a4a4;
}

.content .data_set .progress {
	margin-top: 63px;
	width: 861px;
	height: 45px;
	border-radius: 4px;
	background-color: #3f3f3f;
}


.content .data_set .progress-bar {
	background-image: linear-gradient(to right, #2a5281 0%, #5fe1e6 100%);
}

.content .data_set #used {
	float: left;
	margin-top: 21px;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	overflow: hidden;

}

.content .data_set #total {
	float: left;
	margin-top: 21px;
	margin-left: 667px;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;


}

.content .data_set #reset {
	float: left;
	width: 41px;
	height: 100px;
	margin-top: 67px;
	margin-left: -868px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #00e2ff;
}

.content .mon_usage {
	width: 1000px;
	margin-top: 64px;

}

.content .mon_usage span {
	width: 183px;
	height: 21px;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
}

.content .mon_usage table {
	margin-top: 24px;
}

.content .mon_usage table tr :first-child {
	font-family: Arial;
	font-size: 14px;
	font-weight: 300;
	color: #ffffff;
}

.content .mon_usage table tr :last-child {
	padding-left: 36px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

.content .mon_usage p {
	margin-top: 32px;
	font-family: Arial;
	font-size: 14px;
	line-height: 1.29;
	color: #ffffff;
}

.content .mon_usage .select {
	width: 1000px;
}

.content .mon_usage .selectpicker {
	width: 463px;
	display: inline-block;
	margin: 8px 0 0;
	padding: 11px 24px 13px 26px;
	opacity: 0.2;
	border-radius: 8px;
	border: solid 2px rgba(255, 255, 255, 0.47);
	background-color: rgba(255, 255, 255, 0.14);
}



.content .mon_usage #apply {
	width: 156px;
	height: 60px;
	margin-top: 64px;
	padding: 21px 0 22px 1px;
	border-radius: 30px;
	border: 0px;
	background-color: #00a2b6;

	font-family: Arial;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1.4px;
	text-align: center;
	color: #ffffff;
}


/* backup/restore */
.content .backup #backup_tit {
	display: inline-block;
	width: 251px;
	height: 29px;
	font-family: Arial;
	font-size: 24px;
	letter-spacing: -0.5px;
	color: #ffffff;
	margin-top: 48px;
}

.content .backup #backup_des {
	width: 800px;
	height: 36px;
	margin-top: 24px;
	font-family: Arial;
	font-size: 14px;
	line-height: 1.29;
	color: #a4a4a4;
}

.content .backup .btn button {
	width: 156px;
	height: 60px;
	margin-top: 64px;
	padding: 21px 0 22px 1px;
	border-radius: 30px;
	border: 0px;
	background-color: #00a2b6;
	color: #ffffff;
	letter-spacing: 1.4px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
}


.content .backup .btn :nth-child(2) {
	width: 117px;
	height: 16px;
	margin-left: 32px;
	font-family: Arial;
	font-size: 14px;
	font-weight: 300;
	color: #ffffff;
}


.content .backup .btn :nth-child(3) {
	width: 86px;
	height: 16px;
	margin: 0 0 0 8px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

.content .back_file p {
	width: 65px;
	height: 16px;
	margin-top: 48px;
	font-family: Arial;
	font-size: 14px;
	font-weight: 500;
	color: #ffffff;
}

.content .back_file #ipt {
	width: 273px;
	height: 53px;
	margin-top: 12px;
	padding: 20px 51px 17px 16px;
	border-radius: 2px;
	border: solid 1px #979797;
	background-color: rgba(255, 255, 255, 0.14);
}

.content .back_file button {
	position: absolute;
	width: 171px;
	height: 45px;
	margin: 16px 575px 36px 28px;
	text-align: center;
	line-height: 42px;
	border-radius: 22.5px;
	border: solid 2px #4c4c4c;
	font-family: Arial;
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
	background-color: #2e2e2e;
}

.content #upl_dir {
	text-decoration: none;
	display: inline-block;
	height: 16px;
	margin-top: 64px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #00e2ff;
}



/* software update */
.updata {
	width: 1000px;
	margin-top: 48px;
}

.updata :first-child {
	font-family: Arial;
	font-size: 24px;
	letter-spacing: -0.5px;
	color: #ffffff;
}

.updata .version .version_des {
	display: inline-block;
	width: 200px;
	margin-top: 48px;
	font-family: Arial;
	font-size: 14px;
	font-weight: 300;
	color: #ffffff;
}
.updata .version .version_des_last{
	display: inline-block;
	width: 200px;
	margin-top: 10px;
	font-family: Arial;
	font-size: 14px;
	font-weight: 300;
	color: #ffffff;
}

.updata .version .version_detailed {
	font-family: Arial;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;

}

.content .aut_choose {
	width: 700px;
	margin-left: -10px;
	margin-top: 66px;
}

.content .aut_choose .aut_choose_til{
	float: left;
	width: 700px;
	height: 19px;
	margin-left: 12px;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
}


.content .aut_choose span {
	margin-top: 20px;
	margin-left: 12px;
	float: left;
	width: 135px;
	height: 19px;
	font-family: Arial;
	font-size: 16px;
	font-weight: 300;
	color: #ffffff;
}

.aut_choose input {
	margin-top: 20px;
	float: left;
	margin-left: 34px;
}

.content .aut_choose p {
	margin-top: 20px;
	float: left;
	width: 62px;
	height: 19px;
	font-family: Arial;
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
}
.file_up .btn .dis_update{
	background-color: gray;
}

.file_up {
	width: 1000px;
	margin-top: 96px;
}

.file_up #ipt {
	display: inline-block;
	width: 273px;
	height: 53px;
	margin-top: 12px;
	padding: 20px 51px 17px 16px;
	border-radius: 2px;
	border: solid 1px #979797;
	background-color: rgba(255, 255, 255, 0.14);
}

.file_up #des {
	cursor: pointer;
	width: 151px;
	height: 16px;
	margin-top: 0px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #00e2ff;
}

.file_up .btn button {
	width: 156px;
	height: 60px;
	padding: 22px 0 22px 1px;
	border-radius: 30px;
	background-color: #00a2b6;
	font-family: Arial;
	font-size: 14px;
	border: 0px;
	font-weight: bold;
	color: #fff;
}

.file_up .btn #data_des {
	margin-left: 32px;
	width: 115px;
	height: 16px;
	font-family: Arial;
	font-size: 14px;
	font-weight: 300;
	color: #ffffff;
}

.file_up .btn #data {
	width: 86px;
	height: 16px;
	margin-left: 8px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}




/*reset default  */

.reset {
	position: absolute;
	left: 0px;
	top: 48px;
	width: 700px;
	height: 200px;
}

.reset span {
	display: inline-block;
}

.reset .dis_reset{
	background-color: gray;
}

.reset .reb_til {
	font-family: Arial;
	font-size: 24px;
	letter-spacing: -0.5px;
	color: #ffffff;
}

.reset .reb_des {
	font-family: Arial;
	font-size: 14px;
	margin-top: 24px;
	line-height: 1.29;
	color: #a4a4a4;
}
.upg_des{
	font-family: Arial;
	font-size: 14px;
	margin-top: 24px;
	line-height: 1.29;
	color: #a4a4a4;
	margin-top: 10px;
}
.reset button {
	width: 295px;
	height: 56px;
	padding: 20px 32px 20px 32px;
	border-radius: 30px;
	background-color: #00a2b6;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	margin-top: 64px;
	text-align: center;
	border: 0px;
}

/* reboot */
.reboot {
	position: absolute;
	left: 0px;
	top: 48px;
	width: 700px;
	height: 200px;
}

.reboot span {
	display: inline-block;
}
.reboot .dis_reboot{
	background-color: gray;
}
.file_inp{
	display: inline-block;
	width: 273px;
	height: 53px;
	margin-top: 12px;
	padding: 20px 51px 17px 16px;
	border-radius: 2px;
	border: solid 1px #979797;
	background-color: rgba(255, 255, 255, 0.14);
	color: #FFFFFF;
}
.reboot .reb_til {
	font-family: Arial;
	font-size: 24px;
	letter-spacing: -0.5px;
	color: #ffffff;
}

.reboot .reb_des {
	font-family: Arial;
	font-size: 14px;
	margin-top: 24px;
	line-height: 1.29;
	color: #a4a4a4;
}

.reboot button {
	width: 156px;
	height: 56px;
	padding: 20px 48px;
	margin-top: 64px;
	border-radius: 30px;
	border: 0px;
	background-color: #00a2b6;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

.aut_reboot {
	position: absolute;
	left: 0px;
	top: 302px;
	width: 700px;
	height: 200px;

}

.aut_reboot .aut_til,
.rem_set.aut_til {
	display: inline-block;
	width: 700px;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
}

.aut_reboot .aut_choose,
.rem_set .aut_choose {
	width: 700px;
	height: 25px;
	margin-top: 24px;
	overflow: hidden;

}


.aut_reboot .aut_choose span,
.rem_set .aut_choose span {
	float: left;
	width: 135px;
	height: 19px;
	font-family: Arial;
	font-size: 16px;
	font-weight: 300;
	color: #ffffff;
}

.aut_reboot .aut_choose p,
.rem_set .aut_choose p {
	float: left;
	width: 62px;
	height: 19px;
	margin-left: 12px;
	font-family: Arial;
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
}


.aut_reboot .aut_choose input,
.rem_set .aut_choose input {
	float: left;
	margin-left: 32px;
	width: 18px;
	height: 18px;
	/* opacity: 0.2; */
	border: solid 1px #e2e2e2;
	background-color: #00e2ff;
}


.aut_reboot button {
	display: inline-block;
	width: 156px;
	height: 56px;
	padding: 20px 48px;
	margin-top: 48px;
	border-radius: 30px;
	border: 0px;
	background-color: #00a2b6;
	color: #FFFFFF;
}

input[type="checkbox"] {
	-webkit-appearance: none;
	width: 19px;
	height: 19px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	line-height: 18px;
	margin-right: 12px;
	position: relative;
	border: none;
}

input[type="checkbox"]::before {
	-webkit-appearance: none;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: #2e2e2e;
	width: 100%;
	height: 100%;
	border: solid 2px rgba(226, 226, 226, 0.6);
	border-radius: 2px;
	box-sizing: border-box;
	padding: 2px;
}

input[type="checkbox"]:checked::before {
	-webkit-appearance: none;
	content: "";

	background-color: #00e2ff;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	border: 2px solid #A4A4A4;
	font-size: 0px;
	font-weight: bold;
}
input[type="radio"] {
	-webkit-appearance: none;
	width: 19px;
	height: 19px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	line-height: 18px;
	/* margin-right: 10px; */
	position: relative;
}
input[type="radio"]:before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		background: #2e2e2e;
		width: 19px;
		height: 19px;
		border: solid 2px rgba(226, 226, 226, 0.6);
		border-radius: 2px;
		box-sizing: border-box;
		padding: 2px;
}
input[type="radio"]:checked:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: #2e2e2e;
	width: 15px;
	height: 15px;
	border: solid 2px rgba(226, 226, 226, 0.6);
	border-radius: 2px;
	box-sizing: border-box;
	padding: 2px;
}
input[type="radio"]:checked:after {
	content: "";
	background-color: #00e2ff;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 15px;
	height: 15px;
	border: 2px solid #A4A4A4;
	font-size: 0px;
	font-weight: bold;
}

/* about */
.abt span {
	display: inline-block;
	font-size: 24px;
	margin-left: 152px;
	margin-top: 48px;
	color: #ffffff;
}

.about_dev {
	width: 1200px;
	height: 370px;
	margin-left: 120px;
	margin-top: 24px;
	border-radius: 8px;
	background-color: rgba(255, 255, 255, 0.03);

}

.about_dev table {
	display: inline-block;
	margin-top: 27px;
	margin-left: 27px;
}

.about_dev table tr :first-child {
	font-family: Arial;
	font-size: 14px;
	font-weight: 300;
	color: #ffffff;
}

.about_dev table tr :last-child {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	padding-left: 24px;
}

.btn_all {
	width: 156px;
	height: 60px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
	padding: 22px 0 22px 1px;
	border: none;
	border-radius: 30px;
	background-color: #00a2b6;
}

.apn_p1 {
	padding-left: 32px;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
	float: left;
}

.apn_p2 {
	cursor:pointer;
	padding-right: 32px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #00e2ff;
	float: right;
	padding-top: 25px;
}

.login {
	width: 590px;
	height: 760px;
	position: relative;
	top: 100px;
	margin: auto;
	background-color: #ffffff;
	border-radius: 8px;
}

.login .img1 {
	width: 109px;
	height: 122px;
	margin-left: 237px;
	margin-top: 101px;
	
}

.login .p1 {
	font-family: Arial;
	font-size: 39.2px;
	font-weight: 100;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -1.07px;
	text-align: center;
	color: #000000;
	margin-top: 21px;
}

.login .img2 {
	width: 130px;
	height: 25px;
	margin-left: 225px;
	
}

.login .p2 {
	font-family: Arial;
	font-size: 36px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #000000;
	margin-left: 67px;
}

.login form {
	width: 436px;
	margin-left: 67px;
}

.login form p {
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin: 12px 0 12px 0;
}

.login button {
	width: 198px;
	height: 60px;
	margin-left: 67px;
	font-family: Arial;
	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 1.4px;
	text-align: center;
	color: #ffffff;
	padding: 21px 71px 22px;
	border: none;
	border-radius: 30px;
	background-color: #0066cd;
	margin-top: 54px;
}

.login .p3 {
	color: red;
	margin: 12px 0 0 0;
	height: 20px;

}

.box {
	width: 28px;
	height: 16px;
	margin: 0px auto;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

.ul1 {
	position: relative;
	width: 22px;
	height: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.li0 {
	width: 4px;
	position: absolute;
	bottom: 0;
	background: #353535;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 4px;
	left: 0px;
}

.li1 {
	width: 4px;
	position: absolute;
	bottom: 0;
	background: #353535;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 8px;
	left: 6px;
}

.li2 {
	width: 4px;
	position: absolute;
	bottom: 0;
	background: #353535;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 12px;
	left: 12px;
}

.li3 {
	width: 4px;
	position: absolute;
	bottom: 0;
	background: #353535;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 16px;
	left: 18px;
}

.cc1 {
	background-color: #5eb9ff;
}
.sorce{
	width: 150px;
	height: 50px;
	margin: 0;
	/* opacity: 0.2; */
	padding-left: 32px;
	border-radius: 8px;
	border: solid 2px rgba(255, 255, 255, 0.47);
	background-color: rgba(255, 255, 255, 0.08);
	font-family: Arial;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	margin-right: 25px;
}
.scoree{
	margin-left: 25px;
}
/* .higher{
	height: 890px;
} */
.bridge{
	height: 50px;
	color: #FFFFFF;
	/* text-align: center; */
	margin-top: 15px;
}
.bridge input{
	width: 300px;
	height: 50px;
	margin: 0;
	/* opacity: 0.2; */
	padding-left: 24px;
	border-radius: 8px;
	border: solid 2px rgba(255, 255, 255, 0.1);
	background-color: rgba(255, 255, 255, 0.08);
	font-family: Arial;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	margin-left: 25px;
}
 .chang_password .til {
            display: inline-block;
            margin-top: 48px;
            font-family: Arial;
            font-size: 24px;
            letter-spacing: -0.5px;
            color: #ffffff;
        }

        .chang_password table {
            margin-top: 30px;
            margin-left: -16px;
            border: 0px;
        }

        .chang_password table tr :first-child {

            width: 125px;
            height: 16px;
            font-family: Arial;
            font-size: 14px;
            letter-spacing: -0.29px;
            color: #ffffff;
            text-align: left;
        }

        .chang_password table tr :last-child {
            width: 436px;
            height: 50px;
            border-radius: 8px;
            padding-left: 18px;
            margin-left: -18px;
            border: solid 0.01px rgba(255, 255, 255, 0.3);
            background-color: rgba(255, 255, 255, 0.09);
            color: #fff;
            font-size: 15px;
        }

        .chang_password .btn {
            width: 156px;
            height: 60px;
            margin-top: 30px;
            padding: 22px 0 22px 1px;
            border-radius: 30px;
            border: 0px;
            background-color: #00a2b6;
            font-family: Arial;
            font-size: 14px;
            font-weight: bold;
            text-align: center;
            color: #ffffff;
        }

        .general_user_list .til {
            display: inline-block;
            margin-top: 48px;
            font-family: Arial;
            font-size: 24px;
            letter-spacing: -0.5px;
            color: #ffffff;
        }
		.general_user_list .ti2 {
		   display: inline-block;
		       margin-top: 60px;
		       font-family: Arial;
		       font-size: 16px;
		       letter-spacing: -0.5px;
		       color: #13e2ff;
		       float: right;
		       margin-right: 150px;
		}

        .general_user_list .content_tab1 {
            width: 800px;
            border: none;
            text-align: left;
            margin-top: 24px;
        }

        .general_user_list .content_tab1 tr {
            height: 64px;

        }

        .general_user_list .content_tab1 td {
            font-family: Arial;
            font-size: 16px;
            font-weight: 300;
            color: #ffffff;
        }

        .general_user_list .content th {
            background-color: #1e1e1e;
            font-family: Arial;
            font-size: 14px;
            line-height: 1.29;
            color: #a4a4a4;
        }

        .general_user_list .content_tab1 tr :first-child {
            padding-left: 45px;
        }

        .general_user_list .edit_del {
            text-align: left;
        }

        .user_edit .til {
            display: inline-block;
            margin-top: 10px;
            font-family: Arial;
            font-size: 24px;
            letter-spacing: -0.5px;
            color: #ffffff;
        }

        .user_edit table {
            width: 500px;
            border: 2px solid rgba(255, 255, 255, 0.3);
            border-radius: 10px;
            margin-top: 20px;
        }

        .user_edit table tr :first-child {
            width: 100px;
            height: 50px;
            padding-left: 18px;
            background-color: #1e1e1e;
            color: #a4a4a4;
            font-size: 15px;
        }

        .user_edit table tr :last-child {
            background-color: rgb(57 57 57);
            color: #ffffff;
            padding-left: 30px;
			width: 200px;
			border: none;
			
        }

        .user_edit .btn {
            width: 156px;
            height: 60px;
            margin-top: 48px;
            padding: 22px 0 22px 1px;
            border-radius: 30px;
            border: 0px;
            background-color: #00a2b6;
            font-family: Arial;
            font-size: 14px;
            font-weight: bold;
            text-align: center;
            color: #ffffff;
        }
		.new_password {
		    width: 700px;
		    height: 700px;
		    position: relative;
		    top: 100px;
		    margin: auto;
		    background-color: #ffffff;
		    padding-left: 20px;
		    position: relative;
			border-radius: 8px;
		}
		
		.new_password .til {
		    font-family: Arial;
		    font-size: 36px;
		    font-weight: bold;
		    letter-spacing: -1px;
		    color: #000000;
		}
		
		.new_password .des {
		    font-family: Arial;
		    font-size: 16px;
		    color: #000000;
		    margin: 12px 0 12px 0;
		}
		
		.new_password a {
		    font-size: 40px;
		    color: darkgray;
		}
		
		.password_p {
		    margin-top: 60px;
		    font-family: Arial;
		    font-size: 16px;
		    color: #000000;
		}
		
		.new_password input {
		    width: 664px;
		    height: 45px;
		    border: 2px solid darkgrey;
		    border-radius: 8px;
			padding-left: 24px;
		}
		
		.new_password .eye {
		    position: absolute;
		    width: 45px;
		    height: 45px;
		    border: 2px solid darkgrey;
		    border-top-right-radius: 8px;
		    border-bottom-right-radius: 8px;
		    right: 45px;
		    border-left: none;
		}
		
		
		
		.new_password ul li {
		    list-style: none;
		    padding-top: 8px;
		}
		
		.new_password ul li img {
		    width: 20px;
		    height: 20px;
		}
		
		.new_password .cancel {
		    background-color: #0064de;
		    width: 150px;
		    height: 40px;
		    border-radius: 5px;
		    border: 0px;
		    color: #ffffff;
		    margin-top: 40px;
			margin-left: 300px;
			font-family: Arial;
		}
		
		.new_password .next {
		    background-color: #0064de;
		    width: 150px;
		    height: 40px;
		    border-radius: 5px;
		    border: 0px;
		    color: #ffffff;
			margin-left: 30px;
			font-family: Arial;
		}
		.new_password .dis{
			background-color: gray;
		}
		.new_password .totext{
			color: #007BFF;
		}
		.new_password .totext_confirm{
			color: #007BFF;
		}
		.suc{
			width: 400px;
			height: 200px;
			position: absolute;
			top: 200px;
			background-color: white;
			left: 40%;
		}
		.content .time_til,.general_til {
		    display: inline-block;
		    margin-top: 48px;
		    font-family: Arial;
		    font-size: 24px;
		    letter-spacing: -0.5px;
		    color: #ffffff;
		}
		
		.content .zone_til,.preference_til {
		    margin: 48px 0 0 32px;
		    font-family: Arial;
		    font-size: 18px;
		    font-weight: bold;
		    color: #ffffff;
		}
		
		.content .time_zone,.preference_table {
		    width: 861px;	
		    /* height: 224px; */
		    margin-top: -20px;
		    padding: 25px 32px 36px;
		    border-radius: 8px;
		    background-color: rgba(255, 255, 255, 0.03);
		}
		
		.content .time_zone table tr td:first-child,
		.content .preference_table table tr td:first-child
		 {
		    height: 25px;
		    width: 138px;
		    font-family: Arial;
		    font-size: 14px;
		    font-weight: 300;
		    font-stretch: normal;
		    color: #ffffff;
		}
		
		.content .time_zone table tr td:last-child,
		.content .preference_table table tr td:last-child
		 {
		    padding-left: 87px;
		    height: 25px;
		    font-family: Arial;
		    font-size: 14px;
		    font-weight: bold;
		    color: #ffffff;
		}
		
		.content .hostname p {
		    margin: 48px 0 0 32px;
		    font-family: Arial;
		    font-size: 18px;
		    font-weight: bold;
		    color: #ffffff;
		}
		
		.content .hostname input {
		    width: 436px;
		    height: 50px;
		    margin: 35px 0 0;
		    padding: 18px 316px 16px 24px;
		    opacity: 1;
		    border-radius: 8px;
		    border: solid 2px rgba(255, 255, 255, 0.1);
		    background-color: rgba(255, 255, 255, 0.08);
		    font-family: Arial;
		    font-size: 14px;
		    font-weight: 500;
		    color: #ffffff;
		}
		
		.content .hostname button {
		    width: 144px;
		    height: 56px;
		    border: 0px;
		    padding: 20px 48px;
		    border-radius: 30px;
		    color: #fff;
		    margin-top: 48px;
		    background-color: #00a2b6;
		    font-family: Arial;
		    font-size: 14px;
		    font-weight: bold;
		    text-align: center;
		}
		.font_til_public1 {
		    font-family: Arial;
		    font-size: 24px;
		    letter-spacing: -0.5px;
		    color: #ffffff;
		    margin-top: 48px;
		}
		
		.font_til_public2 {
		    font-family: Arial;
		    font-size: 18px;
		    font-weight: bold;
		    color: #ffffff;
		}
		
		.font_table_public_td1 {
		    font-family: Arial;
		    font-size: 14px;
		    font-weight: 300;
		    color: #ffffff;
		}
		
		.font_table_public_td2 {
		    font-family: Arial;
		    font-size: 14px;
		    font-weight: bold;
		    color: #ffffff;
		}
		
		.font_edit_public {
		    font-family: Arial;
		    font-size: 14px;
		    font-weight: bold;
		    color: #00e2ff;
		}
		
		
		.button_public {
		    width: 156px;
		    height: 60px;
		    padding: 22px 0 22px 1px;
		    border-radius: 30px;
		    background-color: #00a2b6;
		    font-family: Arial;
		    font-size: 14px;
		    font-weight: bold;
		    text-align: center;
		    color: #ffffff;
		    border: 0px;
		}
		
		
		.content .con_til2 {
		    margin: 48px 0 0 32px;
		}
		
		.content .configura_div {
		    position: relative;
		    width: 861px;
		    margin: 24px 0 0;
		    padding: 25px 32px 32px;
		    border-radius: 8px;
		    background-color: rgba(255, 255, 255, 0.03);
		}
		
		.content .configuration table tr td:first-child {
		    width: 115px;
		    padding-bottom: 8px;
		    font-family: Arial;
		    font-size: 14px;
		    font-weight: 300;
		    color: #ffffff;
		}
		
		.content .configuration table tr td:last-child {
		    height: 16px;
		    padding: 0 0 0 73px;
		    font-family: Arial;
		    font-size: 14px;
		    font-weight: bold;
		    color: #ffffff;
		}
		
		.content .con_edit {
		    position: absolute;
		    right: 32px;
		    margin: 0 0 35px 548px;
		    font-family: Arial;
		    font-size: 14px;
		    font-weight: bold;
		    color: #00e2ff;
		}
		
		.content .con_edit_settings {
			z-index: 102;
		    width: 628px;
		    position: relative;
		    top: -870px;
		    left: 110px;
		    padding: 40px 38px 52px 96px;
		    border-radius: 8px;
		    box-shadow: 0 0 16px -8px rgba(0, 0, 0, 0.5);
		    background-color: #323232;
		}
		
		.content .edit_udp_serve {
			z-index: 102;
		    width: 628px;
		    position: relative;
			top: -870px;
		    left: 110px;
		    padding: 40px 38px 52px 96px;
		    border-radius: 8px;
		    box-shadow: 0 0 16px -8px rgba(0, 0, 0, 0.5);
		    background-color: #323232;
		}
		
		.content .edit_ftp_serve {
			z-index: 102;
		    width: 628px;
		    position: relative;
			top: -965px;
		    left: 110px;
		    padding: 40px 38px 52px 96px;
		    border-radius: 8px;
		    box-shadow: 0 0 16px -8px rgba(0, 0, 0, 0.5);
		    background-color: #323232;
		}
		
		.content .con_edit_settings .con_edit_setting_til {
		    margin-top: 24px;
		    height: 16px;
		    font-family: Arial;
		    font-size: 14px;
		    letter-spacing: -0.29px;
		    color: #ffffff;
		}
		
		.content .edit_udp_serve .con_edit_setting_til {
		    margin-top: 24px;
		    height: 16px;
		    font-family: Arial;
		    font-size: 14px;
		    letter-spacing: -0.29px;
		    color: #ffffff;
		}
		
		.content .edit_ftp_serve .con_edit_setting_til {
		    margin-top: 24px;
		    height: 16px;
		    font-family: Arial;
		    font-size: 14px;
		    letter-spacing: -0.29px;
		    color: #ffffff;
		}
		
		.content .con_edit_settings select {
		    width: 436px;
		    height: 50px;
		    padding: 12px 50px 12px 26px;
		    border-radius: 8px;
		    border: solid 2px rgba(255, 255, 255, 0.47);
		    background-color: rgba(255, 255, 255, 0.14);
		    color: #ffffff;
		}
		
		.content .edit_udp_serve select {
		    width: 436px;
		    height: 50px;
		    padding: 12px 50px 12px 26px;
		    border-radius: 8px;
		    border: solid 2px rgba(255, 255, 255, 0.47);
		    background-color: rgba(255, 255, 255, 0.14);
		    color: #ffffff;
		}
		
		.content .edit_ftp_serve select {
		    width: 436px;
		    height: 50px;
		    padding: 12px 50px 12px 26px;
		    border-radius: 8px;
		    border: solid 2px rgba(255, 255, 255, 0.47);
		    background-color: rgba(255, 255, 255, 0.14);
		    color: #ffffff;
		}
		
		
		.content .edit_udp_serve input {
		    width: 436px;
		    height: 50px;
		    padding: 18px 30px 16px 24px;
		    border-radius: 8px;
		    border: solid 2px rgba(255, 255, 255, 0.1);
		    background-color: rgba(255, 255, 255, 0.14);
		    color: #ffffff;
		}
		
		.content .edit_ftp_serve input {
		    width: 436px;
		    height: 50px;
		    padding: 18px 30px 16px 24px;
		    border-radius: 8px;
		    border: solid 2px rgba(255, 255, 255, 0.1);
		    background-color: rgba(255, 255, 255, 0.14);
		    color: #ffffff;
		}
		
		
		.content .button_location {
		    margin-top: 64px;
		}
	
		.contenter .health_check {
			width: 861px;
			background-color: rgba(255, 255, 255, 0.03);
			padding-left: 24px;
			margin-bottom: 76px;
			border-radius: 8px;
		}
	
		.contenter .health_check_til {
			font-family: Arial;
			font-size: 18px;
			font-weight: bold;
			color: #ffffff;
			margin-left: 38px;
		}
	
		.contenter .cpu_circle {
			position: absolute;
			top: 0px;
			left: -350px;
			top: 20px;
			padding-bottom: 20px;
			padding-top: 20px;
		}
	
		.contenter .circleChart .cpu_precent {
			position: absolute;
			top: 70px;
			left: 390px;
			font-family: Arial;
			font-size: 18px;
			font-weight: bold;
			color: #ffffff;
		}
	
		.contenter .circleChart .cpu_til {
			position: absolute;
			top: 93px;
			left: 402px;
			font-family: Arial;
			font-size: 14px;
			font-weight: 500;
			color: #a4a4a4;
		}
	
		.contenter .ram_circle {
			position: absolute;
			top: 0px;
			left: -150px;
			margin-top: -150px;
			padding-bottom: 20px;
			padding-top: 20px;
		}
	
		.contenter .circleChart .ram_precent {
			position: absolute;
			top: 70px;
			left: 390px;
			font-family: Arial;
			font-size: 18px;
			font-weight: bold;
			color: #ffffff;
		}
	
		.contenter .circleChart .ram_til {
			position: absolute;
			top: 93px;
			left: 402px;
			font-family: Arial;
			font-size: 14px;
			font-weight: 500;
			color: #a4a4a4;
		}
	
		.contenter .health_check .health_check_til_public {
			display: inline-block;
			padding-top: 32px;
			padding-left: 15px;
			font-family: Arial;
			font-size: 14px;
			font-weight: bold;
			color: #ffffff;
		}
	
		.contenter .health_table_pulic {
			width: 800px;
			border-top: 1px solid #4c4c4c;
			margin-top: -8px;
		}
	
		.contenter .health_table_pulic tr td:nth-child(odd) {
			width: 90px;
			height: 14px;
			margin: 2px 16px 0 0;
			font-family: Arial;
			font-size: 12px;
			font-weight: 500;
			color: #a4a4a4;
		}
	
		.contenter .health_table_pulic tr td:nth-child(even) {
			text-align: left;
			width: 80px;
			height: 16px;
			margin: 0 0 0 16px;
			font-family: Arial;
			font-size: 14px;
			font-weight: bold;
			color: #ffffff;
		}
	
		.contenter .up {
			width: 12px;
			height: 12px;
			font-family: Arial;
			font-weight: bold;
			color: #ffffff;
			margin-left: 12px;
		}
	
		.contenter .down {
			width: 12px;
			height: 12px;
			font-family: Arial;
			font-weight: bold;
			color: #ffffff;
			/* position: relative;
			left: 573px;
			top: -520px; */
		}
		/* .contenter .upordown_click_health{
			position: relative;
		    left: 566px;
    		top: -540px;
		}
	 */
		.content .updata_remind {
			position: relative;
			top: -650px;
			left: 160px;
			width: 628px;
			height: 332px;
			padding: 40px 38px 37px 96px;
			border-radius: 8px;
			box-shadow: 0 0 16px -8px rgba(0, 0, 0, 0.5);
			background-color: #323232;
			z-index: 103;
		}
		.content .updata_remind .updata_remind_til {
			margin: 26px 168px 32px 0;
			font-family: Arial;
			font-size: 24px;
			letter-spacing: -0.5px;
			color: #ffffff;
		}
		.updata_remind .img_close {
			position: absolute;
			right: 40px;
		}
		.updata_remind .updata_remind_des {
			font-family: Arial;
			font-size: 14px;
			line-height: 1.29;
			color: #a4a4a4;
		}
		.updata_remind .updata_remind_btn {
			margin-top: 48px;
		}
		.updata_remind .progress {
			margin-top: 29px;
			width: 270px;
			background-color: rgba(255, 255, 255, 0.03);
		}
		.updata_remind .progress-bar {
			background-color: #00e2ff;
		}
		.circleChart .circleChart_text {
			color: #fff;
		}
		.add_port_for{
			width: 110px;
			position: absolute;
			left: 939px;
			padding-top: -10px;
			margin-top: -34px;
			color: rgb(0, 226, 255);
			font-family: Arial;
			font-size: 14px;
			font-weight: bold;
			color: #00e2ff;
		}
		.health_check_box {
			margin-bottom: 60px;
			width: 628px;
			position: relative;
			left: 387px;
			top: -520px;
			/* margin-top: 548px; */
		}
		.usage_info .conn_4g_cell1 tr th {
			float: left;
			font-family: Arial;
			width: 96px;
			font-size: 12px;
			font-weight: 500;
			color: #ffffff;
		}
		.usage_info .conn_4g_cell1 tr td:nth-child(odd) {
			height: 16px;
			width: 180px;
			font-family: Arial;
			font-size: 12px;
			font-weight: 500;
			color: #a4a4a4;
		}
		.usage_info .conn_4g_cell1 tr td:nth-child(even) {
			text-align: left;
			width: 180px;
			font-family: Arial;
			font-size: 14px;
			font-weight: bold;
			color: #fff;
		}
		.device_restart {
			position: absolute;
			top: 55px;
			left: 160px;
			width: 628px;
			height: 332px;
			padding: 40px 38px 37px 96px;
			border-radius: 8px;
			box-shadow: 0 0 16px -8px rgba(0, 0, 0, 0.5);
			background-color: #323232;
			z-index: 103;
		}
		.content .device_restart .device_restart_til {
			margin: 26px 168px 32px 0;
			font-family: Arial;
			font-size: 24px;
			letter-spacing: -0.5px;
			color: #ffffff;
		}
		.device_restart .img_close {
			position: absolute;
			right: 40px;
		}
		.device_restart .device_restart_des {
			font-family: Arial;
			font-size: 14px;
			line-height: 1.29;
			color: #a4a4a4;
		}
		.device_restart .device_restart_btn {
			margin-top: 48px;
		}
		.contenter .updata_remind {
			position: absolute;
			top: 400px;
			left: 715px;
			width: 628px;
			height: 332px;
			padding: 40px 38px 37px 96px;
			border-radius: 8px;
			box-shadow: 0 0 16px -8px rgba(0, 0, 0, 0.5);
			background-color: #323232;
		}
		.contenter .updata_remind .updata_remind_til {
			margin: 26px 168px 32px 0;
			font-family: Arial;
			font-size: 24px;
			letter-spacing: -0.5px;
			color: #ffffff;
		}
		.contenter .updata_remind .img_close {
			position: absolute;
			right: 40px;
		}
		.contenter .updata_remind .updata_remind_des {
			font-family: Arial;
			font-size: 14px;
			line-height: 1.29;
			color: #a4a4a4;
		}
		.contenter .updata_remind .updata_remind_btn {
			margin-top: 48px;
		}
		.contenter .updata_remind .progress {
			margin-top: 29px;
			width: 270px;
			background-color: rgba(255, 255, 255, 0.03);
		}
		.contenter .updata_remind .progress-bar {
			background-color: #00e2ff;
		}
		.circleChart .circleChart_text {
			color: #fff;
		}
		.content .content_tab .edit_con_status {
			color: rgb(0, 226, 255);
			text-decoration: none;
		}
		.content .frequency_settings_til {
			display: inline-block;
			font-family: Arial;
			font-size: 18px;
			font-weight: bold;
			color: #ffffff;
			margin-top: 20px;
		}
		.content .cell_selection .band {
			position: relative;
			width: 1165px;
			height: 194px;
			margin-top: 24px;
			padding: 32px 0px 32px 32px;
			border-radius: 8px;
			background-color: rgba(255, 255, 255, 0.03);
		}
		.content .cell_selection .cell_selection_page {
			margin-top: 24px;
			height: 50px;
			font-family: Arial;
			font-size: 14px;
			line-height: 1.29;
			color: #a4a4a4;
		}
		.content .cell_selection .band .band_num {
			font-family: Arial;
			font-size: 16px;
			font-weight: 500;
			color: #ffffff;
			padding-bottom: 16px;
		}
		.content .cell_selection .band .band_til {
			position: absolute;
			top: 25px;
			left: 25px;
			height: 150px;
			margin: 0 24px 17px 0;
			font-family: Arial;
			font-size: 16px;
			font-weight: 300;
			color: #ffffff;
		}
		.content .cell_selection .band .table_choose {
			display: inline-block;
			margin-top: -20px;
			margin-left: 87px;
		}
		.content .cell_selection .band .table_choose td{
			width: 65px;
		}
		.content .cell_selection .band .check {
			position: absolute;
			bottom: 28px;
		    left: 128px;
			font-family: Arial;
			padding-right: 24px;
			font-size: 14px;
			font-weight: bold;
			color: #00e2ff;
		}
		.content .cell_selection .band .check_another {
			position: absolute;
			bottom: 28px;
			left: 223px;
			font-family: Arial;
			padding-right: 24px;
			font-size: 14px;
			font-weight: bold;
			color: #00e2ff;
		}
		input[type="checkbox"]::before {
			background: rgba(255, 255, 255, 0.03);
		}
		.content .cell_selection .nr_band {
			position: relative;
			width: 1165px;
			margin-top: 24px;
			padding: 32px 0px 32px 32px;
			border-radius: 8px;
			background-color: rgba(255, 255, 255, 0.03);
			height: 156px;
		}
		.content .cell_selection .frequency_settings_p2 {
			margin: 0 261px 3px 2px;
			font-family: Arial;
			font-size: 14px;
			letter-spacing: -0.29px;
			color: #ffffff;
		}
		.content .cell_selection .cell_select_btn {
			padding: 0;
		}
		.content .wifi_close {
			width: 45px;
			height: 25px;
			background-color: #fff;
			border-radius: 15px;
			margin-left: 20px;
			border: 0px;
		}
	
		.content .wifi_open {
			width: 45px;
			height: 25px;
			background-color: #fff;
			border-radius: 15px;
			margin-left: 20px;
			border: 0px;
		}
	
	
		.table_2_4g {
			width: 850px;
			height: 310px;
			margin-top: 170px;
			border-radius: 8px;
			background-color: rgba(255, 255, 255, 0.03);
		}
	
		.table_2_4g .wifi_edit {
			color: #00e2ff;
			position: relative;
			margin-left: 800px;
			top: 25px;
			font-family: Arial;
			font-size: 14px;
			font-weight: bold;
			cursor: pointer;
		}
	
	
		.content .title_2_4g {
			display: inline-block;
			font-size: 15px;
			margin-top: 42px;
			font-weight: bold;
			margin-left: 38px;
			font-family: Arial;
		}
	
		.table_5g {
			margin-top: 15px;
		}
	
		.table_2_4g table {
			display: inline-block;
			margin-left: 27px;
			margin-top: -6px;
	
		}
	
		.table_2_4g table tr :first-child {
			font-family: Arial;
			font-size: 14px;
			font-weight: 300;
			color: #ffffff;
		}
	
		.table_2_4g table tr :last-child {
			font-family: Arial;
			font-size: 14px;
			font-weight: bold;
			color: #ffffff;
			padding-left: 24px;
		}
	
		.table_2_4_edit {
			margin-left: 30px;
			/* display: none; */
		}
	
		.table_5_edit {
			margin-left: 30px;
			/* display: none; */
		}
	
		.table_2_4_edit .unmask_password {
			margin-top: 10px;
		}
	
		.table_2_4_edit .unmask_password_til {
			position: relative;
			top: 7px;
		}
	
		.table_2_4_edit #btn {
			margin-left: -15px;
		}
	
		.table_5_edit .unmask_password {
			margin-top: 10px;
		}
	
		.table_5_edit .unmask_password_til {
			position: relative;
			top: 7px;;
		}
	
	
		.table_5_edit #btn {
			margin-left: -15px;
		}
	
		.visible_der {
			top: -2px;
			left: -2px;
		}
	
		.table_2_4_edit input[type="radio"]:before,
		.table_5_edit input[type="radio"]:before {
			content: "";
			position: absolute;
			top: -2px;
			left: -2px;
			background: #2e2e2e;
			width: 19px;
			height: 19px;
			border: solid 2px rgba(226, 226, 226, 0.6);
			border-radius: 2px;
			box-sizing: border-box;
			padding: 2px;
		}

		.table_2_4_edit input[type="radio"]::after,
		.table_5_edit input[type="radio"]::after{
			top: -2px;
			left: -2px;
		}
		.edit2_4g_save {
			float: left;
			width: 156px;
			height: 60px;
			margin-top: 30px;
			margin-left: -15px;
			padding: 22px 0 22px 1px;
			border-radius: 30px;
			background-color: #00a2b6;
			font-family: Arial;
			font-size: 14px;
			font-weight: bold;
			text-align: center;
			color: #ffffff;
			border: 0px;
		}

		.alg_choose {
			float: left;
			margin-top: 4px;
		}
	
		.alg_choose input {
			margin-top: -10px;
			margin-left: 32px;
		}
	
	
		.enable_text {
			font-family: Arial;
			font-size: 16px;
			font-weight: 500;
			color: #ffffff;
		}

		.tftp {
			margin-top: 60px;
			overflow: hidden;
		}
	

			
		.ftp{
			margin-top: 14px;
		}
	
		
		.sip .pbutton,
		.ftp .pbutton,
		.tftp .pbutton {
			margin-top: -14px;
			margin-left: 80px;
		}
		.content .reset_remind {
			position: relative;
			top: 150px;
			left: 160px;
			width: 670px;
			height: 362px;
			padding: 40px 38px 37px 96px;
			border-radius: 8px;
			box-shadow: 0 0 16px -8px rgba(0, 0, 0, 0.5);
			background-color: #323232;
			z-index: 103;
		}
	
		.content .reset_remind .reset_remind_til {
			margin: 26px 168px 32px 0;
			font-family: Arial;
			font-size: 24px;
			letter-spacing: -0.5px;
			color: #ffffff;
		}
	
		.reset_remind .img_close {
			position: absolute;
			right: 40px;
		}
	
		.reset_remind .reset_remind_des {
			font-family: Arial;
			font-size: 14px;
			line-height: 1.4;
			color: #a4a4a4;
		}
	
		.reset_remind .reset_remind_btn {
			margin-top: 48px;
		}

		
	.testswitch {
		position: absolute;
		width: 75px;
		top: 4px;
		left: 170px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
	}

	.testswitch-checkbox {
		display: none;
	}

	.testswitch-label {
		display: block;
		overflow: hidden;
		cursor: pointer;
		border: 1px solid #000000;
		border-radius: 20px;
	}

	.testswitch-inner {
		display: block;
		width: 200%;
		margin-left: -100%;
		transition: margin 0.3s ease-in 0s;
	}

	.testswitch-inner::before,
	.testswitch-inner::after {
		display: block;
		float: right;
		width: 50%;
		height: 27px;
		padding: 0;
		line-height: 30px;
		font-size: 14px;
		color: white;
		font-family:Arial;
		font-weight: bold;
		box-sizing: border-box;
		font-family: Arial;
	}

	.testswitch-inner::after {
		content: attr(data-on);
		padding-left: 10px;
		background-color: #00e2ff;
		color: #FFFFFF;
	}

	.testswitch-inner::before {
		content: attr(data-off);
		padding-right: 10px;
		background-color: #EEEEEE;
		color: #999999;
		text-align: right;
		font-family: Arial;
	}

	.testswitch-switch {
		position: absolute;
		display: block;
		width: 22px;
		height: 22px;
		margin: 4px;
		background: #FFFFFF;
		top: 0;
		bottom: 0;
		right: 42px;
		border: 2px solid #999999;
		border-radius: 20px;
		transition: all 0.3s ease-in 0s;
	}

	.testswitch-checkbox:checked+.testswitch-label .testswitch-inner {
		margin-left: 0;
	}

	.testswitch-checkbox:checked+.testswitch-label .testswitch-switch {
		right: 0px;
	}


	.selectpick {
		width: 436px;
		height: 50px;
		color: #fff;
		font-family: Arial;
		font-size: 14px;
		font-weight: 500;
		margin: 8px 0 0;
		padding: 12px 24px 12px 24px;
		opacity: 1;
		border-radius: 8px;
		border: solid 2px rgba(255, 255, 255, 0.1);
		background-color:#424242;
	}

	.selectpick option {
		color: #000000;
		font-family: Arial;
		font-size: 14px;
		padding-top: 2px;
		background-color: #fff;
	}

	.content .mbox {
		display: none;
		margin: 100px 0 0 -40px;
		width: 628px;
		height: 332px;
		z-index: 103;
	}

	.remove_profile {
		padding-right: 32px;
		font-family: Arial;
		font-size: 14px;
		font-weight: bold;
		color: #ff6e80;
		margin-left: 48px;
	}

	.content .ser2_til {
		margin: 48px;
		margin-left: 0px;
		font-family: Arial;
		font-size: 24px;
		letter-spacing: -0.5px;
		color: #ffffff;
	}

	.content .re232_til,
	.content .re485_til {
		margin-left: 32px;
		font-family: Arial;
		font-size: 18px;
		font-weight: bold;
		color: #ffffff;
	}
	.content .table_re232,
	.content .table_re485 {
		position: relative;
		width: 861px;
		height: 326px;
		margin: 24px 0 0;
		padding: 25px 32px 32px;
		border-radius: 8px;
		background-color: rgba(255, 255, 255, 0.03);
	}

	.content .table_re485 {
		height: 340px;
	}

	.content .re232_edit,
	.content .re485_edit {
		position: absolute;
		right: 32px;
		top: 25px;
		font-family: Arial;
		font-size: 14px;
		font-weight: bold;
		color: #00e2ff;
		text-decoration: none;
	}

	.content .table_re232 table tr td:first-child,
	.content .table_re485 table tr td:first-child {
		width: 180px;
		height: 18px;
		margin: 0 85px 0 0;
		font-family: Arial;
		font-size: 14px;
		font-weight: 300;
		color: #ffffff;
	}

	.content .table_re232 table tr td:last-child,
	.content .table_re485 table tr td:last-child {
		font-family: Arial;
		font-size: 14px;
		font-weight: bold;
		color: #ffffff;
	}

	.content .edit_re232table {
		z-index: 102;
		position: relative;
		top: -655px;
		width: 628px;
		margin: 35px 406px 0 105px;
		padding: 75px 96px 52px;
		border-radius: 8px;
		box-shadow: 0 0 16px -8px rgba(0, 0, 0, 0.5);
		background-color: #323232;
	}

	.content .edit_re485table {
		z-index: 102;
		position: relative;
		top: -666px;
	}


	.content .edit_re232table .edit_rs232til {
		margin: 0 83px 48px 0;
		font-family: Arial;
		font-size: 24px;
		letter-spacing: -0.5px;
		color: #ffffff;
	}

	.content .edit_re232table .close {
		position: absolute;
		top: 41px;
		right: 40px;
	}

	.edit_re232table #page {
		width: 400px;
		margin-top: 15px;
		margin-bottom: 5px;
		font-family: Arial;
		font-size: 14px;
		letter-spacing: -0.29px;
		color: #ffffff;
	}

	.edit_re232table input {
		width: 436px;
		height: 50px;
		margin: 0;
		/* opacity: 0.2; */
		padding-left: 24px;
		border-radius: 8px;
		border: solid 2px rgba(255, 255, 255, 0.1);
		background-color: rgba(255, 255, 255, 0.14);
		font-family: Arial;
		font-size: 14px;
		font-weight: 500;
		color: #fff
	}

	.edit_RS232_485_save {
		float: left;
		width: 156px;
		height: 60px;
		margin-top: 54px;
		margin-left: 0px;
		padding: 22px 0 22px 1px;
		border-radius: 30px;
		background-color: #00a2b6;
		font-family: Arial;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		color: #ffffff;
		border: 0px;
	}
		
	.content .edit_re232table .set_to_default {
		display: inline-block;
		margin: 74px 136px 22px 48px;
		font-family: Arial;
		font-size: 14px;
		font-weight: bold;
		color: #ff6e80;
		text-decoration: none;
	}
	
	.content .img_close {
		float: right;
	}

	.body_backgroud {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 101;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.8);
	}
	.triangle_all {
		width: 22px;
		height: 21px;
	}
	.triangle {
		width: 22px;
		height: 21px;
	}


	.triangle_box {
		height: 27px;
		width: 26px;
		position: absolute;
		top: 47px;
		left: 406px;
		background-color: #4f4f4f;
	}

	.side_width{
		width: 300px;
		height: 800px;
	}

    .btn_style{
        background-color: #00a2b6;
        color: #fff;
        font-family: Arial;
    /* font-size: 14px; */
        font-weight: bold;
        text-align: center;
	}
	
	.change_passwordtil {
		display: inline-block;
		margin-top: 64px;
		font-family: Arial;
		font-size: 14px;
		font-weight: bold;
		color: #00e2ff;
	}

	.change_password {
		height: 764px;
	}

	.change_password .change_alert {
		margin-top: 48px;
		font-family: Arial;
		font-size: 14px;
		font-weight: bold;
		color: #ffffff;
		padding-bottom: 4px;
	}

	.change_password .change_des {
		font-family: Arial;
		font-size: 12px;
		color: #ffffff;
		margin-left: -16px;
	}

	.change_password .change_icon {
		width: 25px;
		/* height: 27px; */
	}