

  @font-face {
    font-family: "Walsheim-Regular";
    src: url("fonts/GT-Walsheim-Pro-Regular.otf") format("truetype");
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: "Walsheim-Bold";
    src: url("fonts/GT-Walsheim-Pro-Bold.otf") format("truetype");
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: "Walsheim-Black";
    src: url("fonts/GT-Walsheim-Pro-Black.otf") format("truetype");
    font-weight: normal;
    font-style: normal;
  }




*{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
ul{list-style: none;}
body 	{font-size: 14px;	margin: 0px; font-family:Walsheim-Regular; color:#333; background:#fff;background: url(../images/1024x768.png) no-repeat top right #fff;}
.loginBody{background-color: #f2f2f2;}
a{text-decoration:none; color:#000		}
a:hover			{color: #FF0000;cursor:pointer;	}
a:focus	{	outline:0	}
a img {	border:0;}
input[type="button"]{ -webkit-appearance: none; }
input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !important;}
input[type="text"]:disabled,
input[type="password"]:disabled,
select:disabled{ background: #ddd;}
.online{overflow : hidden; text-overflow : ellipsis;white-space : nowrap;}
.pointer{cursor: pointer;}
.clear{	clear:both; height:0; line-height:0; font-size:1px;	}
.error{color:#f00;}
.bold_red{color:#f00;font-weight:600;}
.edit ,.delect{cursor: pointer;}
textarea{border:1px solid #aaa;font-family:Walsheim-Regular;}
.right{float:right;}
.left{float:left;}
.clearfloat:after{content: " ";display: table;height: 0;clear: both;visibility: hidden;}
.clearFloat{clear:both;}
.center_align{text-align:center;}
.right_align{text-align:right;}
.left_align{text-align:left;}
.hide{display: none;}
.show{display: block;}
.marginL{margin-left:10px}
/* table */
table{width: 100%;	font-size:12px;table-layout:fixed;border:1px solid #aaa;border-left:0;border-collapse:collapse;margin-top:10px;}
table tbody tr{height: 25px;}
table tbody tr:nth-child(2n){background-color: rgba(0,0,0,0.1);}
table th, table td {word-wrap:break-word;border-left:1px solid #aaa;line-height: 32px; text-align:center;}
table td .row{overflow : hidden ;text-overflow : ellipsis ;display : -webkit-box;-webkit-box-orient : vertical ;-webkit-line-clamp : 2 ;}
table thead th {background-color:rgba(0,185,86,0.3);color: #777;background-image: url("../images/1.png");background-repeat: repeat;}
table th.close{border-left: none;}
.sendMessage{margin-top:7px;}
.saveLocImg{position: relative;top: 4px;}

/*wait*/
.pleaseWait{border:1px solid #777; height:99%;background-color:#fff;background-image: linear-gradient(45deg,rgba(50,50,50,0.3),rgba(255,255,255,0.5),rgba(50,50,50,0.3));position: relative;}
.pleaseWait:before{content: ""; display: block;position: absolute; top: 25px; left: 25px; border:30px solid transparent;border-left: 80px solid rgba(150,150,150,0.1);transform: rotate(50deg);}
.pleaseWait:after{content: "";display: block;position: absolute;top: 25px;left: 20px; width: 80px;height: 80px; box-shadow: 0 0 2px rgba(0,0,0,0.1);transform: rotate(10deg);}
.waitContent:before{content: ""; display: block;position: absolute; top: 50px; left: 120px; border:50px solid transparent;border-left: 80px solid rgba(150,150,150,0.1);transform: rotate(116deg);}
.waitContent:after{content: "";display: block;position: absolute;top: 25px;left: 220px; width: 60px;height: 60px; box-shadow: 0 0 2px rgba(0,0,0,0.1);transform: rotate(100deg);}

.header,.mainColumn, .footer,.selLan	{	width:966px;	margin:auto;}
.header{margin-top:32px;}
.selLan	{position: relative;margin-left: 248px; text-align: right; top: 31px;}
/* #sel_languge{position: absolute;right: 10px;top: -10px;} */
.mainColumn{margin-top:25px;margin-bottom:80px;position:relative;    margin-left: 248px;   min-height: 465px;}
.lable14 {	float: left; width:80%; text-align:left; margin:0 auto 10px auto; font-family: Walsheim-Bold; color:#f00; 	}
.homeBox,.leftBar, .content, .navigation .date {float:left;}
.bg_canbas{display: inline-block;position: absolute; top: 0;left: 0;z-index: -1; }
.loginArea {color: #777;text-align: right;width: 150px; position: absolute; top: 6px;right:-75px;}
.loginArea a {text-decoration: none; color: #777;display: block;padding: 3px 10px; font-size: 13px;}
.loginArea a:hover{color: RGB(0,185,86);}
.navigation{width: 100%; height: 40.8px;border-bottom: 8px solid #D6D6D6; border-bottom: 8px solid rgba(50,50,50,0.2);display: block;}
.navigation ul li{list-style: none;float: left;}
.media_menu{display: none;}
.menu a{color:RGB(0,185,86); text-decoration: none;text-shadow: 1px 1px 3px #fff; font-size: 18px; display: block; text-align: center;padding: 10px 0;font-family: Walsheim-Bold;}
.menu a:hover{color: #fff;text-shadow:0 0 15px RGB(0,185,86);background-color:RGB(0,185,86);background-color: rgba(0,185,86,0); background-image: linear-gradient(270deg,rgba(0,0,0,0),rgba(0,185,86,0.3),rgba(0,185,86,0.3),rgba(0,0,0,0));}
.menu a.on{border-bottom: 8px solid RGB(0,185,86);}
.homeBox 			{	width:314px; background:#f0f6ea; min-height:465px; margin-bottom:10px;	float:left;	}
.marginLR 			{	margin:0 3px;	}
.homeBox h2			{	font-size:18px;	font-weight:bold; color:#000; padding:3px 10px 4px 30px; background:rgb(0,185,86); }
.boxInner a			{	display:block; background:#f0f6ea;	padding:10px 15px 10px 30px; color:#333	 }
.boxInner strong{line-height:25px;}
.boxInner a:hover		{	background:#e1f1fe	}
.boxInner a span.heading1    {	font-size:16px; color:#52587a; font-family: Walsheim-Bold; padding-bottom:10px;  display:block 	}
.boxInner a label.link1    {	color:#52587a; font-family: Walsheim-Bold; float: right; display:block; text-decoration:underline	}
.brdr2 	{border-top:1px solid #fff	}
.brdr1 	{border-top:1px solid #c4c8bd	}
.leftBar{	width:234px;}
.leftMenu {	list-style:none;text-align: left;font-size: 14px; display:block;}
.leftMenu li{background-color: rgba(50,50,50,0.1);}
.leftMenu li a {color: RGB(0,185,86);text-decoration: none;display: block; padding: 14px;}
.leftMenu li a:hover{background-color: rgba(0,0,0,0.1); background-image: url("../images/1.png");background-repeat: repeat; }
.leftMenu>li.on a	{color: #fff;background-color:RGB(0,185,86); background-image: url("../images/1.png");background-repeat: repeat;}
.leftMenu li.on a:hover{color: #fff;background-color:RGB(0,185,86); background-image: url("../images/1.png");background-repeat: repeat;}
.leftMenu li.on	{position: relative;}
/* .leftMenu li.on:after{content: "";display: block; width: 0px; height: 0px; position: absolute;right: 5px;transform: rotate(20deg); bottom: 8px;border:25px solid transparent; border-bottom: 25px solid rgba(255,255,255,0.4); } */
/* .leftMenu li.on:before{content: "";display: block; width: 25px; height:25px; position: absolute;right: 17px;transform: rotate(40deg);border:1px solid rgba(255,255,255,0.6); bottom: 10px;} */
.leftMenu li.active	{	background:url(../images/bullet1.gif) 225px 50% no-repeat; color:#111; font-family: Walsheim-Bold; 	}
.leftMenu li ul li.menu-three-level.on a{	color:RGB(0,185,86);background:url("../images/1.png") repeat;background-color: rgba(0, 0, 0, 0.1);}
.leftMenu li ul li a{font-size: 14px;background:url("../images/1.png") repeat;padding-left:10px;}
.leftMenu li ul li.on {color:#fff; font-family: Walsheim-Bold;}
.thirdmenu li{min-height:45px;text-align: right;}
.menu-three-level{ padding-left:0px; }
.content{	width:680px; padding-left:24px; padding-right:10px; min-height:409px;  margin-bottom:5px;position:relative;}
.contQS {	padding-right:242px; min-height:360px	}
.content label 	{	display:block;  padding:12px 0 5px 0;   font-family: Walsheim-Bold; color:#666	}
.content .label_tip{margin-left: 12px;display: inline-block;padding: 0;font-weight: 400;width:84%;max-width: 410px;}
.content label.subttl {	 font-weight:normal;     	}
.content label.subttl1 { font-family: Walsheim-Bold; margin-top:0px;      }
.content h1  {color:#777; font-size:15px; padding-bottom:5px;	text-shadow: rgb(170, 170, 170) 0px 0px 5px;}
.subhdng {display:block; color:#000; padding:0 0 5px 0;	}
.content input.textfield, .content input.textfield1, .content select, select.combox1, select.combox2, .content input.textfield2	{width: 200px; height: 30px;position: relative; line-height: 30px; color: #555;border:1px solid #aaa;font: 400 13.3333px Walsheim-Regular;}
.content input.textNTPfield{ border:1px solid #999; padding:2px 1px 1px 4px; color:#333;   font:normal 12px Arial, Helvetica, sans-serif; list-style:14px; width:300px;  margin-bottom:7px; height:18px			}
/* .mainColumn .help.quick,.content a.help:before{content: "?";border-radius: 50%;background-color: RGB(0,185,86);display:block;width:30px; height:30px;position: absolute;right: 30px;top: 0;text-align: center;line-height: 30px; color: #fff;font-size: 18px;font-weight: 600;} */
.mainColumn .help.quick{top:42px;z-index:100;}
.content a.help{position:absolute;right:0;top:-10px;}
select.combox1 {   margin:10px 0 0 20px; }
select.combox2 {    width: 340px;  margin:15px 0 0 20px; }
.content .formBox	{	border-bottom:1px solid #adaeab; padding-bottom:10px; margin-bottom:5px;	}
.content input.textfield1 {	width:45px; *margin:0 0 -5px 0	}
.content input.chk	{	margin:3px 5px -2px 5px; padding:0; *margin:-8px 5px 8px 5px 	}
.lablText	{	margin:0; font-size:12px; line-height:24px;   padding:0;  position:absolute; *line-height:30px;	}
.content input.textfield2	{	width:80px; *float:left; *margin:-2px 5px 2px 0		}
strong.dot 	{	  font-size:14px; color:#333; margin:0 5px; 	}
.content select.combo1	{	width:80px;	 *float:left; *margin:2px 0 -2px 0	}

.title_row {margin-bottom:5px;}
.title_row span {display: inline-block;padding: 8px 15px; margin-right: 15px;background-color: rgba(50,50,50,0.1);cursor: pointer;}
.title_row span.on {background-color: RGB(0,185,86);background-image: url(../images/1.png);color:#ffffff	}
.devices  {	float:left; width:300px; padding:20px 0 0 0; margin:5px 0 0 0; font-size:13px; font-family: Walsheim-Bold; 	}
.devices img, .devices label {	float:left; margin:0 5px 0 0	} .devices img {	margin-top:-15px	}
.footer	{	 width:964px; background: #eee;	min-height:39px;line-height:39px; text-align: center;border-radius:5px;margin-bottom:20px;}
/* login */
.title_box label {font-size:16px; }
.liginbox{width: 1200px;min-width:1200px;min-height: 600px; margin:0 auto;}
/* .liginbox	span	{	padding-left:92px;	} */
.liginbox	span_webdav	{	padding-left:0px;	}
.box1{border:1px solid #eee; margin:10px 0;width: 50%;margin: 0 auto; padding:1px;background-color:#D9D9D9; background-color: rgba(0,0,0,0.1);}
.title_box{height: 35px;line-height:35px;font-size:18px;text-align: center;background-color:RGB(0,185,86);color: #fff; background-image: url("../images/1.png");background-repeat: repeat; }
.box2{text-align:right; padding:7px 20px;}
.box2 a{color: #777;text-decoration: none;}
.box2 a:hover{color: RGB(0,185,86);}
.box3 { color: #777;width: 200px; margin: 20px auto;text-align: center;}
.box3 label{font-size: 15px;line-height: 30px; font-weight: 600;display: block;}
.button{    width: 200px;height: 40px; line-height: 40px;font-size: 18px; border-radius: 40px;color: #fff; display: block; background-color: RGB(0,185,86);border: none;margin: 10px auto;font: 400 18px Walsheim-Bold;}
.button:hover{background-image: url("../images/1.png");background-repeat: repeat;}
.textfield,.txtEditBox{width: 200px;line-height: 28px;height:28px;color: #555;border:1px solid #aaa;font: 400 13.3333px Walsheim-Regular;}
.textfield:focus,.txtEditBox:focus{box-shadow: 0 0 5px RGB(0,185,86);border:1px solid RGB(0,185,86);}
.imgLogin{width: 50%;margin: 100px auto 7px;position: relative;}
.logoIMG{width: 225px;background:url(../images/logo.svg) no-repeat; height: 43px;display: inline-block;}

.loginIMG{position: absolute;left: -240px;top: -3px;width: 240px;background:url(../images/logo.svg) no-repeat; height: 43px;   }
.login1IMG{position: absolute;right: -155px;top: -3px;background:url(../images/logo1.svg) no-repeat;width: 138px; height: 43px;}
.logo-header{width:1404px;margin: auto;}
.logoIMGclass{position:relative;top:67px;margin-right:20px;}
.logo1IMG{position:relative;top:66px;margin-left:20px;    display: inline-block;background:url(../images/logo1.svg) no-repeat;width: 110px; height: 43px;}
.wq{display: inline-block;}
/* webdavobj */
.arrow {    margin: -30px 0 30px 0; }
.chk11 { float: left;   margin: 3px 8px -3px 0; padding: 0; border: 0; *margin:0px 8px 3px 0 }
.chk12 {    margin: 7px 8px -7px 0; *margin: 3px 8px -10px 0 	}
.boldTxt {  font-family: Walsheim-Bold; }
.content label.error, label.error 	{	font-size:11px; font-weight:normal; color:#f00	}

.exit {	float:left; font-family: Walsheim-Bold; margin:10px 0 -10px 0; cursor:pointer	}
.exit:hover {	 color:#000	}
.content label.title{color: #777;font-size: 18px;text-shadow: 0 0 5px #aaa;font-weight: 600;}

.unblock {	background:url(../images/status-icon1.png) no-repeat 0 0px; padding-left:18px		}
.block {	background:url(../images/status-icon6.png) no-repeat 0 0px; padding-left:18px		}
.unblock:hover, .block:hover {	text-decoration:underline	}
.helpBody .content {  width:890px; 	}
ul.helpList, .ul.helpList li, ul.helpList ul, ul.helpList ul li, .helpBody h2 {	margin:0; padding:0; font-size:16px; font-family: Walsheim-Bold; 	}
ul.helpList, ul.helpList ul {	list-style:none	}
ul.helpList {	margin-top:10px;	}
ul.helpList ul li {	margin:4px 0 4px 20px; font-weight:normal;  	}
.helpBody h2 {	border-top:1px solid #c4c8bd; margin-top:15px; padding-top:15px;text-shadow: rgb(170, 170, 170) 0px 0px 5px;color:rgb(5, 189, 161); }

strong.dot, .content select.combo1, .content input.textfield1 {	float:left;		 }
strong.dot {padding-top:3px;}
form {margin:0; padding:0;}

.btnWrp {	margin:0 0 0 2px; padding:0; display:inline-block; *display:inline; background:url(../images/button.png) right -31px; height:31px; padding-right:2px;  height:31px;	}
.btnbgWrp {	margin:0 0 0 2px; padding:0; display:inline-block; *display:inline; background:url(../images/button-bg.png) right -31px; height:31px; padding-right:6px;  height:31px;	}
.btnWrp input {	border:0; background:url(../images/button.png) no-repeat; padding:3px 8px 4px 14px; font:bold 13px Arial;  font-size: 13px;font-family: Walsheim-Bold;  color:#000000; cursor:pointer; height:31px;  margin:0; *padding:3px 2px 4px 8px;	}
.helpBody .helpTitle {  background: none; font: bold 28px arial;font-size: 28px;font-family: Walsheim-Bold; color: rgb(5, 189, 161); margin-top: 3px; text-shadow: rgb(170, 170, 170) 0px 0px 5px; }
.footerHelp { width: 1002px; margin: 0 auto; background: #fff; }

.notion_logo {display:block; background:url() no-repeat;  height: 80px; width:400px;    }
.liginbox a:hover { text-decoration: underline; }
input{ vertical-align:middle; margin:0px; padding:0;font: 400 13.3333px Walsheim-Regular;}
.file-box{ position:relative;width:340px}
.txt{ height:26px; border:1px solid #cdcdcd; width:200px;margin-right: 8px;}
.btn{ background-color:#FFF; border:1px solid #CDCDCD;height:24px; width:70px;}
.file{ position:absolute; top:0px; left:0px; height:24px; filter:alpha(opacity:0);opacity: 0;width:270px;font-size:18px; }
.disabledBtn{background:url(../images/disabledBtn.png) repeat scroll right -31px transparent;}
.disabledBtn input{background:url(../images/disabledBtn.png) no-repeat scroll 0 0 transparent;color:#adadad;cursor:default;}
.shareFilebox   {	width:1000px;	margin:100px auto 0 auto;  color:#666666; 	}
.shareFilebox	span	{	padding-left:0px;	}
.btn-apply{display: inline-block;padding: 0 25px; height: 32px;line-height: 32px;text-align:center;text-decoration:none;color:#fff ; border-radius: 32px;background-color: RGB(0,185,86);font: 400 13.3333px Walsheim-Bold;}
.btn-apply:hover{background-image: url("../images/1.png");background-repeat: repeat;}
.btn-apply:focus{color:#fff;background-color:RGB(0,185,86);background-image: url("../images/1.png");background-repeat: repeat;}
/* .btn-apply.mep{	width:100px;} */
.btn-apply.hover:disabled, .btn-apply:disabled:hover {background-color: #d3d3d3;background-image: -moz-linear-gradient(center top , #d3d3d3, #b3b3b3);background-repeat: repeat-x;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);color: #f5f5f5;cursor: not-allowed;}
.btn-apply.active, .btn-apply:active {background-image: none;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);outline: 0 none;color:#fff;}
.btn-apply.disabled, .btn-apply[disabled] {background: #d3d3d3;background-image: -moz-linear-gradient(center top , #d3d3d3, #b3b3b3);background-repeat: repeat-x;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);color: #f5f5f5;}

/* software */
.btnWrn{padding: 4px 8px;border-radius: 5%;background: gainsboro;}
table.software_table{border:0;}
table.software_table th, table.software_table td{border:0}
table.software_table tbody tr:nth-child(2n){background:none;}
/* wifisettings */
.wps_btn{width:200px;height:30px;background: #aaa;}
.wifi_right{float:left;margin-left:150px;}
.cur_gray{color:#333}
.cur_red{color:#f00;cursor: pointer;}
.cur_normal{color:RGB(0,185,86);text-decoration: underline;cursor: pointer;}
.cur_disabled{ pointer-events: none;cursor: text;}

 /*SMS */
.chzn-container{background-color: #D4DAE2; padding: 5px;border:1px solid #aaa;margin-bottom:10px;}
.sms_textarea{height: 150px; width: 670px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) inset;padding: 4px;border:1px solid #aaa;margin-bottom:15px;}
.sms_bottom{text-align: right;}
.sms_numTip{margin-right:80px;}
.cp_upgrade_tip{color:#777;margin:0;}
.return_information_content{border:1px solid #999;height:250px;overflow-y: scroll}
.return_information>ul{list-style:none;padding:5px;margin:0; }
.return_information>ul>li:last-child{color:blue}
.return_information>ul>li:last-child span{vertical-align: top;}
.return_information>ul>li>textarea{border:0;outline:none;resize: none;width:70%;overflow: hidden;}
.return_information>ul>li>span{display: inline-block;}
.return_information>ul>li>span:first-child{width:90px;}
.return_information>ul>li>div{display: inline-block;}

/*note */
.noteBox{margin-bottom:15px;line-height:24px;}
.note_title{font-size: 16px;line-height: 28px;margin-bottom:5px;}
.noteBox ul{font-size:14px;padding-left:18px;list-style: unset;}
.noteBox ul li{line-height:24px;}
.noteBox .note_list{font-size:14px;line-height:24px;margin-bottom:5px;}
ul.noteBox{list-style: none;}
.networkImg{padding: 15px 0;background: #fff;border-radius:10px;text-align: center;}
.networkImg .imgs{display: inline-block; width:146px;height:95px;position: relative;}
.networkImg .imgs img{position: absolute;left:0;top:19px;}
.networkImg .imgs .img2{top:45px;display: none;}
.networkImg .imgs .img1{top:32px;}
.wps_group{margin-bottom:15px;}
.wps_group ul{list-style: none;}
.wps_group ul li{line-height:24px;margin-bottom:10px;margin-left:217px;}
.wps_group.antenna ul li{margin-left:250px;}
.wps_title{width:213px;display:inline-block;font-weight:600;color:rgb(102, 102, 102);}
.antenna .wps_title{width:245px;}
.wps_group label{display: inline-block; color:#f00;}
.wps_group .divcancel_session{display: none;margin-left:45px;}
.content .sel_device{width:140px;border:1px solid #aaa;height:28px;box-sizing: border-box;}
.divbox{margin:10px auto;padding:10px;text-align: center;border-radius:10px;background: rgba(0,0,0,0.1);}
/* phonebook */
#moveContact,#copyContact{margin: 1px 10px 1px 100px;}
/* homework */
.pc_device{display:block;}
.phone_device{display:none;}
 
 /* password charge*/
.pwdCharge{text-align: center;margin-top:3px;}
.pwd_list{float:left;width:67px;height:14px;line-height: 14px;font-size:12px;background-color:gray;color:#000;}
.pwd_low{background-color:red;}
.paw_mid{background-color:orange;}
.paw_hig{background-color:green;}
.divlabel label{display: inline-block;margin-right:25px;padding:0;font-weight:400;}
 /* ddns */
.button-key.disabled{ pointer-events: none;}
.wifiDDNS_table th{width:97px;}
.wifiDDNS_table input,
.wifiDDNS_table select{width:98%;text-align: center;}
.wifiDDNS_table span{text-decoration: underline;cursor: pointer;}
.wifiDDNS_table span:first-child{margin-right:10px;}
.wifiDDNS_table tr input,
.wifiDDNS_table tr select{ border:0;height:22px;box-sizing: border-box;}
.wifiDDNS_table tr  input.editor,
.wifiDDNS_table tr  select.editor{border:1px solid #aaa;}
.wifiDDNS_table tr  select.editor{position:relative;top:1px;}
table.wifiDDNS_table tr:nth-child(2n) {background: #fff;}
table.wifiDDNS_table img{vertical-align: middle;}
table.wifiDDNS_table td{padding:0 2px;}
table.engineer td{text-align: left;padding:2px 0 2px 10px;}
/* device management */
.remoteIP{margin-left:222px;}
#txt_MC_timeout{position:relative;top:-1px;}
.label_engineer{margin-right:20px;}
 /* work mode */
/* #wanCtr input{width:178px;line-height: 30px;padding:0 3px;height:30px;border:1px solid #aaa;}
 #StaticIP span{display:inline-block;width:26%;line-height: 30px;}
 #StaticIP label{height:30px;line-height: 30px;}
 #StaticIP li{height:35px;} */
 /* engineer info   APN INFO*/
#refreshBtnBox {margin-top:30px;}
#refreshBtnBox *{margin-top:8px;}
.InfoDiv{padding:0 10px 8px;background:rgba(221,221,221,0.6);box-sizing: border-box;border-radius:8px;}
.InfoDiv ul{width: 50%;line-height:30px;font-size:13px;}
.InfoDiv.changeWith ul{width:100%;}
.InfoDiv ul li{margin-top:8px;}
.infoLeft_key{display: inline-block;width:185px;}
/* traffic */
.trafficDiv{margin-top:15px;}
.chart_progress{margin-top:54px;}
.progress_parent{height:14px;background: #ddd;border:1px solid #9E9E9E;border-radius:8px;}
.progress_child{height:100%;background: url(../images/1.png) repeat RGB(0,185,86);border-radius:8px;}
.chart_text{display: flex;justify-content: space-around;}

/* parentControl */
.not-clickable{cursor:not-allowed;pointer-events:none;}
.switch_parent{width:32px;height:15px;border-radius: 20px;display: inline-block;}
.switch_parent.on{background: RGB(0,185,86);}
.switch_parent.off{background: #777;}
.switch_child{height:15px;width:15px;border-radius:50%;background: #fff;}
.on .switch_child{float: right;}
.parent_days{margin-left:170px;padding-left:1px}
.parent_days li{float:left;margin-right:10px;font-size: 12px;}
.parent_days li.conn{color:RGB(0,185,86);}
.hook.parent_days{max-height:140px;overflow:auto;}
.hook.parent_days li{float:none;margin-right:0}
#mbox .popUpBox2 input[type="checkbox"]{width:15px;margin-top:4px;}
#mbox .popUpBox2 input[type="radio"]{width:15px;margin-top:4px;}
.parent-time{position: relative;display: inline-block;}
.parent-time .parent-time-txt{position:absolute;top:0;left:0;}
#mbox .popUpBox2 input.parent-time-txt{width:50px;height:27px;background: #fff;}
#lt_parent_filter_tip{margin-left:170px;}
#mbox .popUpBox2 .parent-time select{width:42px;font-size: 12px;height:23px;}

#btnSignIn[disabled]{background: #d3d3d3;
    background-image: -moz-linear-gradient(center top , #d3d3d3, #b3b3b3);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #f5f5f5;}
#smsNum{position: absolute;top: -7px;color:RGB(0,185,86);}
/* body::-webkit-scrollbar{display: none;} */