.fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    padding-left: 20%;
    padding-right: 20%;
    width: 100%;
    background: linear-gradient(90deg, #FFFFFF, #F4F9FF);
    color: white;
    z-index: 1000;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    display: flex; 
    justify-content: space-between;
    align-items: center;
    height: 8vh;
}

.button-container {
    display: flex; 
    align-items: center;
    justify-content: center; 
}

.button-top {
    background-color: #0C186C;
    color: white;
    padding-right: 35px;
    padding-left: 35px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer; 
    outline: none; 
    margin: 0 5px;
}

.button-top:hover {
    background-color: #0056b3;
}

.video-background {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    /* 
    z-index:100;  */
}

.mobile-wrap {
    position: relative;
    min-height: 100vh;
    width: 100%;
    float: left;
    /* background: url('../bg/background.png') top center no-repeat;
    background-size: 100% auto; */
    /* padding-bottom: 1.4rem; */
}

.image_imageContainer__2dKjX {
    /* position: relative; */
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #00000000;
    /* height: 146%; */
    /* overflow: hidden;
    border-radius: .769vw */
}

/* .image_imageContainer__2dKjX.image_contain__BN28f {
    background-size: contain
}

.image_imageContainer__2dKjX.image_cover__3B5D- {
    background-size: cover
}

.image_imageContainer__2dKjX.image_auto__2wVJc {
    background-size: auto
}

.image_imageContainer__2dKjX.image_inherit__3dFED {
    background-size: inherit
}

.image_imageContainer__2dKjX.image_initial__nmKp_ {
    background-size: initial
}

.image_imageContainer__2dKjX.image_revert__3D90H {
    background-size: revert
}

.image_imageContainer__2dKjX.image_unset__20CFa {
    background-size: unset
}

.image_imageContainer__2dKjX.image_pointer__AVvN5 img {
    transition: all .5s ease-out 0s;
    -webkit-user-drag: none
}

.image_imageContainer__2dKjX.image_pointer__AVvN5 img:hover {
    transform: scale(1.05)
} */

.layout_container__mSI0Z {
    background-image: url('../bg/background.png');
    height: auto;
    width: 100%;
    padding-left: 20%;
    padding-right: 20%;
    padding-bottom: 10%;
    box-sizing: border-box;
    align-items: center;
    align-self: center;
    display: flex;
    justify-content: center; 
    flex: auto;
    flex-direction: column;
    min-height: 100%;
    /* background: #f3faff */
}

.layout_container__mSI0Z .layout_contentLayout__-if6u {
    min-height: 100%;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    align-items: center;
    width: 100%;
    /* margin-bottom: 5.128vw */
}

.firstScreen_content__2FIIR .firstScreen_navigation__32wY_ {
    display: flex;
    flex-wrap: wrap; /* Allow items to wrap to the next line */
    justify-content: space-between; /* Evenly distribute space between items */
    width: 100%;
    padding-top: 15px;
    /*
    padding: 1.5vw 3vw 0; */
}


.firstScreen_content__2FIIR .firstScreen_navigation__32wY_ .firstScreen_url_item__2wC8N {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 48%;
    height: 5.282vw; 
    background: url('../picture/button.png') center no-repeat;
    background-size: 100% auto;
    margin-bottom: 1vw; 
    transition: transform 0.3s ease;
}

.firstScreen_content__2FIIR .firstScreen_navigation__32wY_ .firstScreen_url_item__2wC8N:hover {
    transform: scale(1.05); 
}

.firstScreen_content__2FIIR .firstScreen_navigation__32wY_ .firstScreen_url_item__2wC8N > a {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: bold;
    font-size: 0.7rem;
    line-height: 5.128vw;
    color: #0C186C;
}


@font-face {
    font-family: swiper-icons;
    src: url("../fonts/b1bd392afc5141bbbcb852ea98c9b063.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:root {
    --swiper-navigation-size: 11.282vw
}

.tabletop {
    height: 4.2vw;
    color: #fff;
    font-weight: 500;
    font-size: 0.4rem;
    background-color: #404FB8;
}


.tableitem {
    height: 4.2vw;
    text-align: center;
    font-weight: 500;
    font-size: 0.3rem;
    background-color: #fff;
    color: #0C186C;
}
.table-background {
    background-image: url('../picture/bg_activity_content.png'); /* Adjust the path to your image */
    background-size: cover; /* or 'contain' based on your needs */
    background-repeat: no-repeat; /* Prevent the background from repeating */
    justify-items: center;
    width: 100%;
    height: auto; aspect-ratio: 711 / 626;
    padding: 20px; 
    border-radius: 10px; /* Optionally round the corners of the div */
}


.tableitemd {
    height: 3.5vw;
    text-align: center;
    font-weight: 500;
    font-size: 0.3rem;
    color: #0C186C;
    background-color: #C5EAFF;
}

.slideshow-parent-pc {
    display: flex;
    flex-direction: column; 
    align-items: center;
    width: 100%;
    justify-content: center; 
    height: auto; aspect-ratio: 1200 / 464;
}



.slideshow-container-pc {
    position: relative;
    margin-top: 10vh;
    width: 100%; 
    overflow: hidden;
    height: auto; aspect-ratio: 1200 / 424;
}

.slide-pc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.slide-pc.active {
    opacity: 1; 
}

.jsNav-pc {
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
}

.jsNav-pc a {
    width: 0.5rem;
    height: 0.1rem;
    margin-right: 0.5rem;
    background-color:  #179CFF;
    opacity: 0.2;
    border-radius: 15%; 
}

.jsNav-pc a:hover {
    opacity: 0.5;
}

.jsNav-pc .imgSelected {
    opacity: 1;
}
