.appBody{
    background-color: #f0f0f0;
}

.fwHeaderHight{
    height:42px;
}

.fwHeaderIcon{
    width:20%;
    text-align:left;
}

.fwHeaderUserInfo{
    width:80%;
    text-align:right;
}

.fwMenuArea{
    display:none;
    width: 30px;
    min-height: calc(100% - 77px);
    float:left;
}

.fwContentArea{
    display:inline-block;
    width: calc(100%);
    min-height: calc(100% - 60px);
    float:left;
    background-color: #f0f0f0;
}

.fwFooterArea{
    display:inline-block;
    width: calc(100% - 2px);
    height: 18px;
    float:left;
    background-color:dimgray;
    color:white;
}

/*@media screen and (min-width: 601px){*/
@media screen and (min-width: 641px){
    .fwHeaderHight{
        height:42px; 
    }

    .fwMenuArea{
        display:inline-block;
        width: 192px;
        min-height: calc(100% - 67px);
    }

    .fwContentArea{
        width: calc(100% - 194px);
        min-height: calc(100% - 67px);
    }

    .fwFooterArea{
        display:inline-block;
        width: calc(100% - 2px);
        height: 25px;
        float:left;
        vertical-align:center;
    }
}