body {
    font-family: Arial, Helvetica, sans-serif, '微軟正黑體', '新細明體';
    background-color: transparent;
}

.gray {
    background-color: #c9c9c9;
}

ol, ul {
    margin: 0 2% 0 3%;
    padding: 0 2% 0 3%;
    text-align: justify;
    text-justify: distribute;
}

li {
    margin: 5px 0;
    padding: 5px 0;
}

.text {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: justify;
    text-justify: distribute;
}

.digit-yellow {
    color: #ffff00;
}

.text-red {
    color: #ff0000;
}

.text-green {
    color: #00aa40;
}

.text-yellow {
    color: #e9df53;
}

.text-light-yellow {
    color: #fff799;
}

.subject {
    color:  #ffff00;
    background-color:  #937e6b;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
}

.topic {
    background-color: #c9c9c9;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
}

.f-table {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    border-right: 1px solid;
    border-bottom: 1px solid;
    width: 97%;
}

.f-tr {
    display: flex;
    flex-wrap: nowrap;
    margin: 0px;
    padding: 0px;
    flex-basis: 100%;
    border-color: inherit;
}

.f-tc {
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px;
    flex-basis: 100%;
    border-color: inherit;
}

.f-td {
    display: flex;
    padding: 4px;
    border-top: 1px solid;
    border-left: 1px solid;
    border-color: inherit;
    align-items: center;
    flex-basis: 100%;
    flex-wrap: wrap;
}

.f-attached-td {
    display: flex;
    padding: 4px;
    border-left: 1px solid;
    border-color: inherit;
    align-items: center;
    flex-basis: 100%;
}

.border-gray {
    border-color: #8c8c8c;
}

.border-dim {
    border-color: #c8c8c8;
}

.borderless {
    border-top: 0px transparent;
    border-left: 0px transparent;
}

.horizon-center {
    justify-content: center;
    text-align: center;
}

.double-width {
    flex-basis: 200%;
}

.triple-width {
    flex-basis: 300%;
}

.jackpot-width {
    flex-basis: auto;
    width: 42%;
    padding: 3px;
}

.symbol-width {
    flex-basis: auto;
    width: 13%;
    padding: 2px;
}

.long-symbol-width {
    flex-basis: auto;
    width: 50%;
    padding: 2px;
}

.introduce {
    display: flex;
    margin: 0px;
    padding: 0px;
    flex-wrap: wrap;
    flex-basis: 100%;
}

.explain {
    flex-basis: 100%;
    margin: 5px 10px;
}

.gist {
    color: #c490bf;
    margin: 4px;
    padding: 0px;
}