@charset "utf-8";
/* CSS Document */


/**** add by cx start *********************************************************************************************/
/** 滚动条部分样式 只兼容chrome **/
::-webkit-scrollbar {				/*滚动条整体部分，其中的属性有width,height,background,border（就和一个块级元素一样）等。*/
    width: 13px;
    border: 1px solid #ffffff;
}
::-webkit-scrollbar-button {		/*滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。*/
    height: 3px;
    background-color: #ffffff;
}
::-webkit-scrollbar-track {			/*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。*/
    background-color: #ffffff;
    width: 9px;
}
::-webkit-scrollbar-track-piece {	/*内层轨道，滚动条中间部分（除去）。*/
    background-color: #ffffff;
}
::-webkit-scrollbar-thumb {			/*滚动条里面可以拖动的那部分*/
    background: #9BDCEB;
    border-radius: 35px;
    border: 3px solid #ffffff;
}
::-webkit-scrollbar-thumb:hover {	/*滚动条里面可以拖动的那部分*/
    background: #9BDCEB;
}
::-webkit-scrollbar-corner {		/*边角*/
    background: #ffffff;
}
::-webkit-scrollbar-resizer {		/*定义右下角拖动块的样式*/
    background: rgb(200,200,200);
}

/*index部分*/
div.top{
	position: relative;
	height: 100%;
	min-width: 980px;
}
div.top-bg{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;

	height: 100%;
	width: 100%;
}
div.top-bg div.top-bg-l{
	width: 50%;
	height: 100%;
	display: inline-block;
	background-color: #f2f2f2;
}
div.top-bg div.top-bg-r{
	width: 20%;
	height: 100%;
	display: inline-block;
	background-color: #ffffff;
}

div.top-header{
	/*width: 100%;*/
	height: 90px;
	background-color: #10abe1;
}

div.top-main div.top-content,
div.top-main div.top-footer-wrap,
div.top-header div.top-header-wrap{
	width: 980px;
	min-width: 980px;
	margin: 0 auto;
}
div.top-header div.top-header-wrap{
	/*padding-top: 48px;*/
	position: relative;
}
div.top-header div.top-header-wrap h1,
div.top-header div.top-header-wrap div.top-nav,
div.top-header div.top-header-wrap div.lan-select-container,
div.top-header div.top-header-wrap div.top-control{
	display: inline-block;
	vertical-align: bottom;
}
div.top-header div.top-header-wrap div.top-control{
	position: absolute;
	bottom: 0;
	right: 0;
}
div.top-header div.top-header-wrap h1{
	background: url(../img/tp-link.png) no-repeat left center;
	color: #ffffff;
	width: 230px;

	height: 16px;
	padding: 62px 0 12px 10px;

	padding-left: 10px;
}
div.top-header div.top-header-wrap div.top-nav ul li{
	display: inline-block;
	/*width: 125px;*/
	height: 20px;
	margin-bottom: 11px;
	border-left: 1px #F4F4F4 solid;

	margin-left: -1px;
	padding-right: 1px;
}
div.top-header div.top-header-wrap div.top-nav ul li.selected,
div.top-header div.top-header-wrap div.top-nav ul li.selected + li,
div.top-header div.top-header-wrap div.top-nav ul li:hover,
div.top-header div.top-header-wrap div.top-nav ul li:hover + li{
	border-left: 1px #10abe1 solid;
}

div.top-header div.top-header-wrap div.top-nav ul li.fst{
	border-left: none;
	margin-left: 0;
}
div.top-header div.top-header-wrap div.top-nav ul{
	height: 31px;
	font-size: 0;
	position: relative;
}
div.top-header div.top-header-wrap div.top-nav ul li div.nav-wrap{
	position: relative;
	top: -11px;
}
div.top-header div.top-header-wrap div.top-nav ul li a.nav{
	color: #ffffff;
	font-size: 16px;

	/*display: inline-block;*/
	display: table-cell;

	height: 42px;
	/*line-height: 42px;*/
	

	/*min-width: 125px;*/
	width: 125px;
	max-width: 125px;
	/*margin-top: -11px;*/

	text-align: center;

	border-radius: 5px 5px 0 0;
	background-color: #10abe1;
}
div.top-header div.top-header-wrap div.top-nav ul li a.nav:hover{
	background-color: #4dc7ef;
}
div.top-header div.top-header-wrap div.top-nav ul li.selected a.nav{
	background-color: #ffffff;
	color: #4d4d4d;
}
div.top-header div.top-control div.lan-select-container{
	margin-left: 30px;
	margin-right: 21px;

	margin-bottom: 10px;
	max-width: 185px;
}
div.top-header div.top-control div.lan-select-container div.widget-wrap{
	border: 1px solid #00a2aa;
}
div.top-header div.top-control div.lan-select-container div.widget-wrap input.combobox-text{
	color: #10abe1;
	padding: 0 0 0 4px;
	width: 150px;
}
div.top-header div.top-control div.lan-select-container div.widget-wrap a.combobox-switch{
	background-color: #f0f0f0;
	width: 22px;
	height: 20px;
}
div.top-header div.top-control div.lan-select-container div.widget-wrap a.combobox-switch span.icon{
	background-position: -233px -17px;
	width: 18px;
	height:18px;
	margin: 1px 2px;
}
div.top-header div.top-control div.lan-select-container div.widget-wrap div.combobox-list-wrap{
	top: 27px;
}
div.top-header div.top-control a.top-control-btn{
	border-radius: 4px;
	display: inline-block;
	width: 46px;
	height: 46px;

	margin-right: 3px;
	margin-bottom: 10px;
}
div.top-header div.top-control a.top-control-btn:hover{
	background-color: #4dc7ef;
}
div.top-header div.top-control a.top-control-btn span{
	display: block;
	margin: 0 auto;
}
div.top-header div.top-control a.top-control-btn span.icon{
	height: 20px;
	width: 22px;
	background: url(../img/icons-01.png) no-repeat -80px -224px;

	margin-top: 6px;
	margin-bottom: 2px;
}
div.top-header div.top-control a.top-control-btn#top-control-sysmode span.icon{
	background-position: -79px -363px;
}
div.top-header div.top-control a.top-control-btn#top-control-logout span.icon{
	background-position: -80px -224px;
}
div.top-header div.top-control a.top-control-btn#top-control-reboot span.icon{
	background-position: -116px -224px;
}
div.top-header div.top-control a.top-control-btn span.text{
	color: #ffffff;
	font-size: 10px;
	text-align: center;
}

div.top-main{
	overflow-x: hidden;
	overflow-y: auto;

	height: calc(100% - 90px);
}
div.top-main div.top-content{
	position: relative;
	min-height: 100%;
}
div.top-footer{
	background-color: #e6e6e6;
	/*clear: both;*/
}
div.top-footer div.top-footer-wrap{
	padding: 26px 0;
}
div.top-footer div.top-footer-wrap span#hardware-version-title{
	margin-left: 30px;
}
div.top-footer div.top-footer-wrap span.help-faq{
	float: right;
	/*margin-left: 288px;*/
}
div.top-footer div.top-footer-wrap a.btn-faq{
	color: #4d4d4d;
	text-decoration: underline;
}

div.menu-container{
	float: left;
}
div.menu-container ul.menu-tree{
	/*padding: 18px 0 8px 0;*/
	/*padding-top: 20px;*/
	padding-bottom: 8px;
}
div.menu-container ul.menu-tree li a{
	overflow: hidden;
	white-space: normal;
	word-break: normal;
	word-wrap: normal;
}
div.menu-container ul.menu-tree li.fst{
	margin: 8px 16px 0 0;
}
div.menu-container ul.menu-tree li.fst a.fst{
	/*display: inline-block;*/
	display: table;
	width: 204px;
	height: 50px;
	/*line-height: 50px;*/

	border-left: 4px solid #ffffff;
	background-color: #ffffff;
}
div.menu-container ul.menu-tree li.fst a.fst.selected{
	border-left: 4px solid #10abe1;
}
div.menu-container ul.menu-tree li.fst a.fst span.text{
	color: #4d4d4d;
	font-size: 14px;
	display: table-cell;
	width: 154px;
}
div.menu-container ul.menu-tree li.fst a.fst span.icon{
	background: url(../img/icons-01.png) no-repeat -7px -7px;
	display: inline-block;
	width: 22px;
	height: 22px;

	/*margin: 0 14px;*/
	margin: 14px;
}
div.menu-container ul.menu-tree li.fst a.fst.deployed span.icon,
div.menu-container ul.menu-tree li.fst a.fst:hover span.icon,
div.menu-container ul.menu-tree li.fst a.fst.selected span.icon{
	background-position: -43px -7px;
}
div.menu-container ul.menu-tree li.fst a.fst.deployed span.text,
div.menu-container ul.menu-tree li.fst a.fst:hover span.text,
div.menu-container ul.menu-tree li.fst a.fst.selected span.text{
	color: #10abe1;
}
div.menu-container ul.sec{
	margin-left: 4px;
	padding-top: 8px;
	background-color: #ebebeb;
}
div.menu-container ul.sec li.sec a.sec{
	/*display: inline-block;*/
	display: table-cell;
	height: 42px;
	/*line-height: 42px;*/
	color: #4d4d4d;

	width: 140px;
	max-width: 140px;
	padding-left: 64px;
}
div.menu-container ul.sec li.sec a.sec span.text{
	display: list-item;
	list-style: disc;
}
div.menu-container ul.sec li.sec a.sec:hover{
	color: #10abe1;
}
div.menu-container ul.sec li.sec a.sec.selected{
	background-color: #54c7e2;
	color: #ffffff;
}
div.function-container{
	margin-left: 224px;
	background-color: #ffffff;

	padding: 32px 50px;
}

div.menu-container ul.menu-tree li#menu-advanced-status-li.fst a.fst span.icon{
	background-position: -7px -7px;
}
div.menu-container ul.menu-tree li#menu-advanced-status-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-status-li.fst.selected a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-status-li.fst.deployed a.fst span.icon{
	background-position: -43px -7px;
}
div.menu-container ul.menu-tree li#menu-advanced-network-li.fst a.fst span.icon{
	background-position: -7px -43px;
}
div.menu-container ul.menu-tree li#menu-advanced-network-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-network-li.fst.selected a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-network-li.fst.deployed a.fst span.icon{
	background-position: -43px -43px;
}
div.menu-container ul.menu-tree li#menu-advanced-wireless-li.fst a.fst span.icon{
	background-position: -7px -79px;
}
div.menu-container ul.menu-tree li#menu-advanced-wireless-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-wireless-li.fst.selected a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-wireless-li.fst.deployed a.fst span.icon{
	background-position: -43px -79px;
}
div.menu-container ul.menu-tree li#menu-advanced-guest-network-li.fst a.fst span.icon{
	width: 24px;
	background-position: -6px -115px;
}
div.menu-container ul.menu-tree li#menu-advanced-guest-network-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-guest-network-li.fst.selected a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-guest-network-li.fst.deployed a.fst span.icon{
	background-position: -42px -115px;
}
div.menu-container ul.menu-tree li#menu-advanced-nat-forwarding-li.fst a.fst span.icon{
	background-position: -7px -151px;
}
div.menu-container ul.menu-tree li#menu-advanced-nat-forwarding-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-nat-forwarding-li.fst.selected a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-nat-forwarding-li.fst.deployed a.fst span.icon{
	background-position: -43px -151px;
}
div.menu-container ul.menu-tree li#menu-advanced-usb-settings-li.fst a.fst span.icon{
	background-position: -7px -187px;
}
div.menu-container ul.menu-tree li#menu-advanced-usb-settings-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-usb-settings-li.fst.selected a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-usb-settings-li.fst.deployed a.fst span.icon{
	background-position: -43px -187px;
}
div.menu-container ul.menu-tree li#menu-advanced-parental-control-li.fst a.fst span.icon{
	width: 23px;
	background-position: -6px -224px;
}
div.menu-container ul.menu-tree li#menu-advanced-parental-control-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-parental-control-li.fst.selected a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-parental-control-li.fst.deployed a.fst span.icon{
	background-position: -42px -224px;
}
div.menu-container ul.menu-tree li#menu-advanced-qos-li.fst a.fst span.icon{
	background-position: -7px -259px;
}
div.menu-container ul.menu-tree li#menu-advanced-qos-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-qos-li.fst.selected a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-qos-li.fst.deployed a.fst span.icon{
	background-position: -43px -259px;
}
div.menu-container ul.menu-tree li#menu-advanced-streamboost-li.fst a.fst span.icon{
	background-position: -7px -259px;
}
div.menu-container ul.menu-tree li#menu-advanced-streamboost-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-streamboost-li.fst.selected a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-streamboost-li.fst.deployed a.fst span.icon{
	background-position: -43px -259px;
}

div.menu-container ul.menu-tree li#menu-advanced-security-li.fst a.fst span.icon{
	background-position: -7px -295px;
}
div.menu-container ul.menu-tree li#menu-advanced-security-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-security-li.fst.selected a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-security-li.fst.deployed a.fst span.icon{
	background-position: -43px -295px;
}
div.menu-container ul.menu-tree li#menu-advanced-ipv6-li.fst a.fst span.icon{
	background-position: -7px -363px;
}
div.menu-container ul.menu-tree li#menu-advanced-ipv6-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-ipv6-li.fst.selected a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-ipv6-li.fst.deployed a.fst span.icon{
	background-position: -43px -363px;
}
div.menu-container ul.menu-tree li#menu-basic-advance-setting-li.fst a.fst span.icon{
    background-position: -7px -471px;
}
div.menu-container ul.menu-tree li#menu-basic-advance-setting-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-basic-advance-setting-li.fst.selected a.fst span.icon,
div.menu-container ul.menu-tree li#menu-basic-advance-setting-li.fst.deployed a.fst span.icon{
    background-position: -43px -471px;
}
div.menu-container ul.menu-tree li#menu-advanced-system-tools-li.fst a.fst span.icon{
	background-position: -7px -331px;
}
div.menu-container ul.menu-tree li#menu-advanced-system-tools-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-system-tools-li.fst.selected a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-system-tools-li.fst.deployed a.fst span.icon{
	background-position: -43px -331px;
}
div.menu-container ul.menu-tree li#menu-advanced-vpn-li.fst a.fst span.icon{
	background-position: -77px -399px;
}
div.menu-container ul.menu-tree li#menu-advanced-vpn-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-vpn-li.fst.selected a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-vpn-li.fst.deployed a.fst span.icon{
	background-position: -114px -399px;
}


/****/
div.menu-container ul.menu-tree li#menu-basic-network-map-li.fst a.fst span.icon{
	background-position: -7px -399px;
}
div.menu-container ul.menu-tree li#menu-basic-network-map-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-basic-network-map-li.fst.selected a.fst span.icon,
div.menu-container ul.menu-tree li#menu-basic-network-map-li.fst.deployed a.fst span.icon{
	background-position: -43px -399px;
}
div.menu-container ul.menu-tree li#menu-basic-internet-li.fst a.fst span.icon{
	background-position: -7px -43px;
}
div.menu-container ul.menu-tree li#menu-basic-internet-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-basic-internet-li.fst.selected a.fst span.icon,
div.menu-container ul.menu-tree li#menu-basic-internet-li.fst.deployed a.fst span.icon{
	background-position: -43px -43px;
}
div.menu-container ul.menu-tree li#menu-basic-wireless-li.fst a.fst span.icon{
	background-position: -7px -79px;
}
div.menu-container ul.menu-tree li#menu-basic-wireless-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-basic-wireless-li.fst.selected a.fst span.icon,
div.menu-container ul.menu-tree li#menu-basic-wireless-li.fst.deployed a.fst span.icon{
	background-position: -43px -79px;
}

div.menu-container ul.menu-tree li#menu-basic-guest-network-li.fst a.fst span.icon{
	width: 24px;
	background-position: -6px -115px;
}
div.menu-container ul.menu-tree li#menu-basic-guest-network-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-basic-guest-network-li.fst.selected a.fst span.icon,
div.menu-container ul.menu-tree li#menu-basic-guest-network-li.fst.deployed a.fst span.icon{
	background-position: -42px -115px;
}
div.menu-container ul.menu-tree li#menu-basic-usb-li.fst a.fst span.icon{
	background-position: -7px -187px;
}
div.menu-container ul.menu-tree li#menu-basic-usb-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-basic-usb-li.fst.selected a.fst span.icon,
div.menu-container ul.menu-tree li#menu-basic-usb-li.fst.deployed a.fst span.icon{
	background-position: -43px -187px;
}
div.menu-container ul.menu-tree li#menu-basic-parental-control-li.fst a.fst span.icon{
	width: 23px;
	background-position: -6px -224px;
}
div.menu-container ul.menu-tree li#menu-basic-parental-control-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-basic-parental-control-li.fst.selected a.fst span.icon,
div.menu-container ul.menu-tree li#menu-basic-parental-control-li.fst.deployed a.fst span.icon{
	background-position: -42px -224px;
}

/*span.reboot-confirm-msg-icon{
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../img/icons-01.png) no-repeat -219px -111px;
}
span.reboot-confirm-msg-text{
	display: inline-block;
	margin-left: 20px;
}
div.reboot-confirm-qa{
	margin: 30px 0;
}*/
div.msg-container.reboot-confirm-size{
	width: 500px;
}
div.msg-container.reboot-confirm-size div.msg-wrap{
	/*height: 166px;*/
}
div.reboot-loading-msg{
	margin: -6px 10px 64px -20px;
	color: #0094BC;
	width: 500px; 
}
div.reboot-loading-msg div#multi_probar_note{
	margin: 20px 5px 0;
	width: 390px;
}
div.reboot-loading-msg div#multi_probar_note span.text{
	color: #000;
	margin-left: 10px;
}
div.reboot-loading-msg div#multi_probar_note div{
	margin-top: 5px;
}
div.reboot-loading-msg div#multi_probar_note span{
	display: inline-block;
}
div.reboot-loading-msg div#multi_probar_note span.multi_probar_step{
	background: url(../img/icons-01.png) no-repeat -79px -430px;
    display: inline-block;
    width: 20px;
    height: 20px;
    color: #FFFFFF;
    line-height: 20px;
    text-align: center;
}
div.reboot-loading-msg div#multi_probar_note span.probar_finish{
	background: url(../img/icons-01.png) no-repeat -137px -430px;
    display: none;
    width: 20px;
    height: 20px;
    margin-left: 30px;
}
div.reboot-loading-msg div.progressbar-wrap-outer{
	margin-top: 20px;
}
div.reboot-loading-msg div.progressbar-text{
}
p.reboot-progressbar-text{
	padding-left: 5px;
	line-height: 20px;
}

/*div.menu-container ul.menu-tree li#menu-basic-qos-li.fst a.fst span.icon{
	background-position: -7px -151px;
}
div.menu-container ul.menu-tree li#menu-basic-qos-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-basic-qos-li.fst.selected a.fst span.icon{
	background-position: -43px -151px;
}*/


/**login**/
body#login-body{
    position: inherit;
    height: 100%;
}
body#login-body div#login-main{
	display: none;
}
body#login-body div.top{
    position: inherit;
}
body#login-body div.top-main div.top-content{
	width: 350px;
	min-width: inherit;
}
body#login-body div.top-footer{
    position: absolute;
    width: 100%;
    min-width: 980px;
    bottom: 0;
}
body#login-body div.top-footer div.top-footer-wrap{
    text-align: right;
}
body#login-body div.top-footer div.top-footer-wrap span.help-faq{
    float: none;
}
body#login-body form#form-login{
	margin-top: 94px;
}
body#login-body form#form-login div.login-field{
	margin: 8px 0;
}
body#login-body div.top-header div.top-control div.lan-select-container{
	margin: 0 0 20px 590px;
}
label#login-username-label span.icon,
label#login-password-label span.icon{
    background: url(../img/icons-01.png) no-repeat -148px -4px;
    display: inline-block;
    width: 27px;
    height: 27px;
    margin-right: 10px;
    margin-bottom: 2px;
}
label#login-username-label span.icon{
    background-position: -148px -4px;
}
label#login-password-label span.icon{
    background-position: -184px -4px;
}

body#login-body a#btn-forget-password{
	margin-left: 4px;
}

body#login-body div#forget-password-prompt{
	left: 180px;
	top: 138px;
}
body#login-body div#forget-password-situation-1{
	position: relative;
}
body#login-body div#forget-password-situation-1 p#forget-password-situation-1-info{
	margin-bottom: 24px;
}
body#login-body div#forget-password-situation-1 p#forget-password-situation-1-note{
	margin: 24px 0;
}
body#login-body div#forget-password-situation-1 span#send-failed-info{
	position: absolute;
	left: 110px;
	top: 65px;
	color: #dd4040;
}


body#login-body div.text-container.login-text div.widget-wrap{
	border-radius: 5px;
	background-color: #ffffff;
	border-color: #b2b2b2;
}
body#login-body div.text-container.login-text.error div.widget-wrap{
	border-color: #dd4040;
}
body#login-body div.checkbox-group-container.login-show-characters{
	margin: 0 0 0 37px;
}
body#login-body div.button-container.login-btn{
	margin-left: 41px;
	margin-top: 10px;
}
body#login-body div.button-container.login-btn button.button-button{
	width: 184px;
}
body#login-body div.conflict-situation{
	display: none;
}
body#login-body div.conflict-situation h4{
	margin-top: 36px;
}
body#login-body div.conflict-situation h4.title span{
	display: inline-block;
}
body#login-body div.conflict-situation h4.title span.icon{
	background: url(../img/icons-01.png) no-repeat -218px -110px;
	position: absolute;
	width: 32px;
	height: 32px;
}
body#login-body div.conflict-situation h4.title span.text{
	font-size: 21px;
	margin-left: 48px;
}
body#login-body div.conflict-situation div.content{
	margin: 18px 0 40px 48px;
}
body#login-body div.conflict-situation div.content span,
body#login-body div.conflict-situation div.content a{
	line-height: 24px;
	vertical-align: middle;
}
body#login-body h4.forget-password-title{
	font-size: 21px;
	margin: 0 0 18px 0;
}
body#login-body div.forget-password-situation{
	margin-bottom: 54px;
}
body#login-body div.btn-confirm.button-container{
	text-align: left;
}
body#login-body button#btn-receive-code{
	width: 106px;
}
body#login-body button#btn-forget-password-confirm{
	width: 294px;
}
/*quicksetup*/
div.quick-setup-wizard{
	padding-top: 27px;
}
div.quick-setup-wizard span.quicksetup-language-setting{
	margin-left: -70px;
}
div.quick-setup-wizard span.quicksetup-internet-connection-type{
	margin-left: -70px;
}
div.quick-setup-wizard span.quicksetup-wireless-settings{
	margin-left: -50px;
}
div.quick-setup-wizard span.quicksetup-summary{
	margin-left: -22px;
}
div.quick-setup-wizard span.quicksetup-setup-complete{
	margin-left: -42px;
}
div.quick-setup-wizard span.quicksetup_2g_connect{
	margin-left: -75px;
}
div.quick-setup-wizard span.quicksetup_5g_connect{
	margin-left: -65px;
}
div.quick-setup-wizard span.quicksetup_wireless{
	margin-left: -45px;
}
div.quick-setup-wizard span.quicksetup_summary{
	margin-left: -20px;
}
div.quick-setup-wizard span.quicksetup-region-setting{
	margin-left: -15px;
}


div.quick-setup-wizard span.quicksetup_2g_connect{
	margin-left: -75px;
}
div#quicksetup-form{
	/*margin-bottom: 40px;*/
}
div#quicksetup-form div#quick_setup_wizard{
	margin: 0;
}
div#quicksetup-form form{
	padding: 1px;
}
div#quicksetup-form p.emphasize{
	color: #191919;
}
div#quicksetup-form p a.summary{
	vertical-align: inherit;
}
div#quicksetup-form p#p-reconnect-network-info{
	margin: 32px 0 10px 0;
}
div#quicksetup-form p#p-reconnect-network-note-1{
	margin-top: 30px;
}
div#quicksetup-form p#p-quicksetup-congratulations-info-0{
	margin-top: 36px;
	margin-bottom: 0px;
}
div#quicksetup-form p#p-quicksetup-congratulations-info-1{
	margin-top: 5px;
	margin-bottom: 36px;
}
div#reset-user-msg-container{
	width: 568px;
}
h4.quicksetup-title,
div#quicksetup-form h3.title,
div#quicksetup-form h4.title,
div#reset-user-msg-container h3.msg-title{
	font-size: 21px;
	color: #191919;
}
div#reset-user-msg-container h3.msg-title{
	margin-bottom: 32px;
}
div#reset-user-msg-container div.reset-user-content{
	margin-bottom: 28px;
}
div#reset-user-msg-container div.msg-content-wrap{
	margin-bottom: 24px;
	margin-left: 60px;
}
div#reset-user-msg-container div.form-submit{
	margin-right: 20px;
}
h4.quicksetup-title span.icon{
	background: url(../img/icons-03.png) no-repeat -521px -98px;
	display: inline-block;
	height: 52px;
	width: 52px;
}
div#test-internet-success-container h4.quicksetup-title span.icon{
	background-position: -521px -98px;
}
div#test-internet-failed-container h4.quicksetup-title span.icon{
	background-position: -521px -152px;
}
h4.quicksetup-title span.text{
	margin-left: 10px;
}
div#quicksetup-form h4.display-wireless-title{
	color: #0094bc;
	margin-bottom: 16px;
}
div#quicksetup-form div.status-reconnect-button-container{
	text-align: right;
}
div#quicksetup-form div.progressbar-container{
	height: 20px;
}
div#quicksetup-form div#quicksetup-summary div.display-wireless-enable-summary,
div#quicksetup-form div#quicksetup-summary.wired h4.display-wireless-title{
	display: none;
}
div#quicksetup-form div.display-wireless-container-summary{
	margin-top: 32px;
}
div#quicksetup-form div#quicksetup-summary h4.display-wireless-title,
div#quicksetup-form div#quicksetup-summary.wired div.display-wireless-enable-summary{
	display: block;
}
div#quicksetup-form a.test-internet.link span.text{
	color: #f7931e;
	text-decoration: underline;
}
div#quicksetup-form a.test-internet.link span.icon{
	background: url(../img/icons-02.png) no-repeat -318px -58px;
	display: inline-block;
	height: 10px;
	width: 6px;
}
div.test-internet p.note{
	margin-left: 70px;
}
div.auto-detect-progressbar-wrap{
	display: inline-block;
	margin-left: 8px;
}
div.quicksetup-info-summary{
/*	padding: 10px;
	border: 1px solid #d9d9d9;*/
	margin-bottom: 15px;
	width: 320px;
	display: inline-block;
	/*height: 350px;*/
	vertical-align: top;
	background-color: #fafafa;
}
div.quicksetup-info-summary-ap{
	margin-right: 30px;
	height: 395px;
}
div.quicksetup-info-summary-router{
	margin-right: 30px;
	/*height: 395px;*/
}
div.wizard-container div.process-flow span.bar{
	width: 162px;
}
div.single-version.wizard-container div.process-flow span.bar{
	height: 3px;
	width: 225px;
}

div.ap-version.wizard-container div.process-flow span.bar{
	height: 3px;
	width: 332px;
}
div.ap-2g-only, div.ap-5g-only, div.wireless-2g-only, div.wireless-5g-only{
	height: 215px;
}
div.quicksetup-info-summary.ap-2g-only div.ap-router-part-2g{
	/*display: inline-block;
	width: 648px;*/
}
div.quicksetup-info-summary.ap-2g-only div.ap-router-part-5g{
	display: none; 
}
div.quicksetup-info-summary.ap-5g-only div.ap-router-part-2g{
	display: none; 
}
div.quicksetup-info-summary.ap-5g-only div.ap-router-part-5g{
	/*display: inline-block;
	width: 648px;
	border-left: 1px solid #d9d9d9;*/
}
/*
div.quicksetup-info-summary.wireless-2g-only div.wireless-info-2g{
	display: inline-block;
	width: 668px;
}*/
div.quicksetup-info-summary.wireless-2g-only div.wireless-info-5g{
	display: none;
}
div.quicksetup-info-summary.wireless-5g-only div.wireless-info-2g{
	display: none;
}
/*div.quicksetup-info-summary.wireless-5g-only div.wireless-info-5g{
	display: inline-block;
	width: 668px;
}*/

/*****ap quicksetup summary*****/
div.ap-quicksetup-info-summary{    
	margin-bottom: 15px;
    width: 670px;
}
div.ap-quicksetup-info-summary div.wireless-info-2g, div.ap-quicksetup-info-summary div.wireless-info-5g{     
	border: 1px solid #d9d9d9;
    display: table-cell;
    padding: 0;
    width: 340px;  
}
div.ap-quicksetup-info-summary div.wireless-info-5g{
	border-left: none;
}
div.ap-quicksetup-info-summary h4.quicksetup-title-2g, div.ap-quicksetup-info-summary h4.quicksetup-title-5g{    
	background-color: #fafafa;
    border-bottom: 1px solid #d9d9d9;
    font-size: 100%;
    font-weight: normal;
    padding: 15px 0;
    text-align: center;
}
/*div.ap-quicksetup-info-summary div.wireless-info-2g div.wireless-info-2g-inner, div.ap-quicksetup-info-summary div.wireless-info-5g div.wireless-info-5g-inner{
	padding: 10px 0 10px 10px;
}*/
/*******/

p.connection-error-p{
	margin: 30px 0;
}
div.pw-error-btn-wrap{
	margin-top: 30px;
	text-align: right;
}
div.widget-container.inline-block.go-basic-btn{
	margin-right: 10px;
}

h4.ap-router-title, h4.wireless-router-title{
	border: none;
	background-color: #96cc56;
    color: #fff;
    /*font-size: 14px;*/
    height: 35px;
    line-height: 35px;
    padding-left: 15px;
}
span.ap-router-title-icon, span.wireless-router-title-icon{
	display: inline-block;
    height: 22px;
    margin-bottom: 3px;
    margin-right: 5px;
    width: 22px;
    background: url(../img/icons-03.png) no-repeat -158px -510px;
}
h4#wirelress_router_title span.desk-wireless-router-title-icon,
span.desk-map-panel-icon-repeater2{
	display: inline-block;
	width: 29px;
	height: 22px;
	margin-right: 5px;
	margin-bottom: 3px;
	background: url(../img/icons-03.png) no-repeat -535px -362px;
}
span.wireless-router-title-icon{
    background: url(../img/icons-01.png) no-repeat -80px -400px;
}
span.desk-map-panel-icon-repeater2{
	background: url(../img/icons-03.png) no-repeat -535px -388px;
}
div.ap-router-part-2g, div.ap-router-part-5g, div.wireless-info-2g, div.wireless-info-5g, div.router-part{
	padding: 20px;
	border: none;
}
/*div.ap-router-part-2g{
	border-top: none;
}
div.ap-router-part-5g{
	border-left: none;
	border-top: none;
}

div.wireless-info-5g{
	border-left: none;
}*/
div.router-part{
	min-height: 150px;
}

div.wireless-info-2g div.text-container input.text-text.m {
    width: 140px;
}
div.wireless-info-5g div.text-container input.text-text.m {
    width: 140px;
}

h4.quicksetup-title-2g, h4.quicksetup-title-5g{
	text-align: center;
	padding: 15px 0;
	border-bottom: 1px solid #d9d9d9;
	background-color: #FAFAFA;
	font-size: 100%;
	font-weight: normal;
}

p.quickset-textarea-p{
	min-height: 30px;
	line-height: 30px;
	margin: 5px 0;
	vertical-align: middle;
}
p.quickset-textarea-p label.xs{
	display: inline-block;
	width: 78px;
	line-height: 22px;
	vertical-align: top;
}
p.quickset-textarea-p label.m{
	display: inline-block;
	width: 160px;
	line-height: 22px;
}
p.quickset-textarea-p span{
	display: inline-block;
	width: 200px;
	margin-left: 9px;
	word-wrap: break-word;
	line-height: 22px;
}
p.quickset-textarea-p span.input-readonly-m{
	width: 185px;
	vertical-align: top;
}
p.quickset-textarea-p span.input-readonly-s{
	width: 118px;
	vertical-align: top;
}
p.quickset-textarea-p span.input-readonly-xs{
	width: 100px;
	/*vertical-align: top;*/
}
/* summary finish */
div.summary-map{
	height: 160px;
}
div.summary-map div.map-router{
	left: 90px;
}
div.summary-map div.basic-router{
	cursor: pointer;
    left: 440px;
    padding-right: 17px;
    padding-top: 85px;
    position: absolute;
    text-align: center;
    top: 25px;
    width: 84px;
    /*height: auto;*/
}
div.summary-map div.basic-router div.icon{
	height: 80px;
    left: 0;
    position: absolute;
    top: 0;
    width: 65px;
    background: url(../img/icons-03.png) no-repeat -12px -501px;
}
div.summary-map-horizontal{
	height: 1px;
	border: none;
	width: 120px;
	position: absolute;
	background-color: #d9d9d9;
	top: 75px;
	left: 275px;
}
/* grid with no bars */
div.quicksetup-grid div.grid-container div.grid-header-container table th.grid-header, div.quicksetup-grid div.grid-container div.grid-content-container table td.grid-content-td{
	border-right: none;
}
div.quicksetup-grid div.grid-container div.grid-header-container{
	border-right: 1px solid #d9d9d9;
}
div.quicksetup-grid div.grid-container div.grid-content-container table tr.grid-content-tr:hover{
	border: 1px solid #9BCD61;
	cursor: pointer;
}
div.quicksetup-grid div.grid-container div.grid-content-container table tr.grid-content-tr.disabled:hover{
	border-bottom: 1px solid #d9d9d9;
}
div.quicksetup-grid div.grid-container.allow-scroll div.grid-content-container table{
	margin-top: 0;
}
div.quicksetup-grid div.grid-container div.grid-header-container table tr.grid-header-tr{
	border-bottom: none;
}
div.quicksetup-grid.no-cursor div.grid-container div.grid-content-container table tr.grid-content-tr:hover{
	border: 1px solid #d9d9d9;
	border-right: 0;
	border-bottom: 0;
	cursor: default;
}
/*** add by cx end **********************************************************************************************/

div.advanced-block,
div.basic-block{
	padding: 5px 0;
	cursor: pointer;
	/*width: 100px;*/
	margin-bottom: 12px;
	display: inline-block;
}
div.advanced-block span.advanced-icon,
div.advanced-block span.advanced-text,
div.basic-block span.basic-icon,
div.basic-block span.basic-text{
	display: inline-block;
}
div.advanced-block span.advanced-text,
div.basic-block span.basic-text{
	margin-left: 5px;
}
div.advanced-block span.advanced-icon,
div.basic-block span.basic-icon{
	width: 20px;
	height: 20px;
	background: url(../img/icons-01.png) no-repeat -152px  -116px;
}
div.basic-block span.basic-icon{
	background-position: -188px  -116px;
}
div.advanced-block span.advanced-icon{
	background-position: -152px  -116px;
}

div.advanced-block:hover,
div.basic-block:hover{
	color: #0094bc;
}
div.basic-block:hover span.basic-icon{
	background-position: -216px -263px;
}
div.advanced-block:hover span.advanced-icon{
	background-position: -216px -240px;
}

/**** add by szz start *********************************************************************************************/
/** internet****/
div.mode-change{
	position: absolute;
	top: 3px;
	right: 10px;
}
div.mode-change span.first-mode, div.mode-change span.second-mode{
	display: inline-block;
	cursor: pointer;
	padding: 2px 3px;
}
div.mode-change span.first-mode.hidden, div.mode-change span.second-mode.hidden{
	display: none;
}
div.mode-change span.mode-select{
	color: #0094BC;
}
div.widget-container.custom-mac-value{
	margin-left: 13px;
}
div.mode-change span.disabled{
	cursor: default;
	color: #b2b2b2;
}

/***  streamboost  ****/
div.sb-network-map{
	width: 706px;
	min-height: 500px;
	position: relative;
/*	background: url(../img/streamboost_map_1.png) no-repeat left top;	*/
}
div.sb-network-map div.line-speed{
	width: 215px;
	border-top: 1px solid #d9d9d9;
	position: absolute;
	top: 110px;
	left: 206px;
}
div.sb-network-map div.line-vertical{
	height: 28px;
	border-left: 1px solid #d9d9d9;
	position: absolute;
	top: 164px;
	left: 472px;
}
div.sb-network-map div.line-content{
	width: 385px;
	height: 30px;
	border: 1px solid #d9d9d9;
	border-bottom: none;
	position: absolute;
	top: 192px;
	left: 166px;	
}
div.sb-network-map div.line-box-left, div.sb-network-map div.line-box-right{
	width: 340px;
	height: 130px;
	border: 1px solid #d9d9d9;
	position: absolute;
	top: 223px;
	left: 0px;
	border-radius: 4px;
}
div.sb-network-map div.line-box-right{
	left: 370px;	
}
div.sb-network-map span.text{
	position: absolute;
	bottom: -20px;
	display: inline-block;
	width: 100%;
	text-align: center;
}
div.sb-network-map span.num{
	position: absolute;
	top: -12px;
	right: -17px;
	display: none;
	padding-top: 2px;
	width: 20px;
	height: 18px;
	border: 1px solid #f7931e;
	background-color: #f7931e;
	border-radius: 20px;
	color: #fff;
	text-align: center;
}
div.sb-map-internet-up span.speed-up-icon, div.sb-map-internet-down span.speed-down-icon{
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 5px;
	background: url(../img/icons-02.png) no-repeat -2px -2px;
}
div.sb-map-internet-down span.speed-down-icon{
	background: url(../img/icons-02.png) no-repeat -2px -20px;	
}

div.sb-map-internet, div.sb-map-internet-up, div.sb-map-internet-down, div.sb-map-router, div.sb-map-windows, div.sb-map-android, div.sb-map-ios, div.sb-map-unix, div.sb-map-linux, div.sb-map-macos, div.sb-map-otheros{
	position: absolute;
	height: 62px;
	cursor: pointer;
	top: 255px;
}
div.sb-map-internet-up, div.sb-map-internet-down{
	height: 30px;
	top: 83px;
	left: 286px;
}
 div.sb-map-internet-down{
 	top: 116px;
 }
div.sb-map-internet{
	width: 72px;
	height: 70px;
	top: 60px;
	left: 120px;
	background: url(../img/icons-03.png) no-repeat -9px -10px;
}
 div.sb-map-router{
 	top: 50px;
 	left: 430px;
 	width: 100px;
 	height: 81px;
	background: url(../img/icons-03.png) no-repeat -571px -4px;
 }
 div.sb-map-windows{
 	width: 63px;
 	left: 25px;
	background: url(../img/icons-03.png) no-repeat -13px -302px;
 }
 div.sb-map-windows.item-slt{
	background: url(../img/icons-03.png) no-repeat -13px -374px;
 }
 div.sb-map-android{
 	width: 56px;
 	left: 138px;
	background: url(../img/icons-03.png) no-repeat -89px -302px;
 }
 div.sb-map-android.item-slt{
	background: url(../img/icons-03.png) no-repeat -89px -374px;
 }
 div.sb-map-ios{
 	width: 50px;
 	left: 243px;
	background: url(../img/icons-03.png) no-repeat -164px -302px;
 }
 div.sb-map-ios.item-slt{
	background: url(../img/icons-03.png) no-repeat -164px -374px;
 }
 div.sb-map-unix{
 	width: 62px;
 	left: 395px;
	background: url(../img/icons-03.png) no-repeat -230px -302px;
 }
 div.sb-map-unix.item-slt{
	background: url(../img/icons-03.png) no-repeat -230px -374px;
 }
 div.sb-map-linux{
 	width: 52px;
 	left: 506px;
	background: url(../img/icons-03.png) no-repeat -307px -302px;
 }
 div.sb-map-linux.item-slt{
	background: url(../img/icons-03.png) no-repeat -307px -374px;
 }
 div.sb-map-otheros{
 	width: 62px;
 	left: 603px;
	background: url(../img/icons-03.png) no-repeat -374px -302px;
 }
 div.sb-map-otheros.item-slt{
	background: url(../img/icons-03.png) no-repeat -374px -374px;
 }
 .inlineBlock{
 	display: inline-block;
 }
div.router-return-icon{
	background: url(../img/icons-01.png) no-repeat -151px -151px;
	width: 21px;
	height: 18px;
	position: absolute;
	top: -2px;
	left: 60px;
	cursor: pointer;
}
div.device-return-icon{
	background: url(../img/icons-01.png) no-repeat -151px -151px;
	width: 21px;
	height: 18px;
	position: absolute;
	top: -2px;
	left: 60px;
	cursor: pointer;
}
div.policy-optimal, div.policy-nominal, div.policy-best{
 	position: absolute;
 	top: 20px;
 	right: 8px;
	width: 15px;
	height: 15px;
	border-radius: 15px;
	margin-right: 10px;
	border: none;
}
div.policy-optimal{
	background-color: #8CBC39;
}
div.policy-nominal{
	background-color: #54C7E2;
}
div.policy-best{
	background-color: #F9B61E;
}
span.test-bandwidth{
	text-decoration: underline;
	color: #F9B61E;
	cursor: pointer;
}
span.stick-top, span.priority-up, span.priority-down{
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
	color: #8CBC39;
}
span.stick-top-text, span.priority-up-text, span.priority-down-text{
	display: none;
}
div.sb-device-grid div.grid-content-td-wrap, div.sb-router-grid  div.grid-content-td-wrap{
	position: relative;
	padding: 3px 0;
	height: 52px;
}
.pro300{
 	width: 310px;
 }
div.progressbar-container.pro300 div.progressbar-content{
 	border: none;
 }
 div.progressbar-container.colorBlue div.progressbar-content div.progressbar-value{
 	background-color: #9EE6F2;
 }
.pro300 div.progressbar-value{
 	border-radius: 8px;
 }
div.h20{
	margin: 0;
}
div.h20 div.widget-wrap input.text-text{
	height: 20px;
	padding: 0;
	border: none;
	color: #599E00;
}
div.colorBlue div.widget-wrap input.text-text{
	color: #0094BC;
}
img.device-icons, img.router-icons{
	width: 40px;
	height: 40px;
	position: absolute;
	top: 10px;
	left: 8px;
}
div.router-name{
	position: absolute;
	top: 23px;
	left: 53px;
}

/** status ***/
div.status-panel{
	display: inline-block;
	vertical-align: top;
	width: 320px;
	position: relative;
	margin-bottom: 20px;
}
div.status-panel-main{
	border: 1px solid #d8d8d8;
	border-top: none;
	background-color: #ffffff;
	padding: 10px 0px 20px 22px;
}
div.status-panel h4.status{
	margin: 0px;
	padding: 10px 0 10px 18px;
	font-size: 12px;
	color: #3d3d3d;
	background-color: #F2F2F2;
	border: 1px solid #d8d8d8;
	border-bottom: none;
}
div.status-panel h4.status span.status-icon{
	display: inline-block;
	width: 22px;
	height: 22px;
	background-image: url(../img/icons-01.png);
	margin-right: 6px;
}
div.status-panel h4.status span.status-icon-internet{
	background-position: -7px -43px;
}
div.status-panel h4.status span.status-icon-wireless{
	background-position: -7px -79px;
}
div.status-panel h4.status span.status-icon-lan{
	background-position: -78px -294px;
}
div.status-panel h4.status span.status-icon-guest{
	background-position: -7px -187px;
}
div.status-panel h4.status span.status-icon-usb{
	background-position: -7px -115px;
}
div.status-panel h4.status span.status-icon-performance{
	background-position: -7px -7px;
}
div.status-panel h4.status span.status-icon-access{
	background-position: -80px -330px;
}
div.usb-panel div.status-panel-main{
	padding-left: 0px;
}
div.usb-panel div.usb-form-usb, div.usb-panel div.usb-form-printer{
	display: inline-block;
	width: 155px;
	height: 160px;
	vertical-align: top;
}
div.usb-panel span.icon-usb-storage{
	display: inline-block;
	height: 59px;
	width: 29px;
	background: url(../img/icons-03.png) no-repeat -391px -88px;
	margin: 5px 0px 5px 60px;
}
div.usb-panel p.usb-text-usb, div.usb-panel p.usb-text-printer{
	margin-bottom: 20px;
	padding-left: 62px;
}
div.usb-panel p.usb-text-printer{
	padding-left: 50px;
}
div.usb-panel p.usb-form-line{
	padding-left: 30px;
	position: relative;
}
div.usb-panel p.usb-form-line span.usb-storage-dot{
	position: absolute;
	top: 9px;
	left: 12px;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: #96CC56;
}
div.usb-panel p.usb-form-line div.widget-container{
	margin: 0;
}
div.usb-panel span.icon-usb-printer{
	display: inline-block;
	height: 54px;
	width: 56px;
	background: url(../img/icons-03.png) no-repeat -376px -160px;
	margin: 10px 0px 5px 40px;
}
div.usb-panel  div.status-panel-main, div.performance-panel  div.status-panel-main{
	height: 160px;
}
p.performance-line{
	margin-top: 30px;
}
div.access-panel{
	width: 652px;
	border: 1px solid #d8d8d8;
}
div.access-panel h4.status{
	border: none;
}
div.access-panel-left{
	display: inline-block;
	width: 288px;
	border: none;
	padding: 0;
	margin: 30px 0 0 40px;
	border-right: 1px solid #d8d8d8;
	vertical-align: top;
}
div.access-panel-right{
	display: inline-block;
	width: 278px;
	border: none;
	padding: 0;
	margin: 30px 0 20px 40px;
	vertical-align: top;
	max-height: 240px;
}
div.icon-access-wire, div.icon-access-wireless{
	position: relative;
	display: inline-block;
	width: 40px;
	height: 36px;
	background: url(../img/icons-03.png) no-repeat -459px -100px;
}
div.icon-access-wireless{
	background: url(../img/icons-03.png) no-repeat -456px -171px;
}
span.access-wire-clients-num, span.access-wireless-clients-num{
	position: absolute;
	top: -12px;
	right: -18px;
	width: 20px;
	height: 18px;
	text-align: center;
	padding-top: 2px;
	color: #fff;
	background: url(../img/icons-01.png) no-repeat -152px -332px;
}
p.access_client_name{
	display: inline-block;
	vertical-align: top;
	margin: 8px 0 0 30px;
}
div.progressbar-container.performance-memory-usage div.progressbar-content div.progressbar-value{
	background-color: #54C7E2;
}
div.status-panel h4.status span.conn-status{
	display: inline-block;
	width: 26px;
	height: 16px;
	margin-left: 5px;
	background: url(../img/icons-01.png) no-repeat -185px -152px;
}
div.status-panel h4.status span.conn-status.not-secure{
	background: url(../img/icons-01.png) no-repeat -152px -190px;
}
div.status-panel h4.status span.conn-status.not-open{
	background: url(../img/icons-01.png) no-repeat -186px -152px;
}
div.status-panel h4.status span.conn-status.conn-internet-connected{
	background: url(../img/icons-02.png) no-repeat -18px -1px;
	width: 18px;
	height: 16px;
}
div.status-panel h4.status span.conn-status.conn-internet-disconnected{
	background: url(../img/icons-02.png) no-repeat -37px -1px;
}
div.status-panel h4.status span.conn-status.conn-internet-poor-connected{
	background: url(../img/icons-02.png) no-repeat -161px -1px;
}
div.status-panel h4.status span.conn-status.hidden{
	display: none;
}
p.status-textarea-read{
	min-height: 30px;
	line-height: 30px;
	margin: 5px 0;
	vertical-align: middle;
}
p.status-textarea-read label.xs, p.status-textarea-read label.xxs{
	display: inline-block;
	width: 78px;
	line-height: 22px;
}
p.status-textarea-read label.s{
	display: inline-block;
	width: 110px;
	line-height: 22px;
}
p.status-textarea-read label.xxs{
	width: 46px;
}
p.status-textarea-read span{
	display: inline-block;
	width: 170px;
	margin-left: 10px;
	word-wrap: break-word;
	line-height: 22px;
}
p.status-textarea-read span.l{
	width: 230px;
}
/*********** simple version */
div.access-client-list{
	margin-top: 20px;
	height: 165px;
	overflow-x: hidden;
	overflow-y: auto;
}
div.access-client-list p.access-client-list-p{
	width: 180px;
	padding: 8px 0;
	border-bottom: 1px solid #d9d9d9;
	cursor: pointer;
	position: relative;
}
span.access-client-list-icon{
	position: absolute;
	top: 11px;
	right: 0;
	width: 10px;
	height: 8px;
	background: url(../img/icons-02.png) no-repeat -240px -41px;	
}
div.access-client-list p.selected-list-p{
	width: 180px;
	padding: 8px 0;
	border-bottom: 1px solid #d9d9d9;
	cursor: pointer;
	color: #0094BC;
}
div.access-client-list p.selected-list-p span.access-client-list-icon{
	background: url(../img/icons-02.png) no-repeat -238px -24px;
}
div.access-client-list div.access-client-detail{
	background-color: #f2f2f2;
	width: 260px;
	margin: 10px 0;
}
p.cfg_status{
	line-height: 26px;
}
label.label_status_s{
	display: inline-block;
	width: 115px;
	margin-left: 10px;
}
div.text-container.read-only div.widget-wrap input.text-text.usb-input-blue{
	color: #0094BC;
	text-align: right;
}
/********* end simple version */

div.internet-panel, div.lan-panel, div.usb-panel{
	margin-right: 8px;
}
div.status-panel div.mode-change{
	top: 12px;
	right: 6px;
}
div.lan-panel div.status-panel-main{
	height: 172px;
}
div.guest-panel div.status-panel-main{
	height: 172px;
}
div.internet-panel div.status-panel-main, div.wireless-panel div.status-panel-main{
	height: 248px;
}
div.text-container div.widget-wrap span.text-wrap input.usb-storage-input{
	width: 18px;
	padding: 0px;
	text-align: left;
	text-indent: 0;
}
div.textarea-container.read-only div.widget-wrap textarea.textarea-text.printer-textarea{
	padding: 2px 0;
}

div.wireless-panel div.status-panel-main div.widget-container div.widget-fieldlabel-wrap.xs{
	width: 100px;
}
div.wireless-panel div.status-panel-main p.status-textarea-read label.xs{
	width: 100px;
}
div.wireless-panel div.status-panel-main p.status-textarea-read span{
	width: 180px;
}

div.guest-panel div.status-panel-main div.widget-container div.widget-fieldlabel-wrap.m{
	width: 145px;
}
div.guest-panel div.status-panel-main p.status-textarea-read label.m{
	width: 145px;
}
div.guest-panel div.status-panel-main p.status-textarea-read span.input-readonly-m{
	width: 138px;
}
/*****************************************************/

div.map_wrap{
	top: 0;
	left: 0;
	width: 715px;
	min-height: 380px;
	position: relative;
}
div.map-internet{
	position: absolute;
	top: 35px;
	left: 10px;
	width: 74px;
	padding-top: 75px;
	text-align: center;
	cursor: pointer;
}
div.map-internet-connect{
}
div.map-router{
	position: absolute;
	top: 25px;
	left: 155px;
	width: 84px;
	padding-top: 85px;
	text-align: center;
	cursor: pointer;
}
div.map-router.selected div.map-icon-router{
 	background: url(../img/icons-03.png) no-repeat -427px -5px;
}

div.map-router-connect{
}

div.map-router-tip{
	position: absolute;
	top: 10px;
	left: 70px;
	right: -65px;
	height: 40px;
	font-weight: normal;
}
div.map-router-tip div.map-router-wrap{
	position: absolute;
	left: 0;
	width: 45px;
	height: 40px;
	font-size: 10px;
	text-align: center;
}
div.map-router-tip div.map-router-wrap-right{
	left: 48px;
}
div.map-router-tip div.map-router-wrap 	div.map-router-security-icon{
	display: inline-block;
	width: 26px;
	height: 20px;
	margin-bottom: 3px;
	background: url(../img/icons-03.png) no-repeat -12px -165px;
}
div.basic-router div.map-router-tip{
	left: 60px;
}
div.map-router-tip div.map-router-wrap 	div.map-router-security-icon.selected{
	background: url(../img/icons-03.png) no-repeat -49px -165px;
}
div.map-router-tip div.map-router-wrap 	div.map-router-security-icon.not-open{
	background: url(../img/icons-03.png) no-repeat -12px -232px;
}
div.map-router-tip div.map-router-wrap 	div.map-router-security-icon.not-secure{
	background: url(../img/icons-03.png) no-repeat -12px -200px;
}
div.map-router-tip div.map-router-wrap 	div.map-router-security-icon.not-open.selected, div.map-router-tip div.map-router-wrap 	div.map-router-security-icon.not-secure.selected{
	background: url(../img/icons-03.png) no-repeat -49px -200px;
}

div.map-router-tip div.map-router-bar{
	position: absolute;
	left: 44px;
	top: 3px;
	width: 1px;
	height: 14px;
	background-color: #ADB1A3;
}

div.map-wireless{
	position: absolute;
	top: 25px;
	left: 560px;
	width: 80px;
	height: 20px;
	padding-top: 85px;
	text-align: center;
	cursor: pointer;
}
div.map-wireless span.map-icon-num, div.map-wire span.map-icon-num{
	font-size: 10px;
}

div.map-wire{
	position: absolute;
	top: 30px;
	left: 15px;
	width: 120px;
	height: 20px;
	padding-top: 60px;
	padding-right: 17px;
	text-align: center;
	cursor: pointer;
}
div.map-wire-connect{

}
div.map-wire span.map-icon-num{
	top: -10px;
	right: -22px;
}
div.map-printer{
	position: absolute;
	top: 30px;
	left: 15px;
	width: 120px;
	height: 20px;
	padding-top: 60px;
	text-align: center;
	cursor: pointer;
}
div.map-printer-connect{
}
div.map-usb{
	position: absolute;
	top: 30px;
	left: 150px;
	width: 120px;
	height: 20px;
	padding-top: 60px;
	text-align: center;
	cursor: pointer;
}
div.map-usb-connect{
}
div.map-usb span.map-icon-num{
	top: -10px;
	right: -20px;
}

div.map-line-horizontal{
	position: absolute;
	top: 85px;
	left: 240px;
	width: 165px;
	height: 1px;
	border: none;
	border-top: 1px solid #d9d9d9;
}
div.map-line-vertical{
	position: absolute;
	top: 134px;
	left: 460px;
	height: 45px;
	width: 1px;
	border: none;
	border-left: 1px solid #d9d9d9;
}
div.map-line-branch{
	position: absolute;
	top: 164px;
	left: 192px;
	width: 298px;
	height: 25px;
	border: 1px solid #d9d9d9;
	border-bottom: none;
}
div.map-wrap-left, div.map-wrap-right{
	position: absolute;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	width: 283px;
	height: 132px;
	top: 190px;
	left: 40px;
}
div.map-wrap-right{
	left: 360px;
}

div.map-icon-internet{
	position: absolute;
	top: 0;
	left: 0;
	width: 71px;
	height: 71px;
	background: url(../img/icons-03.png) no-repeat -9px -9px;
}
div.map-icon-internet.selected{
	background: url(../img/icons-03.png) no-repeat -9px -81px;
}
span.map-icon-internet-status{
	background: url(../img/icons-03.png) no-repeat -52px -268px;
	position: absolute;
	width: 21px;
	height: 21px;
	right: 0;
	bottom: 0;
}
span.map-icon-internet-conn{
	background-position: -14px -268px;
}
span.map-icon-internet-disconn{
	background-position: -52px -268px;
}
span.map-icon-internet-poor-conn{
	background-position: -49px -231px;
	width: 24px;
}

div.map-icon-router{
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 80px;
	background: url(../img/icons-03.png) no-repeat -283px -5px;
}
div.map-icon-router.selected{
 	background: url(../img/icons-03.png) no-repeat -427px -5px;
}
div.map-icon-router-conn{
	background: url(../img/icons-03.png) no-repeat -427px -5px;
}
div.map-icon-wireless{
	position: absolute;
	top: 20px;
	left: 12px;
	width: 59px;
	height: 60px;
	background: url(../img/icons-03.png) no-repeat -94px -17px;
}
div.map-icon-wireless-conn{
	background: url(../img/icons-03.png) no-repeat -94px -91px;
}
div.map-icon-wireless.selected{
	background: url(../img/icons-03.png) no-repeat -94px -91px;
}
div.map-icon-wire{
	position: absolute;
	top: 0;
	left: 30px;
	width: 52px;
	height: 51px;
	background: url(../img/icons-03.png) no-repeat -90px -164px;
}
div.map-icon-wire-conn{
	background: url(../img/icons-03.png) no-repeat -90px -236px;
}
div.map-icon-printer{
	position: absolute;
	top: 0;
	left: 30px;
	width: 61px;
	height: 54px;
	background: url(../img/icons-03.png) no-repeat -230px -90px;
}
div.map-icon-printer-conn{
	background: url(../img/icons-03.png) no-repeat -230px -162px;
}

div.map-icon-printer-disconn{
	background: url(../img/icons-03.png) no-repeat -374px -224px;
}
div.map-icon-usb{
	position: absolute;
	top: 3px;
	left: 30px;
	width: 53px;
	height: 60px;
	background: url(../img/icons-03.png) no-repeat -160px -21px;
}
div.map-icon-usb-conn{
	background: url(../img/icons-03.png) no-repeat -160px -93px;
}
div.map-icon-usb-disconn{
	background: url(../img/icons-03.png) no-repeat -160px -165px;
}
span.map-icon-usb-qs{
	position: absolute;
	width: 18px;
	height: 18px;
	top: -10px;
	right: -10px;
	background: url(../img/icons-03.png) no-repeat -464px -259px;
}
span.map-icon-num{
	position: absolute;
	top: -10px;
	right: -15px;
	width: 22px;
	/*height: 18px;*/
	height: 22px;
	line-height: 22px;
	text-align: center;
	/*padding-top: 2px;*/
	color: #fff;
	font-weight: normal;
	background: url(../img/icons-01.png) no-repeat -151px -331px;
}
div.map-panel{
	background-color: #FAFAFA;
	position: relative;
	margin-bottom: 10px;
}
div.map-panel h4.map-panel-title{
	height: 35px;
	line-height: 35px;
	background-color: #96CC56;
	padding-left: 15px;
	color: #fff;
	font-size: 14px;
}
div.map-panel div.map-panel-cnt{
	/*min-height: 233px;*/
	padding: 10px 20px 15px;
}
div.map-panel div.map-panel-cnt div.panel-container{
	margin-bottom: 0;
}
span.map-panel-icon-internet, span.map-panel-icon-router,  span.map-panel-icon-wireless, span.map-panel-icon-wire, span.map-panel-icon-printer, span.map-panel-icon-usb{
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 5px;
	margin-bottom: 3px;
}
div.map-panel p.usb-form-line{
	line-height: 30px;
}
span.map-panel-icon-internet{
	background: url(../img/icons-01.png) no-repeat -79px -7px;
}
span.map-panel-icon-router{
	background: url(../img/icons-01.png) no-repeat -79px -43px;
}
span.map-panel-icon-wireless{
	background: url(../img/icons-01.png) no-repeat -79px -152px;
}
span.map-panel-icon-wire{
	background: url(../img/icons-01.png) no-repeat -79px -115px;
}
span.map-panel-icon-printer{
	background: url(../img/icons-01.png) no-repeat -79px -186px;
}
span.map-panel-icon-usb{
	background: url(../img/icons-01.png) no-repeat -79px -79px;
}
span.map-panel-icon-text{
	display: inline-block;
	margin-bottom: 3px;
}
div.map-form-left, div.map-form-right{
}
h5.map-form-title{
	color: #599E00;
	line-height: 30px;
}
p.note-msg{
	padding-left: 48px;
}
p.note-no-label{
	margin: 10px 0;
}
span.lan-ipv4-note{
	font-size: 14px;
	color: #191919;
	vertical-align: bottom;
}

div.map-panel div.text-container input.text-text.l{
    width: 195px;
}

/**** add by szz end *********************************************************************************************/


/**** add by ycf start *********************************************************************************************/
div#log_filter_form{
    margin-bottom: 10px;
}
div#log_list{
   margin-bottom: 10px;
   margin-top: 20px;
}
div#log_btn_cnt{
   margin-bottom: 5px;
}

div#localGrid{
	margin-top: 40px;
}

/*label#filter{
	color:#3E3A39;
}*/

.time_padding{
	padding-left: 32px;
}

.hour_padding{
	margin-left: 10px;
}

div.week_padding{
	margin-right: 20px;
}

div.key_pos{
	position:absolute;
	bottom:-60px;
	right:120px;
}

div.key_reset{
    position:static;
}

div.ssid_tip{
	width:200px;
}

/**** add by ycf end *********************************************************************************************/

/***************** repeater basic  page **********************/
div.basic-map-wrap{
	width: 600px;
	height: 180px;
	position: relative;
	margin: 20px 0;
}
div.basic-map-wrap div.map-internet{
	top: 35px;
	left: 0;
}
div.basic-map-wrap div.map-router{
	top: 25px;
	left: 145px;
}
div.basic-map-wrap div.basic-router{
	top: 25px;
	left: 355px;
}
div.basic-map-wrap div.map-wireless{
	top: 25px;
	left: 570px;
}
div.basic-map-wrap div.summary-map-horizontal-one{
	top: 75px;
	left: 85px;
}
div.basic-map-wrap div.summary-map-horizontal-two{
	top: 75px;
	left: 300px;
}
div.basic-map-wrap div.summary-map-horizontal-three{
	top: 75px;
	left: 520px;
}
div.basic-map-wrap div.summary-map-horizontal{
	width: 50px;
}
div.router-repeater-link{
	position: absolute;
	width: 23px;
	height: 22px;
	left: 15px;
	top: -12px;
}
div.router-repeater-link.unknown{
	background: url(../img/icons-03.png) no-repeat -50px -231px;
}
div.router-repeater-link.fail{
	background: url(../img/icons-03.png) no-repeat -52px -268px;
}
div.router-panel span.map-panel-icon-router, div.repeater-panel span.map-panel-icon-repeater{
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 5px;
	margin-bottom: 3px;
	background: url(../img/icons-03.png) no-repeat -157px -554px;
}
div.router-panel span.map-panel-icon-router, div.repeater-panel span.desk-map-panel-icon-repeater{
	display: inline-block;
	width: 29px;
	height: 22px;
	margin-right: 5px;
	margin-bottom: 3px;
	background: url(../img/icons-03.png) no-repeat -535px -362px;
}
div.router-panel span.map-panel-icon-router, div.repeater-panel span.desk-map-panel-icon-repeater2{
	display: inline-block;
	width: 29px;
	height: 22px;
	margin-right: 5px;
	margin-bottom: 3px;
	background: url(../img/icons-03.png) no-repeat -535px -388px;
}
div.router-panel span.map-panel-icon-router,div#router_panel span.map-panel-icon-router{
	background: url(../img/icons-03.png) no-repeat -158px -510px;
}
div#router_24g_panel span.map-panel-icon-wireless,div#router_5g_panel span.map-panel-icon-wireless{
	background: url(../img/icons-01.png) no-repeat -79px -43px;
}
div.basic-wireless-2g, div.basic-wireless-5g{
	position: absolute;
	width: 45px;
	height: 35px;
	text-align: center;
	cursor: pointer;
	font-size: 10px;
}
div.basic-wireless-2g div.icon, div.basic-wireless-5g div.icon{
	display: inline-block;
	width: 26px;
	height: 20px;
	margin-bottom: 5px;
	background: url(../img/icons-03.png) no-repeat -12px -165px;
}
div.basic-wireless-2g{
	top: 30px;
	left: 30px;
}
div.basic-wireless-5g{
	top: 130px;
	left: 30px;
}
div.basic-wireless-2g.selected div.icon, div.basic-wireless-5g.selected div.icon, div.basic-router-2g.selected div.icon, div.basic-router-5g.selected div.icon{
	background: url(../img/icons-03.png) no-repeat -49px -165px;
}
div.basic-wireless-2g.disabled div.icon, div.basic-wireless-5g.disabled div.icon, div.basic-router-2g.disconnected div.icon, div.basic-router-5g.disconnected div.icon{
	background: url(../img/icons-01.png) no-repeat -115px -402px;
}
div.basic-wireless-2g.disabled.selected div.icon, div.basic-wireless-5g.disabled.selected div.icon, div.basic-router-2g.disconnected.selected div.icon, div.basic-router-5g.disconnected.selected div.icon{
	background: url(../img/icons-03.png) no-repeat -49px -165px;
}
div.wireless-line-left{
	position: absolute;
	width: 49px;
	height: 95px;
	border: 1px solid #d9d9d9;
	border-left: none;
	left: 90px;
	top: 45px;
}
div.wireless-line-right{
	position: absolute;
	width: 25px;
	border-top: 1px solid #d9d9d9;
	right: -25px;
	top: 48px;
}
div.basic-router{
	top: 25px;
	left: 365px;
	text-align: center;
	cursor: pointer;
    /*padding-right: 17px;*/
    padding-top: 85px;
    position: absolute;
    text-align: center;
    width: 84px;
    height: 16px;
}
div.repeater-icon{
	margin-bottom: 5px;
	height: 80px;
    left: 0;
    position: absolute;
    top: 0;
    width: 65px;
    background: url(../img/icons-03.png) no-repeat -12px -501px;
}
span.repeater-text{
	bottom: 0;
	left: -10px;
	width: 150px;
	text-align: left;
}
div.repeater-icon.selected{
	background: url(../img/icons-03.png) no-repeat -80px -501px;
}
div.desk-repeater-icon{
	margin-bottom: 5px;
	margin-top: 15px;
	height: 65px;
    left: 0;
    position: absolute;
    top: 0;
    width: 80px;
    background: url(../img/icons-03.png) no-repeat -200px -447px;
}
div.desk-repeater-icon.selected{
    background: url(../img/icons-03.png) no-repeat -200px -516px;
}
div.desk-repeater2-icon{
	margin-bottom: 5px;
	margin-top: 15px;
	height: 65px;
    left: 0;
    position: absolute;
    top: 0;
    width: 80px;
    background: url(../img/icons-03.png) no-repeat -295px -447px;
}
div.desk-repeater2-icon.selected{
    background: url(../img/icons-03.png) no-repeat -294px -516px;
}
div.router-line-left{
	position: absolute;
	width: 170px;
	height: 95px;
	border: 1px solid #d9d9d9;
	border-right: none;
	left: 320px;
	top: 45px;
}
div.router-line-right{
	position: absolute;
	width: 25px;
	border-top: 1px solid #d9d9d9;
	left: -25px;
	top: 48px;
}
div.basic-status-2g, div.basic-status-5g{
	position: absolute;
	width: 50px;
	left: 330px;	
}
div.basic-status-2g{
	top: 45px;
}
div.basic-status-5g{
	top: 140px;
}
div.basic-status-2g.connected div.icon, div.basic-status-5g.connected div.icon{
	position: absolute;
	width: 25px;
	height: 21px;
	background: url(../img/icons-03.png) no-repeat -12px -268px;
	top: -10px;
	left: 60px;
}
div.basic-status-2g.disconnected div.icon, div.basic-status-5g.disconnected div.icon{
	background: url(../img/icons-03.png) no-repeat -50px -268px;
	position: absolute;
	width: 25px;
	height: 21px;
	top: -10px;
	left: 60px;
}
div.basic-router-2g, div.basic-router-5g{
	position: absolute;
	width: 100px;
	height: 35px;
	text-align: center;
	cursor: pointer;
}
div.basic-router-2g div.icon, div.basic-router-5g div.icon{
	width: 26px;
	height: 20px;
	margin-bottom: 5px;
	margin-left: 35px;
	background: url(../img/icons-03.png) no-repeat -12px -165px;
}
div.basic-router-2g, div.basic-router-5g{
	font-size: 10px;
}
div.basic-router-2g{
	top: 30px;
	left: 500px;
	text-align: center;
}
div.basic-router-5g{
	top: 130px;
	left: 500px;
}
p.status-note{
	margin: 20px 0 20px 10px;
}

div.text-container.read-only div.widget-wrap input.text-text.ml{
	width: 170px;
}

div.map-panel{
	background-color: #FAFAFA;
	position: relative;
	margin-bottom: 30px;
}
div.map-panel h4.map-panel-title{
	height: 35px;
	line-height: 35px;
	background-color: #96CC56;
	padding-left: 15px;
	color: #fff;
	font-size: 14px;
}
div.map-panel div.map-panel-cnt{
	/*min-height: 233px;*/
	padding: 10px 20px 15px;
}
div.map-panel div.map-panel-cnt div.panel-container{
	margin-bottom: 0;
}
div.map-form-left, div.map-form-right, div.router-part-half{
	display: inline-block;
	/*width: 292px;*/
	padding: 10px 0 10px 0;
	height: 150px;
	vertical-align: top;
	width: 305px;
}
h5.map-form-title{
	color: #599E00;
	line-height: 30px;
}
/*div.router-part-half{
	display: inline-block;
	width: 260px;
	padding: 20px;
}*/
/*单频模式下的样式*/
div.basic-map-wrap.basic-2g-only div.wireless-line-left, div.basic-map-wrap.basic-5g-only div.wireless-line-left{
	border: none;
	height: 1px;
	width: 75px;
	background-color: #d9d9d9;
	top: 93px;
}
/*横线*/
div.basic-map-wrap.basic-2g-only div.wireless-line-left div.wireless-line-right, div.basic-map-wrap.basic-5g-only div.wireless-line-left div.wireless-line-right{
	display: none;
}
div.basic-map-wrap.basic-2g-only div.router-line-left, div.basic-map-wrap.basic-5g-only div.router-line-left{
	border: none;
	height: 1px;
	background-color: #d9d9d9;
	top: 93px;
}
div.basic-map-wrap.basic-2g-only div.router-line-left div.router-line-right, div.basic-map-wrap.basic-5g-only div.router-line-left div.router-line-right{
	display: none;
}
/*2g/5g图标*/
div.basic-map-wrap.basic-2g-only div.basic-wireless-2g, div.basic-map-wrap.basic-5g-only div.basic-wireless-5g,  div.basic-map-wrap.basic-2g-only div.basic-router-2g, div.basic-map-wrap.basic-5g-only div.basic-router-5g{
	top: 80px;
}
div.basic-map-wrap.basic-2g-only div.basic-wireless-5g, div.basic-map-wrap.basic-5g-only div.basic-wireless-2g, div.basic-map-wrap.basic-2g-only div.basic-router-5g, div.basic-map-wrap.basic-5g-only div.basic-router-2g{
	display: none;
}
/*状态图标*/
div.basic-map-wrap.basic-2g-only div.basic-status-2g, div.basic-map-wrap.basic-5g-only div.basic-status-5g{
	top: 93px;
}
div.basic-map-wrap.basic-2g-only div.basic-status-5g, div.basic-map-wrap.basic-5g-only div.basic-status-2g{
	display: none;
}

/************************ap basic page********************************/
div.ap-map-wrap{

}
div.ap-map-wrap div.map-internet{
	top: 60px;
	left: 120px;	
}
div.ap-map-wrap div.map-router{
 	top: 50px;
 	left: 430px;	
}
div.ap-map-wrap div.map-wireless{
	top: 200px;
	left: 415px;
}
div.ap-map-wrap div.map-wireless{
	width: 120px;
}
div.ap-map-wrap div.map-wireless div.map-icon-wireless{
	left: 28px;
}
div.ap-map-wrap div.map-line-horizontal{
	top: 100px;
	left: 230px;	
}
div.ap-map-wrap div.map-line-vertical{
	top: 163px;
	left: 470px;	
}

/**  quick setup ****************************************************/
span.singal-1, span.singal-2, span.singal-3, span.singal-4, span.singal-5{
	display: inline-block;
	width: 30px;
	height: 25px;
}
span.singal-1{
	background: url(../img/icons-03.png) no-repeat -192px -228px;	
}
span.singal-2{
	background: url(../img/icons-03.png) no-repeat -223px -228px;	
}
span.singal-3{
	background: url(../img/icons-03.png) no-repeat -254px -228px;
}
span.singal-4{
	background: url(../img/icons-03.png) no-repeat -285px -228px;	
}
span.singal-5{
	background: url(../img/icons-03.png) no-repeat -316px -256px;
}
span.ssid-secured, span.ssid-unsecured{
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 12px;
}
span.ssid-secured{
	background: url(../img/icons-01.png) no-repeat -113px -367px;
}
span.ssid-unsecured{
	background: url(../img/icons-01.png) no-repeat -127px -367px;
}
div.region-tips-wrap{
	margin: 10px 0 50px 0;
}
span.region-status-tips{
	display: inline-block;
	margin: 10px 20px 10px 0;
}

div.grid-container div.grid-content-container table tr.grid-content-tr td.grid-content-td span.error{
	color: #e00000;
}
div.widget-container.connect-progressbar{
	margin-left: 75px;
}

p.reboot-progressbar-text{
    padding-left: 5px;
    color: #0094bc;
    margin-bottom: 20px;
}

div.quick-setup-wizard div.grid-container div.grid-header-container table th.grid-header span.content, div.grid-container div.grid-content-container table td.grid-content-td span.content {
    padding: 0 10px;
}

div.signal-strength input.text-text{
	text-transform: capitalize;
}

p#map_note{
	display: none;
}

p.schedule-tip{
	margin-left: 174px;
	margin-bottom: 10px;
}
.margin-top-5{
	margin-top: 5px;
}
.margin-top-50{
	margin-top: 50px;
}

div.button-container.width-184 button.button-button{
	width: 184px;
}
h5.disabled{
	color: #999;
	vertical-align: top;
}
div.radio-icon{
	display: inline-block;
    height: 12px;
    margin-right: 8px;
    width: 12px;
    background: url("../img/icons-02.png") no-repeat -21px -21px;
}
div.radio-icon.selected{
    background: url("../img/icons-02.png") no-repeat -57px -21px;
}
div.margin-right-10{
	margin-left: -10px;
}
p.margin-left-75{
	margin-left: 75px;
	margin-bottom: 20px;
}
p.grid-ap-text{
	margin-bottom: 10px;
}
div.warning span.icon{
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 20px;
	background: url(../img/icons-01.png) no-repeat -218px -111px;
}
span.schedule-link{
	display: inline-block;
	width: 29px;
	text-align: center;
}
span.time-seperate{
	display: inline-block;
	width: 19px;
	text-align: center;
}
p.disabled{
	color: #b2b2b2;
}

/***************by szz 公用***************/
/*mode change*/
p.mode-slt-p{
	margin: 5px 0 25px 32px;
}
span.mode-switch-text{
	font-size: 26px;
	display: inline-block;
	margin-bottom: 20px;
}
/* menu */

div.menu-container ul.menu-tree li#menu-basic-region-li.fst a.fst span.icon{
	background-position: -7px -438px;
}
div.menu-container ul.menu-tree li#menu-basic-region-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-basic-region-li.fst.selected a.fst span.icon,
div.menu-container ul.menu-tree li#menu-basic-region-li.fst.deployed a.fst span.icon{
	background-position: -43px -438px;
}

div.menu-container ul.menu-tree li#menu-basic-lan-li.fst a.fst span.icon{
	background-position: -78px -295px;
}
div.menu-container ul.menu-tree li#menu-basic-lan-li.fst:hover a.fst span.icon, div.menu-container ul.menu-tree li#menu-basic-lan-li.fst.selected a.fst span.icon, div.menu-container ul.menu-tree li#menu-basic-lan-li.fst.deployed a.fst span.icon {
    background-position: -78px -363px;
}
div.menu-container ul.menu-tree li#menu-basic-dhcp-li.fst a.fst span.icon{
	background-position: -7px -363px;
}
div.menu-container ul.menu-tree li#menu-basic-dhcp-li.fst:hover a.fst span.icon, div.menu-container ul.menu-tree li#menu-basic-dhcp-li.fst.selected a.fst span.icon, div.menu-container ul.menu-tree li#menu-basic-dhcp-li.fst.deployed a.fst span.icon {
    background-position: -43px -363px;
}
div.menu-container ul.menu-tree li#menu-basic-system-tools-li.fst a.fst span.icon{
	background-position: -7px -331px;
}
div.menu-container ul.menu-tree li#menu-basic-system-tools-li.fst:hover a.fst span.icon, div.menu-container ul.menu-tree li#menu-basic-system-tools-li.fst.selected a.fst span.icon, div.menu-container ul.menu-tree li#menu-basic-system-tools-li.fst.deployed a.fst span.icon {
    background-position: -43px -331px;
}

div.menu-container ul.menu-tree li#menu-basic-network-li.fst a.fst span.icon{
	background-position: -7px -43px;
}
div.menu-container ul.menu-tree li#menu-basic-network-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-basic-network-li.fst.selected a.fst span.icon,
div.menu-container ul.menu-tree li#menu-basic-network-li.fst.deployed a.fst span.icon{
	background-position: -43px -43px;
}

div.menu-container ul.menu-tree li.fst a.fst span.icon{
	width: 25px;
	height: 23px;
	margin: 16px 14px 14px;
}

div.top-header div.top-control a.top-control-btn#top-control-sysmode span.icon{
	background: url(../img/icons-03.png) no-repeat -538px -327px;
}
/*********************/

div.part-seperate, p.part-seperate{
	margin-top: 20px;
}
.hidden_5g{
	display: none;
}
div.map-panel-cnt div.hidden{
	display: none;
}
div.text-container div.widget-fieldlabel-wrap{
	vertical-align: middle;
}
div.button-container.submit.submit-label-l{
	padding-left: 214px;
	text-align: left;
}
/*quicksetup summary*/
p.summary-reboot-p, p.summary-restarting-p{
	font-size: 14px;
	line-height: 30px;
}
p.summary-step-p{
	border-top: 1px solid #ccc;
	margin-top: 50px;
	padding-top: 10px;
	line-height: 40px;
}
div.summary-finish-step{
	line-height: 26px;
}
div.summary-finish-progressbar span.progressbar-percentage{
	margin-right: 0 !important;
}
/*access control*/
div.warning h4.title span.text.hidden{
	display: none;
}
/*dhcp*/
form#lan_ipv4_setting span.form-error-tips.error{
	display:inline;
}
/*extend setting*/
input#wireless_2g_ssid.l{
	width: 175px;
}
input#wireless_5g_ssid.l{
	width: 175px;
}
a.link.text{
	color:#4d4d4d;
	cursor: default;
}
div.size-width-420{
	width: 420px;
}

a.link{
	cursor: pointer;
}

.lan-select-container label{
	width:999px;
}

/*  keep this rule  bottom of the text */
span.hidden, .hidden, div.top-header div.top-control a.top-control-btn.hidden{
	display: none;
}
#time_dst div.text-container div.widget-wrap input.text-text.little{
    width:40px;
}
#time_dst .read-only div.text-wrap{
	border:0;
}
#white_list_custom_time,#black_list_custom_time{
	margin-left:144px;
}
#white_list_custom_time .widget-fieldlabel-wrap,#black_list_custom_time .widget-fieldlabel-wrap{
	width:50px;
}
#white_list_weekday_cnt,#black_list_weekday_cnt{
	width:280px;
}
#congratulation{
	font-size: 21px;
    margin-bottom: 14px;
}
#surf{
	font-size: 14px;
}
.success_block{
	padding: 10px 25px;
    margin: 15px 0;
    background-color: #f5f5f5;
}
#success_5g{
    margin-left: 20px;
}
.full_success_block{
	width:630px;
	margin-left:0px !important;
}
#black_grid .grid-content-container,
#white_grid .grid-content-container{
    overflow: inherit;
}
div.widget-container .combobox-error-tips.centerError{
	margin-left:18px;
}
div.widget-container .combobox-error-tips.centerError .widget-error-tips-delta{
	left: 50%;
    margin-left: -7px;
}
.pin_lock_icon{
	width:14px;
	height:14px;
	display:inline-block;
	background: url(../img/icons-01.png) no-repeat -113px -367px;
}