a {
    text-decoration: none;
}
html, body {
    font-size: 14px;
    line-height: 20px;
    color: #333333;
}

h1 {
    color: #ffffff;
    font-size: 25px;
    text-align: center;
    line-height: 44px;
    font-weight: bold;
    margin: 0.67em 0;
}

h2 {
    color: #ffffff;
    font-size: 25px;
    line-height: 44px;
    font-weight: bold;
    margin: 10px 0.67em 0;
}

hr {
    height: 1px;
    color: #ffffff;
    margin: 10px 23%;
}

img {
    display: block;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    border: 0;
}

table {
    margin-left: auto;
    margin-right: auto;
    table-layout: fixed;
    width: 100%;
    color: #ffffff;
}

.mdl-data-table {
    background-color: #494949;
}

thead {
    font-weight: bold;
}

.mdl-data-table tbody tr:hover {
    background-color:#494949;
    transition-property: none;
}

.even {
    background: #5e5e5e;
}

.odd:hover {
    background-color: #515151;
}

.even:hover {
    background-color: #5e5e5e;
}

td {
    overflow: visible;
}

.mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type {
    text-align: left;
    padding-left: 12px;
}

#ss-header {
    background-color: #2a2a2a;
    color: #ffffff;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#ss-header-bar {
    width: 66%;
    margin-left: auto;
    margin-right: auto;
}

#ss-header-logo {
    position: static;
    float: left;
}

#ss-logo {
    width: 50px;
    padding-top: 11px;
    padding-bottom: 0;
}

#ss-header-nav {
    position: static;
    float: left;
    max-width: 940px;
}

#ss-header-nav a {
    color: #ffffff;
    border-radius: 5px;
    margin: 10px auto 10px 20px;
}

#ss-header-nav a:hover {
    background-color: #5c5c5c;
}

.ss-current, .ss-current:hover {
    background-color: #444444;
}

#ss-top {
    background: linear-gradient(0deg, rgba(0, 0, 0, .4), hsla(0, 0%, 100%, 0)), url("../images/pattern.png"), #3d3d3d;
    padding-top: 20px;
}

#ss-top-content {
    display: block;
    padding-top: 28px;
    padding-bottom: 57px;
    margin-left: auto;
    margin-right: auto;
    max-width: 940px;
}

#ss-textlogo {
    max-width: 479px;
}

#ss-slogan {
    text-align: center;
    margin-top: 41px;
    margin-bottom: 41px;
    font-size: 24px;
    font-weight: 100;
    color: #ffffff
}

.ss-action-link {
    display: block;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding: 9px 15px;
    border: 0;
    text-align: center;
    font-size: 14px;
    line-height: inherit;
    border-radius: 5px;
    background: #07b34c;
    color: #ffffff;
    text-transform: none;
}

.ss-action-link:hover {
    background: rgba(7, 179, 76, .2);
}

#ss-layout {
    background-color: #313131;
}

.ss-content {
    margin-top: 0;
    margin-bottom: 20px;
    padding: 25px 10px;
    border-radius: 5px;
    background-color: #494949;
}

#ss-contact {
    margin-top: 0;
    color: #d6d6d6;
}

.ss-date {
    padding-top: 0;
    padding-bottom: 10px;
    color: #b1b1b1;
    text-align: right;
}

.ss-article {
    color: #d6d6d6
}

.ss-information-link {
    display: block;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding: 9px 15px;
    border: 0;
    text-align: center;
    font-size: 14px;
    line-height: inherit;
    border-radius: 5px;
    background: #3898EC;
    color: #ffffff;
    text-transform: none;
}

.ss-information-link:hover {
    background: rgba(56, 152, 236, 0.2);
}

.ss-heading {
    font-size: 50px;
    font-weight: 700;
    margin-top: 41px;
    margin-bottom: 41px;
    text-align: center;
}

.ss-subheading {
    font-size: 50px;
    font-weight: 700;
    margin-top: 16px;
    margin-bottom: 16px;
    text-align: center;
}

.ss-game {
    display: flex;
    align-items: center;
}

.ss-game-score {
    border-left: 1px solid #ffffff;
    padding-left: 20px;
}

.ss-game-score p {
    color: #ffffff;
    font-size: 20px;
    text-align: center;
}

.ss-game-stage {
    margin-left: auto;
    justify-content: right;
}

#ss-player-content {
    position: absolute;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 25px 10px;
    border-radius: 5px;
    height: calc(((100vw * .3333333333) - 16px - 16px - 20px) * (9 / 16) + 20px + 25px);
    background-color: #494949;
}

#ss-player {
    position: absolute;
    margin-left: 4px;
    width: calc(((100vw * .3333333333) - 16px - 16px - 20px));
    height: calc(((100vw * .3333333333) - 16px - 16px - 20px) * (9 / 16));
}

.ss-player-youtube {
    width: calc(((100vw * .5) - 16px - 16px - 20px));
    height: calc(((100vw * .5) - 16px - 16px - 20px) * (9 / 16));
    margin-bottom: 16px;
}

.ss-download {
    text-align: center;
    margin-bottom: 8px;
}

.ss-download .ss-action-link {
    display: inline;
}

.hidden {
    display: none;
}