/* index page */
#page{
    max-width: 750px;
    margin: 0 auto;
    background-color: #fff;
    font-size: 1.2em;
    padding: 20px;
}

#page h5{
    font-size: 2em;
    text-align: center;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
}
.category_images {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 8px 0;
}

.category_images p {
    width: 20%;
    display: block;
}

.banners {
    overflow: hidden;
    padding-bottom: 8px;
}

.banners p {
    float: left;
    width: 50%;
}

.index_title {
    height: 50px;
    background-color: #ff004e;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 50px;
    color: #fff;
    line-height: 50px;
    font-size: 26px;
    font-weight: bold;
    padding-left: 2%;
}

.index_new_title {
    background-image: url(../images/index_new.png);
}

.index_countdown_title {
    background-image: url(../images/index_countdown.png);
}

.index_featured_title {
    background-image: url(../images/index_featured.png);
}

.ptitle{
    text-align: center; font-size: 1.5em; font-weight: bold;padding: 10px; margin: 10px;
}
.greybg{
     padding-bottom: 30px;
}
.pages h4{
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.5em;
}
.go_back {
    text-align: right;
    padding: 10px;
}

.h1, h1 {
    font-size: calc(((var(--font-h1-desktop))/ (var(--font-size-base))) * 1em);
    text-transform: none;
    letter-spacing: 0;
}
.h1, .h2, h1, h2 {
    margin: 0 0 17.5px;
    font-family: var(--font-stack-header);
    font-style: var(--font-style-header);
    font-weight: var(--font-weight-header);
    line-height: 1.2;
    overflow-wrap: break-word;
    word-wrap: break-word;
}