#maincontent h2.flowcontent_title{
        font-size: 17px;
        font-family: sans-serif;
    }
    .tabnav li>a {
        padding-left: 32px;
        padding-right: 32px;
    }

    .flowstep dt span{
        font-size: 18px;
        /* color: #999999; */
        /* color: #30A0D7; */
        color: #2BBEAC;
    }
    .flowstep dd>.detail{
        float:none;
        width: 100%;
        margin-bottom: 30px;
    }
    .flowstep dd>.detail h4{
        border-bottom: 1px dotted #CCCCCC;
    }
    .flowstep dd ul{
        clear:both;
        float: none;
    }
    .flowstep dd .flowcontent_supports{
        float: left;
        width: 50%;
        margin-bottom: 25px;
    }
    #maincontent .flowstep dd .flowcontent_supports h4{
        font-size: 16px;
        margin-top:0;
        color: #FFFFFF;
        background: #30A0D7;
        padding: 5px 11px 3px;
        border-radius: 3px;
    }
    .flowstep dd .flowcontent_supports ul{
        width: 100%;
        background-color: transparent;
        border:none;
        padding: 0;
        margin-left: 5px;
        float:none;
    }
    .flowcontent_supports ul li{
        position:relative;
        padding-left: 15px;
        line-height: 1.4;
        margin-bottom: 5px;
    }
    .flowcontent_supports ul li:before{
        display: inline-block;
        position: absolute;
        content:"";
        width:6px;
        height:6px;
        left: 1px;
        top: 7px;
        border-radius: 10px;
        background-color: #0691D7;
    }
.flowcontent_links{
    float: right;
    width: 45%;
    padding: 10px;
    background-color: #F6FCFF;
    border: 1px solid #E7E7E7;
    border-radius: 5px;
}
.flowcontent_links p{
    text-align: center;
    font-weight: bold;
    margin-bottom: 8px;
}
.flowcontent_links .links{
    width: 100%;
    float:none;
    border:none;
    padding: 0;
}
.flowcontent_links .links li{}
.flowcontent_links .links li a{}
.flowcontent_dict{
    border: 1px solid #CCCCCC;
    padding: 10px;
    text-align: center;
}
.flowcontent_dict h4{
    border:none !important;
    font-size: 18px !important;
    margin-top: 10px !important;
}
.tabnav{
    display:none !important;
}
.imgR{
    width:30%; margin:10px 0 20px 30px;
}
@media (max-width: 767px){
    #maincontent h2.flowcontent_title{
        font-size: 14px;
    }
    .tabnav li>a {
        padding-left: 0;
        padding-right: 0;
    }

    .flowstep dt span{
        display: block;
        font-size: 14px;
        line-height: 1.5;
        padding-bottom: 10px;
    }
    .flowstep dd>.detail{}
    .flowstep dd>.detail h4{
    }
    .flowstep dd>.detail p{
        line-height: 1.5;
    }
    .flowstep dd ul{}
    .flowstep dd .flowcontent_supports{
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    #maincontent .flowstep dd .flowcontent_supports h4{
        font-size: 14px;
        padding: 5px 11px 3px;
    }
    .flowstep dd .flowcontent_supports ul{}
    .flowcontent_supports ul li{}
    .flowcontent_supports ul li:before{}
    .flowcontent_links{
        float: none;
        width: 100%;
    }
    .flowcontent_links p{
        margin-bottom: 8px;
    }
    .flowcontent_links .links{}
    .flowcontent_links .links li{}
    .flowcontent_links .links li a{}
    .flowcontent_dict{
    }
    .flowcontent_dict h4{
        font-size: 14px !important;
        margin-top: 0px !important;
    }
    .flowstep#step01, .flowstep#step02, .flowstep#step03, .flowstep#step04, .flowstep#step05 {
        background-position: 10px 20px;
        background-size: auto 28px;
    }
    .flowstep dt {
        text-align: center;
        margin-left: 50px;
    }
    .flowstep dd {
        padding-left: 50px;
        background-position: 15px 0;
    }

    #flowfig ol{
        padding: 5px 10px 0;
    }
    #flowfig ol li{
        height:auto;
        margin-bottom:0;
    }
    #flowfig ol li img{
        height:auto;
    }
    .imgR{
        width:40%; margin:5px 0 5px 5px;
    }

}