header {
    position: sticky;
    top: 0;
}
.line {
    height: 4px;
    background-color: #EDEDED;
    background-image: -webkit-linear-gradient(0deg, rgba(180, 180, 180, 0.9) 30%, transparent 0%),
        -webkit-linear-gradient(0deg, rgba(200, 200, 200, 0.9) 30%, transparent 0%),
        -webkit-linear-gradient(0deg, rgba(160, 200, 230, 0.9) 30%, transparent 0%),
        -webkit-linear-gradient(0deg, rgba(255, 252, 161, 0.9) 30%, transparent 0%);
    background-image: linear-gradient(90deg, rgba(180, 180, 180, 0.9) 30%, transparent 0%),
        linear-gradient(90deg, rgba(200, 200, 200, 0.9) 30%, transparent 0%),
        linear-gradient(90deg, rgba(160, 200, 230, 0.9) 30%, transparent 0%),
        linear-gradient(90deg, rgba(255, 252, 161, 0.9) 30%, transparent 0%);
    -webkit-background-size: 60px, 30px, 50px, 80px;
    background-size: 60px, 30px, 50px, 80px;
    position: sticky;
    top: 60px;
}

.header_box {
    background-color: #1d2088;
    height: 40px;
    padding: 10px;
    color: #FFF;
    display: flex;
    justify-content: space-between;
}

.logo_box {
    width: 40px;
    height: 40px;
}

.logo_box img {
    max-width: 100%;
    height: auto;
}

.header_box .left_item {
    display: flex;
    align-items: center;
}

.header_box .right_item {
    display: flex;
    margin-left: auto;
    align-items: center;
}