/*pc screen style*/
/*show mini panel when width<1000px or height<590px*/
@media screen and (max-width: 1000px),screen and (max-height: 590px) {
    #viewer_panel_ver {
        display: none;
    }

    #viewer_panel_ver_mini {
        display: block;
    }

    #toolbar_module_menu_name {
        display: none;
    }
}
/*hide app panel and toolbar if width < 450px*/
@media screen and (max-width: 450px) {
    #viewer_panel_ver {
        display: none;
    }

    #viewer_panel_ver_mini {
        display: none;
    }

    #viewer_toolbar {
        display: none;
    }

    #toolbar_module_menu_name {
        display: none;
    }
}

/*for series list: show horizonal list when (width/height) < (14/16) */
@media screen and (max-aspect-ratio: 14/16) {
    .viewer_serieslist.verlist {
        display: none
    }

    .viewer_serieslist.horlist {
        display: block;
    }
}
/*Portrait display(show horizonal panel,vertical toolbar):width > 1050px ,height> 750px, and (width/height) < (14/16) */
@media screen and (min-width:1050px) and (min-height: 750px) and (max-aspect-ratio: 14/16) {
    #viewer_toolbar {
        display: none;
    }

    #viewer_toolbar_ver {
        display: block;
    }

    #viewer_panel_ver {
        display: none;
    }

    #viewer_panel_hor {
        display: block;
    }

    #viewer_panel_ver_mini {
        display: none;
    }

    #toolbar_module_menu_name {
        display: none;
    }
}