@charset "utf-8";

:root {
    /* --- 字體設定 --- */
    --font-main: "微軟正黑體", "Microsoft JhengHei", Arial, Geneva, sans-serif;

    /* --- 品牌主色系 (Teal/Blue Green) --- */
    --color-primary: #34bcbc;       /* 主要連結、圖示 */
    --color-primary-hover: #009999; /* 連結懸停、按鈕背景 */
    --color-primary-dark: #1d6161;  /* 按鈕深色懸停 */
    --color-accent: #34bcbc;        /* 回頂端按鈕 */
    --color-accent-hover: #43c8c8;  /* 回頂端按鈕懸停 */

    /* --- 輔助藍色系 --- */
    --color-smart-talk: #0fa6e7;    /* 智能客服藍 */

    /* --- 文字顏色 --- */
    --text-main: #323232;
    --text-dark: #000000;
    --text-white: #ffffff;
    --text-gray-dark: #4C4C4C;

    /* --- 背景顏色 --- */
    --bg-white: #ffffff;
    --bg-light: #f8f8f8;            /* Navbar 背景 */
    --bg-gray-1: #f8f9fa;           /* Topstrip 背景 */
    --bg-footer-mid: #D0D0D0;
    --bg-footer-dark: #575757;

    /* --- 功能性顏色 --- */
    --color-stock-up: #d13438;      /* 漲 (紅) */
    --color-stock-down: #107c10;    /* 跌 (綠) */
    --border-gray: #dee2e6;
}

/****************** 基本 ******************/
*{  
    font-family: var(--font-main);
     /* outline: 1px solid #f11a1a; */
} 
body {
    font-size: 17px;    
    font-weight: 400;
    line-height: 1.8;
    color: var(--text-main);
    background-color: var(--bg-white);
    height: 100%;
    position: relative;
    overflow-x: hidden !important;
}

img{
    max-width: 100%;
}

a{
    text-decoration: none !important;
    color: var(--color-primary);
}

a:hover{
    color: var(--color-primary-hover);
}

.btn.btn-primary{
    background-color: var(--color-primary-hover);
    border: var(--color-primary-hover) 1px solid;
}

.btn.btn-primary:hover{
    background-color: var(--color-primary-dark);
    border: var(--color-primary-dark) 1px solid;
}

.form-label{
    color: var(--color-primary-hover);
    font-weight: 600;
}


/****************** Utility ******************/
.visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.textCenter {
    justify-content: center;
}
/*target錨點定位*/
        
.target-fix {
    position: relative;
    top: 0px;
    display: block;
    height: 0;
    overflow: hidden;
}
@media screen and (max-width: 992px){
    .target-fix {
        top: -55px;
    }
}
/*-----------------------------*/