@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500&display=swap');

:root{
    --blue:#AAD1D5;
    --black:#3D3B3B;
    --white:#fff;
    --yellow:#f6e1a2;
    --yellow_hover: #f5c878;
    --yellow_back:#F7F4ED;
    --main:#ffa822;
    --basic:#999;
    --nav_text:#221478;
    --nav_text_active:rgba(0,0,0,0.5);
    --nav_text_hover:rgba(255,255,255,0.55);
}
*{
    font-family: 'Noto Sans TC', sans-serif;
    box-sizing: border-box;
    border: none;
}
html{
    height: 100%;
}
body{
    min-height: calc(100vh + 1px);
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}
/*navbar設定*/
header{
    position: sticky;
    top:0;
    z-index: 1000;
}
nav{
    background-color:var(--blue);
}
nav i{
    color: var(--black)!important;
}
nav .active i{
    color: var(--nav_text_hover)!important;
}
nav .navbar-nav.item{
    min-width: 200px;
    max-width: 200px;
}
nav .nav-item .nav-link{
    color:var(--nav_text) !important;
}
nav .nav-item .nav-link.active{
    color: var(--nav_text_active) !important;
}
nav .nav-item .nav-link:hover{
    color: var(--nav_text_hover) !important;
}
nav .navbar-nav.item.item-right{
    justify-content: end;
}
nav .search_input{
    background-color: var(--blue);
    border: none;
    border-bottom: white 1px solid;
    width: 200px;
}
nav .search_item{
    display: flex;
    align-items: center;
    color: var(--white);
}
nav #item-center{
    flex-direction: column;
}

nav #fullsize_person_golink{
    left: unset;
    right: 0;
}
/*navbar設定 end*/

/*首頁table設定*/
.content{
    flex-grow: 1;
    margin-bottom: 10px;
}
.content h3{
    font-weight: 500;
    color: var(--black);
}

.content table.index_table{
    width: 100%;
    border-collapse: separate;
    border-spacing:5px 1rem;
    border-radius: 10px;
    margin: 10px 0px;
    padding: 10px;
    color: var(--black);
}
.content table.index_table th,td{
    text-align: start;
    padding-left: 1rem;
}
.content table.index_table td{
    text-align: start;
    padding-left: 1rem;
    background-color: #ecefef;
    border-radius:10rem;
}
.content table.index_table .top_number{
    padding-left:0;
    text-align: center;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: var(--blue);
    color: var(--white);
}
.content table.index_table .head_fill{
    padding-left:0;
    height: 30px;
    width: 30px;
    color: var(--white);
}
.content table.index_table .fill_object{
    background-color:  var(--white);
    width: 5px;
}
.content table.index_table tr td a{
    display: block;
    width: 100%;
    text-decoration: none;
    color: var(--black);
}
.content table.index_table tr td a:hover{
    color: var(--black);
}
.content .top_page{
    text-decoration: none;
    color: var(--black);
    margin-left: 0.25rem;
    padding: 0;
}
/*首頁table設定 end*/

/*登入註冊設定*/
.content .login_form{
    padding: 20px;
    border-radius: 10px;
    color: var(--white);
}
.content .register_form,.Edit_form{
    padding: 20px 40px;
    border-radius: 10px;
    color: var(--white);
    background-color: var(--yellow_back);
}
.content .CustomLogin{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.content .CustomLogin .c_btn{
    display: inline-block;
    color: var(--white);
    border-radius: 0.25rem;
    min-width: 275px;
    margin-bottom: 10px;
    position: relative;
    max-height: 44px;
}
.content .CustomLogin .c_btn div{
    display: flex;
    align-items: center;
    justify-content: center;
}
.content .CustomLogin .c_btn div>img{
    width: 44px;
    height: 44px;
}
.content .CustomLogin .c_btn div>span{
    padding: 10px;
    width: 100%;
}
.content .CustomLogin .fb_btn{
    background-color: #617B9D;
}
.content .CustomLogin .fb_btn:hover{
    background-color: #505F74;
}
.content .CustomLogin .google_btn{
    background-color:#BF7C7C;
}
.content .CustomLogin .google_btn:hover{
    background-color: #794e4e;
}
.content .login_form input,.register_form input,.Edit_form input{
    padding: 15px 10px;
    border: #d1d1d1 1px solid;
}
.content .login_mode_btn{
    background-color: white;
    color: #c9c8c8;
    cursor: pointer;
}
.content .login_mode_btn.active{
    color:var(--black);
}
/*登入註冊設定 end*/

/*刊登工作設定*/
.content .post_job_form,.content .job_detail{
    background-color: var(--yellow_back);
    color: var(--black);
    border-radius: 1rem;
    padding: 3rem 1rem;
}
.content .post_job_form input{
    border: none;
    padding: 5px 5px;
}
.content .file_btn{
    display: grid;
    place-items: center;
    border: #676464 1px solid;
    min-width: 100%;
    min-height: 300px;
    position: relative;
    z-index: 98;
    border-radius: .5rem;
}
.content .job_upload_img,.upload_proof_file{
    position: absolute;
    opacity: 0;
    z-index: 99;
    max-width: 100%;
    min-width: 100%;
    min-height: 300px;
    cursor: pointer;
}
.content .file_btn i{
    color:var(--black);
}
/*刊登工作設定 end*/

/*通用按鈕設定*/
.btn.login_btn,.btn.submit_btn,.btn.register_btn{
    background-color: var(--yellow);
    color: var(--black);
    min-width: 150px;
    border-radius: 0.5rem;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: .5rem 1rem;
}
.btn.login_btn:hover,.btn.submit_btn:hover,.btn.register_btn:hover{
    background-color: var(--yellow_hover);
    color: var(--white);
}
.content .control_btn{
    background-color:var(--yellow);
    border-radius: 50px;
    color: var(--black);
    padding:.5rem 1rem;
    margin-left:.5rem;
}
.content .btn.go_detail{
    background-color:var(--yellow);
    color: var(--black);
}
/*通用按鈕設定 end*/

/*loading*/
.Londing_content{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    background-color: rgba(0,0,0,.5);
    display: none;
    justify-content: center;
    align-items: center;
}
.Londing{
    border-radius:50%;
    border:5px var(--blue) solid;
    border-bottom:5px var(--white) solid;
    border-top:5px var(--white) solid;
    width:100px;
    height:100px;
    animation: loading 1s infinite linear;
    -webkit-animation: loading 1s infinite linear;
    -moz-animation: loading 1s infinite linear;
}
@-webkit-keyframes loading {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes loading {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
/*loading end*/

/*下拉選單箭頭*/
.content .arrow{
    transform: rotate(0deg);
    transition: all .2s linear;
}
.content .arrow.show{
    transform: rotate(180deg);
}
/*下拉選單箭頭end*/
/*應徵記錄設定*/
.content .record_detail_container{/*外層容器*/
    background-color: var(--yellow_back);
    border-radius: 2rem;
    padding: 2rem;
}
.content .record_detail_container .record_detail{/*外層容器內部小容器*/
    background-color: var(--white);
    border-radius: 2rem;
    padding: 1rem;
    position: relative;
}
.content .record_detail_container .record_progress_container{/*小容器內部ul清單*/
    display: block;
    list-style: none;
    overflow: auto;
    margin: 0;
    padding: 0;
}
.content .record_detail_container .record_progress_container::-webkit-scrollbar{/*小容器內部ul清單滾動條顯示*/
    width: 12px;
    height: 12px;
    -webkit-appearance: none;/*隱藏瀏覽器給的樣式*/
}
.content .record_detail_container .record_progress_container::-webkit-scrollbar-track{/*小容器內部ul清單滾動條軌道*/
    border-radius: 8px;
    background-color: rgba(0, 0, 0, .1)
}
.content .record_detail_container .record_progress_container::-webkit-scrollbar-thumb{/*小容器內部ul清單滾動條按鈕*/
    border-radius: 8px;
    background-color: rgba(0, 0, 0, .2);
}
.content .record_detail_container .record_progress_container::-webkit-scrollbar-thumb:hover{/*小容器內部ul清單滾動條樣式*/
    background-color: rgba(0, 0, 0, .3);
}
.content .record_detail_container .record_progress_container::-webkit-scrollbar-thumb:active{/*小容器內部ul清單滾動條樣式*/
    background-color: rgba(0, 0, 0, .5);
}
.content .record_detail_container .record_progress{/*ul清單小狀態*/
    background-color: #e3e1e1;
    border-radius: 50px;
    color: var(--white);
    margin:0.5rem 0;
    padding: .5rem;
    text-align: center;
    display: inline-block;
    min-width:100px;
    width: calc((100% - 12px)/4);
    white-space: nowrap;
}
.content .record_detail_container .record_progress.end{/*ul清單小狀態已完成*/
    background-color: var(--yellow);
    color: var(--black);
}
.content .record_detail_container .ind_name_container,.staff_name_container{/*小容器內部民宿名稱容器*/
    display: flex;
}
.content .record_detail_container .ind_name,.staff_name{/*小容器內部民宿名稱*/
    background-color: var(--white);
    margin: auto;
}
/*應徵記錄設定 end*/

/*收藏記錄設定*/
.content .Collect_name{/*收藏民宿名字容器*/
    background-color: #ECEFEF;
    border-radius: 50px;
    color: var(--black);
    padding: .5rem;
    display: flex;
    align-items: center;
    overflow: auto;
}
.content .Collect_name span{/*收藏民宿名字同行顯示*/
    white-space: nowrap;
    display: inline-block;
}
.content .Collect_name .Collect_name_left{/*收藏民宿名字左右對齊*/
    margin-right: auto;
    margin-left: 5px;
}
.content .Collect_name .Collect_name_right{/*收藏民宿名字左右對齊*/
    margin-left: 1rem;
    margin-right: 5px;
}
.content .Collect_detail{/*收藏民宿btn*/
    background-color:var(--yellow);
    border-radius: 50px;
    color: var(--black);
    padding:.5rem .75rem;
    margin-left:.5rem;
}
/*收藏記錄設定 end*/

/*彈跳訊息框設定*/
.content #popup_content{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9997;
    background-color: rgba(0,0,0,0.2);
    justify-content: center;
    align-items: center;
}
.content .show_dialog{/*彈跳框設定*/
    z-index: 9998;
    text-align: start;
    border-radius: 1rem;
    box-shadow: 0 2px 6px #ccc;
    font-weight: 500;
    width: 100%;
    max-width: 350px;
    max-height: 600px;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.content .show_dialog.none-height{/*彈跳框設定*/
    max-width: 700px;
    max-height: unset;
}
.content .show_dialog .dialog_header{
    padding: 12px 20px;
    background-color: var(--blue);
    overflow: hidden;
}
.content .show_dialog .dialog_content{
    min-height: 200px;
    padding: 15px 20px;
    background-color: var(--white);
    color: var(--black);
    text-align: center;
    overflow: auto;
}
.content .show_dialog .dialog_footer{
    background-color:var(--white);
    text-align: center;
    overflow: hidden;
}
.content .show_dialog .check_btn{/*彈跳框btn設定*/
    background-color: #AAD1D5;
    color: #fff;
    margin: 10px 10px;
    width: 100px;
}
.content #open_popup{/*開啟關閉指標*/
    cursor: pointer;
}
.content .show_dialog img{
    margin: 1rem 0;
    border-radius: 1rem;
    width: 100%;
    height: 200px;
}
.content .show_dialog.none-height img{
    margin: 1rem 0;
    border-radius: 1rem;
    width: 100%;
    height: 100%;
}

.content #tip_popup{
    max-width: 350px;
    width: 100%;
    min-height: 300px;
}
.content .show_dialog .dialog_content .dialog_loading_content{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}
.content .show_dialog .dialog_content .dialog_loading_content .dialog_loading{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 5px solid var(--white);
    border-top: 5px solid var(--blue);
    animation: loading 1s infinite linear;
    -webkit-animation: loading 1s infinite linear;
    -moz-animation: loading 1s infinite linear;
}
/*彈跳訊息框設定 end*/

/*履歷總覽介面*/
.content .add_resume{
    border: #EEDA9D 3px solid;
    border-radius: 10px;
    display: grid;
    place-items: center;
    min-height: 250px;
    color: var(--black);
    cursor: pointer;
    box-shadow: 5px 5px 10px #cbb178;
    margin: 15px;
}
.content .add_resume a{
    color: var(--black);
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.content .manage_resume{
    position: relative;
    display: grid;
    place-items: center;
    background-color: #EEDA9D;
    border-radius: 10px;
    min-height: 250px;
    margin: 15px;
    box-shadow: 5px 5px 10px #cbb178;
    color: var(--black);
}
.content .manage_resume a{
    color: var(--black);
}
.content .manage_resume a:hover{
    color: var(--white);
}
.content .manage_resume .edit_resume{
    text-decoration: none;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
}
.content .manage_resume .resume_name{
    text-align: center;
    display: inline-block;
    padding: 20px 5px;
    border-bottom: 3px #fff solid;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    color: var(--black);
    width: 90%;
    background-color: inherit;
}
.content .manage_resume .resume_update{
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 10px;
}
.content .manage_resume .download_resume{
    position: absolute;
    bottom: 10px;
    right: 80px;
    font-size: 20px;
}
.content .manage_resume .copy_resume{
    position: absolute;
    bottom: 10px;
    right: 50px;
    font-size: 20px;
}
.content .manage_resume .delete_resume{
    position: absolute;
    bottom: 10px;
    right: 20px;
    font-size: 20px;
}
/*履歷總覽介面 end*/
/*回饋列表*/
.content .feedback_list_container .feedback_list_name{/*收藏民宿名字容器*/
    background-color: #ECEFEF;
    border-radius: 50px;
    color: var(--black);
    padding: .5rem;
    display: flex;
    align-items: center;
    overflow: auto;
}
.content .feedback_list_container .feedback_list_name span{/*收藏民宿名字同行顯示*/
    white-space: nowrap;
    display: inline-block;
    margin-right: auto;
    margin-left: .5rem;
}
.content .feedback_list_container .feedback_list_btn{/*意見回饋btn*/
    background-color:var(--yellow);
    border-radius: 50px;
    color: var(--black);
    padding:.5rem .75rem;
    margin-left:.5rem;
}
/*回饋列表 end*/
/*回饋介面*/
.content .feedback_container{
    background-color: var(--yellow_back);
    padding: .5rem;
    border-radius: 10px;
}
.content .rate_content>input{
    -webkit-appearance: none;
    border: none;
    outline: none;
    cursor: pointer;
    font-family:"iconfont";
    font-size:30px;
    padding-right:6px;
    margin-right: 12px;
}
.content .rate_content{
    display:flex;
    flex-flow:row-reverse;
    justify-content:left;
}
.content .rate_content input[type='radio']::after
{
    content:"\e645";
    color:var(--basic);
    transition:color 0.4s ease
}
.content .rate_content input[type='radio']:checked::after,
.rate_content input[type='radio']:checked~input[type='radio']::after
{
    content:"\e73c";
    color:var(--main);
}
.content .rate_content input[type='radio']:hover::after,
.rate_content input[type='radio']:hover~input[type='radio']::after
{
    content:"\e73c";
    color:var(--main);
}
.content .feedback_container li{
    margin: 20px 0px;
}
.content .feedback_container textarea{
    width: 90%;
    border: #3D3B3B 1px solid;
    border-radius: 10px;
    resize: none;
    padding: 5px
}
/*回饋介面end*/

.Adminlist_container{
    position: relative;
    background-color: #ECEFEF;
    border-radius: 50px;
}
.Admin_data_detail{
    opacity: 0;
    z-index: 9999;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
}
/*頁尾版權設定*/
.footer{
    text-align: center;
    display: flex;
    padding: 30px;
    width: 100%;
    background-color: var(--blue);
    color: var(--black);
    align-items: center;
    justify-content: center;
}
.footer p{
    margin: 0;
}
.footer a{
    color: var(--black);
    text-decoration: none;
}
.footer a:hover{
    color: var(--nav_text_hover);
}
.footer i{
    cursor: pointer;
    font-size: 18px;
    margin-right: 10px;
    color: var(--black);
}
/*頁尾版權設定 end*/
/*alertify提示*/
.alertify{
    left: 0px;
    right: 0px;
    display: flex;
    position: absolute;
    transition: all 230ms ease-in 0s;
    transform: translateY(0px); top: 0px;
    justify-content: center;
}
.alertify_content{
    display: flex;
    align-items: center;
    justify-content: center;
    z-index:9999;
    padding: 8px 10px 8px 18px;
    box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 15px;
    border-radius: 5px;
    min-width: 100px;
    min-height: 30px;
    color: #AAD1D5;
    background-color: var(--white);
    animation: 0.35s cubic-bezier(0.21, 1.02, 0.73, 1) 0s 1 normal forwards running show_alert;
    -webkit-animation: 0.35s cubic-bezier(0.21, 1.02, 0.73, 1) 0s 1 normal forwards running show_alert;
    -moz-animation: 0.35s cubic-bezier(0.21, 1.02, 0.73, 1) 0s 1 normal forwards running show_alert;
}
.alertify_content.fade{
    animation: 0.35s cubic-bezier(0.21, 1.02, 0.73, 1) 0s 1 normal forwards running reset_alert;
    -webkit-animation: 0.35s cubic-bezier(0.21, 1.02, 0.73, 1) 0s 1 normal forwards running reset_alert;
    -moz-animation: 0.35s cubic-bezier(0.21, 1.02, 0.73, 1) 0s 1 normal forwards running reset_alert;
}
.alertify .alertify_text{
    display: flex;
    justify-content: center;
    min-width: 60px;
}
@keyframes show_alert{
    0%{
        transform:translate3d(0,-200%,0) scale(.6);
        -webkit-transform:translate3d(0,-200%,0) scale(.6);
        -moz-transform:translate3d(0,-200%,0) scale(.6);
        opacity:.5;
    }
    100%{
        transform:translate3d(0,0,0) scale(1);
        -webkit-transform:translate3d(0,0,0) scale(1);
        -moz-transform:translate3d(0,0,0) scale(1);
        opacity:1;
    }
}
@keyframes reset_alert{
    0%{
        transform:translate3d(0,0,0) scale(1);
        -webkit-transform:translate3d(0,0,0) scale(1);
        -moz-transform:translate3d(0,0,0) scale(1);
        opacity:1;
    }
    100%{
        transform:translate3d(0,-200%,0) scale(.6);
        -webkit-transform:translate3d(0,-200%,0) scale(.6);
        -moz-transform:translate3d(0,-200%,0) scale(.6);
        opacity:0;
    }
}
/*icon*/
.alert_icon{
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 5px;
}
.alert_icon .wrapper{
    width: 10px;
    height: 20px;
    position: absolute;
    top:0;
    overflow: hidden;
}
.alert_icon .loading_left{
    left: 0;
}
.alert_icon .loading_right{
    right: 0
}
.alert_icon .wrapper .circle{
    border-radius: 50%;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    border: 2px solid transparent;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    box-sizing: content-box;
}
.alert_icon .wrapper .left{
    left: 0;
    border-bottom: 2px solid #AAD1D5;
    border-left: 2px solid #AAD1D5;
    animation: loading_left linear 3s;
    -webkit-animation: loading_left linear 3s;
    -moz-animation: loading_left linear 3s;
}
.alert_icon .wrapper .right{
    right: 0;
    border-top: 2px solid #AAD1D5;
    border-right: 2px solid #AAD1D5;
    animation: loading_right linear 3s;
    -webkit-animation: loading_right linear 3s;
    -moz-animation: loading_right linear 3s;
}
@keyframes loading_right{
    0%{
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
    }
    50%,100%{
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
    }
}
@keyframes loading_left{
    0%,50%{
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
    }
    100%{
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
    }
}
.alert_icon .alert_success{
    background: var(--blue);
    border-radius: 50px;
    width: 20px;height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}
.alert_icon .alert_success::after{
    content: '';
    position: absolute;
    left: 5px;
    bottom: 5px;
    border-right:2px solid;
    border-bottom: 2px solid;
    border-color: white;
    animation: success .2s ease-out .2s forwards running ;
    -webkit-animation: success .2s ease-out .2s forwards running ;
    -moz-animation: success .2s ease-out .2s forwards running ;
    height: 10px;
    width: 6px;
    opacity: 0;
}
@keyframes success {
    0%{
        height: 0px;
        width: 0px;
        opacity: 0;
    }
    40%{
        width: 6px;
        opacity: 1;
    }
    100%{
        height: 10px;
        opacity: 1;
    }
}
.alert_icon .alert_error{
    position: relative;
    background: #ff5546;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    animation: error .5s ease-out forwards running infinite;
    -webkit-animation: error .5s ease-out forwards running infinite;
    -moz-animation: error .5s ease-out forwards running infinite;
}
.alert_icon .alert_error::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    height: 15px;
    width: 2px;
    background: var(--white);
    transform: translate(-50%,-50%) rotate(45deg);
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    -moz-transform: translate(-50%,-50%) rotate(45deg);
}
.alert_icon .alert_error::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    height: 15px;
    width: 2px;
    background: var(--white);
    transform: translate(-50%,-50%) rotate(-45deg);
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    -moz-transform: translate(-50%,-50%) rotate(-45deg);
}
@keyframes error{
    0%{
        margin-top: 0px;
    }
    50%{
        margin-top: 3px;
    }
    100% {
        margin-top: 0px;
    }
}
/*alertify提示end*/
/*日歷自訂義*/
.date_content{
    flex: 1 1 auto;
}
.fc-col-header-cell-cushion{
    color: #3D3B3B!important;
    text-decoration:none!important;
}
.fc-col-header-cell-cushion:hover{
    color: #3D3B3B!important;
}
.date_content table td a,.dialog_content table td a{
    text-decoration: none!important;
    color: #3D3B3B!important;
}
.fc-button.fc-button-primary{
    background-color: var(--yellow)!important;
    border: none!important;
    border-radius: 5px!important;
}
.fc-button.fc-button-primary:hover{
    background-color: var(--yellow_hover)!important;
}
.fc-button.fc-button-primary.fc-next-button:active,.fc-button.fc-button-primary.fc-prev-button:active{
    background-color: var(--yellow_hover)!important;
}
.fc-header-toolbar{
    background-color: var(--yellow)!important;
    border-radius: 5px!important;
}
.fc-header-toolbar h2{
    color: var(--white)!important;
}
/*日歷自訂義end*/

.content .Adminlist_container .text-truncate::-webkit-scrollbar{/*小容器內部ul清單滾動條顯示*/
    width: 12px;
    height: 6px;
    -webkit-appearance: none;/*隱藏瀏覽器給的樣式*/
}
.content .Adminlist_container .text-truncate::-webkit-scrollbar-track{/*小容器內部ul清單滾動條軌道*/
    border-radius: 8px;
    background-color: rgba(0, 0, 0, .1);
}
.content .Adminlist_container .text-truncate::-webkit-scrollbar-thumb{/*小容器內部ul清單滾動條按鈕*/
    border-radius: 8px;
    background-color: rgba(0, 0, 0, .2);
}
.content .Adminlist_container .text-truncate::-webkit-scrollbar-thumb:hover{/*小容器內部ul清單滾動條樣式*/
    background-color: rgba(0, 0, 0, .3);
}
.content .Adminlist_container .text-truncate::-webkit-scrollbar-thumb:active{/*小容器內部ul清單滾動條樣式*/
    background-color: rgba(0, 0, 0, .5);
}