#black5.open{
    position: fixed;
    margin-left: 0%;
    margin-top: 0%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 30%;
    display: flex;
    justify-content: center;
    overflow-wrap: break-word;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    z-index: 999;
}
#tutorialpage.open{
    position: fixed;
    margin-left: 0%;
    margin-top: 0%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    overflow-wrap: break-word;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    z-index: 1001;
}
#tutorialpage.close{
    position: fixed;
    margin-left: 0%;
    margin-top: 0%;
    top: -200%;
    left: 0;
    width: 0%;
    height: 0%;
    display: flex;
    justify-content: center;
    overflow-wrap: break-word;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    z-index: 0;
}
#tutorialpage::-webkit-scrollbar{
    display: none;
}
#tutorialclosebutton1{
    width: 20%;
    height: 5%;
    position: absolute;
    left: 50%;
    top: 80%;
    transform: translate(-50%,0);
    border: 2px solid #2F6F1F;
    border-radius: 5px;
    text-align: center;
    font-size: 13px;
    background-color: white;
    color: black;
    font-family: "Mplus1-Medium";
    z-index: 1002;
}
#tutorialclosebutton2{
    width: 20%;
    height: 5%;
    position: absolute;
    left: 50%;
    top: 80%;
    transform: translate(-50%,0);
    border: 2px solid #2F6F1F;
    border-radius: 5px;
    text-align: center;
    font-size: 13px;
    background-color: white;
    color: black;
    font-family: "Mplus1-Medium";
    z-index: 1002;
}
#tutorialclosebutton3{
    width: 20%;
    height: 5%;
    position: absolute;
    left: 50%;
    top: 80%;
    transform: translate(-50%,0);
    border: 2px solid #2F6F1F;
    border-radius: 5px;
    text-align: center;
    font-size: 13px;
    background-color: white;
    color: black;
    font-family: "Mplus1-Medium";
    z-index: 1002;
}
#tutorialclosebutton4{
    width: 20%;
    height: 5%;
    position: absolute;
    left: 50%;
    top: 80%;
    transform: translate(-50%,0);
    border: 2px solid #2F6F1F;
    border-radius: 5px;
    text-align: center;
    font-size: 13px;
    background-color: white;
    color: black;
    font-family: "Mplus1-Medium";
    z-index: 1002;
}
#tutorialclosebutton5{
    width: 20%;
    height: 5%;
    position: absolute;
    left: 50%;
    top: 80%;
    transform: translate(-50%,0);
    border: 2px solid #2F6F1F;
    border-radius: 5px;
    text-align: center;
    font-size: 13px;
    background-color: white;
    color: black;
    font-family: "Mplus1-Medium";
    z-index: 1002;
}

#tutorialschedule.open{
    width: 90%;
    height: 60%;
    top: 10%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    background-color: #FFFFFF;
    border-radius: 15px;
    overflow: scroll;
    z-index: 1000;
    opacity: 1;
}
#tutorialschedule.close{
    width: 90%;
    height: 60%;
    top: 10%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    background-color: #FFFFFF;
    border-radius: 15px;
    overflow: scroll;
    z-index: 0;
    opacity: 0;
}
#tutorialschedule::-webkit-scrollbar{
    display: none;
}
#leftarrsche{
    content: '';
    width: 10px;
    height: 10px;
    border-top: solid 2px #0E3D0B;
    border-right: solid 2px #0E3D0B;
    position: absolute;
    transform: rotate(-135deg);
    left: 7%;
    top: 88%;
    z-index: 1;
}
#rightarrsche{
    content: '';
    width: 10px;
    height: 10px;
    border-top: solid 2px #0E3D0B;
    border-right: solid 2px #0E3D0B;
    position: absolute;
    transform: rotate(45deg);
    right: 7%;
    top: 88%;
    z-index: 1;
}
#sche1::-webkit-scrollbar{
    display: none;
}
#sche2::-webkit-scrollbar{
    display: none;
}
#sche3::-webkit-scrollbar{
    display: none;
}
#sche1.open{
    width: 95%;
    height: 77%;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 1;
    text-align: center;
}
#sche1.close{
    width: 95%;
    height: 77%;
    top: -300%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 0;
}
#sche2.open{
    width: 95%;
    height: 77%;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 1;
    text-align: center;
}
#sche2.close{
    width: 95%;
    height: 77%;
    top: -300%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 0;
}
#sche3.open{
    width: 95%;
    height: 77%;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 1;
    text-align: center;
}
#sche3.close{
    width: 95%;
    height: 77%;
    top: -300%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 0;
}
#sche1g{
    width: 30%;
}
#sche2g{
    width: 30%;
}
#sche3g{
    width: 30%;
}

#tutorialstudy.open{
    width: 90%;
    height: 60%;
    top: 10%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    background-color: #FFFFFF;
    border-radius: 15px;
    overflow: scroll;
    z-index: 1000;
    opacity: 1;
}
#tutorialstudy.close{
    width: 90%;
    height: 60%;
    top: 10%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    background-color: #FFFFFF;
    border-radius: 15px;
    overflow: scroll;
    z-index: 0;
    opacity: 0;
}
#tutorialstudy::-webkit-scrollbar{
    display: none;
}
#leftarrstu{
    content: '';
    width: 10px;
    height: 10px;
    border-top: solid 2px #0E3D0B;
    border-right: solid 2px #0E3D0B;
    position: absolute;
    transform: rotate(-135deg);
    left: 7%;
    top: 88%;
    z-index: 1;
}
#rightarrstu{
    content: '';
    width: 10px;
    height: 10px;
    border-top: solid 2px #0E3D0B;
    border-right: solid 2px #0E3D0B;
    position: absolute;
    transform: rotate(45deg);
    right: 7%;
    top: 88%;
    z-index: 1;
}
#stu1::-webkit-scrollbar{
    display: none;
}
#stu2::-webkit-scrollbar{
    display: none;
}
#stu3::-webkit-scrollbar{
    display: none;
}
#stu1.open{
    width: 95%;
    height: 77%;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 1;
    text-align: center;
}
#stu1.close{
    width: 95%;
    height: 77%;
    top: -300%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 0;
}
#stu2.open{
    width: 95%;
    height: 77%;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 1;
    text-align: center;
}
#stu2.close{
    width: 95%;
    height: 77%;
    top: -300%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 0;
}
#stu3.open{
    width: 95%;
    height: 77%;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 1;
    text-align: center;
}
#stu3.close{
    width: 95%;
    height: 77%;
    top: -300%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 0;
}
#stu1g{
    width: 30%;
}
#stu2g{
    width: 60%;
}
#stu3g{
    width: 60%;
}

#tutorialhome.open{
    width: 90%;
    height: 60%;
    top: 10%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    background-color: #FFFFFF;
    border-radius: 15px;
    overflow: scroll;
    z-index: 1000;
    opacity: 1;
}
#tutorialhome.close{
    width: 90%;
    height: 60%;
    top: 10%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    background-color: #FFFFFF;
    border-radius: 15px;
    overflow: scroll;
    z-index: 0;
    opacity: 0;
}
#tutorialhome::-webkit-scrollbar{
    display: none;
}
#leftarrhom{
    content: '';
    width: 10px;
    height: 10px;
    border-top: solid 2px #0E3D0B;
    border-right: solid 2px #0E3D0B;
    position: absolute;
    transform: rotate(-135deg);
    left: 7%;
    top: 88%;
    z-index: 1;
}
#rightarrhom{
    content: '';
    width: 10px;
    height: 10px;
    border-top: solid 2px #0E3D0B;
    border-right: solid 2px #0E3D0B;
    position: absolute;
    transform: rotate(45deg);
    right: 7%;
    top: 88%;
    z-index: 1;
}
#hom1::-webkit-scrollbar{
    display: none;
}
#hom2::-webkit-scrollbar{
    display: none;
}
#hom3::-webkit-scrollbar{
    display: none;
}
#hom4::-webkit-scrollbar{
    display: none;
}
#hom1.open{
    width: 95%;
    height: 77%;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 1;
    text-align: center;
}
#hom1.close{
    width: 95%;
    height: 77%;
    top: -300%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 0;
}
#hom2.open{
    width: 95%;
    height: 77%;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 1;
    text-align: center;
}
#hom2.close{
    width: 95%;
    height: 77%;
    top: -300%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 0;
}
#hom3.open{
    width: 95%;
    height: 77%;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 1;
    text-align: center;
}
#hom3.close{
    width: 95%;
    height: 77%;
    top: -300%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 0;
}
#hom4.open{
    width: 95%;
    height: 77%;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 1;
    text-align: center;
}
#hom4.close{
    width: 95%;
    height: 77%;
    top: -300%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 0;
}
#hom1g{
    width: 50%;

}
#hom2g{
    width: 30%;
}
#hom3g{
    width: 60%;
}
#hom4g{
    width: 30%;
}

#tutorialannounce.open{
    width: 90%;
    height: 60%;
    top: 10%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    background-color: #FFFFFF;
    border-radius: 15px;
    overflow: scroll;
    z-index: 1000;
    opacity: 1;
}
#tutorialannounce.close{
    width: 90%;
    height: 60%;
    top: 10%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    background-color: #FFFFFF;
    border-radius: 15px;
    overflow: scroll;
    z-index: 0;
    opacity: 0;
}
#tutorialannounce::-webkit-scrollbar{
    display: none;
}
#leftarrann{
    content: '';
    width: 10px;
    height: 10px;
    border-top: solid 2px #0E3D0B;
    border-right: solid 2px #0E3D0B;
    position: absolute;
    transform: rotate(-135deg);
    left: 7%;
    top: 88%;
    z-index: 1;
}
#rightarrann{
    content: '';
    width: 10px;
    height: 10px;
    border-top: solid 2px #0E3D0B;
    border-right: solid 2px #0E3D0B;
    position: absolute;
    transform: rotate(45deg);
    right: 7%;
    top: 88%;
    z-index: 1;
}
#ann1::-webkit-scrollbar{
    display: none;
}
#ann2::-webkit-scrollbar{
    display: none;
}
#ann3::-webkit-scrollbar{
    display: none;
}
#ann1.open{
    width: 95%;
    height: 77%;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 1;
    text-align: center;
}
#ann1.close{
    width: 95%;
    height: 77%;
    top: -300%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 0;
}
#ann2.open{
    width: 95%;
    height: 77%;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 1;
    text-align: center;
}
#ann2.close{
    width: 95%;
    height: 77%;
    top: -300%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 0;
}
#ann3.open{
    width: 95%;
    height: 77%;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 1;
    text-align: center;
}
#ann3.close{
    width: 95%;
    height: 77%;
    top: -300%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 0;
}
#ann1g{
    width: 30%;
}

#tutorialoption.open{
    width: 90%;
    height: 60%;
    top: 10%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    background-color: #FFFFFF;
    border-radius: 15px;
    overflow: scroll;
    z-index: 1000;
    opacity: 1;
}
#tutorialoption.close{
    width: 90%;
    height: 60%;
    top: 10%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    background-color: #FFFFFF;
    border-radius: 15px;
    overflow: scroll;
    z-index: 0;
    opacity: 0;
}
#tutorialoption::-webkit-scrollbar{
    display: none;
}
#leftarropt{
    content: '';
    width: 10px;
    height: 10px;
    border-top: solid 2px #0E3D0B;
    border-right: solid 2px #0E3D0B;
    position: absolute;
    transform: rotate(-135deg);
    left: 7%;
    top: 88%;
    z-index: 1;
}
#rightarropt{
    content: '';
    width: 10px;
    height: 10px;
    border-top: solid 2px #0E3D0B;
    border-right: solid 2px #0E3D0B;
    position: absolute;
    transform: rotate(45deg);
    right: 7%;
    top: 88%;
    z-index: 1;
}
#opt1::-webkit-scrollbar{
    display: none;
}
#opt2::-webkit-scrollbar{
    display: none;
}
#opt3::-webkit-scrollbar{
    display: none;
}
#opt1.open{
    width: 95%;
    height: 77%;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 1;
    text-align: center;
}
#opt1.close{
    width: 95%;
    height: 77%;
    top: -300%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 0;
}
#opt2.open{
    width: 95%;
    height: 77%;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 1;
    text-align: center;
}
#opt2.close{
    width: 95%;
    height: 77%;
    top: -300%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 0;
}
#opt3.open{
    width: 95%;
    height: 77%;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 1;
    text-align: center;
}
#opt3.close{
    width: 95%;
    height: 77%;
    top: -300%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "Mplus1-Medium";
    position: fixed;
    overflow: scroll;
    opacity: 0;
}
#opt1g{
    width: 30%;
}
#opt2g{
    width: 30%;
}






.ball1{
    width: 10px;
    height: 10px;
    border: solid 1px #000000;
    background-color: #FFFFFF;
    border-radius: 100px;
    position: absolute;
    left: 37%;
    top: 88%;
    z-index: 1;
}
.ball2{
    width: 10px;
    height: 10px;
    border: solid 1px #000000;
    background-color: #FFFFFF;
    border-radius: 100px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    top: 88%;
    z-index: 1;
}
.ball3{
    width: 10px;
    height: 10px;
    border: solid 1px #000000;
    background-color: #FFFFFF;
    border-radius: 100px;
    position: absolute;
    right: 37%;
    top: 88%;
    z-index: 1;
}
#selectball1.a{
    width: 10px;
    height: 10px;
    border: solid 1px #001111;
    background-color: #333333;
    border-radius: 100px;
    position: absolute;
    left: 37%;
    top: 88%;
    z-index: 2;
}
#selectball1.b{
    width: 10px;
    height: 10px;
    border: solid 1px #001111;
    background-color: #333333;
    border-radius: 100px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    top: 88%;
    z-index: 2;
}
#selectball1.c{
    width: 10px;
    height: 10px;
    border: solid 1px #001111;
    background-color: #333333;
    border-radius: 100px;
    position: absolute;
    right: 37%;
    top: 88%;
    z-index: 2;
}
#selectball2.a{
    width: 10px;
    height: 10px;
    border: solid 1px #001111;
    background-color: #333333;
    border-radius: 100px;
    position: absolute;
    left: 37%;
    top: 88%;
    z-index: 2;
}
#selectball2.b{
    width: 10px;
    height: 10px;
    border: solid 1px #001111;
    background-color: #333333;
    border-radius: 100px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    top: 88%;
    z-index: 2;
}
#selectball2.c{
    width: 10px;
    height: 10px;
    border: solid 1px #001111;
    background-color: #333333;
    border-radius: 100px;
    position: absolute;
    right: 37%;
    top: 88%;
    z-index: 2;
}
#selectball3.a{
    width: 10px;
    height: 10px;
    border: solid 1px #001111;
    background-color: #333333;
    border-radius: 100px;
    position: absolute;
    left: 37%;
    top: 88%;
    z-index: 2;
}
#selectball3.b{
    width: 10px;
    height: 10px;
    border: solid 1px #001111;
    background-color: #333333;
    border-radius: 100px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    top: 88%;
    z-index: 2;
}
#selectball3.c{
    width: 10px;
    height: 10px;
    border: solid 1px #001111;
    background-color: #333333;
    border-radius: 100px;
    position: absolute;
    right: 37%;
    top: 88%;
    z-index: 2;
}
#selectball4.a{
    width: 10px;
    height: 10px;
    border: solid 1px #001111;
    background-color: #333333;
    border-radius: 100px;
    position: absolute;
    left: 37%;
    top: 88%;
    z-index: 2;
}
#selectball4.b{
    width: 10px;
    height: 10px;
    border: solid 1px #001111;
    background-color: #333333;
    border-radius: 100px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    top: 88%;
    z-index: 2;
}
#selectball4.c{
    width: 10px;
    height: 10px;
    border: solid 1px #001111;
    background-color: #333333;
    border-radius: 100px;
    position: absolute;
    right: 37%;
    top: 88%;
    z-index: 2;
}

.ball11{
    width: 10px;
    height: 10px;
    border: solid 1px #000000;
    background-color: #FFFFFF;
    border-radius: 100px;
    position: absolute;
    left: 32%;
    top: 88%;
    z-index: 1;
}
.ball21{
    width: 10px;
    height: 10px;
    border: solid 1px #000000;
    background-color: #FFFFFF;
    border-radius: 100px;
    position: absolute;
    left: 43.7%;
    top: 88%;
    z-index: 1;
}
.ball31{
    width: 10px;
    height: 10px;
    border: solid 1px #000000;
    background-color: #FFFFFF;
    border-radius: 100px;
    position: absolute;
    right: 43.7%;
    top: 88%;
    z-index: 1;
}
.ball41{
    width: 10px;
    height: 10px;
    border: solid 1px #000000;
    background-color: #FFFFFF;
    border-radius: 100px;
    position: absolute;
    right: 32%;
    top: 88%;
    z-index: 1;
}
#selectball11.a{
    width: 10px;
    height: 10px;
    border: solid 1px #001111;
    background-color: #333333;
    border-radius: 100px;
    position: absolute;
    left: 32%;
    top: 88%;
    z-index: 2;
}
#selectball11.b{
    width: 10px;
    height: 10px;
    border: solid 1px #001111;
    background-color: #333333;
    border-radius: 100px;
    position: absolute;
    left: 43.7%;
    top: 88%;
    z-index: 2;
}
#selectball11.c{
    width: 10px;
    height: 10px;
    border: solid 1px #001111;
    background-color: #333333;
    border-radius: 100px;
    position: absolute;
    right: 43.7%;
    top: 88%;
    z-index: 2;
}
#selectball11.d{
    width: 10px;
    height: 10px;
    border: solid 1px #001111;
    background-color: #333333;
    border-radius: 100px;
    position: absolute;
    right: 32%;
    top: 88%;
    z-index: 2;
}

@media  screen and (min-width: 720px) {
    #tutorialschedule.open{
        width: 650px;
        height: 700px;
        top: 5%;
        left: 50%;
        transform: translate(-50%, 0);
        font-family: "Mplus1-Medium";
        position: fixed;
        background-color: #FFFFFF;
        border-radius: 15px;
        overflow: scroll;
        z-index: 1000;
        opacity: 1;
    }
    #tutorialschedule.close{
        width: 650px;
        height: 700px;
        top: 5%;
        left: 50%;
        transform: translate(-50%, 0);
        font-family: "Mplus1-Medium";
        position: fixed;
        background-color: #FFFFFF;
        border-radius: 15px;
        overflow: scroll;
        z-index: 0;
        opacity: 0;
    }
    #tutorialstudy.open{
        width: 650px;
        height: 700px;
        top: 5%;
        left: 50%;
        transform: translate(-50%, 0);
        font-family: "Mplus1-Medium";
        position: fixed;
        background-color: #FFFFFF;
        border-radius: 15px;
        overflow: scroll;
        z-index: 1000;
        opacity: 1;
    }
    #tutorialstudy.close{
        width: 650px;
        height: 700px;
        top: 5%;
        left: 50%;
        transform: translate(-50%, 0);
        font-family: "Mplus1-Medium";
        position: fixed;
        background-color: #FFFFFF;
        border-radius: 15px;
        overflow: scroll;
        z-index: 0;
        opacity: 0;
    }
    #tutorialhome.open{
        width: 650px;
        height: 700px;
        top: 5%;
        left: 50%;
        transform: translate(-50%, 0);
        font-family: "Mplus1-Medium";
        position: fixed;
        background-color: #FFFFFF;
        border-radius: 15px;
        overflow: scroll;
        z-index: 1000;
        opacity: 1;
    }
    #tutorialhome.close{
        width: 650px;
        height: 700px;
        top: 5%;
        left: 50%;
        transform: translate(-50%, 0);
        font-family: "Mplus1-Medium";
        position: fixed;
        background-color: #FFFFFF;
        border-radius: 15px;
        overflow: scroll;
        z-index: 0;
        opacity: 0;
    }
    #tutorialannounce.open{
        width: 650px;
        height: 700px;
        top: 5%;
        left: 50%;
        transform: translate(-50%, 0);
        font-family: "Mplus1-Medium";
        position: fixed;
        background-color: #FFFFFF;
        border-radius: 15px;
        overflow: scroll;
        z-index: 1000;
        opacity: 1;
    }
    #tutorialannounce.close{
        width: 650px;
        height: 700px;
        top: 5%;
        left: 50%;
        transform: translate(-50%, 0);
        font-family: "Mplus1-Medium";
        position: fixed;
        background-color: #FFFFFF;
        border-radius: 15px;
        overflow: scroll;
        z-index: 0;
        opacity: 0;
    }
    #tutorialoption.open{
        width: 650px;
        height: 700px;
        top: 5%;
        left: 50%;
        transform: translate(-50%, 0);
        font-family: "Mplus1-Medium";
        position: fixed;
        background-color: #FFFFFF;
        border-radius: 15px;
        overflow: scroll;
        z-index: 1000;
        opacity: 1;
    }
    #tutorialoption.close{
        width: 650px;
        height: 700px;
        top: 5%;
        left: 50%;
        transform: translate(-50%, 0);
        font-family: "Mplus1-Medium";
        position: fixed;
        background-color: #FFFFFF;
        border-radius: 15px;
        overflow: scroll;
        z-index: 0;
        opacity: 0;
    }
}