@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Noto+Serif+TC:wght@200..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

/* -- reset module8 -- */
.edit,
.show_content,
.main_part { width: 100% !important; max-width: 100% !important; margin: auto !important; padding: 0px !important;}
.pageIndex .main_part { border:none !important; }
.path,
.banner { display:none;}
/* -- reset module8 end -- */


.hs_box * { line-height:150%; font-size:15px; border:0; outline:none; text-decoration:none; padding:0; margin:0; list-style:none; box-sizing:border-box; max-width:100%; font-family: '微軟正黑體'; 
-webkit-transition: ease .4s; -moz-transition: ease .4s; -ms-transition: ease .4s; -o-transition: ease .4s; transition: ease .4s;}
.hs_box{overflow: hidden;scroll-behavior: smooth;background-color: #fff;max-width: 2000px;margin: auto;}
.hs_box sub, .hs_box sup{vertical-align: unset;}
.hs_box i, .hs_box em , .hs_box dfn , .hs_box var{font-style: normal;line-height: 0px;}/*斜線標籤轉正*/
.hs_box table{border-spacing: 0px;border-collapse: collapse;}
.hs_box table td{border: 1px solid #000;}
.hs_box img { max-width:100%;line-height: 0px;}
.hs_clear::before, .hs_clear::after { content:''; display: table; }
.hs_clear::after { clear: both;}
.hs_clear { zoom: 1; }

/*Animations*/
[data-animate-in] { opacity: 0; transition: transform 1.6s ease, opacity 1.6s ease;}
[data-animate-in="up"] { transform: translate3d(0, 10px, 0);}/*由下往上*/
[data-animate-in="left"] { transform: translate3d(-5%, 0, 0);}/*由左往右*/
[data-animate-in="right"] { transform: translate3d(5%, 0, 0);}/*由右往左*/
[data-animate-in="down"] { transform: translate3d(0, -10%, 0);}/*由上往下*/
[data-animate-in="fadeIn"] { transform: translate3d(0, 0, 0);}/*淡入*/
[data-animate-in="scaleIn"] {transform: scale(.3);}/*放大淡入*/
[data-animate-in="rotateIn"] {transform: scale(.3) rotate(-10deg);}/*放大淡入*/
[data-animate-in].in-view { opacity: 1; transform:translate3d(0,0,0) rotate(0deg); -webkit-transform:translate3d(0,0,0) rotate(0); transition: transform .8s ease, opacity .8s ease;}
.fade-in { opacity: 0; transition: opacity .5s ease; }
/*Animations-end*/

/*關鍵字*/
.key_words{height: 0; max-height: 0; overflow: hidden;}
.key_words h2, .key_words h3, .key_words h4, .key_words h5, .key_words h6{color: rgba(255,255,255,.0);}

    .edit_part {
        max-width: 100%;
        margin: auto;
        padding: 0;
    }
    .other-page .content{
        max-width: 100%;
    }
    .mainPagePic{display: none;}

    .hs_box{
        --f100:100px;
        --f30:30px;
        --f25:25px;
        --f22:22px;
        --f20:20px;
        --f18:18px;
        --f16:16px;
        --f14:14px;
        --Color01: #325959;
        --Color02: #6F8C87;
        --Color03: #545454;
        --Color04: #EA8E39;
        --Color05: #D90000;
    }

    @keyframes effect01 {
        0%{background-position-y: 0px;}
        100%{background-position-y: 4000px;}
    }


    /*首頁*/
    .bai_a{
        padding: calc(1vw + 70px) 5% 0 0;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        position: relative;
        z-index: 10;
    }
    .bai_a_left > i{
        display: block;
        line-height: 0px;
        border-top-right-radius: 50px;
        overflow: hidden;
    }
    .bai_a_left > p{
        font-size: var(--f16);
        color: var(--Color03);
        line-height: 200%;
        letter-spacing: 0.05em;
        margin:40px 0 0 auto;
        max-width: fit-content;
    }
    .bai_a_right{
        width: 655px;
        margin: 0 0 0 5%;
    }
    .bai_a_right > img{
        display: block;
        max-width: fit-content;
        margin: calc(2vw + 70px) 0 calc(2vw + 70px) -17vw;
        width: 80%;
        max-width: fit-content;
    }
    .bai_a_right dl{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .bai_a_right dl dt{
        writing-mode: vertical-rl;
        min-width: fit-content;
    }
    .bai_a_right dl dt p{
        font-family: 'Noto Serif TC';
        font-size: var(--f30);
        color: var(--Color01);
        font-weight: 500;
    } 
    .bai_a_right dl dt p s{
        font-family: 'Noto Serif TC';
        font-size: var(--f30);
        color: var(--Color02);
        font-weight: 500;
    } 
    .bai_a_right dl dt em{
        display: block;
        font-size: var(--f20);
        color: var(--Color02);
        line-height: 120%;
        font-family: 'Playfair Display';
    }
    .bai_a_right dl dd{
        max-width: 535px;
        margin: 0 0 0 15px;
    }
    .bai_a_right dl dd h4{
        font-size: var(--f22);
        color: var(--Color01);
        line-height: 180%;
        letter-spacing: 0.05em;
        margin: 0 0 15px;
        font-family: 'Noto Serif TC';
    }
    .bai_a_right dl dd p{
        color: var(--Color03);
        font-size: var(--f16);
        line-height: 200%;
        letter-spacing: 0.05em;
    }

    .bai_b{
        padding: 0 5% calc(1vw + 70px);
        position: relative;
        z-index: 1;
        margin: -5vw 0 0;
    }
    .bai_b::before{
        content: '';
        width: 15%;
        height: 1000px;
        background-color: #E8ECEB;
        position: absolute;
        bottom: 50px;
        right: 0px;
        z-index: -1;
    }
    .bai_b > img{
        position: absolute;
        left: 0px;
        top: 10vw;
        z-index: -1;
        max-width: 930px;
        width: 45vw;
    }
    .bai_b dl{
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
    }
    .bai_b dl dt{
        width: 510px;
        min-width: 435px;
        margin:0 5% 30px 0;
    }
    .bai_b dl dt h4{
        font-size: var(--f25);
        color: var(--Color01);
        line-height: 180%;
        letter-spacing: 0.05em;
        font-weight: normal;
        margin: 0 0 15px;
        font-family: 'Noto Serif TC';
        font-weight: 500;
    }
    .bai_b dl dt p{
        font-size: var(--f16);
        color: #545454;
        line-height: 200%;
        letter-spacing: 0.05em
    }
    
    .bai_c{
        padding: 0 5% calc(3vw + 70px);
    }
    .bai_c > i{
        display: block;
        max-width: fit-content;
        margin: auto;
        border-radius: 50px;
        overflow: hidden;
    }
    .bai_c > i img{
        min-height: 350px;
        object-fit: cover;
    }
    .bai_c01{
        max-width: 1635px;
        margin: 0 auto;
        padding: 0 5%;
        position: relative;
        z-index: 1;
    }
    .bai_c01 section{
        padding: 40px 5%;
        background-color: var(--Color01);
        border-radius: 30px;
        max-width: 750px;
        margin: -8vw 0 0 auto;
    }
    .bai_c01 section h4{
        font-size: var(--f25);
        color: #fff;
        line-height: 180%;
        letter-spacing: 0.05em;
        margin: 0 0 10px;
        font-weight: normal;
        font-family: 'Noto Serif TC';
    }
    .bai_c01 section p{
        font-size: var(--f16);
        color: #fff;
        line-height: 200%;
        letter-spacing: 0.05em;
        margin: 10px 0 30px;
    }
    .bai_c01 section s{
        display: block;
        max-width: fit-content;
        margin: 0 0 0 auto;
    }

    .bai_d{
        padding: 0 5% 0 0;
        position: relative;
        z-index: 1;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .bai_d > img{
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1;
        max-width: 1045px;
        width: 50vw;
    }
    .bai_d_left{
        position: relative;
        z-index: 1;
        width: 50%;
        max-width: 930px;
        height: 1045px;
    }
    .bai_d_left > img{
        position: absolute;
        bottom: 100%;
        left: 15px;
        z-index: 100;
    }
    .bai_d_left::before{
        content: '';
        width: 50%;
        height: 220px;
        background-color: #E8ECEB;
        position: absolute;
        top: -20px;
        right: -20px;
        z-index: -1;
    }
    .bai_d_left > i{
        display: block;
        background: url(../images/home/ba_img06.png);
        background-position: center;
        background-size: cover;
        animation: effect01 100s infinite linear;
        position: relative;
        z-index: 10;
        width: 100%;
        height: 100%;
    }
    .bai_d_right{
        width: 500px;
        margin: 0 0 0 8%;
    }
    .bai_d_right section{
        padding: calc(3vw + 70px) 0;
    }
    .bai_d_right section s{
        display: block;
        font-size: var(--f14);
        color: var(--Color04);
        line-height: 120%;
    }
    .bai_d_right section h4{
        font-size: var(--f30);
        color: var(--Color01);
        line-height: 180%;
        letter-spacing: 0.05em;
        margin: 5px 0 15px;
        font-family: 'Noto Serif TC';
        font-weight: 500;
    }
    .bai_d_right section i{
        display: block;
        max-width: 15px;
        height: 1px;
        background-color: var(--Color01);
        margin: 15px 0;
    }
    .bai_d_right section p{
        font-size: var(--f16);
        color: var(--Color03);
        line-height: 200%;
        letter-spacing: 0.05em;
    }

    .bai_e{
        padding: calc(5vw + 70px) 5% calc(3vw + 70px);
        position: relative;
        z-index: 1;
        text-align: center;
    }
    .bai_e::before{
        content: '';
        position: absolute;
        top: -15vw;
        right: 0px;
        background-color: #E8ECEB;
        width: 12%;
        max-height: 600px;
        height: 30vw;
        z-index: -1;
    }
    .bai_e p{
        font-size: var(--f16);
        color: var(--Color03);
        line-height: 200%;
        letter-spacing: 0.05em;
        margin: 40px auto;
    }
    .bai_e h4{
        font-size: var(--f22);
        color: var(--Color01);
        line-height: 180%;
        letter-spacing: 0.05em;
        font-family: 'Noto Serif TC';
        font-weight: 500;
    }
    .bai_e > img:nth-of-type(1){
        position: absolute;
        top: 50%;
        left: -2vw;
        z-index: -1;
        transform: translateY(-50%);
    }
    .bai_e > img:nth-of-type(2){
        position: absolute;
        top: -10px;
        right: 5%;
        border-radius: 20px;
        overflow: hidden;
        max-width: 422px;
        width: 25vw;
    }
    .bai_e > img:nth-of-type(3){
        position: absolute;
        bottom: 50%;
        left: 12vw;
        transform: translateY(50%);
    }
    /*-----------------------------*/

    /*營區守則*/
    .ban_a{
        padding: 0 5% calc(1vw + 70px);
        margin:0 auto 0;
    }
    .ban_a01{
        max-width: 1075px;
        margin: 0 auto calc(1vw + 50px);
    }
    .ban_a01 > h4{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin: 0 0 20px;
    }
    .ban_a01 > h4 s{
        min-width: 160px;
        text-align: center;
        background-color: var(--Color01);
        color: #fff;
        font-weight: bold;
        padding: 15px 10px;
        border-radius: 10px;
        line-height: 120%;
        margin: 0 15px 0 0;
    }
    .ban_a01 > h4::after{
        content: '';
        width: 100%;
        height: 1px;
        background-color: #DDDDDD;
        display: block;
    }
    .ban_a01 ul{
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 15px;
    }
    .ban_a01 ul li p{
        font-size: var(--f18);
        color: var(--Color03);
        line-height: 200%;
        letter-spacing: 0.05em;
    }
    .ban_a01 .ban_a01_a{
        grid-template-columns: 1fr;
    }
    .ban_b{
        padding: 15px 5% calc(2vw + 70px);
    }
    .ban_b > section{
        text-align: center
    }
    .ban_b > section h4{
        font-size: var(--f25);
        color: var(--Color01);
        line-height: 120%;
        margin: 15px 0;
    }
    .ban_b01{
        max-width: 1080px;
        margin: auto;
    }
    .ban_b01 dl{
        padding: 20px 3%;
        border-bottom: 1px solid #ddd;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .ban_b01 dl dt{
        min-width: 26px;
        height: 26px;
        background-color: var(--Color01);
        color: #fff;
        font-size: var(--f14);
        line-height: 100%;
        border-radius: 500px;
        margin: 5px 10px 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ban_b01 dl dd p{
        font-size: var(--f18);
        color: var(--Color03);
        line-height: 200%;
        letter-spacing: 0.05em;
    }
    /*-----------------------------*/

    /*預約與付款*/
    .bab_a{
        padding: 0 5% calc(2vw + 70px);
    }
    .bab_a01{
        max-width: 1075px;
        margin: 0 auto 50px;
    }
    .bab_a01 > h4{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin: 0 0 20px;
    }
    .bab_a01 > h4 s{
        min-width: 180px;
        text-align: center;
        background-color: var(--Color01);
        color: #fff;
        font-weight: bold;
        padding: 15px 10px;
        border-radius: 10px;
        line-height: 120%;
        margin: 0 15px 0 0;
        font-size: var(--f18);
    }
    .bab_a01 > h4::after{
        content: '';
        width: 100%;
        height: 1px;
        background-color: #DDDDDD;
        display: block;
    }
    .bab_a01 > p{
        font-size: var(--f18);
        color: var(--Color03);
        line-height: 200%;
        letter-spacing: 0.05em;
        margin: 20px 0 0;
    }
    .bab_a01 dl{
        margin: 20px 0 0;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .bab_a01 dl dt{
        min-width: 15px;
        height: 15px;
        background-color: var(--Color04);
        border-radius: 500px;
        margin: 5px 10px 0 0;
    }
    .bab_a01 dl dd h5{
        color: var(--Color01);
        line-height: 200%;
        letter-spacing: 0.05em;
        font-size: var(--f20);
        line-height: 130%;
        margin: 0 0 5px;
    }
    .bab_a01 dl dd s{
        display: block;
        font-size: var(--f18);
        color: var(--Color03);
        line-height: 200%;
        letter-spacing: 0.05em;
    }
    .bab_a02{
        margin: calc(1vw + 70px) auto;
    }
    .bab_a02 h4 s{
        background-color: var(--Color04);
    }
    .bab_a02 h6{
        font-size: var(--f20);
        color: var(--Color01);
        line-height: 200%;
        letter-spacing: 0.05em;
        margin: 20px 0;
    }
    .bab_a02 section{
        max-width: 800px;
        margin: 30px 0 0;
    }
    .bab_a02 section table{
        width: 100%;
    }
    .bab_a02 section table tr th{
        border: 1px solid #fff;
        background-color: #fff;
        font-size: var(--f20);
        color: var(--Color01);
        line-height: 120%;
        padding: 15px 5%;
        text-align: left;
    }
    .bab_a02 section table tr th:nth-of-type(1){
        width: 35%;
    }
    .bab_a02 section table tr th:nth-of-type(2){
        width: 65%;
    }
    .bab_a02 section table tr td{
        border: unset;
        font-size: var(--f18);
        color: var(--Color03);
        line-height: 120%;
        padding: 15px 5%;
        border: 1px solid #fff;
    }
    .bab_a02 section table tr:nth-of-type(even) td{
        background-color: #EFF1F1;
    }
    .bab_a02 section table tr:nth-of-type(odd) td{
        background-color: #F8FAFA;
    }
    .bab_a03 > h4 s{
        background-color: var(--Color05);
    }
    .bab_a03 h6{
        font-size: var(--f18);
        color: var(--Color01);
        line-height: 200%;
        letter-spacing: 0.05em;
        margin: 20px 0;
    }
    /*-----------------------------*/

    /*聯絡我們*/
    .bac_a{
        padding: calc(2vw + 70px) 5% 0 0;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .bac_a > i{
        display: block;
        line-height: 0px;
        border-top-right-radius: 5vw;
        overflow: hidden;
    }
    .bac_a01{
        width: 600px;
        margin: 0 0 0 8%;
    }
    .bac_a01 dl{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        max-width: fit-content;
        position: relative;
        z-index: 1;
    }
    .bac_a01 dl > img{
        position: absolute;
        top: -4vw;
        right: -5vw;
        z-index: -1;
        max-width: 275px;
        width: 20vw;
    }
    .bac_a01 dl dt{
        min-width: fit-content;
        writing-mode: vertical-rl;
        font-size: var(--f22);
        color: var(--Color01);
        line-height: 120%;
        letter-spacing: 0.1em;
        font-family: 'Noto Serif TC';
        margin: 0 10px 0 0;
    }
    .bac_a01 dl dd h4{
        font-size: var(--f100);
        color: var(--Color01);
        line-height: 100%;
        font-family: 'Noto Serif TC';
        font-weight: 500;
        margin: -15px 0 5px;
    }
    .bac_a01 dl dd s{
        display: block;
        font-size: var(--f14);
        color: var(--Color04);
        line-height: 120%;
    }
    .bac_a01 h5{
        font-size: var(--f22);
        color: var(--Color01);
        line-height: 180%;
        letter-spacing: 0.05em;
        font-weight: 500;
        font-family: 'Noto Serif TC';
        margin: calc(1vw + 50px) 0 10px;
    }
    .bac_a01 p{
        font-size: var(--f16);
        color: var(--Color03);
        line-height: 200%;
        letter-spacing: 0.05em;
    }

    .bac_b{
        padding: calc(4vw + 70px) 5%;
    }
    .bac_b01{
        max-width: 850px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .bac_b01 section{
        width: 405px;
        margin: 0 15px 0 0;
    }
    .bac_b01 section h4{
        font-size: var(--f20);
        background-color: var(--Color01);
        color: #fff;
        padding: 10px;
        border-radius: 10px;
        max-width: 185px;
        margin: 0 0 30px;
        text-align: center;
    }
    .bac_b01 section p{
        font-size: var(--f18);
        color: var(--Color03);
        line-height: 200%;
        letter-spacing: 0.05em;
    }
    .bac_b02{
        max-width: 850px;
        margin: 50px auto 0;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    .bac_b02 a{
        text-align: center;
        position: relative;
        z-index: 1;
        width: calc(100%/3 - 2%);
        margin: 30px 1% 0;
        padding: 50px 15px;
        border-radius: 15px;
        border: 1px solid var(--Color01);
    }
    .bac_b02 a b{
        display: block;
        font-size: var(--f20);
        color: var(--Color01);
        line-height: 120%;
        margin: 30px 0 5px;
        min-height: 45px;
    }
    .bac_b02 a b s{
        display: inline-block;
        font-size: var(--f20);
        color: var(--Color01);
        line-height: 120%;
    }
    .bac_b02 a i{
        display: block;
        position: absolute;
        bottom: -30px;
        width: 60px;
        height: 60px;
        left: 50%;
        transform: translateX(-50%);
        background-color: var(--Color04);
        overflow: hidden;
        border-radius: 500px;
    }
    .bac_b02 a i img{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .bac_b02 a:hover{
        overflow: hidden;
    }
    .bac_b02 a:hover i{
        width: 100%;
        height: 100%;
        border-radius: unset;
        z-index: -1;
        bottom: 0px;
        opacity: .3;
        background-color: var(--Color02);
    } 
    .bac_b02 a:hover i img{
        top: 90%;
    }
    .bac_c{
        background: url(../images/contact/ba_bg01.jpg);
        background-position: top center;
        background-size: cover;
        text-align: center;
        padding: calc(10vw + 100px) 5% calc(8vw + 100px);
    }
    .bac_c section{
        filter: drop-shadow(0 0 5px rgba(50, 89, 90, .5));
        -webkit-filter: drop-shadow(0 0 5px rgba(50, 89, 90, .5));
    }
    .bac_c section > h4{
        font-size: var(--f25);
        color: #fff;
        font-family: 'Noto Serif TC';
        line-height: 180%;
        letter-spacing: 0.05em;
        font-weight: 500;
        filter: drop-shadow(0 0 5px rgba(50, 89, 90, .5));
        -webkit-filter: drop-shadow(0 0 5px rgba(50, 89, 90, .5));
    }
    .bac_c section > h5{
        font-size: var(--f30);
        color: #fff;
        font-family: 'Noto Serif TC';
        line-height: 180%;
        letter-spacing: 0.05em;
        font-weight: 500;
        filter: drop-shadow(0 0 5px rgba(50, 89, 90, .5));
        -webkit-filter: drop-shadow(0 0 5px rgba(50, 89, 90, .5));
    }
    /*-----------------------------*/

    @media (max-width: 1360px) {
        .hs_box{
            --f100:80px;
            --f30:25px;
            --f25:22px;
            --f22:22px;
            --f20:20px;
            --f18:18px;
            --f16:16px;
            --f14:14px;
        }

        /*首頁*/
        .bai_b{margin:15px 0 0;}
        .bai_b > img{opacity: .3;}
        .bai_d_left{height: 800px;}
        .bai_d_left > img{width: 230px;}
        .bai_e::before{top: 10%;}
        .bai_e > img:nth-of-type(1){width: 100px;}
        .bai_e > img:nth-of-type(2){width: 20vw;}
        .bai_e > img:nth-of-type(3){width: 150px;left: 10vw;}
        /*-----------------------------*/

        /*營區守則*/
        /*-----------------------------*/

        /*預約與付款*/
        /*-----------------------------*/

        /*聯絡我們*/
        /*-----------------------------*/
    }
    @media (max-width: 1024px) {
        /*首頁*/
        .bai_a{flex-direction: column-reverse;padding: calc(1vw + 70px) 5% 0;}
        .bai_a_right > img{margin: 0 0 30px;}
        .bai_a_right{margin: 0 auto 50px;}
        .bai_a_left > i{border-radius: 30px;}
        .bai_a_left > p{margin:40px auto 0;text-align: center;}
        .bai_b{padding: calc(1vw + 70px) 5%;}
        .bai_b::before{display: none;}
        .bai_b dl{flex-direction: column-reverse;align-items: center;}
        .bai_b dl dt{min-width: unset;margin:30px 0 0;}
        .bai_e > img:nth-of-type(1){width: 70px;}
        .bai_e > img:nth-of-type(2){width: 100%;margin: 40px auto 0;position: relative;top: unset;right: unset;}
        .bai_e > img:nth-of-type(3){bottom: 10%;left: 5%;}
        /*-----------------------------*/

        /*營區守則*/
        /*-----------------------------*/

        /*預約與付款*/
        /*-----------------------------*/

        /*聯絡我們*/
        .bac_a{flex-direction: column;padding: calc(1vw + 70px) 5% 0;}
        .bac_a > i{border-radius: 5vw;}
        .bac_a01{margin: calc(1vw + 50px) 0 0;}
        /*-----------------------------*/
    }
    @media (max-width: 968px) {
        .hs_box{
            --f100:60px;
            --f30:22px;
            --f25:20px;
            --f22:20px;
            --f20:18px;
            --f18:16px;
            --f16:15px;
            --f14:14px;
        }

        /*首頁*/
        /*-----------------------------*/

        /*營區守則*/
        /*-----------------------------*/
        
        /*預約與付款*/
        /*-----------------------------*/

        /*聯絡我們*/
        /*-----------------------------*/
    }
    @media (max-width: 768px) {
        /*首頁*/
        .bai_a_right dl{flex-direction: column;align-items: flex-start;}
        .bai_a_right dl dd{margin: 15px 0 0;}
        .bai_a_right dl dt{writing-mode: unset;}
        .bai_d{flex-direction: column;padding: 0 5%;}
        .bai_d > img{top: 35%;z-index: 100;right: 35px;}
        .bai_d_left{width: 100%;height: 400px;}
        .bai_d_right{margin: 0 auto;}
        .bai_d_right section{padding: calc(2vw + 70px) 0 0;}
        /*-----------------------------*/

        /*營區守則*/
        .ban_a01 ul{grid-template-columns: 1fr;}
        /*-----------------------------*/

        /*預約與付款*/
        /*-----------------------------*/

        /*聯絡我們*/
        /*-----------------------------*/
    }
    @media (max-width: 568px) {
        .hs_box{
            --f100:40px;
            --f30:20px;
            --f25:18px;
            --f22:18px;
            --f20:16px;
            --f18:15px;
            --f16:14px;
            --f14:14px;
        }

        /*首頁*/
        .bai_e > img:nth-of-type(1){display: none;}
        .bai_e > img:nth-of-type(3){width: 100px;bottom: 50px;}
        /*-----------------------------*/

        /*營區守則*/
        /*-----------------------------*/

        /*預約與付款*/
        /*-----------------------------*/

        /*聯絡我們*/
        .bac_b01{position: relative;z-index: 1;}
        .bac_b01 > i{position: absolute;top: -35px;right: 0px;width: 100px;}
        .bac_b02{flex-wrap: wrap;}
        .bac_b02 a{width: calc(100%/2 - 2%);margin: 40px 1% 0;padding: 20px 15px 20px;}
        /*-----------------------------*/
    }
    @media (max-width: 425px) {
        /*首頁*/
        /*-----------------------------*/

        /*營區守則*/
        /*-----------------------------*/

        /*預約與付款*/
        /*-----------------------------*/

        /*聯絡我們*/
        /*-----------------------------*/
    }
    @media (max-width: 375px) {
        /*首頁*/
        /*-----------------------------*/

        /*營區守則*/
        /*-----------------------------*/

        /*預約與付款*/
        /*-----------------------------*/
        
        /*聯絡我們*/
        .bac_b02 a{width: 100%;}
        /*-----------------------------*/
    }