html, body {
  margin: 0px;
  padding: 0px;
  -webkit-text-size-adjust: none; }

.tb {
  table-layout: fixed;
  border-collapse: collapse;
  text-align: center;
  top: 2px;
  left: 0px;
  position: absolute;
  background-color: #ffe; }
  @media screen and (min-width: 600px) {
    .tb {
      width: 600px;
      height: 600px; } }
  @media screen and (min-width: 475px) and (max-width: 599px) {
    .tb {
      width: 475px;
      height: 475px; } }
  @media screen and (min-width: 414px) and (max-width: 474px) {
    .tb {
      width: 414px;
      height: 414px; } }
  @media screen and (min-width: 375px) and (max-width: 413px) {
    .tb {
      width: 375px;
      height: 375px; } }
  @media screen and (min-width: 367px) and (max-width: 374px) {
    .tb {
      width: 367px;
      height: 520px; } }
  @media screen and (min-width: 360px) and (max-width: 366px) {
    .tb {
      width: 360px;
      height: 450px; } }
  @media screen and (max-width: 359px) {
    .tb {
      width: 320px;
      height: 440px; } }

.fix, .big, .err, .focusbig, .focuserr, .cad, .focuscad {
  width: 100%;
  height: 100%; }

.fix, .big, .err, .focusbig, .focuserr {
  font-size: 28px; }

.fix, .big, .err {
  text-align: center;
  vertical-align: middle;
  border: none;
  padding: 0px;
  margin: 0px;
  background-color: transparent; }

.cad, .focuscad {
  text-align: center;
  vertical-align: middle;
  border: none;
  overflow: hidden;
  white-space: pre-wrap;
  font-family: "courier new", courier, monospace;
  color: #000;
  padding: 0px;
  margin: 0px;
  background-color: transparent;
  color: #000000; }
  @media screen and (max-width: 360px) {
    .cad, .focuscad {
      font-size: 12px;
      letter-spacing: 2px;
      line-height: 10px; } }
  @media screen and (min-width: 361px) and (max-width: 474px) {
    .cad, .focuscad {
      font-size: 12px;
      letter-spacing: 3px;
      line-height: 10px; } }
  @media screen and (min-width: 475px) {
    .cad, .focuscad {
      font-size: 14px;
      letter-spacing: 3px;
      line-height: 12px; } }

.focuscad {
  border: 0;
  background-color: yellow; }

.fix {
  color: #000000; }

.big {
  color: #0000ff; }

.err {
  color: #0000ff;
  background-image: url(/image/red.jpg);
  background-repeat: no-repeat;
  border: none; }

.focusbig, .focuserr {
  text-align: center;
  vertical-align: middle;
  border: none;
  padding: 0px;
  margin: 0px;
  background-color: transparent; }

.focusbig {
  color: #0000ff;
  background-color: yellow; }

.focuserr {
  color: #0000ff;
  background-image: url(/image/focusred1.jpg);
  background-repeat: no-repeat;
  border: none; }

.button {
  font-family: verdana;
  font-size: 12px;
  height: 25px; }

.numsbd {
  text-align: center;
  visibility: hidden;
  border: 2px solid #111111;
  width: 100%; }

td.sel {
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  border: 2px solid blue; }

hr {
  border: 1px dotted #ccc;
  padding: 0px;
  margin: 0px; }

@media screen and (min-width: 600px) {
  #chk {
    width: 30px;
    height: 15px; } }
@media screen and (min-width: 475px) and (max-width: 599px) {
  #chk {
    width: 24px;
    height: 12px; } }
@media screen and (min-width: 414px) and (max-width: 474px) {
  #chk {
    width: 24px;
    height: 12px; } }

@media screen and (min-width: 600px) {
  .bt1, .bt2 {
    width: 50px;
    height: 45px; } }
@media screen and (min-width: 475px) and (max-width: 599px) {
  .bt1, .bt2 {
    width: 40px;
    height: 34px; } }
@media screen and (min-width: 414px) and (max-width: 474px) {
  .bt1, .bt2 {
    width: 40px;
    height: 31px; } }
@media screen and (min-width: 375px) and (max-width: 413px) {
  .bt1, .bt2 {
    width: 40px;
    height: 28px; } }
@media screen and (min-width: 360px) and (max-width: 366px) {
  .bt1, .bt2 {
    width: 40px;
    height: 28px; } }

@media screen and (min-width: 600px) {
  .chkdiv {
    width: 50px;
    height: 55px; } }
@media screen and (min-width: 475px) and (max-width: 599px) {
  .chkdiv {
    width: 40px;
    height: 50px; } }
@media screen and (min-width: 414px) and (max-width: 474px) {
  .chkdiv {
    width: 40px;
    height: 50px;
    margin-left: 0px; } }
@media screen and (min-width: 375px) and (max-width: 413px) {
  .chkdiv {
    width: 40px;
    height: 50px;
    margin-left: 0px; } }
@media screen and (min-width: 360px) and (max-width: 366px) {
  .chkdiv {
    width: 40px;
    height: 50px;
    margin-left: 0px; } }

.bt1, .bt2 {
  font-size: 20px;
  font-weight: bolder;
  vertical-align: middle;
  text-align: left;
  border: 0px;
  background-color: transparent; }
  @media screen and (min-width: 600px) {
    .bt1, .bt2 {
      padding-left: 20px; } }
  @media screen and (min-width: 475px) and (max-width: 599px) {
    .bt1, .bt2 {
      padding-left: 13px; } }
  @media screen and (min-width: 414px) and (max-width: 474px) {
    .bt1, .bt2 {
      padding-left: 10px; } }
  @media screen and (min-width: 375px) and (max-width: 413px) {
    .bt1, .bt2 {
      padding-left: 8px; } }

.bt2 {
  color: #00f; }

.btlabel {
  font-size: 12px; }

ul#nav {
  clear: both;
  float: left;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  list-style: none;
  width: 100%;
  color: #FFFFFF; }

ul#nav li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  font-size: 12px; }

ul#nav li a {
  display: block;
  margin: 0px 2px 0px 0px;
  padding: 0px 5px 0px 5px;
  color: #FFFFFF;
  background-color: #0065CE;
  font-weight: normal;
  text-decoration: none; }

ul#nav li a:hover {
  background-color: #FF0;
  color: #000; }

ul#nav a.selected {
  background-color: #FF0;
  color: #000; }

ul#nav2 {
  float: left;
  list-style: none; }

ul#nav2 li {
  margin: 0px 0px 0px 0px;
  padding: 0px 1px 0px 0px;
  float: right; }

.fixbox {
  overflow: hidden;
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 8.5vw; }
  @media screen and (max-width: 374px) {
    .fixbox {
      height: 10.5vw; } }

.tr20, .tr10, .tr12 {
  overflow: hidden; }
  @media screen and (min-width: 600px) {
    .tr20, .tr10, .tr12 {
      height: 56px; } }
  @media screen and (min-width: 475px) and (max-width: 599px) {
    .tr20, .tr10, .tr12 {
      height: 45px; } }
  @media screen and (min-width: 414px) and (max-width: 474px) {
    .tr20, .tr10, .tr12 {
      height: 39px; } }
  @media screen and (min-width: 375px) and (max-width: 413px) {
    .tr20, .tr10, .tr12 {
      height: 35px; } }

.tr20 {
  border-top: #000 2px solid; }

.tr10 {
  border-top: #000 1px solid; }

.tr12 {
  border-top: #000 1px solid;
  border-bottom: #000 2px solid; }

@media screen and (min-width: 600px) {
  .td20, .td10, .td12 {
    width: 60px; } }
@media screen and (min-width: 475px) and (max-width: 599px) {
  .td20, .td10, .td12 {
    width: 48px; } }
@media screen and (min-width: 414px) and (max-width: 474px) {
  .td20, .td10, .td12 {
    width: 48px; } }

.td20 {
  border-left: #000 2px solid; }

.td10 {
  border-left: #000 1px solid; }

.td12 {
  border-left: #000 1px solid;
  border-right: #000 2px solid; }

@media screen and (max-width: 374px) {
  .isbig {
    display: none; } }

@media screen and (min-width: 375px) {
  .issmall {
    display: none; } }

.btr1, .btr2, .chk2 {
  font-size: 18px;
  font-weight: bolder;
  text-align: center;
  background-color: transparent; }
  @media screen and (min-width: 367px) and (max-width: 374px) {
    .btr1, .btr2, .chk2 {
      width: 28px;
      height: 28px;
      margin: 0 -4px 0 -4px; } }
  @media screen and (min-width: 360px) and (max-width: 366px) {
    .btr1, .btr2, .chk2 {
      width: 28px;
      height: 28px;
      margin: 0 -3px 0 -3px; } }
  @media screen and (max-width: 359px) {
    .btr1, .btr2, .chk2 {
      width: 40px;
      height: 26px;
      margin: 3px -3px;
      font-size: 16px; } }

.btr2 {
  color: #00f; }

.btn {
  width: 35px;
  margin-right: 2px;
  border-radius: 5px;
  -webkit-appearance: none; }

/*# sourceMappingURL=newsudoku.css.map */