.content { padding-bottom: 80px }
.content h2 {
    margin: 0 0 64px;
    line-height: 0;
}
.content p {
    clear: both;
    margin: 0 0 40px;
    font-size: 15px;
    line-height: 27px;
}
.content ol { list-style: none }
.content ol li {
    position: relative;
    height: 400px;
    font-size: 16px;
    line-height: 26px;
}
.content ol li span {
    display: block;
    min-height: 1px;
}
.content ol li span:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.content ol li img { margin: 0 0 15px }
.content ol li div {
    position: absolute;
    bottom: 30px;
    width: 365px;
}
.content ol li.f1 { background: url("../img/flow/flow-1.png") no-repeat }
.content ol li.f2 {
    background: url("../img/flow/flow-2.png") no-repeat right 0;
    text-align: right;
}
.content ol li.f3 { background: url("../img/flow/flow-3.png") no-repeat }
.content ol li.f4 {
    background: url("../img/flow/flow-4.png") no-repeat right 0;
    text-align: right;
}
.content ol li.f5 { background: url("../img/flow/flow-5.png") no-repeat }
.content ol li.f6 {
    background: url("../img/flow/flow-6.png") no-repeat right 0;
    text-align: right;
}
.content ol li.f1 div,
.content ol li.f3 div,
.content ol li.f5 div { left: 440px }
.content ol li.f2 div,
.content ol li.f4 div { left: 0 }
.content ol li.f6 div {
    bottom: 0;
    left: 0;
}
.content ol li.f2 img,
.content ol li.f4 img,
.content ol li.f6 img { float: right }
.content ol li.f2 h4 img {
    margin: 0;
    float: none;
}
.content ol li.f2 ul li img {
    margin: 0;
    float: none;
}
.content ul {
    margin: 20px 0 0;
    list-style: none;
}
.content ul li {
    height: 62px;
    line-height: 0;
}
.content ul li span {
    display: block;
    margin: 0 0 10px;
}