@charset "utf-8";

/*
    Common
*/

    .left{
        float: left;
    }

    .right{
        float: right;
    }

    .button-gray{
        background: grey;
        box-shadow: 2px 2px 2px grey;
        border-radius: 2.5px;
    }

    .border-None{
        border: 0px!important;
    }

/*
    Main
*/

    html,body{
        height: 100%;
    }



    ul{
        list-style:none;
        margin: 0px;
        padding: 0px;
    }

    div:hover{
        cursor: default;
    }

    .HeadClass{
        width: 90%;
        height: 100%;
        /*background: yellow;*/
        border: 1px solid white;
        margin: auto;
        z-index: 999!important;
    }

    .HeadClass .ClassTop{
        position: absolute;
        top: 3.7em;
        width: 50%;
        /*background: #0a9deb;*/
        /*height: 10%;*/
        left: 32.5%;
        font-size: 20px;
        color: #666;
    }

    .HeadClass .ClassTop .right{
        margin: 0px;
        padding: 5px;
        background: #f6f6f6;
        border: 1px solid;
        height: 30px;
        line-height: 18px;
    }

    .ContentClass{
        position: absolute;
        top: 7em;
        width: 50%;
        left: 26%;
        border: 1.5px solid grey;
        height: 100px;
    }

    .ContentClass span{
        font-size: 15px;
    }

    .classification{
        border-bottom: 2px solid grey;
        border-bottom-width: 90%;
        color: black;
        margin-left: 8px;
        width: 97%;
        font-size: 16px;
    }

    .classification ul,li{
        display: inline-block;
        padding-left: 5px;
    }

    .classification a{
        padding: 0px 2px;
    }

    .ClassFoot{
        width: 50%;
        display: inline-block;
        position: absolute;
        top:14em;
        left:26%;
        /*background: #00AD21;*/
        color: black;
    }

    .ClassFoot li{
        display: flex;
        flex-direction: column;
        float: left;
        margin: 5px 12px;
        /*border: 1px solid #cccccc;*/
        padding: 0px;
        width: 21%;
        height: 10em;

    }

    .ClassFoot img{
        /*width: 200px;*/
        height: 130px;
        cursor:pointer;
    }

    .ClassFoot span{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .a_active{
        background: #f82800;
        border-radius: 3px;
    }