/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
img {
  width: 100%; }

#contents {
  width: 100%;
  background-color: #000;
  overflow: hidden; }
  #contents .logosammy {
    width: 17%;
    padding: 3% 0 0 3%;
    position: absolute;
    z-index: 1; }
  #contents .menubtn {
    width: 30%;
    padding: 3% 3% 0 0;
    position: absolute;
    right: 0;
    z-index: 1; }
  #contents .digibook {
    font-size: 0; }
    #contents .digibook p:nth-child(3) {
      width: 50%;
      display: inline-block; }
    #contents .digibook p:nth-child(4) {
      width: 50%;
      display: inline-block; }
  #contents .btn_area {
    width: 100%;
    position: absolute;
    padding-top: 16%;
    left: 0;
    top: 0; }
    #contents .btn_area ul {
      overflow: hidden; }
      #contents .btn_area ul li {
        float: left;
        width: 50%; }
  #contents .contentsbottom {
    position: relative; }
    #contents .contentsbottom p:nth-child(2) {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
    #contents .contentsbottom p:nth-child(3) {
      position: absolute;
      left: 0;
      bottom: 3%;
      width: 100%; }
  #contents #nav {
    overflow: hidden;
    position: relative;
    z-index: 1; }
    #contents #nav .nav_inner {
      position: absolute;
      left: 0;
      top: 6.2%; }
      #contents #nav .nav_inner li {
        float: left;
        width: 48%;
        margin-bottom: -1.5%; }
        #contents #nav .nav_inner li:nth-child(odd) {
          margin-left: 3.4%;
          margin-right: -1%; }
        #contents #nav .nav_inner li:nth-child(even) {
          margin-left: -1%; }

#footer {
  background: url(../images/bg_footer.jpg);
  background-size: cover;
  overflow: hidden; }
  #footer .socialArea {
    position: relative;
    overflow: hidden;
    margin-bottom: 4%; }
    #footer .socialArea ul {
      position: relative;
      left: 52%;
      float: left;
      width: 185px;
      height: 22px; }
      #footer .socialArea ul li {
        position: relative;
        left: -50%;
        float: left; }
        #footer .socialArea ul li:nth-child(1) {
          width: 67px;
          height: 20px;
          margin-right: 10px; }
        #footer .socialArea ul li:nth-child(2) {
          width: 78px;
          height: 17px;
          margin: -1px 0 0 22px; }
  #footer .copyright {
    text-align: center;
    margin: 2% 0;
    font-size: 0.7em;
    font-weight: 500;
    color: #fff;
    line-height: 1.7em; }
  #footer .banner img {
    margin-bottom: 4%; }

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