@media only screen and (min-width: 0) {
    div.searchObject_odd {
        width: 250px;
        height: 30px;
        border: 1px solid #CCC;
        border-radius: 3px;
        overflow: hidden;
    }
    div.searchObject_odd label {
        width: 2.7em;
        padding-left: .3em;
        height: 100%;
        float: left;
        background-color: rgb(223, 242, 248);
        color: black;
    }
    div.searchObject_odd input {
        border: 0;
        float: left;
        height: 100%;
        width: calc(100% - 30px - 3em - 12px);
        line-height: 30px;
    }
    div.searchObject_odd button {
        width: 30px;
        height: 100%;
        background-color: rgb(223, 242, 248);
        padding: 0;
        margin: 0;
        display: inline-block;
    }
    div.searchObject_odd button img {
        padding: 3px;
        width: 24px;
        height: 24px;
    }
}
@media only screen and (min-width: 0) {
    div.search_odd {
        width: 100%;
        float: left;
    }
    div.searchBlock_odd {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }
    div.searchContent_odd {
        width: 100%;
    }
    div.searchContent_odd span:nth-child(1) {
        margin-bottom: 5px;
    }
    div.searchContent_odd div.searchObject_odd {
        width: 100%;
    }
    div.searchContent_odd ul {
        width: 100%;
        float: left;
    }
    div.searchContent_odd ul li {
        width: 100%;
        float: left;
    }
    div.searchContent_odd ul li::before {
        content: none;
    }
    /* 巢狀清單（如進階搜尋的組織架構樹）：每層有縮排，寬度自適應才不會把頁面撐出橫向溢出 */
    div.searchContent_odd ul ul {
        width: auto;
        float: none;
    }
}

/* 進階搜尋：群組標題顯眼化、子項目縮排一級（全板、含手機） */
.search_odd fieldset.searchBlock_odd > legend {
    font-size  : 1.1em;
    font-weight: bold;
    margin     : .5em 0 .25em;
}

.search_odd div.searchContent_odd > span.fake,
.search_odd div.searchContent_odd > ul,
.search_odd div.searchObject_odd {
    width: calc(100% - 1em);
    margin-left: 1em;
}
