﻿#content{
    overflow:hidden;
    padding:90px 8%;
}
    #content #asideMenu{
        float:left;
        width:246px;
    }
        #content #asideMenu ul.list{
            margin:0;
            padding:0;
            list-style:none;
        }
            #content #asideMenu ul.list li{
                margin-bottom:35px;
            }
                #content #asideMenu ul.list li a.Level1{
                    display:block;
                    font-size:25px;
                    font-weight:600;
                    border-left:4px solid #575777;
                    padding-left:10px;
                }
                #content #asideMenu ul.list li a.Level1:hover{
                    color:#737399;
                }
                #content #asideMenu ul.list li div.asideSubMenu{
                    display:none;
                    padding-top:5px;
                }
                #content #asideMenu ul.list li div.asideSubMenu.active{
                    display:block;
                }
                    #content #asideMenu ul.list li div.asideSubMenu a.Level2{
                        display:block;
                        color:#666;
                        font-size:18px;
                        margin-top:15px;
                        padding-left:25px;
                    }
                    #content #asideMenu ul.list li div.asideSubMenu a.Level2.active{
                        background:url('../images/articles/asideMenu_Level2_icon.png') 12px 50% no-repeat;
                        color:#282828;
                    }


    #content #article {
        color:#282828;
        font-size:20px;
        float:right;
        width:calc(100% - 246px);
        padding-left:80px;
    }
    #content #article *{
        max-width:100%;
    }
        #content #article h1,
        #content #article h2,
        #content #article h3,
        #content #article h4,
        #content #article h5,
        #content #article h6,
        #content #article h7,
        #content #article h8{
            color:#575777;
            font-weight:600;
            font-size:25px;
            margin:15px 0;
        }
        #content #article h1:first-child,
        #content #article h2:first-child,
        #content #article h3:first-child,
        #content #article h4:first-child,
        #content #article h5:first-child,
        #content #article h6:first-child,
        #content #article h7:first-child,
        #content #article h8:first-child{
            margin-top:0;
        }
        #content #article  p{
            line-height:35px;
        }
        #content #article iframe,
        #content #article video,
        #content #article img{
            max-width:100% !important;
        }
        #content #article table{
            display:inline-block;
            max-width:100% !important;
        }
            #content #article table th,
            #content #article table td{
                max-width:100% !important;
            }
        #article ul,ol{
            padding-left:35px;
        }
            #article ul li,ol li{
                margin-bottom:5px;
            }


@media screen and (max-width:1140px){
    #content #asideMenu{
        float:none;
        width:100%;
        margin-top:80px;
        padding-top:80px;
        border-top:1px solid #ddd;
        display:none;
    }
        #content #asideMenu ul.list li{
            margin-bottom:1px;
        }
        #content #asideMenu ul.list li a.Level1{
            background-color:#f2f2f2;
            padding:10px;
        }
        #content #asideMenu ul.list li div.asideSubMenu{
            margin-bottom:20px;
        }
    #content #article {
        float:none;
        width:100%;
        padding-left:0;
    }
}
@media screen and (max-width:420px){
    #content{
        padding:60px 6%;
    }
}