body { background-color:#f1f1f1;color:#151515; }
a { color:#151515; }

.login_window { display:none;margin:120px auto 50px;width:90%;max-width:370px;box-sizing:border-box;
background-color:#fff;padding:50px 40px 40px;border-radius:20px; }
.login_window.active { display:block; }
.login_title { font-weight:600;text-align:center;margin-bottom:100px;font-size:20pt;color:#e5e5e5;word-spacing:-3px; }
.login_icon { margin-bottom:60px;text-align:center; }
.login_icon img { width:120px;opacity:0.07; }
.login_form { margin-bottom:15px; }
.login_form > label { display:block;margin-bottom:5px;margin-right:5px;font-weight:600; }
.login_form > input { width:100%;height:45px;border-radius:10px;background-color:#fff;color:#151515;
padding:0px 15px;box-sizing:border-box;border-style:none;outline-style:none;font-size:12pt;text-align:center;
border:1px solid #ddd; }
.login_form > input:focus { border-color:#111; }
.login_form > input.en { font-family:Arial,Tahoma;direction:ltr;letter-spacing:3pt; }
.login_button { height:50px;border-radius:10px;text-align:center;color:#fff;background-color:#0f88b3;
line-height:48px;font-size:12pt;cursor:pointer; }
.login_text { margin-top:-15px;margin-bottom:40px; }
.login_text > div:nth-child(2) > a { color:#000;font-weight:600; }
.login_resend { margin-top:30px;text-align:center; }
.login_resend > div { display:none; }
.login_resend > div.active { display:block; }
.login_resend > div:nth-child(1) { color:#aaa; }
.login_resend > div:nth-child(1) > span { display:inline-block;vertical-align:middle;width:50px;text-align:center;
margin-left:5px;font-family:Arial,Tahoma;font-weight:600;color:#000; }
.login_resend > div:nth-child(2) > span { font-weight:600;cursor:pointer; }

.map { border-radius:10px;overflow:hidden;position:relative; }
.map > div { height:300px;width:100%; }
.map > div i { width:40px;height:40px;position:absolute;left:calc(50% - 20px);top:calc(50% - 20px);
background-size:100%;background-image:url('../image/location.png?v4');z-index:+1;pointer-events:none; }

.button { transition:100ms;-webkit-transition:100ms;-moz-transition:100ms; }
.button:hover { background-color:#101116 !important;color:#fff !important; }

#panel { width:90%;max-width:1100px;box-sizing:border-box;margin:30px auto 15px;padding:20px 20px 20px 0px;
border-radius:20px;background-color:#fff; }
#copyright { text-align:center;font-size:9pt;line-height:24px;color:#aaa;padding:0px 20px;
width:80%;max-width:800px;margin:0px auto 30px;box-sizing:border-box; }
#panel_cols { width:100%;min-height:350px;table-layout:fixed; }
#panel_cols > div:nth-child(1) { width:250px;background-color:#0f88b3;padding:30px 20px;box-sizing:border-box;
border-radius:10px;vertical-align:top;position:relative; }
#panel_cols > div:nth-child(1) a { display:block;color:#fff;padding:5px 10px;border-radius:5px; }
#panel_cols > div:nth-child(1) a.selected { opacity:0.3; }
#panel_cols > div:nth-child(1) a:hover { background-color:rgba(255,255,255,0.05); }
#panel_cols > div:nth-child(1) a img { height:25px;margin-left:10px;filter:brightness(1) invert(1);
-webkit-filter:brightness(1) invert(1);-moz-filter:brightness(1) invert(1); }
#logout { position:absolute;left:0;bottom:20px;width:100%;color:#fff;cursor:pointer;
padding:10px 20px;box-sizing:border-box; }
#logout > span { display:block;padding:5px 10px;border-radius:5px; }
#logout > span:hover { background-color:rgba(255,255,255,0.05); }
#logout img { height:25px;margin-left:10px;filter:brightness(1) invert(1);
-webkit-filter:brightness(1) invert(1);-moz-filter:brightness(1) invert(1); }
#panel_cols > div:nth-child(2) { vertical-align:top; }

#toolbar { width:100%;height:60px;background-color:#fff;position:fixed;left:0;bottom:0;display:table;
box-shadow:0px -1px 30px rgba(0,0,0,0.1);display:none;z-index:+10; }
#toolbar > a { display:table-cell;vertical-align:middle;text-align:center;line-height:25px; }
#toolbar > a.selected { opacity:0.3; }
#toolbar > a img { height:28px; }
#toolbar > a span { margin-right:10px;font-weight:600; }

.panel_title { margin-top:15px;margin-bottom:20px;width:100%; }
.panel_title > div:nth-child(1) {  }
.panel_title > div:nth-child(1) > div:nth-child(1) { font-weight:600;font-size:16pt;word-spacing:-3px; }
.panel_title > div:nth-child(1) > div:nth-child(1) a { display:inline-block;vertical-align:middle;margin-left:10px;
width:20px;height:20px;background-size:100%;background-image:url('../image/back.png');cursor:pointer; }
.panel_title > div:nth-child(1) > div:nth-child(2) { font-weight:300;color:#888;line-height:25px;font-size:10pt;margin-top:5px; }
.panel_title > div:nth-child(2) { text-align:left; }
.panel_title > div:nth-child(2) a { display:inline-block;vertical-align:middle;border-radius:10px;font-weight:600;
text-align:center;cursor:pointer;padding:5px 15px;border:1px solid #ddd; }
.panel_title > div:nth-child(2) a:hover { background-color:#101116;border-color:#101116;color:#fff; }
.ppad { padding:0px 20px; }

.news_box { display:block;border-radius:10px;border:1px solid #ddd;padding:0px 0px 15px;overflow:hidden; }
.news_box > div:nth-child(1) { aspect-ratio:4/3;overflow:hidden;border-bottom:1px solid #ddd; }
.news_box > div:nth-child(1) img { width:100%;height:100%;object-fit:cover;object-position:center; }
.news_box > div:nth-child(2) { line-height:20px;font-size:10pt;padding:10px 10px 0px;color:#999; }
.news_box > div:nth-child(3) { line-height:25px;height:50px;overflow:hidden;padding:0px 10px 0px;font-weight:600; }

.table_container { overflow-x:auto;padding:0px 0px; }
.table_container > table { width:100%;border-spacing:0; }
.table_container > table th { white-space:nowrap;background-color:#f1f1f1;padding:10px 10px;font-weight:600; }
.table_container > table th:first-child { border-top-right-radius:10px;border-bottom-right-radius:10px;; }
.table_container > table th:last-child { border-top-left-radius:10px;border-bottom-left-radius:10px;; }
.table_container > table td { white-space:nowrap;padding:10px 10px;text-align:center;border-bottom:1px dashed #ddd; }
.table_container > table tr:last-child td { border-style:none; }
.table_container > table a { padding:0px 10px;display:inline-block;vertical-align:middle;
margin:0px 0px;background-color:#f1f1f1; }
.table_container > table a:first-child { border-top-right-radius:8px;border-bottom-right-radius:8px;padding-right:13px; }
.table_container > table a:last-child { border-top-left-radius:8px;border-bottom-left-radius:8px;padding-left:13px; }
.table_container > table a:hover { opacity:0.4; }

.table_container > table a.blue { background-color:#0e77b1;color:#fff; }
.table_container > table a.green { background-color:#298f3d;color:#fff; }
.table_container > table a.red { background-color:#c52e2e;color:#fff; }

.dashbox { width:33.33%;float:right;box-sizing:border-box; }
.dashbox:nth-child(1) { padding-left:8px; }
.dashbox:nth-child(2) { padding-left:4px;padding-right:4px; }
.dashbox:nth-child(3) { padding-right:8px; }
.dashbox:nth-child(1) > * { background-color:#298f3d; }
.dashbox:nth-child(2) > * { background-color:#0e77b1; }
.dashbox:nth-child(3) > * { background-color:#c52e2e; }
.dashbox > * { display:block;border-radius:10px;padding:25px 15px 15px; }
.dashbox > * > div:nth-child(1) { font-weight:800;font-size:30pt;color:#fff; }
.dashbox > * > div:nth-child(2) { line-height:20px;height:20px;overflow:hidden;text-overflow:ellipsis;
white-space:nowrap;opacity:0.5;margin-top:5px;color:#fff; }

#document_tabs { white-space:nowrap;padding:0px;text-align:center;margin:20px 0px 50px;overflow-x:auto;height:130px; }
#document_tabs > .tbl { margin:0px auto;table-layout:fixed; }
#document_tabs > .tbl > div { position:relative;min-width:100px;width:100px; }
#document_tabs > .tbl > div > i { position:absolute;right:0;top:25px;width:100%;height:2px;background-color:#f1f1f1;z-index:+1; }
#document_tabs > .tbl > div > div:nth-child(2) { position:absolute;right:0px;top:0px;z-index:+2;width:100%; }
#document_tabs > .tbl > div > div:nth-child(2) > div { width:50px;height:50px;background-color:#fff;
border:2px solid #f1f1f1;border-radius:100%;font-size:25pt;line-height:55px;text-align:center;margin:0px auto; }
#document_tabs > .tbl > div > div:nth-child(3) { position:absolute;left:0;top:65px;z-index:+2;text-align:center;
line-height:20px;width:100%;padding:0px 15px;white-space:normal;box-sizing:border-box;font-size:10pt; }
#document_tabs > .tbl > div.selected { opacity:0.5; }

.document_form { width:100%;max-width:350px;margin:50px auto 20px; }
.doc_form { display:block;margin-bottom:15px; }
.doc_form > label { display:block;font-weight:600;margin-bottom:5px; }
.doc_form > input[type=text] { width:100%;height:40px;border-radius:10px;border:1px solid #ddd;padding:0px 10px;
text-align:center;font-size:13pt;box-sizing:border-box; }
.doc_form > input[type=text].ltr { direction:ltr; }
.doc_form > select { width:100%;height:40px;border-radius:10px;border:1px solid #ddd;padding:0px 10px;text-align:center;font-size:13pt; }
.doc_form > textarea { width:100%;height:140px;border-radius:10px;border:1px solid #ddd;padding:10px 10px;
text-align:right;font-size:13pt;box-sizing:border-box; }

.doc_button { height:45px;line-height:45px;border-radius:10px;text-align:center;color:#fff;font-size:12pt;
cursor:pointer;background-color:#0f88b3;margin-top:30px; }

.doc_data { padding:5px 10px;border-bottom:1px dashed #ccc;width:100%;box-sizing:border-box; }
.doc_data > div:nth-child(1) { width:200px;font-weight:600; }
.doc_data:last-child { border-style:none; }

#document_edit_tabs { white-space:nowrap;overflow-x:auto;height:40px;line-height:40px;overflow-y:visible;
border-bottom:1px solid #ddd;margin-bottom:30px;padding:0px 20px; }
#document_edit_tabs > a { display:inline-block;vertical-align:middle;padding:0px 10px;font-weight:600;}
#document_edit_tabs > a.selected { opacity:0.4; }

.attach_item { display:inline-block;vertical-align:middle;margin:10px 2px; }
.attach_item img { height:90px;border-radius:5px; }

.ads_box { margin-top:20px; }
.ads_box > div:nth-child(1) img { width:100%;border-radius:10px; }
.ads_box > div:nth-child(2) { line-height:24px;margin-top:10px; }

.select2-container .select2-selection--single { height:40px !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height:40px !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { top:7px !important; }

@media only screen and (max-width:1200px) {
    
}
@media only screen and (max-width:800px) {
    #panel_cols > div:nth-child(1) { display:none; }
    #panel_cols > div:nth-child(2) { padding:0; }
    #toolbar { display:table; }
    #panel { padding:20px 0px; }
    #copyright { margin:0px auto;padding-bottom:100px; }
}
@media only screen and (max-width:700px) {
    
}
@media only screen and (max-width:600px) {
    #panel { width:100%;border-radius:0;margin:0 0 15px; }
    #toolbar { height:80px; }
    #toolbar > a span { display:block;margin-right:0; }
}
@media only screen and (max-width:500px) {
    
}
@media only screen and (max-width:400px) {
    #toolbar > a span { font-size:10pt; }
}