.section-result {
    background-image: url(../img/result/bg_flag-up.jpg),url(../img/result/bg_flag-down.jpg);
    background-position: top,bottom;
    background-size: contain,contain;
    background-repeat: no-repeat;
}

.section-result_in {
    padding: 7.5rem calc(var(--sectionper) * 1.5);
    padding-bottom: 0;
}
@media screen and (min-width: 768px) {
    .site-title--result{
        margin-left: 1%;
    }
}
/* @media screen and (min-width: 768px) {
    .section-result_in {
        padding: var(--sectionpd) calc(var(--sectionper) * 2);
    }
}
@media screen and (min-width: 1024px) {
    .section-result_in {
        padding: var(--sectionpd) calc(var(--sectionper) * 2.5);
    }
} */
@media screen and (min-width: 1024px) {
    .site-title-vertical{
        position: relative;
        left: -3%;
    }
}
.site-result_in {
    position: relative;
    padding: 20px 0;
}


.timeline-line {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 58px;
    height: 100%;
    background-image: url(../img/result/time_line.svg);
    background-repeat: no-repeat;
    background-size:auto 100%;
    top: 0;
    z-index: 0;
}
/*--手機板--*/
.timeline-mobile-item{
    min-height: 350px;
    margin-bottom: 2rem;
}
.timeline-year {
    font-size: 36px;
    font-weight: bold;
    color: #FFF;
    text-align: start;
}
.timeline-text span:before {
    content: "•";  
    position: absolute;
    left: -19px;
}
.timeline-item-width {
    min-height: 530px;
}
.timeline-item-end {
    min-height: 0px;
}
@media screen and (min-width: 576px) {
    .timeline-item-width {
        min-height: 530px;
    }
    .timeline-item-width_B {
        min-height: 580px;
    }
    .timeline-item-end {
        min-height: 0px;
    }
}
/*--電腦板--*/
.timeline-item {
    position: relative;
    z-index: 2;
    margin: 2rem 0;
    margin-bottom: 60px;
    gap: 40px;
    min-height: 200px;
}
@media screen and (min-width: 950px) {
    .timeline-item {
        min-height: 250px;
    }
}
@media screen and (min-width: 1280px) {
    .timeline-item {
        min-height: 300px;
    }
}
@media screen and (min-width: 1440px) {
    .timeline-item {
        min-height: 400px;
    }
}
.timeline-content {
    flex: 1;
    padding: 0 1.5rem;
    position: relative;
    right: 1rem;
}

@media screen and (min-width: 768px) {
    .timeline-year {

        text-align: end;
    }
    .timeline-text span:before {  
        left: -1px;
    }
    .timeline-item-end {
        min-height: 0px;
    }
}


.timeline-text {
    line-height: 1.6;
    color: #FFF;
    margin-bottom: 1.5rem;
}

.timeline-image {
    flex: 1;
    width: 100%;
}

.timeline-image img {
    height: auto;
}
.timeline-list {
    list-style: none;
    padding: 0;
    margin: 0;
}


/*-----------slide---------*/
.slideshow {
    position: relative;
    width: 100%;
}

/*footer*/
.site-footer{
    background-color: transparent;
    padding:0 var(--sectionper);
}