@charset "utf-8";

/*
關於CSS設定說明
CSS屬性是會繼承的，而且還是由上往下繼承。
同樣元素設定16px 後 12px 再 15px 最後會以最後設定的15px為準
但是有兩種情況除外:
1.絕對路徑命名. 如: .xx .yy .zz p {設定值;}
2.important.  如: .xx p {設定值 !important;}

CSS3選取器語法 :nth-child(n) 

*/



/* 商品下拉超過30個變大 */
.stellarnav.desktop li.bigMenu>ul{display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); left: 0; width: 100%; position: fixed; padding: 20px;}
.stellarnav.desktop li.bigMenu ul ul{top: 100%; left: 0; width: 100%; background: #efefef; height: auto; max-height: 300px; overflow: auto;}
.stellarnav.desktop li.bigMenu ul ul li{margin: 0;} 
.stellarnav.hasBigMenu li.bigMenu li.has-sub > a:after{border-left: 6px solid transparent; border-bottom:unset; border-right: 6px solid transparent; border-top: 6px solid #898989; right: 5px;}
/* 主分類超過30個但次分類直接顯示 
.stellarnav.desktop li.bigMenu>ul{grid-gap: 10px;}
.stellarnav.desktop li.bigMenu li{border: 0;}
.stellarnav.desktop li.bigMenu>ul>li>a{border: 1px solid #ddd;}
.stellarnav.desktop li.bigMenu ul ul{display: block !important; position: relative; top: 0; background: unset; border: 0;}
.stellarnav.desktop li.bigMenu ul ul li{border: 0;}
 主分類超過30個但次分類直接顯示-結束 */

/* 商品下拉超過30個--結束 */


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
.path p, .path p a {display: none;}

/*預設購物車版面 產品分類選單在左側 商品內頁詳細介紹下表單更改樣式 by shint at 2025.12.18  */
.product_page .main_part { max-width:1500px;}

ul.page { width: 100%;}

.ProdFilter_Item_Show { width: 100%;}
.Prods_Menulists { width: 100%; padding: 0;}
.Prods_Wrap { width: calc(100% - 270px);}

/* 篩選器-左手邊 / 產品分類-上面
.ProdFilter_ { order: 2;}
.Prods_Menulists { order: 1;}
.Prods_Wrap { order: 3;}
.ProdFilter_ { width: 250px; letter-spacing: 1px;}
.ProdFilter_ li { width: 100%;}
.ProdFilter_ li > a { background: #f3f3f3; border: none; border-bottom: 3px #ddd solid;}
.ProdFilter_ dl { position: static; width: 100%; display: block;}
*/

/* 產品分類-左手邊 / 篩選器-上面 */

.ProdFilter_ { order: 1; margin-bottom: 25px;}
.Prods_Menulists { order: 2;}
.Prods_Wrap { order: 3;}
.Prods_Menulists { width: 250px; letter-spacing: 1px;}
.Prods_Menulists ul {}
.Prods_Menulists > ul > li { width: 100%; flex-wrap: wrap;}
.Prods_Menulists ul ul { position: static; border: none;}
.Prods_Menulists ul li ul li {}
.Prods_Menulists li.has-sub.open > a { background: #f0f0f0;}

.product_info_page .half_box { width: 100%; float: none; padding-right: 0;}
.product_info_page .half_box li.btn_blankTop { margin-top: 50px; justify-content: space-between; display: flex;}
.product_info_page .half_box li.btn_blankTop input { width: calc(50% - 10px); background-image: none; padding: 0; text-align: center;}

@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1024px) {
.product_main { display: block; width: 100%;}    
.sidebarBtn { display: block; width: 100%;}
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 768px) {
/* 篩選器-左手邊 / 產品分類-上面
.Prods_Wrap { width: 100%;}
.ProdFilter_ { width: 100%;}
.ProdFilter_Item_Show { width: calc(100% - 110px);}
.ProdFilter_ { order: 1;}
.Prods_Menulists { order: 2;}
.ProdFilter_ li > a span { color: #333;}
*/

.Prods_Wrap { width: 100%; margin-top: 20px;}
.ProdFilter_ { width: 100%;}
.Prods_Menulists { opacity: 0; display: none;}

}
@media screen and (max-width: 600px) {
}
.box_search {display: none;}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/* 2025.12.26 中間放大*/
.BannerHome02 .swiper-slide-active img { transform: scale(1);}
.BannerHome02 .swiperBan02 .swiper-slide img { transition: transform 5s ease-out; will-change: transform; transform: scale(1);}
.BannerHome02 .swiperBan02 .swiper-slide-active img { transform: scale(1.06);}


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*預設解除背景輪播*/
#content_main { margin:0;}
.bannerindex { position:relative; height:auto;}
.swiper-pagination {margin-left: 0; transform: translateX(-50%);}
.swiper-banner { position:static;margin: 0 0 -5px 0;height:auto;background: #333333;} 
.swiper-slide img { height:auto;}
@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;}
}

/*------------------------------------------------*/
/* 全域設定 */
/*------------------------------------------------*/

:root{
    --MainColor:#158D3B;
    --mainColor:#CC834F;
    --SubColor:#158D3B;
    --SubColor2:#FEFCF9;
    --SubColor3:#FBF1CF;
    --inkText:#4D4D4D;
}
.edit_part {padding: 0;}


/*------------------------------------------------*/
/* Header｜手繪露營風 */
/*------------------------------------------------*/

.header_area{
    position:relative;
    z-index:9999;
    width:100%;
    background:#fff;
    border-top:5px solid #dce8df;
    box-shadow:0 3px 16px rgba(38,82,52,.06);
}

.header_area.sticky{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:rgba(255,255,255,.97);
    box-shadow:0 7px 22px rgba(38,82,52,.12);
}

.main_header_area{
    position:relative;
    background:#fff;
    overflow:visible;
}

.main_header_area .container{
    width:100%;
    max-width:100%;
    padding:10px 30px 8px;
    box-sizing:border-box;
}

.navigation{
    position:relative;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    width:100%;
    max-width:1680px;
    min-height:88px;
    margin:0 auto;
    gap:30px;
    overflow:visible;
}

/*------------------------------------------------*/
/* LOGO */
/*------------------------------------------------*/

.nav-header{
    position:relative;
    z-index:5;
    flex:0 0 auto;
    align-self:center;
}

.nav-brand{
    display:flex;
    align-items:center;
    text-decoration:none;
}

.nav-brand img{
    display:block;
    width:auto;
    max-width:150px;
    max-height:78px;
    height:auto;
    object-fit:contain;
}

.nav-brand h1{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
}

/*------------------------------------------------*/
/* 右上功能列 */
/*------------------------------------------------*/

.me_tp_features{
    position:absolute;
    top:0;
    right:0;
    z-index:6;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:9px;
    width:auto;
}

.me_tp_features > a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    min-height:24px;
    padding:2px 3px;
    color:#44766a;
    background:transparent;
    border:0;
    font-size:12px;
    font-weight:500;
    line-height:1;
    letter-spacing:.5px;
    text-decoration:none;
    transition:color .2s ease;
}

.me_tp_features > a:hover{
    color:#CC834F;
}

.me_tp_features > a i{
    font-size:12px;
}

.me_tp_features b{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:15px;
    height:15px;
    padding:0 3px;
    border-radius:50%;
    background:#CC834F;
    color:#fff;
    font-size:9px;
    line-height:1;
}

.me_tp_features .tp_links{
    display:flex;
    align-items:center;
    gap:7px;
}

.me_tp_features .tp_links a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:19px;
    height:19px;
    padding:0;
    color:#44766a;
    background:transparent;
    border:0;
    font-size:14px;
    text-decoration:none;
    transition:
        color .2s ease,
        transform .2s ease;
}

.me_tp_features .tp_links a:hover{
    color:#CC834F;
    transform:translateY(-2px);
}

.me_tp_features .tp_lang{
    display:none;
}

/*------------------------------------------------*/
/* 主選單 */
/*------------------------------------------------*/

.stellarnav{
    position:relative;
    z-index:4;
    flex:1 1 auto;
    min-width:0;
    padding-top:25px;
}

.stellarnav > ul{
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
    flex-wrap:nowrap;
    gap:2px;
    margin:0;
    padding:0;
}

.stellarnav > ul > li{
    position:relative;
    flex:0 0 auto;
    margin:0;
}

/*------------------------------------------------*/
/* 主選單連結 */
/*------------------------------------------------*/

.stellarnav > ul > li > a{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:47px;
    padding:8px 15px 8px 40px;
    box-sizing:border-box;
    color:#175f56;
    background:transparent;
    font-size:15px;
    font-weight:700;
    line-height:1.3;
    letter-spacing:1px;
    white-space:nowrap;
    text-decoration:none;
    transition:
        color .25s ease,
        transform .25s ease;
}

/*------------------------------------------------*/
/* 手繪淡色筆刷 */
/*------------------------------------------------*/

.stellarnav > ul > li::before{
    content:"";
    position:absolute;
    top:50%;
    left:7px;
    right:5px;
    height:31px;
    z-index:0;
    background:rgba(21,141,59,.10);
    border-radius:48% 52% 44% 56% / 52% 42% 58% 48%;
    transform:translateY(-44%) rotate(-1.5deg);
    opacity:.75;
    transition:
        background .25s ease,
        transform .25s ease,
        opacity .25s ease;
    pointer-events:none;
}

.stellarnav > ul > li:nth-child(even)::before{
    border-radius:55% 45% 51% 49% / 45% 58% 42% 55%;
    transform:translateY(-47%) rotate(1.5deg);
}

.stellarnav > ul > li:nth-child(3n)::before{
    background:rgba(204,131,79,.10);
    border-radius:42% 58% 55% 45% / 58% 44% 56% 42%;
}

/*------------------------------------------------*/
/* PNG Icon */
/*------------------------------------------------*/

.stellarnav > ul > li > a::before{
    content:"";
    position:absolute;
    top:50%;
    left:12px;
    width:24px;
    height:24px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    transform:translateY(-50%) rotate(-3deg);
    transition:
        transform .25s ease,
        filter .25s ease;
}

/* 關於我們 */

.stellarnav > ul > li:nth-child(1) > a::before{
    background-image:url(https://pic03.eapple.com.tw/gentingsky/icon01.png);
}

/* 營區類型 */

.stellarnav > ul > li:nth-child(2) > a::before{
    background-image:url(https://pic03.eapple.com.tw/gentingsky/icon02.png);
}

/* 營區守則 */

.stellarnav > ul > li:nth-child(3) > a::before{
    background-image:url(https://pic03.eapple.com.tw/gentingsky/icon03.png);
}

/* 營區花絮 */

.stellarnav > ul > li:nth-child(4) > a::before{
    background-image:url(https://pic03.eapple.com.tw/gentingsky/icon04.png);
}

/* 營主的茶園 */

.stellarnav > ul > li:nth-child(5) > a::before{
    background-image:url(https://pic03.eapple.com.tw/gentingsky/icon05.png);
}

/* 點我導覽 */

.stellarnav > ul > li:nth-child(6) > a::before{
    background-image:url(https://pic03.eapple.com.tw/gentingsky/icon06.png);
}

/* 線上訂位 */

.stellarnav > ul > li:nth-child(7) > a::before{
    background-image:url(https://pic03.eapple.com.tw/gentingsky/icon07.png);
}

/* icon 輕微錯落 */

.stellarnav > ul > li:nth-child(even) > a::before{
    transform:translateY(-50%) rotate(4deg);
}

.stellarnav > ul > li:nth-child(3n) > a::before{
    transform:translateY(-50%) rotate(-6deg);
}

/*------------------------------------------------*/
/* Hover */
/*------------------------------------------------*/

.stellarnav > ul > li:hover > a{
    color:#CC834F;
    transform:translateY(-2px);
}

.stellarnav > ul > li:hover::before{
    background:rgba(204,131,79,.16);
    opacity:1;
    transform:translateY(-48%) rotate(1deg) scale(1.04);
}

.stellarnav > ul > li:hover > a::before{
    transform:translateY(-58%) rotate(5deg) scale(1.08);
}

/*------------------------------------------------*/
/* 下拉箭頭 */
/*------------------------------------------------*/

.stellarnav li.has-sub > a{
    padding-right:28px;
}

.stellarnav li.has-sub > a::after{
    content:"";
    position:absolute;
    top:50%;
    right:11px;
    width:5px;
    height:5px;
    margin-top:-4px;
    border-right:1.5px solid currentColor;
    border-bottom:1.5px solid currentColor;
    transform:rotate(45deg);
    transition:transform .25s ease;
}

.stellarnav li.has-sub:hover > a::after{
    transform:rotate(225deg);
}

/*------------------------------------------------*/
/* 下拉選單 */
/*------------------------------------------------*/

.stellarnav ul ul{
    min-width:210px;
    padding:10px;
    border:1px solid rgba(21,141,59,.10);
    border-radius:5px 14px 7px 12px;
    background:#fffefb;
    box-shadow:0 14px 28px rgba(40,86,55,.13);
    overflow:hidden;
    box-sizing:border-box;
}

.stellarnav ul ul li{
    position:relative;
    margin:0;
    border:0;
    background:transparent;
}

.stellarnav ul ul li a{
    position:relative;
    display:block;
    padding:11px 15px 11px 31px;
    border-radius:7px 11px 6px 10px;
    color:#44695f;
    background:transparent;
    font-size:14px;
    font-weight:600;
    line-height:1.5;
    letter-spacing:.8px;
    white-space:nowrap;
    transition:
        color .2s ease,
        background .2s ease,
        transform .2s ease;
}

.stellarnav ul ul li a::before{
    content:"";
    position:absolute;
    top:50%;
    left:13px;
    width:8px;
    height:8px;
    background:url(https://pic03.eapple.com.tw/gentingsky/icon01.png)
        center/contain no-repeat;
    opacity:.6;
    transform:translateY(-50%);
}

.stellarnav ul ul li a:hover{
    color:#158D3B;
    background:rgba(21,141,59,.07);
    transform:translateX(3px);
}

.stellarnav ul ul ul{
    top:0;
    left:100%;
    margin-left:7px;
}

/*------------------------------------------------*/
/* RWD 1350 */
/*------------------------------------------------*/

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

    .main_header_area .container{
        padding-right:20px;
        padding-left:20px;
    }

    .navigation{
        gap:18px;
    }

    .nav-brand img{
        max-width:135px;
    }

    .stellarnav > ul > li > a{
        padding-right:10px;
        padding-left:35px;
        font-size:14px;
        letter-spacing:.5px;
    }

    .stellarnav > ul > li > a::before{
        left:9px;
        width:22px;
        height:22px;
    }

    .stellarnav li.has-sub > a{
        padding-right:24px;
    }
}

/*------------------------------------------------*/
/* RWD 1100 */
/*------------------------------------------------*/

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

    .navigation{
        min-height:82px;
        gap:10px;
    }

    .nav-brand img{
        max-width:115px;
    }

    .me_tp_features .tp_links{
        display:none;
    }

    .stellarnav > ul > li > a{
        padding-right:7px;
        padding-left:29px;
        font-size:12px;
        letter-spacing:0;
    }

    .stellarnav > ul > li > a::before{
        left:7px;
        width:19px;
        height:19px;
    }

    .stellarnav li.has-sub > a{
        padding-right:20px;
    }

    .stellarnav li.has-sub > a::after{
        right:7px;
    }
}

/*------------------------------------------------*/
/* RWD 900 */
/*------------------------------------------------*/

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

    .navigation{
        min-height:76px;
    }

    .me_tp_features{
        display:none;
    }

    .stellarnav{
        padding-top:0;
    }
}

/*------------------------------------------------*/
/* RWD 768｜手機 */
/*------------------------------------------------*/

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

    .header_area{
        border-top-width:4px;
    }

    .main_header_area .container{
        padding:7px 13px 9px;
    }

    .navigation{
        align-items:center;
        min-height:72px;
    }

    .nav-brand img,
    .header_area.sticky .nav-brand img{
        max-width:100px;
        max-height:62px;
    }

    .stellarnav{
        position:static;
        flex:0 0 auto;
        width:auto;
        padding:0;
    }

    /* 漢堡 */

    .stellarnav .menu-toggle{
        display:flex !important;
        align-items:center;
        justify-content:center;
        width:46px;
        height:46px;
        margin:0;
        padding:0;
        border:0;
        border-radius:50% 44% 52% 47%;
        background:rgba(21,141,59,.10);
        transform:rotate(-2deg);
    }

    .stellarnav .menu-toggle::after{
        display:none;
    }

    .stellarnav .menu-toggle span.bars{
        display:flex;
        flex-direction:column;
        gap:5px;
    }

    .stellarnav .menu-toggle span.bars span{
        display:block;
        width:24px;
        height:2px;
        margin:0;
        border-radius:999px;
        background:#158D3B;
    }

    /* 側邊選單 */

    .stellarnav.mobile.left > ul,
    .stellarnav.mobile.right > ul,
    .stellarnav.mobile > ul{
        width:82%;
        max-width:330px;
        min-width:0;
        height:100vh;
        max-height:100vh;
        margin:0;
        padding:0 0 28px;
        border-radius:0 22px 22px 0;
        background:#fffefb;
        box-shadow:16px 0 38px rgba(35,75,47,.17);
        overflow-x:hidden;
        overflow-y:auto;
        box-sizing:border-box;
        -webkit-overflow-scrolling:touch;
    }

    .stellarnav.mobile > ul::before{
        content:"CAMPING IN NATURE";
        display:flex;
        align-items:flex-end;
        width:100%;
        height:88px;
        padding:22px 21px 16px;
        box-sizing:border-box;
        background:
            linear-gradient(
                135deg,
                rgba(21,141,59,.93),
                rgba(72,126,74,.85)
            );
        color:#fff;
        font-size:11px;
        font-weight:700;
        letter-spacing:2px;
    }

    .stellarnav.mobile > ul > li{
        position:relative;
        display:block;
        width:100%;
        margin:0;
        border-bottom:1px solid rgba(21,141,59,.09);
        background:transparent;
    }

    .stellarnav.mobile > ul > li::before{
        display:none;
    }

    .stellarnav.mobile > ul > li > a{
        display:block;
        width:100%;
        min-height:0;
        padding:16px 51px 16px 51px;
        color:#315d51;
        background:transparent;
        font-size:15px;
        text-align:left;
        white-space:normal;
        transform:none;
    }

    .stellarnav.mobile > ul > li > a::before{
        top:50%;
        left:19px;
        display:block;
        width:23px;
        height:23px;
        transform:translateY(-50%);
    }

    .stellarnav.mobile > ul > li > a::after{
        display:none;
    }

    .stellarnav.mobile > ul > li:hover > a,
    .stellarnav.mobile > ul > li.open > a{
        color:#CC834F;
        background:rgba(21,141,59,.06);
        transform:none;
    }

    /* 展開按鈕 */

    .stellarnav.mobile a.dd-toggle{
        position:absolute;
        top:7px;
        right:8px;
        left:auto;
        z-index:5;
        display:flex;
        align-items:center;
        justify-content:center;
        width:38px;
        height:38px;
        margin:0;
        padding:0;
        border:0;
        background:transparent;
    }

    .stellarnav.mobile > ul > li > a.dd-toggle{
        padding:0;
    }

    .stellarnav.mobile a.dd-toggle .icon-plus{
        position:relative;
        display:block;
        width:17px;
        height:17px;
        margin:0;
    }

    .stellarnav a.dd-toggle .icon-plus::before,
    .stellarnav a.dd-toggle .icon-plus::after{
        border-bottom:solid 2px #158D3B;
    }

    .stellarnav.mobile li.open > a.dd-toggle{
        transform:rotate(45deg);
    }

    /* 手機子選單 */

    .stellarnav.mobile ul ul{
        position:relative;
        top:auto;
        left:auto;
        width:100%;
        min-width:0;
        margin:0;
        padding:5px 0 8px;
        border:0;
        border-radius:0;
        background:rgba(21,141,59,.05);
        box-shadow:none;
    }

    .stellarnav.mobile ul ul li a:not(.dd-toggle){
        padding:10px 42px 10px 52px;
        color:#587067;
        background:transparent;
        font-size:14px;
        white-space:normal;
        transform:none;
    }

    .stellarnav.mobile ul ul li a:not(.dd-toggle)::before{
        left:33px;
        width:7px;
        height:7px;
    }

    .stellarnav.mobile ul ul li a:not(.dd-toggle):hover{
        color:#158D3B;
        background:rgba(21,141,59,.07);
        transform:none;
    }

    /* 關閉 */

    .stellarnav.mobile.left .close-menu,
    .stellarnav.mobile.right .close-menu,
    .stellarnav .close-menu{
        padding:14px 18px;
        background:#158D3B;
        color:#fff;
        font-size:14px;
        letter-spacing:1px;
    }

    .stellarnav .icon-close::before,
    .stellarnav .icon-close::after{
        border-bottom:solid 3px #fff;
    }
}

/*------------------------------------------------*/
/* RWD 400 */
/*------------------------------------------------*/

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

    .nav-brand img,
    .header_area.sticky .nav-brand img{
        max-width:88px;
    }

    .stellarnav.mobile.left > ul,
    .stellarnav.mobile.right > ul,
    .stellarnav.mobile > ul{
        width:87%;
        max-width:none;
    }

    .stellarnav.mobile > ul > li > a{
        padding-left:48px;
        font-size:14px;
    }
}

/*------------------------------------------------*/
/* Footer｜日出森林露營風 */
/*------------------------------------------------*/

.site_endPart{
    position:relative;
    width:100%;
    margin:0;
    padding:155px 32px 0;
    color:#fff;
    background:
        repeating-linear-gradient(
            0deg,
            rgba(204,131,79,.055) 0,
            rgba(204,131,79,.055) 1px,
            transparent 1px,
            transparent 24px
        ),
        repeating-linear-gradient(
            90deg,
            rgba(204,131,79,.055) 0,
            rgba(204,131,79,.055) 1px,
            transparent 1px,
            transparent 24px
        ),
        linear-gradient(
            180deg,
            #fff9ec 0,
            #fff9ec 145px,
            #347947 145px,
            #19572f 100%
        );
    overflow:hidden;
    box-sizing:border-box;
    isolation:isolate;
}

/*------------------------------------------------*/
/* 太陽外圍光芒 */
/*------------------------------------------------*/

.site_endPart::before{
    content:"";
    position:absolute;
    top:-260px;
    left:50%;
    z-index:0;
    width:540px;
    height:540px;
    border-radius:50%;
    background:
        repeating-conic-gradient(
            from -5deg,
            rgba(255,205,92,.56) 0deg 13deg,
            transparent 13deg 22deg
        );
    opacity:.75;
    transform:translate3d(-50%,70px,0);
    transform-origin:center;
    pointer-events:none;
    will-change:transform,opacity;
    animation:footerSunRays 18s ease-in-out infinite;
}

/*------------------------------------------------*/
/* 太陽本體 */
/*------------------------------------------------*/

.site_endPart::after{
    content:"";
    position:absolute;
    top:-190px;
    left:50%;
    z-index:1;
    width:430px;
    height:430px;
    border:7px solid rgba(255,249,230,.86);
    border-radius:50%;
    background:
        radial-gradient(
            circle at 50% 43%,
            #ffe897 0,
            #ffd36b 48%,
            #f5b94e 100%
        );
    box-shadow:
        0 0 30px rgba(255,208,102,.28),
        0 0 75px rgba(255,208,102,.18);
    opacity:.96;
    transform:translate3d(-50%,72px,0);
    pointer-events:none;
    will-change:transform,opacity,filter;
    animation:footerSunBody 18s ease-in-out infinite;
}

/*------------------------------------------------*/
/* Footer 內容容器 */
/*------------------------------------------------*/

.site_endPart .site_centerBox{
    position:relative;
    z-index:3;
    width:100%;
    max-width:1280px;
    margin:0 auto;
    padding:0;
    box-sizing:border-box;
}

/*------------------------------------------------*/
/* 前方山丘遮住太陽下半部 */
/*------------------------------------------------*/

.site_endPart .site_centerBox::before{
    content:"";
    position:absolute;
    top:-82px;
    left:50%;
    z-index:-1;
    width:120vw;
    height:145px;
    background:
        radial-gradient(
            ellipse at 15% 100%,
            #3d8750 0 54%,
            transparent 55%
        ),
        radial-gradient(
            ellipse at 42% 100%,
            #2f7944 0 58%,
            transparent 59%
        ),
        radial-gradient(
            ellipse at 70% 100%,
            #397f4b 0 57%,
            transparent 58%
        ),
        radial-gradient(
            ellipse at 94% 100%,
            #286f3f 0 55%,
            transparent 56%
        );
    transform:translateX(-50%);
    pointer-events:none;
}

/* 遠方草坡 */

.site_endPart .site_centerBox::after{
    content:"";
    position:absolute;
    top:-31px;
    left:50%;
    z-index:-1;
    width:120vw;
    height:70px;
    border-radius:50% 50% 0 0 / 65% 65% 0 0;
    background:#26703e;
    transform:translateX(-50%);
    pointer-events:none;
}

/*------------------------------------------------*/
/* Footer 三欄主框 */
/*------------------------------------------------*/

.site_endPart .site_infoTer{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1fr 1.05fr 1.3fr;
    align-items:stretch;
    gap:0;
    width:100%;
    min-height:290px;
    margin:0;
    padding:48px 54px 52px;
    list-style:none;
    border:1px solid rgba(255,255,255,.13);
    border-radius:28px 28px 0 0;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.025),
            transparent 46%
        ),
        rgba(11,73,36,.91);
    box-shadow:
        0 20px 45px rgba(6,48,24,.17),
        inset 0 1px 0 rgba(255,255,255,.07);
    overflow:visible;
    box-sizing:border-box;
}

/* 清除 main.css 舊設定 */

.site_endPart .site_infoTer > li{
    position:relative;
    display: grid;
    float:none;
    width:auto;
    min-width:0;
    height:auto;
    margin:0;
    padding:0;
    list-style:none;
    box-sizing:border-box;
}

.site_endPart .site_infoTer > li + li{
    margin-left:40px;
    padding-left:40px;
    border-left:1px dashed rgba(255,255,255,.22);
}

/*------------------------------------------------*/
/* 左欄｜LOGO */
/*------------------------------------------------*/

.site_endPart .site_logo{
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
}

.site_endPart .site_logo > a{
    display:block;
    width:auto;
    margin:0;
    padding:0;
}

.site_endPart .site_logo > a img{
    display:block;
    width:auto;
    max-width:185px;
    max-height:122px;
    height:auto;
    margin:0 auto;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    object-fit:contain;
    filter:none;
    opacity:1;
}

/*------------------------------------------------*/
/* 社群按鈕 */
/*------------------------------------------------*/

.site_endPart .site_logo .box_link{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:9px;
    width:100%;
    margin:25px 0 0;
    padding:0;
}

.site_endPart .site_logo .box_link a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    float:none;
    width:38px;
    height:38px;
    margin:0;
    padding:0;
    border:1px solid rgba(255,255,255,.34);
    border-radius:50%;
    background:rgba(255,255,255,.06);
    color:#fff;
    font-size:15px;
    line-height:1;
    text-decoration:none;
    box-sizing:border-box;
    transition:
        color .25s ease,
        background .25s ease,
        border-color .25s ease,
        transform .25s ease;
}

.site_endPart .site_logo .box_link a:hover{
    color:#fff;
    background:#CC834F;
    border-color:#CC834F;
    transform:translateY(-3px);
}

/*------------------------------------------------*/
/* 木牌標題共用 */
/*------------------------------------------------*/

.site_endPart .site_reachOut::before,
.site_endPart .site_bottomMenu::before{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:150px;
    min-width:150px;
    height:43px;
    margin:0 0 24px;
    padding:0 18px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:5px;
    background:
        repeating-linear-gradient(
            0deg,
            rgba(255,255,255,.04) 0,
            rgba(255,255,255,.04) 1px,
            transparent 1px,
            transparent 7px
        ),
        linear-gradient(
            90deg,
            #ae683d 0,
            #CC834F 50%,
            #ae683d 100%
        );
    box-shadow:
        0 4px 0 #83502f,
        0 8px 14px rgba(0,0,0,.12),
        inset 0 1px 0 rgba(255,255,255,.18);
    color:#fff;
    font-size:17px;
    font-weight:700;
    line-height:1;
    letter-spacing:3px;
    text-align:center;
    transform:none;
    box-sizing:border-box;
}

/* 木牌鉚釘 */

.site_endPart .site_reachOut::after,
.site_endPart .site_bottomMenu::after{
    content:"";
    position:absolute;
    top:20px;
    width:132px;
    height:5px;
    background:
        radial-gradient(
            circle at left center,
            #70442a 0 2px,
            transparent 2.5px
        ),
        radial-gradient(
            circle at right center,
            #70442a 0 2px,
            transparent 2.5px
        );
    pointer-events:none;
}

/*------------------------------------------------*/
/* 中欄｜營區聯絡 */
/*------------------------------------------------*/

.site_endPart .site_reachOut{
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    text-align:center;
}

.site_endPart .site_reachOut::before{
    content:"營區聯絡";
    align-self:center;
}

.site_endPart .site_reachOut::after{
    left:50%;
    transform:translateX(-50%);
}

.site_endPart .site_reachOut p{
    position:relative;
    display:block;
    width:100%;
    margin:0;
    padding:0;
    color:rgba(255,255,255,.88);
    background:none;
    font-size:14px;
    line-height:1.85;
    letter-spacing:.5px;
    text-align:center;
    word-break:break-word;
}

.site_endPart .site_reachOut p::before,
.site_endPart .site_reachOut p::after{
    content:none;
    display:none;
}

.site_endPart .site_reachOut a{
    display:inline;
    margin:0;
    padding:0;
    color:rgba(255,255,255,.88);
    background:none;
    text-decoration:none;
    transition:color .2s ease;
}

.site_endPart .site_reachOut a:hover{
    color:#f3bc8c;
}

/* 重複電話隱藏 */

.site_endPart .site_reachOut .phone{
    display:none;
}

/*------------------------------------------------*/
/* 右欄｜營區探索 */
/*------------------------------------------------*/

.site_endPart .site_bottomMenu{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-content:start;
    justify-content:start;
    gap:10px 14px;
    text-align:left;
}

.site_endPart .site_bottomMenu::before{
    content:"營區探索";
    grid-column:1 / -1;
    justify-self:start;
}

.site_endPart .site_bottomMenu::after{
    top:20px;
    left:66px;
}

/* 隱藏重複首頁 */

.site_endPart .site_bottomMenu > a:first-of-type{
    display:none;
}

/* 選單按鈕 */

.site_endPart .site_bottomMenu > a{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    float:none;
    width:100%;
    min-width:0;
    min-height:40px;
    margin:0;
    padding:8px 11px 8px 29px;
    border:1px solid rgba(255,255,255,.68);
    border-radius:6px;
    background:rgba(255,255,255,.015);
    color:rgba(255,255,255,.9);
    box-sizing:border-box;
    font-size:13px;
    font-weight:500;
    line-height:1.4;
    letter-spacing:.6px;
    text-decoration:none;
    white-space:normal;
    transition:
        color .22s ease,
        background .22s ease,
        border-color .22s ease,
        transform .22s ease;
}

/* 橘色葉片標記 */

.site_endPart .site_bottomMenu > a::before{
    content:"";
    position:absolute;
    top:50%;
    left:10px;
    width:8px;
    height:8px;
    border-radius:70% 30% 65% 35%;
    background:#CC834F;
    transform:translateY(-50%) rotate(-28deg);
}

.site_endPart .site_bottomMenu > a::after{
    content:none;
    display:none;
}

.site_endPart .site_bottomMenu > a:hover{
    color:#fff;
    background:rgba(204,131,79,.18);
    border-color:#CC834F;
    transform:translateY(-2px);
}

/*------------------------------------------------*/
/* Copyright */
/*------------------------------------------------*/

.site_endPart .site_copyRight{
    position:relative;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    float:none;
    width:calc(100% + 64px);
    max-width:none;
    min-height:0;
    margin:0 0 0 -32px;
    padding:23px 25px 25px;
    color:rgba(255,255,255,.62);
    background:#104626;
    box-sizing:border-box;
    font-size:12px;
    line-height:1.7;
    text-align:center;
    gap:6px 22px;
}

.site_endPart .site_copyRight p{
    float:none;
    width:auto;
    margin:0;
    padding:0;
}

.site_endPart .site_copyRight a{
    color:rgba(255,255,255,.75);
    text-decoration:none;
    transition:color .2s ease;
}

.site_endPart .site_copyRight a:hover{
    color:#f2bb89;
}

.site_endPart .site_copyRight .privacyLinks{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
}

.site_endPart .site_copyRight .total_view{
    position:static;
    display:inline-block;
    float:none;
    margin:0;
    color:rgba(255,255,255,.5);
}

.site_endPart .keywords{
    display:none;
}

/*------------------------------------------------*/
/* 太陽升降動畫 */
/*------------------------------------------------*/

@keyframes footerSunBody{

    0%,
    100%{
        opacity:.72;
        filter:saturate(.85) brightness(.94);
        transform:translate3d(-50%,78px,0);
    }

    18%{
        opacity:.92;
    }

    38%,
    62%{
        opacity:1;
        filter:saturate(1) brightness(1.04);
        transform:translate3d(-50%,8px,0);
    }

    82%{
        opacity:.92;
    }
}

@keyframes footerSunRays{

    0%,
    100%{
        opacity:.28;
        transform:translate3d(-50%,78px,0) rotate(-4deg) scale(.94);
    }

    38%,
    62%{
        opacity:.72;
        transform:translate3d(-50%,8px,0) rotate(4deg) scale(1);
    }
}

/*------------------------------------------------*/
/* RWD 1100 */
/*------------------------------------------------*/

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

    .site_endPart .site_infoTer{
        grid-template-columns:.9fr 1.05fr 1.3fr;
        padding-right:38px;
        padding-left:38px;
    }

    .site_endPart .site_infoTer > li + li{
        margin-left:27px;
        padding-left:27px;
    }

    .site_endPart .site_logo > a img{
        max-width:160px;
    }

    .site_endPart .site_bottomMenu{
        gap:9px;
    }

    .site_endPart .site_bottomMenu > a{
        padding-right:8px;
        padding-left:25px;
        font-size:12px;
    }
}

/*------------------------------------------------*/
/* RWD 900 */
/*------------------------------------------------*/

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

    .site_endPart{
        padding-right:20px;
        padding-left:20px;
    }

    .site_endPart .site_infoTer{
        grid-template-columns:1fr 1fr;
        padding:44px 34px 48px;
    }

    .site_endPart .site_bottomMenu{
        grid-column:1 / -1;
        grid-template-columns:repeat(3,minmax(0,1fr));
        margin:34px 0 0;
        padding:31px 0 0;
        border-top:1px dashed rgba(255,255,255,.22);
        border-left:0;
    }

    .site_endPart .site_infoTer > .site_bottomMenu{
        margin-left:0;
    }

    .site_endPart .site_bottomMenu::before{
        justify-self:center;
    }

    .site_endPart .site_bottomMenu::after{
        top:51px;
        left:50%;
        transform:translateX(-50%);
    }

    .site_endPart .site_copyRight{
        width:calc(100% + 40px);
        margin-left:-20px;
    }
}

/*------------------------------------------------*/
/* RWD 768 */
/*------------------------------------------------*/

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

    .site_endPart{
        padding:125px 14px 0;
    }

    .site_endPart::before{
        top:-178px;
        width:390px;
        height:390px;
    }

    .site_endPart::after{
        top:-124px;
        width:310px;
        height:310px;
        border-width:5px;
    }

    .site_endPart .site_centerBox::before{
        top:-69px;
        height:115px;
    }

    .site_endPart .site_centerBox::after{
        top:-21px;
        height:57px;
    }

    .site_endPart .site_infoTer{
        display:block;
        min-height:0;
        padding:42px 23px 47px;
        border-radius:22px 22px 0 0;
    }

    .site_endPart .site_infoTer > li{
        display:flex;
        width:100%;
    }

    .site_endPart .site_infoTer > li + li{
        margin:32px 0 0;
        padding:30px 0 0;
        border-top:1px dashed rgba(255,255,255,.22);
        border-left:0;
    }

    .site_endPart .site_logo > a img{
        max-width:160px;
        max-height:105px;
    }

    .site_endPart .site_reachOut::before,
    .site_endPart .site_bottomMenu::before{
        width:142px;
        min-width:142px;
        height:41px;
        font-size:16px;
        letter-spacing:2px;
    }

    .site_endPart .site_reachOut::after,
    .site_endPart .site_bottomMenu::after{
        width:124px;
    }

    .site_endPart .site_bottomMenu{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .site_endPart .site_bottomMenu::after{
        top:50px;
    }

    .site_endPart .site_copyRight{
        flex-direction:column;
        width:calc(100% + 28px);
        margin-left:-14px;
        padding:22px 16px 88px;
        gap:5px;
    }
}

/*------------------------------------------------*/
/* RWD 450 */
/*------------------------------------------------*/

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

    .site_endPart{
        padding-right:9px;
        padding-left:9px;
    }

    .site_endPart::before{
        left:51%;
        width:335px;
        height:335px;
    }

    .site_endPart::after{
        left:51%;
        width:270px;
        height:270px;
    }

    .site_endPart .site_infoTer{
        padding:39px 17px 44px;
    }

    .site_endPart .site_logo > a img{
        max-width:142px;
    }

    .site_endPart .site_logo .box_link{
        gap:7px;
    }

    .site_endPart .site_logo .box_link a{
        width:35px;
        height:35px;
        font-size:14px;
    }

    .site_endPart .site_reachOut p{
        font-size:13px;
    }

    .site_endPart .site_bottomMenu{
        grid-template-columns:1fr;
    }

    .site_endPart .site_bottomMenu > a{
        min-height:40px;
        font-size:13px;
    }

    .site_endPart .site_copyRight{
        width:calc(100% + 18px);
        margin-left:-9px;
    }
}

/*------------------------------------------------*/
/* 減少動態 */
/*------------------------------------------------*/

@media (prefers-reduced-motion:reduce){

    .site_endPart::before,
    .site_endPart::after{
        animation:none;
    }

    .site_endPart::before{
        opacity:.65;
        transform:translate3d(-50%,12px,0);
    }

    .site_endPart::after{
        opacity:1;
        transform:translate3d(-50%,12px,0);
    }
}