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

html {  color: #000;  background: #17bbef;  }
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:"Times New Roman"; font-size: 16px; color: #191a1d;}
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;}
/*------------------------------------------全局框架----------------------------------------------------*/
/*----------------------------------------------------header----------------------------------------------------*/
main{background-color:#17bbef; min-height:100vh;display:flex;flex-direction:row;position: fixed; top: 0; left: 0; bottom: 0; right: 0;}
section{flex:1;background-color: #dbf2f9;  overflow: auto; width: 100%; }
section .g-m{margin: 0 auto;display: flex; justify-content: center;flex-direction: column;align-items: center;}/*全局外框架*/
section .g-t{text-align: center;}/*全局標題*/
section .g-t>div{}
section .g-t>div>h1{font-size: 22px; font-weight: normal; color: #3f85c6;}
section .g-t>div>h1>span{font-size: 22px; font-weight: normal; color: #32b5e5; margin: 0 5px;}
section .g-c{}/*全局內容框架*/
.page{display: flex;flex-wrap: wrap;justify-content: center;margin-top: 20px;}
.page>div{}
.page>div>ul{display: flex;flex-wrap: wrap;}
.page>div>ul>li{margin: 0 10px;}
.page>div>ul>li:nth-child(1)>a,.page>div>ul>li:nth-last-child(1)>span,.page>div>ul>li:nth-last-child(1)>a,.page>div>ul>li:nth-child(1)>span{background-color: #17bbef; padding: 4px; color: #fff; width: 16px; height: 16px; text-align: center; display: flex; justify-content: center; align-items: center; border-radius: 5px;}
.page>div>ul>li>span{}
.page>div>ul>li>a{}
.page>div>div{}
.page>div>div>span{}
.g-search{}
.g-search_m{display: flex; background-color: #fff6ef;justify-content: center; align-items: center;}
.g-search_m form{display: flex; align-items: center; }
.g-search ul{display: flex; padding:10px 3px;justify-content: center;}
.g-search ul>li{margin-left: 5px;display: flex;}
.g-search ul>li>span{font-size: 12px;color: #535668;margin-right: 3px;line-height: 20px;}
.g-search ul>li>input{border: 1px solid #d7d7d7;font-size: 14px;padding: 0 3px;width: 130px;}
.g-search_but{display: flex;}
.g-search_but button,.g-search_but a{background-color:#17bbef; color: #fff; border-radius: 7px; padding: 2px 12px;margin-left: 12px;}
/*---------------------登入頁面-----------------------*/
.login--main{display: flex;justify-content:center;/*align-items:center;*/height: 80vh; margin-top: 20vh;}
.login--main>div{display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; background-color: #17bbef;height: max-content; }
.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{background-color:unset; padding: 20px 28px;}
.login--main>div ul>li{margin-bottom: 20px;border: 1px solid #44b3d6;}
.login--main>div ul>li> p{color:#ffdfdf; font-size: 12px;line-height:18px;}
.login--main>div ul>li>div{display: flex; align-items: center;background-color: #fff;}
.login--main>div ul>li:nth-child(3){}
.login--main>div ul>li:nth-child(3)>div>img{width:120px;}
.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: 16px; line-height:30px; transition: all .3s; padding: 0; border: none; outline: none;margin-left: 20px;}

.login--main>div ul>li>div:before{font-family: "h_icomoon";background-color:#97ddf3; padding: 14px; font-size: 20px;color:#17bbef;}
.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: #dff7ff; line-height: 40px; color:#17bbef; font-size: 18px; width: 220px; margin: 0 auto; border-radius: 12px;}
.login--main>div button:hover{background-color: #fff;}
.inp_border{border-color:#40a9ff!important;box-shadow: 0 0 3px 2px rgba(133, 222, 239, 0.7);}
/*-------------------------導航--------------------------*/
.logo{padding: 5px;display: flex; justify-content: center;}
.logo img{width: 100px;}
.logo_display{display: none; transition: all .6s ease;}
nav{transition: width 1s;;background-color:#3093b2;overflow: auto;min-width: 130px;display: none;justify-content: center;}
nav ul{display: flex; flex-direction: row; justify-content: center;}
.menu_display{display: none;transition: all .6s ease;}
nav ul li{list-style: none; width: 100%;margin:5px 5px;}
nav ul li:hover{}
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: #ffe3ca; display: flex; justify-content: center;}
nav ul li a{}
nav ul li a:hover{color:#fff;}
nav ul li a:before{padding-right: 5px; font-size:14px;}

nav ul li.home a:before{content:"\e915";}
nav ul li.works 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.insurance 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{padding: 8px 7px; width: 26px;}
.navbar>div>span{border-bottom: 2px solid #fff; width: 23px; display: block; margin: 3px 0;}
.nav{/*display: none;width:0;min-width:0;*/transition: width 1s;display: flex;}
.active{}
.active>a{color:#fff;}
/**/
header{display: flex;justify-content: space-between;background-color: #007195;align-items: center;}
header ul{display: flex;}
header .logut{}
header .logut>ul{}
header .logut>ul>li{}
header .logut>ul>li>a,header .logut>ul>li>button{background-color:unset; border-radius: 6px; font-size: 14px;margin:5px;color: #fff;}
header .logut>ul>li>button:before { content: "\e91d"; font-size: 14px;font-family: "h_icomoon";margin-right: 5px; }

/*首頁*/
.h_main{width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 100px; }
.h_nav>ul{}
.h_nav>ul li{margin-bottom: 20px;}
.h_nav>ul li a{background-color: #ffffff; color: #17bbef; padding: 20px; width: 150px; border-radius: 15px; font-size: 20px;}
/*工程全局*/
h1{text-align: center;font-size: 20px;color:#191a1d; font-weight: normal;margin-bottom: 10px;}
.works_g_footer_but{display: flex; justify-content: center; margin: 30px 0;}
.works_g_footer_but button{background-color: #17bbef; color: #fff; border-radius: 7px; padding: 2px 12px; margin-left: 12px;}
.works_g_footer_but a{background-color:#ff5722; color: #fff; border-radius: 7px; padding: 2px 12px; margin-left: 12px;}
.works_g_top_header{display: flex; justify-content: space-between;background-color: #dffbae; align-items: center; padding: 5px 10px;}
.works_g_top_header h2{font-size: 15px;}
.works_g_top_but{display: flex; justify-content: end;}
.works_g_top_but a{background-color: #17bbef; color: #fff; border-radius: 7px; padding: 2px 12px; margin-left: 12px;}
.works_g_top_but span{color: #ef1717; font-size: 12px;}
.works_g_top_but button{background-color: #17bbef; color: #fff; border-radius: 7px; padding: 2px 12px; margin-left: 12px;}

.works_g_t{display: flex; flex-direction: column; align-items: center;}
.works_g_t table{width: 100%;margin: 10px 0;}
.works_g_t table thead{}
.works_g_t table thead th{}
.works_g_t table thead td{}
.works_g_t table tbody tr{background-color: #fff;}
.works_g_t table tbody tr td{}
.works_g_t label{margin-left: 10px;line-height: 28px;}
.works_g_t input[type=text],.works_g_t input[type=date],.works_g_t select{width: 100%; box-sizing: border-box; border: none; font-size: 16px; background-color:#fff6e9; color: #051c61;padding: 0 10px;line-height: 28px; }

.works_g_t_h{width: 100%;}
.works_g_t_h table{text-align: center;width: 100%;}
.works_g_t_h table th,.works table td{padding: 5px}
.works_g_t_h table>thead{background-color: #fff;}
.works_g_t_h table>thead>tr{}
.works_g_t_h table>thead>tr>th{padding: 6px 6px;font-size: 13px; color: #17bbef;}
.works_g_t_h table>tbody{background-color: white;}
.works_g_t_h table>tbody>tr{background-color: #f2fcff;}
.status_end{background-color: #fddddd!important;}
.works_g_t_h table>tbody>tr:nth-child(odd){background-color: #fff8f2;}
.works_g_t_h table>tbody>tr>td{}
.works_g_t_h table>tbody>tr>td>span{font-size: 14px;line-height: 28px;}
.works_g_t_h table>tbody>tr>td:nth-last-child(1){display: flex; justify-content: center; align-items: center;}
.works_g_t_h table>tbody>tr>td:nth-last-child(1)>a,.works_g_t_h table>tbody>tr>td:nth-last-child(1)>button{font-size: 14px;margin-right: 8px;background: unset;cursor: pointer;}

/*工程頁面*/
.worksp_nav{margin-bottom: 20px;width: 100%;}
.worksp_nav ul{display: flex; justify-content: center;}
.worksp_nav ul li{width: 50%;}
.worksp_nav ul li a{font-size: 20px; line-height: 42px; color:#3093b2;background-color:#bbdde7; }
.works_action a{color:#3093b2!important; background-color:#f9eabb!important; }
.worksp{margin-top: 20px;width: 96%;max-width: 980px;}
.worksp>div:nth-child(1){display: flex;margin: 10px 0;justify-content: end;}
.worksp>div:nth-child(1)>a{background-color: #17bbef; color: #fff; border-radius: 7px; padding: 2px 12px; margin-left: 12px;}
.worksp>div:nth-child(1)>button{background-color: #17bbef; color: #fff; border-radius: 7px; padding: 2px 12px; margin-left: 12px;}

/*工程詳情*/
.works_info{width:96%;max-width: 980px;}
.works_info_cont{background-color: #fff; padding: 10px;}
.works_info_cont ul{}
.works_info_cont ul li{width: 100%;}

/*工程單列表*/
.works_single{width: 96%;max-width: 980px;margin-bottom: 10px;}
/*添加工程*/
.works_add{margin-top: 20px;width: 96%;}

.works_add ul{width: 100%;}
.works_add ul>li{}
.works_add ul>li>div{display: flex; align-items: center;justify-content: space-between;}
.works_add ul>li>div>h2{line-height: 40px;}
.works_add ul>li>div>span{font-size: 12px;color: #17bbef;}
.works_add ul>li>div>ul{display: flex; background-color: #fff6e9; padding: 15px;width: 100%;}
.works_add ul>li>div>ul>li{margin-right: 20px;}
.works_add ul>li>div>ul>li>input{}
.works_add ul>li>div>ul>li>label{margin-left: 5px;}



@media screen and (max-width: 480px){
    .works_g_t table tbody tr{display: flex; flex-wrap: wrap;}
    .works_g_t table tbody tr td{width: 50%;}
    .works_g_t_h table>tbody>tr{display: table-row;}
    .works_g_t_h table>tbody>tr>td{width: auto;}
}