body{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Noto Sans TC", "Microsoft JhengHei","微軟正黑體", sans-serif;     
}

html {
        scroll-behavior: smooth;
    }

*,
*::before,
*::after {
    box-sizing: border-box;
}
a{
    text-decoration: none;
    color: inherit;
}
img, svg {
    display: block;
}

/* seo */
.seo{   
    position: absolute;
    top: -1000px;
    left: -500px;
    color: #fff;
    font-size: 0.9rem;
}


/* GO TOP */
   /* =====================================================
           DEMO CONTENT
           正式網站可刪除
        ===================================================== */

        .demo-section {
            min-height: 100vh;
            padding: 80px 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 32px;
            font-weight: 900;
            color: #555;
            border-bottom: 1px solid #eee;
        }


        /* =====================================================
           GO TOP
        ===================================================== */

        .go-top {
            width: 92px;
            height: 92px;
            padding: 0;
            position: fixed;
            right: 28px;
            bottom: 28px;
            z-index: 9999;
            border: 0;
            background: transparent;
            cursor: pointer;
            opacity: 0;
            visibility: hidden;
            transform:
                translateY(20px)
                scale(.9);
            transition:
                opacity .3s ease,
                visibility .3s ease,
                transform .3s ease;
            -webkit-tap-highlight-color:
                transparent;
        }


        /* 顯示 */
        .go-top.show {
            opacity: 1;
            visibility: visible;
            transform:
                translateY(0)
                scale(1);
        }


        /* 圖片 */
        .go-top img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: contain;
            user-select: none;
            pointer-events: none;
            filter:
                drop-shadow(
                    0 8px 12px
                    rgba(238, 91, 80, .22)
                );
        }


        /* Hover */
        .go-top:hover {
            transform:
                translateY(-5px)
                scale(1.06);
        }


        /* 點擊 */
        .go-top:active {
            transform:
                translateY(-1px)
                scale(.96);
        }


        /* 鍵盤 focus */
        .go-top:focus-visible {
            outline:
                3px solid
                rgba(255, 107, 93, .45);
            outline-offset: 5px;
            border-radius: 50%;
        }


        /* =====================================================
           TABLET
        ===================================================== */

        @media (max-width: 1024px) {
            .go-top {
                width: 82px;
                height: 82px;
                right: 22px;
                bottom: 22px;
            }
        }


        /* =====================================================
           MOBILE
        ===================================================== */

        @media (max-width: 768px) {
            .go-top {
                width: 70px;
                height: 70px;
                right: 16px;
                bottom: 18px;
            }
        }


        /* =====================================================
           SMALL MOBILE
        ===================================================== */

        @media (max-width: 480px) {
            .go-top {
                width: 62px;
                height: 62px;
                right: 12px;
                bottom: 14px;
            }
        }


        /* =====================================================
           REDUCED MOTION
        ===================================================== */

        @media
        (prefers-reduced-motion: reduce) {
            html {
                scroll-behavior: auto;
            }
            .go-top {
                transition: none;
            }
        }




/*第一區CSS在HEADER.CSSCSS */

/* 第二區 banner travel-subsidy*/
.banner{
    width: 100%;
}
.banner img{
    width: 100%;
}

.mob-banner{
    width: 100%;
}
.mob-banner img{
    width: 100%;
}

@media(min-width:768px){
    .mob-banner{
        display: none;
    }
}

@media(max-width:768px){
    .banner{
        display: none;
    }
    .mob-banner{
        display: block;
    }
}

/* 第三、四、五、六、七區在CSS資料夾裡 */

/* 第八區 FOOTER */
        /* =====================================================
           FOOTER
        ===================================================== */

        .site-footer {
            width: 100%;
            color: #fff;
        }


        /* =====================================================
           上層橘色區
        ===================================================== */

        .footer-main {
            width: 100%;
            background:
                linear-gradient(
                    135deg,
                    #f4511e 0%,
                    #f15a24 100%
                );
        }


        .footer-main-inner {
            width:
                min(
                    1180px,
                    calc(100% - 40px)
                );

            margin: 0 auto;
            min-height: 138px;
            padding:
                24px
                0
                22px;
            display: grid;
            grid-template-columns:
                1.05fr
                1fr
                1fr;
            align-items: center;
            gap: 54px;
        }


        /* =====================================================
           LOGO
        ===================================================== */

        .footer-brand {
            display: flex;
            align-items: center;
            gap: 15px;
        }


        .footer-brand img {
            width: 210px;
            height: auto;
        }


        /*
         * 沒有圖片時可以用文字版
         */

        .footer-brand-text {
            display: none;
        }


        .footer-brand-title {
            margin: 0;
            font-size: 34px;
            font-weight: 900;
            letter-spacing: 2px;
        }


        .footer-brand-subtitle {
            margin: 2px 0 0;
            font-size: 11px;
            letter-spacing: 4px;
        }


        /* =====================================================
           公司資訊
        ===================================================== */

        .footer-office {
            min-width: 0;
        }
        .footer-office-title {
            margin: 0 0 4px;
            color: #fff;
            font-size: 20px;
            font-weight: 900;
            letter-spacing: .5px;
        }
        .footer-office-list {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        .footer-office-list li {
            color: #fff;
            font-size: 15px;
            font-weight: 700;
            line-height: 1.65;
        }


        /* =====================================================
           下層紫色版權區
        ===================================================== */

        .footer-bottom {
            width: 100%;
            background:
                linear-gradient(
                    90deg,
                    #5751a3 0%,
                    #6257aa 100%
                );
        }
        .footer-bottom-inner {
            width:
                min(
                    1180px,
                    calc(100% - 40px)
                );

            min-height: 50px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 28px;
            padding:
                8px
                0;
        }
        .copyright {
            margin: 0;
            color: #fff;
            font-size: 15px;
            font-weight: 500;
            letter-spacing: .5px;
            text-align: center;
        }


        /* =====================================================
           SOCIAL ICON
        ===================================================== */

        .footer-social {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        .social-link {
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            color: #fff;
            font-size: 17px;
            font-weight: 900;
            transition:
                transform .2s ease,
                box-shadow .2s ease;
        }
        .social-link:hover {
            transform: translateY(-3px);
            box-shadow:
                0 5px 10px
                rgba(0, 0, 0, .18);
        }


        /* Facebook */
        .social-facebook {
            background: #4b82e6;
            font-family: Arial, sans-serif;
            font-size: 24px;
        }


        /* LINE */
        .social-line {
            background: #52c927;
            font-size: 9px;
            letter-spacing: -.5px;
        }



        /* Instagram */
        /*

        .social-instagram {
            position: relative;

            background:
                radial-gradient(
                    circle at 70% 70%,
                    #ffcc70 0%,
                    #f94a73 38%,
                    #a83bd6 72%,
                    #5753d5 100%
                );
        }


        .social-instagram::before {
            content: "";
            width: 15px;
            height: 15px;
            border: 2px solid #fff;
            border-radius: 5px;
        }


        .social-instagram::after {
            content: "";

            width: 4px;
            height: 4px;

            position: absolute;

            border: 2px solid #fff;
            border-radius: 50%;
        }
            */


        /* =====================================================
           TABLET
        ===================================================== */

        @media (max-width: 1000px) {
            .footer-main-inner {
                width:
                    calc(100% - 36px);
                grid-template-columns:
                    1fr
                    1fr;
                gap:
                    24px
                    40px;
                padding:
                    28px
                    0;
            }
            .footer-brand {
                grid-column:
                    1 / -1;
                justify-content: center;
            }
            .footer-brand img {
                width: 190px;
            }
            .footer-office-title {
                font-size: 18px;
            }
            .footer-office-list li {
                font-size: 14px;
            }        }


        /* =====================================================
           MOBILE 768
        ===================================================== */

        @media (max-width: 768px) {
            .footer-main-inner {
                width:
                    calc(100% - 30px);
                display: block;
                padding:
                    30px
                    0;
            }
            .footer-brand {
                justify-content: center;
                margin-bottom: 25px;
            }
            .footer-brand img {
                width: 180px;
            }
            .footer-office {
                padding:
                    17px
                    0;
                border-top:
                    1px solid
                    rgba(255, 255, 255, .25);
            }
            .footer-office:first-of-type {
                border-top: 0;
            }
            .footer-office-title {
                font-size: 17px;
                margin-bottom: 6px;
            }
            .footer-office-list li {
                font-size: 14px;
                line-height: 1.7;
            }
            .footer-bottom-inner {
                width:
                    calc(100% - 30px);
                flex-direction: column;
                gap: 10px;
                min-height: 80px;
                padding:
                    14px
                    0;
            }
            .copyright {
                font-size: 13px;
                line-height: 1.6;
            }

        }


        /* =====================================================
           SMALL MOBILE
        ===================================================== */

        @media (max-width: 480px) {
            .footer-main-inner {
                width:
                    calc(100% - 24px);
                padding:
                    26px
                    0;
            }
            .footer-brand img {
                width: 165px;
            }
            .footer-office-title {
                font-size: 16px;
            }
            .footer-office-list li {
                font-size: 13px;
            }
            .copyright {
                font-size: 12px;
            }
            .social-link {
                width: 30px;
                height: 30px;
            }
        }