/*這是人資系統的css樣式表
bootstrap->3
jq->3.4.0fa
system_color->
color:#003c6a;
background:#003c6a;
*/
html {
    position: relative;
}
body {
    /*    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;    */
    font-family: 'Indie Flower', cursive;
    color: #444;  
    letter-spacing: 1px;
    font-size:16px;
    line-height: 1.5rem;
    background:#f8fafb;
    /*    background-image: url(../img/bg-01.svg);*/
    background-size: cover;
    background-attachment: fixed;
    background-position: center right;
    word-wrap:break-word;
}
h4{
    font-size:16px;
}
a{
    color:#023054;
    cursor: pointer;
}
a:hover,a:focus,a:active{
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    transform:scale(1);
    transform-origin: center;
    cursor: pointer;
    color:#1091ff;
}
.fa-save{
    /*磁片*/
    color:#949494;  
    opacity: 1;
}
.fa-save:hover{
    /*磁片*/  
    opacity: 1;
}
.fa-plus-circle
{/*圓底加號*/
    color:#949494;  
    opacity: 1;
}
.fa-plus-circle:hover{
    color: #5cb85c;
    opacity: 1;
}
.fa-edit,
.fa-trash-alt,
.fa-times,
.fa-user-plus,
.fa-check-circle,
.fa-undo{
    /*編輯.刪除.人員加號.完成.覆原*/
    color:#949494; 
}
.fa-edit:hover{
    color:  #007aff;
    opacity: 1;
}
.fa-trash-alt:hover{
    color: #ff1a1a;
    opacity: 1;
}
.fa-times:hover{
    color: red;
    opacity: 1;
}
.fa-user-plus:hover{
    color: #5cb85c;
    opacity: 1;
}
.fa-check-circle:hover{
    color: #5cb85c;
    opacity: 1;
}
.fa-undo:hover{
    color:  #007aff;
    opacity: 1;
}
/*按鈕系列*/
/*--按鈕--*/
/*fontawesome*/
i,
svg{
    cursor: pointer;
    margin: 0rem 0.5rem;
    font-size: 10rem;
}
i:hover,
i:focus,
i:active,
svg:hover,
svg:focus,
svg:active{
    transform:scale(1.5);
    transform-origin: center;
    cursor: pointer;
}
.btn i{
    padding:0.5rem;
}
.btn{
    font-weight: bolder;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    letter-spacing: 0.3rem;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.3);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.3);
}
.btn:hover,
.btn:focus,
.btn:active{  
    border:1px rgba(255,255,255,0.7) solid;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.disabled{
    background: #ffffff !important;
}
.disabled:hover,
.disabled:focus,
.disabled:active{
    background:  #cccccc !important;
    border:1px #cccccc solid !important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.0), 0 0 0px rgba(102,175,233,0);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.0), 0 0 0px rgba(102,175,233,.0);
}
.btn_sys_blue{
    background:#243b56;
    color:white;
}
.btn_sys_green{
    background:#08826b;
    color:white;
}
.btn_green{
    background:#08826b;
    color:white;
}
.btn_god{
    background:#795107;
    color:white;    
}
.btn_sys_blue svg,
.btn_green svg,
.btn_god svg{
    color:white;
}
.btn_sys_blue_border{
    /*空白背景按鈕*/
    color: #408cca;
    border:1px  #47B9F1 solid;
    background: #ffffff; 
}
.btn_sys_blue_border i,
.btn_sys_blue_border svg
{
    /*空白背景按鈕*/
    color: #408cca;
}
.btn_sys_blue:hover,
.btn_sys_blue:focus,
.btn_sys_blue:active,
.btn_sys_blue_border:hover,
.btn_sys_blue_border:focus,
.btn_sys_blue_border:active,
.btn_green:hover,
.btn_green:focus,
.btn_green:active,
.btn_god:hover,
.btn_god:focus,
.btn_god:active
{
    color:#ffffff;  
    background: linear-gradient(135deg, #0656a9 0%,#0c9de4 100%);    
    border:1px #47B9F1 solid;
}
.btn_sys_blue_border:hover svg,
.btn_sys_blue_border:focus svg,
.btn_sys_blue_border:active svg{
    color:#ffffff; 
}
.jconfirm-content{
    line-height: 2rem;
}
.jconfirm .jconfirm-box .jconfirm-buttons button:hover,
.jconfirm .jconfirm-box .jconfirm-buttons button:focus,
.jconfirm .jconfirm-box .jconfirm-buttons button:active{
    /*彈跳視窗 按鈕*/
    color:#ffffff;  
    background: linear-gradient(135deg, #0656a9 0%,#0c9de4 100%);   
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon{
    /*彈跳視窗 關閉xx*/
    font-size: 14px !important;
}
.btn_sys_orang{
    /*橘 系統色*/
    color:#ffffff;
    border:1px #d7d8d8 solid;
    background-color: #ff9c6a;   
}
.btn_sys_dange{
    color:#ffffff;
    border:1px #d7d8d8 solid;
    background-color: #e84d7f;
}
.btn_sys_red{
    color:#ffffff;
    border:1px #d7d8d8 solid;
    background: linear-gradient(45deg, #f92892 10%, #9c0202 100%);
}
.btn_sys_red:active,
.btn_sys_red:hover,
.btn_sys_red:focus{
    /*紅 系統色*/
    color:#ffffff;  
    background: linear-gradient(135deg, #0656a9 0%,#0c9de4 100%);    
    border:1px #47B9F1 solid;
}
/*login.php(非首頁的)*/
.login_main{
    position: relative;
    background:url(../img/banner.svg);
    background-size: cover;
    height: 85vh;
}
.login_box{
    display:block;
    width:30%;
}
.login_box h1{
    font-size: 5rem;
    text-align: center;
    font-weight: 900;
    letter-spacing: 3px;
    color:#ffffff;
    -webkit-text-shadow: 0 0 5px #003c6a;
    text-shadow: 0 0 5px #003c6a;
    margin:5% auto 10% auto;
}
.login_box .input-group{ 
    width:90%;
    margin:3% 5% 3% 5%; 
}
.login_box .btn{
    /*margin:5% 0px 5% 0px;*/
    padding:2% 0px 2% 0px;
}
.search_box{
    display: inline-block;
    width: 1000%;
}
/*search.php*/
.search_results{

}
/*index-架構*/
.body_top{
    position: fixed;
    top:0;
    right:0;
    left:0;
    min-height:2.5rem;
    background: #182A3F;
    z-index: 3;
}
.body_left{
    position: fixed;
    /* position: absolute; */
    /* top:0; */
    /* bottom: 0; /*
    /* left:0; */
    /* min-height: 1000px; */
    /* height: 100%; */
    /* width: 35px; */
    width: 20px;
    height: 100%;
    background:#182A3F;
    z-index: 2;
    transition: 0.3s width;
}
.body_left:hover{
    width: 250px;
}
.body_main{
    position: relative;
    margin-top: 4rem;
    width:calc(100% - 0px);
    float:right;
    padding-left: 1%;
    padding-right: 1%;
    z-index: 1;
}
/*index logo*/
.app_left_top{
    display: none;
}
.logo{   
    display: -webkit-flex;
    display: flex;
    min-width: 300px;
    padding:0.5rem 2rem 0.5rem 2rem;
}
.logo p{
    margin:0;
}
.logo .word{    
    color:#f8f9d7;
    font-size: 2.4rem;
    font-weight: lighter;
}
/*.logo .word i,
.logo .word svg{    
    color:#ffcc00;
    font-size: 3rem;
    font-weight: 900;
}*/
/*every page name*/
.page_name{
    text-transform:capitalize;
    font-size: 150%;
    padding:0rem 1rem 0rem 2rem;
    display: inline-block;
}
.page_name h1{
    display: inline-block;
    margin:0;
}
/*index action*/
.action{
    display: -webkit-flex;
    display: flex;
    width: calc(70% / 4 - 300px / 4);
    color:white;
    font-size: 1.5rem;
    font-weight: 900;
    padding:2rem 2rem 0rem 2rem;    
    /*background:rgba(0,0,0,0.5);*/
}
.title{
    /*    font-family: 'Cantarell', sans-serif;*/
    font-size: 2.3rem;
}
.title i,
.title svg{
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;    
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}
.item ul{
    margin-top: 15px;
    margin-bottom: 0px;
}
.item ul li{    
}
.item{
    width:100%;
    display: none;
}
.open{
    display: block;
    width:100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
/*index 登入位置*/
.login_position{    
    position: fixed;
    right:10px;
    font-size: 1rem;
    color:white;
    line-height: 1.5rem;
    z-index: 99999;
    text-align: right;
}
.login_position a{
    color:white;
}
.login_position .name{
    font-weight: bold;
}
.login_position a:hover,
.login_position a:focus,
.login_position a:active{
    color:white;    
    text-decoration: underline !important;
}
.main_menu{ 
    padding-top: 8rem;
    padding-bottom: 5rem;
}
.body_left .main_menu
/*.body_left .login_position*/{
    display: none;
    width: 250px;
    height: fit-content;
    white-space: nowrap;
}
.body_left:hover .main_menu
/*.body_left:hover .login_position*/{
    display: block;
}
.main_menu .primary_item,
.main_menu .minor_item{
    display: block;    
}
.main_menu .primary_item{
    color:rgba(255,255,255,1);
    font-weight: bold;
    text-indent: 2rem;
    line-height: 4rem;
    font-size: 110%;
}
.main_menu .minor_item{    
    padding-left: 5rem;
    line-height: 3rem;
    text-transform:capitalize;
    color:rgba(255,255,255,0.75);
    position: relative;
    font-size: 100%;
}
.main_menu .primary_item svg,
.main_menu .primary_item i{
    font-weight: bold;
}
.primary_item:hover,
.primary_item:focus,
.primary_item:active,
.minor_item:hover,
.minor_item:focus,
.minor_item:active{
    color:rgba(0,60,106,1);
    background:rgba(255,255,255,1);
}
.main_menu_item_hover{
    background:white;
    color:#003c6a !important; 
    width: -webkit-fill-available;
}
/*function 的高度*/
#on_going_case .block_content{
    min-height: 12rem;
    max-height: 55rem;
    overflow: hidden;
    overflow-y: scroll;
}
/*index 上方行事曆+發票+生日*/
.index_top_space{
    position: relative;
    margin-bottom: 2rem;
}
.index_top_space .left_space{
    width: 65%;
    display: inline-block;
}
.index_top_space .rigth_space{
    width:35%;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top:0;
    bottom: 0;
    height:100%;
    overflow-y: scroll;
    padding-top: 1rem;
    z-index: 999;
}
#invoice .block_content .flex_box{
    padding:0.1rem 0rem;
    border-bottom: .5px #03a9f3 dashed;
}
/*客戶首頁-發票*/
.invoice_num{
    border-radius: 0.5rem;
    padding:1rem;
    color:white;
    text-align: center;
    font-weight: bold;  
    display: inline-block;
    min-width: 9rem;
}
.no_paid .invoice_num{    
    background:#d9534f;
}
.paid_info i,
.paid_info svg{
    font-size: initial;
    font-size: 0.5rem;
}
.paid_info:hover,
.paid_info:focus,
.paid_info:active,
.no_paid:hover,
.no_paid:focus,
.no_paid:active{
    transform:scale(1.01);
    transform-origin: center;
    color:#0097D4;
    cursor: pointer;
}
/*首頁-生日*/
.old{
    text-align: center;
    color: white;
    padding: 0.3rem;
    border-radius: 2rem;
    font-size: 0.9rem;
    width: 3rem;
    height: 2rem;
    position: relative;
}
.man .old{
    background:#007aff;
    border:1px solid #007aff;     
}
.woman .old{
    background:#ff7f91;
    border:1px solid #ff7f91; 
}
.man .name,
.woman .name{
    display: flex;
    margin: auto;
    padding:0.3rem;
}
/*首頁Issue*/
.issue{
    text-align: center;
    padding: 0.18rem;
    border-radius: 2rem;
    font-size: 0.9rem;
    height: 2rem;
    position: relative;
    border: 1px solid #243b56;
    margin-right: 3px;
    cursor: pointer;
}
/*首頁-我的最愛*/
#my_favourite .my_favourite_candidate,
#my_favourite .my_favourite_client{
    width:calc(98% / 2 ); 
    display: inline-block;
}
#my_favourite .block_content{
    position: relative;    
}
#my_favourite .block_content .my_favourite_candidate,
#my_favourite .block_content .my_favourite_client{
    vertical-align: top;    
}
/*首頁-我的最愛-候選人*/
.candidate_block{
    display: inline-block;
    margin: 0.5rem;
    padding:1rem 2rem;
    font-weight: bold;
    background: #ecf9fd;
    border:1px solid #cccccc;
    border-radius: 0.5rem;
}
.candidate_block:hover,
.candidate_block:focus,
.candidate_block:active{
    transform:scale(1.01);
    transform-origin: center;
    color:#0097D4;
    cursor: pointer;
}
/*code*/
.code_box{
    margin:2rem 0.2rem 2rem 1rem;
}
.code_box .code1 .level{
    color:white;
    width:2rem;
    text-align: center;
    background: #023054;
    font-size: 1rem;
    font-weight: bold;
}
.code_box .code2 .level{
    color:white;
    width:2rem;
    text-align: center;
    background: #08826b;
    font-size: 1rem;
    font-weight: bold;
}
.code_box .code3 .level{
    color:white;
    width:2rem;
    text-align: center;
    background: #795107;
    font-size: 1rem;
    font-weight: bold;
}
.code{
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(0,0,0,.25);    
    line-height: 3.5rem;
    border-radius: 0.5rem;
    margin:1rem;
    background: white;
    padding:0.1rem;
}
.code1{
    display: flex;
    margin-left: 0rem;
}
.code2{
    display: flex;
    margin-left: 3rem;
}
.code3{
    display: flex;
    margin-left: 6rem;
}
.code1:hover{
    background: #f1fdff;
}
.code2:hover{
    background: #f3fdef;
}
.code3:hover{
    background: #fffcec;
}
.code_box .code .fa-plus-circle
{
    opacity: 0.2;
}
.code_box .code .fa-edit{
    opacity: 0.2;
}
.code_box .code .fa-times{
    opacity: 0.2;
}
.code_box .code:hover .fa-plus-circle{
    opacity: 0.8;
}
.code_box .code:hover .fa-edit{
    opacity: 0.8;
}
.code_box .code:hover .fa-times{
    opacity: 0.8;
}
/*組織圖*/
.organization_box{
    margin:1rem;
}
.organ_control{
    display: block;
    width:100%;  
    background:#023054;
    height:10%;
    color:white;
    padding:1rem;
}
.organ_content{    
    border:1px solid #c8c7cc;
    background:#efefef;
    display: block;
    width:100%;  
    height:auto;
    min-height:  min-content;
    vertical-align: top;
    padding:1rem;
}
/*共用-元件類*/
/*刪除資料*/
.delete_text{
    text-decoration:line-through;
    color:rgba(0,0,0,0.3);
}
/*遮罩*/
.modal-backdrop {    
    z-index: 4;
}
.block_content{
    /*首頁*/
    background:#f5f5f5;
    border:1px solid #c8c7cc;
    border-top: 0px;
    padding:1rem;
    margin: 0rem 1rem 3rem 1rem;
    min-height: 25vh;
}
/*搜尋+內頁的所有單元*/
/*內頁才有用search-affix*/
.search-affix{
    transition: all .2s ease-out;
    box-shadow: 0 0 1em #b7ccdc;
    width:98%;
    margin:0 auto;
    background: white;
}
.search-affix .function_title{
    background:white;
    border: none;
    line-height: 3.5rem;
    margin: 0rem;
    font-weight: bold;
    color:#1091ff;
}
.search-affix .block_content{
    background:white;
    border: none;
    padding:0rem;
    min-height: fit-content;
    margin: 0rem;
    margin-bottom: 2rem;
}
.function_control{
    margin-top: -3rem;
    float:right;
}
.search_condition_box{
    /*搜尋條件-box*/
    position: relative;
    display: block;
    width:100%;
    margin:0 auto;
    padding: 0rem 1rem 0.5rem 1rem;
}
.search_condition_item_box .flex_box_wrap{
    /*換行*/
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.search_condition_item_box .flex_box_wrap .flex_auto{
    /*換行*/
    flex: auto;
    margin:1rem 1rem;
}
.search_condition_item_box .flex_box_wrap .flex_auto_calc{
    /*換行*/
    flex: auto;
    width:45%;
    margin:0rem 1rem;
}
.search_condition_item_box .flex_box_wrap .flex_1{
    /*換行*/
    margin:1rem 2rem;
}
.alert_view .search_condition_item_box{
    /*alert(popup) 裡呈現*/
    display: block;
    width:90%;
    margin:0 auto;
    padding-bottom: 3rem;
}
.alert_view .flex_1{
    -webkit-flex: 0.5;
    flex: 0.5;
}
.search_condition_item_box{
    /*搜尋條件項目-box*/
    display: block;
    width:90%;
    margin:0 auto;
}
.search_condition_item_box .flex_top{
    /*搜尋條件項目 - 靠上*/
    display: flex;
    -webkit-display: flex;
    vertical-align: top;
    align-self:center;
    margin:0;
    font-weight: bolder;
}
.search_condition_item_box .flex_start{
    /*搜尋條件項目 - 靠左*/
    display: flex;
    -webkit-display: flex;
    justify-content: center;
    vertical-align: middle;
    align-self:center;
    justify-content: flex-start;
    padding-right: 1rem;
    margin:0;
    font-weight: bolder;
}
.search_condition_item_box .flex_end{
    /*搜尋條件項目 - 靠左*/
    display: flex;
    -webkit-display: flex;
    justify-content: center;
    vertical-align: middle;
    align-self:center;
    justify-content: flex-end;
    padding-right: 1rem;
    margin:0;
    font-weight: bolder;
}
.search_condition_item_box .flex_1{
    /*    flex: 0 0  50%;*/
}
.search_condition_item_box .flex_2{
    /*    flex: 0 0  50%;*/
}

/*名片式排版-veiw*/
.search_condition_item_box  h4{
    margin:1rem 0rem 0.5rem 0rem;
    line-height: 2.3rem;
    font-weight: bolder;
}
.search_condition_item_box span{
    line-height: 2.1rem;    
}
.search_condition_item_box strong{
    line-height: 2.3rem;
}
.search_condition_item_box p{
    /*搜尋條件項目 - 敘述*/
    display: flex;
    -webkit-display: flex;
    justify-content: center;
    vertical-align: middle;
    align-self:center;
    justify-content: flex-end;  
    justify-content: flex-start;
    margin:0;
    font-weight: bolder;
    color:#444;
}
.flex_top{
    display: flex;
    align-self: flex-start !important;
}
.search_condition_item_box label{

}
.search_condition_item_box input[type=checkbox]{
    width:1.5rem;
    height:1.5rem;
}
.search_condition_item_box input,
.search_condition_item_box select,
.search_condition_item_box textarea{
    /*搜尋條件項目 - 輸入*/   
    padding:0.2rem 0rem;
    margin:0.5rem 0.5rem;
    line-height: 2rem;
}
.search_condition_item_box input[type=text],
.search_condition_item_box input[type=password],
.search_condition_item_box input[type=input],
.search_condition_item_box select,
.search_condition_item_box textarea{
    /*搜尋條件項目 - 輸入-text*/
    border-style:  none;
    border-bottom: 1px solid #cccccc;
    width: -webkit-fill-available;
}
.search_condition_item_box note{  
    /*輸入欄位，輸入資訊錯誤時的警語*/
    font-size: 80%;
    display: block;
    margin-top: -6px;
    margin-left: 5px;
    color:red;
}
.search_condition_item_box hr{
    border:0.5px solid #cccccc;
}
.Candidate_CI_info .search_condition_item_box small{    
    opacity: 0.6;
}
/*cliend-contact-客戶/候選人基本資料專區*/
.Candidate_base_info .search_condition_item_box,
.cliend_base_info .search_condition_item_box{
    width:80%;
}
/*cliend-contact-客戶職缺專區*/
.consultant{
    white-space:nowrap;
    margin:1rem 0rem;
}
.consultant input[type=text],
.consultant select{
    width:auto;
}
.consultant:hover{
    background: #ecf9fd;
}
.consultant i,
.consultant svg{
    opacity: 0.5;
}
.consultant i:hover,
.consultant svg:hover{
    opacity: 1;
}

/*cliend-contract-客戶合約專區*/
.cliend_contract a[href="#tab1"],
.cliend_contract a[href="#home"]{
    float: right;
    margin-left: 0.5rem;
}
.contract_num{
    position: relative;
    margin:0rem 2rem 3rem 2rem;
}
.contract_style{
    margin-top: 5px;
}
.contract_num .contract_style h3{
    font-size: 2rem;
    margin:0px;
    padding-top:10px;
}
.contract_num  .contract_style{
/*    padding-bottom: 82px;*/
}
.contract_style div:nth-child(odd){
    /*一改再改 三改四改...@@..*/
    background:rgb(236, 251, 255);
    background:rgba(134, 216, 255, 0.38);
}
.contract_style div:nth-child(even){
    /* background:rgb(210, 241, 255);*/
    background:rgb(255, 222, 252);
    background:rgba(255, 255, 0, 0.38);
}
.contract_info{
    margin:0.6rem;
}
.contract_total{
    overflow-x: scroll;
    background:rgba(3,169,244,0.42);
    background:rgba(134, 216, 255, 0.38);
    color:white;
    color:#333;
}
.contract_total h2{
    font-size: 2rem;
    font-weight: 900;
}
.upload_file{   
    text-align: left;
    padding:0.5rem 0.5rem 1rem 0.5rem;
    margin-top: 0.9rem;
    width:100%;
    background:rgba(0,188,212,0.18);
    background:rgba(134, 216, 255, 0.38);
}
.upload_file .flex_box{
    margin-bottom: 0rem;
}
.upload_file .fa-times{
}
.upload_file:hover .fa-times{
    opacity: 1;
}
/*cliend-invoice-客戶發票專區*/
.cliend_invoice{
    position: relative;
}
/*search_condition_item_box 的寬度，統一放在search_condiion_box 旁邊*/
.view_lr_100 .search_condition_item_box{
    width:100%;
}
.view_lr_md .search_condition_item_box{
    width:80%;
}
.view_lr_sm .search_condition_item_box{
    width:65%;
}
.view_lr_xs .search_condition_item_box{
    width:55%;
}
.view_all_100 .search_condition_item_box{
    width:100%;
}
.view_all_100 .search_condition_box{
    padding:1rem;
}
/*reminder*/
.history_reminder{
    padding:1rem;
    color:#1091ff;
}
.reminder textarea{    
    height:140px;
    padding:0.5rem;
}
.reminder .content{  
    height: -webkit-fill-available;
    min-height: 1000px;
    overflow-y:scroll;
    overflow-x: hidden;
    visibility: visible;
    padding:1rem 0rem 0rem 0rem;
}
.content_box{
    background: #ffffff;
    border-radius: 0.5rem;
    padding:1rem;
    margin:1rem 0rem 2rem 0.5rem;
    word-wrap:break-word;
    word-break:normal;
    line-height: 2rem;
    letter-spacing: 1px; 
}
.content_box p{
    font-weight: normal;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    justify-content: flex-end;
}
.reminder hr{
    margin:1rem auto;
}
.reminder .checked,
.reminder .checked:hover,
.reminder .checked:focus,
.reminder .checked:active{
    /*備註按鈕*/
    background: #fd7b0b;
    border:1px solid #fd7b0b;
}
.reminder .checked i,
.reminder .checked svg{
    color:#ffffff;
}
.control{
    text-align: right;
}
.control i,
.control svg{
    margin: 0.5rem 2rem 0.5rem 2rem;
}
.content_box:hover{
    background:linear-gradient(rgba(134, 216, 255, 0.38),#ffffff);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(180, 232, 255,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(180, 232, 255,.6);
}
.content_box:hover .control{
    color: #122b4a;
    opacity: 1;    
}
.content_box:hover .control .fa-edit{
    color:  #007aff;
    opacity: 1;
}
.content_box:hover .control .fa-times{
    color: red;
    opacity: 1; 
}
.content_box:hover .control .fa-save{
    color: #5cb85c;
    opacity: 1; 
}
.fa-save:hover{
    color:#ffcc00!important;
}
/*cliend_vacancy 客戶職缺專區*/
.gradient-border {
    /*目前未使用*/
    /*搜尋條件項目 -下方美觀底線*/
    position: absolute;
    width: 100%;
    bottom: -1px;
}
.gradient-border:after {
    /*搜尋條件項目 -下方美觀底線*/
    content: "";
    height: 1px;
    background: -moz-linear-gradient(left,#FFF 0,#bcc4c8 50%,#FFF 100%);
    background: -webkit-linear-gradient(left,#FFF 0,#bcc4c8 50%,#FFF 100%);
    background: linear-gradient(left,#FFF 0,#bcc4c8 50%,#FFF 100%);
    width: 100%;
    display: block;
}
.search_results_title{
    /*查詢結果-table*/
    padding:0rem 1rem 0rem 1rem;
    font-weight: bold;
}
/*每一頁裡的動作-按鈕*/
.active_btn{
    padding:1rem;
    padding-top: 0rem;
    margin-bottom: 1rem;
}
.active_btn .btn{
    width:100%;
    height:50px;
    letter-spacing: 3px;
    font-size: 1.8rem;
    font-weight: bolder;
    border-radius: 0px;
    border-left: 0px;
    border-right: 0px;
}
/*系統翻頁*/
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
    /*人資系統色:藍色*/
    /*background-color: #003c6a;*/
}
/*限制高度-table ，其餘資料行scroll滾動*/
.hight_scroll_xs .search_condition_item_box{
    height: calc( 1 * 5rem );
    overflow-y: scroll;
    overflow-x: hidden;
}
.hight_scroll .search_condition_item_box{
    height: calc( 1.2 * 15rem );
    overflow-y: scroll;
    overflow-x: hidden;
}
.hight_scroll_n .search_condition_item_box{
    height: calc( 8 * 7rem );
    overflow-y: scroll;
    overflow-x: hidden;
}
.scroll{
    height: 100%;
    overflow-y: scroll; 
    overflow-x: hidden; 
}
.scroll_x{
    width: 100%;
    overflow-x: scroll
}
/*共用-字型、距離、顏色、線、按鈕..*/
.nav>li>a {
    position: relative;
    display: block;
    padding: 0.5rem 1rem;
}
.breadcrumb{
    background: transparent;
    margin-bottom: 0px;
}
/*scrollbar*/
*::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    background-color: #ffffff;
}

*::-webkit-scrollbar
{
    width: 3px;
    height: 10px;
    background-color: #ffffff;
}

*::-webkit-scrollbar-thumb
{
    background-color: #1091ff;
    background-image: -webkit-gradient(linear, 0 0, 0 100%,
        color-stop(.2, rgba(255, 255, 255, .2)),
        color-stop(.2, transparent), to(transparent));
}
/*info_box*/
.info_box{
    display: inline-block;
    margin:0.5rem;
    padding:0.3rem;    
    border-right: 1px solid #f5f5f5;
    /*  box-shadow: 0 0 1em #eef2f5;*/
    width:auto;
    height:auto;    
    color:#6d6a6a;
    background: linear-gradient(#f9f9f9,#fbfbfb);
    background: linear-gradient(#ebfbff,#ffffff);
    background:linear-gradient(#f4fdff,#fbfbfb);
    background:linear-gradient(#dafaff,#ffffff);
    background:linear-gradient(rgba(134, 216, 255, 0.38),#f2fdff);   
    border-radius: 0.5rem;
}
.cliend_contract .info_box,.cliend_contract .info_box:hover{
    background: #ffffff !important;
    border:0px;
}
.info_box h3,
.search_condition_item_box h3{
    color:#444;
    margin:1rem 0rem 1rem 1rem;
    font-weight: bolder;
    /*因應position裡職缺與金額相同大小，所以h3改成與strong一樣大小:1.7rem*/
    font-size: 1.7rem;
}
.info_box strong{
    color:#1091ff;
    line-height: 2.5rem;
    font-size: 1.5rem;
    font-weight: bolder;
}
.info_box i,
.info_box svg{
    opacity: 0.5;
}
.info_box:hover,
.table_white tr:hover{    
    background: linear-gradient(rgba(255, 255, 0, 0.38),#ffffff)!important;
    border-right: 1px solid #ffd400;
}
.info_box:hover i,
.info_box:hover svg,
.table_white:hover tr i,
.table_white:hover tr svg{
    opacity: 1;
}
.info_box:hover .fa-times,
.table_white tr:hover .fa-times{
    color: red;
}
.info_box:hover .fa-edit,
.table_white tr:hover .fa-edit,
.info_box:hover .fa-undo,
.table_white tr:hover .fa-undo{
    color:  #007aff;
}
.info_box:hover .fa-check-circle,
.table_white tr:hover .fa-check-circle{
    color:  #5cb85c;
}
.info_control{
    text-align: right;
}
.info_note{    
    font-weight: initial;
    font-size:1.5rem;
}
.info_black_w{
    color:#444;
    font-weight: bolder;
}
.info_black{
    color:#444;
}
.windows{    
    height:1.5rem;
    font-size: 1.2rem;
    min-width: 77px;
}
.windows span{
    margin:0.5rem;
    line-height: 2.5rem;
}
.info_color_note{
    width: fit-content;
    text-align: left;
    border-radius: 5px;
    padding: .2rem .3rem;
}
.info_color_gray{
    color: #ccc;
    background: rgba(0,0,0,0.05);
}
.info_color_green{
    color: #1eb91e;
    background: #d8fbd6;
}
.info_color_blue{
    color: #1091ff;
    background: #b5fcff;
}
.info_color_blue1{
    color: #444;
    background: rgba(0,188,212,0.18);
    background: rgba(134, 216, 255, 0.38);
}
.info_color_red{
    color: #e84d7f;
    background: #ffd9e9;
}
.info_color_purple{
    color: #9f0dfb;
    background: #ebc4ff;
}
.info_color_organ{
    color: #fb650d;
    background: #ffe09a;
}
.info_color_yellow{
    color: #1091ff;
    background: #ffeb3b;
}
.info_color_green svg,
.info_color_blue svg,
.info_color_red svg,
.info_note svg{
    opacity: 1; 
    margin:0rem 0.5rem;
}
/*各種狀態顏色*/
.status_border{
    height: 3px;
    margin-bottom: 0.2rem;
}
.status_sourcing{
    background:#66ff66;
    color:#333;
    border-radius: 0.5rem;
}
.status_ps{
    background: #45baff;
    color: #fff;
    line-height: 1.1;
    border-radius: 0.5rem;
    padding: 2px 3px;
}
.status_ci{
    background:#00FFFF;
    color:#333;
    line-height: 1.1;
    border-radius: 0.5rem;
    padding: 2px 3px;
}
.status_fci{
    background:#FFFF66;
    color:#333;
    border-radius: 0.5rem;
}
.status_po{
    background:#FFC653;
    color:#333;
    border-radius: 0.5rem;
}
.status_psw,
.status_Offer{
    background:#FF0000;
    color:#fff !important;
    border-radius: 0.5rem;
}
.status_billed{   
    background:#7648ff;
    color:#fff !important;
    border-radius: 0.5rem;
}
.status_paid{
    background:#ff65ff;
    color:#fff !important;
    border-radius: 0.5rem;
}
.status_closed{
    background:#bfbfbf;
    color:#333;
    border-radius: 0.5rem;
}
.status_closed_by_other_hunter{
    background:#a6a6a6;
    color:#333;
    border-radius: 0.5rem;
}
.status_ceased{
    background:#3a3838;
    color:#fff !important;
    border-radius: 0.5rem;
}
.status_pending{
    background:#2f75b5;
    color:#fff;
    border-radius: 0.5rem;
}
.status_Candidate_Failed{
    background:#a5a5a5;
    color:#fff;
    border-radius: 0.5rem;
}
.status_Candidate_Reject{
    background:#996633;
    color:#fff !important;
    border-radius: 0.5rem;
}
.status_Client_Considering{
    background:#ffff33;
    color:#333;
    border-radius: 0.5rem;
}
.status_Waiting_for_Next_Round{
    background:#99ff33;
    color:#333;
    border-radius: 0.5rem;
}
/*upload*/
/* input [type = file]
----------------------------------------------- */
input[type=file] {
    display: block !important;
    right: 1px;
    top: 1px;
    height: 34px;
    opacity: 0;
    width: 100%;
    background: none;
    position: absolute;
    overflow: hidden;
    z-index: 2;
}
.control-fileupload {
    display: block;
    border: 1px solid #d6d7d6;
    background: #FFF;
    border-radius: 4px;
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding: 0px 10px 2px 10px;
    overflow: hidden;
    position: relative;
    &:before, input, label {
        cursor: pointer !important;
    }
    /* File upload button */
    &:before {
        /* inherit from boostrap btn styles */
        padding: 4px 12px;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 20px;
        color: #333333;
        text-align: center;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
        vertical-align: middle;
        cursor: pointer;
        background-color: #f5f5f5;
        background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
        background-repeat: repeat-x;
        border: 1px solid #cccccc;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        border-bottom-color: #b3b3b3;
        border-radius: 4px;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        transition: color 0.2s ease;
        /* add more custom styles*/
        content: 'Browse';
        display: block;
        position: absolute;
        z-index: 1;
        top: 2px;
        right: 2px;
        line-height: 20px;
        text-align: center;
    }
    &:hover, &:focus {
        &:before {
            color: #333333;
            background-color: #e6e6e6;
            color: #333333;
            text-decoration: none;
            background-position: 0 -15px;
            transition: background-position 0.2s ease-out;
        }
    }
    label {
        line-height: 24px;
        color: #999999;
        font-size: 14px;
        font-weight: normal;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        position: relative;
        z-index: 1;
        margin-right: 90px;
        margin-bottom: 0px;
        cursor: text;
    }
}
/*radio style*/
/* The select_box */
.select_box {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 18px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Hide the browser's default radio button */
.select_box input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50% !important;
}
/* On mouse-over, add a grey background color */
.select_box:hover input ~ .checkmark {
    background-color: #ccc;
}
/* When the radio button is checked, add a blue background */
.select_box input:checked ~ .checkmark {
    background-color: #2196F3;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the indicator (dot/circle) when checked */
.select_box input:checked ~ .checkmark:after {
    display: block;
}
/* Style the indicator (dot/circle) */
.select_box .checkmark:after {
    left: 6px;
    /*   top: 9px;
         width: 8px;
         height: 8px;
        border-radius: 50%;
         background: white;*/
    font-family: FontAwesome;
    content:"\f024";
    font-size: 1rem;
    color:white;
}
/*必填*/
.required{
}
.required:after{
    /* font-family: FontAwesome;*/
    content:"*";
    font-weight: bold;
    color:red;
    width:1px;
}
/*%*/
.pp{
}
.pp:after{
    /* font-family: FontAwesome;*/
    content:"%";
    font-weight: bold;
    color:black;
    margin-top: 1rem;
    width:1px;
}
.pp input{
    width:50% !important;
}
/*不換行*/
.nowrap{
    white-space:nowrap; 
}
/*confirm*/
.confirm{
    line-height: calc(1rem + 0.7rem);
}
strong{
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: bolder;
}
.right{
    float:right;
}
.left{
    float:left;
}
.ds_inlineblock{
    display: inline-block;
}
.ds_block{
    display:block;
}
.ds_none{
    display: none;
}
.ps_a_b05{    
    position: absolute;
    bottom: 6px;
    right: -32px;
}
.priority{
    text-align: center;
    border-radius: 20px;
    color:white;
    padding:3px 8px;
    width:fit-content;
}
.actionSelect{
    border: none !important;
    background: #ffffff75;
    width: 40px !important;
}
.action_a{
    padding: 0.2rem 0rem;
    margin: 0.5rem 0.9rem !important;
}
.w_1rem{
    width:1rem;
}
.w_015rem{
    width:1.5rem;
}
.w_2rem{
    width:2rem;
}
.w_3rem{
    width:3rem;
}
.w_4rem{
    width:4rem;
}
.w_5rem{
    width:5rem;
}
.w_7rem{
    width:7rem;
}
.w_8rem{
    width:8rem;
}
.w_10rem{
    width:10rem;
}
.w_15rem{
    width:15rem;
}
.w_20rem{
    width:20rem;
}
.w_25rem{
    width:25rem;
}
.w5{
    width:5%;
}
.w10{
    width:20%;
}
.w15{
    width:15%;
}
.w100{
    width:100%;
}
.w20{
    width:20%;
}
.w39{
    width:39%;
}
.w30{
    width:30%;
}
.w40{
    width:40%;
}
.w45{
    width:45%;
}
.w55{
    width:55%;
}
.w50{
    width:50%;
}
.w60{
    width:60%;
}
.w70{
    width:70%;
}
.w80{
    width:80%;
}
.w85{
    width:85%;
}
.w90{
    width:80%;
}
.w95{
    width:95%;
}
.min_h_10rem{
    min-height:10rem;
}
.w_fit{
    width: fit-content;
}
/*透明度*/
.opacity_05{
    opacity: 0.5;
}
.opacity_1{
    opacity: 1;
}
.font_w{
    font-weight: bolder;
}
.font_size_015{
    font-size: 1.5rem;
}
.font_size_2{
    font-size: 2rem;
}
.font_size_3{
    font-size: 3rem;
}
.fix_top{
    position: fixed;
    top:0;
    left:0;
    right:0;
    z-index: 100;
}
.fix_bottom{
    position: fixed;
    bottom:0;
    left:0;
    right:0;
    z-index: 99;
}
.abs_bottom{
/*    position: absolute;
    bottom:0;*/
    left:3px;
    right:3px;
    z-index: 99;
}
.middle{
    /*水平垂直置中*/
    text-align: center;
    letter-spacing: -1em;
}
.middle:after,.middle:before{
    content: ' ';
    height: 100%;
    width: 0;
    background: none;
    display:inline-block;
    vertical-align: middle;
}
.middle > *{
    display:inline-block;
    vertical-align: middle;
    letter-spacing: initial;
}
.text_ellipsis_1{
    /*控制只出現一行，其他用...*/
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    /*控制只出現一行，其他用...*/
    /*英文自動換行*/
    word-wrap:break-word;
    word-break:normal;
}
.text_ellipsis_2{
    /*控制只出現二行，其他用...*/
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /*控制只出現二行，其他用...*/
    /*英文自動換行*/
    word-wrap:break-word;
    /*    word-break:normal;
        line-height: 1em;
    height:2.3rem;*/
}
.flex_minheight {
    min-height: 130px;
}
.flex_box{
    display: -webkit-flex;
    display: flex;
}
.flex_1{
    -webkit-flex: 1;
    flex: 1;
}
.flex_2{
    -webkit-flex: 2;
    flex: 2;
}
.flex_3{
    -webkit-flex: 3;
    flex: 3;
}
.flex_4{
    -webkit-flex: 4;
    flex: 4;
}
.flex_5{
    -webkit-flex: 5;
    flex: 5;
}
.flex_10{
    -webkit-flex: 10;
    flex: 10;
}
.bg_sys_blue{
    background:#003c6a;
}
.bg_blue_s{
    background:#dafaff;
    background:#d1f0ff;
}
.bg_red{
    background:#d9534f;
}
.bg_red_s{
    background:#e84d7f;
}
.bg_yellow{
    background:#f0ad4e;
}
.bg_green{
    background:#5cb85c;
}
.bg_gray{
    background:#444444;
}
.bg_gray1{
    background:rgba(0,0,0,0.13);
}
.bg_white{
    background:white;
}
.border_r_white_05{
    border:1px solid rgba(255,255,255,0.5);
}
.border_r_black_05{
    border-right: 1px solid rgba(0,0,0,0.1);
}
.border_radius_25{
    border-radius: 25%;
}
.color_red{
    color:#d9534f ;
}
.color_white{
    color:white;
}
.color_sys_blue{
    color:#003c6a;
}
.color_blue{
    color:#1091ff;
}
.color_sys_blue_s
{
    color:#007aff;
}
.color_orang{
    color: #fd7b0b;
    color: #ff9800;
}
.color_green{
    color: #5cb85c;
}
.color_purple{
    color: #8e44ad;
}
.color_444{
    color: #444;
}
.padding_5px{
    padding:5px;
}
.padding_r_015{
    padding-right: 1.5rem;
}
.padding_1{
    padding:1rem;
}
.padding_u_3{
    padding-top: 3rem;
}
.padding_l_1{
    padding-left: 1rem;
}
.padding_r_5{
    padding-right: 5rem;
}
.padding_l_025{
    padding-left: 2.5rem;
}
.padding_0{
    padding:0px !important;
}
.margin_un_lr_5p_1p{
    margin:5% 1%;
}
.margin_b_-1{
    margin-bottom:  -1rem;
}
.margin_1{
    margin:1rem;
}
.margin_l_r_1{
    margin:0rem 1rem;
}
.margin_d_3{
    margin-bottom: 3rem;
}
.margin_d_05{
    margin-bottom: 0.5rem;
}
.margin_05{
    margin:0.5rem;
}
.margin_r_05{
    margin-right: 0.5rem;
}
.margin_auto{
    margin:0 auto;
}
.margin_0{
    margin:0 !important;
}
/*圖片*/
/*alert*/
/*.alert-info-gray{
    background:#efefef;
    color:#444444;
    border:1px solid #c8c7cc;
    background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e0dfdf 100%);
    background-repeat: repeat-x;
}
.alert-info{
    background-image: linear-gradient(to bottom,#f2fbff 0,#ebf8ff 100%);
    border:1px solid #bce8f1;
}*/
/*/.共用*/
@media screen and (max-width : 768px){
    /*ipod*/
    .body_main{
        position: relative;
        margin-top: 6rem;
        float:right;
        width:calc(100% - 250px);
    }
}
@media screen and (max-width : 1024px){
    /*ipod por */
    .body_left{       
        width:35px;
    }
    .body_main{
        position: relative;
        margin-top: 4rem;
        float:right;
        width:calc(100% - 35px);
    }
    /*index logo*/
    .logo{   
        min-width: 200px;
        padding:0.5rem 2rem 0.5rem 2rem;
        margin-right: 4rem;
    }
    .logo .word{    
        font-size: 3rem;
        font-weight: 600;
    }
    /*index action*/
    .action{
        width: calc(90% / 4 - 200px / 4);
        font-size: 1.5rem;
        font-weight: 300;
        padding:4rem 1.5rem 0rem 0rem;
    }
    /*login.php*/
    .login_main{
        position: relative;
        background:url(../img/banner.svg);
        background-size: cover;
        height: 50vh;
    }
    .login_box {
        margin-top: 35%;
        width: 50%;
    }  
}
@media screen and (max-width : 820px) and (orientation: landscape){

}
@media screen and (max-width : 420px){
    /*iphone 678 x / 678+ */    
    /*index logo*/
    .logo{         
        min-width: 30px;
        padding:0.5rem 2rem 0.5rem 2rem;
    }
    .logo .word{           
        font-size: 3rem;
        font-weight: 600;
    }   
    /*login*/
    .login_main{
        position: relative;
        background:url(../img/banner.svg);
        background-size: cover;
        height: 50vh;
    }
    .login_box {
        margin-top: 35%;
        width: 90%;
    }
}
@media screen and (max-width : 320px){
    /*iphone 4 */   
}
@media screen and (orientation: landscape) {
    /*橫 css*/
}
@media (min-width: 420px) and (orientation: landscape) { 
    /*橫 css*/
    /*iphone 678 x / 678+ */  
    /*login*/
    .login_main{
        position: relative;
        background:url(../img/banner.svg);
        background-size: cover;        
        background-position: bottom;
    }
    .login_box {
        margin-top: 0%;
        width: 50%;
    }
    .login_box h1{
        font-size: 5rem;
        text-align: center;
        font-weight: 900;
        letter-spacing: 3px;
        color:#ffffff;
        -webkit-text-shadow: 0 0 5px #003c6a;
        text-shadow: 0 0 5px #003c6a;
        margin:3% auto 5% auto;
    }
    .login_box .input-group{ 
        width:90%;
        margin:1% 5% 1% 5%; 
    }
    .login_box .btn{
        margin:2% 0px 2% 0px;
        padding:2% 0px 2% 0px;
    }    
}
@media (min-width: 1024px) and (orientation: landscape) { 
    /*橫 css*/
    /*iphone 678 x / 678+ */
    /*login*/
    .login_main{
        position: relative;
        background:url(../img/banner.svg);
        background-size: cover;
        background-position: bottom;
    }
    .login_box {
        margin-top: 10%;
        width: 50%;
    }
    .login_box h1{
        font-size: 5rem;
        text-align: center;
        font-weight: 900;
        letter-spacing: 3px;
        color:#ffffff;
        -webkit-text-shadow: 0 0 5px #003c6a;
        text-shadow: 0 0 5px #003c6a;
        margin:3% auto 5% auto;
    }
    .login_box .input-group{ 
        width:90%;
        margin:1% 5% 1% 5%; 
    }
    .login_box .btn{
        /* margin:2% 0px 2% 0px;*/
        padding:2% 0px 2% 0px;
    }    
}
/*table*/
.table_blue,
.table_white{
    border-collapse: collapse;
    margin: 1% auto;
    width: 98%;   
}
.table_white i,
.table_white svg{
    width:3rem; 
}
.table_white td,
.table_white tr,
.table_white th,
.table_blue td,
.table_blue tr,
.table_blue th
{
    padding:3px;  
    line-height: 1.5rem;
    letter-spacing: 1px;
    font-weight: normal;
    word-wrap:break-word;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-collapse: collapse;
}
.table_white tr td tr td{
    border:0px;
}
.table_white th,
.table_blue th
{
    font-weight: bold;
}
.table_blue i,
.table_blue svg{
    /*    width:3rem;
        color:#003c6a !important;    */
}
.table_white tr:nth-child(odd)
{
    background: linear-gradient(rgba(134, 216, 255, 0.38),#f2fdff);
}
.table_white tr:nth-child(even)
{
    background:#ffffff;   
}
.table_blue tr:nth-child(odd)
{
    background:#ecf9fd;    
}
.table_blue tr:nth-child(even)
{
    background:#f9f9f9;    
}
.table_blue tr:nth-child(1)
{    /*表頭tr 顏色*/
    background:#d1e4ef;    
}
.table_white thead tr:nth-child(1),
.table_white thead tr:nth-child(1):hover
{    /*表頭tr 顏色*/
    background:#ffffff !important; 
    font-size: 1.5rem;
    text-align: left;
    border-right: 1px solid white;
}
.table_blue tr:hover
{
    background: #ffffff;
}
.table_blue tr:nth-child(1):hover
{    /*表頭tr 顏色*/
    background:#d1e4ef;    
}
.table_blue a,
.table_white a{
    margin:1%;
    color:#023054;
    cursor:pointer;
}
.table_blue a:hover,
.table_white a:hover{    
    color:#1091ff;
}
.table_white td table tr,
.table_white td table tr:hover{
    background:rgba(0,0,0,0)!important;
    border:none;
}
/*timeline*/
.timeline_box p{
    display: inline-block !important;
    font-weight:  normal;
    padding: 0.5rem;    
    line-height: 1.5rem;
}
.timeline_box .timeline_date{
    padding-left: 2rem;
    font-size: 1.5rem;
}
.timeline_box .education_box{
    padding:0.5rem;
    padding-left: 5%;
}
.timeline_box .education_box p{
    padding:0.5rem;
    margin:0.2rem;
    line-height: 1;
}
.timeline_box ul.timeline {
    list-style-type: none;
    position: relative;
    margin-bottom: 20px;
}
.timeline_box ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
.timeline_box ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
.timeline_box ul.timeline_landscape > li {
    margin: 0px 0px 0px 0px;
    padding-left: 20px;
}
.timeline_box ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}
/*timeline_landscape*/
.timeline_box ul.timeline_landscape:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 21px;
    top: 10px;
    width: 100%;
    height: 3px;
    z-index: 400;
    /*線*/
}
.timeline_box ul.timeline_landscape > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: auto; 
    top:0px;
    width: 20px;
    height: 20px;
    z-index: 401;
    /*點*/
}
.ontime_line{
    border-top: 2px solid #3cc7eb;
    position: absolute;
    top: 10px;
    width: 100%;
    z-index: 400;
}
.timeline_landscape li{
    position: relative;
    line-height: 1rem;
    font-weight:  initial;
    float:left;
    width: available;
}
.search_condition_item_box .ps_time{
    line-height: 1.5rem;
    font-weight: 100;
    text-align: left;
    display: flex;
    -webkit-display: flex;
    vertical-align: middle;
    align-self: center;
    justify-content: flex-start;
    font-weight: inherit;
    margin-top: 0.5rem;
}
.timeline_landscape .status_space{
    margin-top: 2rem;
    padding:0.1rem 1rem 0.1rem 1rem;
    line-height: 2rem;
}
.timeline_landscape .date_space{
    margin-top: -2.7rem;
    padding:0.1rem 0.1rem 0.1rem 1rem;
}
/*/.timeline*/
/*pool */
.pool_item_box .info_box{
    background: transparent;
}
.pool_item_box{
    display:inline-block;
    padding-left: 4px;
}
.pool_content_box h3{
    margin:0;
}
.pool_item_box .btn{
    width:-webkit-fill-available;
}
/*rwd table*/
.rwd-table {
    background: #fff;
    overflow: hidden;
}
.rwd-table tr{
    border-collapse: collapse;
    border-top: 1px solid #cccccc;
    border-bottom:  1px solid #cccccc;
}
.rwd-table tr:nth-of-type(2n){
}
.rwd-table th,
.rwd-table td {
}
.rwd-table {
    min-width: 98%;
}
.rwd-table th {
    display: none;
}
.rwd-table td {
    display: block;
}
.rwd-table td:before {
    content: attr(data-th) ":";
    font-weight: bold;
    width: 30%;
    display: inline-block;
    text-align: center;
    background:rgba(3, 172, 255, 0.08);
}
.rwd-table tr:after {
}
.rwd-table th, .rwd-table td {
    text-align: left;
}
.rwd-table th, .rwd-table td:before {
    color: #D20B2A;
    color:#000000;
    font-weight: bold;
}
@media (min-width: 900px) {
    .rwd-table td:before {
        display: none;
    }
    .rwd-table th, .rwd-table td {
        display: table-cell;
        padding: 0.5em 0.5em;
        border-right: 0.5px solid #cccccc;
    }
    .rwd-table th:first-child,
    .rwd-table td:first-child {
        border-left:  0.5px solid #cccccc;
    }
    .rwd-table th:last-child,
    .rwd-table td:last-child {
    }
    .rwd-table th, .rwd-table td {
        padding: 1rem 0.5em;
    }
}
.editor,
.editor em,
.editor strong{
    /*候選人-職能履歷-editor元件編輯(與其他css衝突)
    */
    line-height: 1.5rem !important;
}
.editor ol li{
    list-style-type:  decimal;
    margin-left: 3rem;
}