/* font_style */
        .container_myself {
            padding: 0 14px; /* 添加左右內邊距 */
            width: 85%;
            max-width: 1200px;
            margin: auto;
        }
        .txt-title {
            font-size: 2.3rem;
            line-height: 1.6;
        }
        .txt-lg {
            font-size: 1.6rem;
            line-height: 1.4;
        }
        .txt-md {
            font-size: 1.3rem;
        }
        .txt-sm {
            font-size: 1.1rem;
        }
        .txt-xs {
            font-size: 0.8rem;
        }
        .inline-b {
            display: inline-block;
        }
        .txt-white {
            color: #ffffff;
        }
        .txt-gray {
            color: #cccccc;
        }
        .txt-red {
            color: #ff0000;
        }
        .txt-darkblue {
            color: #00306b;
        }
        .txt-blue {
            color: #33517c;
        }
        .txt-shadow {
            text-shadow:2px 2px 3px rgba(0,0,0,.5);
        }
        .txt-bold {
            font-weight: bold;
        }
        .txt-center {
            text-align: center;
        }
        .ol-left {
            padding-left: 1.5em;
            text-align: left;
        }

        @media (max-width: 768px) {
            .inline-b {
                display: inline-block;
            }
        }

        .mtop-5 {
            margin-top: 5rem;
        }
        .mtop-10 {
            margin-top: 8rem;
        }
        .mbottom-3 {
            margin-bottom: 3rem;
        }
        @media screen and (max-width: 720px) {
            .mtop-5 {
                margin-top: 1rem;
            }
            .mtop-10 {
                margin-top: 3rem;
            }
        }


        /* 開始 */
        :root {
        --slant-percent: 8%; /* 調整斜度，數值越大斜面越深 */
        }
        /* 滿版容器 */
        .hero {
            width: 100%;
            height: 60vh;
            position: relative;
            overflow: hidden;
        }
        /* 滿版圖片設定 */
        .hero img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            /* clip-path 把下方切成斜面 */
            -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--slant-percent)), 0% 100%);
            clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--slant-percent)), 0% 100%);
        }
        @media screen and (max-width: 720px) {
            .hero {
                height: 25vh;
            }
        }

        /* 背景圖 */
        .promo-block {
            /* position: relative; */
            width: 100%;
            background: url("../img/bg.png") no-repeat center center;
            background-size: cover;
            box-sizing: border-box;
            overflow-x: hidden;
        }

        /* 第一區塊 */
        /* 大標題 */
        .image-block {
            width: 1200px;
            max-width: 100%;
            min-height: 25vh;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            position: relative; /* 當作基準 */
        }
        @media screen and (min-height: 1100px) {
            .image-block {
                min-height: 20vh;
            }
        }
        @media screen and (min-height: 1400px) {
            .image-block {
                min-height: 15vh;
            }
        }
        @media screen and (max-width: 1200px) {
            .image-block {
                width: 800px;
            }
        }
        @media screen and (max-width: 800px) {
            .image-block {
                width: 600px;
            }
        }
        @media screen and (max-width: 720px) {
            .image-block {
                height: 100%;
                padding: 1rem;
            }
        }
        /* mobile顯示大標題 */
        .static-img {
            display: none;
            max-width: 100%;
            height: auto;
        }
        
        /* 第3層 (基準) */
        .base-img {
            max-width: 100%;
            max-height: 100%;
            z-index: 3;
            display: block;
        }
        /* 第2層：移動+淡入淡出 */
        .overlay-img {
            position: absolute;
            max-width: 100%;
            max-height: 100%;
            top: 0;
            right: 0;
            z-index: 2;
            opacity: 0;
            animation: floatMove 4s ease-in-out infinite;
        }

        @keyframes floatMove {
            0% {
                transform: translate(-200%, 100%);
                opacity: 0;
            }
            20% {
                transform: translate(-100%,10%);
                opacity: 1;
            }
            80% {
                transform: translate(-100%,10%);
                opacity: 1;
            }
            100% {
                transform: translate(0,0);
                opacity: 0;
            }
        }
        @media screen and (max-width: 1200px) {
            @keyframes floatMove {
                0% {
                    transform: translate(-150%, 100%);
                    opacity: 0;
                }
                20% {
                    transform: translate(-30%,10%);
                    opacity: 1;
                }
                80% {
                    transform: translate(-30%,10%);
                    opacity: 1;
                }
                100% {
                    transform: translate(0,0);
                    opacity: 0;
                }
            }
        }
        @media screen and (max-width: 800px) {
            @keyframes floatMove {
                0% {
                    transform: translate(-120%, 100%);
                    opacity: 0;
                }
                20% {
                    transform: translate(-10%,0);
                    opacity: 1;
                }
                80% {
                    transform: translate(-10%,0);
                    opacity: 1;
                }
                100% {
                    transform: translate(0,0);
                    opacity: 0;
                }
            }
        }

        /* 第1層：搖動 */
        .top-img {
            position: absolute;
            max-width: 100%;
            max-height: 100%;
            z-index: 0;
            animation: shake 8s infinite ease-in-out;
        }

        @keyframes shake {
            0% { transform: rotate(0deg) translate(0,0); }
            20% { transform: rotate(0deg) translate(0px, 0); }
            25% { transform: rotate(3deg) translate(3px, 0); }
            30% { transform: rotate(0deg) translate(0px, 0); }
            70% { transform: rotate(0deg) translate(0px, 0); }
            75% { transform: rotate(-3deg) translate(-3px, 0); }
            80% { transform: rotate(0deg) translate(0px, 0); }
            100% { transform: rotate(0deg) translate(0,0); }
        }

        /* 小於等於 720px 時：不做動畫，換成mobile大標題 */
        @media screen and (max-width: 720px) {
            .base-img,
            .overlay-img,
            .top-img {
                display: none;
            }
            .static-img {
                display: block;
            }
        }
        /* 副標題 */
        .promo-title {
            position: relative;
            text-align: center;
            margin-bottom: 30px;
            z-index: 1;
        }
        .promo-title img {
            max-width: 100%;
            height: auto;
        }

        /* 共用 */
        /* 第二、三區塊 */
        .layout-block {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: visible; /* 避免裁切 */
        }
        /* flex排版 */
        .block-flex {
            width: 100%;
            max-width: 100%;
            /* padding: 30px; */
        }
        .block-flex-inline {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            height: 400px;
            position: relative;
        }

        /* 第二區塊 */
        /* 簡單用車輕鬆月付desktop */
        .charge_p p {
            display: inline-block;
        }
        .inline_row {
            flex-direction: row !important;
            height: auto !important;
            align-items: center;
            justify-content: center;
        }
        .inline_row div {
            position: relative;
            z-index: 1;
        }
        .inline_row::before {
            content: "";
            position: absolute;
            top: 20%;
            right: 0;
            width: 90%;
            height: 80px;
            /* 內框背景色 */
            background-color: #dedfe0;
            box-shadow: 5px 5px 10px -6px #222;
            z-index: 0;

            /* background-image: url("../img/rect_gray.png");
            background-size: contain;
            background-repeat: no-repeat; */
        }
        .inline_row::after {
            content: "";
            position: absolute;
            top: -1rem;
            right: -1rem;
            width: 85px;
            height: 84px;
            background-image: url("../img/charge_flowers.png");
            background-size: contain;
            background-repeat: no-repeat;
            z-index: 1;
        }

        .block-flex-inline .charge_p {
            flex: 1 1 30%;
            width: 30%;
            box-sizing: border-box;
            display: flex;
            align-items: flex-end;
            justify-content: center;
        }
        .block-flex-inline .charge_p.mainblock {
            flex: 1 1 10%;
            width: 10%;
            display: flex;
            flex-wrap: wrap;
        }

        /* 簡單用車輕鬆月付mobile */
        .bg_price_latop {
            display: none;
        }
        @media screen and (max-width: 1040px) {
            .inline_row::before {
                content: "";
                position: absolute;
                top: 20%;
                right: 0;
                width: 90%;
                height: 80px;
                /* 內框背景色 */
                background-color: #dedfe0;
                box-shadow: 5px 5px 10px -6px #222;
                z-index: 0;

                background-image: none;
            }
            img.digital_mobile {
                width: 25%;
            }
            img.digital_mobile2 {
                width: 40%;
            }
        }
        @media screen and (max-width: 900px) {
            .bg_price_desktop {
                display: none;
            }
            .bg_price_latop {
                display: flex;
                flex-direction: column;
            }
            .bg_price_latop img {
                padding-top: 3rem;
            }
        }
        @media screen and (max-width: 720px) {
            .bg_price_latop img {
                padding-top: 1.5rem;
            }
        }

        .charge_title1::before {
            content: "Model 3｜Model Y";
            position: absolute;
            top: -4.2rem;
            right: 30%;
            width: 60%;
            height: auto;
            background-color: #33517c; /* 內框背景色 */
            color: #fff;
            font-weight: bold;
            padding: 1rem 1rem;
            text-align: center;
            font-size: 1.2rem;
            border-radius: 8px 8px 0 0;
        }
        .charge_title2::before {
            content: "Model S｜Model X";
            position: absolute;
            top: -4.2rem;
            right: 30%;
            width: 60%;
            height: auto;
            background-color: #33517c; /* 內框背景色 */
            color: #fff;
            font-weight: bold;
            padding: 1rem 1rem;
            text-align: center;
            font-size: 1.2rem;
            border-radius: 8px 8px 0 0;
        }

        @media screen and (max-width: 1040px) {
            .charge_title1::before {
                width: 80%;
            }
            .charge_title2::before {
                width: 80%;
            }
        }

        .block-flex-inline .charge_memo::before {
            content: "※租金皆含汽車強制險、領牌手續費";
            position: absolute;
            bottom: -1.5rem;
            right: 0;
            color: #33517c;
            font-weight: bold;
        }

        /* 第三區塊 */
        /* 禮遇全車系10,000元 */
        
        /* 貼紙效果 */
        .layout-block:nth-child(2):before {
            content: "";
            position: absolute;
            top: -20px;  /* 往上移 */
            left: -20px; /* 往左移 */
            width: calc(100% + 40px);  /* 撐大範圍 */
            height: calc(100% + 40px); /* 撐大範圍 */
            background-image: 
                url("../img/bg_price_sticky.png"),
                url("../img/bg_price_sticky.png");
            background-repeat: no-repeat, no-repeat;
            background-size: 80px auto, 80px auto;
            background-position: right top, left bottom;
            z-index: 2;
            pointer-events: none;
        }
        /* 第三區塊陰影 */
        .box_shadow {
            box-shadow: 5px 5px 10px -6px #222;
        }
        /* 區塊(標題) */
        .block-title {
            position: absolute;
            top: -65px;
            left:-15px;
            margin-bottom: 30px;
            z-index: 1;
        }
        .block-title img {
            max-width: 100%;
            height: auto;
        }
        .desktop_bg_price {
            width: 100%;
            height: auto;
        }
        .laptop_bg_price {
            display: none;
        }
        @media screen and (max-width: 720px) {
            .desktop_bg_price {
                display: none;
            }
            .laptop_bg_price {
                display: inline-block;
                width: 100%;
                height: auto;
                margin-bottom: 3rem;
            }
            .box_shadow {
                box-shadow: none;
            }
        }
        /* 區塊(側標) */
        .bg_left::before {
            content: "";
            position: absolute;
            top: 40px;
            left: -40px;
            width: 47px;
            height: 180px;
            background-image: url("../img/bg_price_left.png");
            background-size: contain;
            background-repeat: no-repeat;
            z-index: 1;
        }

        .Bgcolor_gray {
            background-color: #dedfe0; /* 內框背景色 */
        }
        /* 摺痕效果 */
        .block-flex-inline2::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 3px;           /* 陰影厚度 */
            background: linear-gradient(
                to right,
                transparent 0%,
                #c7c7c7 50%,
                transparent 100%
            );
            pointer-events: none;
        }
        /* 連接扣效果 */
        .block-flex-inline2::after {
            content: "";
            position: absolute;
            top: 0;
            transform: translate(0, -50%);
            left: 0;
            width: 100%;
            height: 60px;
            background-image: 
                url("../img/bg_price_Origami_single.png"),
                url("../img/bg_price_Origami_single.png"); /* 放兩次 */
            background-repeat: no-repeat, no-repeat;
            background-size: contain, contain;
            background-position: 25% center, right 25% center; /* 兩個位置 */
            z-index: 1;
        }
        
        .block-flex-inline .col6 {
            flex: 1 1 40%;
            width: 40%;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #dedfe0; /* 內框背景色 */
            /* 內框 */
            /* border: 5px solid #513b2f;  */
            box-sizing: border-box;
            color: #513b2f;
            position: relative;
            margin: 1rem 0;
        }
        .block-flex-inline .col6.mainblock {
            flex: 1 1 100%;
            width: 50%;
            display: flex;
            flex-wrap: wrap;
        }
        .mainblock div {
            align-self: stretch;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            /* 內框 */
            /* border: 5px solid #513b2f; */
            width: 40%;
        }
        .block-flex-inline2 {
            display: flex;
            flex-wrap: wrap;
            height: 200px;
            background-color: #dedfe0; /* 內框背景色 */
            position: relative;
        }
        .block-flex-inline2 .col6-bottom3 {
            flex: 1 1 33.3%;
            width: 50%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background-color: #dedfe0; /* 內框背景色 */
            /* 內框 */
            /* border: 5px solid #513b2f; */
            box-sizing: border-box;
            color: #513b2f;
            position: relative;
            margin: 1rem 0;
            padding: 0 1rem;
        }

        @media screen and (max-width: 720px) {
            /* 區塊(側標) */
            .bg_left::before {
                content: "";
                position: absolute;
                top: -2rem;
                left: 0;
                width: 150px;
                background-image: url("../img/bg_price_smallleft.png");
                background-size: contain;
                background-repeat: no-repeat;
                z-index: 1;
            }
            .block-flex-inline {
                flex-direction: row;
                height: auto;
            }
            .block-flex-inline .col6 {
                flex: 1 1 auto;
                width: 100%;
                display: flex;
                flex-direction: column;
                border: none;
            }
            .block-flex-inline .col6.mainblock {
                flex-direction: column;
                width: 100%;
            }
            .mainblock div {
                border: none;
                width: 100%;
            }
            .block-flex-inline2 {
                display: flex;
                flex-wrap: wrap;
                height: auto;
                background-color: transparent; /* 內框背景色 */
            }
            .block-flex-inline2 .col6-bottom3 {
                flex: 1 1 auto;
                width: 100%;
                border: none;
            }
        }

        .col6 img, .col6-bottom3 img {
            width: 100px;
            height: auto;
        }
        .col6 div:nth-child(1) img, .col6 div:nth-child(2) img {
            width: 150px;
            height: auto;
        }
        .block-flex-inline img, .block-flex-inline2 img {
            margin: 1rem;
        }

        /* 虛線效果 */
        .col6:nth-child(1), .col6-bottom3:nth-child(1), .col6-bottom3:nth-child(2) {
            border: none;
            background: 
                repeating-linear-gradient(
                to bottom, /* 條紋沿著水平方向 */
                #513b2f 0 20px, /* 每次循環的前 __px 塗滿顏色 */
                transparent 20px 40px /* 接下來的 10px 是透明，結果 = __px 線條 + __px 空隙，重複不斷 */
                ) right/3px 80% no-repeat;/* 把背景圖放到__位置。背景圖大小是「整個元素寬度 × 高度 __px」 */
        }
        .col6:nth-child(2) {
            border: none;
            background: 
                repeating-linear-gradient(
                to right,
                #333 0 20px,
                transparent 20px 40px
                ) bottom/80% 3px no-repeat;
        }
        /* 1-6號碼 */
        .col6:nth-child(1)::before {
            content: "";
            position: absolute;
            top: 1rem;
            left: 1rem;
            width: 50px;
            height: 50px;
            background-image: url("../img/plan01_number.png");
            background-size: contain;
            background-repeat: no-repeat;
        }
        .col6:nth-child(2)::before {
            content: "";
            position: absolute;
            top: 1rem;
            left: 1rem;
            width: 50px;
            height: 50px;
            background-image: url("../img/plan02_number.png");
            background-size: contain;
            background-repeat: no-repeat;
        }
        .col6:nth-child(3) {
            margin-top: 0;
        }
        .col6:nth-child(3)::before {
            content: "";
            position: absolute;
            top: 1rem;
            left: 1rem;
            width: 50px;
            height: 50px;
            background-image: url("../img/plan03_number.png");
            background-size: contain;
            background-repeat: no-repeat;
        }
        .col6-bottom3:nth-child(1)::before {
            content: "";
            position: absolute;
            top: 1rem;
            left: 1rem;
            width: 50px;
            height: 50px;
            background-image: url("../img/plan04_number.png");
            background-size: contain;
            background-repeat: no-repeat;
        }
        .col6-bottom3:nth-child(2)::before {
            content: "";
            position: absolute;
            top: 1rem;
            left: 1rem;
            width: 50px;
            height: 50px;
            background-image: url("../img/plan05_number.png");
            background-size: contain;
            background-repeat: no-repeat;
        }
        .col6-bottom3:nth-child(3)::before {
            content: "";
            position: absolute;
            top: 1rem;
            left: 1rem;
            width: 50px;
            height: 50px;
            background-image: url("../img/plan06_number.png");
            background-size: contain;
            background-repeat: no-repeat;
        }
        
        @media screen and (max-width: 720px) {
            .col6:nth-child(1), .col6-bottom3:nth-child(1), .col6-bottom3:nth-child(2) {
                border: none;
                background: none;
                background-color: #dedfe0;
            }
            .col6:nth-child(2) {
                border: none;
                background: none;
                background-color: #dedfe0;
            }
            .col6:nth-child(1)::before {
                width: 40px;
                height: 40px;
            }
            .col6:nth-child(2)::before {
                width: 40px;
                height: 40px;
            }
            .col6:nth-child(3)::before {
                width: 40px;
                height: 40px;
            }
            .col6-bottom3:nth-child(1)::before {
                width: 40px;
                height: 40px;
            }
            .col6-bottom3:nth-child(2)::before {
                width: 40px;
                height: 40px;
            }
            .col6-bottom3:nth-child(3)::before {
                width: 40px;
                height: 40px;
            }
        }

        .block-flex-inline .col6 p, .block-flex-inline2 .col6-bottom3 p {
            text-align: center;
        }
        .align-start {
            align-self: flex-start;
        }
        /* 折角效果 */
        .card-corner {
            position: relative;
            /* box-shadow: 0 6px 18px rgba(0,0,0,0.12); */
            overflow: hidden;
        }
        .folded-corner {
            position: absolute;
            right: 0;
            bottom: 0;
            width: 150px;   /* 折角大小 */
            height: 150px;
            pointer-events: none;
        }

        @media screen and (max-width: 720px) {
            .folded-corner {
                width: 0;   /* 折角大小 */
                height: 0;
            }
        }