/* 申請流程 */
.membership-application-flow {
    display         : flex;
    justify-content : center;
    align-items     : center;
    flex-wrap       : wrap;
    padding         : 30px 15px;
    background-color: #e6e6e6;
}

.flow-block {
    display        : flex;
    justify-content: center;
    align-items    : center;
    flex-wrap      : wrap;
}

.flow-block>div {
    margin: 10px 15px;
}

.flow-item {
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    width           : 140px;
    height          : 120px;
    border          : 2px solid white;
    padding         : 15px 5px;
    text-align      : center;
    border-radius   : 10px;
    font-weight     : 600;
    background-color: #e6e6e6;
    color           : #4d4d4d;
}

.flow-item-next {
    width       : 0;
    height      : 0;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    border-color: transparent transparent transparent #cccccc;
}

.flow-number {
    color        : #d47004;
    font-size    : 25px;
    font-weight  : 600;
    margin-bottom: 7px;
    margin-top   : -8px;
}

@media only screen and (max-width: 1100px) {
    .flow-block {
        width: 800px;
    }
}

@media only screen and (max-width: 700px) {
    .flow-block>div {
        margin: 10px 8px;
    }

    .flow-item {
        width    : 125px;
        height   : 120px;
        margin   : 10px 9px;
        font-size: 15px;
    }
}

@media only screen and (max-width: 600px) {
    .flow-block>div {
        margin: 10px 8px;
    }

    .flow-item {
        width    : 105px;
        height   : 100px;
        margin   : 10px 4px;
        font-size: 12px;
    }

    .flow-item-next {
        border-width: 10px 0 10px 10px;
    }
}

@media only screen and (max-width: 480px) {
    .flow-block>div {
        margin: 8px 6px;
    }

    .flow-item {
        width    : 95px;
        height   : 90px;
        margin   : 10px 4px;
        font-size: 11px;
    }

    .flow-item-next {
        border-width: 10px 0 10px 10px;
    }
}

@media only screen and (max-width: 420px) {
    .flow-block {
        width          : 320px;
        justify-content: space-between;
    }

    .flow-block>div {
        margin: 8px 6px;
    }

    .flow-item {
        width    : 95px;
        height   : 90px;
        margin   : 10px 4px;
        font-size: 11px;
    }

    .flow-item-next {
        border-width: 10px 0 10px 10px;
    }
}