/* 771–899px：桌面選單放不下會換行，背景圖示對不上文字，改用 770px 以下的緊湊版。 */
@media (min-width: 771px) and (max-width: 899.98px) {
    #rot #rot_ctr1_bod_ctr1_bod {
        background-size: 86% auto;
        background-position: left bottom;
    }

    #rot #rot_ctr1_bod_ctr1_bod ul li {
        padding-left: 30px;
        padding-right: 10px;
        padding-top: 10px;
    }

    #rot #rot_ctr1_bod_ctr1_bod ul li a {
        font-size: 14px;
    }
}

/* 全站共用：500–699px 提早顯示手機選單。來源為首頁已確認的規則。 */
@media (min-width: 500px) and (max-width: 699.98px) {
    #rot #rot_ctr1_bod_ctr1 {
        height: 55px;
    }

    #rot #rot_ctr1_bod_ctr1 ul li {
        display: none;
    }

    #rot #rot_ctr1_bod_ctr1_bod {
        position: absolute !important;
        top: 0;
        left: 0 !important;
        display: block !important;
        width: 100% !important;
        transform: none !important;
        background-image: none !important;
        background-color: transparent !important;
        z-index: 940000;
    }

    #rot #rot_ctr1_bod_ctr1_bod > ul {
        position: absolute;
        top: 55px;
        left: 0;
        display: none;
        width: 100%;
        height: auto;
        padding: 0.5rem 0;
        z-index: 1009999;
    }

    #rot #rot_ctr1_bod_ctr1_bod #__res_main_nav_button:checked ~ ul {
        display: list-item;
        width: 100%;
        background-color: rgba(220, 231, 234, 1);
        box-shadow: 0 3px 6px rgba(175, 175, 175, 0.54);
    }

    #rot #rot_ctr1_bod_ctr1_bod #__res_main_nav_button:checked ~ ul > li {
        display: inline;
        position: relative;
        width: 90%;
        padding: 0;
        text-align: left;
    }

    #rot #rot_ctr1_bod_ctr1_bod #__res_main_nav_label {
        display: block;
        width: 100%;
        height: 55px;
        background-image:
            linear-gradient(#0a454a, #0a454a),
            linear-gradient(#0a454a, #0a454a),
            linear-gradient(#0a454a, #0a454a);
        background-repeat: no-repeat;
        background-position: 10px 9px, 10px 17px, 10px 25px;
        background-size: 28px 4px;
        cursor: pointer;
    }

    #rot #rot_ctr1_bod_ctr1_bod ul li ul {
        display: none;
        position: static;
        width: 100%;
        padding: 0 0 2rem 2rem;
        overflow: hidden;
    }

    #rot #rot_ctr1_bod_ctr1_bod .res_main_nav_button_child:checked ~ ul {
        display: list-item;
    }

    #rot #rot_ctr1_bod_ctr1_bod .res_main_nav_label_child {
        display: block;
        position: absolute;
        top: 8px;
        width: 20px;
        min-height: 1.25em;
        background-image:
            linear-gradient(#0a454a, #0a454a),
            linear-gradient(#0a454a, #0a454a);
        background-repeat: no-repeat;
        background-position: center, center;
        background-size: 7px 1px, 1px 7px;
    }

    #rot #rot_ctr1_bod_ctr1_bod .res_main_nav_button_child:checked ~ label {
        background-image: linear-gradient(#0a454a, #0a454a);
    }
}