*,*:after,*::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position:relative;}
@font-face{font-display:swap;}
html {
height:100%;
width:100%;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
font-family: 'Quicksand', Helvetica, Arial, Verdana, sans-serif;
color:#000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html, body {
width: 100%;
overflow:visible;
}
body {
min-height:100%;
height:100%;
margin:0;
padding:0;
font-size:75%;
line-height:1.4;
font-weight:400;
-webkit-overflow-scrolling:touch;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
background-color: #fff;
color:#000;
}
#b {
min-height:100%;
height:100%;
width:100%;
}

/*::-moz-selection {background:transparent;color:inherit;text-shadow:none;}
::selection {background:transparent;color:inherit;text-shadow:none;}*/

::-moz-selection {background:#000;color:#fff;text-shadow:none;}
::selection {background:#000;color:#fff;text-shadow:none;}
img {border:0;height:auto;max-width:100%;}
textarea {overflow: auto;}
svg:not(:root) {overflow: hidden;}
pre{font-size:10px;}
hr {-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;height: 0;}
button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;outline: 0;border-radius: 0;}
input {-webkit-appearance: none;line-height: normal;}
input[type="checkbox"],input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;}
.vat{vertical-align:top;}
a {background:transparent;text-decoration:underline;color:#61b7f4;-webkit-transition: all 0.5s;transition: all 0.5s;}
a:hover {text-decoration:underline;color:#333;}

.left{text-align:right;}
.aright{text-align:right;}
li{margin-bottom:0px;}
ul{margin:0px;padding:0px;}
.dn { display:none !important; }
.inline{display:inline-block;}
.db{display:block;}
.fllt{float:left;}
.flrt{float:right;}
.m0 {margin:0px !important;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mb0 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mt20 {margin-top:20px;}
.white{color:#fff !important}
.orange{color:#61b7f4}
.green{color:green}
.black{color:#000}
.upper{text-transform:uppercase}

.bg_white {background:#fff !important;}
.bg_red {background:#ff0000 !important;}
.bg_red2 {background:#cc0000 !important;}
.bg_gray {background:#f0f0f0 !important;}
.bg_gray1 {background:#fafafa !important;}
.bg_gray2 {background:#ccc !important;}
.bg_green {background:green  !important;}
.bg_green1 {background:#74fc7a !important;}
.bg_green2 {background:#71dbab !important;}
.bg_orange {background:#FFDB00 !important;}
.bg_orange1 {background:#ff9c00 !important;}
.bg_orange3 {background:#FF4F00 !important;}
.bg_tr {background:transparent !important;}

.loading{display:none;}
.is_mobile{display:none;}
/***/
/*.container-tb {width:100%;height:100%;border-spacing:0;border-collapse:collapse;}
.body-tb {vertical-align:top;padding:0;}
.footer-tb {vertical-align:bottom;padding:0;min-height:200px;}*/
/***/
#footer {
display:none;
position:fixed;z-index:99;bottom:0;
width:100%;
min-height:34px;
background-color:#000;
color:#fff;
}
/***/
#header_0 {
position:fixed;
z-index:999;
width:100%;
height:34px;
top: 0;
vertical-align: top;
-webkit-transition: all 0.3s;transition: all 0.3s;
}
.header_0 {
background-color:#000;
}
#header {
position:fixed;
z-index:999;
width:100%;
height:34px;
top: 0;
vertical-align: top;
-webkit-transition: all 0.3s;transition: all 0.3s;
}

.header {
background-color:#61b7f4;
}
/* 61b7f4 */
/***/
.splash {
z-index:1;
height:100%;
width:100%;
overflow:hidden;
background-color:#fff;
display:table;
}

.splash_c {
vertical-align: middle;
display:table-cell;
text-align:center;
}

.logo_x {
text-align:center;
margin:20px 0;
}
.lg {
display:inline-block;
}
.lg1,.lg2 {
display:inline-block;
font-size:50px;
padding:0 5px;
color:#999;
text-transform: uppercase;
-webkit-transition: all 0.3s;transition: all 0.3s;
}
.lg2,#logo_d .lg2 {
color:#cc0000 !important;   
}
.lg_x {
font-size:16px;
color:#999;   
}
#logo_d {
width:200px;
position:absolute;
left:50%;
margin-left:-100px;
}
#logo_d .lg_x {
display:none;
}
#logo_d .logo_x {
text-align:center;
margin:7px 20px 0 20px;
}
#logo_d .lg1,#logo_d .lg2 {
display:inline-block;
font-size:14px;
padding:0 2px;
color:#fff;
}

#h_r,#h_l {
position:absolute;
color:#fff;
text-decoration: none;
} 
#h_r {right:20px;vertical-align:top}
#h_l {left:20px;vertical-align:top}

#h_r a,#h_r div,
#h_l a ,#h_l div {
display:inline-block;
height:34px;
line-height:34px;
color:#fff;
text-decoration: none;vertical-align:top
}
#h_l a ,#h_l div {

}
#h_r a:hover,#h_l a:hover {
opacity:.7;
text-decoration: none;
} 
.user {margin-right:20px;}

.home,.app_icon {
margin-right:20px;
}
.home a {
text-decoration: none;
color:#fff;
}
.home a:hover {
opacity:.7;
}
.app_h_icon {
display: inline-block;
height:30px !important;
line-height:30px !important;
width:30px !important;
margintop:2px;
font-size:16px;
text-align: center;
border-radius:5px;
margin:2px 10px 2px 0;
}
.app_h_desc {
height:30px !important;
line-height:34px !important;
}
/*****/
.main_login {
z-index:1;
height:100%;
width:100%;
overflow:hidden;
background-color:#fff;
display:table;
}
.main_login .logo_x {
margin-top:-50px;
}

.login_c {
vertical-align: middle;
display:table-cell;
width:400px;
margin-left:auto;
margin-right:auto;
padding:0;
}
.login_box {
width:400px;
margin:0 auto;
padding:35px;
background:#fafafa;
/*border:1px solid #ddd;*/
text-align: center;
}

.main_login input {
font-size:16px;
text-align:center;
border:1px solid #ddd;

height:42px;
line-height:42px;
 
width:100%;
background:#fff;
margin-bottom:8px;
-webkit-appearance: none;
}
a.login  {
display:block;
margin:0 auto;
text-transform:uppercase;
text-decoration:none;
width:100%;
height:42px;
line-height:42px;
font-size:16px;
text-align:center;
background-color:#61b7f4;
color:#fff;
-webkit-transition: all 0.3s;transition: all 0.3s;
}
a.login:hover {
text-decoration:none;
background-color:#000;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.42);
-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.42);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.42);
}
.msg {
margin:0 !important;
}
/****/
.desktop_bg {
height:100%;
background:#000;
overflow:hidden;
}
#desktop {
height:100%;
width:100%;
position:absolute;
overflow:hidden;
/*margin:34px 6px 0 6px;*/
margin:28px 0px 0px 0px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
background:#fff;

border-top:6px solid transparent;
border-right:6px solid #000;
border-left:6px solid #000;
}

.app {
display:inline-block;
margin:20px;
width:150px;
height:150px;
}
.app_i {
display:inline-block;
width:150px;
height:150px;
line-height:150px;
border-radius:20px;
text-align: center;
cursor:pointer;
font-size:70px;
}
.app_i:hover {
box-shadow: 0px 0 5px rgba(0, 0, 0, 0.42);;
}
.app_d {
display:table-cell;
width:150px;
text-align:center;
height:50px;
padding-top:10px;
color:#999;
}
/***********/
div#menu {
/*position: fixed;
top:34px;
left:6px;*/
position: absolute;
top:0;
left:0px;
    
width:60px;
height:100%;
background:#fafafa;
margin:0;
z-index:880;
pointer-events:none;
border-right: 1px solid #edeff5;
/*border-top-left-radius:15px;*/
}
.menu_btn {
text-align: center;
pointer-events:auto;
}
.menu_btn a {
position:relative;
display:block;
height:60px;
width:60px;
color:#999;
text-decoration: none;
border-right:1px solid transparent
}
.menu_btn a i {
display:block;
font-size:25px;
line-height:60px;
}
.menu_btn a:hover,a.menu_btn_sel {
text-decoration: none;
border-right:1px solid #000;
color:#000;
}

div#menu_func {
/*position: fixed;
top:34px;
left:86px;*/
position: absolute;
top:0;
left:60px;
width:calc(100% - 60px);
height:60px;
background:#fff;
margin:0;
z-index:870;
pointer-events:none;
}

.menu_btn_func,.menu_btn_op {
pointer-events:auto;
text-align: left;
 
}
.menu_btn_func a,.menu_btn_op a {
position:relative;
display:inline-block;
height:60px;
width:60px;
color:#999;
text-decoration: none;
text-align:center;
}

.menu_btn_func a i,.menu_btn_op a i {
display:block;
font-size:25px;
line-height:60px;
}
.menu_btn_func a:hover,.menu_btn_op a:hover {
text-decoration: none;
color:#000;
}
.menu_btn_op a:hover {
opacity:.7
}
.menu_btn_func a:hover:after {
content:' ';
position:absolute;
left:50%;
bottom:10px;
margin-left:-2px;
display:block;
width:4px;
height:4px;
background-color:#000;
border-radius:50%;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.7);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.7);
}
.mf_tit {
float:right;
position:absolute;
right:40px;
display:inline-block;
height:60px;
line-height:60px;
color:#444;
text-align:right;
font-size:18px;
}


#menu1 {
display:none;
/*position:fixed;
top:34px;
left:67px;*/
position: absolute;
top:0;
left:60px;
width:300px;
height:100%;
background:#e9e9e9;
margin:0;
z-index:879;
pointer-events:none;
border-right: 1px solid #edeff5;
}

@-webkit-keyframes menu1_run {
  0% {
    left: -300px;
  }
  100% {
    left: 67px;
  }
}

.menu_btn1 {
text-align:left;
pointer-events:auto;
}
.menu_btn1 a {
position:relative;
display:block;
height:36px;
line-height:36px;
width:100%;
color:#666;
text-decoration: none;
font-size:14px;
}
.menu_btn1 a i {
margin:0 10px;
font-size:14px;
}
.menu_btn1 a:hover {
text-decoration: none;
background-color:#666;
color:#fff;
}
/*******/
/*#container {
z-index:2;
background-color:#fff;
height:100%;
}
#content {
color:#444;
}*/
.content {
padding:0;
width:100%;
height:100%;
}
.content_x {
position:absolute;
overflow:scroll;
z-index: 5;
width:100%;
height:calc(100% - 30px);
padding:0px 20px 30px 0px;
margin-bottom:20px;
}
.content_c {
padding:60px 20px 0 60px;
color:#000;
}

.content_h {
position:fixed;
height:60px;
width:calc(100% - 112px);
background:#f0f0f0;
border:1px solid #ddd;
border-left:0;
z-index: 1;
}
.content_t,.content_g,.content_th {
margin-top:60px;
width:100%;
/*height:100%;*/
border-spacing:0;
table-layout: fixed;
border-collapse: collapse;
border-right:1px solid #ddd;
}
.content_g {
margin-top:0px;
border-bottom:10px solid #ddd;
border-right:1px solid #ddd;
}
.content_th {
z-index: 4;
margin-top:0px;
border-right:1px solid #000;
-webkit-transition: all 0s;transition: all 0s;
}
.content_t td.ct1,
.content_t td.ct2{
vertical-align:top;
border-bottom:1px solid #ddd;
padding:10px 15px;
height:54px;
}
.content_t td.ct1{
width:200px;
padding-top:18px;
}
.content_t td.ct2v{
padding-top:18px;
}
.content_g td,.content_th td{
vertical-align: top;
padding:5px 10px;
width:200px;
white-space: nowrap;
border-bottom:1px solid #ddd;
}
.content_g .th td,.content_th .th td{
background:#000;
color:#fff;
width:200px;
border-bottom:2px solid #ddd;
}
.content_g tr:nth-child(odd){
background:#f0f0f0;   
}
.content_g td{
border:1px solid #ddd;
}
.content_g tr.s{
background:#8ecffd;
}
.content_g tr.so{
background:#ddd;
}


input {margin:0;}
input.in {
padding:10px;
height:33px;
background:#f7f7f7;
border:1px solid #ddd !important;
}
div#modify input.checkbox, div#insert input.checkbox, div#copy input.checkbox {
background:#fff !important;
border-width:0 !important;
} 
input[type='radio'], input[type='checkbox'] {
background:transparent;
border-width:0 !important;
height: auto !important;
width: auto !important;
}
input[type='radio'] {
-webkit-appearance:radio;
-moz-appearance:radio;
appearance:radio;
}
input[type='checkbox'] {
-webkit-appearance:checkbox;
-moz-appearance:checkbox;
appearance:checkbox;
}
textarea.tx {
padding:10px;
background:#f7f7f7;
border:1px solid #ddd;
-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
-o-box-shadow: 0 0 0 0 rgba(0,0,0,0);
box-shadow: 0 0 0 0 rgba(0,0,0,0);
}

.ui-datepicker-trigger,.xdate{
display: inline-block;
border:none;
background:none;
font-size:16px;
width:33px;
height:33px;
line-height:33px;
text-align: center;
color:#888;
padding:0;
margin:0;
}
.xdate {
color:#cc0000 !important;
}
.ui-datepicker-trigger:hover,.xdate:hover{
color:#000 !important;
}

.combo-input {
padding: 8px;
padding-right: 25px;
}

.required {
background-color:#ddecf8 !important;
}
.readonly {
opacity:.5;
}
.jexcel > tbody > tr:nth-child(even) {
background-color:#f0f0f0;
}
.jexcel > tbody > tr > td.readonly {
opacity:1;
color: rgba(0,0,0,0.6);
}

.sel_radio {
padding:5px 0 5px 0;
}
.sel_radio input {
margin-right:10px;
border-width:0px;
}
.radio_canc {
line-height:22px;
margin-top:5px;
}
.radio_canc a {
color:#333 !important;
}
.radio_canc .fa {
margin-right:10px;
color:#cc0000 !important;
}
/*****/
#container_float {
display:none;

width:calc(100% - 12px);
height:calc(100% - 34px);
background:rgba(255,255,255,1);
    
position: fixed;
top:34px;
left:6px;
z-index: 99999999999999;

border-top-left-radius: 15px;
border-top-right-radius: 15px;
    
overflow:scroll;
padding-bottom:40px;
}

/**********/
.jexcel_filter {
background:#f4f4f4;
margin-bottom:0;
}
.jexcel_filter input {
padding:10px;
height:33px;
background:#fff;
border:1px solid #ddd !important;
}


/******************************/
@media (max-width:1240px) {
}
@media (max-width:480px) {
    
    .lg1,.lg2 {
    font-size:30px;
    }
    .login_box {
    width: 100%;
    padding: 30px;
    }

    #header_0 #logo_d {
    display:none;
    }
    .content {
    padding: 10px;
    }
    .app {
    margin: 10px;
    width: 80px;
    height: 120px;
    }
    .app_i {
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 10px;
    font-size:35px;
    }
    .app_h_desc{display:none !important;}
    .mf_tit{display:none !important;}
    
    .content_t {
    margin-top:45px;
    }
    .menu_btn_op a {
    height: 45px;
    width: 45px;
    }
    .menu_btn_op a i {
    font-size: 20px;
    line-height: 45px;
    }
    .content_t td.ct1,
    .content_t td.ct2{
    display:block;
    vertical-align:top;
    width:100%;
    height:auto;
    padding:5px 15px;
    }
    .ct2 .combo-select {position:relative;}
    .ct2 .in_x {width:100%;}
    
    .content_t td.ct1{
    width:100%;
    padding-top:5px;
    padding-bottom:0px;
    border-bottom:0;
    }

    .content_h {
    height: 45px;
    width: calc(100% - 12px);
    }
    #container_float {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    }
    .is_mobile{display:block;}

}
@media (max-width:380px) {
}
@media (max-width:320px) {
    #desktop {z-index: 900}
    #menu1 {
    /*top: 34px;*/
    width: 250px;
    height: 100%;
    overflow:hidden;
    }
    /*#menu1 a { overflow:hidden;}*/
    .menu_btn1 a {
    padding:7px 10px;
    height: auto;
    line-height:22px;
    }
    .menu_btn1 a i {
    margin: 0px 10px 0 0;
    }
}