/*----------------------------------------------------reset----------------------------------------------------*/

html {  color: #000;  background: #FFF;  }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {  margin: 0;  padding: 0;  }
ol, ul {  list-style: none;  }
fieldset, img,button{border: 0;}
input{border:0;outline: none;}
body * {  font-family: 'Microsoft YaHei';  font-size: 13px;  color: #adb6be;  }
table {  border-collapse: separate;  }
body > div:first-child {position: fixed; top: 0;left: 0;bottom:0; right:0;display: flex;}
select {  background-color: rgba(0, 0, 0, 0);  }
input:-webkit-autofill {  -webkit-box-shadow: 0 0 0 1000px white inset;  -webkit-text-fill-color: #364A63;  }
input:disabled, select:disabled {  /*    background-color: rgb(235, 235, 228) !important; color: rgb(84, 84, 84) !important;*/  }
input[warning], select[warning] {  background-color: rgb(251, 230, 199) !important; /*color: rgb(84, 84, 84) !important;*/  }
a {text-decoration: none;  display: block;  text-align: center;  }
.company {  display: none;  }
table {  /*    border-collapse: collapse; border: none;*/  }
input::-webkit-input-placeholder{color:#adb6be;}
input::-moz-placeholder { /* Mozilla Firefox 19+ */  color:#adb6be;}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  color: #adb6be;}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */  color: #adb6be;}
.path1,.path2,.path3,.path4,.path5,.path6,.path7,.path8,.path9,.path10,.path11,.path12,.path13,.path14,.path15{font-family: "h_icomoon";}
.form-required{content: "*"; display: inline-block; margin-right: 4px; color: #ff4d4f; font-size: 14px; line-height: 1;}
i{color: #ff4d4f; font-size: 14px; line-height: 1; font-weight: bold;}


.column1{width: 99%!important;}
.column2-1{width: 49%!important;}
.column3-1{width: 32.3%!important;}
.column3-2{width: 65.6%!important;}
.column4-1{width: 24%!important;}
.column4-2{width: 49%!important;}
.column4-3{width: 74%!important;}
.column5-1{width: 19%!important;}
.column5-2{width: 39%!important;}
.column5-3{width: 59%!important;}
.column5-4{width: 79%!important;}
/*------------------------------------------全局框架----------------------------------------------------*/
/*----------------------------------------------------header----------------------------------------------------*/
main{background-color:#e7e7e7; min-height:100vh;display:flex;flex-direction:row;position:fixed; top: 0; left: 0; bottom: 0; right: 0;}
section{flex:1; /*background-color: #D5D9E5;*/  overflow: auto; width: 100%; }
section .g-m{width: 90%; margin: 0 auto; padding-top: 20px; padding-bottom: 80px;}/*全局外框架*/
/*內頁二級導航*/
.g_h{/*margin-bottom: 20px;*/}
.g_h>ul{display: flex;justify-content: space-evenly;border-bottom: 1px solid #adcfff;}
.g_h>ul>li{width: 50%; background-color:#c7ddfb;border-radius: 10px 10px 0 0;margin: 0 2px;}
.action{background-color: #3f85c6!important;}
.action>a{;color: #e8f4ff!important;}
.g_h>ul>li>a{padding: 10px;color:#3f85c6; font-size: 15px; font-weight: normal;}

section .g-t{text-align: center;margin-bottom: 15px;}/*全局標題*/
section .g-t>div{}
section .g-t>div>h1{font-size: 19px; font-weight: normal; color: #525252;}
section .g-t>div>h1>span{font-size: 19px; font-weight: normal; color: #f15405; margin: 0 5px;}
section .g-c{background-color: #fff; padding: 10px 20px 50px 20px;border-radius: 0 0 10px 10px;}/*全局內容框架*/

/*彈出修改提示框*/
.prompt_box{display: flex; z-index: 30000; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(18,169,255,0.38);}
.ts-alert{  position:fixed;  top:50%;  left:50%;  z-index:999;white-space: normal;min-width: 200px;text-align: center;padding: 15px;padding-right: 15px;margin-bottom: 20px;  border-radius: 4px;background-color: #32b5e5;height: 30px;font-size: 14px;}
.ts-alert-text{  text-align:center;  color: #fff; font-size: 20px;  white-space: normal;  line-height:24px;}
/*彈框*/
.spring_frame{z-index: 10000; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(7, 14, 18, 0.38); display: none; align-items: center; justify-content: center;}
.spring_frame>div{width: 50%; background-color: #fff; padding:20px; box-shadow: 0 1px 3px 0 rgba(33,150,243,0.21); margin: 0 auto; min-width: 500px; border-radius: 10px;}
.spring_frame>div>div:nth-child(1){}
.spring_frame>div>div:nth-child(1)>h2{}
.spring_frame>div>div:nth-child(2)>ul{}
.spring_frame>div>div:nth-child(2)>ul>li{display: flex; margin-bottom: 10px;align-items: center;}
.spring_frame>div>div:nth-child(2)>ul>li>input{color: #3d3d3e; width: 60%; background-color: #fffbd8; margin-right: 3px; padding: 12px 11px; border: none; font-size: 15px;}
.spring_frame>div>div:nth-child(2)>ul>li>span{width: 30%; min-width: 120px; display: block; background-color: #fff; padding: 12px 11px; color: #6a6a6a; margin-right: 3px;}
.spring_frame>div>div:nth-child(2)>ul>li>select{color: #3d3d3e; width: 63%; background-color: #fffbd8; margin-right: 3px; padding: 12px 11px; border: none; font-size: 15px;}
.spring_frame>div>div:nth-child(2)>ul>li>span>i{}
.spring_frame>div>div:nth-child(2)>p{}
.spring_frame>div>div:nth-child(3){}
.spring_frame>div>div:nth-child(3)>div{align-items: center; display: flex; justify-content: center; margin-top: 20px; margin-bottom: 20px;}
.spring_frame>div>div:nth-child(3)>div>button{box-shadow: 0 1px 3px 0 rgb(33 150 243 / 21%); background-color: #f25508; border: unset; border-radius: 10px; line-height: 38px; color: #fff; font-size: 16px; margin-left: 16px; width: 130px;}
.spring_frame>div>div:nth-child(3)>div>button:nth-child(1){background-color: #ffffff; color: #f25508; border: 1px solid #f25508;}
.spring_frame>div>div:nth-child(3)>div>button:nth-child(2){}
.spring_frame>div>div:nth-child(3)>div>button:hover{opacity: 0.7;}

/*------頁碼-----------*/
.page{display: flex; align-items: center;justify-content: end;}
.page>p{font-size: 12px; color: #adb6be;display: flex; align-items: center; justify-content: center;}
.page>p>span{font-size: 12px; color: #adb6be;}
.page ul{display: flex;}
.page ul li{display: flex; justify-content: center; align-items: center; margin-right: 16px;font-size: 12px}
.page ul li a{font-size: 12px}
.page .active{border:none;}
.page .active>span{background-color:#dfdfdf;text-align: center; color: #fff; padding: 4px; line-height:10px;border-radius: 5px; width: 10px; height: 10px;}
.page ul li:nth-child(1)>span,
.page ul li:nth-child(1)>a,
.page ul li:nth-last-child(1)>a,
.page ul li:nth-last-child(1)>span{background-color: #fff; width:20px; height:20px; border-radius: 5px; display: flex; justify-content: center; align-items: center;font-size: 19px; line-height: 20px; padding: 1px 2px 3px 2px;box-shadow: 0 1px 5px 0 rgba(0,0,0,0.05); }
.page ul li:nth-child(1)>a:hover,
.page ul li:nth-last-child(1)>a:hover{background-color:#dfdfdf; color: #fff;}
/*----------------------------------------------------header----------------------------------------------------*/
header{position: fixed; right: 30px;}
header>div{display: flex; justify-content: end;}
header>div>ul{display: flex;background-color: #fff; padding:8px 20px; border-radius: 0 0 10px 10px;box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.05);}
header>div>ul>li{margin: 0 8px;}
header>div>ul>li a,header>div>ul>li button{display: flex; justify-content: center; line-height: 16px;}
header>div>ul>li:nth-child(2) a:hover,header>div>ul>li:nth-child(2) button:hover{color:#f15405;}
header>div>ul>li a:before,header>div>ul>li button:before{padding-right: 6px;font-family: "h_icomoon";}
header>div>ul>li:nth-child(1) a:before{content:"\e900";font-size: 20px;}
header>div>ul>li:nth-child(2) button:before{content:"\e91d";font-size: 16px;}

/*---------------------登入頁面-----------------------*/
.login--main{display: flex;justify-content:center;/*align-items:center;*/height: 80vh; margin-top: 20vh;}
.login--main>div{width: 280px; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px;}
.login--main>div>div.login--logo{display: flex;justify-content: center;}
.login--main>div>div.login--logo img{width: 169px;}
.login--main>div>h1{text-align: center; font-size: 29px; font-weight: normal; color: #313940;}
.login--main>div ul{}
.login--main>div ul>li> p{color:#ff4d4f; font-size: 12px;line-height:18px;}
.login--main>div ul>li>div{display: flex; align-items: center; border: 1px solid #adb6be;border-radius: 5px; padding: 8px 10px;margin-top: 20px;}
.login--main>div ul>li:nth-child(3){}
.login--main>div ul>li:nth-child(3)>div>img{width: 40%;}
.login--main>div ul>li>div:hover{border-color: #40a9ff; border-right-width: 1px; z-index: 1;}
.login--main>div ul>li>div input{caret-color: #3f85c6;box-sizing: border-box; width: 100%; min-width: 0; color: rgba(0,0,0,.85); font-size: 14px; line-height: 1.5715; background-color: #fff; transition: all .3s; padding: 0; border: none; outline: none; margin-left: 7px;}

.login--main>div ul>li>div:before{font-family: "h_icomoon";}
.login--main>div ul>li:nth-child(1)>div:before{content:"\e900";}
.login--main>div ul>li:nth-child(2)>div:before{content:"\e90d";}
.login--main>div ul>li:nth-child(3)>div:before{content:"\e90c";}
.login--main>div button{background-color: #3f85c6; border: unset; border-radius: 34px; line-height: 40px; color: #fff; font-size: 18px;margin-top: 30px; }
.inp_border{border-color:#40a9ff!important;box-shadow: 0 0 3px 2px rgba(133, 222, 239, 0.7);}

/*-------------------------導航--------------------------*/
.logo{padding: 20px;display: flex; justify-content: center;}
.logo img{width: 88px;}
.logo_display{display: none; transition: all .6s ease;}
nav{transition: width 1s;width:10%;background-color: #fff;overflow: auto;min-width: 130px;box-shadow: 2px 5px 10px 2px rgba(216, 221, 221, 0.5);max-width: 140px;}
nav ul{display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center;}
.menu_display{display: none;transition: all .6s ease;}
nav ul li{list-style: none; width: 100%;margin: 12px 0;}
nav ul li:hover{background-color:#f4f2e5;}
nav ul li a{background-repeat: no-repeat; background-size: 20px; width: 100%; background-position: center left;
    line-height:29px; font-family: "h_icomoon"; color:#bfbfbf; display: flex; justify-content: center;}
nav ul li a{}
nav ul li a:hover{color:#f25508;}
nav ul li a:before{padding-right: 5px; font-size: 22px;}

nav ul li.home a:before{content:"\e915";}
nav ul li.employee a:before{content:"\e908";}
nav ul li.employer a:before{content:"\e909";}
nav ul li.contract a:before{content:"\e905";}
nav ul li.invoice a:before{content:"\e919";}
nav ul li.insure a:before{content:"\e918";}
nav ul li.report a:before{content:"\e925";}
nav ul li.file a:before{content:"\e924";}
nav ul li.web a:before{content:"\e933";}
nav ul li.group a:before{content:"\e927";}
nav ul li.user a:before{content:"\e900";}
nav ul li.records a:before{content:"\e923";}
nav ul li.link a:before{content:"\e91c";}
nav ul li.support a:before{content:"\e929";}
.navbar{}
.navbar>div{position: absolute; background-color:#fffbbb; padding: 8px 7px; border-radius: 0 6px 6px 0; margin-top: 7px;}
.navbar>div>span{border-bottom: 2px solid #ff8547; width: 23px; display: block; margin: 3px 0;}
.nav{/*display: none;*/width:0;min-width:0;transition: width 1s;}
.active{border-right: 2px solid #f25508;}
.active>a{color:#f25508;}
/*---------------------搜索欄---------------------*/
/*簡單搜索*/
.g-search{display: flex; justify-content: center; margin: 30px 0 30px 0;}
.g-search>div{display: flex; gap: 10px;}
.g-search>div>div{background-color: #fff; box-shadow: 1px 0 3px 0 rgba(0, 0, 0, 0.05); border-radius: 13px;display: flex; justify-content: center; align-items: center;border: 1px solid #ffffff00;}
.g-search>div>div:hover{border-color: #a3dbff; border-right-width: 1px;}
.g-search>div>div>form>input:nth-child(1){margin-left: 11px;caret-color:#3f85c6;font-size: 15px; width: 300px; color: #255f8d;}
.g-search>div>div>form>input:nth-child(2),.g-search>div>div button{background-color:#f25508; padding: 7px 9px; border-radius: 12px;color: #fffbbb;}
.g-search>div>div button:hover{background-color: #2d6dc6; }
.g-search>div>div:nth-child(1) button:before{content:"\e926"; font-family: "h_icomoon";font-size: 20px;}
.g-search>div>div:nth-child(2) button{display: flex;justify-content: center;align-items: center; line-height: 25px;}
.g-search>div>div:nth-child(2) button:hover{background-color: #3170ab;}
.g-search>div>div:nth-child(2) button:after{content:"\e926"; font-family: "h_icomoon";font-size: 20px;margin-left: 7px;}
/*進階搜索*/
.advanced_search{ width:100%; background-color: #dce1ef;height: 0;box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.05);
    transition: height 0.5s;justify-content: center;}
.search_display{transition: height 0.5s; height: 200px;display:flex;}
.ad_s_main{display: none;width: 80%;margin: 20px 0;}
.ad_s_main_display{display:flex;}

/*-----------------設定頁面--------------------------*/
.s_user{width: 90%; margin-bottom: 100px; margin-top: 100px;}
.s_user_content{background-color: #fff; border-radius: 5px; padding: 20px;}
.s_user_t{width: 100%;}
.s_user_t thead{}
.s_user_t thead tr{}
.s_user_t thead tr th{text-align: center;}
.s_user_t tbody tr{}
.s_user_t tbody tr td{text-align: center;}
.s_user_t tbody tr td:nth-child(1){}
.s_user_t tbody tr td:nth-child(2){}
.s_user_t tbody tr td:nth-child(3){}
.s_user_t tbody tr td:nth-child(4){}
.s_user_t tbody tr td:nth-child(5){}
.s_user_t tbody tr td:nth-child(6){display: flex; justify-content: center;}
.s_user_t tbody tr td:nth-child(6) span{}

/*-------刪除彈出提示框------*/
#msg-box{z-index: 10000; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(7, 14, 18, 0.38); display: none;align-items: center; justify-content: center;}
form#msg-box > div{background-color: #ffffff; color: white; padding: 30px 50px; border-radius: 6px; text-align: center;}
.confirm{}
.confirm>h2{margin-bottom: 20px; color: #32b5e5; font-size: 20px; font-weight: normal; text-align: center; line-height: 22px;}
.confirm>div:nth-child(2){display: flex; flex-direction: row;justify-content: center;}
.confirm>div:nth-child(2) label{background-color: #efefef; color: #32b5e5;display: block; font-size: 18px; padding: 5px; border: 1px solid #adb6be; margin-right: -1px; border-radius: 5px 0 0 5px;}
.confirm>div:nth-child(2) input{border: 1px solid #adb6be;width: 180px; caret-color: #3f85c6; box-sizing: border-box; min-width: 0; color: rgba(0,0,0,.85); font-size: 14px; line-height:21px; background-color: #fff; transition: all .3s; outline: none; border-radius: 0 5px 5px 0;  padding: 8px 10px; }
.confirm>div:nth-child(3){margin-top: 20px;display: flex; justify-content: space-around;}
.confirm>div:nth-child(3) button{background-color: #32b5e5; border: unset; border-radius: 10px; line-height: 30px; color: #fff; font-size: 16px; width: 100px;}


button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    color:#222;
    margin-left:5px;
    line-height:26px;
}