#Base_Worker {
}

#PositionSearchList {
}

    #PositionSearchList .SearchPanel {
        color: #002D5D;
        background-color: #FFF;
        border-radius: 8px;
        padding: 40px 56px 80px;
    }

        #PositionSearchList .SearchPanel .SearchTitle {
            padding: 8px 0;
        }

        #PositionSearchList .SearchPanel .SearchList .SearchItem {
            margin-top: 12px;
        }

            #PositionSearchList .SearchPanel .SearchList .SearchItem .form-label {
                margin-bottom: 3px;
            }

            #PositionSearchList .SearchPanel .SearchList .SearchItem .form-select {
                position: relative;
                overflow: hidden;
                padding: 3px;
                border: 1px solid #D9D9D9;
                border-radius: 8px;
                height: 43px;
            }

                #PositionSearchList .SearchPanel .SearchList .SearchItem .form-select .ConditionBtnPanel {
                    width: max-content;
                }

            #PositionSearchList .SearchPanel .SearchList .SearchItem .ArrowIcon {
                position: absolute;
                color: #d9d9d9;
                top: 0;
                right: 0;
                padding: 13px 10px;
                background-color: #FFF;
                height: 100%;
            }

    #PositionSearchList .SearchCategoryPanel {
        display: grid;
        grid-template-columns: auto 30px;
        padding: 10px 15px;
        background-color: #fff;
        border-radius: 12px 12px 0 0;
    }

        #PositionSearchList .SearchCategoryPanel .Selector {
            /*border-left: 1px solid #8997B1;*/
            padding: 5px 8px;
            cursor: pointer;
        }

            #PositionSearchList .SearchCategoryPanel .Selector:first-child {
                border-left: 0;
            }

        #PositionSearchList .SearchCategoryPanel .SearchTitle,
        #PositionSearchList .SearchCategoryPanel .ArrowIcon {
            vertical-align: middle;
            letter-spacing: 0.05em;
        }

    #PositionSearchList .SelectedOptionList .SelectedAreaPanel {
        width: 100%;
        padding: .375rem .75rem;
        display: grid;
        grid-template-columns: auto 25px;
        gap: 5px;
        background-color: #f9f9f9;
        color: #888;
        margin-top: 5px;
        border-radius: .25rem;
    }


    #PositionSearchList .AreaList .AreaPanel:not(:first-child),
    #PositionSearchList .CategoryList .Category:not(:first-child) {
        margin-top: calc( var(--spacing) * 0.5);
    }

    #PositionSearchList .AreaList .ItemPanel,
    #PositionSearchList .CategoryList .ItemPanel {
        /*text-indent: 1em;*/
        padding: 0 0 0 0.5em;
        display: none;
    }

    #PositionSearchList .AreaItem,
    #PositionSearchList .CategoryItem {
        display: block;
        padding: 5px 10px;
        margin-top: 5px;
    }

    #PositionSearchList .DocumentTypeItem,
    #PositionSearchList .PositionTypeItem,
    #PositionSearchList .OtherItem {
        display: block;
        padding: 5px 10px;
        margin-top: 5px;
    }

        #PositionSearchList .AreaItem.Selected,
        #PositionSearchList .DocumentTypeItem.Selected,
        #PositionSearchList .CategoryItem.Selected,
        #PositionSearchList .OtherItem.Selected,
        #PositionSearchList .PositionTypeItem.Selected {
            background-color: #FF9E18;
            color: #fff !important;
            border-radius: 10px;
        }

    #PositionSearchList .dropdown-item.active, .dropdown-item:active {
        color: #FFF !important;
        text-decoration: none;
        background-color: #FF9E18;
        border-radius: 10px;
    }

    /*SlideShow*/
    #PositionSearchList .carousel-indicators {
        bottom: -20px;
    }

        #PositionSearchList .carousel-indicators [data-bs-target] {
            border-radius: 50%;
            width: 10px;
            height: 10px;
            background-color: #979797;
        }

        #PositionSearchList .carousel-indicators .active {
            background-color: #FF9E18;
        }


    #PositionSearchList .NoResult {
        text-align: center;
        padding-top: 40px;
        font-size: 18px;
        color: #999;
    }

    #PositionSearchList .BackTop {
        width: 50px;
        height: 50px;
        color: #FFF;
        background-color: #002D5D;
        border-radius: 999rem;
        line-height: 50px;
        position: fixed;
        right: 16px;
        bottom: 80px;
        z-index: 3;
        box-shadow: 1px 1px 5px rgb(24 24 24 / 70%);
    }

    #PositionSearchList .carousel-inner img {
        border-radius: 8px 8px 0 0;
    }

    /*自訂按鈕*/
    #PositionSearchList .Codition-btn-orange {
        background-color: #FF9E18CC !important;
        color: #fff;
        border-color: #FF9E18CC !important;
        opacity: 0.8;
        padding: 3.5px 8px;
        border-radius: 6px;
        margin-right: 4px;
    }

        #PositionSearchList .Codition-btn-orange:hover {
            background-color: #FF9E18 !important;
            color: #fff;
        }

    #PositionSearchList .Codition-btn-secondary {
        background-color: #D9D9D9 !important;
        border-color: #D9D9D9 !important;
        min-width: 60px !important;
    }

    #PositionSearchList .Codition-btn-orange.Codition-btn-secondary:hover {
        background-color: #D9D9D9 !important;
    }

    #PositionSearchList .Search-btn-orange {
        min-width: 173px;
        min-height: 51px;
    }



    /*職缺列表*/
    #PositionSearchList .PositionList-JobList {
        padding: 0 40px;
        background-color: #FFF;
        overflow: hidden;
    }

    #PositionSearchList .js-TopPositionList,
    #PositionSearchList .js-TopPositionList .PositionPanel-JobList {
        background-color: #FFFAE3 !important;
    }

    #PositionSearchList .js-PositionList {
        border-radius:0 0 8px 8px;
    }
    #PositionSearchList .PositionList-JobList .PositionPanel-JobList {
        padding: 32px 24px;
        display: grid;
        grid-template-columns: 3fr minmax(79px, .85fr);
        gap: 23px;
        position: relative;
        background-color: #fff;
        border-bottom: 0.25px solid #B9B9B9;
    }

        #PositionSearchList .PositionList-JobList .PositionPanel-JobList .PositionItem-JobList {
            display: grid;
            grid-template-columns: 1px auto;
            gap: 23px;
        }

            #PositionSearchList .PositionList-JobList .PositionPanel-JobList .PositionItem-JobList .DetailPanel-JobList {
                display: grid;
                grid-template-columns: auto 32px;
                gap: 4px;
            }

                #PositionSearchList .PositionList-JobList .PositionPanel-JobList .PositionItem-JobList .DetailPanel-JobList .DetailItem-JobList {
                    display: grid;
                    grid-template-columns: 1fr;
                    gap: 5px;
                    grid-auto-rows: auto 26px 26px 26px auto;
                    align-self: start;
                    align-items: center;
                }

    #PositionSearchList .PositionPanel-JobList .EnterpriseLogo {
        max-width: 150px;
        min-width: 79px;
        display: block;
        margin: auto;
        border: 1px solid #D9D9D9;
        border-radius: 6px;
    }


    /*職缺分頁*/
    #PositionSearchList .page-link {
        color: #464646;
    }

    #PositionSearchList .page-item.active .page-link {
        background-color: #FF9E18;
        border-color: #FF9E18;
        color: #fff;
    }

    #PositionSearchList .page-link:hover {
        color: #FFF !important;
        background-color: #FF9E18;
    }

    #PositionSearchList .page-link:focus {
        color: #FFF !important;
        background-color: #FF9E18;
        box-shadow: 0 0 0 0 rgba(13,110,253,.25);
    }

    /*舊搜尋條件列表*/
    #PositionSearchList .ConditionItem {
        border: 1px solid;
        border-radius: 6px;
        padding: 10px;
        text-align: center;
        margin-top: 16px;
        position: relative;
    }

@media (max-width:991px) {
    #PositionSearchList .PositionList-JobList {
        padding: 0px;
    }

    #PositionSearchList .PositionPanel-JobList {
        padding: 24px 16px;
    }

    #PositionSearchList .PositionPanel-JobList {
        gap: 4px;
    }
}

@media (max-width: 430px) {
    #PositionSearchList.MarginTop3 {
        margin-top: 0px !important;
    }

    /*職缺列表*/
    #PositionSearchList .PositionList-JobList {
        padding: 0 7px;
    }

        #PositionSearchList .PositionList-JobList.mt-4 {
            margin-top: 0px !important;
        }

        #PositionSearchList .PositionList-JobList .PositionPanel-JobList {
            padding: 24px 0;
            gap: 8px;
            grid-template-columns: 3fr minmax(79px, .65fr);
        }

            #PositionSearchList .PositionList-JobList .PositionPanel-JobList .PositionItem-JobList .DetailPanel-JobList {
                grid-template-columns: auto 31px;
            }

                #PositionSearchList .PositionList-JobList .PositionPanel-JobList .PositionItem-JobList .DetailPanel-JobList .DetailItem-JobList {
                    grid-auto-rows: auto 20px 20px 20px auto;
                }

                    #PositionSearchList .PositionList-JobList .PositionPanel-JobList .PositionItem-JobList .DetailPanel-JobList .DetailItem-JobList .Title.InfoItem {
                        font-size: 13px;
                    }

                    #PositionSearchList .PositionList-JobList .PositionPanel-JobList .PositionItem-JobList .DetailPanel-JobList .DetailItem-JobList .InfoItem,
                    #PositionSearchList .PositionList-JobList .PositionPanel-JobList .PositionItem-JobList .DetailPanel-JobList .DetailItem-JobList .InfoItem .EnterpriseOtherItem.Text2 {
                        font-size: 10px;
                    }

    #PositionSearchList .DetailItem-JobList > * {
        line-height: 20px;
    }
}