.menu{
    position: relative;
    display: flex;
    width: 100%;
    height: 70px;
    background-color: rgb(24, 27, 31);
    font-size: 20px;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
    border-bottom: 1px solid rgb(204, 204, 220, 0.65);
    font-size: 20px;
    font-weight: bold;
}
.menu > div:nth-child(1){
    position: relative;
    background: url('/image/MainLogo.png');
    background-repeat: no-repeat;
    cursor: pointer;
    width: 490px;
    height: 100%;
    left: 100px;
}
.select-dashboard{
    background: url('/image/Btn_Dashboard.png');
}
.unselect-dashboard{
    background: url('/image/Btn_Dashboard2.png');
}
.menu > div:nth-child(2){
    cursor:pointer;
    background-repeat: no-repeat;
    width: 238px;
    background-position: 50%;
    position: relative;
    left: 150px;
}
.menu > div:nth-child(2):hover{
    background: url('/image/Btn_Dashboard.png');
    background-repeat: no-repeat;
    background-position: 50%;
}
.menu > div:nth-child(3){
    cursor:pointer;
    background-repeat: no-repeat;
    width: 238px;
    background-position: 50%;
    left: 160px;
    position: relative;
}
.menu > div:nth-child(3):hover{
    background: url('/image/Btn_Record.png');
    background-repeat: no-repeat;
    background-position: 50%;
}
.select-record{
    background: url('/image/Btn_Record.png');
}
.unselect-record{
    background: url('/image/Btn_Record2.png');
}
.menu > div:nth-child(4){
    cursor:pointer;
    background-repeat: no-repeat;
    width: 238px;
    background-position: 50%;
    position: relative;
    left: 170px;
}
.menu > div:nth-child(4):hover{
    background: url('/image/Btn_Statistics.png');
    background-repeat: no-repeat;
    background-position: 50%;
}
.menu > div:nth-child(6){
    position: relative;
    background: linear-gradient(to bottom, #1b1c1c, #47484b);
    position: relative;
    width: 114px;
    height: 53px;
    left: 194px;
    border: 1px solid #838386;
    top: 7px;
    line-height: 53px;
    border-radius: 8px;
    font-size: 24px;
    color:#bababa;
}
.menu > div:nth-child(6):hover{
    cursor: pointer;
    background: linear-gradient(to bottom, #1b1b1e,#2d2d2e);
    border: 1px solid white;
    color: white;
}
.select-statistics{
    background: url('/image/Btn_Statistics.png');
}
.unselect-statistics{
    background: url('/image/Btn_Statistics2.png');
}
.menu > div:nth-child(5){
    cursor:pointer;
    background-repeat: no-repeat;
    width: 238px;
    background-position: 50%;
    position: relative;
    left: 180px;
}
.menu > div:nth-child(5):hover{
    background: url('/image/Btn_System_Manager.png');
    background-repeat: no-repeat;
    background-position: 50%;
}
.select-system-manager{
    background: url('/image/Btn_System_Manager.png');
}
.unselect-system-manager{
    background: url('/image/Btn_System_Manager2.png');
}