#step_tip .step_border {
    position: relative;
    left: 20px;
    height: 48px;
    width: 750px;
    margin: 0 auto;
}

#step_tip .item_border {
    width: 32%;
    float: left;
    height: 48px;
    font-size: 14px;
    line-height: 23px;
    color: #8b8b8b;
    background: url(images/flowsteps/line_gray.png) repeat-x 0 13px;
}

    #step_tip .item_border.done {
        background-image: url(images/flowsteps/line_done_orange.png);
    }

    #step_tip .item_border.last {
        width: auto !important;
        position: absolute;
        right: 0;
        background: #FFF;
    }

    #step_tip .item_border .item {
        position: relative;
        left: -20px;
        float: left;
    }

        #step_tip .item_border .item .num {
            margin: 0 auto;
            width: 34px;
            height: 30px;
            line-height: 28px;
            color: #FFF;
            text-align: center;
            font-size: 16px;
            font-weight: bold;
            background: url(images/flowsteps/block_gray.png) no-repeat 50% 50%;
        }

        #step_tip .item_border .item.current .num {
            background-image: url(images/flowsteps/block_current_orange.png);
        }

    #step_tip .item_border.done .item .num {
        background-image: url(images/flowsteps/block_done_orange.png);
    }

    #step_tip .item_border.last .item .num {
        background: url(images/flowsteps/block_ok_gray.png) no-repeat 50% 50%;
    }

    #step_tip .item_border .item .text {
        text-align: center;
    }

    #step_tip .item_border .item.current .text {
        color: #ff6824;
    }

.success_icon {
    display: block;
    width: 64px;
    height: 64px;
    margin-right: 10px;
    float: left;
    background-image: url('images/tip_ok_64x64_green.png');
}