@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..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: 'Noto Serif TC'; font-weight: 500;
-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;
    }

    .hs_box {
        /*WebColor*/
        --MainColor:#778A77;
        --WebColor02:#637263;
        --WebColor03:#96A696;
        --WebColor04:#BFB19B;
        --WebColor05:#EAE2D2;
        --WebColor06:#F8F5E9;
        --WebColor07:#E9F3EE;
        --WebColorText:#333333;
        /*Padding*/
        --m100:100px;
        --m80:80px;
        --m50:50px;
        --m30:30px;
        /*FontSize*/
        --fz48:48px;
        --fz40:40px;
        --fz36:36px;
        --fz32:32px;
        --fz28:28px;
        --fz24:24px;
        --fz22:22px;
        --fz20:20px;
        --fz18:18px;
        --fz16:16px;
    }

    /*動畫*/
    @keyframes cricle {
        100%{transform: rotate(360deg);}
    }
    @keyframes floating {
        50%{transform: translateY(5px);}
    }
    /*------------------------------------------*/

    /*共通設定*/
    .se_title{
        min-width: fit-content;
        display: flex;
        justify-content: center;
        align-items: stretch;
    }
    .se_title > s{
        display: block;
        font-size: var(--f16);
        color: var(--MainColor);
        letter-spacing: 0.05em;
        writing-mode: sideways-rl; 
        font-family: '微軟正黑體';
        border-right: 3px solid var(--MainColor);
        padding: 0 5px 0 0;
    }
    .se_title > p{
        font-size: var(--fz40);
        line-height: 120%;
        letter-spacing: 0.1em;
        color: var(--WebColorText);
        letter-spacing: 0.1em;
        line-height: 120%;
        font-weight: 500;
        writing-mode: vertical-rl;   
    }
    .se_link01{
        min-width: 80px;
        height: 80px;
        position: relative;
        z-index: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .se_link01::after{
        content: '';
        background: url(../images/01homeimg/link_bg.png);
        background-position: center;
        background-size: cover;
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        animation: cricle 8s infinite linear;
    }
    .se_link01::before{
        content: '';
        display: block;
        background: url(../images/01homeimg/link_arrow.png);
        width: 30px;
        height: 30px;
        background-position: center;
        background-size: cover;
        transition: all .4s;
    }
    /*------------------------------------------*/

    /*關於我們*/
    .sei_a{
        background-color: var(--WebColor07);
        padding: calc(2vw + 70px) 5%;
    }
    .sei_a01{
        max-width: 1200px;
        margin: auto;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .sei_a01 section{
        width: 1030px;
        margin: 0 0 0 5%;
    }
    .sei_a01 section h4{
        font-size: var(--fz24);
        color: var(--MainColor);
        letter-spacing: 0.1em;
        line-height: 120%;
        font-weight: 500;
        margin: 0 0 25px;
    }
    .sei_a01 section h4 s{
        display: inline-block;
        font-size: var(--fz24);
        color: var(--MainColor);
        letter-spacing: 0.1em;
        line-height: 120%;
        font-weight: 500;
    }
    .sei_a01 section p{
        font-size: var(--fz18);
        color: var(--WebColorText);
        line-height: 250%;
        letter-spacing: 0.05em;
        font-weight: 500;
    }
    .sei_a01 section b{
        display: block;
        max-width: fit-content;
        text-align: center;
        padding: 10px;
        border-radius: 8px;
        background-color: var(--MainColor);
        color: #fff;
        font-size: var(--fz18);
        letter-spacing: 0.05em;
        margin: 25px 0 0;
    }
    .sei_a02{
        max-width: fit-content;
        margin: calc(1vw + 50px) auto 0; 
        line-height: 0px;
        overflow: hidden;
        border-radius: 30px;
    }

    .sei_b{
        padding: calc(5vw + 70px) 5%;
        position: relative;
        z-index: 1;
    }
    .sei_b::after{
        content: '';
        background: url(../images/01homeimg/index_oth02.png);
        background-position: center;
        background-size: cover;
        position: absolute;
        bottom:-1px;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
        width: 100%;
        height:80px;
    }
    .sei_b01{
        max-width: 1200px;
        margin:0 auto;
        position: relative;
        z-index: 1;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .sei_b01 > img{
        position: absolute;
        bottom: 15px;
        left: 0px;
        z-index: -1;
        animation: floating 2s infinite linear;
    }
    .sei_b01 section{
        width: 100%;
        max-width: 1030px;
        margin: 0 0 0 5%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
    .sei_b01 section a{
        display: block;
        line-height: 0px;
    }
    .sei_b01 section a p{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .sei_b01 section a p b{
        font-size: var(--fz16);
        color: var(--MainColor);
        line-height: 200%;
        letter-spacing: 0.05em;
        font-family: '微軟正黑體';
        font-weight: bold;
    }
    .sei_b01 section a p s{
        min-width: fit-content;
        margin: 0 0 0 15px;
        font-size: var(--fz16);
        color: var(--MainColor);
        line-height: 200%;
        letter-spacing: 0.05em;
        font-family: '微軟正黑體';
        font-weight: bold;
    }
    .sei_b01 section a img{
        display: block;
        overflow: hidden;
        margin: 10px 0;
        border-radius: 20px;
    }
    .sei_b01 section a article{
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        padding: 0 5%;
        margin: -35px 0 0;
    }
    .sei_b01 section a article h4{
        font-size: var(--fz24);
        color: var(--WebColorText);
        line-height: 120%;
        letter-spacing: 0.1em;
        max-width: fit-content;
        border-bottom: 1px solid #00000000;
        padding: 0 0 5px;
    }
    .sei_b01 section a:hover article h4{
        color: var(--MainColor);
        border-bottom: 1px solid var(--MainColor);
    }
    .sei_b01 section a:hover article .se_link01{
        transform: rotate(45deg);
        transition: all .4s;
    }

    .sei_c{
        background-color: var(--WebColor06);
        padding: calc(1vw + 70px) 5%;
    }
    .sei_c01{
        max-width: 1500px;
        margin: auto;
        position: relative;
        z-index: 1;
    }
    .sei_c01 > img:nth-of-type(1){
        position: absolute;
        top: 15px;
        left: 0px;
        max-width: fit-content;
        width: 35vw;
        z-index: -1;
    }
    .sei_c01 > img:nth-of-type(2){
        position: absolute;
        bottom: 15px;
        right: 0px;
        max-width: fit-content;
        width: 35vw;
        z-index: -1;
    }
    .sei_c01 > .se_title{
        max-width: fit-content;
        margin: auto;
    }
    .sei_c02{
        max-width: 1500px;
        margin: calc(1vw + 50px) auto;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 30px;
    }
    .sei_c02 section i{
        display: block;
        overflow: hidden;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        margin: 0 0 15px;
        position: relative;
        z-index: 1;
        line-height: 0px;
    }
    .sei_c02 section i::after{
        content: '-SENSEN';
        font-size: 15px;
        color: #fff;
        width: 100%;
        font-family: '微軟正黑體';
        padding:15px;
        font-weight: bold;
        position: absolute;
        bottom:0px;
        right: 0px;
        display: block;
        text-align: right;
        letter-spacing: 0.3em;
        line-height: 100%;
    }
    .sei_c02 section dl{
        padding: 15px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-top: 1px solid var(--MainColor);
        border-bottom: 1px solid var(--MainColor);
    }
    .sei_c02 section dl dt{
        min-width: 60px;
        text-align: center;
        font-size: var(--fz20);
        color: var(--WebColorText);
        line-height: 120%;
        letter-spacing: 0.1em;
        font-weight: 500;
        border-right: 1px solid var(--MainColor);
    }
    .sei_c02 section dl dd{
        font-size: var(--fz20);
        color: var(--WebColorText);
        line-height: 120%;
        letter-spacing: 0.1em;
        padding: 0 15px;
    }
    .sei_c03{
        max-width: 560px;
        margin: 0 auto calc(3vw + 50px);
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
    .sei_c03 a{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .sei_c03 a b{
        font-size: var(--fz24);
        color: var(--WebColorText);
        line-height: 120%;
        letter-spacing: 0.1em;
        margin: 0 8% 0 0;
        border-bottom: 1px solid #00000000;
        padding: 0 0 5px;
    }
    .sei_c03 a i{
        display: block;
        position: relative;
        z-index: 1;
    }
    .sei_c03 a:hover b{
        border-bottom: 1px solid var(--MainColor);
        color: var(--MainColor);
    }
    .sei_c03 a:hover .se_link01{
        transform: rotate(45deg);
        transition: all .4s;
    }
    .sei_c04{
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .sei_c04_left{
        position: relative;
        z-index: 1;
        max-width: 650px;
        line-height: 0px;
        border-radius: 30px;
        overflow: hidden;
    }
    .sei_c04_left *{
        max-width: unset;
    }
    .sei_c04 .owl-nav{
        display: none;
    }
    .sei_c04 .owl-dots{
        position: absolute;
        bottom:0;
        left: 0px;
        width: 100%;
        padding:15px;
    }
    .sei_c04 .owl-theme .owl-dots .owl-dot span{
        background-color: rgba(255, 255, 255, .3);
    }
    .sei_c04 .owl-theme .owl-dots .owl-dot.active span, 
    .sei_c04 .owl-theme .owl-dots .owl-dot:hover span{
        background-color: #fff;
    }
    .sei_c04_right{
        width: 100%;
        max-width: 450px;
        margin: 0 0 0 5%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .sei_c04_right section{
        display: grid;
        grid-template-columns: 1fr;
        margin:30px 0 0 5%;
        gap: 15px;
    }
    .sei_c04_right section h4{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        font-size: var(--fz18);
        color: var(--WebColorText);
        line-height: 170%;
        letter-spacing: 0.05em;
        font-weight: bold;
    }
    .sei_c04_right section h4::before{
        content: '';
        min-width: 10px;
        height: 10px;
        background-color: var(--MainColor);
        border-radius: 500px;
        margin: 12px 15px 0 0;
    }
    /*------------------------------------------*/

    /*環境介紹*/
    .see_a{
        padding: calc(1vw + 70px) 5%;
        position: relative;
        z-index: 1;
        text-align: center;
    }
    .see_a > img:nth-of-type(1){
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 100%;
        z-index: -1;
    }
    .see_a > img:nth-of-type(2){
        position: absolute;
        bottom:15px;
        left: 20px;
        animation: floating 2s infinite linear;
        z-index: 10;
    }
    .see_a01{
        max-width: 700px;
        margin: auto;
    }
    .see_a01 > h4{
        font-size: var(--fz24);
        color: var(--MainColor);
        line-height: 120%;
        letter-spacing: 0.1em;
    }
    .see_a01 > h4 s{
        display: inline-block;
        font-size: var(--fz24);
        color: var(--MainColor);
        line-height: 120%;
        letter-spacing: 0.1em;
    }
    .see_a01 ul{
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-wrap: wrap;
        max-width: 600px;
        margin: 30px auto calc(1vw + 30px);
    }
    .see_a01 ul li{
        width: calc(100%/3 - 4%);
        margin: 20px 2% 0;
    }
    .see_a01 ul li h5{
        font-size: var(--fz20);
        color: var(--WebColorText);
        line-height: 120%;
        letter-spacing: 0.1em;
        margin: 15px 0 0;
    }
    .see_a01 > p{
        font-size: var(--fz18);
        color: var(--WebColorText);
        line-height: 200%;
        letter-spacing: 0.05em;
        font-weight: 500;
    }
    .see_a02{
        max-width: 1500px;
        margin: calc(1vw + 50px) auto 0;
        padding:30px 0 0;
        border-top: 3px dotted #CCCCCC;
        display: grid;
        grid-template-columns: 1fr .96fr;
        gap: 15px;
    }
    .see_a02 section{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }
    .see_a02 a{
        line-height: 0%;
        display: block;
        overflow: hidden;
        position: relative;
        z-index: 1;
    }
    .see_a02 a::before{
        content: '';
        width: 100%;
        height: 100%;
        background-color: #778A77;
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        transition: all .4s;
    } 
    .see_a02 a::after{
        content: 'TAKE A LOOK';
        width: 100%;
        background-color: #778A77;
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 10;
        opacity: 0;
        font-weight: 500;
        background-color: #fff;
        color: var(--MainColor);
        padding: 20px 10px;
        border-radius: 10px;
        width: 100%;
        max-width: 150px;
        margin: auto;
        transform: translate(-50%,-50%);
        transition: all .4s;
    } 
    .see_a02 a:hover::before{
        opacity: .8;
        transition: all .4s;
    }
    .see_a02 a:hover::after{
        opacity: 1;
        transition: all .4s;
    }
    /*------------------------------------------*/

    /*住宿須知*/
    .seb_a{
        position: relative;
        z-index: 1;
        padding: 70px 5%;
    }
    .seb_a::after{
        content: '';
        width: 100%;
        height: 680px;
        background: url(../images/04bdinfoimg/seb_bg01.png);
        background-position: top center;
        background-size: cover;
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: -1;
    }
    .seb_a01 .sebg01{
        background-color: var(--WebColor06);
    }
    .seb_a01 .sebg02{
        background-color: var(--WebColor07);
    }
    .seb_a01 .sebg03{
        background-color: #fff;
        box-shadow: 6px 6px 6px rgba(119, 119, 119, .1);
    }
    .seb_a01{
        max-width: 1200px;
        margin: 0 auto 50px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .seb_a01 > section{
        width: 100%;
    }
    .seb_a01_right{
        width: 100%;
        max-width: 1050px;
        margin: 0 0 0 5%;
        padding: 50px 5%;
        border-radius: 30px;
    }
    .seb_a01_right > h4{
        font-size: var(--fz24);
        color: var(--WebColorText);
        letter-spacing: 0.1em;
        margin: 0 0 15px;
        font-weight: bold;
    }
    .seb_a01_right > b{
        display: block;
        font-size: var(--fz18);
        color: var(--WebColorText);
        letter-spacing: 0.1em;
        margin: 15px 0 0;
        font-weight: bold;
    }
    .seb_a01_right dl{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 15px 0;
        border-bottom: 3px dotted #ccc;
    }
    .seb_a01_right dl:nth-of-type(1){
        border-top: 3px dotted #ccc;
    }
    .seb_a01_right dl dt{
        min-width: 40px;
        height: 40px;
        margin:0 15px 0 0;
        background-image: url(../images/04bdinfoimg/seb_icon01.png);
        background-position: center;
        background-size: cover;
    }
    .seb_a01_right dl dd{
        margin: 5px 0 0;
        width: 100%;
    }
    .seb_a01_right dl dd p{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .seb_a01_right dl dd p s{
        font-size: var(--fz18);
        color: var(--WebColorText);
        line-height: 180%;
        letter-spacing: 0.05em;
        font-weight: 500;
    }
    .seb_a01_right dl dd p.sepoint{
        margin: 15px 0 0;
    }
    .seb_a01_right dl dd p.sepoint::before{
        content: '';
        min-width: 10px;
        height: 10px;
        background-color: var(--MainColor);
        border-radius: 100px;
        margin: calc(.1vw + 10px) 10px 0 0;
    }
    .seb_a01_right.sebicon01 dl dt{
        background-image: url(../images/04bdinfoimg/seb_icon01.png);
    }
    .seb_a01_right.sebicon02 dl dt{
        background-image: url(../images/04bdinfoimg/seb_icon02.png);
    } 
    .seb_a01_right.sebicon03 dl dt{
        background-image: url(../images/04bdinfoimg/seb_icon03.png);
    } 
    .seb_btm{
        margin-top: calc(2vw + 100px);
        margin-bottom: 0px;
    }
    /*------------------------------------------*/

    /*安親須知*/
    .sed_a{
        padding: 70px 5%;
    }
    .sed_a01{
        max-width: 1200px;
        margin: 0 auto;
        padding: 50px 4%;
        position: relative;
        z-index: 1;
        background-color: var(--WebColor06);
        border-radius: 30px;
    }
    .sed_a01 > img:nth-of-type(1){
        position: absolute;
        bottom: 15px;
        left: 15px;
        max-width: 250px;
        width: 30vw;
        z-index: -1;
    }
    .sed_a01 > img:nth-of-type(2){
        position: absolute;
        bottom: 15px;
        right: 15px;
        max-width: 280px;
        width: 35vw;
        z-index: -1;
    }
    .sed_a01 dl{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 15px 0;
        border-bottom: 3px dotted #ccc;
    }
    .sed_a01 dl:nth-of-type(1){
        border-top: 3px dotted #ccc;
    }
    .sed_a01 dl dt{
        min-width: 40px;
        height: 40px;
        margin:0 15px 0 0;
        background-image: url(../images/03dcinfoimg/sed_icon01.png);
        background-position: center;
        background-size: cover;
    }
    .sed_a01 dl dd{
        margin: 5px 0 0;
        width: 100%;
    }
    .sed_a01 dl dd p{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .sed_a01 dl dd p s{
        font-size: var(--fz18);
        color: var(--WebColorText);
        line-height: 180%;
        letter-spacing: 0.05em;
        font-weight: 500;
    }
    .sed_a01 > a{
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 220px;
        margin: 30px auto 0;
    }
    .sed_a01 > a p{
        font-size: var(--fz24);
        color: var(--WebColorText);
        letter-spacing: 0.1em;
        padding: 0 0 5px;
        border-bottom: 1px solid #00000000;
        margin: 0 20px 0 0;
    }
    .sed_a01 > a:hover p{
        border-bottom: 1px solid var(--MainColor);
        color: var(--MainColor);
    }
    .sed_a01 > a:hover .se_link01::before{
        transform: rotate(45deg);
        transition: all .4s;
    }
    /*------------------------------------------*/

    /*幼貓購買流程*/
    .sep_a{
        padding: 70px 5%;
    }
    .sep_a01{
        max-width: 1200px;
        margin: auto;
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 50px;
    }
    .sep_a01 dl{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .sep_a01 dl dt{
        line-height: 0px;
        border-radius: 20px;
        overflow: hidden;
    }
    .sep_a01 dl dd{
        width: 600px;
        margin:0 0 0 30px;
    }
    .sep_a01 dl dd b{
        font-size: var(--fz16);
        color: var(--MainColor);
        line-height: 200%;
        letter-spacing: 0.05em;
        font-family: '微軟正黑體';
        font-weight: bold;
    }
    .sep_a01 dl dd h4{
        font-size: var(--fz24);
        color: var(--WebColorText);
        line-height: 120%;
        letter-spacing: 0.1em;
        font-weight: 600;
        padding:0 0 15px;
        border-bottom: 4px dotted #ccc;
        margin: 0 0 30px;
    }
    .sep_a01 dl dd p{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        margin: 5px 0 0;
    }
    .sep_a01 dl dd p::before{
        content: '';
        min-width: 10px;
        height: 10px;
        background-color: var(--MainColor);
        border-radius: 500px;
        margin: 12px 10px 0 0;
    }
    .sep_a01 dl dd p s{
        display: block;
        font-size: var(--fz18);
        color: var(--WebColorText);
        line-height: 200%;
        letter-spacing: 0.05em;
    }
    .sep_a01 dl dd p s u{
        font-size: var(--fz18);
        color: var(--WebColor03);
        line-height: 200%;
        letter-spacing: 0.05em;
        border-bottom: 1px solid var(--WebColor03);
    }
    .sep_a01 dl dd section{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin:10px 0 0;
    }
    .sep_a01 dl dd section a{
        display: block;
        margin: 15px 15px 0 0;
    }
    .sep_a01 dl dd section a:hover img{
        transform: translateY(-5px) rotate(360deg);
    }

    .sep_b{
        padding: 100px 5% 70px;
        background: url(../images/05aprcimg/seb_bg01.png);
        background-position: top center;
        background-size: cover;
    }
    .sep_b01{
        max-width: 1200px;
        margin: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .sep_b01 dl{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        min-width: fit-content;
    }
    .sep_b01 dl dd{
        padding: 0 0 0 50px;
    }
    .sep_b01 dl dd p{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        margin: 5px 0 0;
    }
    .sep_b01 dl dd p::before{
        content: '';
        min-width: 10px;
        height: 10px;
        background-color: var(--MainColor);
        border-radius: 500px;
        margin: 12px 10px 0 0;
    }
    .sep_b01 dl dd p s{
        display: block;
        font-size: var(--fz18);
        color: var(--WebColorText);
        line-height: 200%;
        letter-spacing: 0.05em;
    }
    .sep_b01 ul{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 30px;
        position: relative;
        z-index: 1;
        padding: 0 0 0 50px;
        align-items: flex-start;
    }
    .sep_b01 ul > img{
        position: absolute;
        bottom: 0px;
        right: 5px;
        z-index: -1;
        width: 100%;
    }
    .sep_b01 ul li{
        border-radius: 500px;
        line-height: 0px;
        overflow: hidden;
    }
    .sep_b01 ul li:nth-of-type(2){
        margin:50px 0 0;
    }
    .sep_b02{
        max-width: 1200px;
        margin: 70px auto 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .sep_b02 > i{
        display: block;
        border-radius: 30px;
        overflow: hidden;
    }
    .sep_b02 dl{
        width: 395px;
        margin: 0 0 0 30px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        min-width: fit-content;
    }
    .sep_b02 dl dd{
        padding: 30px 0 0 50px;
    }
    .sep_b02 dl dd p{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        margin: 5px 0 0;
    }
    .sep_b02 dl dd p::before{
        content: '';
        min-width: 10px;
        height: 10px;
        background-color: var(--MainColor);
        border-radius: 500px;
        margin: 12px 10px 0 0;
    }
    .sep_b02 dl dd p s{
        display: block;
        font-size: var(--fz18);
        color: var(--WebColorText);
        line-height: 200%;
        letter-spacing: 0.05em;
    }

    .sep_c{
        padding: calc(8vw + 70px) 5%;
        background: url(../images/05aprcimg/sep_bg02.jpg);
        background-position: center;
        background-size: cover;
    }
    .sep_c01{
        max-width: 1200px;
        margin: 0 auto;
    }
    .sep_c01 > b{
        display: block;
        font-size: var(--fz16);
        color: #fff;
        font-weight: bold;
        font-family: '微軟正黑體';
        line-height: 200%;
        letter-spacing: 0.05em;
    }
    .sep_c01 > h4{
        font-size: var(--fz28);
        color: #fff;
        line-height: 160%;
        letter-spacing: 0.1em;
        margin:10px 0 calc(1vw + 30px);
        max-width: 500px;
    }
    .sep_c01 > h4 s{
        display: inline-block;
        font-size: var(--fz28);
        color: #fff;
        line-height: 160%;
        letter-spacing: 0.1em;
    }
    .sep_c01 section{
        max-width: 450px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 10%;
        row-gap: 20px;
    }
    .sep_c01 section a{
        display: flex;
        justify-content:space-between;
        align-items: center;
    }
    .sep_c01 section a p{
        font-size: var(--fz24);
        color: #fff;
        line-height: 120%;
        letter-spacing: 0.1em;
        margin: 0 5% 0 0;
        border-bottom: 1px solid #00000000;
        padding: 0 0 10px;
    }
    .sep_c01 section a:hover p{
        border-bottom: 1px solid #fff;
    }
    .sep_c01 section a .se_link01::after{
        filter: brightness(1000);
        -webkit-filter: brightness(1000);
    }
    .sep_c01 section a .se_link01::before{
        background-image: url(../images/05aprcimg/sep_oth02.png);
    }
    .sep_c01 section a:hover .se_link01{
        transform: rotate(45deg);
    }
    /*------------------------------------------*/

    /*住宿房型介紹*/
    .ser_a{
        padding: 70px 5%;
    }
    .ser_a01{
        max-width: 1200px;
        margin:0 auto;
        display: grid;
        grid-template-columns: 1fr;
        row-gap: calc(1vw + 80px);
    }
    .ser_a01 dl{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .ser_a01 dl dd{
        max-width: 500px;
        width: 50%;
        margin: 0 30px 0 0;
    }
    .ser_a01 dl dd h4{
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
    }
    .ser_a01 dl dd h4 i{
        display: block;
        min-width: fit-content;
        margin: 0 15px 0 0;
    }
    .ser_a01 dl dd h4 p{
        font-size: var(--fz24);
        color: var(--WebColorText);
        line-height: 120%;
        letter-spacing: 0.1em;
    }
    .ser_a01 dl dd h5{
        padding: 15px 5%;
        border-top: 3px dotted #ccc;
        border-bottom: 3px dotted #ccc;
        font-size: var(--fz18);
        color: var(--MainColor);
        font-weight: bold;
        line-height: 180%;
        letter-spacing: 0.05em;
        margin: 20px auto 25px;
    }
    .ser_a01 dl dd h6{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        font-weight: normal;
        margin: 10px 0 0;
    }
    .ser_a01 dl dd h6::before{
        content: '';
        min-width: 10px;
        height: 10px;
        background-color: var(--MainColor);
        margin: 13px 15px 0 0;
        border-radius: 500px;
    }
    .ser_a01 dl dd h6 p{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .ser_a01 dl dd h6 p b{
        display: block;
        min-width: fit-content;
        font-size: var(--fz18);
        color: var(--WebColorText);
        line-height: 200%;
        letter-spacing: 0.05em;
        font-weight: 500;
    }
    .ser_a01 dl dd h6 p s{
        display: block;
        font-size: var(--fz18);
        color: var(--WebColorText);
        line-height: 200%;
        letter-spacing: 0.05em;
        font-weight: 500;
    }
    .ser_a01_left *{
        max-width: unset;
    }
    .ser_a01_left{
        width: 50%;
        max-width: 600px;
        position: relative;
        z-index: 1;
    }
    .ser_a01_left .item{
        border-radius: 30px;
        overflow: hidden;
    }
    .ser_a01 .owl-theme .owl-dots{
        position: absolute;
        bottom: 15px;
        width: 100%;
        left: 0px;
    }
    .ser_a01 .owl-theme .owl-nav{
        margin-top: unset;
        position: absolute;
        top: 50%;
        left: 0px;
        width: 100%;
        transform: translateY(-50%);
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 15;
    }
    .ser_a01 .owl-theme .owl-dots .owl-dot span{
        background-color: rgba(255, 255, 255, .3);
    }
    .ser_a01 .owl-theme .owl-dots .owl-dot.active span, 
    .owl-theme .owl-dots .owl-dot:hover span{
        background-color: #fff;
    }
    .ser_a01 .owl-theme .owl-nav [class*='owl-']{
        padding: unset;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 500px;
        background-color: var(--WebColor04);
        width: 50px;
        height: 50px;
    }
    .ser_a01 .owl-theme .owl-nav [class*='owl-'] span{
        font-size: 50px;
        color: #fff;
        font-weight: bold;
        font-family: '微軟正黑體';
        line-height: 100%;
        margin-top: -10px;
    }
    .ser_a01 .owl-theme .owl-nav [class*='owl-']:hover{
        background: var(--MainColor);
    }
    .ser_a02{
        max-width: fit-content;
        margin: calc(1vw + 50px) auto 0;    
    }
    .ser_a02 a{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .ser_a02 a p{
        font-size: var(--fz24);
        color: var(--WebColorText);
        line-height: 120%;
        letter-spacing: 0.1em;
        margin: 0 30px 0 0;
        padding: 0 0 5px;
        border-bottom: 1px solid #00000000;
    }
    .ser_a02 a:hover p{
        font-size: var(--fz24);
        color: var(--MainColor);
        border-bottom: 1px solid var(--MainColor);
    }
    .ser_a02 a:hover i{
        transform: rotate(45deg);
    }
    /*------------------------------------------*/

    /*聯絡我們*/
    .sec_a{
        padding: 70px 5%;
    }
    .sec_a01{
        max-width: 1200px;
        margin: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .sec_a01 section{
        width: 400px;
        min-width: fit-content;
        margin: 0 30px 0 0;
    }
    .sec_a01 section h6{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        font-weight: normal;
        margin: 0 0 10px;
    }
    .sec_a01 section h6::before{
        content: '';
        min-width: 10px;
        height: 10px;
        background-color: var(--MainColor);
        margin: 13px 15px 0 0;
        border-radius: 500px;
    }
    .sec_a01 section h6 p{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .sec_a01 section h6 p b{
        display: block;
        min-width: fit-content;
        font-size: var(--fz18);
        color: var(--WebColorText);
        line-height: 200%;
        letter-spacing: 0.05em;
        font-weight: 700;
        min-width: 50px;
        margin: 0 10px 0 0;
    }
    .sec_a01 section h6 p s{
        display: block;
        font-size: var(--fz18);
        color: var(--WebColorText);
        line-height: 200%;
        letter-spacing: 0.05em;
        font-weight: 600;
    }
    .sec_a01 section > div{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }
    .sec_a01 section > div a{
        display: block;
        margin: 15px 15px 0 0;
        line-height: 0px;
    }
    .sec_a01 section > div a:hover img{
        transform: translateY(-5px) rotate(360deg);
    }
    .sec_a01 > img{
        border-radius: 50px;
        overflow: hidden;
        line-height: 0%;
        max-width: 650px;
        width: 100%;
    }
    .sec_a02{
        max-width: 1500px;
        margin: calc(1vw + 50px) auto 0;
        overflow: hidden;
        border-radius: 30px;
    }
    /*------------------------------------------*/

    /*隱私權條款*/
    .sepv_a{
        padding:50px 5%;
    }
    .sepv_a01{
        max-width: 1200px;
        margin: auto;
    }
    .sepv_a01 > section{
        padding: 20px 0;
        border-bottom: 3px dotted #ccc;
    }
    .sepv_a01 > section:nth-of-type(1){
        border-top: 3px dotted #ccc;
    }
    .sepv_a01 > section > b{
        display: block;
        font-size: var(--fz20);
        color: var(--WebColorText);
        line-height: 180%;
        letter-spacing: 0.1em;
    }
    .sepv_a01 > section > h4{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        margin: 0 0 10px;
    }
    .sepv_a01 > section > h4::before{
        content: '';
        min-width: 19px;
        height: 16px;
        margin: 12px 15px 0 0;
        background: url(../images/se_arricon01.png);
        background-position: center;
        background-size: cover;
    }
    .sepv_a01 > section > h4 p{
        font-size: var(--fz24);
        color: var(--WebColorText);
        line-height: 180%;
        letter-spacing: 0.1em;
        font-weight: bold;
    }
    .sepv_a01 > section > p{
        font-size: var(--fz18);
        color: var(--WebColorText);
        line-height: 200%;
        letter-spacing: 0.05em;
    }
    .sepv_a01 > section > s{
        display: block;
        max-width: fit-content;
        font-size: var(--fz18);
        color: var(--WebColor03);
        line-height: 200%;
        letter-spacing: 0.05em;
        border-bottom: 1px solid var(--WebColor03);
    }
    /*------------------------------------------*/

    /*免責聲明*/
    .sedc_a{
        padding: 70px 5%;
    }
    .sedc_a01{
        max-width: 1200px;
        margin: auto;
    }
    .sedc_a01 > section{
        padding: 20px 0;
        border-bottom: 3px dotted #ccc;
    }
    .sedc_a01 > section:nth-of-type(1){
        border-top: 3px dotted #ccc;
    }
    .sedc_a01 > section > b{
        display: block;
        font-size: var(--fz20);
        color: var(--WebColorText);
        line-height: 180%;
        letter-spacing: 0.1em;
    }
    .sedc_a01 > section > h4{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        margin: 0 0 10px;
    }
    .sedc_a01 > section > h4::before{
        content: '';
        min-width: 19px;
        height: 16px;
        margin: 12px 15px 0 0;
        background: url(../images/se_arricon01.png);
        background-position: center;
        background-size: cover;
    }
    .sedc_a01 > section > h4 p{
        font-size: var(--fz24);
        color: var(--WebColorText);
        line-height: 180%;
        letter-spacing: 0.1em;
        font-weight: bold;
    }
    .sedc_a01 > section > p{
        font-size: var(--fz18);
        color: var(--WebColorText);
        line-height: 200%;
        letter-spacing: 0.05em;
    }
    .sedc_a01 > section > s{
        display: block;
        max-width: fit-content;
        font-size: var(--fz18);
        color: var(--WebColor03);
        line-height: 200%;
        letter-spacing: 0.05em;
        border-bottom: 1px solid var(--WebColor03);
    }
    /*------------------------------------------*/
    
    @media (max-width: 1360px) {
        /*關於我們*/
        /*------------------------------------------*/
        /*環境介紹*/
        /*------------------------------------------*/
        /*住宿須知*/
        /*------------------------------------------*/
        /*安親須知*/
        /*------------------------------------------*/
        /*幼貓購買流程*/
        /*------------------------------------------*/
        /*住宿房型介紹*/
        /*------------------------------------------*/
        /*聯絡我們*/
        /*------------------------------------------*/
        /*隱私權條款*/
        /*------------------------------------------*/
        /*免責聲明*/
        /*------------------------------------------*/
    }
    @media (max-width: 1024px) {
        .hs_box{
            --m100:80px;
            --m80:70px;
            --m50:40px;
            --m30:25px;
            --fz48:40px;
            --fz40:36px;
            --fz36:32px;
            --fz32:28px;
            --fz28:24px;
            --fz24:22px;
            --fz22:20px;
        }

        /*關於我們*/
        .sei_c02{grid-template-columns: 1fr 1fr;max-width: 700px;}
        /*------------------------------------------*/

        /*環境介紹*/
        /*------------------------------------------*/
        /*住宿須知*/
        /*------------------------------------------*/
        /*安親須知*/
        /*------------------------------------------*/
        /*幼貓購買流程*/
        /*------------------------------------------*/
        /*住宿房型介紹*/
        /*------------------------------------------*/
        /*聯絡我們*/
        /*------------------------------------------*/
        /*隱私權條款*/
        /*------------------------------------------*/
        /*免責聲明*/
        /*------------------------------------------*/
    }
    @media (max-width: 968px) {
        /*關於我們*/
        /*------------------------------------------*/

        /*環境介紹*/
        .see_a02{grid-template-columns: 1fr;max-width: 700px;}
        /*------------------------------------------*/

        /*住宿須知*/
        .seb_a::after{height: 800px;}
        /*------------------------------------------*/

        /*安親須知*/
        /*------------------------------------------*/

        /*幼貓購買流程*/
        /*------------------------------------------*/

        /*住宿房型介紹*/
        .ser_a01 dl{flex-direction: column;}
        .ser_a01 dl dd{width: 100%;margin: 0 0 30px;}
        .ser_a01 dl dt{width: 100%;max-width: 500px;}
        /*------------------------------------------*/

        /*聯絡我們*/
        .sec_a01{flex-direction: column;}
        .sec_a01 section{margin: 0 0 30px;}
        /*------------------------------------------*/

        /*隱私權條款*/
        /*------------------------------------------*/
        /*免責聲明*/
        /*------------------------------------------*/
    }
    @media (max-width: 800px) {
        /*關於我們*/
        .owl-carousel .owl-item img{object-fit: unset;height: unset;}
        /*------------------------------------------*/

        /*環境介紹*/
        /*------------------------------------------*/
        /*住宿須知*/
        /*------------------------------------------*/
        /*安親須知*/
        /*------------------------------------------*/
        /*幼貓購買流程*/
        /*------------------------------------------*/
        /*住宿房型介紹*/
        /*------------------------------------------*/
        /*聯絡我們*/
        /*------------------------------------------*/
        /*隱私權條款*/
        /*------------------------------------------*/
        /*免責聲明*/
        /*------------------------------------------*/
    }
    @media (max-width: 768px) {
        .hs_box{
            --m100:70px;
            --m80:60px;
            --m50:30px;
            --m30:20px;
            --fz48:32px;
            --fz40:28px;
            --fz36:26px;
            --fz32:24px;
            --fz28:20px;
            --fz24:20px;
            --fz20:18px;
            --fz18:17px;
        }
        /*共通設定*/
        .se_title{min-width: unset;flex-direction: column-reverse;text-align: center;}
        .se_title s{writing-mode: unset;padding: 5px 0 0;margin: 5px 0 0;border-right: unset;border-top: 2px solid var(--MainColor);}
        .se_title p{writing-mode: unset;}
        .se_link01{min-width: 60px;height: 60px;}
        .se_link01::before{width: 20px;height: 20px;}
        /*------------------------------------------*/

        /*關於我們*/
        .sei_a01{flex-direction: column;align-items: center;}
        .sei_a01 section{margin:30px 0 0;text-align: center;}
        .sei_a01 section b{margin: 25px auto 0;}
        .sei_b01{flex-direction: column;align-items: center;}
        .sei_b01 > img{bottom:100%;width: 70px;}
        .sei_b01 section{margin: 50px auto 0;}
        .sei_c01 > img:nth-of-type(1){top: -15vw;width: 50vw;}
        .sei_c01 > img:nth-of-type(2){top: 15vw;width: 50vw;bottom:unset;}
        .sei_c04{flex-direction: column;}
        .sei_c04_right{margin:30px 0 0;flex-direction: column;align-items: center;}
        /*------------------------------------------*/

        /*環境介紹*/
        .see_a > img:nth-of-type(2){width: 120px;}
        /*------------------------------------------*/

        /*住宿須知*/
        .seb_a::after{height: 900px;}
        .seb_a01{flex-direction: column;align-items: center;}
        .seb_a01_right{margin:40px auto 0;}
        /*------------------------------------------*/

        /*安親須知*/
        /*------------------------------------------*/

        /*幼貓購買流程*/
        .sep_a01 dl{flex-direction: column-reverse;}
        .sep_a01 dl dd{margin: 0 0 30px;width: 100%;max-width: 500px;}
        .sep_b01{flex-direction: column;}
        .sep_b01 ul{padding:50px 0 0;}
        .sep_b02{flex-direction: column-reverse;}
        .sep_b02 dl{margin: 0 0 30px;flex-direction: column;align-items: center;}
        .sep_b02 dl dd{padding: 20px 0 0;}
        .sep_c01 *{filter: drop-shadow(0 0 5px #52525249);}
        /*------------------------------------------*/

        /*住宿房型介紹*/
        /*------------------------------------------*/
        /*聯絡我們*/
        /*------------------------------------------*/
        /*隱私權條款*/
        /*------------------------------------------*/
        /*免責聲明*/
        /*------------------------------------------*/
    }
    @media (max-width: 600px) {
        .hs_box{
            --m100:50px;
            --m80:40px;
            --m50:25px;
            --fz48:28px;
            --fz40:24px;
            --fz36:22px;
            --fz32:20px;
            --fz28:18px;
            --fz24:18px;
            --fz22:18px;
            --fz20:17px;
            --fz18:16px;
        }

        /*關於我們*/
        .sei_a02 > img{object-fit: cover;min-height: 200px;object-position: 30%;}
        .sei_b01 section{grid-template-columns: 1fr;}
        .sei_c02{grid-template-columns: 1fr;max-width: 350px;}
        /*------------------------------------------*/

        /*環境介紹*/
        /*------------------------------------------*/
        /*住宿須知*/
        /*------------------------------------------*/
        /*安親須知*/
        /*------------------------------------------*/

        /*幼貓購買流程*/
        .sep_b01 ul{grid-template-columns: 1fr 1fr;gap: 10px;row-gap: unset;}
        .sep_b01 ul li:nth-of-type(3){grid-column: 1/3;max-width: fit-content;margin: auto;width: 47%;}
        /*------------------------------------------*/

        /*住宿房型介紹*/
        .ser_a01 dl dt{width: 88vw;}
        /*------------------------------------------*/

        /*聯絡我們*/
        /*------------------------------------------*/

        /*隱私權條款*/
        .sepv_a01 > section > h4::before{margin: 8px 8px 0 0;}
        /*------------------------------------------*/

        /*免責聲明*/
        .sedc_a01 > section > h4::before{margin: 8px 8px 0 0;}
        /*------------------------------------------*/
    }
    @media (max-width: 425px) {
        /*關於我們*/
        .sei_c01 > img:nth-of-type(1){top: -18vw;width: 70vw;}
        .sei_c01 > img:nth-of-type(2){top: 18vw;width: 50vw;}
        .sei_c03{grid-template-columns: 1fr;max-width: 200px;}
        /*------------------------------------------*/

        /*環境介紹*/
        .see_a01 ul li{width: calc(100%/2 - 4%);}
        .see_a02 section{grid-template-columns: 1fr;}
        .see_a > img:nth-of-type(2){width: 90px;}
        /*------------------------------------------*/

        /*住宿須知*/
        .seb_a01_right dl dt{min-width: 25px;height: 25px;}
        .seb_a01_right dl dd{margin: 0px;}
        /*------------------------------------------*/

        /*安親須知*/
        .sed_a01 dl dt{min-width: 25px;height: 25px;}
        /*------------------------------------------*/

        /*幼貓購買流程*/
        .sep_c01 section{grid-template-columns: 1fr;max-width: 170px;}
        /*------------------------------------------*/

        /*住宿房型介紹*/
        .ser_a01 .owl-theme .owl-nav [class*='owl-']{width: 30px;height: 30px;}
        .ser_a01 .owl-theme .owl-nav [class*='owl-'] span{font-size: 30px;}
        /*------------------------------------------*/

        /*聯絡我們*/
        /*------------------------------------------*/
        /*隱私權條款*/
        /*------------------------------------------*/
        /*免責聲明*/
        /*------------------------------------------*/
    }
    @media (max-width: 375px) {
        .hs_box{
            --fz48:24px;
            --fz40:20px;
            --fz36:18px;
            --fz32:18px;
            --fz28:17px;
            --fz24:17px;
            --fz22:17px;
            --fz20:16px;
            --fz18:15px;
        }

        /*關於我們*/
        /*------------------------------------------*/
        /*環境介紹*/
        /*------------------------------------------*/

        /*住宿須知*/
        .seb_a01_right dl dt{display: none;}
        /*------------------------------------------*/

        /*安親須知*/
        .sed_a01 dl dt{display: none;}
        /*------------------------------------------*/

        /*幼貓購買流程*/
        /*------------------------------------------*/

        /*住宿房型介紹*/
        .ser_a01 dl dd h6 p{flex-direction: column;}
        /*------------------------------------------*/

        /*聯絡我們*/
        .sec_a01 section h6 p{flex-direction: column;}
        .sec_a01 section > div a{margin: 15px 10px 0 0;}
        /*------------------------------------------*/

        /*隱私權條款*/
        /*------------------------------------------*/
        /*免責聲明*/
        /*------------------------------------------*/
    }