.scene--information {
  position: relative;
  margin: 0 auto;
  box-sizing: border-box; }
  .scene--information .tabs {
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 15px; }
    .scene--information .tabs ul {
      position: relative;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      left: 50%;
      display: table;
      padding: 0 20px;
      box-sizing: border-box;
      width: 100%; }
      .scene--information .tabs ul li {
        width: 20%;
        cursor: pointer;
        display: table-cell;
        table-layout: fixed;
        word-break: break-all; }
        .scene--information .tabs ul li:not(:last-child) {
          border-right: 1px solid #fff; }
        .scene--information .tabs ul li a {
          color: #fff;
          display: block;
          padding: 6px;
          text-decoration: none;
          text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
          background: rgba(0, 0, 0, 0.85); }
          .scene--information .tabs ul li a:hover {
            background: rgba(0, 0, 0, 0.5);
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s; }
  .scene--information .all .tab_all a, .scene--information .shop .tab_shop a, .scene--information .update .tab_update a, .scene--information .maintenance .tab_maintenance a, .scene--information .event .tab_event a, .scene--information .important .tab_important a, .scene--information .defect .tab_defect a, .scene--information .other .tab_other a {
    background: rgba(0, 0, 0, 0.5); }
  .scene--information .tabs ul:first-child {
    border-bottom: 1px solid #fff; }
  .scene--information .news_title {
    color: #000;
    padding: 0 20px 0 0; }

.infoDate {
  /* News Category */ }
  .infoDate .time {
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0 5px 0 0;
    font-size: 12px; }
  .infoDate .category_mark {
    min-width: 60px;
    color: #fff;
    font-size: 11px;
    padding: 0 10px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    zoom: 1; }
  .infoDate .important {
    background-color: #cc0000; }
  .infoDate .update {
    background-color: #0095cc; }
  .infoDate .maintenance {
    background-color: #00cc0e; }
  .infoDate .event {
    background-color: #dd8200; }
  .infoDate .defect {
    background-color: #666; }
  .infoDate .other {
    background-color: #aaa; }
  .infoDate .shop {
    background-color: #d9b800; }

.mr10 {
  margin-right: 10px; }

.infoLink ul li a {
  text-decoration: none;
  color: #000; }
  .infoLink ul li a dl:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: rgba(238, 238, 238, 0.3); }