@import url(fontawesome-all.min.css);
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: middle;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

html, 
body {
    height: 100%;
    background-color: #f9c55d;
}
.turntable-bg {
  width: 100%;
  height: 100%;
  max-width: 1080px;
  margin: 0 auto;
  position: relative;
  background: url("../../images/rotate/bg20250911.jpg") no-repeat;
  background-size: 100%;
  background-position: center top;
  text-align: center;
}
.turntable-bg .pointer {
  position: absolute;
  z-index: 8;
  width: 100%;
  margin-top: 58%;
}
.turntable-bg .pointer .mask {
  position: absolute;
  z-index: 99;
  height: 10%;
  width: 10%;
  margin: 48% 45%;
}
.turntable-bg .pointer img {
  width: 100%;
  vertical-align: middle;
}

.turntable-bg .rotate {
  position: absolute;
  width: 100%;
  margin-top: 60%;
  background: url("../../images/rotate/turntable-bg20250911.png") no-repeat;
  background-size: 100%;
  background-position: center top;
  overflow: hidden;
}
.turntable-bg .rotate img {
  width: 100%;
}

    label, input { display:block; }
    input.text { margin-bottom:12px; width:95%; padding: .4em; border-width: 2px; border-color: yellow; outline-color: yellow; }
    fieldset { padding:0; border:0; margin-top:25px; }
    h1 { font-size: 1.2em; margin: .6em 0; }
    div#users-contain { width: 350px; margin: 20px 0; }
    div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
    div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
    .ui-dialog .ui-state-error { padding: .3em; }
    .validateTips, .txt { border: 1px solid transparent; padding: 0.3em; }
    .validateTips {color: yellow;}

/* Icon */

  .icon {
    text-decoration: none;
    border-bottom: none;
    position: relative;
  }

    .icon:before {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-style: normal;
      font-weight: normal;
      text-transform: none !important;
    }

    .icon > .label {
      display: none;
    }

/* List */

  ol {
    list-style: decimal;
    margin: 0 0 2em 0;
    padding-left: 1.25em;
  }

    ol li {
      padding-left: 0.25em;
    }

  ul {
    list-style: disc;
    margin: 0 0 2em 0;
    padding-left: 1em;
  }

    ul li {
      padding-left: 0.5em;
    }

    ul.icons {
      cursor: default;
      list-style: none;
      padding-left: 0;
    }

      ul.icons li {
        display: inline-block;
        padding: 0 1em 0 0;
      }

        ul.icons li:last-child {
          padding-right: 0;
        }

        ul.icons li .icon:before {
          font-size: 1.25em;
        }

        ul.icons li a {
          color: inherit;
        }
/* Footer */

  #footer {
    -moz-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    color: rgba(255, 255, 255, 0.5);
    position: absolute;
    text-align: center;
    width: 100%;
    margin-top: 160%;
  }

  #footer ul {
    position: relative;
    /*left: -50%;*/
  }

    #footer .icons {
      margin: 0 0 0.8em 0;
    }

    #footer .copyright {
      font-size: 1em;
      list-style: none;
      padding: 0;
    }

      #footer .copyright li {
        border-left: solid 1px rgba(255, 255, 255, 0.25);
        display: inline-block;
        line-height: 1em;
        margin: 0 0 0 0.75em;
        padding: 0 0 0 0.75em;
      }

        #footer .copyright li:first-child {
          border-left: 0;
          margin-left: 0;
          padding-left: 0;
        }

      #footer .copyright a {
        color: inherit;
      }

    #footer > :last-child {
      margin-bottom: 0;
    }