.orgs{display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));}
.orgs>div{-webkit-border-radius:var(--br3);border-radius:var(--br3);text-align:center;padding:20px;overflow:hidden;background:#FFF;-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;cursor:pointer;}
.orgs>div img{max-width:150px;display:block;margin:0 auto;-webkit-border-radius:var(--br2);border-radius:var(--br2);-webkit-transition:background-color var(--as) linear 1s;transition:background-color var(--as) linear 1s;}
.orgs>div b{text-transform:uppercase;font-size:0.8em;display:block;margin-top:5px;}
.orgs>div span{display:block;margin:10px 0;color:#777;font-size:0.8em;}
.orgs>div b.bt{background:#DDD;color:#AAA;font-weight:normal;display:inline-block;}
.orgs>div b.bt:hover{background-image:var(--gr1);background-image:var(--wgr1);color:#FFF;}
.orgs>div:hover{-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.08);box-shadow:0 5px 10px rgba(0,0,0,0.08);background:#F9F9F9;}
.orgs>div:hover b.bt{background:var(--co);color:#FFF;}
.orgs>div:hover b.bt:hover{background-image:var(--gr1);background-image:var(--wgr1);}
.orgs>div:hover img{background-color:#FFF;}
.hover-card{position:sticky;top:130px;background:#FFF;-webkit-border-radius:var(--br3);border-radius:var(--br3);-webkit-box-shadow:var(--sh3);box-shadow:var(--sh3);width:600px;max-width:96%;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:9;}
.hover-card>div{padding:0;max-height:90vh;overflow:auto;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.hover-card>div>b{display:block;position:absolute;left:-16px;width:30px;aspect-ratio:1;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:65px;-webkit-box-shadow:-3px 3px 6px rgba(0,0,0,0.07);box-shadow:-3px 3px 6px rgba(0,0,0,0.07);border:16px solid #FFF;border-top-color:transparent;border-right-color:transparent;}
.hover-card>div .cover{height:120px;background:none center center no-repeat #EEE;-webkit-border-radius:var(--br2);border-radius:var(--br2);margin-bottom:10px;background-size:cover;position:relative;}
.hover-card>div .introduction{border:none;padding:0;line-height:160%;text-align:justify;margin-bottom:10px;color:inherit;color:#000;max-height:150px;overflow:auto;font-size:0.9em;}
.hover-card>div .slogan{margin:0 -10px;padding:10px;margin-bottom:10px;}
.hover-card>div .slogan>div>div{background:none;}
.hover-card>div .slogan .miximg{height:180px;-webkit-border-radius:var(--br2);border-radius:var(--br2);background:none center center no-repeat #EEE;background-size:cover;position:relative;}
.hover-card>div .slogan .slog>div{display:flex;-webkit-flex-direction:column;flex-direction:column;height:100%;}
.hover-card>div .slogan .slog>div .socials{text-align:right;margin-top:10px;display:flex;gap:6px;-webkit-justify-content:flex-end;justify-content:flex-end;align-items:center;}
.hover-card>div .slogan .slog>div .socials>a#pnumber{padding-left:22px;position:relative;font-size:18px;margin-right:10px;flex:auto 1 1;font-weight:bold;text-align:left;}
.hover-card>div .slogan .slog>div .socials>a#pnumber:empty{display:none;}
.hover-card>div .slogan .slog>div .socials>a#pnumber:before{content:'phone';font-family:icon;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-weight:normal;}
.hover-card>div .slogan .slog>div .socials:empty{margin-top:0;}
.hover-card>div .slogan .slog>div .socials>a>i[i]{font-size:2em;color:inherit;margin:0;}
.hover-card>div .slogan .sloganb{text-align:center;margin:0;color:inherit;background:none;line-height:20px;margin-bottom:10px;}
.hover-card>div .slogan .sloganb:empty{margin-bottom:0;}
.hover-card>div .slogan .invite{border:none;padding:0;color:inherit;-webkit-border-radius:0;border-radius:0;background:none;opacity:1;font-size:13px;text-align:justify;line-height:130%;-webkit-flex-grow:1;flex-grow:1;}
.hover-card>div .jobs{text-align:center;position:relative;}
.hover-card>div .jobs>div{display:flex;padding:5px 0;-webkit-justify-content:center;justify-content:center;gap:10px;}
.hover-card>div .jobs>div>a{display:inline-block;}
.hover-card>div .jobs:after{content:'...';display:block;text-align:center;color:var(--cm);font-size:2em;height:25px;margin-top:-15px;}
.hover-card>div .btns{display:flex;gap:10px;align-items:center;-webkit-justify-content:center;justify-content:center;}
.hover-card>div .btns>span{color:var(--co);display:inline-block;height:14px;vertical-align:middle;text-transform:uppercase;white-space:nowrap;font-size:0.8em;}
.hover-card.live{position:fixed;display:none;top:50%;left:50%;}
.hover-card.live.sh{display:block;}
.hover-card.pos-lb>div>b{top:auto;bottom:50px;}
.hover-card.pos-rb>div>b{top:auto;bottom:50px;left:auto;right:-16px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.hover-card.pos-rt>div>b{left:auto;right:-16px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.unique{position:sticky !important;margin-left:950px;background:#FFF;padding:10px;-webkit-border-radius:var(--br3);border-radius:var(--br3);-webkit-box-shadow:var(--sh3);box-shadow:var(--sh3);width:425px;top:130px;}
.unique #code.err{border-color:red;}
.unique .not-available{margin-top:10px;background:#EEE;-webkit-border-radius:10px;border-radius:10px;padding:10px;border:1px solid #DDD;}
.unique .not-available>b{display:block;margin-bottom:5px;}
.unique .not-available>div{display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));}
.unique .not-available>div>span{text-align:center;background:#FFF;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:var(--sh2);box-shadow:var(--sh2);white-space:nowrap;cursor:pointer;}
.unique .not-available>div>span.this{background:green;color:#FFF;}
.unique .not-available>div>span:hover{background:var(--co);color:#FFF;}
.unique .not-available>span{display:block;margin-top:10px;font-size:0.8em;color:var(--co);}
.unique+div{margin-top:-260px;}
.reqsett{padding:4px 0;position:relative;display:flex;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;}
.reqsett:before{font-size:28px;color:var(--co);}
.reqsett+div>div{max-width:320px;font-family:monospace;white-space:pre-wrap;}
.reqsett>a{color:var(--co);font-size:18px;line-height:18px;}
.reqsett>a:before{margin:0 !important;}
.reqsett>div{display:none;color:#000;}
.reqsett>div.show{display:block;position:absolute;left:103%;top:0;background:#FFF;border:1px solid var(--co);padding:10px;-webkit-border-radius:8px;border-radius:8px;z-index:99;width:max-content;cursor:text;}
.reqsett>div.show:before{content:'';position:absolute;top:4px;left:-7px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid var(--co);}
.f{}
.f .hide{display:none;}
.f>div{}
.f>div.cm{display:flex;-webkit-flex-direction:column;flex-direction:column;gap:16px;}
.f>div>.detail{padding:5px 10px !important;border:1px solid var(--co);-webkit-border-radius:8px;border-radius:8px;position:relative;margin-top:16px;background:#FFF;}
.f>div>.detail.live:before{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.f>div>.detail:before{content:'';position:absolute;left:50px;bottom:100%;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:12px solid var(--co);}
.f>div>.detail>p{margin:0;padding:0;color:var(--tc);font-size:12px;line-height:18px;}
.f>div>.grp-btn{display:flex;align-items:center;-webkit-justify-content:center;justify-content:center;gap:8px;}
.f>div>.grp-btn.add-para{margin-top:10px;}
.f>div>.grp-btn>a{font-size:11px;width:100%;}
.f>div>.grp-btn>a:before{margin-top:0 !important;}
.f>div>em#add-parameter{color:var(--error);font-size:12px;margin-top:14px;}
.f>div>em#add-parameter.success{color:var(--msg);}
.divider-title{display:flex;align-items:center;-webkit-justify-content:center;justify-content:center;color:var(--co);font-weight:700;margin-bottom:14px;font-size:14px;}
.divider-title:after,.divider-title:before{content:'';flex:1;border-bottom:1px solid var(--cg);margin:0 4px;}
.erp-integration.hide{display:none;}
@media (max-width:1200px){
	.hover-card.live{background:rgba(0,0,0,0.9);position:fixed;left:0;top:0;bottom:0;right:0;z-index:99999999;width:auto;max-width:inherit;-webkit-box-shadow:none;box-shadow:none;-webkit-border-radius:0;border-radius:0;width:auto;overflow:auto;}
	.hover-card.live.sh2{display:block;}
	.hover-card.live>div{background:#FFF;-webkit-box-shadow:5px 5px 10px rgba(0,0,0,0.4);box-shadow:5px 5px 10px rgba(0,0,0,0.4);-webkit-border-radius:10px;border-radius:10px;overflow:inherit;max-height:inherit;max-width:96%;margin:50px auto;position:relative;}
	.hover-card.live>div .introduction{max-height:inherit;}
	.hover-card.live>div>b{position:absolute;left:auto;bottom:auto;top:20px;right:20px;border:none;width:40px;aspect-ratio:1;-webkit-border-radius:50%;border-radius:50%;background:rgba(0,0,0,0.2);-webkit-transform:none;transform:none;z-index:9999;cursor:pointer;}
	.hover-card.live>div>b:after,.hover-card.live>div>b:before{content:'';display:block;width:32px;height:4px;-webkit-border-radius:2px;border-radius:2px;background:#FFF;left:4px;-webkit-transform-origin:center center;transform-origin:center center;top:50%;margin-top:-2px;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
	.hover-card.live>div>b:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
	.hover-card.live>div>b:hover{background:var(--co);}
	.hover-card.live>div .btns{display:block;}
	.hover-card.live>div .btns>span{display:block;margin-bottom:5px;}
}
@media (max-width:600px){
	.orgs>div{padding:10px;}
	.orgs>div>img{width:100%;}
	.orgs{gap:10px;padding-bottom:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));}
	.hover-card.live>div{}
	.hover-card.live>div .slogan>div.gr{display:block;}
	.hover-card.live>div .slogan>div.gr>.miximg{margin-bottom:10px;}
}
