#status_mesh_R_info{
    position: absolute; z-index: 2;
    left:60%;
    top:5%;
    font-size: 16px;
}
#status_mesh_A_info{
    position: absolute; z-index: 2;
    font-size: 16px;
    left:44.5%;
    top:50%;
}
#status_mesh_B_info{
    position: absolute; z-index: 2;
    font-size: 16px;
    left:45%;
    top:85%;
}
#status_mesh_C_info{
    position: absolute; z-index: 2;
    font-size: 16px;
    left:8%;
    top:97%;
}
#status_mesh_D_info{
    position: absolute; z-index: 2;
    font-size: 16px;
    left:81%;
    top:97%;
}

/* << Mesh Node Name*/
#status_mesh_name_1{
    position: absolute; z-index: 2;
    font-size: 14px;
    left:44.5%;
    top:45%;
}
#status_mesh_name_2{
    position: absolute; z-index: 2;
    font-size: 14px;
    left:45%;
    top:80%;
}
#status_mesh_name_3{
    position: absolute; z-index: 2;
    font-size: 14px;
    left:8%;
    top:92%;
}
#status_mesh_name_4{
    position: absolute; z-index: 2;
    font-size: 14px;
    left:81%;
    top:92%;
}
/* >> Mesh Node Name*/

#status_topology_meshImage{
    position: relative;margin-left: auto;margin-right: auto; display: block;
    width: 90%;
    min-width: 198px;
}

#mesh_R_info{
    position: absolute; z-index: 2;
    font-size: 18px;
    left:60%;
    top:4%;
}
#mesh_A_info{
    position: absolute; z-index: 2;
    font-size: 18px;
    left:42%;
    top:50%;
}
#mesh_B_info{
    position: absolute; z-index: 2;
    font-size: 18px;
    left:42%;
    top:85%;
}
#mesh_C_info{
    position: absolute; z-index: 2;
    font-size: 18px;
    left:2%;
    top:100%;
}
#mesh_D_info{
    position: absolute; z-index: 2;
    font-size: 18px;
    left:78%;
    top:98%;
}

/* << Mesh Node Name*/
#mesh_name_1{
    position: absolute; z-index: 2;
    font-size: 18px;
    left:42%;
    top:45%;
}
#mesh_name_2{
    position: absolute; z-index: 2;
    font-size: 18px;
    left:42%;
    top:80%;
}
#mesh_name_3{
    position: absolute; z-index: 2;
    font-size: 18px;
    left:2%;
    top:95%;
}
#mesh_name_4{
    position: absolute; z-index: 2;
    font-size: 18px;
    left:78%;
    top:93%;
}
/* >> Mesh Node Name*/

#topology_meshImage{
    position: relative;margin-left: auto;margin-right: auto; display: block;
    width: 100%;
    min-width: 198px;
}

#status_connectedDevice_model {
    z-index: 1041;
    width: 97%;
    height: 97%;
    position: absolute;
    top: 2%;
    left: 1%;
}

#RE_Device_List {
    z-index: 1041;
    width: 97%;
    height: 97%;
    position: absolute;
    top: 2%;
    left: 1%;
}

#meshtopology_sect{
    position: relative;
}

.up_encryption,.status_encryption{
/*    font-weight: bold;*/
/*mark by jackie 2018-03-20*/
    font-size: large;
}

@media (min-width: 690px) {
    #status_mesh_R_info{
        left:57%;
        top:3.5%;
        font-size: 18px;
    }
    #status_mesh_A_info{
        font-size: 14px;
        left:45%;
        top:50%;
    }
    #status_mesh_B_info{
        font-size: 14px;
        left:45%;
        top:84%;
    }
    #status_mesh_C_info{
        font-size: 14px;
        left:20%;
        top:97%;
    }
    #status_mesh_D_info{
        font-size: 14px;
        left:69%;
        top:97%;
    }

    /* << Mesh Node Name*/
    #status_mesh_name_1{
        font-size: 14px;
        left:45%;
        top:45%;
    }
    #status_mesh_name_2{
        font-size: 14px;
        left:45%;
        top:79%;
    }
    #status_mesh_name_3{
        font-size: 14px;
        left:20%;
        top:92%;
    }
    #status_mesh_name_4{
        font-size: 14px;
        left:69%;
        top:92%;
    }
    /* >> Mesh Node Name*/

    #status_topology_meshImage{
        width: 60%;
    }

    #mesh_R_info{
        font-size: 16px;
        left:60%;
        top:4%;
    }
    #mesh_A_info{
        font-size: 14px;
        left:43%;
        top:50%;
    }
    #mesh_B_info{
        font-size: 14px;
        left:43%;
        top:85%;
    }
    #mesh_C_info{
        font-size: 14px;
        left:3%;
        top:100%;
    }
    #mesh_D_info{
        font-size: 14px;
        left:83%;
        top:98%;
    }

    /* << Mesh Node Name*/
    #mesh_name_1{
        font-size: 14px;
        left:43%;
        top:45%;
    }
    #mesh_name_2{
        font-size: 14px;
        left:43%;
        top:80%;
    }
    #mesh_name_3{
        font-size: 14px;
        left:3%;
        top:95%;
    }
    #mesh_name_4{
        font-size: 14px;
        left:80%;
        top:93%;
    }
    /* >> Mesh Node Name*/
}

@media (min-width: 1080px)
{
    #mesh_R_info{
        font-size: 16px;
        left:62%;
        top:4%;
    }
    #mesh_A_info{
        font-size: 14px;
        left:42%;
        top:50%;
    }
    #mesh_B_info{
        font-size: 14px;
        left:42%;
        top:85%;
    }
    #mesh_C_info{
        font-size: 14px;
        left:2%;
        top:97%;
    }
    #mesh_D_info{
        font-size: 14px;
        left:80%;
        top:97%;
    }

    /* << Mesh Node Name*/
    #mesh_name_1{
        font-size: 14px;
        left:42%;
        top:45%;
    }
    #mesh_name_2{
        font-size: 14px;
        left:42%;
        top:80%;
    }
    #mesh_name_3{
        font-size: 14px;
        left:2%;
        top:92%;
    }
    #mesh_name_4{
        font-size: 14px;
        left:77%;
        top:92%;
    }
    /* >> Mesh Node Name*/
}