/* 为scanner.html添加的样式 */
#wb_LayoutGrid6 {
    display: none;
}

/* 平板和手机的响应式设计 */
/* 平板设备 (768px - 992px) */
@media (max-width: 992px) {
    /* 调整header高度和背景 */
    #PageHeader1, #wb_header {
        height: auto;
        min-height: 18vh;
        background-color: transparent !important;
        background-image: none !important;
    }
    
    /* 隐藏Logo */
    #wb_Image1 {
        display: none !important;
    }
    
    /* 调整第二导航菜单 - 顶部中央 */
    #wb_ThemeableMenu2 {
        position: relative !important;
        right: auto !important;
        top: 0 !important;
        text-align: center !important;
        margin: 0 auto !important;
        display: block !important;
        background-color: #00BFFF;
    }
    
    /* 调整导航菜单1 - 菜单2右下方 */
    #wb_ThemeableMenu1 {
        position: relative !important;
        top: 0 !important;
        right: 0 !important;
        transform: none !important;
        margin: 10px auto 0 auto !important;
        display: block !important;
        max-width: 200px;
        float: right;
    }
    
    /* 调整图片画廊 */
    #wb_ImageGallery {
        padding: 30px 15px;
    }
    
    #wb_ImageGallery > div {
        margin-bottom: 30px;
    }
/* 调整图片画廊 */
    #wb_ImageGallery > div > div {
        min-width: 100%;
        margin: 0 0 20px 0;
    }
    
    /* 下拉菜单2水平排列成一行 */
    .ThemeableMenu2 .navbar-nav > li {
        float: left;
        display: inline-block;
        text-align: center;
        margin-right: 10px;
    }
    
    /* 调整下拉菜单 */
    .ThemeableMenu1 .dropdown-menu {
        display: none; /* 默认不显示下拉菜单1的子菜单 */
    }
    
    .ThemeableMenu2 .dropdown-menu {
        position: absolute;
        display: none; /* 默认不显示下拉菜单 */
        float: left;
        min-width: 160px;
        background-color: #E8F8F5;
        border: 1px solid rgba(197,197,197,1.00);
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }
}

/* 手机设备 (max-width: 768px) */
@media (max-width: 768px) {
    /* 标题栏调整 - 隐藏背景 */
    #PageHeader1, #wb_header {
        background-color: transparent !important;
        background-image: none !important;
        height: auto !important;
    }
    
    /* 隐藏Logo */
    #wb_Image1 {
        display: none !important;
    }
    
    /* 调整菜单2位置 - 顶部中央 */
    #wb_ThemeableMenu2 {
        position: relative !important;
        right: auto !important;
        top: 0 !important;
        text-align: center !important;
        margin: 0 auto !important;
        display: block !important;
        background-color: #00BFFF;
    }
    
    /* 调整菜单1位置 - 菜单2右下方 */
    #wb_ThemeableMenu1 {
        position: relative !important;
        top: 0 !important;
        right: 0 !important;
        transform: none !important;
        margin: 10px auto 0 auto !important;
        display: block !important;
        max-width: 200px;
        float: right;
    }
    
    /* 下拉菜单2水平排列成一行 */
    .ThemeableMenu2 .navbar-nav > li {
        float: left;
        display: inline-block;
        text-align: center;
        margin-right: 10px;
    }
    
    /* 调整下拉菜单 */
    .ThemeableMenu1 .dropdown-menu {
        display: none; /* 默认不显示下拉菜单1的子菜单 */
    }
    
    /* 调整图片画廊 */
    #wb_ImageGallery {
        padding: 20px 10px;
    }
    
    #wb_ImageGallery > div {
        flex-direction: column;
        margin-bottom: 20px;
    }
    
    #wb_ImageGallery > div > div {
        min-width: 100%;
        margin: 0 0 20px 0;
    }
}

/* 小屏幕手机 (max-width: 480px) */
@media (max-width: 480px) {
    /* 调整图片画廊 */
    #wb_ImageGallery {
        padding: 10px 5px;
    }
    
    #wb_ImageGallery > div > div {
        margin: 0 0 15px 0;
    }
}