.gen {
    width: 100%;
    min-height: 80vh;
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #FFF;
}
    .gen .gen_con {
        max-width: 1300px;
        width: 88%;
        margin: auto;
        display: block;
    }
        .gen .gen_con .left_pane {
            background: #53bd44;
            width: 100%;
            max-width: 400px;
            padding: 0;
            margin: 0;
            min-width: 250px;
            display: block;
            overflow: hidden;
            border-radius: 3px;
            box-shadow: 0 0 3px 1px #cacaca;
            border: 1px solid #e1f2de;
        }
            .gen .gen_con .left_pane .Header {
                display: block;
                width: 88%;
                margin: 0 6% 0 6%;
                color: #fff;
                padding: 10px 0 10px 0;
                font-weight: 600;
                font-size: 13pt;
            }
            .gen .gen_con .left_pane .Menu_Con {
                display: block;
                margin: 0;
                padding: 0;
                width: 100%;
            }
            .gen .gen_con .left_pane .Lvl_1 {
                color: #fff;
                width: 200%;
                padding: 7px 6% 7px 6%;
                display: block;
                font-weight: 600;
                border-top: 1px solid #7fdc70;
            }
                .gen .gen_con .left_pane .Lvl_1:hover,
                .gen .gen_con .left_pane .Lvl_1:active {
                    background: #36a126;
                }
            .gen .gen_con .left_pane .Lvl_2 {
                background: #7cd570;
                color: #fbfbfb;
                font-weight:600;
                width: 200%;
                padding: 7px 6% 7px 6%;
                display: block;
                text-indent: 1em;
                border-top: 1px solid #98e28d;
            }
                .gen .gen_con .left_pane .Lvl_2:hover,
                .gen .gen_con .left_pane .Lvl_2:active {
                    background: #45ac37;
                }
            .gen .gen_con .left_pane .Lvl_3 {
                background: #cbf5c6;
                color: #298e00;
                width: 200%;
                padding: 7px 6% 7px 6%;
                display: block;
                text-indent: 2em;
            }
                .gen .gen_con .left_pane .Lvl_3:hover,
                .gen .gen_con .left_pane .Lvl_3:active {
                    background: #b1e6ab;
                }
            .gen .gen_con .left_pane .Lvl_4 {
                background: #dff8dc;
                color: #4f6347;
                width: 200%;
                padding: 7px 6% 7px 6%;
                display: block;
                text-indent: 3em;
            }
    .gen .gen_con .left_pane .Lvl_4:hover,
    .gen .gen_con .left_pane .Lvl_4:active {
        text-decoration:underline;
    }
            .gen .gen_con .left_pane .Lvl_5 {
                color: #f0f0f0;
                width: 200%;
                padding: 7px 6% 7px 6%;
                display: block;
                text-indent: 4em;
            }
            .gen .gen_con .left_pane .Lvl_6 {
                color: #f0f0f0;
                width: 200%;
                padding: 7px 6% 7px 6%;
                display: block;
                text-indent: 5em;
            }
            .gen .gen_con .left_pane .Lvl_7 {
                color: #f0f0f0;
                width: 200%;
                padding: 7px 6% 7px 6%;
                display: block;
                text-indent: 5em;
            }
            .gen .gen_con .left_pane .Lvl_8 {
                color: #f0f0f0;
                width: 200%;
                padding: 7px 6% 7px 6%;
                display: block;
                text-indent: 5em;
            }
            .gen .gen_con .left_pane .Lvl_9 {
                color: #f0f0f0;
                width: 200%;
                padding: 7px 6% 7px 6%;
                display: block;
                text-indent: 5em;
            }
        .gen .gen_con .content_pane {
            margin: 40px 0 40px 0;
            display: block;
        }
            .gen .gen_con .content_pane .center_pane {
                font-size:10.8pt;
                line-height:1.8em;
                color:#666666;
                margin-bottom: 20px;
                display: block;
            }
            .gen .gen_con .content_pane .center_pane .divide_to_col {
                display: inline-block;
                width:48%;
            }
                .gen .gen_con .content_pane .center_pane ul {
                    text-indent:.3em;
                    margin-left:1.2em;
                }
                .gen .gen_con .content_pane .center_pane img {
                    width: 100%;
                    display: block;
                }
            .gen .gen_con .content_pane .right_pane {
                margin-bottom: 20px;
                display: block;
            }
                .gen .gen_con .content_pane .right_pane img {
                    width: 100%;
                    display: block;
                }
@media only screen and (min-width: 768px) {
    .gen .gen_con .left_pane {
        width: 30%;
        max-width: 290px;
        margin-right: 3%;
        display: inline-block;
        vertical-align: top;
    }

    .gen .gen_con .content_pane {
        width: 60%;
        display: inline-block;
        vertical-align: top;
        margin: 0;
    }
}
@media only screen and (min-width: 990px) {
 .gen {
        padding-top: 70px;
    }
}

@media only screen and (min-width: 1090px) {
    .gen .gen_con .content_pane {
        width: 65%;
    }
}
@media only screen and (min-width: 1180px) {
    .gen .gen_con .content_pane {
        width: 67%;
    }

        .gen .gen_con .content_pane .center_pane {
            width: 68%;
            display: inline-block;
            vertical-align: top;
            margin-right: 3%;
        }

        .gen .gen_con .content_pane .right_pane {
            width: 28%;
            display: inline-block;
            vertical-align: top;
        }
}