#menu .tabs_bar .tab.info .scrollarea > .scrollarea-track-v {
    right: 1.5rem; top: 15rem; bottom: 2rem; width: 0.2rem;
}

#menu .tabs_bar .tab.info .info_stage .scrollarea > .scrollarea-track-h {
    left: 1.5rem; bottom: 1.5rem; right: 1.5rem; height: 0.2rem;
} 


#menu .tabs_bar .tab.info .info_stage { 
    /* position: absolute; */
    position: relative;
    box-sizing: border-box;
    /* left: 0; top: 0;  */
    width: 100%; height: 100%;
    max-width: 120rem;
    margin: 0 auto;
}

#menu .tabs_bar .tab.info .info_stage > div:first-child { 
    width: 100%; height: 100%;
    padding: 15rem 3rem 3rem 3rem;
    overflow: auto;
}

@media (width < 500px) {
    #menu .tabs_bar .tab.info .info_stage > div:first-child { 
        padding: 13rem 1rem 1rem 1rem;
    }    
}

#menu .tabs_stage .tab.info .info_stage > div:first-child.accordian .item .content button {
    position: relative;
    width: 33.3%; height: 24rem;
    box-sizing: border-box;
    border: 1.4rem solid transparent;
    background-clip: content-box;
    padding: 0;
    /* transition: width var(--transition-duration); */
}

body.tourinfo #menu .tabs_stage .tab.info .info_stage > div:first-child.accordian .item .title {
    display: none;
}

body.tourinfo #menu .tabs_stage .tab.info .info_stage > div:first-child.accordian .item {
    background-color: rgba(0,0,0,0.0);
    margin-bottom: 0;
}

/* @media screen and (max-width: 1600px) {
    #menu .tabs_stage .tab.info .info_stage > div:first-child.accordian .item .content button {
        width: 25%; height: 24rem;
    }
} */

/* @media screen and (max-width: 1200px) {
    #menu .tabs_stage .tab.info .info_stage > div:first-child.accordian .item .content button {
        width: 33.3%; height: 24rem;
    }
}
 */
/* @media screen and (max-width: 700px) {
    #menu .tabs_stage .tab.info .info_stage > div:first-child.accordian .item .content button {
        width: 50%; height: 24rem;
    }
} */

/* @media screen and (max-width: 500px) {
    #menu .tabs_stage .tab.info .info_stage > div:first-child.accordian .item .content button {
        width: 100%; height: 24rem;
    }
} */

@media screen and (max-width: 1000px) {
    #menu .tabs_stage .tab.info .info_stage > div:first-child.accordian .item .content button {
        width: 50%; height: 24rem;
    }
}

@media screen and (max-width: 650px) {
    #menu .tabs_stage .tab.info .info_stage > div:first-child.accordian .item .content button {
        width: 100%; height: 24rem;
    }
}

#menu .tabs_stage .tab.info .info_stage > div:first-child.accordian .item .content button > div:first-child {
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
    box-sizing: border-box;
    border: 0.2rem solid white;
    border-radius: 2rem;
    background-color: rgb(255, 255, 255, 0.3);
    padding: 0;
    box-shadow: 0 0.4rem 0.8rem rgba(0,0,0,0.3);
    overflow: hidden;
}

#menu .tabs_stage .tab.info .info_stage > div:first-child.accordian .item .content button::after {
    content: '';
    position: absolute;
    left: 50%; top: 50%; transform: translate(-50%,-50%);
    width: calc(100% + 1.0rem); height: calc(100% + 1.0rem);
    box-sizing: border-box;
    border: 0.2rem solid white;
    border-radius: 2.5rem;
    pointer-events: none;
    opacity: 0; 
    transition: opacity var(--transition-duration);
}

#menu .tabs_stage .tab.info .info_stage > div:first-child.accordian .item .content button:hover::after {
    opacity: 0.4; 
}

#menu .tabs_stage .tab.info .info_stage > div:first-child.accordian .item .content button.active::after {
    opacity: 1; 
}

#menu .tabs_stage .tab.info .info_stage > div:first-child.accordian .item .content button > div:first-child span {
    position: absolute;
    display: block;
    left: 0; bottom: 0;
    width: 100%;
    /* border-radius: 0 0 1.9rem 1.9rem; */
    background-color: rgb(255, 255, 255, 0.6);
    /* backdrop-filter: blur(10px); */
    /* -webkit-backdrop-filter: blur(10px); */
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 1.8rem;
    text-align: center;
    line-height: 4rem;
    color: #004237;
    z-index: 1;
}


#menu .tabs_stage .tab.info .info_stage > div:first-child.accordian .item .content button > div:first-child .thumb {
    position: absolute;
    display: block;
    left: 0; bottom: 0;
    width: 100%; height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#menu .tabs_stage .tab.info .info_stage > div:first-child.accordian .item .content button.visited > div:first-child .thumb::after {
    content: '';
    position: absolute;
    left: 1rem; top: 1rem; 
    width: 1.4rem; height: 1.4rem;
    border-radius: 0.7rem;
    background-color: #F5503C;
    /* box-shadow: 0 0 3px rgba(0, 0, 0, 0.8); */
    padding: 0;
    transition: background-color var(--transition-duration);
    z-index: 100;
}



