﻿

        .tblist td a {
            color: #1d2088;
            font-weight: bold;
            font-size: 1em;
            text-decoration: none;
        }

            .tblist td a:hover {
                color: #800080;
                text-decoration: underline;
            }

            .tblist td a:visited, .tblist td a:active {
                color: #800080;
            }
        /*EJOBW1566*/
        .tblist .Trdetail {
            padding-left: 130px;
            padding-right: 10px;
        }

        .tblist .HR {
            padding-left: 90px;
            padding-right: 10px;
        }
    
   
        .condition_ul li {
            list-style-type: none;
            float: left;
        }

            .condition_ul li a {
                background: url("images/icon_del.gif") no-repeat;
                display: inline-block;
                height: 12px;
                width: 12px;
                margin: 0 0 3px 5px;
                vertical-align: middle;
            }

        .conditionli {
            width: 235px;
        }
        /*EJOBW-1284*/
        .ui-widget-overlay {
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
        }

        .hrTabs {
            position: relative;
            left: 1px;
            bottom: -1px;
            width: 720px;
            height: 35px;
            background-image: url("images/tab_bg_hr2.png");
        }

        .twTabs {
            position: relative;
            left: 1px;
            bottom: -1px;
            width: 541px;
            height: 35px;
            background-image: url("images/tab_bg_tw2.png");
        }

        .youngTabs {
            position: relative;
            left: 1px;
            bottom: -1px;
            width: 541px;
            height: 35px;
            background-image: url("images/tab_bg_young2.png");
        }

        .jwsearchbox .jobth {
            width: 95px;
        }

        .access:focus, .access:hover: {
            border-style: dashed;
        }


        .searchbtn:hover, .searchbtn2:hover, .searchbtn3:hover, .searchbtn4:hover,
        .searchbtn:focus, .searchbtn2:focus, .searchbtn3:focus, .searchbtn4:focus {
            background-position: -400px 0;
        }

        .access:hover, .access:focus, .on_jwboxwork:hover, .on_jwboxwork:focus,
        .jwbox .hd2:hoevr, .jwbox .hd2:focus,
        .jwboxButtonwork:hover, .jwboxButtonwork:focus {
            border-style: dashed;
            background: none;
            background-color: Red;
        }

        .search_area {
            /*background-color: #f5f5f5;
            width: 100%;
            height: auto;
            padding: 10px 0px;
            border: solid 1px #ddd;
            margin: 10px 0px;
            text-align: left;
            float: left;*/
        }

        .input_fj {
            border-radius: 6px;
            border: 1px #CDCDCD solid;
            height: 27px;
        }
    
   
        /*排序功能列樣式*/
        .term_box01 {
            float: left;
            width: auto;
            background-color:;
        }

        .term_box02 {
            width: auto;
            background-color:;
        }

        .term_box03 {
            float: right;
            width: auto;
            background-color:;
        }

        .list_term .margin10 {
            margin: 0px 5px;
            top: 2px;
            left: 0px;
        }

        .list_term {
            width: 100%;
            height: auto;
            margin: 10px 0px;
            float: left;
            line-height: 27px;
            text-align: center;
        }

            .list_term ul li {
                display: inline;
            }

            .list_term .count {
                color: #d5414d;
                margin: 0px 5px;
            }

            .list_term .btn {
                font-size:0.93em;
            }
        /*排序列表頁籤樣式*/
        .bg_eee {
            background-color: #eee;
        }

        .list_content .tab-content {
            line-height: 20px;
            border: 1px solid #ddd;
            border-top: 0px;
            line-height: 40px;
        }

        .list_content .nav-tabs li {
            width: 20%;
        }

            .list_content .nav-tabs li:last-child a {
                margin-right: 0px;
            }

            .list_content .nav-tabs li a {
                margin-right: 4px;
                border: 1px solid #ddd;
                text-align: center;
            }
        /*排序列表內容樣式*/
        #list_content01 .table th {
            text-align: center;
            background-color: #e1f7fb;
        }

        #list_content02 .table th {
            text-align: center;
            background-color: #f7eedf;
        }

        #list_content03 .table th {
            text-align: center;
            background-color: #e1f7fb;
        }

        #list_content04 .table th {
            text-align: center;
            background-color: #f7eedf;
        }

        #list_content05 .table th {
            text-align: center;
            background-color: #e1f7fb;
        }

        .conditions_list .table tr td {
            line-height: 30px;
        }

        .conditions_list .table {
            margin-bottom: 0px;
            text-align: center;
        }

        .conditions_list .open_btn01 {
            width: 100%;
            height: auto;
        }

            .conditions_list .open_btn01 .btn {
                padding: 0px;
                background-color: #fff;
                color: #337AB7;
                border: 0px;
                font-size:0.93em;
            }

            .conditions_list .open_btn01 .glyphicon {
                float: left;
                top: 0px;
            }

        .list_content .glyphicon {
            color: #337AB7;
            top: 3px;
            left: 2px;
        }

        .open_btn02 .btn {
            font-size:0.93em;
            padding: 5px 10px;
        }

        .open_btn02 .table {
            background-color: #fffdf1;
        }
        /*表格寬度控制*/
        .conditions_list .table tr td:nth-child(1) {
            width: 5%;
        }

        .conditions_list .table tr td:nth-child(2) {
            width: 7%;
        }

        .conditions_list .table tr td:nth-child(3) {
            width: 7%;
        }

        .conditions_list .table tr td:nth-child(9) {
            width: 10%;
        }
        /*頁數顯示浮動區塊*/
        .pages_bar .margin10 {
            margin: 0px 5px;
            top: 2px;
            left: 0px;
        }

        .pages_bar {
            width: 100%;
            height: auto;
            margin: 10px 0px;
            line-height: 47px;
            text-align: center;
            background-color: #eaeaea;
        }

            .pages_bar ul li {
                display: inline;
                margin: 0px 5px;
            }

            .pages_bar .count {
                color: #d5414d;
                margin: 0px 5px;
            }

            .pages_bar .btn {
                font-size:0.93em;
            }

            .pages_bar .form-control {
                display: inline;
                width: 5%;
                padding: 5px 10px;
                font-size:0.93em;
                color: #555;
            }
    
/* 原本 job_search_list 行內的CSS */
/*
    20190613, eric, 
        1.手機/平版 設備, 回頂部 按鈕位置會在工作清單的上方, 這時按鈕的動作會很怪 
          所以在 手機/平版 中不要顯示 回頂部 按鈕
        2.放入工作暫存 及 列印職缺 按鈕, 在手機/平版 中時, 改為置中顯示 
*/
.putstar {
    position: absolute;
    margin: 10px -13px;
    background-color: rgb(160,220,160);
    color: #333;
    width: auto;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
}

    .putstar::before {
        position: absolute;
        margin: -25px 10px;
        content: '';
        width: 0px;
        height: 0px;
        border-top: 15px transparent solid;
        border-left: 10px transparent solid;
        border-right: 10px transparent solid;
        border-bottom: 10px rgb(160,220,160) solid;
    }

.glyphicon {
    font-size: larger;
}

.hrBtnStyle {
    display: inline-block;
}

@media screen and (max-width: 767px) {
    #CPH1_tb_jobQueryResult {
        table-layout: fixed;
        word-break: break-all;
    }
}

/* Search Engine highlight 標示 */
k {
    color: #f6481c;
    font-weight: bold;
}


/*排序功能列樣式*/

@media screen and (max-width: 768px) {
    ul.term_box01 li#liGoTop {
        display: none;
    }
}

.term_box01 {
    float: none;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.term_box02 {
    width: auto;
}

.term_box03 {
    float: right;
    width: auto;
}

.list_term .margin10 {
    margin: 0px 5px;
    top: 2px;
    left: 0px;
}

.list_term {
    /*position: fixed;
            right: 0;
            width: auto;
            top: 170px;*/
    width: 100%;
    height: auto;
    margin: 10px 0px;
    float: left;
    line-height: 27px;
    text-align: center;
}

    .list_term ul li {
        display: inline;
        /*display:list-item;*/
    }

    .list_term .count {
        color: #d5414d;
        margin: 0px 5px;
    }

    .list_term .btn {
        font-size: 0.8125em;
    }
/*排序列表頁籤樣式*/
.bg_eee {
    background-color: #F9F9F9;
}

.list_content .tab-content {
    border: 1px solid #ddd;
    border-top: 0px;
}

/*排序列表內容樣式*/
.list_content01 .table th {
    text-align: center;
    background-color: #F1FBFD;
}

#list_content02 .table th {
    text-align: center;
    background-color: #f7eedf;
}

#list_content03 .table th {
    text-align: center;
    background-color: #e1f7fb;
}

#list_content04 .table th {
    text-align: center;
    background-color: #f7eedf;
}

#list_content05 .table th {
    text-align: center;
    background-color: #e1f7fb;
}

.conditions_list .table tr td {
    line-height: 18px;
}

.conditions_list .table {
    margin-bottom: 0px;
    text-align: center;
}

.conditions_list .open_btn01 {
    width: 100%;
    height: auto;
}

    .conditions_list .open_btn01 .btn {
        padding: 0px;
        background-color: #fff;
        color: #337AB7;
        border: 0px;
        font-size: 0.8125em;
    }

    .conditions_list .open_btn01 .glyphicon {
        float: left;
        top: 0px;
    }

.list_content .glyphicon {
    color: #337AB7;
    top: 3px;
    left: 2px;
}

.open_btn02 .btn {
    font-size: 0.8125em;
    padding: 5px 10px;
}

.open_btn02 .table {
    background-color: #fffdf1;
}
/*頁數顯示浮動區塊*/
.pages_bar .margin10 {
    margin: 0px 5px;
    top: 2px;
    left: 0px;
}

.pages_bar {
    width: 100%;
    height: auto;
    margin: 10px 0px;
    line-height: 47px;
    text-align: center;
    background-color: #eaeaea;
}

    .pages_bar ul li {
        display: inline;
        margin: 0px 5px;
    }

    .pages_bar .count {
        color: #d5414d;
        margin: 0px 5px;
    }

    .pages_bar .btn {
        font-size: 0.8125em;
    }

    .pages_bar .form-control {
        display: inline;
        width: 5%;
        padding: 5px 10px;
        font-size: 0.8125em;
        color: #555;
    }

.btn-lg {
    width: 100%;
}

@media screen and (min-width: 767px) {
    .list_term {
        position: fixed;
        right: 0;
        width: auto;
        top: 170px;
        height: auto;
        margin: 10px 0px;
        float: left;
        line-height: 27px;
        text-align: center;
    }

        .list_term ul li {
            display: list-item;
        }
}

.panel-heading a:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: grey;
}