/* overview background */
body{
    background-image: url(../bg2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    user-select: none;
}

@font-face {
    font-family: "ali";
    src: url(../fonts/AlimamaShuHeiTi-Bold.otf);
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'cgr';
    src: url(../fonts/cala.eot);
    src: url(../fonts/cala.eot?#iefix) format("embedded-opentype"), url(../fonts/cala.woff) format("woff"), url(../fonts/cala.ttf) format("truetype");
    font-style: normal;
    font-weight: normal;
}

.navigator{
    margin-top: 2%;
}
.navigator>a{
    color: white;
    text-decoration: none;
    font-size: 20px;
    margin-left: 10%;
}

.header{
    margin-top: 35px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
#title{
    font-family: 'ali';
    color: white;
    text-decoration: none;
    font-size: 40px;
    margin-left: 1%;
}
#eng{
    color: white;
    font-family: 'cgr';
}

.lists{
    color: white;
    font-family: 'ali';
    font-size: 24px;
    line-height: 1.75;
    display: flex;
    justify-content: center;
    margin-top: 5%;
    margin-left: 10%;
    margin-right: 10%;
}

.title{
    text-align: left;
}
.title>a{
    color:white;
    text-decoration: none;
}
.publish_time{
    text-align: right;
}

@keyframes underlinewave {
    0%{
        /* text-decoration: underline; */
        padding-bottom: 3px;
        border-bottom: 2px solid rgba(33, 176, 248, 0);
        /* text-decoration-color: rgba(33, 176, 248, 0); */
        
    }
    25%{
        /* text-decoration: underline; */
        padding-bottom: 3px;
        border-bottom: 2px solid rgba(203, 238, 255, 0.25);
        /* text-decoration-color: rgba(33, 176, 248, 0.25); */
    }
    50%{
        /* text-decoration: underline; */
        padding-bottom: 3px;
        border-bottom: 2px solid rgba(217, 242, 255, 0.5);
        /* text-decoration-color: rgba(33, 176, 248, 0.50); */
    }
    100%{
        /* text-decoration: underline; */
        padding-bottom: 3px;
        border-bottom: 2px solid rgb(255, 255, 255);
        /* text-decoration-color: rgba(33, 176, 248, 1); */
    }
}

.title:hover{
    /* text-decoration: underline; */
    /* text-decoration-color: linear-gradient(white,#21b0f8); */
    animation: underlinewave cubic-bezier(0.24, 0.95, 0.51, 0.96) 0.618s forwards
}

#more{
    color:rgb(255, 187, 78);
    text-decoration: none;
    font-family: 'ali';
    font-size: 22px;
    display: flex;
    justify-content: center;
    margin-top: 45px;
}