html {
    height: 100%;
    font-size: 10px;
}
body {
    color: #333333;
    height: 100%;
}
/*=========================================*/
/*topPhone*/
/*=========================================*/
.sprite {display:inline-block;overflow:hidden;background-repeat:no-repeat;background-image:url(../img/imgMobile/mobile-icons.png);background-size:27.0739rem 21.5499rem;}
.a-internet-connect-fail {width:0.5022rem;height:0.5022rem;background-position:-0.0437rem -0.0437rem;}
.a-internet-connect-success {width:0.5677rem;height:0.524rem;background-position:-0.5895rem -0.0437rem;}
.b-error-alert {width:1.3537rem;height:1.3537rem;background-position:-1.2009rem -0.0437rem;}
.b-remove {width:1.3537rem;height:1.3537rem;background-position:-2.5982rem -0.0437rem;}
.c-arrow-blue-left {width:0.917rem;height:1.4192rem;background-position:-3.9956rem -0.0437rem;}
.c-arrow-gray-down {width:1.2009rem;height:0.8297rem;background-position:-4.9563rem -0.0437rem;}
.c-arrow-gray-right {width:0.8297rem;height:1.2009rem;background-position:-6.2008rem -0.0437rem;}
.c-check-checked {width:1.441rem;height:1.1354rem;background-position:-7.0741rem -0.0437rem;}
.c-folder-back {width:1.3537rem;height:1.3537rem;background-position:-8.5588rem -0.0437rem;}
.c-login-account {width:1.3537rem;height:1.6375rem;background-position:-9.9562rem -0.0437rem;}
.c-login-password {width:1.3537rem;height:1.6594rem;background-position:-11.3536rem -0.0437rem;}
.c-menu {width:1.7904rem;height:0.7642rem;background-position:-12.7509rem -0.0437rem;}
.c-navigator {width:1.8777rem;height:1.2009rem;background-position:-14.585rem -0.0437rem;}
.d-add {width:1.8777rem;height:1.8777rem;background-position:-16.5063rem -0.0437rem;}
.d-alert {width:2.4454rem;height:2.4454rem;background-position:-18.4277rem -0.0437rem;}
.d-check-round-checked {width:1.9432rem;height:1.9432rem;background-position:-22.9036rem -0.0437rem;}
.d-check-round-checked-orange {width:1.9432rem;height:1.9432rem;background-position:-20.9168rem -0.0437rem;}
.d-check-round-unchecked {width:1.9432rem;height:1.9432rem;background-position:-24.8905rem -0.0437rem;}
.d-delete {width:1.7904rem;height:1.7904rem;background-position:-0.0437rem -2.5327rem;}
.d-expander-advanced {width:1.8777rem;height:1.8777rem;background-position:-1.8777rem -2.5327rem;}
.d-expander-basic {width:1.8777rem;height:1.8777rem;background-position:-3.7991rem -2.5327rem;}
.d-folder-checked {width:1.7904rem;height:1.7904rem;background-position:-5.7205rem -2.5327rem;}
.d-folder-unchecked {width:1.8777rem;height:1.8777rem;background-position:-7.5545rem -2.5327rem;}
.d-selectAll {width:1.7904rem;height:1.572rem;background-position:-9.4759rem -2.5327rem;}
.d-skip {width:1.7904rem;height:1.8122rem;background-position:-11.3099rem -2.5327rem;}
.d-slider {width:2.096rem;height:2.096rem;background-position:-13.1439rem -2.5327rem;}
.d-status-failed {width:1.8777rem;height:1.8777rem;background-position:-15.2836rem -2.5327rem;}
.d-status-successful {width:1.8777rem;height:1.8777rem;background-position:-17.205rem -2.5327rem;}
.e-welcome-device {width:2.2489rem;height:1.7904rem;background-position:-19.1264rem -2.5327rem;}
.e-welcome-guest {width:2.096rem;height:1.5065rem;background-position:-21.4189rem -2.5327rem;}
.e-welcome-internet {width:2.0087rem;height:2.0087rem;background-position:-23.5587rem -2.5327rem;}
.e-welcome-phone {width:1.572rem;height:1.572rem;background-position:-0.0437rem -4.6724rem;}
.e-welcome-usb {width:1.703rem;height:1.7249rem;background-position:-1.6594rem -4.6724rem;}
.e-welcome-wireless {width:2.3799rem;height:1.8122rem;background-position:-3.4061rem -4.6724rem;}
.f-network-router {width:4.1484rem;height:3.3187rem;background-position:-5.8296rem -4.6724rem;}
.grid-no-address {width:3.8646rem;height:3.7117rem;background-position:-10.0217rem -4.6724rem;}
.grid-no-contact {width:3.9301rem;height:3.3624rem;background-position:-13.93rem -4.6724rem;}
.grid-no-device {width:4.1484rem;height:3.2751rem;background-position:-17.9037rem -4.6724rem;}
.grid-no-folder {width:4.1484rem;height:3.3406rem;background-position:-22.0958rem -4.6724rem;}
.grid-no-list {width:3.4934rem;height:3.7117rem;background-position:-0.0437rem -8.4278rem;}
.grid-no-phone {width:3.5589rem;height:3.5807rem;background-position:-3.5807rem -8.4278rem;}
.grid-no-rule {width:3.9301rem;height:3.6462rem;background-position:-7.1833rem -8.4278rem;}
.grid-no-schedule {width:4.3449rem;height:3.7117rem;background-position:-11.1571rem -8.4278rem;}
.grid-no-usb {width:3.6462rem;height:3.6462rem;background-position:-15.5457rem -8.4278rem;}
.grid-row-dect {width:3.5589rem;height:3.5589rem;background-position:-19.2356rem -8.4278rem;}
.grid-row-device {width:3.5589rem;height:3.5589rem;background-position:-22.8381rem -8.4278rem;}
.grid-row-folder {width:3.5589rem;height:3.5807rem;background-position:-0.0437rem -12.1833rem;}
.grid-row-phone {width:3.5589rem;height:3.5589rem;background-position:-3.6462rem -12.1833rem;}
.grid-row-phonebook {width:3.5589rem;height:3.5589rem;background-position:-7.2488rem -12.1833rem;}
.grid-row-print {width:3.5807rem;height:3.5807rem;background-position:-10.8514rem -12.1833rem;}
.grid-row-rule {width:3.5589rem;height:3.5589rem;background-position:-14.4758rem -12.1833rem;}
.grid-row-usb {width:3.5589rem;height:3.5589rem;background-position:-18.0784rem -12.1833rem;}
.map-device {width:3.2096rem;height:3.2096rem;background-position:-21.6809rem -12.1833rem;}
.map-guest {width:3.2096rem;height:3.2096rem;background-position:-0.0437rem -15.8077rem;}
.map-internet {width:3.2096rem;height:3.2096rem;background-position:-3.2969rem -15.8077rem;}
.map-telephone {width:3.1659rem;height:3.1659rem;background-position:-6.5501rem -15.8077rem;}
.map-usb {width:3.2096rem;height:3.2096rem;background-position:-9.7597rem -15.8077rem;}
.map-wireless {width:3.2096rem;height:3.2096rem;background-position:-13.0129rem -15.8077rem;}
.n-logoPhone {width:5.4148rem;height:2.227rem;background-position:-16.2662rem -15.8077rem;}
.o-network-router {width:5.3056rem;height:4.3013rem;background-position:-21.7246rem -15.8077rem;}
.step-gray-a {width:3.9301rem;height:1.3537rem;background-position:-0.0437rem -20.1526rem;}
.step-gray-p {width:3.9301rem;height:1.3537rem;background-position:-4.0174rem -20.1526rem;}
.step-green-a {width:3.9301rem;height:1.3537rem;background-position:-7.9912rem -20.1526rem;}
.step-green-p {width:3.9301rem;height:1.3537rem;background-position:-11.9649rem -20.1526rem;}
.step-yellow-a {width:3.9301rem;height:1.3537rem;background-position:-15.9387rem -20.1526rem;}
.step-yellow-p {width:3.9301rem;height:1.3537rem;background-position:-19.9124rem -20.1526rem;}

#topPhone {
    width: 100%;
    height: 3.26rem;
    background-color: #4acbd6;
    border-bottom: 1px solid #82DAE1;
    position: fixed;
    z-index: 901;
    top: 0;
    left: 0;
    right: 0;
}
#topPhone.networkMap {
    position: relative;
}
/*logo*/

.top-logo-container {
    width: 5.18rem;
    height: 3.26rem;
    margin: 0px auto;
}
.top-logo-img {
    margin-top: 0.63rem;
}
#top-logo-productName {
    font-size: 12px !important;
    color: #fff;
    font-family: Arial;
    width: 130px;
    display: inline-block;
}
/*titleBar*/

.top-titleBar {
    height: 3.26rem;
    text-align: center;
    border-bottom: 1px solid #e1e2e3;
    position: fixed;
    top: 3.26rem;
    left: 0;
    right: 0;
    font-size: 1rem;
    background-color: #fff;
    z-index: 900;
    width: 100%;
}
#mainPhone.hasTitleBar {
    padding-top: 6.52rem;
    padding-bottom: 1.5rem;
}
.titleBar {
    display: none;
}
.top-titleBar-backContainer a {
    position: absolute;
    left: 0;
    padding-left: 0.7rem;
    padding-right: 1.2rem;
    height: 3.26rem;
    line-height: 3.26rem;
    /*width: 60px;*/
    
    text-align: left;
}
.top-titleBar-backContainer a, .top-titleBar-operationContainer a {
    font-size: 1.1rem;
    color: #4acbd6;
}
.top-titleBar-backContainer a.touched {
    opacity: 0.8;
    background-color: #eee;
    border-radius: 0 13px 13px 0/ 0 30px 30px 0;
}
.top-titleBar-operationContainer a.touched {
    opacity: 0.8;
    background-color: #eee;
    border-radius: 13px 0 0 13px/30px 0 0 30px;
}
.top-titleBar-operationContainer a {
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 0.7rem;
    padding-left: 1.2rem;
    height: 3.26rem;
    line-height: 3.26rem;
    text-align: right;
}
.top-titleBar h1 {
    color: #333;
    line-height: 3.26rem;
    font-weight: 400;
    width: 100%;
    box-sizing: border-box;
    padding: 0 60px;
    /*font-weight: bold;*/
}
.top-titleBar.longTitle h1 {
    line-height: 1.5rem;
}
/*menu*/
@keyframes menuOpen {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(90deg);
    }
}
@-webkit-keyframes menuOpen {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(90deg);
    }
}
@-moz-keyframes menuOpen {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(90deg);
    }
}
@-o-keyframes menuOpen {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(90deg);
    }
}
@keyframes menuClose {
    from {
        transform: rotate(90deg);
    }
    to {
        transform: rotate(0deg);
    }
}
@-webkit-keyframes menuClose {
    from {
        transform: rotate(90deg);
    }
    to {
        transform: rotate(0deg);
    }
}
@-moz-keyframes menuClose {
    from {
        transform: rotate(90deg);
    }
    to {
        transform: rotate(0deg);
    }
}
@-o-keyframes menuClose {
    from {
        transform: rotate(90deg);
    }
    to {
        transform: rotate(0deg);
    }
}
.menu-open {
    animation: menuOpen 0.5s forwards;
    -webkit-animation: menuOpen 0.5s forwards;
    -moz-animation: menuOpen 0.5s forwards;
    -o-animation: menuOpen 0.5s forwards;
}
.menu-close {
    animation: menuClose 0.5s forwards;
    -webkit-animation: menuClose 0.5s forwards;
    -moz-animation: menuClose 0.5s forwards;
    -o-animation: menuClose 0.5s forwards;
}
#top-menuIcon-container {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 1rem 0 0 0.66rem;
    height: 3.26rem;
    width: 3.26rem;
    box-sizing: border-box;
}
#top-menuIcon-container.touched {
    opacity: 0.8;
}
#top-menuList {
    width: 100%;
    position: absolute;
    left: -100%;
    top: 3.30rem;
    text-align: center;
    /*box-shadow: 5px 0 15px #454545;*/
    background-color: #fff;
    z-index: 901;
}
#top-menuList .menu-return {
    position: relative;
    height: 3.26rem;
    width: 100%;
    bottom: 0;
}
#top-menuList .menu-arrow-icon {
    position: absolute;
    bottom: 1.37rem;
    left: 11.03rem;
}
#top-menuList ul li a {
    text-decoration: none;
    display: block;
    height: 3.26rem;
    line-height: 3.26rem;
    /*border-left: 1px solid #c3eaf7;
    border-bottom: 1px solid #c3eaf7;*/
    background-color: #fff;
    color: #373737;
    /*padding-left: 20px;*/
    font-family: Arial;
    font-size: 1rem !important;
}
#top-menuList ul li:first-child a {
    /*padding-top: 9px;*/
}
#top-menuList ul li a.selected {
    /*background-color: #ffcb00;*/
    color: #4acbd6;
}

.top-menuList-item {
    margin-left: 6px;
}
/*=========================================*/
/*mainPhone*/
/*=========================================*/
/*body*/

body {
    background-color: #f1f4f6;
}
body.networkMap {
    overflow-y: hidden;
    background-color: #4acbd6;
}
#mainPhone {
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}
#mainPhone.networkMap {
    height: 100%;
    margin-top: -3.26rem;
    min-height: 39.44rem;
}
/*=========================================*/
/*bottom*/
/*=========================================*/

.hasToolBar {
    padding-bottom: 44px;
}
.botP {
    width: 100%;
    text-align: center;
    padding: 15px 0;
    color: #fff;
    font-size: 13px;
}
.botP a {
    color: #fff;
}
.botP a.selected {
    color: #88d5f0;
}
.botP-phone {
    margin-right: 9px;
}
.botP-pc {
    margin-left: 18px;
}
.botP-toolBar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 3.18rem;
    border-top: 1px solid #e8e8e8;
    background-color: #fff;
    overflow: hidden;
    z-index: 900;
}
.botP-toolBar ul li {
    float: left;
    width: 33.3%;
    height: 3.18rem;
    box-sizing: border-box;
}
.botP-toolBar ul li a {
    padding: 5px 0;
    display: block;
    margin: 0 auto;
    width: 4rem;
    color: #333333;
    font-size: 0.7rem;
    text-align: center;
}
.botP-toolBar ul li a.touched {
    background-color: #eee;
    opacity: 0.8;
}
.botP-toolBar ul li span {
    display: block;
}
.botP-toolBar-text {
    margin-top: 1px;
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@-o-keyframes rotate {
    from {
        -o-transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(360deg);
    }
}
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.icon-waiting {
    width: 20px;
    height: 20px;
    background-position: -235px -375px;
    /*-webkit-transform: rotate(180deg);*/
    
    animation: rotate 1s infinite linear;
    /*chrome safari*/
    
    -webkit-animation: rotate 1s infinite linear;
    /*firefox*/
    
    -moz-animation: rotate 1s infinite linear;
    /*opera*/
    
    -o-animation: rotate 1s infinite linear;
}
.icon-bigWaiting {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(../img/imgMobile/status-loading.gif);
    background-size: 1.5rem 1.5rem;
}
.d-selectAll, .d-delete, .d-add {
    width: 1.8rem;
    height: 1.8rem;
    margin: 0 auto;
}
.icon-back {
    vertical-align: middle;
}
.icon-processStep.completed {
}
.icon-processStep {
    line-height: 1.5rem;
    margin-left: -4px;
    font-size: 0.9rem;
    text-align: center;
    color: #fff;
}
.icon-processStep.first {
    margin-left: 0;
}
.icon-processStep.nd {
    display: none;
}
/*¾ßÌåÒ³Ãæ*/
/*quick setup*/

#qs-processFlow {
    min-width: 290px;
    text-align: center;
    margin: 14px auto;
}
/*internet*/
/*.section-title {
    font-size: 17px;
    color: #ababac;
    padding-left: 15px;
    margin-top: 23px;
    margin-bottom: 10px;
}*/

.section-box.rangeslider-box {
    margin-top: 29px;
}
/*.section-box:after{
    content: '';
    display: table;
    clear: both;
}*/

.section-labelTitle {
    display: block;
    font-size: 1rem;
    color: #333333;
    margin-bottom: 8px;
}
.section-labelTitle.disabled {
    /*For Disabled New Style
    color: #b2b2b2;*/
}
.section-tips {
    font-size: 13px;
    color: #999999;
    /*margin-top: -5px;*/
    padding-bottom: 1.3rem;
}
.section-checkboxTips {
    margin-top: -5px;
    margin-bottom: 10px;
}
.section-errTips {
    font-size: 13px;
    color: #999999;
    padding-bottom: 1.3rem;
}
.section-checkboxErrTips {
    margin-bottom: 10px;
}
.section-inputText {
    width: 100%;
}
.section-inputText.units {
    float: left;
    /*margin-right: 30px;*/
    
    width: 80%;
}
.section-inputText-units {
    float: left;
    /*padding-left: 13px;*/
    
    width: 20%;
    height: 35px;
    line-height: 35px;
    text-align: right;
    /*margin-left: -30px;*/
}
.section-flex {
    /*display: -webkit-flex;*/
    /*display:flex;*/
    
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-box;
    display: box;
    display: flex;
}
.section-flex-input {
    /*flex: 1 1 194px;*/
    /*-webkit-flex: 1 1 194px;*/
    
    flex: 1 1 194px;
    width: 194px;
    display: block;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    margin-right: 6px;
}
.section-flex-select {
    /*flex: 1 1 92px;*/
    
    flex: 1 1 92px;
    /*-webkit-flex: 1 1 92px;*/
    
    width: 92px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
}
/*qos Settings*/

.rangeslider-labelValue {
    font-size: 1rem;
    color: #333;
    margin-bottom: 1.2rem;
    overflow: hidden;
}
.rangeslider-labelValue .rangeslider-value {
    float: right;
    color: #999;
}
.advanced-block {
    display: inline-block;
    margin-top: 0.65rem;
}
.advanced-block span {
    display: inline-block;
    vertical-align: middle;
}
/*=========================================*/
/*²å¼þ*/
/*=========================================*/
/*tpSelectMobile*/

.tsm-standIn {
    box-sizing: border-box;
    height: 2.48rem;
    line-height: 2.48rem;
    border: 1px solid #d3d3d3;
    background-color: #ffffff;
    border-radius: 10px;
    color: #333333;
    padding: 0px 2.2rem 0px 0.7rem;
    font-size: 1rem;
    position: relative;
    overflow: hidden;
}
.touched .tsm-standIn {
    background-color: #e0e0e0;
    border-color: #d0d0d0;
}
.disabled .tsm-standIn {
    /*background-color: #dedede;*/
    /*border-color: #cdcdcd;*/
    /*color: #898989;*/
    
    background-color: rgba(0, 0, 0, 0.1);
    border-color: #dadada;
    color: #b2b2b2;
}
.warning-red .tsm-standIn {
    border-color: #C11C66;
}
.tsm-selectContainer {
    position: relative;
}
.tsm-selectContainer .c-arrow-gray-down {
    position: absolute;
    top: 0.8rem;
    right: 0.74rem;
}
.tsm-selectReal {
    /*width: 100%;*/
    /*height: 35px;*/
    
    box-sizing: border-box;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.tsm-warning {
    width: 100%;
    margin: 0.3rem 0 0.1rem 0;
    box-sizing: border-box;
    display: none;
}
.tsm-warning .icon {
    display: inline-block;
    float: left;
}
.tsm-warning .text {
    display: block;
    overflow: hidden;
    font-size: 0.9rem;
    line-height: 1.5rem;
    color: #c11c66;
}
/*tpSelectMobile end*/
/* added by zsj, 2015/04/27 */

/* link-list, info-list, device-list Add By ZhaoPeng 2016/05/26 */
.info-list, .link-list, .item-list, .device-list {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}
.info-list>.section-container>.section-box {
    border-top: none;
}
.link-list>.section-container>.section-box {
    border-top: 1px solid #e1e2e3;
}
/*.item-list .section-container:first-of-type>.section-box:first-child, */.link-list>.section-container:first-of-type>.section-box:first-child {
    border-top: none;
}
div.item-list div.section-container>div.section-box.single {
    border-top: 1px solid #e1e2e3;
}
/* hack */
div.item-list div.section-container.border-bottom {
    border-bottom: 1px solid #e8e8e8;
}
/* Device List*/
ul.device-list li.swipe-li-div-parent div.swipe-li-div, ul.device-list li.select-li-div-parent div.select-li-div {
    border-top: none;
    padding: 0;
}
ul.device-list .device-div .device-line {
    padding: 1rem 0;
    border-top: solid 1px #e1e2e3;
}
ul.device-list .device-div .device-line .op {
    padding-right: 2rem;
}
ul.device-list li:first-of-type .device-line {
    border-top: none;
}
ul.device-list .device-label {
    /*padding: 1rem 0;*/
}

.device-container {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}
.device-container .section-box {
    border-top: none;
    padding: 0;
}
.device-container .section-box .device-line {
    padding: 1rem 1rem 1rem 0;
    border-top: solid 1px #e1e2e3;
}
.device-container .section-container:first-child .device-line {
    border-top: none;
}
/* link-list, info-list, device-list Add By ZhaoPeng 2016/05/26  End */

.section-container {
    background-color: #ffffff;
    /*border-top: 1px solid #e1e2e3;
    border-bottom: 1px solid #e8e8e8;*/
    padding-left: 1.11rem
}
.section-box {
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    padding: 1rem 1rem 1rem 0;
}
.section-box.visible {
    overflow: visible;
}
.section-container.noPaddingTop {
    padding-top: 0px;
}
.section-title {
    padding: 8px 15px 8px 15px;
    color: #a5a5a5;
}
.section-note {
    padding: 0px 15px 0px 15px;
    color: #808080;
    font-size: 13px;
}
.section-note.c999 {
    color: #999
}
.section-note .title {
    color: #4acbd6;
    font-weight: bold;
}
.section-note .num {
    vertical-align: top;
    display: inline-block;
    margin-right: -8px;
    width: 20%;
}
.section-note .item {
    display: inline-block;
    width: 80%;
}
/* flexible-box */
/*.flexible-box {
    display: -webkit-box; 
    display: -ms-flexbox;
    display: -o-box; 
    display: box;   
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -o-box-align: center;
    box-align: center;
    align-items: center;
}
.flexible-box .fixed-part {
    display:block;
    -webkit-box-flex: 0; 
    -ms-flex: 0;
    -o-box-flex: 0;
    box-flex: 0; 
    flex-grow: 0;
    flex-shrink: 0;
}
.flexible-box .grow-part {
    display:block;
    -webkit-box-flex: 1; 
    -ms-flex: 1;
    -o-box-flex: 1;
    box-flex: 1; 
    flex-grow: 1;
    flex-shrink: 1;
}
.flexible-box.spaceBetween .fixed-part,
.flexible-box.spaceBetween .grow-part {
    padding-left: 1px;
    padding-right: 1px;
} 
.flexible-box.sameWidth .grow-part {
    width: 10px;
}*/

.flexible-box {
    display: table;
    width: 100%;
    /*table-layout: fixed;*/
}
.flexible-box .grow-part {
    display: table-cell;
    vertical-align: middle;
    min-width: 90%;
}
.flexible-box .fixed-part {
    display: table-cell;
    vertical-align: middle;
}
.flexible-box.sameWidth {
    table-layout: fixed;
}
.flexible-box.sameWidth .grow-part {
    width: 20%;
}
.flexible-box.sameWidth .fixed-part {
    width: 3px;
}
.flexible-box.spaceBetween {
    border-spacing: 3px;
}
/* turnPage */

a.turn-page:link, a.turn-page:hover, a.turn-page:visited, a.turn-page:active {
    font-size: 1rem;
    color: #333333;
}
.turnPageParent {
    /*display: table;*/
    /*width: 100%;*/
    
    vertical-align: middle;
}
/*.turnPageParent a.turn-page {
    display: table-cell;
}
.turnPageParent .icon-link {
    display: table-cell;
}*/

/*.icon-link {
    height: 0.96rem;
    width: 0.56rem;
    background: url(../../img/imgMobile/arrow-gray-right.png) no-repeat center;
    background-size: 0.56rem 0.96rem;
}*/
/* readonly text */

.text-readonly {
    float: right;
    color: #808080;
}
/* disableBlock */

.blockade {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 800;
    background-color: #000;
    opacity: 0.1;
}
/*icon-remove*/

.icon-remove-div {
    background-color: #f1f4f6;
    background-image: none;
    margin: 15px 0 8px 0;
    width: 100%;
    text-align: right;
}
.icon-remove-div .icon-remove {
    vertical-align: middle;
}
.icon-remove-div .text {
    margin-left: 6px;
    margin-right: 15px;
    font-size: 13px;
    vertical-align: middle;
}
/* device-div */

.device-div {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.device-div .device-line {
    width: 100%;
    display: inline-table;
    /*table-layout: fixed;*/
}
.device-label {
    width: 3.41rem;
    box-sizing: border-box;
    /*padding: 1.48rem 0 0 0;*/
    text-align: center;
    position: absolute;
    display: inline-block;
}
.device-label .text {
    width: 49px;
    color: #4acbd6;
    font-size: 13px;
    display: inline-block;
}
.device-content {
    display: inline-block;
    box-sizing: border-box;
    padding-left: 5.37rem;
    width: 100%;
}
.device-content-none {
    padding: 0 8.5rem;
    text-align: center;
}
.device-content-none-text {
    width: 100%;
    display: inline-block;
    color: #b3b3b3;
    text-align: center;
}
.device-div.noLabel .device-content {
    padding-left: 0px;
}
.device-div .device-line.notEnd {
    padding-bottom: 15px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 15px;
}
.device-div .device-line .device-info {
    font-size: 13px;
    position: static;
    display: table-cell;
    padding: 0px;
    margin: 0px;
    padding-right: 8px;
    /*width: 100%;*/
}
.device-div .device-line .device-info .device-info-name {
    display: inline-block;
    color: #4acbd6;
    font-size: 1rem;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    height: 1.2rem;
}
.info-list .device-div .device-line .device-info .device-info-name,
.device-list .device-div .device-line .device-info .device-info-name,
.link-list .device-div .device-line .device-info .device-info-name {
    color: #000;
    font-weight: bold;
}
.device-div .device-line .device-info .device-info-item {
    display: block;
    width: 100%;
    margin-top: 0.3rem;
}
.device-div .device-line .device-info .device-info-item.long-info-text {
    overflow: hidden;
}
.device-div .device-line .device-info .device-info-title {
    display: inline-block;
    box-sizing: border-box;
    padding-right: 8px;
    width: 49%;
    overflow-x: auto;
    overflow-y: hidden;
    height: 1rem;
}
.device-div .device-line .device-info .device-info-text {
    display: inline-block;
    color: #808080;
    width: 48%;
    overflow-x: auto;
    overflow-y: hidden;
    height: 1rem;
}
.device-div .device-line .device-info .long-info-text .device-info-text {
    height: auto;
    float: right;
}
.device-div .device-line .device-info {} .device-div .device-line .op {
    display: table-cell;
    vertical-align: middle;
    width: 10px;
    padding-right: 1rem;
}
.qs-bigMsg {
    font-size: 16px;
    font-weight: 800;
}
.qs.section-tips {
    margin-top: 8px;
    margin-bottom: 10px;
}
/*voip telephone numbers*/

span.voip-imp {
    color: #ff0000;
    width: 10px;
    text-align: center;
    padding-top: 10px;
}
span.voip-conn {
    width: 10px;
    text-align: center;
}
/*voip telephone books*/

.icon-telBookBlue {
    width: 47px;
    height: 47px;
    background-position: -474px -118px;
}
.icon-dectBlue {
    width: 47px;
    height: 47px;
    background-position: -474px -10px;
}
/**
 * *********************************************---Network Map---*******************************************************
 * networkMap.mobile.htm
 */
@keyframes frames-router {
    from {transform: scale(0.3);}
    to {transform: scale(1);}
}
@-webkit-keyframes frames-router {
    from {transform: scale(0.3);}
    to {transform: scale(1);}
}
@-moz-keyframes frames-router {
    from {transform: scale(0.3);}
    to {transform: scale(1);}
}
@-o-keyframes frames-router {
    from {transform: scale(0.3);}
    to {transform: scale(1);}
}
.router-show {
    animation: frames-router 0.6s forwards;
    -webkit-animation: frames-router 0.6s forwards;
    -moz-animation: frames-router 0.6s forwards;
    -o-animation: frames-router 0.6s forwards;
}
@keyframes frames-bg {
    from {transform: scale(1);}
    to {transform: scale(3);}
}
@-webkit-keyframes frames-bg {
    from {transform: scale(1);}
    to {transform: scale(3);}
}
@-moz-keyframes frames-bg {
    from {transform: scale(1);}
    to {transform: scale(3);}
}
@-o-keyframes frames-bg {
    from {transform: scale(1);}
    to {transform: scale(3);}
}
.bg-show {
    animation: frames-bg 1s 5;
    -webkit-animation: frames-bg 1s 5;
    -moz-animation: frames-bg 1s 5;
    -o-animation: frames-bg 1s 5;
}
.map-container {
    width: 100%;
    min-height: 100%;
    height: 100%;
    position: relative;
    overflow-x: hidden;
    background: #4acbd6;
}
.map-content {
    width: 100%;
    min-height: 100%;
    height: 100%;
    max-width: 32rem;
    position: relative;
    transform: scale(1);
    transform-origin: center top;
}
div.map-container div.center {
    width: 13.37rem;
    top: 6.63rem;
    padding-bottom: 13.37rem;
    margin: 0 auto;
    position: relative;
}
div.map-container div.circle-1 {
    width: 100%;
    padding-bottom: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background: #4acbd6;
    box-shadow: 0 0 30px 0px rgba(255,255,255,0.6);
}
div.map-container div.circle-2 {
    width: 11.93rem;
    padding-bottom: 11.93rem;
    position: absolute;
    top: 0.65rem;
    left: 0.65rem;
    border-radius: 50%;
    background: #4ED2DC;
    border: #9CE3E9 solid 1px;
}
div.map-container div.circle-3 {
    width: 100%;
    padding-bottom: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 50%;
    /*background: radial-gradient(#4acbd6, #6BD4DD);*/
    background: radial-gradient(transparent, rgba(256, 256, 256, 0.1));
}
.map-bgcircle-1 {
    width: 200%;
    padding-bottom: 200%;
    border-radius: 50%;
    position: absolute;
    bottom: 9rem;
    left: -50%;
    background: -webkit-linear-gradient(top, #5DCFD9, #5CD0DA);
}
.map-bgcircle-2 {
    width: 200%;
    padding-bottom: 200%;
    border-radius: 50%;
    position: absolute;
    bottom: 14.6rem;
    left: -50%;
    background: -webkit-linear-gradient(top, #5DCFD9, #6BD4DD);
}
div.map-container div.f-network-router {
    position: absolute;
    top: 4.14rem;
    left: 4.66rem;
}
div.map-container div.router-name {
    width: 10.59rem;
    height: 20px;
    font-size: 1rem;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 7.93rem;
    left: 1.37rem;
}
div.map-container div.map-icon {
    width: 3.2rem;
    height: 0;
    font-size: 1rem;
    padding-top: 3.2rem;
    color: #fff;
    text-align: center;
    position: absolute;
    overflow: visible;
}
div.map-container div.map-internet {
    left: 2.37rem; bottom: 15.33rem;opacity: 1;
}
@keyframes frames-internet {
    from {left: 6rem; bottom: 19rem;opacity: 0;}
    to {left: 2.37rem; bottom: 15.33rem;opacity: 1;}
}
@-webkit-keyframes frames-internet {
    from {left: 6rem; bottom: 19rem;opacity: 0;}
    to {left: 2.37rem; bottom: 15.33rem;opacity: 1;}
}
@-moz-keyframes frames-internet {
    from {left: 6rem; bottom: 19rem;opacity: 0;}
    to {left: 2.37rem; bottom: 15.33rem;opacity: 1;}
}
@-o-keyframes frames-internet {
    from {left: 6rem; bottom: 19rem;opacity: 0;}
    to {left: 2.37rem; bottom: 15.33rem;opacity: 1;}
}
.internet-show {
    animation: frames-internet 5s forwards;
    -webkit-animation: frames-internet 5s forwards;
    -moz-animation: frames-internet 5s forwards;
    -o-animation: frames-internet 5s forwards;
}
div.map-container div.map-wireless {
    left: 10.37rem; bottom: 13.48rem;opacity: 1;
}
@keyframes frames-wireless {
    from {left: 10.37rem; bottom: 19rem;opacity: 0;}
    to {left: 10.37rem; bottom: 13.48rem;opacity: 1;}
}
@-webkit-keyframes frames-wireless {
    from {left: 10.37rem; bottom: 19rem;opacity: 0;}
    to {left: 10.37rem; bottom: 13.48rem;opacity: 1;}
}
@-moz-keyframes frames-wireless {
    from {left: 10.37rem; bottom: 19rem;opacity: 0;}
    to {left: 10.37rem; bottom: 13.48rem;opacity: 1;}
}
@-o-keyframes frames-wireless {
    from {left: 10.37rem; bottom: 19rem;opacity: 0;}
    to {left: 10.37rem; bottom: 13.48rem;opacity: 1;}
}
.wireless-show {
    animation: frames-wireless 5s forwards;
    -webkit-animation: frames-wireless 5s forwards;
    -moz-animation: frames-wireless 5s forwards;
    -o-animation: frames-wireless 5s forwards;
}
div.map-container div.map-guest {
    left: 10.37rem; bottom: 6.44rem;opacity: 1;
}
@keyframes frames-guest {
    from {left: 10.37rem; bottom: 15rem;opacity: 0;}
    to {left: 10.37rem; bottom: 6.44rem;opacity: 1;}
}
@-webkit-keyframes frames-guest {
    from {left: 10.37rem; bottom: 15rem;opacity: 0;}
    to {left: 10.37rem; bottom: 6.44rem;opacity: 1;}
}
@-moz-keyframes frames-guest {
    from {left: 10.37rem; bottom: 15rem;opacity: 0;}
    to {left: 10.37rem; bottom: 6.44rem;opacity: 1;}
}
@-o-keyframes frames-guest {
    from {left: 10.37rem; bottom: 15rem;opacity: 0;}
    to {left: 10.37rem; bottom: 6.44rem;opacity: 1;}
}
.guest-show {
    animation: frames-guest 5s forwards;
    -webkit-animation: frames-guest 5s forwards;
    -moz-animation: frames-guest 5s forwards;
    -o-animation: frames-guest 5s forwards;
}
div.map-container div.map-guest-5 {
    left: 6.3rem; bottom: 7.78rem;opacity: 1;
}
@keyframes frames-guest-v {
    from {left: 8rem; bottom: 15rem;opacity: 0;}
    to {left: 6.3rem; bottom: 7.78rem;opacity: 1;}
}
@-webkit-keyframes frames-guest-v {
    from {left: 8rem; bottom: 15rem;opacity: 0;}
    to {left: 6.3rem; bottom: 7.78rem;opacity: 1;}
}
@-moz-keyframes frames-guest-v {
    from {left: 8rem; bottom: 15rem;opacity: 0;}
    to {left: 6.3rem; bottom: 7.78rem;opacity: 1;}
}
@-o-keyframes frames-guest-v {
    from {left: 8rem; bottom: 15rem;opacity: 0;}
    to {left: 6.3rem; bottom: 7.78rem;opacity: 1;}
}
.guest-show-5 {
    animation: frames-guest-v 5s forwards;
    -webkit-animation: frames-guest-v 5s forwards;
    -moz-animation: frames-guest-v 5s forwards;
    -o-animation: frames-guest-v 5s forwards;
}
div.map-container div.map-usb {
    left: 17.52rem; bottom: 7.78rem;opacity: 1;
}
@keyframes frames-usb {
    from {left: 15rem; bottom: 15rem;opacity: 0;}
    to {left: 17.52rem; bottom: 7.78rem;opacity: 1;}
}
@-webkit-keyframes frames-usb {
    from {left: 15rem; bottom: 15rem;opacity: 0;}
    to {left: 17.52rem; bottom: 7.78rem;opacity: 1;}
}
@-moz-keyframes frames-usb {
    from {left: 15rem; bottom: 15rem;opacity: 0;}
    to {left: 17.52rem; bottom: 7.78rem;opacity: 1;}
}
@-o-keyframes frames-usb {
    from {left: 15rem; bottom: 15rem;opacity: 0;}
    to {left: 17.52rem; bottom: 7.78rem;opacity: 1;opacity: 1;}
}
.usb-show {
    animation: frames-usb 5s forwards;
    -webkit-animation: frames-usb 5s forwards;
    -moz-animation: frames-usb 5s forwards;
    -o-animation: frames-usb 5s forwards;
}
div.map-container div.map-usb-5 {
    left: 14.52rem; bottom: 7.78rem;opacity: 1;
}
@keyframes frames-usb-v {
    from {left: 13rem; bottom: 15rem;opacity: 0;}
    to {left: 14.52rem; bottom: 7.78rem;opacity: 1;}
}
@-webkit-keyframes frames-usb-v {
    from {left: 13rem; bottom: 15rem;opacity: 0;}
    to {left: 14.52rem; bottom: 7.78rem;opacity: 1;}
}
@-moz-keyframes frames-usb-v {
    from {left: 13rem; bottom: 15rem;opacity: 0;}
    to {left: 14.52rem; bottom: 7.78rem;opacity: 1;}
}
@-o-keyframes frames-usb-v {
    from {left: 13rem; bottom: 15rem;opacity: 0;}
    to {left: 14.52rem; bottom: 7.78rem;opacity: 1;}
}
.usb-show-5 {
    animation: frames-usb-v 5s forwards;
    -webkit-animation: frames-usb-v 5s forwards;
    -moz-animation: frames-usb-v 5s forwards;
    -o-animation: frames-usb-v 5s forwards;
}
div.map-container div.map-device {
    left: 18.33rem; bottom: 15.33rem;opacity: 1;
}
@keyframes frames-device {
    from {left: 15rem; bottom: 19rem;opacity: 0;}
    to {left: 18.33rem; bottom: 15.33rem;opacity: 1;}
}
@-webkit-keyframes frames-device {
    from {left: 15rem; bottom: 19rem;opacity: 0;}
    to {left: 18.33rem; bottom: 15.33rem;opacity: 1;}
}
@-moz-keyframes frames-device {
    from {left: 15rem; bottom: 19rem;opacity: 0;}
    to {left: 18.33rem; bottom: 15.33rem;opacity: 1;}
}
@-o-keyframes frames-device {
    from {left: 15rem; bottom: 19rem;opacity: 0;}
    to {left: 18.33rem; bottom: 15.33rem;opacity: 1;}
}
.device-show {
    animation: frames-device 5s forwards;
    -webkit-animation: frames-device 5s forwards;
    -moz-animation: frames-device 5s forwards;
    -o-animation: frames-device 5s forwards;
}
div.map-container div.map-telephone {
    left: 3.18rem; bottom: 7.78rem;opacity: 1;
}
@keyframes frames-telephone {
    from {left: 6rem; bottom: 15rem;opacity: 0;}
    to {left: 3.18rem; bottom: 7.78rem;opacity: 1;}
}
@-webkit-keyframes frames-telephone {
    from {left: 6rem; bottom: 15rem;opacity: 0;}
    to {left: 3.18rem; bottom: 7.78rem;opacity: 1;}
}
@-moz-keyframes frames-telephone {
    from {left: 6rem; bottom: 15rem;opacity: 0;}
    to {left: 3.18rem; bottom: 7.78rem;opacity: 1;}
}
@-o-keyframes frames-telephone {
    from {left: 6rem; bottom: 15rem;opacity: 0;}
    to {left: 3.18rem; bottom: 7.78rem;opacity: 1;}
}
.telephone-show {
    animation: frames-telephone 5s forwards;
    -webkit-animation: frames-telephone 5s forwards;
    -moz-animation: frames-telephone 5s forwards;
    -o-animation: frames-telephone 5s forwards;
}
div.map-container div.map-icon-text {
    display: inline-block;
    width: 7.15rem;
    position: absolute;
    margin-left: -3.57rem;
}
.map-internet-state {
    width: 30%;
    border-radius: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
}
.map-internet-state-ok {
    width:1.3537rem;
    height:1.3537rem;
    background-position:-1.3509rem -6.5437rem;
}
.map-internet-state-fail {
    width:1.3537rem;
    height:1.3537rem;
    background-position:-0.0509rem -6.5437rem;
}
.map-internet-state-unplug {
    width:1.3537rem;
    height:1.3537rem;
    background-position:-2.6509rem -6.5437rem;
}
.map-device-number {
    min-width: 0.8rem;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    height: 0.9rem;
    line-height: 0.9rem;
    padding: 0 0.1rem;
    border-radius: 0.5rem;
    vertical-align: top;
    font-size: 0.6rem;
    text-align: center;
    background-color: #F39800;
    margin-left: 0.3125rem;
    color: #ffffff;
}
.phoneBot {
    position: absolute;
    bottom: 0;
    margin-bottom: 16px;
    width: 100%;
    text-align: center;
    padding: 0;
    color: #fff;
    font-family: Arial;
}
.phoneBot a {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}
.phoneBot a.selected {
    color: #88d5f0;
}
.phoneBot-phone {
    margin-right: 8px;
}
.phoneBot-pc {
    margin-left: 8px;
}

@media all and (orientation : landscape) {
    #mainPhone.networkMap {
        min-height: 23.7rem;
    }
    .map-container {
        overflow-x: inherit;
        overflow-y: hidden;
    }
    .map-content {
        max-width: 64rem;
        transform: scale(1);
        transform-origin: center center;
    }
    div.map-container div.center {
        left: 5.41rem;
        top: 6.74rem;
        margin: 0;
    }
    .map-bgcircle-1 {
        width: 150%;
        padding-bottom: 150%;
        border-radius: 50%;
        position: absolute;
        bottom: -90%;
        left: inherit;
        right: 8rem;
        background: -webkit-linear-gradient(left, #5DCFD9, #5CD0DA);
    }
    .map-bgcircle-2 {
        width: 150%;
        padding-bottom: 150%;
        border-radius: 50%;
        position: absolute;
        bottom: -88%;
        left: inherit;
        right: 17.18rem;
        background: -webkit-linear-gradient(left, #5DCFD9, #6BD4DD);
    }
    div.map-container div.map-icon.map-internet {
        left: inherit;
        right: 17.59rem; bottom: 0.85rem;opacity: 1;
    }
    @keyframes frames-internet-l {
        from {right: 20.59rem; bottom: 3.85rem;opacity: 0;}
        to {right: 17.59rem; bottom: 0.85rem;opacity: 1;}
    }
    @-webkit-keyframes frames-internet-l {
        from {right: 20.59rem; bottom: 3.85rem;opacity: 0;}
        to {right: 17.59rem; bottom: 0.85rem;opacity: 1;}
    }
    @-moz-keyframes frames-internet-l {
        from {right: 20.59rem; bottom: 3.85rem;opacity: 0;}
        to {right: 17.59rem; bottom: 0.85rem;opacity: 1;}
    }
    @-o-keyframes frames-internet-l {
        from {right: 20.59rem; bottom: 3.85rem;opacity: 0;}
        to {right: 17.59rem; bottom: 0.85rem;opacity: 1;}
    }
    .internet-show-l {
        animation: frames-internet-l 5s forwards;
        -webkit-animation: frames-internet-l 5s forwards;
        -moz-animation: frames-internet-l 5s forwards;
        -o-animation: frames-internet-l 5s forwards;
    }
    div.map-container div.map-icon.map-wireless {
        left: inherit;
        right: 15.70rem; bottom: 8.70rem;opacity: 1;
    }
    @keyframes frames-wireless-l {
        from {right: 19.70rem; bottom: 8.70rem;opacity: 0;}
        to {right: 15.70rem; bottom: 8.70rem;opacity: 1;}
    }
    @-webkit-keyframes frames-wireless-l {
        from {right: 19.70rem; bottom: 8.70rem;opacity: 0;}
        to {right: 15.70rem; bottom: 8.70rem;opacity: 1;}
    }
    @-moz-keyframes frames-wireless-l {
        from {right: 19.70rem; bottom: 8.70rem;opacity: 0;}
        to {right: 15.70rem; bottom: 8.70rem;opacity: 1;}
    }
    @-o-keyframes frames-wireless-l {
        from {right: 19.70rem; bottom: 8.70rem;opacity: 0;}
        to {right: 15.70rem; bottom: 8.70rem;opacity: 1;}
    }
    .wireless-show-l {
        animation: frames-wireless-l 5s forwards;
        -webkit-animation: frames-wireless-l 5s forwards;
        -moz-animation: frames-wireless-l 5s forwards;
        -o-animation: frames-wireless-l 5s forwards;
    }
    div.map-container div.map-icon.map-guest {
        left: inherit;
        right: 6.30rem; bottom: 8.70rem;opacity: 1;
    }
    @keyframes frames-guest-l {
        from {right: 12.30rem; bottom: 8.70rem;opacity: 0;}
        to {right: 6.30rem; bottom: 8.70rem;opacity: 1;}
    }
    @-webkit-keyframes frames-guest-l {
        from {right: 12.30rem; bottom: 8.70rem;opacity: 0;}
        to {right: 6.30rem; bottom: 8.70rem;opacity: 1;}
    }
    @-moz-keyframes frames-guest-l {
        from {right: 12.30rem; bottom: 8.70rem;opacity: 0;}
        to {right: 6.30rem; bottom: 8.70rem;opacity: 1;}
    }
    @-o-keyframes frames-guest-l {
        from {right: 12.30rem; bottom: 8.70rem;opacity: 0;}
        to {right: 6.30rem; bottom: 8.70rem;opacity: 1;}
    }
    .guest-show-l {
        animation: frames-guest-l 5s forwards;
        -webkit-animation: frames-guest-l 5s forwards;
        -moz-animation: frames-guest-l 5s forwards;
        -o-animation: frames-guest-l 5s forwards;
    }
    div.map-container div.map-icon.map-guest-5 {
        left: inherit;
        right: 7.59rem; bottom: 4.7rem;opacity: 1;
    }
    @keyframes frames-guest-l-v {
        from {right: 13.59rem; bottom: 6.70rem;opacity: 0;}
        to {right: 7.59rem; bottom: 4.7rem;opacity: 1;}
    }
    @-webkit-keyframes frames-guest-l-v {
        from {right: 13.59rem; bottom: 6.70rem;opacity: 0;}
        to {right: 7.59rem; bottom: 4.7rem;opacity: 1;}
    }
    @-moz-keyframes frames-guest-l-v {
        from {right: 13.59rem; bottom: 6.70rem;opacity: 0;}
        to {right: 7.59rem; bottom: 4.7rem;opacity: 1;}
    }
    @-o-keyframes frames-guest-l-v {
        from {right: 13.59rem; bottom: 6.70rem;opacity: 0;}
        to {right: 7.59rem; bottom: 4.7rem;opacity: 1;}
    }
    .guest-show-l-5 {
        animation: frames-guest-l-v 5s forwards;
        -webkit-animation: frames-guest-l-v 5s forwards;
        -moz-animation: frames-guest-l-v 5s forwards;
        -o-animation: frames-guest-l-v 5s forwards;
    }
    div.map-container div.map-icon.map-usb {
        left: inherit;
        right: 7.59rem; bottom: 15.18rem;opacity: 1;
    }
    @keyframes frames-usb-l {
        from {right: 13.59rem; bottom: 12.18rem;opacity: 0;}
        to {right: 7.59rem; bottom: 15.18rem;opacity: 1;}
    }
    @-webkit-keyframes frames-usb-l {
        from {right: 13.59rem; bottom: 12.18rem;opacity: 0;}
        to {right: 7.59rem; bottom: 15.18rem;opacity: 1;}
    }
    @-moz-keyframes frames-usb-l {
        from {right: 13.59rem; bottom: 12.18rem;opacity: 0;}
        to {right: 7.59rem; bottom: 15.18rem;opacity: 1;}
    }
    @-o-keyframes frames-usb-l {
        from {right: 13.59rem; bottom: 12.18rem;opacity: 0;}
        to {right: 7.59rem; bottom: 15.18rem;opacity: 1;}
    }
    .usb-show-l {
        animation: frames-usb-l 5s forwards;
        -webkit-animation: frames-usb-l 5s forwards;
        -moz-animation: frames-usb-l 5s forwards;
        -o-animation: frames-usb-l 5s forwards;
    }
    div.map-container div.map-icon.map-usb-5 {
        left: inherit;
        right: 7.59rem; bottom: 13.18rem;opacity: 1;
    }
    @keyframes frames-usb-l-v {
        from {right: 13.59rem; bottom: 11.18rem;opacity: 0;}
        to {right: 7.59rem; bottom: 13.18rem;opacity: 1;}
    }
    @-webkit-keyframes frames-usb-l-v {
        from {right: 13.59rem; bottom: 11.18rem;opacity: 0;}
        to {right: 7.59rem; bottom: 13.18rem;opacity: 1;}
    }
    @-moz-keyframes frames-usb-l-v {
        from {right: 13.59rem; bottom: 11.18rem;opacity: 0;}
        to {right: 7.59rem; bottom: 13.18rem;opacity: 1;}
    }
    @-o-keyframes frames-usb-l-v {
        from {right: 13.59rem; bottom: 11.18rem;opacity: 0;}
        to {right: 7.59rem; bottom: 13.18rem;opacity: 1;}
    }
    .usb-show-l-5 {
        animation: frames-usb-l-v 5s forwards;
        -webkit-animation: frames-usb-l-v 5s forwards;
        -moz-animation: frames-usb-l-v 5s forwards;
        -o-animation: frames-usb-l-v 5s forwards;
    }
    div.map-container div.map-icon.map-device {
        left: inherit;
        right: 17.59rem; bottom: 16.70rem;opacity: 1;
    }
    @keyframes frames-device-l {
        from {right: 20.59rem; bottom: 13.70rem;opacity: 0;}
        to {right: 17.59rem; bottom: 16.70rem;opacity: 1;}
    }
    @-webkit-keyframes frames-device-l {
        from {right: 20.59rem; bottom: 13.70rem;opacity: 0;}
        to {right: 17.59rem; bottom: 16.70rem;opacity: 1;}
    }
    @-moz-keyframes frames-device-l {
        from {right: 20.59rem; bottom: 13.70rem;opacity: 0;}
        to {right: 17.59rem; bottom: 16.70rem;opacity: 1;}
    }
    @-o-keyframes frames-device-l {
        from {right: 20.59rem; bottom: 13.70rem;opacity: 0;}
        to {right: 17.59rem; bottom: 16.70rem;opacity: 1;}
    }
    .device-show-l {
        animation: frames-device-l 5s forwards;
        -webkit-animation: frames-device-l 5s forwards;
        -moz-animation: frames-device-l 5s forwards;
        -o-animation: frames-device-l 5s forwards;
    }
    div.map-container div.map-icon.map-telephone {
        left: inherit;
        right: 7.59rem; bottom: 2.22rem;opacity: 1;
    }
    @keyframes frames-telephone-l {
        from {right: 13.59rem; bottom: 5.22rem;opacity: 0;}
        to {right: 7.59rem; bottom: 2.22rem;opacity: 1;}
    }
    @-webkit-keyframes frames-telephone-l {
        from {right: 13.59rem; bottom: 5.22rem;opacity: 0;}
        to {right: 7.59rem; bottom: 2.22rem;opacity: 1;}
    }
    @-moz-keyframes frames-telephone-l {
        from {right: 13.59rem; bottom: 5.22rem;opacity: 0;}
        to {right: 7.59rem; bottom: 2.22rem;opacity: 1;}
    }
    @-o-keyframes frames-telephone-l {
        from {right: 13.59rem; bottom: 5.22rem;opacity: 0;}
        to {right: 7.59rem; bottom: 2.22rem;opacity: 1;}
    }
    .telephone-show-l {
        animation: frames-telephone-l 5s forwards;
        -webkit-animation: frames-telephone-l 5s forwards;
        -moz-animation: frames-telephone-l 5s forwards;
        -o-animation: frames-telephone-l 5s forwards;
    }
    div.map-container div.map-icon-text {
        display: table;
        width: 5rem;
        height: 3rem;
        position: absolute;
        left: 3.5rem;
        top: 0;
        text-align: left;
        margin-left: inherit;
    }
    div.map-container div.map-icon-text span {
        display: table-cell;
        vertical-align: middle;
    }
    div.phoneBot {
        display: none;
    }
    #top-menuList div.menu-arrow-icon {
        left: 20.2rem;
    }
}
/**
 * *********************************************---Parental Control---**************************************************
 * accessTime.mobile.htm
 */

.timeCircle {
    width: 80%;
    margin: 0 auto;
    position: relative;
    margin-top: 30px;
}
.timeCircle svg {
    width: 100%;
    margin: 0 auto;
}
.timeCircle svg {
    position: absolute;
}
.time-selected-area {
    font-size: 45px;
    color: #4acbd6;
    position: absolute;
    left: 50%;
}
.time-selected-wrapper {
    position: relative;
    left: -50%;
}
.time-clock-num {
    font-size: 17px;
    color: gray;
    position: absolute;
}
.time-path {
    fill: transparent;
    stroke: transparent;
    stroke-width: 0;
}
.time-circle {
    stroke: #D9D9D9;
    fill: transparent;
}
.time-line {
    stroke: #F1F4F6;
}
.time-arc {
    fill: transparent;
    stroke: #4acbd6;
}
.time-arc-hide {
    display: none;
}
.time-am-pm {
    width: 100%;
    position: absolute;
    bottom: 20px;
    margin: 0 auto;
    font-size: 40px;
}
.time-m {
    color: #CCCCCC;
}
.time-m.time-m-selected {
    color: #4acbd6;
}
.time-am {
    margin-left: 15%;
}
.time-pm {
    margin-left: 25%;
}
.time-day-select {
    width: 100%;
    padding: 20px 0;
    overflow-x: auto;
    border-top: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
    border-left: none;
    border-right: none;
    background: #FFF;
}
.time-day-select>div {
    width: 365px;
    margin-left: auto;
    margin-right: auto;
}
.time-week-day.time-day-selected {
    background: #ffcb00;
    border: solid 1px #ffcb00;
    color: white;
}
.time-week-day {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    text-align: center;
    margin-left: 10px;
    display: inline-block;
    border: solid 1px #CCCCCC;
    border-radius: 50%;
    background: white;
}
/**
 * deviceControl.mobile.htm
 */
.ctrl-arrow {
    width:0.8297rem;
    height:1.2009rem;
    background-position:-6.2008rem -0.0437rem;
    background-image:url(../img/imgMobile/mobile-icons.png);
    background-size:27.0739rem 21.5499rem;
}
#control-device-list {
    margin-top: 0;
}

.icon-r {
    width:0.8297rem;
    height:1.2009rem;
    background-position:-6.2008rem -0.0437rem;
    background-image:url(../img/imgMobile/mobile-icons.png);
    background-size:27.0739rem 21.5499rem;
    float: right;
}
/**
 * **************************************************---DHCP---*********************************************************
 * dhcpSettings.mobile.htm
 */

.input-addrpool {
    width: 63px;
}
.text-right-title {
    display: inline-block;
}
.text-right {
    display: inline-block;
    float: right;
    color: #999;
}
/**
 * dhcpClients.mobile.htm
 */

.dhcp-n {
    min-width: 1rem;
    height: 1rem;
    line-height: 1.2rem;
    padding: 0 0.3rem;
    border-radius: 0.5rem;
    vertical-align: top;
    font-size: 0.9rem;
    text-align: center;
    background-color: #F39800;
    margin-left: 0.3125rem;
    color: #ffffff;
}
/**
 * dhcpReserve.mobile.htm
 */
#dyn-btn, #ppp-btn {
    text-align: center;
}
#dyn-info input[type=button], #ppp-btn input[type=button] {
    display: inline-block;
    margin-right: 14px;
}
.border-top-none {
    border-top: none;
}
.border-bottom-none {
    border-bottom: none;
}

/*No Item Style*/

.no-item {
    width: 100%;
    margin-top: 3.38rem;
    text-align: center;
}
.text-no-item {
    color: #cccccc;
    width: 100%;
    font-size: 1rem;
    margin-top: 0.5rem;
    display: inline-block;
    text-align: center;
}