body{font-family:Arial,sans-serif;background-color:#FFF;color:#202121;margin:0;padding:0;font-size:1em;}
a{color:#1166d7;text-decoration:none;}
a:hover{text-decoration:underline;}
header{height:54px;background:#0f7145;color:#FFF;margin-bottom:40px;}
header .container{position:relative;margin:0 auto;}
header h1{position:absolute;left:0;top:11px;width:350px;margin:0;padding-left:48px;font-size:30px;}
header h1:before,.login,.logout,.profile,.ic{background:url(/static/images/sprite.svg?v=1.1) no-repeat 0 0;}
header h1:before{content:'';width:40px;height:40px;position:absolute;top:-2px;left:0;background-size:100%;background-position:0 0;}
.login,.logout,.profile{display:inline-block;width:40px;height:40px;padding:0;background-size:123%;margin:7px 0 0 10px;vertical-align:top;}
.login{background-position:-5px -59px;}
.logout{background-position:-5px -104px;}
.profile{background-position:-5px -150px;}
header h1 a,.data-grid h2 a{color:#FFF;text-decoration:none;}
header h1 a:hover{text-decoration:none;}
header nav{width:calc(100% - 110px);margin:0 10px 0 100px;text-align:right;}
header nav a{padding:17px 5px;display:inline-block;color:#FFF;}
.container{max-width:calc(100% - 400px);margin:0 auto;}
.container h3{margin:20px 0 5px 0;font-weight:600;}
legend{padding:0;color:#111827;}
p label{font-weight:500;}
input{padding:0 16px;border:1px solid #ccc;border-radius:6px;height:56px;}
button{background-color:#0f7145;letter-spacing:.5px;font-size:1rem;line-height:1.5;color:#ffffff;padding:12px 34px;min-height:48px;border:none;border-radius:25px;cursor:pointer;font-weight:600;margin:0;}
button:hover{background-color:#1a935c;}
.data-grid{margin-bottom:30px;padding-bottom:5px;border-radius:10px;box-shadow:0 0 17px rgba(0,0,0,0.15);}
.data-grid h2:first-child,.data-grid .grid-header:first-child{color:#FFF;margin:0;padding:13px 13px 13px 17px;background:#0f7145;font-weight:600;border-top-left-radius:10px;border-top-right-radius:10px;}
.data-grid .grid-header:first-child{padding:6px;}
.grid-header,.grid-row{position:relative;display:grid;grid-template-columns:2fr 2fr 1fr 1fr;border-bottom:1px solid rgba(0,0,0,0.15);margin:0 5px;}
.grid-header>div:nth-child(2),.grid-row>div:nth-child(2){display:grid;grid-template-columns:1fr 1fr;}
.grid-header>div,.grid-row>div{position:relative;padding:14px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.grid-header>div:last-child,.grid-row>div:last-child{border-right:none;}
.grid-row>div:nth-child(2){position:relative;}
.grid-row:hover{background-color:#F9F9F9;}
.data-grid-edit .grid-row>div{line-height:51px;}
.grid-header>div:nth-child(3),.grid-header>div:nth-child(4),.grid-row>div:nth-child(3),.grid-row>div:nth-child(4){text-align:right;}
.noprice{padding:14px;}
.workh>div{display:block!important;}
.workh>div>div{display:inline-block;position:relative;}
.workh>div>div:nth-child(1){width:80px;}
.workh>div>div>div{margin:10px 0 20px 0;}
.workh span,.workh .edit span{display:inline-block;width:85px;}
.workh>div>strong{display:inline-block;width:120px;}
.workh>div>div>div.edit{position:absolute;top:7px;left:0;}
.workh>div>div>div.edit input{margin-left:0;}
.workh-p{margin-bottom:5px;}
.workh-reason{margin-bottom:5px;}.workh-reason strong{color:green;}.profile-list>div>div span.workh-reason-closed{color:#b50202;display:block;width:100%;}
div.workh>div.workh-reason div{display:block;}
.workh .edit span input{height:auto;}
.workh .edit{width:250px;}
.profile-list{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid #eee;margin:0 0 25px 0;padding-bottom:10px;}
.profile-list>div{padding-right:15px;}.profile-list>div:last-child{padding-right:0;}.profile-list>div>div,.addrs>div>div>div{padding-bottom:12px;}.profile-list>div>div span{font-weight:bold;display:inline-block;width:50px;}.profile-list>div>div em{width:27px;font-style:normal;position:absolute;left:0;top:-3px;}.addrs .view,.addrs-pub>div{position:relative;padding-left:30px;}.addrs .edit span,.det-text strong{display:block;padding-bottom:5px;}.addrs .edit input{width:280px;}.det-text textarea{font-size:16px;font-family:Arial,sans-serif;background-color:#FFF;border:1px solid #ccc;border-radius:6px;height:80px;width:500px;padding:15px;}
.btn-row{margin:15px 0;}
.nopr{padding:9px;text-align:center;}
.data-grid>h3{padding:16px 10px 14px 10px;margin:0 5px;border-bottom:1px solid rgba(0,0,0,0.15);font-size:16px;background:#f7f7f7;}
.data-grid>h3:last-child{border-bottom:none;}
.data-grid>h3 a{color:#626262;}
.filters>div{display:inline-block;}
.filters>div:last-child{margin-left:10px;}
.grid-row input,fieldset input,select{height:46px;padding:2px 10px;font-size:1em;border:1px solid #747474;border-radius:6px;background-color:#FFF;}
.sortable-header:hover{color: #d4f3a4;}
.sort-icon{margin-left:5px;font-size:15px;}
.edit select{border:1px solid #CCC;height:58px;width:314px;}
.grid-row input{width:90px;}
.grid-row:last-child{border-bottom:0 none;}
.chips{margin-bottom:20px;}
.chips ul{list-style:none;padding-left:0;}
.chips li{margin-bottom:5px;}
.chips li a{background:#DDD;border-radius:20px;display:block;padding:5px 7px;}
.chipsmenu a{background:#FFF;border-radius:20px;border:1px solid #CCC;display:inline-block;padding:9px 18px;color:#444;margin:0 5px 10px 0;}
.chipsmenu a:hover{background:#F3F3F3;text-decoration:none;}
.form-group{margin-bottom:15px;display:flex;flex-direction:column;}
.form-group label{font-weight:600;margin-bottom:5px;}
.form-group input{width:290px;}
.form-group input[type='checkbox']{width:30px;height:30px;display:inline-block;margin-top:-5px;vertical-align:middle;}
.form-groupnf{display:inherit;}
.error{color:red;font-size:0.9em;margin-top:5px;}
.success{color:green;}
h2.success{font-size:20px;margin-bottom:25px;}
.matdesc{margin:30px 0 25px 0;}
footer{color:#222;margin-top:40px;}
footer .container{margin:0 auto;padding:40px 0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;justify-content:space-between;border-top:1px solid rgba(0,0,0,0.2);}
footer>div>div{min-width:250px;}
footer ul{list-style:none;padding:0;margin:0;}
footer ul li{margin-bottom:10px;}
footer ul li a{color:#222;text-decoration:none;}
footer ul li a:hover{color:#333;}
footer>div>div>div{display:flex;gap:15px;margin-top:20px;}
.footer-bottom{background:#ededed;padding:20px 0;text-align:center;}
.footer-bottom p{color:#000;margin:0;font-size:0.9em;}
.hp-cat{padding:20px 0;}
.hp-cat>div{display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;column-gap:20px;margin-bottom:20px;}
.hp-cat a{display:inline-block;vertical-align:middle;position:relative;width:100%;line-height:130px;text-align:center;height:130px;border-radius:7px;box-shadow:6px 6px 10px rgba(0, 0, 0, 0.05);background:#FFF;border:1px solid #e9e9e9;}
.hp-cat a:hover{box-shadow:6px 6px 14px rgba(0, 0, 0, 0.1);text-decoration:none;}
.hp-cat a span{display:block;line-height:20px;width:calc(100% - 40px);font-size:16px;text-align:left;margin:70px auto 0 auto;color:#3c3c3c;}
.hp-cat a span:before{font-size:45px;line-height:45px;position:absolute;top:20px;left:20px;}
a.aa{border-bottom: 5px solid #009dcf;}.aa span:before{content:'Acc';color:#009DCF;}
a.al{border-bottom: 5px solid #848789;}.al span:before{content:'Al';color:#848789}
a.ba{border-bottom: 5px solid #D59940;}.ba span:before{content:'B/A';color:#D59940;}
a.cu{border-bottom: 5px solid #B87333;}.cu span:before{content:'Cu';color:#B87333;}
a.de{border-bottom: 5px solid #009B3F;}.de span:before{content:'DEEE';color:#009B3F;}
a.fe{border-bottom: 5px solid #B7410E;}.fe span:before{content:'Fe';color:#B7410E;}
a.in{border-bottom: 5px solid #C8C7C2;}.in span:before{content:'IX';color:#C8C7C2;}
a.pb{border-bottom: 5px solid #818181;}.pb span:before{content:'Pb';color:#818181;}
a.ic{display:inline-block;width:46px;height:46px;text-decoration:none;background-size:100%;}
a.fb{background-position: 0 -183px;}
a.ig{background-position:0 -229px;}
a.x{background-position:0 -276px;}
a.yt{background-position:0 -322px;}
a.tt{background-position:0 -368px;}
@media screen and (max-width:1380px){footer .container{grid-template-columns:1fr 1fr 1fr;}footer>div>div{min-width:inherit;}}
@media screen and (max-width:800px){
header h1{top:12px;width:96px;padding-left:60px;font-size:15px;}header h1:before{top:-2px;left:11px;}
header nav{width:calc(100% - 10px);margin:0 10px 0 10px;}
.container{max-width:100%;padding:0 10px;}
.grid-header{height:45px;color:#5e5e5e;}
.grid-header>div{padding:0;}
.grid-header>div:nth-child(1){top:14px;left:10px;overflow:visible;}
.grid-header>div:nth-child(2){display:none;}
.grid-header>div:nth-child(3),.grid-header>div:nth-child(4){position:absolute;width:60px;right:10px;top:19px;text-align:right;}
.grid-header>div:nth-child(3){right:100px;}
.grid-row{display:block;height:65px;}
.grid-row>div{display:block;padding:2px 0;border:none;white-space:normal;text-align:left;}
.grid-row>div::before{content:none;}
.grid-row>div:nth-child(1){font-weight:bold;top:10px;left:10px;}
.grid-row>div:nth-child(2){position:absolute;bottom:10px;left:10px;display:inline;font-size:0.95em;padding:0;}
.grid-row>div:nth-child(2)>div{position:relative;display:inline-block;}
.grid-row>div>div:nth-child(1)::after{content:" - ";display:inline;}
.grid-row>div:nth-child(3),.grid-row>div:nth-child(4){position:absolute;bottom:21px;right:10px;display:inline;width:60px;text-align:right;}
.grid-row>div:nth-child(3){right:100px;font-weight:bold;}
.data-grid>h3{padding:16px 10px 14px 10px;}
.data-grid-pro .grid-row{line-height:46px;}
.data-grid-pro .grid-header>div:nth-child(1){top:0;padding:0 0 0 10px;line-height:44px;left:0;}
.data-grid-pro .grid-header>div:nth-child(3){right:69px;}
.data-grid-pro .grid-row>div:nth-child(1){top:0;left:0;padding:10px;}
.data-grid-pro .grid-row>div:nth-child(3){right:67px;width:81px;bottom:7px;}
.data-grid-pro .grid-row>div:nth-child(4){bottom:7px;}
.data-grid-pro .grid-row input{width:58px;}
button{width:100%;}
.profile-list>div{padding-right:0;}
.profile-list{display:block;}
.profile-list>div{padding:0 0 20px 0;}
.profile-list iframe{width:100%;height:250px;}
.workh>div>div:nth-child(1){width:auto;display:block;margin-bottom:10px;}
.workh>div:first-child .edit span{display:block;width:auto;margin:10px 0 10px;}
.profile-list>div:last-child .edit{padding:20px 0;}
.workh>div>div>div.edit{display:inline-block;position:relative;width:auto;top:initial;margin:0 0 0 10px;}
.btn-row button{margin-bottom:20px;}
.grid-row input, fieldset input, select,.edit select{width:100%;}
.addrs .edit input,.form-group input{width:calc(100% - 35px);}
.det-text textarea{width:calc(100% - 30px);}
footer .container{flex-direction:column;gap:30px;padding:30px 20px;}footer>div>div{min-width:100%;}
}
@media screen and (max-width:490px){.grid-row{height:70px;}.grid-row>div:nth-child(2){bottom:14px;}.grid-row>div:nth-child(2)>div+div{display:none;}.grid-row>div>div:nth-child(1)::after{content:'';}.grid-row>div:nth-child(3), .grid-row>div:nth-child(4){bottom:23px;}footer>div>div>div{justify-content:center;}footer .container{grid-template-columns:1fr;gap:20px;padding:35px 15px;}footer ul li{margin-bottom:20px;}.grid-header>div:nth-child(3),.grid-row>div:nth-child(3){right:63px;width:74px;}.hp-cat>div{grid-template-columns:none;margin-bottom:0;}.hp-cat>div a{margin-bottom:15px;}}
@media screen and (max-width:364px){.data-grid-pro .grid-row>div:nth-child(1){padding:0 0 0 10px;width:140px;line-height:18px;font-weight:normal;display:flex;align-items:center;height:64px;}}