@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:1.8vw;font-size:0.85vw;background:#FFF;color:#222;margin:0;padding:0;letter-spacing: 0.05vw;}
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; }
.headmenu a{ line-height:48px;display:block;float:left;padding:0 15px;border-right:1px solid #FFF;background:#FFF;color:#575757;transition:all  0.5s ease; }
.headmenu a:hover, .headmenu .active{ background:#FCFCFC;color:#27ca5e; }
.headmenu span{ font-size:1.15vw; }
.headmenu span span{ font-size:0.85vw;font-family:'robotoregular', sans-serif;padding-left:3px; }
.loginpages{ position:fixed;width:100%;height:100%;background:url('../images/bg2.jpg');background-size:cover;}
.loginbox{ width:320px;position:absolute;top:30%;left:50%;background:rgba(255,255,255,0.6);margin-left:-160px;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;line-height:1vw;color:#FF0000;}
.conbox{ margin-top:48px; }
.conin{ padding:0px 4px 4px 4px; }
.conin input[type="text"],.conin input[type="password"],.conin textarea{ border:1px solid #EEE;width:310px;line-height:30px;margin-bottom:4px;padding:4px;transition:all  0.5s ease;font-family:'robotolight',sans-serif;font-size:12px; }
.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{ background:#27ca5e;line-height:22px; }
.maintitle{ color:#FFF;padding:4px 4px;line-height:23px;font-family:'robotobold',sans-serif;text-transform:uppercase;font-weight:bold;letter-spacing:0.1vw; }
.filterbox .btn01 a{ color:#FFF;background:#df5c2f;display:block;transition: all 0.5s ease;padding:3px 10px 4px 10px;border:1px solid #df5c2f; }
.filterbox .btn01 a span{ font-size:1vw; }
.filterbox .btn01 a span span{ font-family:'robotolight',sans-serif;padding-left:5px;font-size:0.85vw; }
.filterbox .btn01 a:hover{ color:#df5c2f;background:#FFF; }
.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 20px;border-right:1px solid #FFF;color:#565656; }
.subxmenu a:hover, .subxmenu a.active{ color:#FFF;background:#27ca5e; }
.subxmenu a span{ font-size:1vw; }
.subxmenu span span{ font-family:'robotolight',sans-serif;padding-left:5px;font-size:0.85vw; }
.confilter{ background:#27ca5e;padding:2px 4px;margin:0px 4px;min-height:1px;width:auto; }
.confilbox{ float:left;color:#FFF;padding-top:2px;padding-bottom:2px; }
.confilbox input[type="text"],.confilbox input[type="password"]{ border:1px solid #EEE;width:310px;line-height:26px;padding:4px;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:310px;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{ color:#FFF;background:#df5c2f;display:block;transition: all 0.5s ease;padding:4px 10px;border:1px solid #df5c2f;margin-right:4px; }
.confilbox .btn01 a span{ font-size:1vw; }
.confilbox .btn01 a span span{ font-family:'robotolight',sans-serif;padding-left:5px;font-size:0.85vw; }
.confilbox .btn01 a:hover{ color:#27ca5e;background:#FFF; }
.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; }
.conlist a:hover{ color:#0ca43f; }
.conlist a span{ font-size:0.98vw; }
.conlist a span span{ font-size:0.85vw;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 { font-size:1vw; }
.addxi span span{ font-family:'robotolight',sans-serif;padding-left:5px;font-size:0.85vw; }
.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:#27ca5e;color:#FFF;margin-right:5px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
.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; }