.facilities {}

.facilities .main {}

.facilities .main .img-box {}

.facilities .main .img-box .main-img {}

.facilities .main-intro {}

.facilities .main-intro .text-box {
    width: 900px;
    margin: 30px auto 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.facilities .main-intro .text-box .title {
    font-size: 40px;
}

.facilities .main-intro .text-box .text {
    margin-top: 30px;
}

.facilities .main-intro .img-box-row {
    display: flex;
    justify-content: space-between;
    color: #fff;
}

.facilities .main-intro .img-box-row .img-box-1 {}

.facilities .main-intro .img-box-row .img-box-2 {
    background: var(--cus-blue);
}

.facilities .main-intro .img-box-row .img-box-3 {
    background: var(--cus-red);
}

.facilities .main-intro .img-box-row .img-box .num {
    font-size: 45px;
    font-weight: 900;
    line-height: 3;
}

.facilities .main-intro .img-box-row .img-box .guide-img {
    width: 274px;
    height: 155px;
    overflow: hidden;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.facilities .main-intro .img-box-row .img-box .guide-img img {
    min-width: 100%;
    min-height: 100%;
    max-width: 100vw;
}

.facilities .main-intro .img-box-row .img-box .title {
    font-size: 30px;
    line-height: 4;
}

.facilities .main-intro .img-box-row .img-box .text {
    font-size: 20px;
}

.facilities .main-intro .img-box {
    width: calc(100% / 3.3);
    display: flex;
    flex-direction: column;
    background: var(--cus-orange);
    border-radius: 15px;
    align-items: center;
    padding: 0 30px 30px 30px;
}

.facilities .main-intro .img-box .guide-img {
    width: calc(28.5714%);
}

.facilities .floorMap {
    overflow: visible;
}

.facilities .floorMap .title-box {}

.facilities .floorMap .title-box h2 {}

.facilities .floorMap .title-box h4 {}

.facilities .floorMap .img-box {
    position: relative;
    overflow: visible;
    width: 1200px;
}

.facilities .floorMap .img-box .floorMap-img {}

.facilities .foodcourt {}

.c-facilities-group {
    margin-top: 190px;
}

.c-facilities-group .title-row {
    width: 100%;
    height: 400px;
    padding: 0;
    margin: 0;
    background: rebeccapurple;
    margin-right: 120px;
    border-radius: 0 200px 200px 0;
    overflow: hidden;
    flex-wrap: wrap;
}

.c-facilities-group .title-row .title-box {
    display: flex;
    flex-direction: column;
    width: 550px;
    margin: 0px;
    padding-left: 150px;
    padding-top: 5%;
    color: #fff;
}

.c-facilities-group .title-row .title-box h2 {}

.c-facilities-group .title-row .title-box h4 {}

.c-facilities-group .title-row .img-box {
    padding: 0px;
    width: calc(100% - 550px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-facilities-group .title-row .img-box .foodcourt-img {}

.c-facilities-group .title-row .img-box img {
    min-width: 100%;
    min-height: 100%;
    max-width: 100vw;
    width: 100%;
}

.c-facilities-group .description {
    margin-top: 100px;
}

.c-facilities-group .description .text {}

.c-facilities-group .description .text-1 {
    font-weight: 700;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-image: initial;
    border-left: none;
    border-right: none;
    padding: 41px 0px;
}

.c-facilities-group .description .text-2 {
    margin-top: 30px;
    font-size: 16px;
}

.c-facilities-img-box {
    margin-top: 150px;
}

.foodcourt .c-facilities-img-box .img-box {
    box-shadow: 20px 20px var(--cus-blue);
}

.market .c-facilities-img-box .img-box {
    box-shadow: 20px 20px var(--cus-orange);
}

.alternate .c-facilities-img-box .img-box {
    box-shadow: 20px 20px var(--cus-red);
}

.c-facilities-img-box .img-box {
    border-radius: 30px;
    box-shadow: 20px 20px var(--cus-blue);
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 95%;
}

.c-facilities-img-box img {
    min-width: 100%;
    min-height: 100%;
    max-width: 100vw;
}

.c-facilities-img-box .title-h3-box {
    margin-top: 5%;
}

.c-facilities-img-box .title-h3-box .title-bar {}

.c-facilities-img-box .time-box {
    display: flex;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 3px;
    margin-top: 30px;
}

.c-facilities-img-box .time-box .open-box {
    display: flex;
}

.c-facilities-img-box .time-box .text {}

.c-facilities-img-box .time-box .time {}

.c-facilities-img-box .time-box .open-box .text {}

.c-facilities-img-box .time-box .open-box .time {}

.c-facilities-img-box .time-box .slash {}

.c-facilities-img-box .time-box .close-box {
    display: flex;
}

.c-facilities-img-box .time-box .close-box .text {}

.c-facilities-img-box .time-box .close-box .time {}

.c-facilities-img-box .text-box {}

.c-facilities-img-box .text-box .text {
    margin-top: 15px;
}

.facilities .c-social-box {
    margin-top: 30px;
    margin-left: auto;
    /* display: none; */
}

.facilities .c-social-box a {}

.facilities .c-social-box img {}

.facilities .foodcourt {}

.facilities .market {}

.facilities .onlineShop {}

.facilities .alternate {}

.facilities .c-event {}

.facilities .mapPin {
    position: absolute;
    width: 116px;
    height: auto;
}

.facilities .marketPin {
    top: -30px;
    left: 253px;
}

.facilities .foodcourtPin {
    top: -30px;
    left: 690px;
}

.facilities .exchangePin {
    top: 235px;
    left: 650px;
}

@media (max-width: 1500px) {
    .facilities {}
    .facilities .main {}
    .facilities .main .img-box {}
    .facilities .main .img-box .main-img {}
    .facilities .main-intro {}
    .facilities .main-intro .text-box {
        width: 60vw;
        margin: 2vw auto 6.67vw;
    }
    .facilities .main-intro .text-box .title {
        font-size: 2.667vw;
    }
    .facilities .main-intro .text-box .text {
        margin-top: 2vw;
    }
    .facilities .main-intro .img-box-row {}
    .facilities .main-intro .img-box-row .img-box-1 {}
    .facilities .main-intro .img-box-row .img-box-2 {}
    .facilities .main-intro .img-box-row .img-box-3 {}
    .facilities .main-intro .img-box-row .img-box .num {
        font-size: 3vw;
    }
    .facilities .main-intro .img-box-row .img-box .guide-img {
        width: 18.27vw;
        height: 10.3vw;
        border-radius: 1.3vw;
    }
    .facilities .main-intro .img-box-row .img-box .title {
        font-size: 2vw;
    }
    .facilities .main-intro .img-box-row .img-box .text {
        font-size: 1.33vw;
    }
    .facilities .main-intro .img-box {
        padding: 0 2vw 2vw 2vw;
    }
    .facilities .main-intro .img-box .guide-img {}
    .facilities .floorMap {}
    .facilities .floorMap .title-box {}
    .facilities .floorMap .title-box h2 {}
    .facilities .floorMap .title-box h4 {}
    .facilities .floorMap .img-box {
        width: 80vw;
        margin-left: auto;
        margin-right: auto;
    }
    .facilities .floorMap .img-box .floorMap-img {}
    .facilities .foodcourt {}
    .c-facilities-group {
        margin-top: 12.67vw;
    }
    .c-facilities-group .title-row {
        margin-right: 8vw;
        height: 26.67vw;
    }
    .c-facilities-group .title-row .title-box {
        padding-left: 10vw;
        width: 36.67vw;
    }
    .c-facilities-group .title-row .title-box h2 {}
    .c-facilities-group .title-row .title-box h4 {}
    .c-facilities-group .title-row .img-box {
        width: calc(100% - 36.67vw);
    }
    .c-facilities-group .title-row .img-box .foodcourt-img {}
    .c-facilities-group .title-row .img-box img {}
    .c-facilities-group .description {
        margin-top: 6.67vw;
    }
    .c-facilities-group .description .text {}
    .c-facilities-group .description .text-1 {
        padding: 2.667vw 0px;
    }
    .c-facilities-group .description .text-2 {}
    .c-facilities-img-box {
        margin-top: 10vw;
    }
    .foodcourt .c-facilities-img-box .img-box {
        box-shadow: 1.33vw 1.33vw var(--cus-blue);
    }
    .market .c-facilities-img-box .img-box {
        box-shadow: 1.33vw 1.33vw var(--cus-orange);
    }
    .alternate .c-facilities-img-box .img-box {
        box-shadow: 1.33vw 1.33vw var(--cus-red);
    }
    .c-facilities-img-box .img-box {
        border-radius: 2vw;
    }
    .c-facilities-img-box img {}
    .c-facilities-img-box .title-h3-box {}
    .c-facilities-img-box .title-h3-box .title-bar {}
    .c-facilities-img-box .time-box {
        margin-top: 2vw;
    }
    .c-facilities-img-box .time-box .open-box {}
    .c-facilities-img-box .time-box .text {}
    .c-facilities-img-box .time-box .time {}
    .c-facilities-img-box .time-box .open-box .text {}
    .c-facilities-img-box .time-box .open-box .time {}
    .c-facilities-img-box .time-box .slash {}
    .c-facilities-img-box .time-box .close-box {}
    .c-facilities-img-box .time-box .close-box .text {}
    .c-facilities-img-box .time-box .close-box .time {}
    .c-facilities-img-box .text-box {}
    .c-facilities-img-box .text-box .text {
        margin-top: 1vw;
    }
    .facilities .c-social-box {
        margin-top: 2vw;
    }
    .facilities .c-social-box a {}
    .facilities .c-social-box img {}
    .facilities .foodcourt {}
    .facilities .market {}
    .facilities .onlineShop {}
    .facilities .alternate {}
    .facilities .c-event {}
    .facilities .mapPin {
        width: 7.73vw;
    }
    .facilities .marketPin {
        top: -2vw;
        left: 16.86vw;
    }
    .facilities .foodcourtPin {
        top: -2vw;
        left: 46vw;
    }
    .facilities .exchangePin {
        top: 15.67vw;
        left: 43.33vw;
    }
}

@media (max-width: 768px) {
    .facilities {}
    .facilities .main {}
    .facilities .main .img-box {}
    .facilities .main .img-box .main-img {}
    .facilities .main-intro {}
    .facilities .main-intro .text-box {
        width: 100%;
    }
    .facilities .main-intro .text-box .title {
        font-size: 4vw;
    }
    .facilities .main-intro .text-box .text {}
    .facilities .main-intro .img-box-row {}
    .facilities .main-intro .img-box-row .img-box-1 {}
    .facilities .main-intro .img-box-row .img-box-2 {}
    .facilities .main-intro .img-box-row .img-box-3 {}
    .facilities .main-intro .img-box-row .img-box .num {}
    .facilities .main-intro .img-box-row .img-box .guide-img {}
    .facilities .main-intro .img-box-row .img-box .title {}
    .facilities .main-intro .img-box-row .img-box .text {}
    .facilities .main-intro .img-box {}
    .facilities .main-intro .img-box .guide-img {
        width: calc(32.2581%);
    }
    .facilities .floorMap {}
    .facilities .floorMap .title-box {}
    .facilities .floorMap .title-box h2 {}
    .facilities .floorMap .title-box h4 {}
    .facilities .floorMap .img-box {}
    .facilities .floorMap .img-box .floorMap-img {}
    .facilities .foodcourt {}
    .c-facilities-group {}
    .c-facilities-group .title-row {
        --bs-gutter-x: 0px;
        height: auto;
    }
    .c-facilities-group .title-row .title-box {
        width: 100%;
        padding-bottom: 5vw;
    }
    .c-facilities-group .title-row .title-box h2 {
        font-size: 8vw;
    }
    .c-facilities-group .title-row .title-box h4 {}
    .c-facilities-group .title-row .img-box {
        width: 100%;
    }
    .c-facilities-group .title-row .img-box .foodcourt-img {}
    .c-facilities-group .title-row .img-box img {}
    .c-facilities-group .description {}
    .c-facilities-group .description .text {
        font-size: 4vw;
    }
    .c-facilities-group .description .text-1 {}
    .c-facilities-group .description .text-2 {}
    .c-facilities-img-box {}
    .foodcourt .c-facilities-img-box .img-box {
        box-shadow: 3vw 3vw var(--cus-blue);
    }
    .market .c-facilities-img-box .img-box {
        box-shadow: 3vw 3vw var(--cus-orange);
    }
    .alternate .c-facilities-img-box .img-box {
        box-shadow: 3vw 3vw var(--cus-red);
    }
    .c-facilities-img-box .img-box {
        border-radius: 5vw;
        width: 86vw;
        margin-top: 5vw;
    }
    .c-facilities-img-box img {}
    .c-facilities-img-box .title-h3-box {}
    .c-facilities-img-box .title-h3-box .title-bar {}
    .c-facilities-img-box .time-box {
        margin-top: 5vw;
    }
    .c-facilities-img-box .time-box .open-box {}
    .c-facilities-img-box .time-box .text {
        font-size: 4vw;
    }
    .c-facilities-img-box .time-box .time {}
    .c-facilities-img-box .time-box .open-box .text {}
    .c-facilities-img-box .time-box .open-box .time {
        font-size: 4vw;
    }
    .c-facilities-img-box .time-box .slash {
        font-size: 4vw;
    }
    .c-facilities-img-box .time-box .close-box {}
    .c-facilities-img-box .time-box .close-box .text {}
    .c-facilities-img-box .time-box .close-box .time {
        font-size: 4vw;
    }
    .c-facilities-img-box .text-box {
        margin-top: 4vw;
    }
    .c-facilities-img-box .text-box .text {
        font-size: 4vw;
    }
    .facilities .c-social-box {
        display: flex;
        gap: 3vw;
        margin-top: 4vw;
        margin-bottom: 6vw;
    }
    .facilities .c-social-box a {
        width: 7vw;
    }
    .facilities .c-social-box img {}
    .facilities .foodcourt {}
    .facilities .market {}
    .facilities .onlineShop {}
    .facilities .alternate {}
    .facilities .c-event {}
    .facilities .mapPin {}
    .facilities .marketPin {}
    .facilities .foodcourtPin {}
    .facilities .exchangePin {}
}

.tourist {}

.tourist .main {}

.tourist .main .img-box {}

.tourist .main .img-box .main-img {}

.tourist .main-intro {}

.tourist .main-intro .text-box {
    width: 900px;
    margin: 30px auto 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tourist .main-intro .text-box .title {
    font-size: 40px;
}

.tourist .main-intro .text-box .text {
    margin-top: 30px;
}

.tourist .main-intro .img-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.tourist .main-intro .img-box .guide-img {
    width: calc(28.5714%);
}

.tourist .c-social-box {
    margin-top: 30px;
    margin-left: auto;
}

.tourist .sort-box {
    margin-top: 30px;
}

.tourist .sort-box .text {}

.tourist .sort-box-row {
    display: flex;
    margin-top: 6px;
}

.tourist .sort-box-row .sort-img-box {
    display: flex;
}

.tourist .sort-box-row .sort-img-box img {
    width: 39px;
    height: 39px;
    margin-top: auto;
    margin-bottom: auto;
}

.tourist .sort-box-row .sort-img-box img.car-box {}

.tourist .sort-box-row .sort-img-box .title {
    width: 75px;
    display: flex;
    justify-content: center;
}

.tourist .sort-box-row .sort-img-box img.train-box {}

.tourist .sort-box-row .sort-img-box img.bus-box {}

.tourist .sort-box-row .sort-img-box img.car-img {}

.tourist .sort-box-row .sort-img-box img.train-img {}

.tourist .sort-box-row .sort-img-box img.bus-img {}

.tourist .sort-box-row .sort-img-box title {}

.tourist .sort-box .heart-bus-link {
    display: flex;
    justify-content: end;
    width: fit-content;
    margin-left: auto;
    align-items: center;
}

.tourist .sort-box .heart-bus-link .fa-heart {
    margin-right: 0.3em;
}

.tourist .sort-box .heart-bus-link .text-link {}

.tourist .sort-box .heart-bus-link:hover {
    color: red;
    text-decoration: underline;
}

.tourist .sort-box .heart-bus-link .text {}

@media (max-width: 1500px) {
    .tourist {}
    .tourist .main {}
    .tourist .main .img-box {}
    .tourist .main .img-box .main-img {}
    .tourist .main-intro {}
    .tourist .main-intro .text-box {
        width: 60vw;
        margin: 2vw auto 0px;
    }
    .tourist .main-intro .text-box .title {
        font-size: 2.667vw;
    }
    .tourist .main-intro .text-box .text {
        margin-top: 2vw;
    }
    .tourist .main-intro .img-box {
        margin-bottom: 2vw;
    }
    .tourist .main-intro .img-box .guide-img {}
    .tourist .c-social-box {
        margin-top: 2vw;
    }
    .tourist .sort-box {
        margin-top: 2vw;
    }
    .tourist .sort-box .text {}
    .tourist .sort-box-row {
        margin-top: 0.4vw;
    }
    .tourist .sort-box-row .sort-img-box {}
    .tourist .sort-box-row .sort-img-box img {
        width: 2.6vw;
        height: 2.6vw;
    }
    .tourist .sort-box-row .sort-img-box img.car-box {}
    .tourist .sort-box-row .sort-img-box .title {
        width: 5vw;
    }
    .tourist .sort-box-row .sort-img-box img.train-box {}
    .tourist .sort-box-row .sort-img-box img.bus-box {}
    .tourist .sort-box-row .sort-img-box img.car-img {}
    .tourist .sort-box-row .sort-img-box img.train-img {}
    .tourist .sort-box-row .sort-img-box img.bus-img {}
    .tourist .sort-box-row .sort-img-box title {}
    .tourist .sort-box .heart-bus-link {}
    .tourist .sort-box .heart-bus-link .fa-heart {}
    .tourist .sort-box .heart-bus-link .text-link {}
    .tourist .sort-box .heart-bus-link .text {}
}

@media (max-width: 768px) {
    .tourist {}
    .tourist .main {}
    .tourist .main .img-box {}
    .tourist .main .img-box .main-img {}
    .tourist .main-intro {}
    .tourist .main-intro .text-box {
        width: 100%;
    }
    .tourist .main-intro .text-box .title {
        font-size: 4vw;
    }
    .tourist .main-intro .text-box .text {}
    .tourist .main-intro .img-box {}
    .tourist .main-intro .img-box .guide-img {
        width: calc(32.2581%);
    }
    .tourist .sort-box {}
    .tourist .sort-box .text {
        width: 100%;
    }
    .tourist .sort-box-row {
        flex-wrap: wrap;
        margin-top: 4vw;
    }
    .tourist .sort-box-row .sort-img-box {
        width: 100%;
        display: flex;
        align-items: center;
    }
    .tourist .sort-box-row .sort-img-box img {
        width: 7vw;
        height: 7vw;
    }
    .tourist .sort-box-row .sort-img-box img.car-box {}
    .tourist .sort-box-row .sort-img-box .title {
        width: fit-content;
        margin-top: 0px;
        margin-left: 2vw;
    }
    .tourist .sort-box-row .sort-img-box img.train-box {}
    .tourist .sort-box-row .sort-img-box img.bus-box {}
    .tourist .sort-box-row .sort-img-box img.car-img {}
    .tourist .sort-box-row .sort-img-box img.train-img {}
    .tourist .sort-box-row .sort-img-box img.bus-img {}
    .tourist .sort-box-row .sort-img-box title {}
    .tourist .sort-box .heart-bus-link {}
    .tourist .sort-box .heart-bus-link .fa-heart {
        font-size: 4vw;
    }
    .tourist .sort-box .heart-bus-link .text-link {
        font-size: 4vw;
    }
    .tourist .sort-box .heart-bus-link .text {}
}

.events-box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}

.events-box .single-box-1 {}

.events-box .single-box-2 {}

.events-box .single-box-3 {}

.events-box .single-box-4 {}

.events-box .single-box {
    display: flex;
    flex-direction: column;
    width: calc(33.3333%);
    align-items: center;
    position: relative;
    margin: 40px 0px;
    padding: 0px 15px;
    align-items: center;
}

.events-box .single-box:nth-child(5n+1) .img-box {
    box-shadow: 15px 15px var(--cus-red);
}

.events-box .single-box:nth-child(5n+2) .img-box {
    box-shadow: 15px 15px var(--cus-blue);
}

.events-box .single-box:nth-child(5n+3) .img-box {
    box-shadow: 15px 15px var(--cus-yellow);
}

.events-box .single-box:nth-child(5n+4) .img-box {
    box-shadow: 15px 15px var(--cus-orange);
}

.events-box .single-box:nth-child(5n+5) .img-box {
    box-shadow: 15px 15px var(--cus-green);
}

.events-box .single-box .img-box {
    width: 320px;
    height: 270px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 135px 135px 0;
    box-shadow: 15px 15px var(--cus-blue);
    transition: transform .2s;
}

.events-box .single-box .img-box:hover {
    transform: scale(1.1);
}

.events-box .single-box .img-box .events-img,
.events-box .single-box .img-box img {
    height: 300px;
    width: auto;
    max-width: initial;
    display: none;
}

.events-box .single-box .img-box .events-img:nth-child(1),
.events-box .single-box .img-box img:nth-child(1) {
    display: block;
}

.events-box .single-box .text-box {
    padding: 0px 4%;
}

.events-box .single-box .text-box .title {
    margin-top: 40px;
    flex-wrap: nowrap;
    display: flex;
    width: 100%;
    overflow: hidden;
    align-items: self-start;
    height: 45px;
    flex-direction: column;
}

.events-box .single-box .text-box .text {
    overflow: hidden;
    display: flex;
    align-items: self-start;
    margin-top: 30px;
    height: 60px;
    flex-direction: column;
}

.events-box .single-box .text-box .date-box {
    display: flex;
    letter-spacing: 0.1em;
    margin-top: 30px;
}

.events-box .single-box .text-box .date-box .events-date {
    margin-right: 0.5em;
}

.events-box .single-box .text-box .date-box .events-day {}

.events .pagination {}

.events .pagination li {}

.events .pagination li:hover {
    background: rgb(226, 71, 71);
}

.shopping.events .pagination li:hover {
    background: rgb(50, 205, 235);
}

.news.events .pagination li:hover {
    background: rgb(255, 232, 73);
}

.events .pagination li .fa {}

.events .pagination li .dot-3 {}

@media (max-width: 1500px) {
    .events-box {
        margin-top: 1vw;
    }
    .events-box .single-box-1 {}
    .events-box .single-box-2 {}
    .events-box .single-box-3 {}
    .events-box .single-box-4 {
        margin: 2vw 0px;
    }
    .events-box .single-box {
        padding: 0px 1vw;
    }
    .events-box .single-box:nth-child(5n+1) .img-box {
        box-shadow: 1vw 1vw var(--cus-red);
    }
    .events-box .single-box:nth-child(5n+2) .img-box {
        box-shadow: 1vw 1vw var(--cus-blue);
    }
    .events-box .single-box:nth-child(5n+3) .img-box {
        box-shadow: 1vw 1vw var(--cus-yellow);
    }
    .events-box .single-box:nth-child(5n+4) .img-box {
        box-shadow: 1vw 1vw var(--cus-orange);
    }
    .events-box .single-box:nth-child(5n+5) .img-box {
        box-shadow: 1vw 1vw var(--cus-green);
    }
    .events-box .single-box .img-box {
        height: 18vw;
        width: 21.3vw;
        border-radius: 0 9vw 9vw 0;
        box-shadow: 1vw 1vw var(--cus-blue);
    }
    .events-box .single-box .img-box .events-img,
    .events-box .single-box .img-box img {
        height: 20vw;
    }
    .events-box .single-box .text-box {}
    .events-box .single-box .text-box .title {
        margin-top: 2.67vw;
    }
    .events-box .single-box .text-box .text {
        margin-top: 2vw;
    }
    .events-box .single-box .text-box .date-box {
        margin-top: 2vw;
    }
    .events-box .single-box .text-box .date-box .events-date {}
    .events-box .single-box .text-box .date-box .events-day {}
    .events .pagination {}
    .events .pagination li {}
    .events .pagination li:hover {}
    .events .pagination li .fa {}
    .events .pagination li .dot-3 {}
}

@media (max-width: 768px) {
    .events-box {
        margin-top: 1vw;
    }
    .events-box .single-box {
        width: 100vw;
        flex-direction: row;
        margin: 6vw 0px 0px;
        padding: 0px;
        display: flex;
    }
    .events-box .single-box:nth-child(5n+1) .img-box {
        box-shadow: 1.5vw 1.5vw var(--cus-red);
    }
    .events-box .single-box:nth-child(5n+2) .img-box {
        box-shadow: 1.5vw 1.5vw var(--cus-blue);
    }
    .events-box .single-box:nth-child(5n+3) .img-box {
        box-shadow: 1.5vw 1.5vw var(--cus-yellow);
    }
    .events-box .single-box:nth-child(5n+4) .img-box {
        box-shadow: 1.5vw 1.5vw var(--cus-orange);
    }
    .events-box .single-box:nth-child(5n+5) .img-box {
        box-shadow: 1.5vw 1.5vw var(--cus-green);
    }
    .events-box .single-box .img-box {
        width: 40%;
        height: 28vw;
        box-shadow: 1.5vw 1.5vw var(--cus-blue);
        border-radius: 0 14vw 14vw 0;
    }
    .events-box .single-box .img-box .events-img,
    .events-box .single-box .img-box img {
        height: 31vw;
    }
    .events-box .single-box .text-box {
        flex: 1 1 auto;
        margin-right: 0vw;
        padding: 0px 0% 0px 3vw;
        width: 60%;
    }
    .events-box .single-box .text-box .title {
        height: 3em;
        display: flex;
        font-size: 3.2vw;
    }
    .events-box .single-box .text-box .text {
        font-size: 3vw;
        height: 13vw;
        margin-top: 2vw;
    }
    .events-box .single-box .text-box .date-box {
        display: flex;
        justify-content: end;
    }
    .events-box .single-box .text-box .date-box .events-date {
        font-size: 2.5vw;
    }
    .events-box .single-box .text-box .date-box .events-day {
        font-size: 2.5vw;
    }
    .events .pagination {}
    .events .pagination li {}
    .events .pagination li:hover {}
    .events .pagination li .fa {}
    .events .pagination li .dot-3 {}
}

.sub-detail-main {}

.sub-detail-main .img-box {
    width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: center;
    margin: 0;
    height: 600px;
    border-radius: 0 300px 300px 0;
    padding: 0;
    box-shadow: 20px 20px var(--cus-red);
}

.sub-detail-main .img-box>p {
    padding: 0px;
    margin: 0px;
    display: block;
}

.sub-detail-main .img-box .main-img,
.sub-detail-main .img-box img {
    min-height: 100%;
    min-width: 100%;
    padding: 0;
    margin: 0;
}

.detail .main-intro {
    margin-top: 100px;
}

.detail .main-intro .text-box {}

.detail .main-intro .detail-title {
    font-size: 30px;
    font-weight: 700;
    border-bottom: 2px solid;
    padding-bottom: 10px;
}

.detail .main-intro .text {
    margin-top: 75px;
}

.detail .breadcrumb {
    margin-top: 30px;
}

.detail .main-intro.sub-intro .detail-sm-title {
    font-size: 20px;
    border: none;
    margin-bottom: -30px;
}

@media (max-width: 1500px) {
    .sub-detail-main {}
    .sub-detail-main .img-box {
        height: 40vw;
        box-shadow: 1.33vw 1.33vw var(--cus-red);
    }
    .sub-detail-main .img-box .main-img,
    .sub-detail-main .img-box img {}
    .detail .main-intro {
        margin-top: 6.667vw;
    }
    .detail .main-intro .text-box {}
    .detail .main-intro .detail-title {
        font-size: 2vw;
        padding-bottom: 0.667vw;
    }
    .detail .main-intro .text {
        margin-top: 5vw;
    }
    .detail .breadcrumb {
        margin-top: 2vw;
    }
    .detail .main-intro.sub-intro .detail-sm-title {
        font-size: 1.333vw;
        margin-bottom: -2vw;
    }
}

@media (max-width: 768px) {
    .sub-detail-main {}
    .sub-detail-main {}
    .sub-detail-main .img-box {}
    .sub-detail-main .img-box .main-img,
    .sub-detail-main .img-box img {
        height: 50vw;
    }
    .detail .main-intro {}
    .detail .main-intro .text-box {}
    .detail .main-intro .detail-title {
        font-size: 5vw;
        padding-bottom: 2vw;
    }
    .detail .main-intro .text {}
    .detail .breadcrumb {}
    .detail .main-intro.sub-intro .detail-sm-title {
        font-size: 4vw;
    }
}

.events-detail {}

.events-detail .main {}

.events-detail .onlineShop {}

.events-detail .c-event {}

@media (max-width: 1500px) {
    .events-detail {}
    .events-detail .main {}
    .events-detail .onlineShop {}
    .events-detail .c-event {}
}

@media (max-width: 768px) {
    .events-detail {}
    .events-detail .main {}
    .events-detail .onlineShop {}
    .events-detail .c-event {}
}

.news-detail {}

.news-detail .breadcrumb {}

.news-detail .main-intro {}

.news-detail .sub-intro {}

.news-detail .news-img-box {}

.news-detail .news-img-box .row {
    margin-top: 90px;
}

.news-detail .news-img-box .img-box-lg {}

.news-detail .news-img-box .img-box-lg .sub-intro {
    margin-top: 0px;
}

.news-detail .news-img-box .img-box-lg .sub-intro .detail-sm-title {}

.news-detail .news-img-box .img-box-lg .sub-intro .text {
    height: 290px;
    overflow: auto;
    display: flex;
    align-items: self-start;
    margin-top: 40px;
}

.news-detail .news-img-box .img-box-md {}

.news-detail .news-img-box .img-box-sm {}

.news-detail-lg-img {}

.news-detail-md-img {}

.news-detail-sm-img {}

.news-detail .special-text-box {
    margin-top: 45px;
    display: flex;
    flex-direction: column;
}

.news-detail .special-text-box p {
    margin-top: 45px;
    width: fit-content;
}

@media (max-width: 1500px) {
    .news-detail {}
    .news-detail .breadcrumb {}
    .news-detail .main-intro {}
    .news-detail .sub-intro {}
    .news-detail .news-img-box {}
    .news-detail .news-img-box .row {
        margin-top: 6vw;
    }
    .news-detail .news-img-box .img-box-lg {}
    .news-detail .news-img-box .img-box-lg .sub-intro {}
    .news-detail .news-img-box .img-box-lg .sub-intro .detail-sm-title {}
    .news-detail .news-img-box .img-box-lg .sub-intro .text {
        margin-top: 2.667vw;
        height: 20vw;
    }
    .news-detail .news-img-box .img-box-md {}
    .news-detail .news-img-box .img-box-sm {}
    .news-detail-lg-img {}
    .news-detail-md-img {}
    .news-detail-sm-img {}
    .news-detail .special-text-box {
        margin-top: 3vw;
    }
    .news-detail .special-text-box p {
        margin-top: 3vw;
    }
}

@media (max-width: 768px) {
    .news-detail {}
    .news-detail .breadcrumb {}
    .news-detail .main-intro {}
    .news-detail .sub-intro {}
    .news-detail .news-img-box {}
    .news-detail .news-img-box .row {
        row-gap: 5vw;
    }
    .news-detail .news-img-box .img-box-lg {}
    .news-detail .news-img-box .img-box-lg .sub-intro {}
    .news-detail .news-img-box .img-box-lg .sub-intro .detail-sm-title {}
    .news-detail .news-img-box .img-box-lg .sub-intro .text {
        height: auto;
        margin-top: 5vw;
    }
    .news-detail .news-img-box .img-box-md {}
    .news-detail .news-img-box .img-box-sm {}
    .news-detail-lg-img {
        width: 100%;
    }
    .news-detail-md-img {
        width: 100%;
    }
    .news-detail-sm-img {
        width: 100%;
    }
    .news-detail .special-text-box {}
    .news-detail .special-text-box p {}
}

.shopping-detail {}

.shopping-detail .breadcrumb {}

.shopping-detail .sub-detail-main {}

.shopping-detail .sub-detail-main .img-box {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    gap: 45px;
}

.shopping-detail .sub-detail-main .img-box>p {
    display: flex;
}

.shopping-detail .sub-detail-main .img-box .main-img,
.shopping-detail .sub-detail-main .img-box img {
    max-width: 1200px;
}

.shopping-detail .sub-detail-main .img-box #shopping-detail-main-1 {}

.shopping-detail .sub-detail-main .img-box #shopping-detail-main-2 {}

.shopping-detail .sub-detail-main .img-box #shopping-detail-main-3 {}

.shopping-detail .arrow-box {
    position: absolute;
    margin-top: 0px;
    top: 50%;
    transform: translateY(-50%);
    justify-content: space-between;
    width: 1286px;
    /* display: flex; */
    height: auto;
}

.shopping-detail .arrow-box .fa {}

.shopping-detail .arrow-box .fa-angle-left {}

.shopping-detail .arrow-box .fa-angle-right {}

.shopping-detail .slide-box {
    display: flex;
    justify-content: center;
    display: none;
}

.shopping-detail .slide-box .slider-circle {}

.shopping-detail .slide-box #slider-circle-1 {}

.shopping-detail .slide-box #slider-circle-2 {}

.shopping-detail .slide-box #slider-circle-3 {}

.shopping-detail .slide-box #slider-circle-4 {}

.shopping-detail .slide-box #slider-circle-5 {}

.shopping-detail .main-intro {}

.shopping-detail .events-box {
    margin-top: 90px;
}

.shopping-detail .events-box .row {
    width: 100%;
}

.shopping-detail .events-box .row .title {
    font-size: 30px;
}

.shopping-detail .events-box .single-box {}

@media (max-width: 1500px) {
    .shopping-detail {}
    .shopping-detail .breadcrumb {}
    .shopping-detail .sub-detail-main {}
    .shopping-detail .sub-detail-main .img-box {
        gap: 3vw;
    }
    .shopping-detail .sub-detail-main .img-box .main-img,
    .shopping-detail .sub-detail-main .img-box img {
        width: 80vw;
    }
    .shopping-detail .sub-detail-main .img-box #shopping-detail-main-1 {}
    .shopping-detail .sub-detail-main .img-box #shopping-detail-main-2 {}
    .shopping-detail .sub-detail-main .img-box #shopping-detail-main-3 {}
    .shopping-detail .arrow-box {
        width: 85.73vw;
    }
    .shopping-detail .arrow-box .fa {}
    .shopping-detail .arrow-box .fa-angle-left {}
    .shopping-detail .arrow-box .fa-angle-right {}
    .shopping-detail .slide-box {}
    .shopping-detail .slide-box .slider-circle {}
    .shopping-detail .slide-box #slider-circle-1 {}
    .shopping-detail .slide-box #slider-circle-2 {}
    .shopping-detail .slide-box #slider-circle-3 {}
    .shopping-detail .slide-box #slider-circle-4 {}
    .shopping-detail .slide-box #slider-circle-5 {}
    .shopping-detail .main-intro {}
    .shopping-detail .events-box {
        margin-top: 6vw;
    }
    .shopping-detail .events-box .row {}
    .shopping-detail .events-box .row .title {
        font-size: 2vw;
    }
    .shopping-detail .events-box .single-box {}
}

@media (max-width: 768px) {
    .shopping-detail {}
    .shopping-detail .breadcrumb {}
    .shopping-detail .sub-detail-main {}
    .shopping-detail .sub-detail-main .img-box {}
    .shopping-detail .sub-detail-main .img-box .main-img,
    .shopping-detail .sub-detail-main .img-box img {}
    .shopping-detail .sub-detail-main .img-box #shopping-detail-main-1 {}
    .shopping-detail .sub-detail-main .img-box #shopping-detail-main-2 {}
    .shopping-detail .sub-detail-main .img-box #shopping-detail-main-3 {}
    .shopping-detail .arrow-box {
        margin-left: -1vw;
        width: 92vw;
        display: none;
    }
    .shopping-detail .arrow-box .fa {}
    .shopping-detail .arrow-box .fa-angle-left {}
    .shopping-detail .arrow-box .fa-angle-right {}
    .shopping-detail .slide-box {}
    .shopping-detail .slide-box .slider-circle {}
    .shopping-detail .slide-box #slider-circle-1 {}
    .shopping-detail .slide-box #slider-circle-2 {}
    .shopping-detail .slide-box #slider-circle-3 {}
    .shopping-detail .slide-box #slider-circle-4 {}
    .shopping-detail .slide-box #slider-circle-5 {}
    .shopping-detail .main-intro {}
    .shopping-detail .events-box {}
    .shopping-detail .events-box .row {}
    .shopping-detail .events-box .row .title {
        font-size: 5vw;
    }
    .shopping-detail .events-box .single-box {}
}