html, body {
  height: 100%; }

body {
  background-image: url("../../images/pattern.png");
  background-color: #361F0A;
  background-repeat: repeat;
  display: flex;
  align-items: baseline;
  color: #fff;
  font-family: "PT Sans Narrow", Arial, sans-serif !important;
  line-height: 25px !important; }
  body a, body a:hover, body a:visited, body a:active {
    color: #fff; }
  body.index {
    background: #000 url(../../images/index-bg.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 80%;
    display: flex;
    align-items: center;
    justify-content: center; }
    body.index .enter {
      display: inline-block;
      width: 90%;
      max-width: 400px;
      height: 100px;
      background: url(../../images/enter.png) no-repeat;
      background-size: contain; }
  body > .container {
    background-color: #000;
    min-height: calc(100% - 40px);
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 1000px;
    width: 90%;
    padding: 15px;
    position: relative;
    border-top-left-radius: 45px; }
    body > .container .logo {
      text-align: center;
      margin-bottom: 30px; }
      body > .container .logo img {
        max-width: 100%; }
    body > .container nav .navbar-header {
      display: none; }
      body > .container nav .navbar-header .navbar-toggle {
        margin: 0; }
        body > .container nav .navbar-header .navbar-toggle span {
          background-color: #fff; }
        body > .container nav .navbar-header .navbar-toggle.active span {
          background-color: #F60; }
    body > .container nav ul.main-menu > li {
      position: relative; }
      body > .container nav ul.main-menu > li a {
        padding: 10px;
        display: block; }
      body > .container nav ul.main-menu > li .submenu {
        position: absolute;
        left: 100%;
        top: 0;
        min-width: 150px;
        display: none;
        z-index: 10; }
        body > .container nav ul.main-menu > li .submenu li {
          position: relative;
          background: #fff;
          white-space: nowrap; }
          body > .container nav ul.main-menu > li .submenu li a {
            color: #000;
            position: relative;
            z-index: 1;
            padding: 3px 10px; }
          body > .container nav ul.main-menu > li .submenu li .sub {
            position: absolute;
            top: 0;
            left: 99%;
            background: #fff;
            border-left: solid 3px #F60;
            padding-left: 3px;
            min-width: 500px;
            display: none;
            z-index: 10; }
            body > .container nav ul.main-menu > li .submenu li .sub li {
              float: left;
              width: 50%; }
              body > .container nav ul.main-menu > li .submenu li .sub li:hover a {
                color: #F60; }
        body > .container nav ul.main-menu > li .submenu > li:before {
          content: ' ';
          position: absolute;
          width: 3px;
          left: 0;
          height: 100%;
          top: 0;
          background-color: #F60;
          z-index: 0; }
        body > .container nav ul.main-menu > li .submenu > li:hover:before {
          width: 100%;
          -webkit-transition: width 0.3s ;
          -moz-transition: width 0.3s ;
          -ms-transition: width 0.3s ;
          -o-transition: width 0.3s ;
          transition: width 0.3s ; }
        body > .container nav ul.main-menu > li .submenu > li:hover > a {
          color: #fff; }
        body > .container nav ul.main-menu > li .submenu > li:hover .sub {
          display: block; }
        body > .container nav ul.main-menu > li .submenu > li + li {
          margin-top: 3px; }
      body > .container nav ul.main-menu > li:hover > a {
        color: #F60; }
      body > .container nav ul.main-menu > li:hover .submenu {
        display: block; }
    body > .container nav div {
      padding: 10px; }
      body > .container nav div .icons {
        width: 24px;
        height: 24px;
        display: inline-block;
        margin-right: 10px; }
  body .align-C {
    text-align: center; }
  body .h-title {
    color: #b2b2b2;
    font-size: 16px;
    border-bottom: dashed 1px rgba(255, 255, 255, 0.4);
    padding: 10px 0;
    margin-bottom: 15px;
    font-weight: bold; }
  body .fanbox-cntr {
    display: flex;
    flex-flow: wrap;
    justify-content: center; }
  body .aboutme {
    text-align: justify;
    color: #b2b2b2; }
    body .aboutme .title {
      color: #F60;
      margin: 20px 0 8px; }
  body .fanbox-cntr a {
    padding: 3px; }
  body .article-list li {
    height: 150px;
    margin-bottom: 10px;
    font-size: 13px; }
    body .article-list li div {
      padding-left: 0px;
      height: 50px; }
      body .article-list li div img {
        max-width: 100%;
        max-height: 100%;
        border: none; }

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