/*##########################################################################################
//# Configuration block
//##########################################################################################
//# V4Connect s.r.o. (c) 2017 
//########################################################################################*/
html { height: 100%; border: none; padding: 0px; margin: 0px; }
body { background-color: #000000; border: none; width: 100%; height: 100%; padding: 0px; margin: 0px; }
.tbmain { width: 100%; height: 100%; border: none; padding: 0px; margin: 0px; }
.tdhead { width: 100%; height: 98px; padding-left: 0px; margin: 0px; border-left: none; border-right: none; border-top: none;
  border-bottom: solid 2px #b5aa6f; background-color: #000000; margin: 0px; padding: 0px; }
.tdmain { width: 100%; height: 99%; padding: 0px; margin: 0px; vertical-align: top; }
.tdfoot { background-color: #c0c0c0; color: #000000; width: 100%; height: 20px; padding: 0px; margin: 0px; cursor: default;
  text-align: center; font-size: 16px; font-weight: bold; font-family: arial; }
.afoot { font-size: 16px; font-weight: bold; font-family: arial; text-decoration: none; color: #000000; }
.afoot:hover {  color: #4040ff; }
.tmain { border: none; width: 100%; color: #ffffff; background-color: #000000; }
.flogo { border: none; width: 362px; height: 85px; position: relative; top: 5px; left: 5px; background-color: none; }
.thdr {  border: none; border-collapse: collapse; width: 100%; background-color: #161616; color: #f0f0f0; padding: 0px; 
  margin: 0px; background: linear-gradient(#161616, #303030, #161616); }
.hdrl { font-family: arial; font-weight: bold; font-size: 36px; text-align: center; height: 80px; cursor: pointer; width: 180px; }
.hdrm { font-family: arial; font-weight: bold; font-size: 32px; text-align: center; height: 80px; width: 90%; cursor: pointer; }
.hdrr { font-family: arial; font-weight: bold; font-size: 36px; text-align: center; height: 80px; cursor: pointer; width: 140px;
  padding-left: 0px; padding-right: 10px; }
.hdr3tb { border: none; padding-left: 0px; padding-right: 0px; font-family: arial; font-weight: bold; font-size: 14px; text-align: right;
  width: 100px; }
.hdr3td { text-align: right; }
.hdr3td1 { text-align: center; }
.hdrrr { width: 40px; padding-left: 0px; padding-right: 10px; }
.hdr3img { width: 64px; height: 64px; cursor: pointer; }
.hdr3refresh { border: none; border-radius: 4px; width: 64px; height: 64px; padding-left: 0px; padding-right: 0px; font-family: arial; 
  font-weight: bold; font-size: 20px; text-align: center; cursor: pointer; 
  background: url("../images/m-refresh.gif") no-repeat 0px 0px transparent; }
.hdr3logoff { border: none; border-radius: 4px; width: 64px; height: 64px; padding-left: 0px; padding-right: 0px; font-family: arial; 
  font-weight: bold; font-size: 20px; text-align: center; cursor: pointer; 
  background: url("../images/m-logoff.gif") no-repeat 0px 0px transparent; }
.hdr3logon { border: none; border-radius: 4px; width: 64px; height: 64px; padding-left: 0px; padding-right: 0px; font-family: arial; 
  font-weight: bold; font-size: 20px; text-align: center; cursor: pointer; 
  background: url("../images/m-logon.gif") no-repeat 0px 0px transparent; }
.blnk { border: solid 1px #808080; border-radius: 10px; width: 600px; height: 50px; font-family: arial; font-weight: bold; font-size: 30px; 
  color: #ffffff; background-color: #8080ff; background: linear-gradient(#8080ff, #a0a0ff); cursor: pointer; }
.blnk:hover { color: #4040ff; }
.bnok { border: solid 1px #808080; border-radius: 20px; width: 99%; height: 400px; font-family: arial; font-weight: bold; font-size: 70px; 
  color: #808080; background-color: #c0c0c0; background: linear-gradient(#c0c0c0, #e0e0e0); cursor: pointer; }
.bok { border: solid 1px #808080; border-radius: 20px; width: 99%; height: 400px; font-family: arial; font-weight: bold; font-size: 100px; 
  color: #808080; background-color: #c0c0c0; cursor: pointer; }
.bscr { border: solid 1px #808080; border-radius: 20px; width: 99%; height: 400px; font-family: arial; font-weight: bold; font-size: 100px; 
  color: #808080; background-color: #c0c0c0; cursor: pointer; }

.bokq { border: solid 1px #808080; border-radius: 20px; width: 99%; height: 400px; font-family: arial; font-weight: bold; font-size: 70px; 
  color: #808080; background-color: #c0c0c0; cursor: pointer; }
.bscrq { border: solid 1px #808080; border-radius: 20px; width: 99%; height: 400px; font-family: arial; font-weight: bold; font-size: 70px; 
  color: #808080; background-color: #c0c0c0; cursor: pointer; }
.bnokq { border: solid 1px #808080; border-radius: 20px; width: 99%; height: 400px; font-family: arial; font-weight: bold; font-size: 70px; 
  color: #808080; background-color: #c0c0c0; cursor: pointer; }

.tabq { border: none; width: 100%; background-color: #000000; position: absolute; top: 0px; left: 0px; z-index: 20; }
.tabr { border: none; width: 100%; background-color: #000000; position: absolute; top: 0px; left: 0px; z-index: 20; }

.ubprint { border: solid 1px #808080; border-radius: 10px; width: 99%; height: 120px; font-family: arial; font-weight: bold; font-size: 30px; 
  color: #101010; background-color: #40ff40; cursor: pointer; visibility: hidden; z-index: 30; }
.uflabel { border: solid 2px #c0c0c0; border-radius: 10px; width: 99%; height: 114px; font-family: arial; font-weight: bold; font-size: 50px; 
  color: #101010; background-color: #e0e0e0; text-align: center; visibility: hidden; z-index: 30; }
.ublabel { border: solid 1px #808080; border-radius: 10px; width: 99%; height: 120px; font-family: arial; font-weight: bold; font-size: 50px; 
  color: #101010; background-color: #8080ff; cursor: pointer; text-align: center; visibility: hidden; z-index: 30; }
.ublabelg { border: solid 1px #404040; border-radius: 10px; width: 99%; height: 120px; font-family: arial; font-weight: bold; font-size: 50px; 
  color: #404040; background-color: #101010; cursor: pointer; text-align: center; visibility: hidden; z-index: 30; }
.ubauto { border: solid 1px #c0c0c0; border-radius: 10px; width: 110px; height: 34px; font-family: arial; font-weight: bold; font-size: 20px; 
  color: #101010; background-color: #8080ff; cursor: pointer;text-align: center; visibility: hidden; z-index: 30; }
.ushtcnt { border: solid 1px #c0c0c0; border-radius: 10px; width: 90px; height: 30px; font-family: arial; font-weight: bold; font-size: 20px; 
  color: #000000; background-color: #ffffff; text-align: center; }
.ushtcnd { padding-top: 2px; color: #ffffff; font-family: arial; font-weight: normal; font-size: 14px;  }
.tmanuq1 { border: none; width: 31%; background-color: #000000; position: absolute; top: 0px; left: 0px; z-index: 10; }
.dmanuq1 { text-align: center; padding-left: 10px; width: 100%; }
.dmanuq1q { text-align: center; width: 100%; filter: opacity(10%); -webkit-filter: opacity(10%); }
.bmanuq1 { border: solid 1px #c0c0c0; border-radius: 10px; width: 99%; height: 50px; font-family: arial; font-weight: bold; font-size: 18px; 
  color: #101010; background-color: #ffff80; cursor: pointer; opacity: 1; }
.tmanuq { border: none; width: 100%; background-color: #f0f0ff; position: absolute; top: 0px; left: 0px; z-index: 10; }
.dmanuq { text-align: center; width: 50%; }
.bmanuq { border: solid 1px #808080; border-radius: 20px; width: 99%; height: 100px; font-family: arial; font-weight: bold; font-size: 24px; 
  color: #101010; background-color: #ffff80; cursor: pointer; }
.tnanuq { border: none; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: #000000; z-index: 5; }
.tdnanuqlist { width: 37%; height: 100%; vertical-align: top; padding: 0px; margin: 0px; }
.tdnanuqimg { position: absolute; width: 62%; height: 89%; border: solid 1px #c0c0c0; border-radius: 10px; text-align: center; vertical-align: middle; }
.tnanuqimg { width: 100%; border-radius: 10px; background-color: #ffffff; }
.tnanuqarea { position: absolute; border: solid 1px #808080; border-radius: 10px; background: rgba(255,255,255,0); color: #000000; font-family: arial; 
  font-weight: bold; font-size: 56px; cursor: pointer; }
.tbnanuqlist { width: 100%; padding: 0px; margin: 0px; border: none; }
.tbnanuqdiv { position: absolute; left: 0px; top: 0px; width: 37%; padding: 0px; margin: 0px;
  #visibility: hidden;
  border: none;
}
.dnanuq { text-align: center; width: 99%; padding: 0px; margin: 0px; }
.dnanuqd { height: 45px; }
.bnanuq { border: solid 1px #c0c0c0; border-radius: 10px; width: 99%; height: 45px; font-family: arial; font-weight: bold; font-size: 18px; color: #101010; 
  background-color: #e0e0e0; cursor: pointer; text-align: left; }
.bnanuqo { border: solid 1px #000000; border-radius: 10px; width: 99%; height: 45px; font-family: arial; font-weight: bold; font-size: 24px; 
  color: #000000; background-color: #000000; }
.tdnanucnf { text-align: right; padding-right: 20px; padding-top:8px; }
.bnanuqcnf { border: solid 1px #808080; border-radius: 10px; width: 50%; height: 55px; font-family: arial; font-weight: bold; font-size: 24px; 
  color: #808080; background-color: #c0c0c0; cursor: pointer; }
.bnanupm { border: solid 1px #808080; border-radius: 10px; width: 55px; height: 55px; font-family: arial; font-weight: bold; font-size: 48px; 
  color: #101010; background-color: #8080ff; cursor: pointer; }
.bnanupmg { border: solid 1px #404040; border-radius: 10px; width: 55px; height: 55px; font-family: arial; font-weight: bold; font-size: 48px; 
  color: #404040; background-color: #101010; cursor: pointer; }
.scnd { width: 10%; font-family: arial; font-weight: bold; font-size: 20px; text-align: center; cursor: pointer; padding-left: 10px; }
.scnt { width: 10%; font-family: arial; font-weight: bold; font-size: 20px; text-align: center; padding-left: 10px; }
.scnf { width: 40%; text-align: left; padding-left: 10px; }
.scfq { border: solid 1px #c0c0c0; border-radius: 10px; width: 95%; height: 30px; font-family: arial; font-weight: bold; font-size: 20px; 
  color: #808080; background-color: #e0e0e0; text-align: center; }
.scmq { border: solid 1px #c0c0c0; border-radius: 10px; width: 95%; height: 30px; font-family: arial; font-weight: bold; font-size: 20px; 
  color: #808080; background-color: #e0e0e0; text-align: center; }
.trackform:hover, .trackform10:hover, .trackform11:hover {
  background-color: #ffffff;
}
.trackform { border-radius: 4px; border: solid 1px #808080; height: 30px; font-family: arial; font-weight: bold; font-size: 16px; color: #101010; 
  background-color: #f0f0f0; text-align: center;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 2px; padding-left: 4px; padding-right: 4px; background-color: #e0e0ff; cursor: pointer; }
.trackform20 { border-radius: 4px; border: solid 1px #808080; font-family: arial; font-weight: bold; font-size: 12px; color: #101010; 
  background-color: #f0f0f0; text-align: center;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 2px; padding-left: 2px; padding-right: 2px; cursor: pointer; }
.trackform10 { width: 100%; border-radius: 4px; border: solid 1px #808080; height: 30px; font-family: arial; font-weight: bold; font-size: 16px; 
  color: #101010; background-color: #f0f0f0; text-align: center;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 2px; background-color: #e0e0ff; cursor: pointer; }
.trackform11 { width: 100%; border-radius: 4px; border: solid 1px #808080; height: 30px; font-family: arial; font-weight: bold; font-size: 16px; 
  color: #101010; background-color: #f0f0f0; text-align: center;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 2px; background-color: #e0e0ff; cursor: pointer; }

.trackforma { border-radius: 4px; border: solid 1px #ffffff; height: 30px; font-family: arial; font-weight: bold; font-size: 16px; 
  color: #000000; text-align: center;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 2px; padding-left: 4px; padding-right: 4px; background-color: #ffffff; cursor: pointer; }
.trackform10a { width: 100%; border-radius: 4px; border: solid 1px #ffffff; height: 30px; font-family: arial; font-weight: bold; font-size: 16px; 
  color: #000000; text-align: center;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 2px; background-color: #ffffff; cursor: pointer; }
.trackform11a { width: 100%; border-radius: 4px; border: solid 1px #ffffff; height: 30px; font-family: arial; font-weight: bold; font-size: 16px; 
  color: #000000; text-align: center;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 2px; background-color: #ffffff; cursor: pointer; }
.trackforma:hover, .trackform10a:hover, .trackform11a:hover {
  border: solid 1px #0000ff;
}
.ktab1 { border: none; padding: 0px; width: 100%; background-color: #000000; top: 8px; }
.ktab2 { border: none; padding: 4px; width: 100%; background-color: #f0f0ff; }
.ktd1 { width: 50%; font-family: arial; font-weight: bold; font-size: 16px; text-align: left; padding-left: 50px; }
.ktd2 { width: 50%; font-family: arial; font-weight: bold; font-size: 16px; text-align: right; padding-right: 50px; }
.ktd3 { background-color: #c0c0ff; font-family: arial; font-weight: bold; font-size: 20px; text-align: center; }

.kbtn1 { width: 100px; height: 32px; font-family: arial; font-weight: bold; font-size: 16px; }
.kbtn { border: solid 1px #808080; border-radius: 10px; width: 90%; height: 32px; font-family: arial; font-weight: bold; font-size: 16px; 
  color: #101010; background-color: #8080ff; cursor: pointer; }
.kbtn40 { border: solid 1px #808080; border-radius: 10px; width: 90%; height: 32px; font-family: arial; font-weight: bold; font-size: 16px; 
  color: #101010; background-color: #0000ff; cursor: pointer; }
.kbtne { border: solid 1px #808080; border-radius: 10px; width: 90%; height: 32px; font-family: arial; font-weight: bold; font-size: 16px; 
  color: #101010; background-color: #ffff80; cursor: pointer; }
.kbtnei { position: relative; top: -28px; left: -55px; width: 26px; height: 24px; cursor: pointer; }  
.brmin { font-size: 3px; height: 3px; }

.kbtna { border: solid 1px #ffffff; border-radius: 4px; width: 100%; height: 32px; font-family: arial; font-weight: bold; font-size: 16px; 
  color: #000000; background-color: #ffffff; cursor: pointer; }
.kbtna40 { border: solid 1px #ffffff; border-radius: 4px; width: 100%; height: 32px; font-family: arial; font-weight: bold; font-size: 16px; 
  color: #ffffff; background-color: #808080; cursor: pointer; }
.kbtnea { border: solid 1px #ffffff; border-radius: 4px; width: 100%; height: 32px; font-family: arial; font-weight: bold; font-size: 16px; 
  color: #000000; background-color: #ffffff; cursor: pointer; }
.kbtna:hover, .kbtnea:hover {
  border: solid 1px #0000ff; color: #0000ff;
}
.kbtna40:hover {
  border: solid 1px #0000ff;
}

.ktab10 { border: none; padding: 4px; width: 100%; height: 100%; }

.ktd10 { width: 44px; font-family: arial; font-weight: bold; font-size: 14px; text-align: center; padding-top: 46px; vertical-align: top; height: 100%; }
.ktd11 { width: 98%; color: #ffffff; font-family: arial; font-weight: bold; font-size: 14px; text-align: center; height: 1%; }
.ktab20 { border: none; padding: 2px; width: 100%; }
.ktd21 { border: solid 1px #808080; border-radius: 4px; width: 5%; }
.ktd22 { border: solid 1px #808080; border-radius: 4px; padding: 4px; vertical-align: top; }
.ktd23 { border: solid 1px #808080; border-radius: 4px; vertical-align: top; padding-top: 10px; width: 5%; }
.ktab30d { width: 1100px; height: 560px; overflow-x: auto; overflow-y: auto; }
.ktab30 { width: 100%; color: #000000; font-family: arial; font-weight: normal; font-size: 12px; border: solid 1px #c0c0c0; 
  border-collapse: collapse; background-color: #f0f0f0; }
.ktd30 { border: solid 1px #000000; }
.ktd30a { border: none; background-color: #f0f0f0; }
.ktd30b { border: none; background-color: #e0e0e0; }
.ktd30c { border: none; border-bottom: solid 1px #000000; background-color: #d0d0d0; }
.ktd30i { border: solid 1px #000000; background-color: #c0ffc0; }
.ktd30n { border: solid 1px #000000; background-color: #ffffc0; }
.ktd30s { border: solid 1px #000000; background-color: #ffc0c0; }
.ktd30r { border: solid 1px #000000; background-color: #f0f0ff; }
.ktd30ha { border: none; font-size: 11px; border-right: solid 1px #808080; background-color: #f0f0f0; white-space: nowrap; 
  padding-left: 4px; padding-right: 4px; color: #202020; }
.ktd30hb { border: none; font-size: 11px; border-right: solid 1px #808080; background-color: #e0e0e0; white-space: nowrap; 
  padding-left: 4px; padding-right: 4px; color: #202020; }
.ktd30hc { border: none; font-size: 11px; border-right: solid 1px #808080; background-color: #d0d0d0; white-space: nowrap; 
  padding-left: 4px; padding-right: 4px; color: #202020; border-bottom: solid 1px #000000; }
.ktd30hta { border: none; border-right: solid 1px #808080; background-color: #f0f0f0; white-space: nowrap; 
  padding-left: 4px; padding-right: 4px; }
.ktd30htb { border: none; border-right: solid 1px #808080; background-color: #e0e0e0; white-space: nowrap; 
  padding-left: 4px; padding-right: 4px; }
.ktd30htc { border: none; border-right: solid 1px #808080; background-color: #d0d0d0; white-space: nowrap; 
  padding-left: 4px; padding-right: 4px; border-bottom: solid 1px #000000; }

.ktd30f { border: solid 1px #000000; font-weight: bold; }
.ktd30fi { border: solid 1px #000000; font-weight: bold; background-color: #c0ffc0; }
.ktd30fn { border: solid 1px #000000; font-weight: bold; background-color: #ffffc0; }
.ktd30fr { border: solid 1px #000000; font-weight: bold; background-color: #f0f0ff; }
.ktd30fs { border: solid 1px #000000; font-weight: bold; background-color: #ffc0c0; }

.ktd31 { border: solid 1px #000000; text-align: left; padding-left: 10px; padding-right: 10px; 
  white-space: nowrap; background-color: #c0c0c0; color: #000000; }
.ktd31f { border: solid 1px #000000; text-align: left; padding-left: 10px; padding-right: 10px;
  white-space: nowrap; background-color: #c0c0c0; color: #000000; font-weight: bold; 
}
.ktd32 { border: solid 1px #000000; white-space: nowrap; padding-left: 2px; padding-right: 2px; background-color: #c0c0ff; }
.ktd34 { border: solid 1px #000000; width: 10%; color: #ffffff; background-color: #404040; text-align: center;
  white-space: nowrap; vertical-align: bottom; width: 20px; height: 200px; padding-left: 6px;
}
.ktd34 div { position: relative; top: 85px; left: 88px; width: 20px; height: 200px;
  transform: rotate(-90.0deg);
  -moz-transform: rotate(-90.0deg);
  -o-transform: rotate(-90.0deg);
  -webkit-transform: rotate(-90.0deg);
  filter: prodig:DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  -ms-filter: "prodig:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
}
.ktab40 { width: 100%; color: #000000; font-family: arial; font-weight: normal; font-size: 14px; border: solid 1px #c0c0c0; 
  border-collapse: collapse; background-color: #f0f0f0; }
.ktd44 { border: solid 1px #000000; width: 10%; color: #ffffff; background-color: #404040; text-align: center;
  white-space: nowrap; vertical-align: middle; padding: 4px; height: 30px; font-weight: bold;
}
.kbtn10 { border: solid 1px #808080; border-radius: 10px; width: 64px; height: 64px;
  background: url("../images/m-tablea.gif") no-repeat 0px 0px transparent;
  background-color: #ff0000; cursor: pointer; background-size: cover;
}
.kbtn11 { border: solid 1px #808080; border-radius: 10px; width: 64px; height: 64px;
  background: url("../images/m-grapha.gif") no-repeat 0px 0px transparent;
  background-color: #ff0000; cursor: pointer; background-size: cover;
}
.kbtn12 { border: solid 1px #808080; border-radius: 10px; width: 130px; height: 130px;
  background: url("../images/m-gauge.gif") no-repeat 4px 12px transparent;
  background-color: #ffffff; cursor: pointer;
}
.kbtn13 { border: solid 1px #808080; border-radius: 10px; width: 64px; height: 64px;
  background: url("../images/m-cibrda.gif") no-repeat 0px 0px transparent;
  background-color: #000000; cursor: pointer; background-size: cover;
}
.kbtn14 { border: solid 1px #808080; border-radius: 10px; width: 64px; height: 64px;
  background: url("../images/m-cibraa.gif") no-repeat 0px 0px transparent;
  background-color: #000000; cursor: pointer; background-size: cover;
}
.kbtn15 { border: solid 1px #808080; border-radius: 10px; width: 64px; height: 64px;
  background: url("../images/m-cibsha.gif") no-repeat 0px 0px transparent;
  background-color: #000000; cursor: pointer; background-size: cover;
}
.kbtn16 { border: solid 1px #808080; border-radius: 10px; width: 64px; height: 64px;
  background: url("../images/m-partedita.gif") no-repeat 0px 0px transparent;
  background-color: #000000; cursor: pointer; background-size: cover;
}
.kbtn17 { border: solid 1px #808080; border-radius: 10px; width: 64px; height: 64px;
  background: url("../images/m-headshsca.gif") no-repeat 0px 0px transparent;
  background-color: #000000; cursor: pointer; background-size: cover;
}
.kbtn18 { border: solid 1px #808080; border-radius: 10px; width: 64px; height: 64px;
  background: url("../images/m-piecha.gif") no-repeat 0px 0px transparent;
  background-color: #000000; cursor: pointer; background-size: cover;
}
.kbtn19 { border: solid 1px #808080; border-radius: 10px; width: 64px; height: 64px;
  background: url("../images/nic.gif") no-repeat 0px 0px transparent; font-size: 16px;
  background-color: #000000; cursor: pointer; color: #ffffff; background-size: cover;
}
.kbtn20 { border: solid 1px #808080; border-radius: 10px; width: 64px; height: 64px;
  background: url("../images/m-axelia.gif") no-repeat 0px 0px transparent;
  background-color: #000000; cursor: pointer; background-size: cover;
}

.kbtn10:hover, .kbtn11:hover, .kbtn13:hover, .kbtn14:hover, .kbtn15:hover, .kbtn16:hover, .kbtn17:hover, .kbtn18:hover, .kbtn19:hover, .kbtn20:hover {
  box-shadow: 0 0 6px 3px #8080ff;
  background-color: #8080ff;
}

select::-ms-expand { display: none; }

.kgcog { position: absolute; top: 14px; left: 400px; cursor: pointer; }
.kgcogs { position: absolute; top: 14px; left: 400px; visibility: hidden; }

.kgs_10 { width: 100%; height: 100%; border: solid 1px #c0c0c0; border-radius: 4px; background-color: #000000;
  text-align: center; position: relative; top: 0px; left: 0px; }
.kgtit10 { font-size: 16px; position: absolute; top: 16px; left: 40px; color: #000000; border: solid 1px #404040; white-space: nowrap;
  background-color: #e0e0e0; padding: 4px; padding-left: 20px; padding-right: 20px; border-radius: 4px; width: 30%; }


.kg_tab_100 { width: 100%; border: solid 1px #c0c0c0; border-radius: 4px; background-color: #080808; }
.kg_td_100 { height: 320px; position: relative; top: 0px; left: 0px; }
.kg_div_100 { position: absolute; top: 20px; left: 100px; width: 20px; height: 100px; background-color: #808080; z-index: 20; border-radius: 4px; }
.kg_div_101 { position: absolute; top: 300px; left: 100px; height: 20px; font-family: arial; font-weight: normal; font-size: 10px; color: #ffffff; z-index: 20; }
.kg_div_102 { position: absolute; top: 280px; left: 100px; height: 20px; font-family: arial; font-weight: normal; font-size: 10px; color: #ffffff; text-align: center; z-index: 20; }
.kg_div_103 { position: absolute; top: 80px; left: 80px; height: 1px; width: 500px; background-color: #808080; z-index: 10; }
.kg_div_104 { position: absolute; top: 320px; left: 60px; height: 20px; font-family: arial; font-weight: normal; font-size: 10px; color: #808080; text-align: center; z-index: 10; }
.kg_div_105 { position: absolute; top: 20px; left: 80px; height: 250px; width: 1px; background-color: #808080; z-index: 10; }
.kg_div_106 { position: absolute; top: 20px; left: 580px; height: 250px; width: 1px; background-color: #808080; z-index: 10; }
.kgs_0 { width: 100%; height: 100%; padding: 0px; margin: 0px; text-align: center; }
.kgs_1 { width: 100%; height: 100%; border: solid 1px #c0c0c0; border-radius: 4px; background-color: #080808;
  text-align: center; position: relative; top: 0px; left: 0px; }
.kgs_2 { width: 100%; height: 100%; border: solid 1px #c0c0c0; border-radius: 4px; background-color: #080808;
  text-align: center; position: relative; top: 0px; left: 0px; }
.kgtit1 { font-size: 16px; position: absolute; top: 16px; left: 40px; color: #ffffff; border: solid 1px #404040;
  background-color: #202020; padding: 4px; padding-left: 20px; padding-right: 20px; border-radius: 4px; width: 15%; }
.kgtit2 { font-size: 14px; position: absolute; top: 10px; left: 40px; color: #ffffff; border: solid 1px #404040;
  background-color: #202020; padding: 4px; padding-left: 20px; padding-right: 20px; border-radius: 4px; }
.lin01 { width: 1px; height: 1px; background-color: #ffffff; position: absolute; }
.lin02 { width: 2px; height: 1px; background-color: #ffffff; position: absolute; z-index: 100; }
.pin01 { width: 12px; height: 12px; border-radius: 4px; background-color: #ffffff; position: absolute; z-index: 190;
  transform: rotate(45deg); }
.tex01 { position: absolute; color: #ffffff; font-size: 8px; background: transparent; text-align: right; }
.tex01c { position: absolute; color: #ffffff; font-size: 8px; background: transparent; text-align: center; }
.tex02 { position: absolute; color: #ffffff; font-size: 10px; background: transparent; text-align: center; }
.tex03 { position: absolute; color: #ffffff; font-size: 8px; background: transparent; text-align: center; }

.kg_div_200 { position: absolute; top: 50px; left: 250px; height: 250px; width: 120px; background-color: #00ff00;
  z-index: 20; }
.kg_div_201 { position: absolute; top: 50px; left: 250px; height: 250px; width: 120px; background-color: #ff0000;
  z-index: 20; }
.kg_div_202 { position: absolute; top: 280px; left: 150px; height: 20px; font-family: arial; font-weight: bold; 
  font-size: 16px; color: #101010; text-align: center; z-index: 20; }
.kg_div_203 { position: absolute; top: 50px; left: 150px; height: 20px; font-family: arial; font-weight: bold; 
  font-size: 16px; color: #ffffff; text-align: center; z-index: 20; }

.tlog { font-family: arial; font-weight: normal; font-size: 20px; color: #; }
.logtx { border: solid 1px #404040; border-radius: 10px; height: 40px; font-family: arial; font-weight: normal; font-size: 20px;
  color: #101010; text-align: center;  
}
.logsubmit { border: solid 1px #404040; border-radius: 10px; width: 100%; height: 48px; font-family: arial; font-weight: bold; font-size: 20px; 
  color: #101010; background-color: #8080ff; cursor: pointer; }
.logtds { text-align: center; }
.logdiv { font-family: arial; font-weight: normal; font-size: 14px; color: #ffffff; }
.logcfimg { border: solid 1px #404040; border-radius: 10px; }

.stb1 { width: 100%; border: solid 1px #101010; border-radius: 4px; background-color: #f0f0f0; font-family: arial; 
  font-weight: normal; font-size: 12px; text-align: center; position: absolute; top: 0px; left: 0px; }
.stb1a { width: 100%; background-color: #f0f0f0; font-family: arial; font-weight: normal; font-size: 12px; 
  text-align: center; color: #101010; border: none; }
.stb1d { width: 100%; height: 250px; overflow: auto; border: solid 1px #101010; border-radius: 4px; }
.stb1sel { width: 100%; border: solid 1px #404040; border-radius: 4px; background-color: #c0f0c0; color: #000000;
  font-family: arial; font-weight: bold; font-size: 12px; text-align: center; margin-bottom: 4px; }
.std1sel { width: 100%; border: solid 1px #404040; border-radius: 4px; background-color: #a0a0f0; color: #000000;
  font-family: arial; font-weight: bold; font-size: 12px; text-align: center; margin-bottom: 4px; }
.std1 { border-radius: 4px; background-color: #a0a0f0; }
.std2 { border-radius: 4px; background-color: #a0a0f0; width: 10%; }
.std11 { color: #000000; text-align: left; padding-left: 6px; padding-right: 6px; white-space: nowrap; }
.std12 {
  color: #000000; 
  text-align: center; 
  padding-left: 3px; 
  padding-right: 3px; 
  white-space: nowrap;
  font-size: 10px;
}
.std13 {
  font-size: 10px;
  width: 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: solid 1px #000000;
}

.stit1 {
  border: none;
  width: 95%;
}
.stit2 {
  border: none;
  width: 95%;
  text-align: center;
}

.ctab10 { margin: 4px; width: 100%; height: 10%; text-align: center; vertical-align: top; border: solid 1px #808080; border-radius: 4px;
  background-color: #000000; }
.ctd10 { padding: 4px; border: none; width: 20%; text-align: center; vertical-align: top; font-size: 6px; }
.ctd11 { border: none; width: 50%; text-align: right; vertical-align: middle; font-size: 6px; padding: 4px; padding-right: 10px; }
.cbtn10 { width: 90%; height: 40px; color: #ffffff; font-size: 20px; font-family: arial; border: solid 1px #ffffff; border-radius: 4px;
  background-color: #404040; }
.cbtn12 { width: 90%; color: #000000; font-size: 20px; font-family: arial; border: solid 1px #ffffff; border-radius: 4px; 
  background-color: #808080; cursor: not-allowed; }
.cbtn12e { width: 30%; color: #000000; font-size: 20px; font-family: arial; border: solid 1px #ffffff; border-radius: 4px; 
  background-color: #ffff80; cursor: pointer; }
.cbtn12s { width: 30%; color: #000000; font-size: 18px; font-family: arial; border: solid 1px #ffffff; border-radius: 4px; 
  background-color: #ffffff; }
.cbtn12:hover, .cbtn12e:hover { box-shadow: 0 0 10px 5px #404040; }
.cbtn10:hover, .cbtn11:hover { background: linear-gradient(#404040, #606060, #606060, #404040); color: #ffffff; border: solid 1px #ffffff;
  box-shadow: 0 0 10px 5px #404040; cursor: pointer; color: #8080ff; font-weight: bold; }
.ctxt10 { width: 95%; height: 220px; color: #808080; font-size: 16px; font-family: arial; font-weight: normal; border: solid 2px #808080; 
  border-radius: 4px; background-color: #ffffff; spellcheck: false; padding: 8px; }
.ctab20 { margin: 4px; width: 98%; height: 98%; text-align: center; vertical-align: top; border: none; background-color: #000000; }
.ctab20d { margin: 4px; width: 100%; height: 250px; overflow-y: auto; text-align: center; vertical-align: top; border: solid 1px #808080; 
  border-radius: 4px; background-color: #000000; }
.ctd20 { border: none; text-align: center; vertical-align: middle; font-size: 14px; color: #000000; background-color: #f0f0f0; padding: 5px; }
.ctd21 { font-weight: normal; color: #ffffff; padding: 8px; cursor: pointer; }
.ctd22 { font-weight: bold; color: #ffff00; padding: 8px; cursor: pointer; }
.ctd21:hover, .ctd22:hover { color: #8080ff; }
.ctd23 { font-weight: normal; padding: 8px; }

.ctab30 { margin: 4px; width: 100%; height: 100%; text-align: center; vertical-align: top; border: solid 1px #808080; border-radius: 4px;
  background-color: #000000; border-spacing: 20px; }
.ctd30 { border: solid 1px #c0c0c0; border-radius: 4px; padding: 10px; width: 30%; text-align: left; vertical-align: top; font-size: 20px;
  color: #c0c0c0; background-color: #404040; }
.ctd30:hover { background: linear-gradient(#404040, #606060); color: #ffffff; border: solid 1px #ffffff; box-shadow: 0 0 10px 5px #404040; }
.cdiv30 { padding: 4px; font-family: arial; font-size: 18px; font-weight: normal; }
.cdiv30:hover { color: #8080ff; font-weight: bold; cursor: pointer; }

.ctab31 { margin: 4px; width: 100%; height: 50px; text-align: center; vertical-align: top; border: solid 1px #808080; border-radius: 4px;
  background-color: #000000; border-spacing: 4px; }
.ctd31 { vertical-align: middle; }
.ctxt30 { width: 60%; color: #808080; border: solid 2px #808080; border-radius: 4px; font-size: 16px; font-family: arial; font-weight: normal;
  padding: 4px; }
.ctab60 { margin: 4px; width: 100%; height: 100%; text-align: center; vertical-align: top; border: solid 1px #808080; border-radius: 4px;
  background-color: #000000; border-spacing: 20px; }
.ctd60 { width: 32%; text-align: center; vertical-align: top; color: #c0c0c0; font-size: 18px; font-family: arial; font-weight: normal; padding: 40px; }
.cdiv60 { font-size: 56px; }
.cimg60 { width: 100%; }
.ctd61 { width: 3%; text-align: center; vertical-align: middle; }
.cimg61 { width: 1px; height: 98%; background-color: #c0c0c0; border: none;}

.cdivea { font-family: arial; font-size: 20px; font-weight: bold; text-align: left; border: solid 1px #404040; border-radius: 8px;
box-shadow: 2px 2px 2px 2px #c0c0c0; width: 280px; height: 50px; color: #000000; background-color: #ffffff; cursor: pointer; }
.cdive { font-family: arial; font-size: 18px; font-weight: bold; text-align: left; border: solid 1px #404040; border-radius: 8px;
box-shadow: 2px 2px 2px 2px #c0c0c0; width: 260px; height: 50px; color: #000000; background-color: #ffffff; cursor: pointer; 
position: relative; left: 20px; }
.cdivf { font-family: arial; font-size: 18px; font-weight: bold; text-align: left; border: solid 1px #404040; border-radius: 8px;
box-shadow: 2px 2px 2px 2px #c0c0c0; width: 240px; height: 50px; color: #000000; background-color: #ffffff; cursor: pointer; 
position: relative; left: 40px; }
.cdivet { position: relative; top: 12px; left: 10px; }
.cdiveai { position: relative; top: -20px; left: 230px; background-color: #e0e0e0; border: none; width: 40px; height: 40px; border-radius: 4px; }
.cdivei { position: relative; top: -18px; left: 210px; background-color: #e0e0e0; border: none; width: 40px; height: 40px; border-radius: 4px; }
.cdivfi { position: relative; top: -18px; left: 190px; background-color: #e0e0e0; border: none; width: 40px; height: 40px; border-radius: 4px; }
.cdive:hover, .cdivea:hover, .cdivf:hover { color: #0000ff; border: solid 1px #0000ff; box-shadow: 2px 2px 2px 2px #c0c0ff; }

.cdiva { font-family: arial; font-size: 20px; font-weight: bold; text-align: center;  border: solid 1px #404040; border-radius: 8px;
box-shadow: 2px 2px 5px 5px #c0c0c0; width: 300px; height: 260px; color: #000000; background-color: #ffffff; cursor: pointer; }
.cdivb { font-family: arial; font-size: 20px; font-weight: bold; text-align: center;  border: solid 1px #404040; border-radius: 8px;
box-shadow: 2px 2px 5px 5px #c0c0c0; width: 300px; height: 300px; color: #000000; background-color: #ffffff; cursor: pointer; }
.cdivc { font-family: arial; font-size: 20px; font-weight: bold; text-align: center;  border: solid 1px #404040; border-radius: 8px;
box-shadow: 2px 2px 5px 5px #c0c0c0; width: 300px; height: 240px; color: #000000; background-color: #ffffff; cursor: pointer; }
.cdivcd { font-family: arial; font-size: 20px; font-weight: bold; text-align: center;  border: solid 1px #404040; border-radius: 8px;
box-shadow: 2px 2px 5px 5px #c0c0c0; width: 300px; height: 240px; color: #000000; background-color: #ffffff; cursor: normal; }

.cdiva:hover, .cdivb:hover, .cdivc:hover { color: #0000ff; border: solid 1px #0000ff; box-shadow: 2px 2px 5px 5px #c0c0ff; }

.kinpe { border: solid 1px #808080; border-radius: 10px; width: 400px; height: 28px; font-family: arial; font-weight: bold; 
  font-size: 16px; text-align: center; }
.kbtne1 { border: solid 1px #808080; border-radius: 10px; width: 100px; height: 32px; font-family: arial; font-weight: bold; 
  font-size: 16px; color: #101010; background-color: #8080ff; cursor: pointer; }
.kbtne2 { border: solid 1px #808080; border-radius: 10px; width: 100px; height: 32px; font-family: arial; font-weight: bold; 
  font-size: 16px; color: #101010; background-color: #ffff80; cursor: pointer; }
.ebtn01 { font-weight: bold; cursor: pointer; border: solid 1px #000000; border-radius: 10px; background-color: #c0c0c0; width: 60px; height: 30px; }
.ebtn01:hover, .kbtne1:hover { border: solid 1px #0000ff; color: #0000ff; background-color: #c0c0e0; }
.kbtne2:hover { border: solid 1px #0000ff; color: #0000ff; background-color: #ffff80; }

.oktab30 { width: 100%; color: #000000; font-family: arial; font-weight: normal; font-size: 12px; border: solid 1px #c0c0c0; border-collapse: collapse;
  background-color: #ffffff; background: linear-gradient(to bottom right, #c0c0c0,#ffffff); }
.oktd31 { border: solid 1px #000000; text-align: left; padding-left: 10px; padding-right: 10px; white-space: nowrap; background-color: #e0e0e0; }
.oktd31f { border: solid 1px #000000; text-align: left; padding-left: 10px; padding-right: 10px; white-space: nowrap; background-color: #e0e0e0;
  font-weight: bold; }
.oktd33 { border: solid 1px #000000; width: 20%; background-color: #c0c0ff; background: linear-gradient(to bottom right, #8080ff,#c0c0ff); }
.oktd34 { border: solid 1px #000000; width: 10%; background-color: #c0c0ff; text-align: center; white-space: nowrap; vertical-align: bottom;
  width: 20px; height: 200px; padding-left: 6px; }
.oktd34 div { position: relative; top: 85px; left: 88px;
  transform: rotate(-90.0deg);
  -moz-transform: rotate(-90.0deg);
  -o-transform: rotate(-90.0deg);
  -webkit-transform: rotate(-90.0deg);
  filter: prodig:DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  -ms-filter: "prodig:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
  width: 20px; height: 200px; }
.map02 { width: 100%; height: 100%; text-align: center; vertical-align: middle; background: url("../images/map02.jpg") no-repeat 0px 0px; background-size: cover; }
.map03 { width: 100%; height: 100%; text-align: center; vertical-align: middle; background: url("../images/map03.gif") no-repeat 0px 0px; background-size: cover; }

.ico-qru { background-color: #808080; }
.ico-qru:hover { background-color: #0000ff; }