.pt_menu {
	    margin-bottom: 4rem;
	    margin-left:1rem;
	    margin-top: 0.75rem;
}
.pt_menu ul {
    width: max-content;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.pt_menu ul li {
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
    left: -10px;
    margin-top: 5px; 
}

.pt_menu ul li .pt_a1 {
    background-color: #fd6700;
}
.pt_menu ul li .pt_a2 {
    background-color: #eee;
}
.pt_menu ul li span {
    width: 222px;
}
.pt_menu ul li span {
    width: 137px;
    text-align: center;
    height: 23px;
    padding-top: 2px;
    display: block;
    float: left;
    font-size: 13px;
}
.pt_act {
    color: #fff;
    font-weight: bold;
}
.pt_menu ul li i {
    position: relative; /* 確保能移動 */
    align-self: center; /* 確保和文字高度對齊 */
    width: 15px;
    height: 23px;
    display: inline-block; /* 確保能保持大小 */
}
.pt_b1 {
    background: url(/mAnaGEr/stylesheets/images/nav_bg.png) no-repeat 0 -2px;
}
.pt_b2 {
    background: url(/mAnaGEr/stylesheets/images/nav_bg.png) no-repeat -23px -2px;
}
.pt_b3 {
    background: url(/mAnaGEr/stylesheets/images/nav_bg.png) no-repeat -60px -2px;
}
.pt_c1 {
    background: url(/mAnaGEr/stylesheets/images/nav_bg.png) no-repeat -2px -27px;
}
.pt_b4 {
    background: url(/mAnaGEr/stylesheets/images/nav_bg.png) no-repeat -39px -2px;
}
.pt_menu ul li .pt_a3 {
    background-color: #fee6b9;
    color: #f60;
}
.btn-outline-azure {
    color: #18adda;
    border: solid 1px;
      border-top-color: currentcolor;
      border-right-color: currentcolor;
      border-bottom-color: currentcolor;
      border-left-color: currentcolor;
    border-color: #18adda;
}
.border-2 {
    border: 2px solid #dee2e6 !important;
    border-radius: 3%;
    box-shadow: 4px 4px 16px rgba(0,0,0,0.2);
}   



/* 手機模式 (max-width: 847px) */
@media (max-width: 847px) {
    .pt_menu ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 5px;
        justify-content: center;
        align-items: center;
        padding: 0;
        margin: 0 auto;
    }

    .pt_menu ul li {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        box-sizing: border-box;
        padding: 0;
        text-align: center;
        position: relative;
        background: none !important;
    }

    .pt_menu ul li span {
        display: inline-block;
        height: 23px;
        line-height: 23px;
        font-size: 13px;
        text-align: center;
        white-space: nowrap;
        padding: 0 10px;
        position: relative;
    }

    /* 讓步驟的背景色與大於 847px 時相同 */
    .pt_menu ul li .pt_a1 { background-color: #fd6700 !important; }
    .pt_menu ul li .pt_a2 { background-color: #eee !important; color: #000 !important; }
    .pt_menu ul li .pt_a3 { background-color: #fee6b9 !important; color: #f60 !important; }

    /* 只有當前步驟 (`.pt_act`) 顯示橘色背景與箭頭 */
    .pt_menu ul li .pt_act {
        font-weight: bold;
        background-color: #fd6700 !important; /* 橘色背景 */
        color: #fff !important; /* 白色文字 */
    }

    /* 其他步驟保持灰色背景與正方形 */
    .pt_menu ul li span:not(.pt_act) {
        background-color: #eee !important; /* 灰色背景 */
        color: #000 !important;
    }

    .pt_menu ul li span::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 99.5%;
        transform: translateY(-50%);
        width: 12px;
        height: 24px;
    }

    .pt_menu ul li .pt_act::after {
        clip-path: polygon(100% 50%, 0 0, 0 100%); /* 橘色箭頭 */
        background-color: #fd6700;
    }

    .pt_menu ul li span:not(.pt_act)::after {
        background-color: #eee; /* 灰色正方形 */
    }

    .pt_menu ul li i { background: none !important; }
}