header{   }
#Logo{position:absolute;left:0px;top:10px;}
#HeadTopMenu{position:absolute;left:336px;top:42px;}
@media screen and (max-width:1200px){#HeadTopMenu{position:fixed;left:0px;top:0px;}}
#banner{position:absolute;left:px;top:px;width:100px;height:auto}
#Footer {
    background-image: url(/uploads/images/o_230309155851.jpg);
    background-repeat: repeat;
}

#HeadTopMenu .sub_menu_item a {
    color: #000000;
}


/* =========================================
   新加入：100% 穩定、零漏色、高相容購物按鈕（極簡扁平無陰影版）
   ========================================= */

.my-buy-btn {
    /* 1. 基礎排版與強制設定 */
    display: inline-block !important;
    position: relative !important;
    padding: 10px 33px !important; /* 完美比例間距 */
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
    text-align: center !important;
    border-radius: 50px !important; /* 膠囊型圓角 */
    overflow: hidden !important;

    /* 預設狀態：曜石黑文字與曜石黑邊框 */
    color: #ffffff !important;
    border: 2px solid #1e272e !important;

    /* 2. 300% 寬度無死角背景漸層
       左側 35% 為純白，右側 38%~100% 為曜石黑。
       中間保留 3% 的漸變緩衝，防止色塊交界出現鋸齒。
    */
    background-image: linear-gradient(to right, #ffffff 35%, #1e272e 38%) !important;
    background-size: 350% 350% !important;
    background-position: 100% center !important; /* 預設完全定位在右側曜石黑安全區 */

    /* 3. 極速過渡動畫 (已移除陰影過渡，僅保留背景與色彩變化) */
    transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1) !important; 
}

/* =========================================
   滑鼠懸停效果 (Hover)
   ========================================= */

.my-buy-btn:hover {
    /* 將背景推到最左側，完全露出左側的白色區域（由左至右刷過去） */
    background-position: 0% center !important;

    /* 文字極速變黑，邊框維持曜石黑 */
    color: #1e272e !important; 
    border-color: #1e272e !important; 
}