/*@media (min-width: 800px) {*/
.desktop1{
    #P9D{
        position: fixed;
        top: 5vh;
        left: calc(16rem);
        right: 0;

        overflow: auto;
        width: auto;
        height: 4vh;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #c1c1c1;
        background: white;
        z-index:1; 
        
    }
     #ztxtDiv {
        z-index: 10;
        display: none;
    }
    #ztxtDiv.active { display: flex; }

    /*********************************************************/
    /*                                                      */
    /*********************************************************/

    zindex#zindexDiv {
        position: fixed;
        top: 5vh;
        left: 0;
        bottom: 0;
        background: white;
        overflow: auto;
        width: 16rem;
        padding: 0.6rem;
        border-right: 1px solid #c1c1c1;
    }


    zls#zlsDiv {
        position: fixed;
        top: 9vh;
        left: 16rem;
        bottom: 0;
        background: white;
        overflow: auto;
        width: 30vw;
        padding: 0.6rem;
    }

    zplayer#zplayerDiv, #ztxtDiv, #P9B {
        position: fixed;
        top: 9vh;
        left: calc(16rem + 30vw);
        bottom: 0;
        /* background: white; */
        overflow: auto;

        width: auto;
        /*display: block;*/
        right: 0;
    }

    /*********************************************************/
    /*                                                      */
    /*********************************************************/

    header#P9A {
        height: 5vh;
    }

    #zinput{
        position: fixed;
        top: 0vh;
        left: 20vw;
        height: 3.3vh;
        background: white !important;;
        overflow: auto;
        width: 55vw;
        display: block;
        /* background:none; */
        margin: 0.85vh;
        font-size: 1.05rem;
    }

    div#P9CS {

        position: fixed;
        top: 0vh;
        right: 0;
        height: 3.3vh;
        /* background: white; */
        /* overflow: auto; */
        width: 20vh;
        /* display: block; */
        /* background:none; */
        margin: 0.85vh;
        font-size: 1rem;
    }

}

@media (min-width: 800px) {
/*.desktop2{
    margin-left:16rem  ;
  */  
    /*********************************************************/
    /*                                                      */
    /*********************************************************/
    body{
        margin-left:16rem  ;
    }
    zindex#zindexDiv {
        position: fixed;
        top: 0vh;
        left: 0;
        bottom: 0;
        background: #eee;
        overflow: auto;
        width: 16rem;
        padding: 0.6rem;
        border-right: 1px solid #c1c1c1;
    }




    /*********************************************************/
    /*                                                      */
    /*********************************************************/

    header#P9A {
        height: 5vh;
    }

    #zinput{
        position: fixed;
        top: 0vh;
        left: 24vw;
        height: 3.3vh;
        background: white !important;;
        overflow: auto;
        width: 55vw;
        display: block;
        /* background:none; */
        margin: 0.85vh;
        font-size: 1.05rem;
    }

    div#P9CS {

        position: fixed;
        top: 0vh;
        right: 0;
        height: 3.3vh;
        /* background: white; */
        /* overflow: auto; */
        width: 20vh;
        /* display: block; */
        /* background:none; */
        margin: 0.85vh;
        font-size: 1rem;
    }

}