.active-orange .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
    color: #6CACE4 !important;
}

.active-orange .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link {
    color: #6CACE4 !important;
}

.active-orange .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover {
    color: #6CACE4 !important;
}

.active-orange .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover {
    background-color: #6CACE4 !important;
    color: white !important;
    border-radius: 0px 20px 20px 20px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
    margin: 2px 0;

}

@media screen and (max-width: 991px) {
    .active-orange .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active {
        background: #fff !important;
        color: #1E1E1E !important;
        border-radius: 0px !important;
        box-shadow: none !important;
        font-weight: normal;
        display: block !important;
    }
}

@media screen and (min-width: 992px) {
    .dropdown.show .dropdown-menu.single-drop {
        justify-content: center;
        display: flex;
        text-align: center;
    }
}

.bg-white:hover {
    background-color: #FFB06B !important;
    color: white !important;
}

.btn-social:hover {
    transform: translateY(-5px);
    filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.25));
}

.bottom-menu a:hover {
    color: white !important;
    font-weight: 600;
    filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.25));
}

@media screen and (max-width: 991px) {
    .active-orange .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active{
        color: #6CACE4 !important;
    }

    .dropdown.show .dropdown-menu.single-drop {
        max-width: 100%;
    }

    .dropdown .dropdown-menu.single-drop, .dropdown .dropdown-menu .dropdown_menu_nav li,.dropdown .dropdown-menu .dropdown_menu_nav {
        width: 100%;
        border-radius: 0;
        background-color: rgba(255, 255, 255, 0) !important;
    }
    .dropdown .dropdown-menu .dropdown_menu_nav li{
        margin: 10px 0 0 0;
    }
}

.section__stories .swip__stories .feature_strories .swiper-button-next:hover,
.section__stories .swip__stories .feature_strories .swiper-button-prev:hover {
    filter: drop-shadow(0 15px 10px rgba(108, 172, 228, 0.7));
}

a:hover {
    color: #6CACE4;
}

.features_app_fitness .body_features .nav-pills .nav-link {
    padding: 10px;
    opacity: 0.66;
}

.nav-link .txt_feat h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 4em;
    line-height: 2em;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    border-radius: 30px;
    padding: 6px 6%;
    font-size: 19px !important;
}

.nav-link.active .txt_feat h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 6em;
    line-height: 1.3em;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    box-shadow: 0 0 10px #6CACE4;
    border-radius: 30px;
    padding: 6% 6%;
}

.btn_sm_primary {
    padding: 6px 1rem;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    -webkit-transition: 0.3s !important;
    -moz-transition: 0.3s !important;
    -o-transition: 0.3s !important;
    -ms-transition: 0.3s !important;
    transition: 0.3s !important;
}

.dropdown .dropdown-menu {
    margin: 0;
}

.index_carousel {
    position: relative;
    max-width: 950px;
    margin: auto;
    overflow: hidden;
    border-radius: 30px;
}

.index_carousel-images {
    display: flex;
    transition: transform 0.5s ease-in-out;
    border-radius: 30px;
}

.index_carousel-images img {
    width: 100%;
    flex: 0 0 100%;
    border-radius: 30px;
    cursor: pointer;
}

/* 左右按鈕 */
.index_prev,
.index_next {
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    cursor: pointer;
}

.index_prev :hover,
.index_next :hover {
    filter: drop-shadow(0 10px 10px rgba(108, 172, 228, 0.7));
}

.index_prev {
    left: 0px;
}

.index_next {
    right: 0px;
}

/* 圓點指示器 */
.index_dots {
    position: absolute;
    bottom: -40px;
    left: 15%;
    transform: translateX(-50%);
    display: flex;
    background-color: white;
    border-radius: 50px;
    padding: 15px 38px 37px 130px;
}

.index_dot {
    width: 12px;
    height: 12px;
    background-color: #6cace4;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.3s;
    margin: 6px 16px;
}

.index_dot.active {
    opacity: 1;
}

.room {
    padding: 5px 16px;
    border: none;
    background-color: white;
    color: #6cace4;
    cursor: pointer;
    font-size: 19px;
    border-radius: 25px 0;
    font-weight: bolder;
    border: 1px solid white;
}

.room.active {
    background-color: #6cace4;
    color: white;
    padding: 5px 16px;
}

.room:hover {
    border: 1px solid #6cace4;
    border-radius: 25px 0;
}

.activity_bottom {
    position: relative;
    color: white;
    padding: 13px 6% 13px 8%;
    border: none;
    font-weight: 600;
    border-radius: 31px 0;
    margin-left: 28%;
    font-size: 24px;
    letter-spacing: 10px;
    cursor: pointer;
    overflow: hidden;
}

.activity_bottom:hover::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background:
        linear-gradient(80deg, rgba(255, 255, 255, 0)50%, white),
        linear-gradient(250deg, rgba(255, 255, 255, 0)50%, white);
    opacity: 0.7;
}

.activity_imglabel {
    position: absolute;
    bottom: 95%;
    right: -2%;
    background-color: #6BBBAE;
    color: white;
    padding: 6px 27px 6px 35px;
    border-radius: 23px 0 35px 23px;
    font-size: 22px;
    font-weight: bolder;
    letter-spacing: 5px;
    box-shadow: 0px 6px 9px #898989;
}

.news_extent {
    overflow: hidden;
    font-size: 19px;
    background: white;
    border-radius: 0 0 25px 25px;
    text-align: left;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 4% 4% 16% 4%;
    width: 100%;
}

.ext_tit:hover {
    color: #6cace4 !important;
}

.news {
    font-weight: bolder;
    font-size: 17px;
    background: white;
    color: black;
    border-radius: 30px;
    text-align: left;
    margin: 6% 6% 4% 6%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    display: inline-block;
    padding: 3% 6%;
    width: auto;
    height: auto;
}

/*.teams {
    font-size: 31px;
    background: white;
    color: black;
    border-radius: 165px 25px 15px 15px;
    text-align: left;
    margin-left: 7%;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    display: inline-block;
    padding: 0 0 2% 0;
    width: 320px;
    height: auto;
}*/

.teams {
    max-width: 320px !important;
    position: relative;
}

.profilePic {
    width: 100%;
    box-shadow: 8px 8px 32px rgba(0, 0, 0, 0.25);
    border-radius: 160px 20px 20px 20px;
    cursor: pointer;
}


.profilePic:hover {
    box-shadow: 8px 8px 32px #6CACE4;
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: 1000;
}

.overlay .popup {
    width: 650px !important;
    height: 500px !important;
    position: absolute;
    top: 20%;
    left: 40%;
    background: white;
    color: black;
    padding: 30px;
    border-radius: 30px;
    box-shadow: 8px 8px 32px rgba(0, 0, 0, 0.25);
    text-align: left;
    word-wrap: break-word;
    overflow: auto;
    flex-direction: column;
    z-index: 10;
    box-sizing: border-box;
}

@media screen and (width:2560px) {
    .slide {
        margin-left: 24%;
        margin-right: 24%;
    }

    .section__showcase {
        width: 50%;
        margin: 0 auto;
    }

}

@media screen and (width:1440px) {

    .slide {
        margin-left: 5%;
        margin-right: 5%;
    }

}

@media screen and (width:1024px) {
    .slide {
        margin-left: -4%;
    }

    .ext {
        margin-top: -6%;
    }

    .ext2 {
        margin-top: -12%;
    }

    .dat {
        margin-left: -14%;
    }

    .mail {
        margin-top: -1%;
        margin-left: 1%;
    }

    .more {
        margin-right: -4%;
    }
}

@media screen and (width:768px) {
    .rental_slide {
        margin-left: -9%;
        margin-top: 5%;
    }

    .news_slide2 {
        margin-left: -10%;
        margin-top: -3%;
        margin-bottom: 6%;
    }

    .rental_slide2 {
        margin-left: -8%;
        margin-bottom: 5%;
        margin-top: -3%;
    }

    .slide {
        margin-right: 8%;
        margin-left: -3%;
    }

    .adress {
        font-size: 80%;
    }

    .mail {
        margin-left: -5%;
        margin-top: 1%;
        max-width: 27%;
    }

    .popup {
        width: 45%;
    }

    .more {
        display: ruby-text;
        left: -8%;
    }
}

@media screen and (max-width:540px) {

    .mail {
        margin-left: -4%;
        margin-top: 9%;
        max-width: 29%;
    }
}

@media screen and (width:425px) {
    .registerBtn {
        font-size: 18px !important;
        padding: 10px !important;
    }

    .login_logo {
        margin-top: -7% !important;
        width: 141% !important;
        height: auto !important;
        margin-left: -21%;
    }

    .thirdLogin {
        width: 74%;
    }

    .personalM_px {
        margin-left: -9%;
        margin-right: -35%;
    }

    .personalD_px {
        margin-left: -17%;
        margin-right: -6%;
    }

    .rental_slide {
        margin-left: -34%;
        margin-top: 5%;
        margin-bottom: 10%;
    }

    .news_slide2 {
        margin-left: -29%;
        margin-top: 7%;
        margin-bottom: 14%;
    }

    .rental_slide2 {
        margin-left: -34%;
        margin-top: 4%;
        margin-bottom: 8%;
    }

    .slide {
        margin-bottom: 3%;
        margin-right: 41%;
        margin-left: 2%;
    }

    .ic {
        width: 10%;
    }

    .adress {
        font-size: 48%;
    }

    .mail {
        margin-left: -22%;
        margin-top: -6%;
        max-width: 29%;
    }

    .popup {
        max-width: 50%;
    }

    .indexNEWS {
        margin-top: revert;
        margin-bottom: revert;
    }

    .more {
        display: table-cell;
        left: -5%;
    }
}

@media screen and (width:375px) {
    .login_logo {
        margin-top: -10% !important;
        width: 146% !important;
        height: auto !important;
        margin-left: -22%;
    }

    .loginBtn {
        font-size: 17px !important;
    }

    .registerBtn {
        font-size: 13px !important;
        padding: 12px !important;
    }

    .thirdLogin {
        width: 86%;
    }

    .personalM_px {
        margin-left: -8%;
        margin-right: -50%;
    }

    .personalD_px {
        margin-left: -21%;
        margin-right: -18%;
    }

    .rental_slide {
        margin-left: -40%;
        margin-top: 8%;
        margin-bottom: 16%;
    }

    .news_slide2 {
        margin-left: -38%;
        margin-top: 8%;
        margin-bottom: 16%;
    }

    .rental_slide2 {
        margin-left: -42%;
        margin-top: 3%;
        margin-bottom: 10%;
    }

    .slide {
        margin-bottom: 3%;
        margin-right: 49%;
        margin-left: 2%;
    }

    .ext {
        margin-top: -6%;
        margin-right: -6%;
        margin-left: -4%;
    }

    .ext2 {
        margin-top: -6%;
        margin-right: -6%;
        margin-left: -4%;
    }

    .ic {
        width: 7%;
    }

    .adress {
        font-size: 43%;
    }

    .mail {
        margin-left: -10%;
        margin-top: 2%;
        max-width: 51%;
        margin-right: -2%;
    }

    .popup {
        max-width: 50%;
    }

    .indexNEWS {
        margin-top: revert;
        margin-bottom: revert;
        margin-right: -4%;
    }

    .more {
        display: table-cell;
        left: -5%;
    }
}

@media screen and (width:320px) {
    .login_logo {
        margin-top: -10% !important;
        width: 150% !important;
        height: auto !important;
        margin-left: -22%;
    }

    .loginBtn {
        font-size: 12px !important;
        padding: 10px !important;
    }

    .registerBtn {
        font-size: 18px !important;
        padding: 15px !important;
        white-space: pre-wrap;
    }

    .thirdLoginImg {
        width: 130%;
        margin-left: -12%;
    }

    .thirdLogin {
        width: 86%;
        font-variant-caps: unicase;
        margin-top: -2%;
    }

    .personalM_px {
        margin-left: -16%;
        margin-right: -53%;
    }

    .personalD_px {
        margin-left: -21%;
        margin-right: -44%;
    }

    .rental_slide {
        margin-left: -53%;
        margin-top: 8%;
        margin-bottom: 16%;
    }

    .news_slide2 {
        margin-left: -52%;
        margin-top: 9%;
        margin-bottom: 21%;
    }

    .path {
        margin-top: 5%;
    }

    .rental_slide2 {
        margin-left: -55%;
        margin-top: 10%;
        margin-bottom: 16%;
    }

    .slide {
        margin-bottom: 3%;
        margin-right: 56%;
        margin-left: 4%;
    }

    .ext {
        margin-top: -7%;
    }

    .ext2 {
        margin-top: -14%;
    }

    .dat {
        margin-left: -14%;
    }

    .ic {
        width: 7%;
    }

    .adress {
        font-size: 0.4em;
        width: 75%;
    }

    .mail {
        margin-left: -6%;
        margin-top: -2%;
        max-width: 31%;
        margin-right: -31%;
    }

    .popup {
        max-width: 50%;
        margin-left: 17%;

    }

    .indexNEWS {
        margin-top: revert;
        margin-bottom: revert;
        margin-right: -3%;
        font-size: revert;
    }

    .more {
        display: table-cell;
        left: -5%;
    }
}

.hidden {
    display: none;
}

.more {
    display: flex;
    align-items: center;
    justify-content: space-between;
    float: right;
    width: 14%;
    font-size: 20px;
    font-weight: 700;
    border-radius: 28px;
    letter-spacing: 5px;
    padding: 5px 15px 5px 15px;
    color: #6CACE4;
    background: white;
    border: 2px solid #6CACE4;
    cursor: pointer;
    transition: background 0.4s ease-out, transform 0.4s ease-out;
    position: relative;
}

@media screen and (max-width: 991px) {
    .more {
        width: 46%;

    }
}

.more:hover {
    color: white;
    background-color: #6CACE4;
    border: 2px solid white;
}

.more:hover::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background:
        linear-gradient(80deg, rgba(255, 255, 255, 0)50%, white),
        linear-gradient(250deg, rgba(255, 255, 255, 0)50%, white);
    opacity: 0.7;
}

.toggle-container {
    position: absolute;
    width: 200px;
    height: 40px;
    background: #fff;
    box-shadow: inset 5px 5px 10px #bebebe, inset -5px -5px 10px #fff;
    border-radius: 20px 0 20px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    font-family: Arial, sans-serif;
}

.option {
    flex: 1;
    text-align: center;
    font-weight: bold;
    color: #898989;
    z-index: 3;
    cursor: pointer;
    transition: color 0.3s;

}

.toggle-btn {
    position: absolute;
    width: 50%;
    height: 80%;
    background: #6CACE4;
    border-radius: 20px 0 20px 20px;
    transition: 0.2s;
    box-shadow: 2px 2px 10px #898989;
    left: 4%;
    top: 10%;
}

.left.active {
    color: white;
}

.right.active {
    color: white;
}

.left {
    color: #898989;
}

.right {
    color: #898989;
}

.right.active~.toggle-btn {
    left: 50%;
}

.left.active~.toggle-btn {
    left: 4%;
}

.hov_blue:hover {

    filter: drop-shadow(0 10px 5px rgba(108, 172, 228, 0.7));
}

.room_carousel {
    width: 600px;
    text-align: center;
}

.room_carousel-inner {
    display: flex;
    transition: transform 0.5s ease-in-out;
    border-radius: 10px;
}

.room_carousel-item {
    width: 100%;
    display: none;
}

.room_carousel-item.active {
    display: block;
}

/* 按鈕和點點區域完全透明 */
.room_carousel-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    position: relative;
}

/* 左右按鈕 */
room_carousel-button {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

room_carousel-button img {
    width: 40px;
    height: auto;
}

room_carousel-button:hover {

    filter: drop-shadow(0 10px 10px rgba(108, 172, 228, 0.7));
}

/* 點點置中 */
.room_dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 20px;
}

.room_dot {
    height: 12px;
    width: 12px;
    background-color: #bbb;
    border-radius: 100px;
    cursor: pointer;
    padding-bottom: 0 !important;
}

.room_dot.active {
    background-color: #6CACE4;
}


.exo-2 {
    font-family: 'Exo 2', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600;
}

.noto-sans-tc {
    font-family: "Noto Sans TC", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
}

.member_overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: 1000;
}

.member_popup,
.register {
    display: none;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 30px;
    width: 458px;
    max-width: 70vw;
    height: auto;
    max-height: 100vh;
    border-radius: 28px;
    word-wrap: break-word;
    z-index: 1009;
    overflow: auto;
    flex-direction: column;
    box-sizing: border-box;
    clip-path: inset(0px round 30px);
}

.thirdLogin {
    position: absolute;
    top: -10px;
    left: 50%;
    background: white;
    padding: 0 10px;
    transform: translateX(-50%);
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 5px;
}

.forgetPassword,
.reviseSuccessful,
.reviseFailure {
    display: none;
    z-index: 2000;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 30px;
    width: 550px;
    max-width: 90vw;
    height: auto;
    max-height: 90vh;
    border-radius: 28px;
    overflow: auto;
    flex-direction: column;
    box-sizing: border-box;
    clip-path: inset(0px round 30px);
}

.input_box {
    border-radius: 15px;
    color: black;
    padding: 13px;
    box-shadow: inset 0px 1px 10px #898989;
    border: none;
}

.loginBtn,
.registerBtn {
    font-size: 20px;
    background-color: #6CACE4;
    border: 1px solid #6CACE4;
    color: white;
    padding: 15px;
    border-radius: 15px;
    width: 100%;
    letter-spacing: 5px;
    box-shadow: 0px 1px 10px #898989;
    word-wrap: break-word;
}

.loginBtn:hover {
    background-color: white;
    border: 1px solid #6CACE4;
    color: #6CACE4;
}

.registerBtn:hover {
    background-color: white;
    border: 1px solid #6CACE4;
    color: #6CACE4;
}

.hov_pink:hover {
    cursor: pointer;
    color: #EAA794 !important;
}

.personalData,
.dataModification {
    display: none;
    z-index: 2000;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
    width: 550px;
    max-width: 90vw;
    height: auto;
    max-height: 90vh;
    overflow: auto;
    flex-direction: column;
    box-sizing: border-box;
    clip-path: inset(0px round 30px);
}

.profile {
    border-radius: 85px 20px 20px 20px;
    background: white;
    width: 500px;
    max-width: 90vw;
    height: auto;
    max-height: 90vh;
    overflow: auto;
}

.introduction {
    border-radius: 28px;
    text-align: left;
    font-size: 16px;
    background: white;
    width: 500px;
    max-width: 90vw;
    height: auto;
    max-height: 90vh;
    overflow: auto;

}

.introduction span {
    font-weight: bold;
    display: inline-block;
    width: 237px;
}

.registerMail_hov,
.registerpassword_hov,
.confirmpassword_hov {
    display: none;
    color: #EAA794 !important;
    font-size: 16px;
}

.input_box:invalid+label {
    display: block;
}

/* 輸入欄位的驗證提示樣式 */
.input_box:valid+label {
    display: none;
}

.reCAPTCHA_hov {
    display: block;
    /* 初始顯示 */
    color: #EAA794;
    font-size: 16px;
}

.course_box {
    overflow: hidden;
    font-size: 19px;
    background: white;
    border-radius: 0 0 25px 25px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.course {
    color: black;
    font-weight: bold;
    font-size: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
}

.courseBtn {
    padding: 5px 20px;
    border: none;
    background-color: #585757;
    color: white;
    font-size: 15px;
    border-radius: 20px 0;
    margin-top: 3%;
    font-weight: 500;
}

.index_service {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    cursor: pointer;
}

.index_service::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    background: linear-gradient(180deg, rgba(108, 174, 223, 0) 60%, #6CAEDF 100%);
}

.img__nature img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease-in-out;
}

.inf__txt {
    position: absolute;
    bottom: 2.5rem !important;
    left: 18%;
    letter-spacing: 7px;
    color: white;
    text-align: left;
    font-size: 1.2em;
    font-weight: bold;
    z-index: 2;
    transition: opacity 0.3s ease-in-out;
}

.hover-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    color: white;
    text-align: center;
    font-size: 28px;
    z-index: 3;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.hover-content p:first-child {
    font-size: 28px;
    font-weight: 700;
}

.hover-content p {
    text-align: justify;
    font-size: 26px;
    letter-spacing: 20%;
    line-height: auto;
    font-weight: normal;
    font-weight: 600;
}

@media screen and (max-width: 991px) {
    .hover-content p{
        font-size: 12px; 
    }
    .hover-content p:first-child {
        font-size: 20px;
    }
}
.index_service::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(108, 172, 228, 0.8);
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

/* Hover 效果 */
.index_service:hover::after {
    opacity: 1;
}

.index_service:hover .inf__txt {
    opacity: 0 !important;
}

.index_service:hover .hover-content {
    opacity: 1;
}

.tab-pane .newslisthrblue {
    width: 95%;
    margin-left: 3.5%;
}

.features_app_fitness .body_features .moc_app {
    padding: 0;
    margin-top: 30px;
}

.rentalbanner {
    position: relative;
    color: #FFFFFF;
}

.rentalbanner .rental_txt {
    position: absolute;
    left: 50%;
    margin-left: -500px;
    top: 18%;
}

.rentalbanner .rental_txt h2 {
    font-size: 40px;
    letter-spacing: 6px;
    margin-bottom: 20px;
}

.rentalbanner .rental_txt p {
    font-size: 28px;
    line-height: 130%;
    letter-spacing: 8px;
    font-weight: 700;
}

.room_carousel-inner img{
    border-radius: 30px;
}

@media screen and (max-width: 991px) {
    .rental_txt{
        visibility: hidden;
    }
    
}

.ext {
    position: absolute;
    bottom: 10px;
    width: 100%;
}

.index_carousel-images{
    width: 100% !important;
}

.fwbmt03{
    font-weight:bolder; 
    position: absolute;
    bottom: 0;
    left:0;
    right: 0;
    height: 79px;
    background-color: #FFF;
    border-radius: 0 0 20px 20px;
  }
  .profilePicname{
    display: inline-flex;
    align-items: center;
    font-size: 32px; 
    font-weight: 700;
    color: #1E1E1E;
    padding: 20px 15px 20px 30px;
    margin-top: -10px;
  }
  .profilePicjobtitle{
    display: inline-flex;
    align-items: flex-end;
    font-size: 20px; 
    font-weight: 700;
    color:#6CACE4;
  }
  .imadj{
    position: absolute;
    top: 20%;
    left: 12.5%;
    height: 500px !important;
    overflow-x: auto;
    box-shadow: 8px 8px 32px rgba(0,0,0,0.25);
    border-radius: 160px 20px 20px 20px;
  }
  .popupvenue{
    font-size:140%; 
    margin-top:-2%;
  }
  .popupname{
    font-size:170%; 
    font-weight:bolder;
  }
  .popupjobtitle{
    color:#6CACE4; 
    font-weight:bolder; 
    margin-left:2%;
  }
  .popupblank{
    height:10px;
    width:100%;
  }
  .popupstitle{
    font-size:120%;
    -webkit-text-stroke: 0.5px black; 
     margin-left:5%;
  }
  .popupstitledetail{
    -webkit-text-stroke: 0.5px black;
    margin-left:9%;
  }
  .h70w100{
    height:70px;
    width:100%;
  }
  .ml05fs60mt03{
    padding: 35px 15px 0 30px;
    font-weight: 500;
    color: #1E1E1E;
    font-size:24px;
    margin-top: -20px;
  }

  .ml05fs60mt03 .profilePicname{
    padding: 0px 15px 0px 0px;
  }
  .fwb{
    font-weight:bolder;
    position: absolute;
    bottom: 0;
    left:0;
    right: 0;
    height: 108px;
    background-color: #FFF;
    border-radius: 0 0 20px 20px;
  }
  .constructionword{
    font-size:30px;
    color:#6CACE4;
    letter-spacing:3px;
  }
  .fs150{
    font-size:150%;
  }
  .fw100{
    font-weight:100;
  }
  .fw500{
    font-weight:500;
  }
  .mt005{
    margin-top:-0.5%;
  }
  .contactrowadjustment{
    width:793px; 
    max-width:100%;
    display: block;
    margin: auto;
  }
  .contactadjustment{
    align-items:center;
    display:flex;
  }
  .contactblank{
    height:30px; 
    width:100%;
  }
  .contactaddressadj{
    display:flex; 
    gap:4%;
  }
  .adressadj{
    font-size:170%; 
    letter-spacing:4px;
    width:75%;  
    white-space:nowrap;
  }
  .emailpicadjustment{
    margin-top:18%; 
    margin-left:32%;
    width:77%;
  }
  .courseareaadjustment{
    margin-top:-3%;
  }
  .courseareaadjustment2{
    margin-top:-5%;
  }
  .coursepicadjustment{
    border-radius: 40px 40px 0 0;
    width: 90%;
    aspect-ratio:16/9;
  }
  .courseleft{
    margin-left: 3%;
    margin-right: -1%;
  }
  .courseright{
    margin-left: -2%;
  }
  .contact-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; /* 關鍵：允許換行 */
    gap: 8px;
  }
  .newsc_ext{
    letter-spacing: 7px; 
    color: #6caedf;
  }

  .contac{
    margin: 0 10px;
  }

  .col-lg-3 .contac {
    max-width: 70% !important;
  }

  .contac img{
    box-shadow: 4px 4px 14px rgba(0,0,0,0.25);
    border-radius: 34px;
  }

  .address{
    margin-bottom: 75px;
    font-size:26px;
    letter-spacing:7px; 
    white-space:nowrap; 
    margin:0 35px;
  }

  @media (max-width: 768px) {
    .address{
        white-space: pre-line;
        word-wrap: break-word;
    }

    #contacts .col-lg-3{
        display: none;
    }
  }


  .address p{
   line-height: 1 !important;
   margin-bottom: 0.25em !important;
  }

  .address p:first-child{
    margin-bottom: 0.75em !important;
    color: #6CACE4;
    font-size: 36px;
    font-weight: bolder;
    letter-spacing: 20px;
  }

  .contac a{
    display: block;
  }

  .contac:hover img{
    box-shadow: 4px 4px 14px #6caedf;
  }

  .mb-20{
    margin-bottom: 75px;
  }

  .mb-30{
    margin-bottom: 3em;
  }

.section__stories .swip__stories .feature_strories  .col-lg-4 .item:before{
    background: none !important;
  }

  .section__stories .swip__stories .feature_strories  .col-lg-4 .item{
    margin-left: 0.5%;
  }

  #mySwiperId .col-lg-4 .item{
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
    margin-left: 0.5%;
  }

  .news_extent{
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    height: 160px;
  }

  .mt-10{
    margin-top: 1.5em;
  }

  .sh_footer_email.bg_fitness {
    padding-top: 3.5rem !important;
}

   .padding-b-8{
    padding-bottom: 3em !important;
   }

   .member_overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: 1000;
}
.member_popup,.register{
    display: none;
    position:relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 30px;
    width:458px;
    max-width:70vw;
    height:auto;
    max-height:100vh;
    border-radius: 28px;
    word-wrap:break-word;
    z-index: 1009;
    overflow:auto;
    flex-direction:column;
    box-sizing:border-box;
    clip-path:inset(0px round 30px);
}
.thirdLogin{
    position: absolute;
    top: -10px;
    left: 50%;
    background: white;
    padding: 0 10px;
    transform: translateX(-50%);
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 5px;
}
.forgetPassword,.reviseSuccessful,.reviseFailure{
    display:none;
    z-index: 2000;
    position:relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 30px;
    width:550px;
    max-width:90vw;
    height:auto;
    max-height:90vh;
    border-radius: 28px;
    overflow:auto;
    flex-direction:column;
    box-sizing:border-box;
    clip-path:inset(0px round 30px);
}
.input_box{
    border-radius: 15px;
    color: black;
    padding: 13px;
    box-shadow: inset 0 6px 6px -4px rgba(137,137,137, 0.7);
    border: none;
    width:100%;
}
.loginBtn,.registerBtn{
    font-size: 20px;
    background-color: #6CACE4;
    border:1px solid #6CACE4;
    color: white;
    padding: 15px;
    border-radius: 10px;
    width: 100%;
    letter-spacing: 5px;
    box-shadow:0px 1px 10px #898989;
    word-wrap:break-word;
    font-weight: bold;
}
.loginBtn:hover{
    background-color: white;
    border: 1px solid #6CACE4;
    color: #6CACE4;
}
.registerBtn:hover{
    background-color: white;
    border: 1px solid #6CACE4;
    color: #6CACE4;
}
.personalData,.dataModification{
    display:none;
    z-index: 2000;
    position:relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
    width:550px;
    max-width:90vw;
    height:auto;
    max-height:90vh;
    overflow:auto;
    flex-direction:column;
    box-sizing:border-box;
    clip-path:inset(0px round 30px);
}
.profile{
    border-radius: 85px 20px 20px 20px;
    background:white;
    width:500px;
    max-width:90vw;
    height:auto;
    max-height:90vh;
    overflow:auto;
    display:flex;
    flex-wrap: wrap;
    align-items:center;
}
.pd_img{
    width:25%;
    height:25%;
    margin:4% 5% 4% 5%;
}
.pd_title{
    display: flex;
    flex-direction: column;
}
.pd_tit-name{
    line-height: normal;
}
.pd_tit-mail{
    letter-spacing: 1px;
}
.pd_revisepw{
    margin: 8% 2% 0 11%;
    padding: 1% 3%;
    font-size: 18px;
}
.introduction{
    border-radius: 28px;
    text-align: left;
    font-size: 16px;
    background:white;
    width:500px;
    max-width:90vw;
    height:auto;
    max-height:90vh;
    overflow:auto;
    padding:4% 4% 4% 0;
    letter-spacing: 3px;
}
.introduction span {
    font-weight: bold;
    display: inline-block;
    width: 237px;
}
.pd_intro-item{
    margin-left: -18%;
}
.pd_intro-data{
    margin-left: 8%;
}
.pd_modification{
    margin-left:82%;
    padding:1% 3% 1% 4%;
    font-size: 18px;
    min-inline-size: max-content;
}
.registerMail_hov, .registerpassword_hov, .confirmpassword_hov,.reCAPTCHA_hov{
    display: none ;
    color: #EAA794 !important;
    font-size: 16px;
}
.input_box:invalid:placeholder-shown + label {
    display: none;
}
.input_box:invalid + label {
    display: block ;
}
/* 輸入欄位的驗證提示樣式 */
.input_box:valid + label {
    display: none;
}
.reCAPTCHA_hov {
    display: block;
   /* 初始顯示 */
    color: #EAA794;
    font-size: 16px;
}

 .course_box{
     overflow:hidden;
     font-size: 19px;
     background:white;
     border-radius:0 0 25px 25px;
     box-shadow:0 0 10px rgba(0,0,0,0.3);
     padding: 20px;
}
 .course{
     color:black;
     font-weight:bold;
     font-size:20px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     text-align: center;
     height:100%;
}
 .courseBtn{
     padding: 5px 20px;
     border: none;
     background-color:#585757;
     color:white;
     font-size: 15px;
     border-radius: 20px 0;
     margin-top:3%;
     font-weight:500;
}
.course-item:hover .course{
     color:#6CACE4;
}
#mySwiperId .col-lg-4 .ext_tit{
    color:#1E1E1E;
}
#mySwiperId .col-lg-4:hover .ext_tit{
    color:#6CACE4;
}
 .index_service {
     position: relative;
     overflow: hidden;
     border-radius: 30px;
     cursor: pointer;
}
 .index_service::before {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     opacity: 1;
     transition: opacity 0.3s ease-in-out;
     background: linear-gradient(rgba(108, 174, 223, 0), #6CAEDF);
}
 .img__nature img {
     width: 100%;
     height: auto;
     transition: transform 0.3s ease-in-out;
}
 .service__txt {
     position: absolute;
     top: 83%;
     left: 18%;
     letter-spacing: 7px;
     color: white;
     text-align: center;
     font-size: 2em;
     font-weight: bold;
     z-index: 2;
     transition: opacity 0.3s ease-in-out;
}
 .hover-content {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 90%;
     color: white;
     text-align: center;
     font-size: 1.5em;
     z-index: 3;
     opacity: 0;
     transition: opacity 0.3s ease-in-out;
     letter-spacing:2px;
}
 .hover-content-title{
     font-size:1.3em;
     line-height:1;
}
 .index_service::after {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     background: rgba(108, 172, 228, 0.8);
     top: 0;
     left: 0;
     opacity: 0;
     transition: opacity 0.3s ease-in-out;
}
/* Hover 效果 */
 .index_service:hover::after {
     opacity: 1;
}
 .index_service:hover .service__txt {
     opacity: 0 !important;
}
 .index_service:hover .hover-content {
     opacity: 1;
}
 .login_logo{
     margin-top:-2%;
     width:100%;
     height:auto;
     -webkit-user-drag: none;
}
 .input_item{
     font-weight:bold;
     letter-spacing:2px;
     font-size:17px;
}
 .img_reCAPTCHA{
     width:100%;
     height:auto;
}
 .login_ftp{
     color:#6CACE4 !important;
     letter-spacing:2px;
}
 .login_sign{
     color:#6CACE4 !important;
     display: block;
     letter-spacing: 4px;
}
 .thirdLogin_span{
     position: relative;
}
 .thirdLogin_line{
     border: none;
     border-top: 2px solid #6CACE4;
}
 .thirdLoginImg{
     display: flex;
     justify-content:center;
     margin-bottom:-5%;
     gap:46px;
}
 .thirdLogin_google{
     margin: 10px 0;
     filter: drop-shadow(0 5px 4px rgba(0,0,0,0.25));
     /*margin-left:30%;*/
     margin-left:10%;
     width:63%;
     height:auto;
}
 .thirdLogin_fb{
     margin: 10px 0;
     filter: drop-shadow(0 5px 4px rgba(0,0,0,0.25));
     width:63%;
     height:auto;
}

.thirdLogin_google:hover,  .thirdLogin_fb:hover{
    filter: drop-shadow(0 5px 4px #6CACE4);
}

 .fp_title{
     color:#6CACE4;
     letter-spacing:7px;
}
 .fp_content{
     padding: 0 9%;
}
 .fp_explain{
     line-height: 27px;
     font-weight:100;
}
 .fp_notice{
     padding: 0 10%;
     color:#EAA794;
     font-weight:100;
}
 .revise_notice{
     padding: 0 9%;
     line-height: 27px;
     font-weight:100;
}
 .revise_btn{
     color:#6CACE4;
     font-weight:100;
     cursor:pointer;
}
 .dm_img{
     width:25%;
     height:25%;
     margin:4% 5% 4% 5%;
}
 .dm_intro-item{
     margin-left:-22%;
     margin-right:7%;
}
 .dm_intro-input{
     border-radius: 15px;
     color: black;
     padding: 13px;
     box-shadow: inset 0 6px 6px -4px rgba(137,137,137, 0.7);
     border: none;
     padding: 2% 8% 2% 3%;
}
 .dm_store{
     margin-left:82%;
     padding:1% 3% 1% 4%;
     font-size: 18px;
     min-inline-size: max-content;
}
 .reg_title{
     color:#6CACE4;
     letter-spacing:3px;
     margin-bottom:-2%;
}
 .reg_footer{
     letter-spacing:2px;
     margin-bottom:-5%;
}
 .reg_footer-item{
     margin-right:3%;
}
 .reg_footer-btn{
     color:#6CACE4;
     cursor: pointer;
}
 .index_line{
     width:95%;
     margin-left:3%;
}
 .index_headerline{
     letter-spacing: 7px;
     color: #6caedf;
     margin-top:-10%;
}
 .index_headerline2{
     letter-spacing: 7px;
     color: #6caedf;
}
 .index_member{
     margin-left: 25%;
}
 .index_member-dropdown{
     display: block;
     cursor:pointer;
}
 .index_bgl{
     background: url(../img/grand-2.png) left bottom no-repeat;
}
 .index_bgr{
     background: url(../img/grand-1.png) right top no-repeat;
}
 .venuegray{
     color:#a7a7a7;
}
 .venueblack{
     color:black;
}
 .titlewords{
     margin-left:1%;
     margin-right:1%;
}
 .bigtitle{
     letter-spacing: 7px;
     color: #6caedf;
}
 .bigtitle2{
     letter-spacing: 13px;
     color: #6caedf;
}
 .toggleadjustment{
     margin-left:80%;
     margin-top:-3%;
}
 .toggle-btn-left{
     left: 2%;
}
 .toggle-btn-right{
     left: 48%;
}
 .img-16-9{
     aspect-ratio:16/9;
}
 .news_inf_txt{
     filter:drop-shadow(0 5px 10px rgba(0,0,0,0.5));
}
 .news_inf_date{
     margin-bottom:-0.99em;
}
 .news_lineh35{
     line-height:35px;
}
 .news_inf_option{
     padding-top: 20px;
     margin-bottom:-10px;
     height: 80px;
}
 .news_inf_option2{
     color:#6CACE4;
     letter-spacing:8px;
}
 .smallnews{
     margin-top:-3%;
}
 .smallnews1{
     margin-left: 2%;
     margin-right: -1.5%;
}
 .sm_space{
     border-radius: 40px 40px 0 0;
     width: 90%;
     aspect-ratio:16/9;
}
 .sm_footer{
     font-size:90%;
     color:#898989;
     margin-top:10%;
}
 .sm_date{
     margin-left:1%;
     margin-right:45%;
}
 .sm_click{
     margin-right:2%;
     width: 7%;
}
 .smallnews3{
     margin-left: -1.5%;
}
 .sm3_footer{
     font-size:90%;
     color:#898989;
     margin-top:24%;
}
 .newsc{
     margin-top:-5%;
}
 .newsc_title{
     font-weight:bolder;
     margin-left:6%;
}
 .newsc_tit-date{
     color: #6caedf;
}
 .newsc_tit-txt{
     margin-right:9%;
}
 .newsc_tit-txt2{
     line-height: normal;
}
 .newsc_explain{
     font-size:20px;
     font-weight:normal;
     color:#898989;
     margin:1%;
}
 .newsc_bgr{
     background: url(../img/grand-1.png) 102% -1% no-repeat;
}
 .newsc_bgl{
     background: url(../img/grand-2.png) -3% 101% no-repeat;
}
 .newsc_content{
     font-size:25px;
     font-weight:500;
     line-height:200%;
     text-align:justify;
     margin:1% 2% 0 10%;
}
 .act_title{
     font-size:160%;
     line-height: 134%;
}
 .act_content{
     font-size:120%;
     padding:0 7%;
     line-height: 23px;
     margin-left:4%;
}
 .act_content2{
     font-size:120%;
     padding:0 6%;
     line-height: 23px;
     margin-left:4%;
}
 .act_content3{
     font-size:120%;
     overflow-wrap: break-word;
     padding:0 3% 0 12%;
     line-height: 23px;
}
 .act_btn1{
     background-color:#6BBBAE;
}
 .act_btn2{
     background-color:#EAA794;
}
 .act_btn3{
     background-color:#898989;
}
 .act_date{
     color:#6CACE4;
     font-weight:bolder;
     margin-right:10%;
}
 .act_click{
     color:#898989;
}
 .act_click2{
     margin-right:2%;
     width: 4%;
}
 .act_line{
     width:100%;
     margin:5%;
}
 .actc_title{
     font-size:250%;
}
 .actc_title2{
     font-size:150%;
     margin:2%;
}
 .actc_tit_date{
     font-weight:bolder;
     color:#6CACE4;
     margin-right:5%;
}
 .actc_tit_click{
     color:#898989;
}
 .actc_tit_click{
     margin-right:2%;
     margin-top:-1%;
}
 .actc_explain{
     font-size:24px;
     color:#6CACE4;
     font-weight:600;
     padding:4% 12% 2% 13%;
     letter-spacing:6px;
     line-height: 31px;
}
 .actc_line{
     border-bottom: 2px solid #6CACE4;
     width:914px;
}
 .actc_content{
     font-size:24px;
     line-height:200%;
     width:914px;
     padding: 0% 0% 0 13%;
     max-width: 100%;
     letter-spacing:0.5px;
}
 .actc_bold{
     -webkit-text-stroke: 0.3px black;
}
 .actc_footer{
     color:#898989;
     justify-content: right;
     display: flex;
     margin-right: -7%;
     font-weight:bolder;
}
 .actc_btn{
     background-color:#6CACE4;
     padding: 12px 30px 12px 40px;
     font-size:170%;
     letter-spacing: 5px;
     margin: auto;
     display: block;
}
 .priceadjustment{
     font-style:normal;
     font-weight:bolder;
}
 .priceiconadjustment{
     margin:3% 3%;
}
 .peoplenumber{
     font-style:normal;
     color: black;
     word-spacing:10px;
}
 .textContaineradjustment{
     margin-top:-7%;
}
 .venuedetail, .ml06adjustment{
     list-style-type:none;
}
 .venuecontentdetail{
     font-size:140%;
     line-height:360%;
}
 .iadjustment{
     color:#6cace4;
     border:2px solid #6cace4;
     font-size:18px;
     font-weight:bolder;
     font-style:normal;
     border-radius: 20px 0 30px 20px;
     padding:2px 22px 2px 15px;
     margin-left: -5%;
}
 .iiadjustment{
     color:#EAA794;
     border:2px solid #EAA794;
     font-size:18px;
     font-weight:bolder;
     font-style:normal;
     border-radius: 20px 0 30px 20px;
     padding:2px 22px 2px 15px;
     margin-left: -5%;
}
 .lineheightadjustment{
     line-height:30px;
}
 .venueprojectdetail{
     font-size:18px;
    margin-left:5%;
}
 .actbtnadjment{
     background-color:#6CACE4;
     font-size: 20px;
     padding: 12px 30px 12px 40px;
     margin-left:18%;
}
 .actbtnadjment2{
     background-color:#6CACE4;
     padding: 12px 30px 12px 40px;
     margin-left:20%;
}
 .framedetail{
     width:500px;
     height:500px;
     border:0;
     border-radius:30px;
}
 .normalblue{
     color:#6CACE4;
}
 .profilePicadj{
     border-radius:165px 25px 0px 0px;
     box-shadow:5px 0 10px rgba(0,0,0,0.3);
}
 /*.fwbmt03{
     font-weight:bolder;
     margin-top:3%;
}
 .profilePicname{
     font-size:100%;
     margin-left:5%;
     margin-right:3%;
}
 .profilePicjobtitle{
     font-size:65%;
     color:#6CACE4;
}
 .imadj{
     margin-left:15%;
     margin-top:-13%;
}
 .popupvenue{
     font-size:140%;
     margin-top:-2%;
}
 .popupname{
     font-size:170%;
     font-weight:bolder;
}
 .popupjobtitle{
     color:#6CACE4;
     font-weight:bolder;
     margin-left:2%;
}
 .popupblank{
     height:10px;
     width:100%;
}
 .popupstitle{
     font-size:120%;
     -webkit-text-stroke: 0.5px black;
     margin-left:5%;
}
 .popupstitledetail{
     -webkit-text-stroke: 0.5px black;
     margin-left:9%;
}

 .h70w100{
     height:70px;
     width:100%;
}
 .ml05fs60mt03{
     margin-left:5%;
     font-size:60%;
     margin-top:3%;
}
 */
 .fwb{
     font-weight:bolder;
}
 .constructionword{
     font-size:30px;
     color:#6CACE4;
     letter-spacing:3px;
}
 .fs150{
     font-size:150%;
}
 .fw100{
     font-weight:100;
}
 .fw500{
     font-weight:500;
}
 .mt005{
     margin-top:-0.5%;
}
 .contactrowadjustment{
     width:793px;
     max-width:100%;
     display: block;
     margin: auto;
}
 .contactadjustment{
     align-items:center;
     display:flex;
}
 .contactblank{
     height:30px;
     width:100%;
}
 .contactaddressadj{
     display:flex;
     gap:4%;
}
 .adressadj{
     font-size:170%;
     letter-spacing:4px;
     width:75%;
     white-space:nowrap;
}
 .emailpicadjustment{
     margin-top:18%;
     margin-left:32%;
     width:77%;
}
 .courseareaadjustment{
     margin-top:-3%;
}
 .courseareaadjustment2{
     margin-top:-5%;
}
 .coursepicadjustment{
     border-radius: 40px 40px 0 0;
     width: 90%;
     aspect-ratio:16/9;
}
 .courseleft{
     margin-left: 3%;
     margin-right: -1%;
}
 .courseright{
     margin-left: -2%;
}
 .contact-flex {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
     gap: 8px;
}
 .newsc_ext{
     letter-spacing: 7px;
     color: #6caedf;
}
/*nbsp高度*/
 .heightadjustment3{
     height: 8px;
}
 .heightadjustment5{
     height: 5px;
}
 .heightadjustment7{
     height: 7px;
}
 .heightadjustment10{
     height: 15px;
}
 .heightadjustment20{
     height: 20px;
}
 .heightadjustment30{
     height: 30px;
}
 .heightadjustment40{
     height: 40px;
}
 .heightadjustment50{
     height: 50px;
}
 .heightadjustment60{
     height: 60px;
}
 .heightadjustment80{
     height: 80px;
}
 .heightadjustment90{
     height: 90px;
}
 .heightadjustment130{
     height: 130px;
}
/*margin-left*/
 .ml06adjustment{
     margin-left:6%;
}
 .ml05adjustment{
     margin-left:5%;
}
 .ml04adjustment{
     margin-left:4%;
}
 .ml02adjustment{
     margin-left:2%;
}