button {
    cursor: pointer;
}
body{
    background-image: url(系所背景4.png);
    /* background-attachment: fixed; */
    background-position:top right;
    background-size: cover;
    background-repeat: no-repeat;
    overflow-x: hidden;
}

#com_all{
    position: relative;
    display: inline-block;
    margin-top: 1%;
}
.index_title{
    position: absolute;
    width: 43%;
    left: 17%;
    bottom: 87%;
}
.index_club{
    width: 33%;
    left: 36%;
    top: 63.5%;
    position: absolute;
}
.index_club:hover{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.index_student{
    width: 34%;
    left: 36%;
    top: 51%;
    position: absolute;
}
.index_student:hover{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.index_department{
    width: 33%;
    left: 36%;
    top: 40%;
    position: absolute;
}
.index_department:hover{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.index_community{
    width: 43%;
    left: 36%;
    top: 75%;
    position: absolute;
}
.index_community:hover{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.side{
    width:30vw;
    position: relative;
    float: left;    
}

@media screen and (max-width: 768px){
    body{
        background-image: url(系所社團_手機板背景.png);
    }
    #cell_department{
        position: relative;
        display: inline-block;
        margin-top: 13%;
    }
    .cell_department{
        width: 52%;
        position: relative;
    }
    .cell_department_text{
        width: 23%;
        position: absolute;
        top: 45%;
        left: 6%;
    }

    #cell_community{
        position: relative;
        display: inline-block; 
        margin-right: 2%;
        margin-top: 5%;
    }
    .cell_community{
        width: 80%;
        float: right;
        position: relative;
    }
    .cell_community_text{
        width: 44%;
        right: 30%;
        top: 21%;
        position: absolute;
    }

    #cell_club{
        position: relative;
        display: inline-block;
        margin-left: 10%;
    }
    .cell_club{
        width: 67%;
        position: relative;
    }
    .cell_club_text{
        width: 23%;
        left: 37%;
        top: 38%;
        position: absolute;
    }

    #cell_student{
        position: relative;
        display: inline-block;
        margin-right: 5%;
    }
    .cell_student{
        width: 60%;
        position: relative;
        float: right;
    }
    .cell_student_text{
        width: 25%;
        top: 28%;
        right: 31%;
        position: absolute;
    }


}