@font-face {font-family:'bebasregular';src: url('../fonts/bebas-regular-webfont.woff2') format('woff2'),url('../fonts/bebas-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}@font-face {font-family:'robotobold';src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'),url('../fonts/roboto-bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}@font-face {font-family:'robotolight';src: url('../fonts/roboto-light-webfont.woff2') format('woff2'),url('../fonts/roboto-light-webfont.woff') format('woff');font-weight: normal;font-style: normal;}@font-face {font-family:'robotoregular';src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),url('../fonts/roboto-regular-webfont.woff') format('woff');font-weight: normal; font-style: normal;}
body {font-family:'robotolight',sans-serif;line-height:26px;font-size:13px;background:#FFF;color:#222;margin:0;padding:0;}
input,textarea,select,button {-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;}
a{ color:#222;text-decoration:none; }
canvas{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}
.fullbox{ width:100%;height:100vh; }
.textcenter{ text-align:center; }
.fixpage{ width:100%;height:100%;overflow:hidden; }
.do_right{ float:right; }.do_left{ float:left; }.clear,.clear_all{ clear:both; }
.headbox{ position:fixed;top:0;left:0;width:100%;z-index:9;height:48px;overflow:hidden;background:#FFF; }
.headlogo{ float:left;margin-left:8px;margin-top:6px; }
.headmenu{ float:right;margin-right:8px; }
.headmenu a{ margin-right:10px;line-height:48px;display:block;float:left;background:#FFF;color:#575757;transition:all  0.5s ease; }
.headmenu a:hover, .headmenu .active{ color:#27ca5e; }
.headmenu span{ }
.headmenu span span{ font-family:'robotoregular', sans-serif;padding-left:3px; }
.loginpages{ position:fixed;width:100%;height:100%;background:url('../images/bg2.jpg');background-size:cover;background-position:center center;}
.loginbox{ width:320px;position:absolute;top:30%;left:50%;background:rgba(255,255,255,0.6);margin-left:-170px;padding:10px;}
.lgnbox{ margin:0 auto;width:140px;padding:10px 5px 10px 25px; }
.lgnlogo{ padding-top:2px;line-height:0;font-size:0;text-align:center; }
.lgnname{ font-size:16px;margin-left:5px;color:#27ca5e;width:100px;line-height:17px;font-family:'robotobold',sans-serif; }
.loginboxin input[type="text"],.loginboxin input[type="password"]{ border:0;width:99%;line-height:30px;margin-bottom:4px;text-align:center;background:rgba(255,255,255,0.7); }
.loginboxin input[type="text"]:focus,.loginboxin input[type="password"]:focus{ background:rgba(255,255,255); }
.loginboxin input[type="submit"]{ border:0;width:100%;line-height:38px;margin-bottom:4px;color:#FFF;transition: all 0.5s ease;background:rgba(0,0,0,0.7); }
.loginboxin input[type="submit"]:hover{ border:0;background:#000; }
.loginbox p.error{ text-align:center;padding:0;margin:0;margin-bottom:10px;color:#FF0000;}
.conbox{ margin-top:51px; }
.conin{ padding:0px 4px 4px 4px; }
.conin input[type="text"],.conin input[type="password"],.conin textarea{ border:1px solid #EEE;width:280px;line-height:30px;margin-bottom:4px;padding:4px;transition:all  0.5s ease;font-family:'robotolight',sans-serif;font-size:13px; }
.conin input[type="text"]:focus,.conin input[type="password"]:focus,.conin textarea:focus{ background:#FCFCFC; }
.conin input[type="submit"]{ border:0;background:#27ca5e;line-height:36px;margin-bottom:4px;color:#FFF;width:120px;transition: all 0.5s ease; }
.conin input[type="submit"]:hover{ border:0;background:#0ca43f; }
.conin select{ border:1px solid #EEE;width:120px;line-height:22px;margin-bottom:4px;padding:6px;transition:all  0.5s ease; }
.conin select:hover{ background:#FCFCFC; }
.conin tr{border-bottom:1px solid #F4F4F4;}
.conin th,.conin td{border-bottom:1px solid #F4F4F4;}
.filterbox{ line-height:22px;border-top:1px solid #27ca5e;border-bottom:1px solid #27ca5e; }
.maintitle{ color:#27ca5e;padding:4px 8px;text-transform:uppercase; }
.filterbox .btn01 a{ color:#27ca5e;display:block;transition: all 0.5s ease;padding:5px 10px;border-left:1px solid #27ca5e; }
.filterbox .btn01 a span{  }
.filterbox .btn01 a span span{ font-family:'robotolight',sans-serif;padding-left:5px; }
.filterbox .btn01 a:hover{ color:#FFF;background:#27ca5e; }
.xerror{ color:#FF0000; }
.btn_class a{ border:0;background:#27ca5e;line-height:36px;margin-bottom:4px;color:#FFF;width:120px;transition: all 0.5s ease;display:block;text-align:center; }
.btn_class a:hover{ border:0;background:#0ca43f; }
.iconsx span{ display:block;font-size:20px;float:left;margin-left:20px;margin-top:25px;width:350px; }
.subxmenu{ margin:4px 4px 0px 4px; }
.subxmenu a{ display:block;float:left;background:#FCFCFC;padding:1px 15px;border-right:1px solid #FFF;color:#565656; }
.subxmenu a:hover, .subxmenu a.active{ color:#FFF;background:#27ca5e; }
.subxmenu a span{  }
.subxmenu span span{ font-family:'robotolight',sans-serif;padding-left:5px; }
.confilter{ padding:2px 8px 1px;background:#FFF5F5; }
.confilbox{ float:left;color:#FFF;padding-top:2px;padding-bottom:2px; }
.confilbox input[type="text"],.confilbox input[type="password"]{ border:1px solid #EEE;width:280px;line-height:26px;padding:5px;transition:all  0.5s ease; }
.confilbox input[type="text"]:focus,.confilbox input[type="password"]:focus{ background:#FCFCFC; }
.confilbox input[type="submit"]{ border:0;background:#0ca43f;line-height:30px;color:#FFF;width:120px;transition: all 0.5s ease; }
.confilbox input[type="submit"]:hover{ border:0;background:#AAA; }
.confilbox select{ border:1px solid #EEE;width:120px;line-height:22px;padding:6px;transition:all  0.5s ease; }
.confilbox select:hover{ background:#FCFCFC; }
.filterboxcon input[type="text"],.filterboxcon input[type="password"]{ border:1px solid #EEE;width:280px;line-height:22px;padding:4px;transition:all  0.5s ease; }
.filterboxcon input[type="text"]:focus,.filterboxcon input[type="password"]:focus{ background:#FCFCFC; }
.filterboxcon input[type="submit"]{ border:0;background:#0ca43f;line-height:30px;color:#FFF;width:120px;transition: all 0.5s ease; }
.filterboxcon input[type="submit"]:hover{ border:0;background:#AAA; }
.filterboxcon select{ border:1px solid #EEE;width:120px;line-height:22px;padding:6px;transition:all  0.5s ease; }
.filterboxcon select:hover{ background:#FCFCFC; }
.confilbox .btn01 a{ background:#FC7979;color:#FFF;display:block;transition: all 0.5s ease;padding:5px 10px;border:1px solid #EEE;margin-right:4px;line-height:26px; }
.confilbox .btn01 a span{  }
.confilbox .btn01 a span span{ font-family:'robotolight',sans-serif;padding-left:5px; }
.confilbox .btn01 a:hover{ color:#FC7979;background:#FFF;border:1px solid #FC7979; }
.confilbox .xerror{ background:#FFF;display:block;padding:2px 10px;margin-bottom:2px; }
table.conlist { border-top:1px solid #EEE;border-left:1px solid #EEE; }
table.conlist td, table.conlist th{ border-bottom:1px solid #EEE;border-right:1px solid #EEE;padding:2px 8px;}
.mpadtopx{ vertical-align:top; }
table.conlist .grey01{ background:#FCFCFC; }
.grey02{ background:#DEDEDE; }
.grey03{ background:#EEE; }
.altop a{ text-align:center;border:1px solid #27ca5e;background:#FFF;color:#27ca5e;padding:10px 30px 9px 30px;transition:all  0.5s ease; }
.altop a:hover{ background:#27ca5e;color:#FFF; }
.conlist a { color:#27ca5e;transition:all  0.5s ease;margin-right:15px;margin-bottom:8px; }
.conlist a:hover{ color:#0ca43f; }
.conlist a span{  }
.conlist a span span{ font-family:'robotolight', sans-serif;padding-left:2px; }
.padleft20{ padding-left:20px; }
.ivoids{ color:#ccc; }
.addxi a { color:#27ca5e;border:1px solid #27ca5e;padding:10px 12px; }
.addxi a:hover { color:#0ca43f; }
.addxi span {  }
.addxi span span{ font-family:'robotolight',sans-serif;padding-left:5px; }
.voidxlist td { color:#CCC; }

.formenu{ margin:0 auto; width:320px;text-align:center;padding-top:15px; }
.formenu a{ display:block;margin-bottom:1px;padding:4px 0;text-align:center;background:#27ca5e;border:1px solid #27ca5e;color:#FFF;transition:all  0.5s ease; }
.formenu a:hover{background:#FFF;border:1px solid #27ca5e;color:#27ca5e;}

.paging { margin:10px 0 0px 0;height: 30px;padding:0px;line-height: 16px; }
.paging strong { display:block;float:left;padding:6px 10px;background:#FFF;color:#27ca5e;margin-right:5px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);border:1px solid #EEE; }
.paging a { display:block;float:left;padding:6px 10px;background:#FFF;color:#000;margin-right:1px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
.paging a:hover { background:#27ca5e;color:#FFF; }

.fixedw{ overflow:hidden; }

.xmenu{ position:relative;padding-left:26px; }
.xmenuic { position: absolute;width:16px;height:16px;margin-left:-22px;margin-top:17px; }
.xmenuic div{ border-top:1px solid #575757;margin-bottom:5px;transition:all  0.5s ease; }
a.xmenu:hover .xmenuic div{ border-top:1px solid #27ca5e; }

.mamenux{ position:fixed;top:0;left:0;width:100%;height:100%;background:#FFF;z-index:99;overflow:auto; } 
.mamenuxx{ position:absolute;right:30px;padding:8px 12px;font-size:18px;border:1px solid #EDEDED;top:8px;line-height:18px;cursor:pointer; }
.mamenuxin{ padding:10px 30px;text-align:left;border-top: 1px solid #EDEDED; }
.menux{ border-bottom: 1px solid #EDEDED;padding:5px 0 5px 20px; }
.menux span{ border: 1px solid #999;width:9px;display:block;height:9px;text-align:center;position:absolute;margin-top:8px;margin-left:-20px;line-height:7px; }
.menux a.active{ color:#27ca5e; }

.menuxsub{ padding:10px 10px 10px 34px;border-bottom:1px solid #EDEDED; }
.menuxsubin{ padding:2px 0;position:relative; }
.menuxsubin a span{display:block;width:4px;height:4px;background:#FFF;border:1px solid #888;rotate:45deg;position:absolute;margin-top:10px;margin-left:-13px;}
.menuxsubin a.active{ color:#27ca5e; }

.headmenu a:hover, .headmenu .active{ color:#27ca5e; }

.redbox{ background:#FFF5F5; }
.redboxtitle{ border-bottom:1px solid #FC7979;padding:4px 8px; }

.datexbox{ margin-right:4px;border:1px solid #EEE; }
.mhide{ width:80px;display:none; }
.xmhide{ display:show; }
@media (max-width: 980px) {
    .loginbox p.error{ text-align:center;padding:0;margin:0;margin-bottom:10px;line-height:20px;color:#FF0000;}
    table.conlist th{ display:none; }
    table.conlist tr{ display:block;border-bottom:1px solid #eee;padding:10px 0; }
    table.conlist td{ display:list-item;border:0;list-style:none;width: 98% !important;padding:0 1%; }
    table.conlist td td{ display:inline;border:0;list-style:none;border-bottom: 1px solid #EEE;border-right: 1px solid #EEE;width:auto !important;padding:2px 8px 2px 0px; }
    .mhide{ display:block; }
    .xmhide{ display:none; }
    table.conlist td span{ float:left; }
    .xmbox{ width:98%;display:block;border:0;margin-bottom:4px; }
    .xmibox{ width:290px !important; }
    .confilbox{ padding:6px 0; }
    .conlist a span { border: 1px solid #eee;padding:2px 5px;}
    .conlist a span span { border:0;}
    .itemx0 td{ display:list-item;border:0;list-style:none;margin-left:70px;width:60% !important; }
    .itemx0 td span{ width:100%; }
    .itemx0 td input, .itemx0 td select{ width:180px !important; }
    .leftpad{ width:50px !important; }
    .msab{ border-bottom:1px solid #eee !important;padding-bottom:20px; }
}