/*            #menu{
                position: fixed;
                width: 20%;
                background-color: white;
                height: 100%;
                margin: 0px;
            }
*/
@font-face {
    font-family: myFirstFont;
    /*font-family:新細明體,微軟正黑體!important;*/
    src: url(../fonts/NotoSansMonoCJKtc-Regular.woff);
} 
html body{
    font-family:sans-serif,微軟正黑體,新細明體!important;
   /*font-family: 'Lato','myFirstFont', sans-serif!important; */

}   



.abc71{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*visibility: hidden;*/
}
.op1{
    float: left;
    width: 50%;
    height: 50%;
    background-color: blue;
}
.op1>span{
    padding-left: 2.5rem;

}
.yeartime{
    padding: 2rem 2.5rem 7.875rem;
    font-size: 125px;
    margin: 0px;
}

.op2{
    float: right;
    width: 50%;
    height: 2400px;
    background-color: gray;
}
.op2>h1{
    font-size: 32px;
    width: 70%;
    margin: 100px auto;
    color: white;
}
.movetext01{
    color: white;
    width: 70%;
    margin: 100px auto;
    position: relative;
    top: 150px;
}


@media (max-width: 1170px) {
}
/*project-item*/
@media (max-width: 1170px) {

}


@media (min-width: 1170px) {
 
}
@media (max-width: 980px) {


}
@media (max-width: 820px) {

}
@media (max-width: 780px) {


}
@media (max-width: 680px) {

}
@media (max-width: 580px) {


}
@media (max-width: 480px) {


}
/*改版後的0920*/