* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
}

html {
    height: 100%;
    font-size: 15px;
}

header {
    position: relative;
}

body {
    height: 100%;
    background-color: #000;
    background-image: linear-gradient(to left top, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8aa7ec, #79b3f4, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.banner{
    width:100%;
    height:210px;
    margin:0 auto;
    background:url('/static/img/banner.png') no-repeat top center;
    background-size: cover;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #fff;
    //color: #abc1ee;
    font-size: 1rem;
}

a:hover {
    color: orange;
}

table {
    line-height: 1.5;
    table-layout: fixed;
    width: 100%;
}

tr td {
  word-wrap: break-word;
  overflow: hidden;
}

.title {
    margin-top: 20px;
    margin-bottom: 20px;
}

.action_area {
    // margin-top: 10px;
    margin-bottom: 20px;
}

.msg {
    text-align: center;
    line-height: 88px;
}

#timecount {
    text-align: center;
    line-height: 388px;
}