body {
    background-color: #000;
    background-image: unset;
}

.page-content {
    padding-left: var(--postion-left-px);
    padding-right: var(--postion-left-px);
}

/**/
    .page-home {
        display: flex;
        padding-top: calc(var(--postion-top-px) + 50px);
        padding-bottom: calc(var(--postion-top-px) + 50px);

        background-image: linear-gradient(to right, #340a6480 0%, #45127e80 15%, #435ad080 40%, #4c1e9c80 65%, #3f319680 90%);
    }
    .page-home:before {
        content: '';

        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;

        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }
    
    .page-home:after {
        content: '';

        position: fixed;
        top: var(--postion-top-px);
        left: var(--postion-left-px);
        right: var(--postion-left-px);
        bottom: var(--postion-top-px);
        z-index: 0;

        width: calc(100% - var(--postion-left-px)*2);
        height: calc(100% - var(--postion-top-px)*2);
        border: 1px solid #ffffff;
        border-radius: 10px;
    }
    .home-content {
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        top: calc(var(--postion-top-px) + 50px);
        z-index: 1;

        /*background-color: #ddd3;*/
    }
    .page-home.h-active .home-content {
        display: none;
    }

    



/* (測試) ----------------------------- */
    /*.home-content > div {
        background-color: #fdd3;
    }
    .welcome-div .map_area {
        background-color: #fdd3;
    }
    .welcome-div .map_area .img-div {
        background-color: #ddf3;
    }
    .welcome-div .map_area .country_area {
        background-color: #dfd3;
    }*/






/* ======================================================= */
/**
 * 
 * max-width: 1279px (手機)
 * 
 */
    @media (max-width: 1279px) {

        .page-home,
        .page-home:before {
            background-size: 100vw;

            width: 100%;
            height: calc(1680vw + (var(--postion-top-px) + 50px)*2);
        }
        .page-home {
            padding: 0;
            height: calc(
                (1680vw + (var(--postion-top-px) + 50px) * 2)
                + ((177.8vw - var(--postion-top-px)*2 - 50px))
                + 85vw
            );

            /* ----- (2022-10-04) ----- */
            height: calc(
                (1680vw + (var(--postion-top-px) + 50px) * 2)
                + ((177.8vw - var(--postion-top-px)*2 - 50px))
                + 35vw
            );
        }
        .page-home:before {
            background-image: url('../images/web/home_bg_mb.png');

            position: sticky;
            top: 0;
        }
        .page-home.h-active:before {
            background-image: url('../images/web/全分頁用背景_mb.png');
        }

        /* ---------------------------------------- */
        .home-content {
            width: calc(100vw - var(--postion-left-px)*2);
            height: 1680vw;
        }
        .home-content > div {
            overflow: hidden;
            height: calc(177.8vw - var(--postion-top-px)*2 - 50px);

            max-width: 375px;
            margin-left: auto;
            margin-right: auto;

            text-align: center;
        }

        /* ---------------------------------------- */
        .home-title {
            font-size: 3.2rem;
            line-height: 1;
            letter-spacing: 8px;
            padding-left: 8px;
            font-weight: 700;
        }

        /* ---------------------------------------- */
        .page-home .mb_show_0 {
            display: none !important;
        }


        /* ---------------------------------------- */
        /* 歡迎加入 */
            .welcome-div {
                display: flex;
                font-weight: 700;
                flex-direction: column-reverse;
                justify-content: flex-end;
                margin-bottom: 85vw;

                /* ----- (2022-10-04) ----- */
                margin-bottom: 35vw;
            }
            .welcome-div .text_area {
                display: flex;
                flex-direction: column-reverse;
            }
            .welcome-div .image_area,
            .welcome-div .map_area {
            }

            .welcome-div .text_area > div:nth-child(1) {}
            .welcome-div .text_area > div:nth-child(2) {}
            .welcome-div .text_area .txt-1 {
            }
            .welcome-div .text_area .txt-1:nth-child(1) {
                font-size: 3.2rem;
                max-width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                line-height: 2;
            }
            .welcome-div .text_area .txt-1 + .txt-1 {
                letter-spacing: 5px;
            }
            .welcome-div .text_area .txt-2 {
                font-size: 1.2rem;
                font-weight: 400;
            }

        /* 歡迎加入 - 按鈕 block */
            .welcome-div .btn-div {
            }
            .welcome-div .btn-div button {
            }

        /* 歡迎加入 - 統計 block */
            .welcome-div .count-div {
                border: 1px solid #fff;
                font-size: 1.2rem;
                display: flex;
                margin: 5px;
                padding: 3px 5px;
                justify-content: space-between;
                margin-top: 15px;
                line-height: 1.2;
            }
            .welcome-div .count-div + .count-div {
                margin-top: 5px;
            }
            .welcome-div .count-div-1 {
            }
            .welcome-div .count-div-2 {
            }
            .welcome-div .count-div-3 {
            }
            .welcome-div .count-div > div:nth-child(1) {
                width: calc(100% - 145px - 10px);
                overflow: hidden;
                text-align: left;
            }
            .welcome-div .count-div > div:nth-child(2) {
                font-size: 2rem;
                letter-spacing: 5px;
            }
            .welcome-div .count-div-2 > div:nth-child(2),
            .welcome-div .count-div-3 > div:nth-child(2) {
            }

            
        /* 歡迎加入 - 地圖 */
            .welcome-div .map_area .img-div {
                margin-bottom: 0px;
                padding-bottom: 56.2%;
                background-size: 340px;
                background-position: center;
                background-repeat: no-repeat;
            }


        /* 歡迎加入 - 國家 (地圖) */
            .welcome-div .map_area {
                position: relative;
                height: max-content;
            }
            .welcome-div .map_area .img-div {
            }

            .gbt_icon {
                border: 4px solid #fff;
                width: 30px;
                height: 30px;
                align-items: center;
                display: inline-flex;
                justify-content: center;
                border-radius: 50%;
                font-size: 1.9rem;
                transform: scale(0.6);
                position: absolute;
                z-index: 1;
                border-color: var(--color-v2-5);
                color: var(--color-v2-5);
                font-weight: 700;
                font-family: 'FontAwesome';

                border: unset;
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
                background-image: url('../images/web/png/GBC-token.png');
            }
            body.m-active .gbt_icon {
                z-index: -2;
            }
            
            .welcome-div .map_area .country_area {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
            }
            .welcome-div .map_area .country_area .country-div {
                display: flex;
                flex-basis: calc(100% / 24);
                align-items: center;
                flex-direction: column;
                justify-content: center;
                width: 22px;
                height: 40px;
                margin: 2px 2px;
                border-radius: 3px;
                background-color: #dddddd40;
            }
            .welcome-div .map_area .country_area .country-div > div:nth-child(1) {
                width: 18px;
                height: 18px;
                margin: 2px auto 0;

                background-size: 24px;
                background-position: center;
                background-repeat: no-repeat;
            }
            .welcome-div .map_area .country_area .country-div > div:nth-child(2) {
                font-weight: 500;
                font-size: 1.2rem;
                letter-spacing: 0px;
                line-height: 1.2;
                padding-left: 0px;
                transform: scale(0.8);
            }




        /* ---------------------------------------- */
        /* 專案區域 */
            .project-div {
                margin-bottom: 85vw;

                display: flex;
                flex-direction: column;
                justify-content: space-between;

                overflow: unset !important;
            }
            .project-div .home-title {
                margin-top: 30px;
            }
            .project-div .loan-div {
                display: flex;
                flex-direction: column;
                /*min-height: 500px;*/
                justify-content: center;
                /*height: 30vw;*/

                height: calc(100% - 30px - 32px - 10px);
            }
            .project-div .btn-div {
                display: flex;
                justify-content: space-between;
                height: 40px;
            }
            .project-div .btn-div > div {
                display: flex;
                align-items: end;
            }
            .project-div .btn-div .swiper-button-next,
            .project-div .btn-div .swiper-button-prev {
                color: #fff;
                width: 40px;
                height: 40px;

                top: unset;
                left: unset;
                right: unset;
                border-radius: 50%;

                position: unset;
            }
            .project-div .btn-div .swiper-button-prev {
            }
            .project-div .btn-div .swiper-button-next {
            }
            .project-div .btn-div .swiper-button-next:after,
            .project-div .btn-div .swiper-button-prev:after {
                font-size: 1.6rem;
            }
            .project-div .btn-div button {
                width: 90px;
                height: 40px;
                font-size: 1.5rem;
                font-weight: 700;
                padding: 5px;
                letter-spacing: 1px;
                padding-left: calc(5px + 1px);
                background-color: #f0f0f01a;

                border-radius: 5px;
                line-height: 18px;

                border: unset;
                background-color: unset;
            }

            .project-div .project-swiper-div {
                max-height: calc(100% - 40px);

                overflow: hidden;
                overflow: unset;
            }

            /* 專案區域 - 專案卡片 */
            .project-div .loan-box {
                
            }
            .project-div .loan-box .loan-info-title {
                text-align: left;
            }
            .project-div .loan-box .loan-info-hover .loan-info-title {
                text-align: center;
            }



        /* 關於我們 */
            .about-div {
                margin-bottom: 80vw;
            }
            .about-div .home-title {
                margin-top: 40px;
            }
            .about-div .txt-1 {
                font-size: 2.4rem;
                line-height: 1.2;
                font-weight: 700;
                margin: 15px 0 40px;
                letter-spacing: 3px;
            }
            .about-div .txt-2 {
                font-size: 1.2rem;
                line-height: 1.2;
                font-weight: 700;
                letter-spacing: 0px;
                padding: 0 10px;
            }
        /* 關於我們 - icon */
            .about-div .about_icon_area {
                margin-top: 60px;
                justify-content: center;
            }
            .about-div .about_icon_area > div {
                padding: 0;
                flex-basis: calc(50% - 20px);
            }
            .about-div .about_icon-div {
                display: flex;
                align-items: center;
                flex-direction: row;
                margin: 5px 0;
                justify-content: center;
            }
            .about-div .about_icon-div > div:nth-child(1) {
                width: 40px;
                height: 40px;
                border-radius: 50%;
                padding: 5px;
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: #fff;
            }
            .about-div .about_icon-div > div:nth-child(1) img {
                object-fit: contain;
                width: 25px;
            }
            .about-div .about_icon-div > div:nth-child(2) {
                letter-spacing: 1px;
                font-size: 1.2rem;
                line-height: 1.2;
                font-weight: 700;
                margin-top: 0;
                max-width: 110px;
                text-overflow: ellipsis;
                overflow: hidden;
                text-align: left;
                padding-left: 5px;
                transform: scale(0.9);
                width: calc(100% - 40px);
            }


        /* GBC Token */
            .token-div {
                /*padding-left: 80px;*/
                margin-bottom: 62vw;
                position: relative;
            }
            .token-div .home-title {
                margin-top: 40px;
            }
            .token-div .txt-1,
            .token-div .txt-2 {
                font-size: 1.2rem;
                line-height: 1.2;
                font-weight: 700;
                letter-spacing: 0px;
                padding: 0 20px;
            }            
            .token-div .txt-1 {
                margin-top: 40px;
            }
            .token-div .txt-2 {
                /*margin-bottom: 20px;*/
            }
            .token-div .txt-2:nth-child(5) {
                display: flex;
                flex-direction: column;
            }
            .token-div .btn-div {
                /*position: relative;*/
                /*padding-left: calc(12px + 8px);*/
                /*margin-top: 40px;*/
            }
            .token-div .btn-div button {
                width: 90px;
                height: 30px;
                font-size: 1.5rem;
                font-weight: 700;
                padding: 5px;
                letter-spacing: 1px;
                padding-left: calc(5px + 1px);
                background-color: #f0f0f01a;
                position: absolute;
                bottom: 35px;
                left: 50%;
                transform: translate(-50%, 0);
                border-radius: 5px;
                line-height: 18px;
            }
        /* GBC Token - icon */
            .token-div .token_icon_area {
                margin-top: 60px;
                justify-content: center;
            }
            .token-div .token_icon_area > div {
                padding: 0;
                flex-basis: calc(50% - 30px);
            }
            .token-div .token_icon-div {
                display: flex;
                align-items: center;
                flex-direction: row;
                margin: 5px 0;
                justify-content: center;
            }
            .token-div .token_icon-div > div:nth-child(1) {
                width: 40px;
                height: 40px;
                border-radius: 50%;
                padding: 5px;
                display: flex;
                align-items: center;
                justify-content: center;
                /*background-color: #fff;*/
            }
            .token-div .token_icon-div > div:nth-child(1) img {
                object-fit: contain;
                width: 55px;
            }
            .token-div .token_icon-div > div:nth-child(2) {
                letter-spacing: 1px;
                font-size: 1.2rem;
                line-height: 1.2;
                font-weight: 700;
                margin-top: 0;
                max-width: 110px;
                text-overflow: ellipsis;
                overflow: hidden;
                text-align: left;
                padding-left: 5px;
                transform: scale(0.9);
                width: calc(100% - 40px);
            }




        /* ES 天眼 DAO */
            .es-div {
                margin-bottom: 55vw;
            }
            .es-div .home-title {
                margin-top: 40px;
                margin-bottom: 70px;
            }
            .es-div .txt-1,
            .es-div .txt-2 {
                font-size: 1.2rem;
                line-height: 1.2;
                font-weight: 700;
                letter-spacing: 0px;
                padding: 0 20px;
            }
            .es-div .txt-1 + .txt-2,
            .es-div .txt-2 + .txt-2 {
                margin-top: 15px;
            }


        /* ES 天眼 DAO 成員 */
            .es_partner-div {
                /*padding-left: 80px;*/
                margin-bottom: 24vw;
                position: relative;
            }
            .es_partner-div .home-title {
                margin-top: 40px;
                margin-bottom: 30px;
            }
            .es_partner-div .txt-1 {
                font-size: 1.2rem;
                line-height: 3;
                font-weight: 700;
                letter-spacing: 0px;
                padding: 0 20px;
            }
            .es_partner-div .btn-div {

            }
            .es_partner-div .btn-div button {
                width: 90px;
                height: 30px;
                font-size: 1.5rem;
                font-weight: 700;
                padding: 5px;
                letter-spacing: 1px;
                padding-left: calc(5px + 1px);
                background-color: #f0f0f01a;
                position: absolute;
                bottom: 35px;
                left: 50%;
                transform: translate(-50%, 0);
                border-radius: 5px;
                line-height: 18px;
            }



        /* 共同獎勵模式 */
            .award-div {
                /*padding-left: 80px;*/
                margin-bottom: 75vw;
                position: relative;
            }
            .award-div .home-title {
                margin-top: 40px;
                margin-bottom: 80px;
            }
            .award-div .txt_area-div {
                display: flex;
                flex-direction: column;
                justify-content: center;
                flex-wrap: wrap;
            }
            .award-div .txt_area-item {
                margin-top: 15px;
                text-align: center;
            }
            .award-div .txt-1,
            .award-div .txt-2 {
                font-size: 1.2rem;
                line-height: 1.2;
                font-weight: 700;
                letter-spacing: 0px;
                padding: 0 20px;
            }
            .award-div .btn-div {

            }
            .award-div .btn-div button {
                width: 90px;
                height: 30px;
                font-size: 1.5rem;
                font-weight: 700;
                padding: 5px;
                letter-spacing: 1px;
                padding-left: calc(5px + 1px);
                background-color: #f0f0f01a;
                position: absolute;
                bottom: 35px;
                left: 50%;
                transform: translate(-50%, 0);
                border-radius: 5px;
                line-height: 18px;
            }


        /* GBC 路線圖 */
            .route_map-div {
                /*padding-left: 80px;*/
                margin-bottom: 22vw;
                margin-bottom: calc(150px + 0vw);
            }
            .route_map-div .home-title {
                margin-top: 40px;
            }
            .route_map-div .img-div {
                background-size: 100%;
                background-position: 70% -40px;
                background-repeat: no-repeat;
                /*padding-bottom: 56.25%;*/
                width: 100%;
                height: 100%;
                background-image: url('../images/web/png/手機版GBC路線圖-02.png');

            }



        /* GBC 社群 */
            .community-div {
                /*padding-left: 80px;*/
                /*max-height: 620px;*/
            }
            .community-div .img-div {
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
                height: 220px;
                margin-top: 30px;
            }
            .community-div .txt-1 {
                font-size: 1.5rem;
                line-height: 1.3;
                font-weight: 700;
                letter-spacing: 3px;
                margin-top: 40px;
                text-align: center;
            }
            .community-div .btn-div {
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .community-div .btn-div .img-div {
                width: 50px;
                height: 50px;
                background-size: 110%;
                margin-top: 0;
            }
            .community-div .btn-div .img-div.fb-img {
                background-size: 80%;
            }
            .community-div .btn-div .img-div.ig-img {
                background-size: 90%;
            }
            .community-div .btn-div + .txt-1 {
                margin: 50px auto;
            }
            .community-div .icon-div {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: space-around;

                max-width: 280px;
                margin-left: auto;
                margin-right: auto;
            }
            .community-div .icon-div .img-div {
                width: 55px;
                height: 55px;
                margin-top: 15px;
                flex-basis: 25%;
            }
            .community-div .contact-div > div:nth-child(2) .img-div {
                display: none;
            }
            .community-div .contact-div > div:nth-child(2) a {
                font-size: 1.4rem;
                line-height: 1.3;
                margin-top: 10px;
                letter-spacing: 1px;
                text-decoration: underline;
            }






    }

/* ======================================================= */
/**
 * 
 * min-width: 1280px (1280px) (電腦)
 * 
 */
    @media (min-width: 1280px) {

        .page-home,
        .page-home:before {
                background-size: 1280px;
            background-size: 100vw;

            width: 100%;
            height: calc(534vw + (var(--postion-top-px) + 50px)*2);
        }
        .page-home {
            padding: 0;
            height: calc(
                (534vw + (var(--postion-top-px) + 50px) * 2)
                + ((56.25vw - var(--postion-top-px)*2 - 50px))
                + 22vw
            );
        }
        .page-home:before {
            /*background-image: url('../images/web/home_bg_web.png');*/
            background-image: url('../images/web/home_bg_web_3.png');

            position: sticky;
            top: 0;
        }
        .page-home.h-active:before {
            background-image: url('../images/web/全分頁用背景.png');
        }


        /* ---------------------------------------- */
        .home-content {
                width: calc(1280px - var(--postion-left-px)*2);
                height: 6838px;
            width: calc(100vw - var(--postion-left-px)*2);
            height: 534vw;
        }
        .home-content > div {
            max-width: 100%;
            overflow: hidden;
            padding-right: 50px;
            height: calc(56.25vw - var(--postion-top-px)*2 - 50px);

            max-width: 1280px;
            margin-left: auto;
            margin-right: auto;
        }

        /* ---------------------------------------- */
        .home-title {
            font-size: 4rem;
            line-height: 1;
            letter-spacing: 12px;
            padding-left: 12px;
            border-left: 8px solid #fff;
            font-weight: 700;
        }

        /* ---------------------------------------- */
        /* 右側錨點 */
        .page-home [id*="home_hash-"] {
            margin-top: -70px;
            padding-top: 70px;
        }


        /* ---------------------------------------- */
        .page-home .mb_show_1 {
            display: none !important;
        }


        /* ---------------------------------------- */
        /* 歡迎加入 */
            .welcome-div {
                padding-left: 80px;
                display: flex;
                font-weight: 700;
                margin-bottom: 22vw;
            }
            .welcome-div .text_area {
                /*width: var(--home-welcome-left-width);*/
                text-align: center;
                width: calc(100% - 780px);
                min-width: 340px;
            }
            .welcome-div .image_area,
            .welcome-div .map_area {
                /*width: calc(100% - var(--home-welcome-left-width));*/
                margin-left: -20px;
                margin-left: 0px;
                width: 780px;
                min-width: 780px;
            }

            .welcome-div .text_area .txt-1 {
                font-size: 4rem;
                letter-spacing: 7px;
                line-height: 1.2;
            }
            .welcome-div .text_area .txt-1:nth-child(1) {
                margin-top: 40px;
            }
            .welcome-div .text_area .txt-1 + .txt-1 {
                margin-top: 20px;
            }
            .welcome-div .text_area .txt-2 {
                font-size: 2.4rem;
                letter-spacing: 4px;
                margin-top: 20px;
                line-height: 1.2;
            }

        /* 歡迎加入 - 按鈕 block */
            .welcome-div .btn-div {
                margin-top: 75px;
                min-height: 50px;
            }
            .welcome-div .btn-div button {
                width: 120px;
                height: 50px;
                font-size: 2rem;
                font-weight: 700;
                padding: 5px;
                letter-spacing: 3px;
                padding-left: calc(5px + 3px);
                background-color: #f0f0f01a;
            }

        /* 歡迎加入 - 統計 block */
            .welcome-div .count-div {
                --count-div-width: 280px;
                width: 280px;
                display: flex;
                flex-direction: column;
                border-radius: 10px;
                border: 1px solid #fff;
                background-color: #f0f0f01a;
                margin: 15px auto 0;
                padding: 8px 8px 10px;
            }
            .welcome-div .count-div-1 {
                margin-top: 50px;
            }
            .welcome-div .count-div-2 {
                width: calc(var(--count-div-width) - 30px*1);
            }
            .welcome-div .count-div-3 {
                width: calc(var(--count-div-width) - 30px*2);
            }
            .welcome-div .count-div > div:nth-child(1) {
                font-size: 1.2rem;
                margin-right: auto;
                line-height: 1.2;
                letter-spacing: 3px;
            }
            .welcome-div .count-div > div:nth-child(2) {
                font-size: 2rem;
                margin-left: auto;
                line-height: 1.2;
                letter-spacing: 3px;
            }
            .welcome-div .count-div-2 > div:nth-child(2),
            .welcome-div .count-div-3 > div:nth-child(2) {
                font-size: 1.2rem;
            }
            
        /* 歡迎加入 - 地圖 */
            .welcome-div .image_area .img-div,
            .welcome-div .map_area .img-div {
                margin-bottom: 20px;
                padding-bottom: 410px;
                background-size: 850px;
                background-position: -50px -40px;
                background-repeat: no-repeat;
                /*background-color: #ddf3;*/
            }

        /* 歡迎加入 - 國家 (圖片) */
            .welcome-div .image_area .country_area {
                display: flex;
                flex-wrap: wrap;
            }
            .welcome-div .image_area .country_area .country-div {
                display: flex;
                flex-basis: 65px;
                align-items: center;
                width: 65px;
                height: 22px;
                font-size: 1.2rem;
                line-height: 22px;
                margin: 3px 10px;
                border-radius: 11px;
                background-color: #dddddd50;
            }
            .welcome-div .image_area .country_area .country-div > div:nth-child(1) {
                width: 20px;
                height: 20px;
                margin-right: 8px;
                margin-left: 2px;
                border-radius: 50%;

                background-size: 34px;
                background-position: center;
                background-repeat: no-repeat;
            }
            .welcome-div .image_area .country_area .country-div > div:nth-child(2) {
                font-weight: 500;
                font-size: 1.2rem;
                letter-spacing: 3px;
            }


        /* 歡迎加入 - 國家 (地圖) */
            .welcome-div .map_area {
                position: relative;
                height: max-content;
            }
            .welcome-div .map_area .img-div {
            }

            .gbt_icon {
                border: 4px solid #fff;
                width: 30px;
                height: 30px;
                align-items: center;
                display: inline-flex;
                justify-content: center;
                border-radius: 50%;
                font-size: 1.9rem;
                transform: scale(0.6);
                position: absolute;
                z-index: 1;
                border-color: var(--color-v2-5);
                color: var(--color-v2-5);
                font-weight: 700;
                font-family: 'FontAwesome';

                border: unset;
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
                background-image: url('../images/web/png/GBC-token.png');
            }
            body.m-active .gbt_icon {
                z-index: -2;
            }
            
            .welcome-div .map_area .country_area {
                display: flex;
                flex-wrap: wrap;
            }
            .welcome-div .map_area .country_area .country-div {
                display: flex;
                flex-basis: calc(100% / 24);
                align-items: center;
                flex-direction: column;
                justify-content: center;
                width: 30px;
                height: 40px;
                margin: 3px 5px;
                border-radius: 3px;
                background-color: #dddddd40;
            }
            .welcome-div .map_area .country_area .country-div > div:nth-child(1) {
                width: 20px;
                height: 20px;
                margin: 4px auto 0;

                background-size: 32px;
                background-position: center;
                background-repeat: no-repeat;
            }
            .welcome-div .map_area .country_area .country-div > div:nth-child(2) {
                font-weight: 500;
                font-size: 1.2rem;
                letter-spacing: 2px;
                line-height: 18px;
                padding-left: 2px;
            }



        /* ---------------------------------------- */
        /* 專案區域 */
            .project-div {
                padding-left: 80px;
                margin-bottom: 22vw;
                /*font-weight: 700;*/
            }            
            .project-div .home-title {
                margin-top: 40px;
            }
            .project-div .loan-div {
                display: flex;
                flex-direction: column;
                min-height: 500px;
                justify-content: center;
                height: 30vw;
                /*background-color: #ddd3;*/
            }
            .project-div .btn-div {
                position: relative;
                padding-left: calc(12px + 8px);
            }
            .project-div .btn-div .swiper-button-next,
            .project-div .btn-div .swiper-button-prev {
                border: 2px solid #fff;
                color: #fff;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                transform: translateY(75%);
            }
            .project-div .btn-div .swiper-button-next {
                right: unset;
                left: calc(40px + 30px);
            }
            .project-div .btn-div .swiper-button-next:after,
            .project-div .btn-div .swiper-button-prev:after {
                font-size: 1.6rem;
            }
            .project-div .btn-div button {
                width: 120px;
                height: 50px;
                font-size: 2rem;
                font-weight: 700;
                padding: 5px;
                letter-spacing: 3px;
                padding-left: calc(5px + 3px);
                background-color: #f0f0f01a;

                position: absolute;
                top: 0;
                left: 50%;
                transform: translate(-50%, 0%);
            }

        /* 專案區域 - 專案卡片 */
            .project-div .loan-box {
                zoom: 0.7;
            }



        /* 關於我們 */
            .about-div {
                padding-left: 80px;
                margin-bottom: 17vw;
            }
            .about-div .home-title {
                margin-top: 40px;
            }
            .about-div .txt-1 {
                font-size: 3.2rem;
                line-height: 1.2;
                font-weight: 700;
                padding-left: calc(12px + 8px);
                margin: 30px 0;
                letter-spacing: 3px;
            }
            .about-div .txt-2 {
                font-size: 2rem;
                line-height: 1.2;
                font-weight: 700;
                padding-left: calc(12px + 8px);
                letter-spacing: 3px;
            }
        /* 關於我們 - icon */
            .about-div .about_icon_area {
                margin-top: 60px;
                padding-right: 80px;
            }
            .about-div .about_icon-div {
                display: flex;
                align-items: center;
                margin: 15px 0;
            }
            .about-div .about_icon-div > div:nth-child(1) {
                width: 60px;
                height: 60px;
                border-radius: 50%;
                margin-right: 12px;
                padding: 5px;
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: #fff;
            }
            .about-div .about_icon-div > div:nth-child(1) img {
                object-fit: contain;
            }
            .about-div .about_icon-div > div:nth-child(2) {
                letter-spacing: 3px;
                font-size: 2rem;
                line-height: 1.2;
                font-weight: 700;
                width: calc(100% - 60px - 12px);
            }



        /* GBC Token */
            .token-div {
                padding-left: 80px;
                margin-bottom: 19.5vw;
            }
            .token-div .home-title {
                margin-top: 40px;
            }
            .token-div .txt-1 {
                font-size: 3.2rem;
                line-height: 1.2;
                font-weight: 700;
                padding-left: calc(12px + 8px);
                margin-top: 30px;
                letter-spacing: 3px;
            }
            .token-div .txt-2 {
                font-size: 2rem;
                line-height: 1.2;
                font-weight: 700;
                padding-left: calc(12px + 8px);
                letter-spacing: 3px;
                margin-top: 40px;
            }
            .token-div .btn-div {
                position: relative;
                padding-left: calc(12px + 8px);
                margin-top: 40px;
            }
            .token-div .btn-div button {
                width: 120px;
                height: 50px;
                font-size: 2rem;
                font-weight: 700;
                padding: 5px;
                letter-spacing: 3px;
                padding-left: calc(5px + 3px);
                background-color: #f0f0f01a;
            }


        /* ES 天眼 DAO */
            .es-div {
                padding-left: 80px;
                margin-bottom: 19vw;
            }
            .es-div .home-title {
                margin-top: 40px;
            }
            .es-div .txt-1 {
                font-size: 3.2rem;
                line-height: 1.2;
                font-weight: 700;
                padding-left: calc(12px + 8px);
                margin-top: 30px;
                letter-spacing: 3px;
            }
            .es-div .txt-2 {
                font-size: 2rem;
                line-height: 1.2;
                font-weight: 700;
                padding-left: calc(12px + 8px);
                letter-spacing: 3px;
                margin-top: 30px;
            }



        /* ES 天眼 DAO 成員 */
            .es_partner-div {
                padding-left: 80px;
                margin-bottom: 24vw;
            }
            .es_partner-div .home-title {
                margin-top: 40px;
            }
            .es_partner-div .txt-1 {
                font-size: 2rem;
                line-height: 1.2;
                font-weight: 700;
                padding-left: calc(12px + 8px);
                letter-spacing: 3px;
                margin-top: 30px;
            }
            .es_partner-div .btn-div {
                position: relative;
                padding-left: calc(12px + 8px);
            }
            .es_partner-div .btn-div button {
                width: 120px;
                height: 50px;
                font-size: 2rem;
                font-weight: 700;
                padding: 5px;
                letter-spacing: 3px;
                padding-left: calc(5px + 3px);
                background-color: #f0f0f01a;

                position: absolute;
                top: 0;
                left: 50%;
                transform: translate(-50%, -100%);
            }



        /* 共同獎勵模式 */
            .award-div {
                padding-left: 80px;
                margin-bottom: 18vw;
            }
            .award-div .home-title {
                margin-top: 40px;
            }
            .award-div .txt_area-div {
                display: flex;
                justify-content: center;
                /*padding-left: calc(12px + 8px);*/
                flex-wrap: wrap;
            }
            .award-div .txt_area-item {
                flex-basis: 25%;
                margin-top: 60px;
                text-align: center;
            }
            .award-div .txt_area-item:nth-child(2) {
                flex-basis: 48%;
            }
            .award-div .txt_area-item:nth-child(4),
            .award-div .txt_area-item:nth-child(5) {
                flex-basis: 40%;
            }
            .award-div .txt-1 {
                font-size: 3.2rem;
                line-height: 1.2;
                font-weight: 700;
                /*padding-left: calc(12px + 8px);*/
                letter-spacing: 3px;
                margin-bottom: 20px;
            }
            .award-div .txt-2 {
                font-size: 2rem;
                line-height: 1.2;
                font-weight: 700;
                /*padding-left: calc(12px + 8px);*/
                letter-spacing: 3px;
            }

            /*.award-div .txt_area-div .txt_area-1 {

            }
            .award-div .txt_area-div .txt_area-2 {
                margin-top: 10px;
            }
            .award-div .txt-1 {
                font-size: 2rem;
                line-height: 1.3;
                font-weight: 700;
                letter-spacing: 3px;
                margin-top: 25px;
            }
            .award-div .txt-1-1 {
                margin-top: 70px;
            }*/
            .award-div .btn-div {
                position: relative;
            }
            .award-div .btn-div button {
                width: 120px;
                height: 50px;
                font-size: 2rem;
                font-weight: 700;
                padding: 5px;
                letter-spacing: 3px;
                padding-left: calc(5px + 3px);
                background-color: #f0f0f01a;
            }


        /* GBC 路線圖 */
            .route_map-div {
                padding-left: 80px;
                margin-bottom: 22vw;
                margin-bottom: calc(150px + 0vw);
            }
            .route_map-div .home-title {
                margin-top: 40px;
            }
            .route_map-div .img-div {
                background-size: 115%;
                background-position: 70% -20px;
                background-repeat: no-repeat;
                padding-bottom: 56.25%;
                background-image: url('../images/web/png/GBC路線圖.png?v=2');
            }



        /* GBC 社群 */
            .community-div {
                padding-left: 80px;
                max-height: 620px;
            }
            .community-div .img-div {
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
                height: 220px;
                margin-top: 30px;
            }
            .community-div .txt-1 {
                font-size: 2rem;
                line-height: 1.3;
                font-weight: 700;
                letter-spacing: 5px;
                margin-top: 0px;
                text-align: center;
            }
            .community-div .icon-div {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: center;
                margin-top: 50px;
            }
            .community-div .icon-div .img-div {
                width: 80px;
                height: 100px;
                margin-top: 15px;
                flex-basis: 17%;
            }
            .community-div .contact-div {
                margin: 50px auto 0px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .community-div .contact-div > div:nth-child(1) {
                padding-left: 100px;
            }
            .community-div .contact-div > div + div {
                margin-left: 5vw;
            }
            .community-div .btn-div {
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .community-div .btn-div .img-div {
                width: 50px;
                height: 50px;
                background-size: 110%;
                margin-top: 0;
            }
            .community-div .btn-div .img-div.fb-img {
                background-size: 80%;
            }
            .community-div .btn-div .img-div.ig-img {
                background-size: 90%;
            }

            .community-div .contact-div > div:nth-child(2) a {
                text-decoration: underline;
            }

            /*.community-div .icon-div .img-div:nth-child(6),
            .community-div .icon-div .img-div:nth-child(7) {
                flex-basis: 30%;
            }
            .community-div .icon-div .img-div:nth-child(1) { background-size: 58%; }
            .community-div .icon-div .img-div:nth-child(2) { background-size: 33%; }
            .community-div .icon-div .img-div:nth-child(3) { background-size: 65%; }
            .community-div .icon-div .img-div:nth-child(4) { background-size: 50%; }
            .community-div .icon-div .img-div:nth-child(5) { background-size: 150%; }
            .community-div .icon-div .img-div:nth-child(6) { background-size: 70%; }
            .community-div .icon-div .img-div:nth-child(7) { background-size: 60%; }*/

    }





/* ======================================================= */
/**
 * 
 * min-width: 1920px (1920px)
 * 
 */
    @media (min-width: 1920px) {

        .page-home {
            padding: 0;
            height: calc(
                (534vw + (var(--postion-top-px) + 50px) * 2)
                + ((56.25vw - var(--postion-top-px)*2 - 50px) + 6vw) * 1.3
            );
        }


        .home-content {
        }


        .home-content > div {
            zoom: 1.3;
        }
        

        /* ---------------------------------------- */
        /* 右側錨點 */
        .page-home [id*="home_hash-"] {
            margin-top: -55px;
            padding-top: 55px;
        }


        /* ---------------------------------------- */
        /* 歡迎加入 */
            .welcome-div {
                margin-bottom: 6vw;
            }
            .project-div {
                margin-bottom: 6vw;
            }
            .about-div {
                margin-bottom: 7vw;
            }
            .token-div {
                margin-bottom: -7.5vw;
            }
            .es-div {
                margin-bottom: 6vw;
            }
            .es_partner-div {
                margin-bottom: 3vw;
            }
            .award-div {
                margin-bottom: -2vw;
            }
            .route_map-div {
                margin-bottom: calc(0px + 0vw);
            }
    }