body, h2, h3, h4 {
    margin: 0;
	padding: 0;
	border: 0;
}

body {
    height : 100%;
    /*background-color: #edf0f5;*/
    background-color: white;
}

header.page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    min-width: 500px;
    box-shadow: 0 4px 2px -2px gray;
    background-color: rgb(0, 149, 200);
}

.student-part {
    display: flex;
}

.student-info {
    position: relative;
}

.student-info2 {
    text-align: center;
	position: absolute;
	top: -15%;
	left: 25%;
    color: rgb(0, 149, 200);
}

.d-icon {
    margin-left: 20px;
}

.title-icon {
    margin-top: 10px;
}

.down-area {
    display: flex;
}

.down-desc {
    margin-left: 10px;;
}

.down-desc-title {
    font-weight: bold;
    color: rgb(0, 149, 200);
}

.down-icon {
    width : 80px;
}

.student-part {
    margin-right: 20px;
}

/*
.upper-desc{
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}*/

.container {
    margin-top: 2px;
    max-width: 1200px;
    margin: auto;

}

.container div {
    margin-right: 4px;
}

.lab-list-area, .pc-list-area, .awesun-info-area, .study-lab-list-area {
    text-align: center;
}

.lab-list, .pc-list, .study-lab-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.lab-info, .pc-info {
    position: relative;
}

.lab-desc {
    text-align: center;
    position: absolute;
    bottom : 45%;
    padding : 20px;
    color : aliceblue;
}

.show-pc-list, .show-aw-info {
    text-align: center;
}

.show-pc-btn {
    border-radius: 10px;
    background-color: rgb(0, 149, 200);;
    border: none;
    height: 40px;
    width: 200px;
    color: aliceblue;
}

.back-list-btn {
    border-radius: 10px;
    background-color: rgb(167, 169, 172);;
    border: none;
    height: 40px;
    width: 200px;
    color: aliceblue;
}

.awesun-info {
    background-color: rgb(167, 169, 172);
}

.off-pc-btn {
   border-radius: 10px;
    background-color: red;
    border: none;
    height: 40px;
    width: 200px;
    color: aliceblue; 
}

.off-guide h2 {
    color: red;
}

.list-table {
    margin-top: 20px;
    width : 100%;
}

.list-table thead {
    background-color: azure;
}

.displayHide {
    visibility: hidden;
}

.scale-info-text {
    display: none;
}

.displayNone {
    display: none;
}

@media (max-width : 1024px){
    
    .title-icon {
        display: none;
    }
    
    .student-part {
        display: none;
    }
    
    /*
    .upper-desc {
        width: 500px;
        text-align: center;
        font-size: 0.9em;
    }
    */
    
    .main {
        width: 500px;
        height: 890px;
        flex-direction: column;
        align-items: center;
    }
    
    .main div {
        margin: 0px auto;
    }
    
    .guide {
        display: none;
    }
    
    .scale-info-text {
        width : 500px;
        text-align: center;
        display:block;
    }

    /*
    .upper-desc {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    */

    .lab-list, .pc-list, .study-lab-list {
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
}