.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex1 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.flex-direction {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.align-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.justify-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.color-fff {
    color: #ffffff;
    font-size: 16px;
}

.color-ddd {
    color: #dddddd;
}

.color-ddd-bg {
    background-color: #dddddd;
}

.color-333 {
    color: #333333;
}

.color-aaa {
    color: #aaaaaa;
}

nav li p {
    color: #333;
}

nav li span {
    color: #aaa;
    font-size: 12px;
}

nav .active p,
nav .active span {
    font-weight: bold;
    color: #2b3d51;
}

header,
nav {
    padding: 0 15%;
    margin: 0 auto;
}

.book {
    background-color: #e40f25;
    color: #ffffff;
    border: 0;
}

.flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.flex-direction {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.align-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.justify-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
footer {
    position: relative;
    width: 100%;
    padding: 0 15%;
    height: 450px;
    background: url('../../style/img/footer.png') no-repeat center center;
    background-size: 100% 100%;
    background-color: #1e1f1f;
    box-sizing: border-box;
}

footer .footer_bg {
    width: 100%;
    position: absolute;
    height: 30px;
    background: url('../../style/img/footer_bg.png') center center;
    left: 0;
    top: -15px;
}

footer .flex {
    text-align: center;
}

footer .footer-label a {
    color: #c1c2c4;
}

footer .footer-label li {
    margin-bottom: 20px;
}