您的瀏覽器不支援JavaScript功能，若網頁功能無法正常使用時，請開啟瀏覽器JavaScript功能

金融友善服務專區

:::

請選擇您想要使用的功能

帳戶服務

用戶代號變更

理財密碼變更

外匯匯率牌告表

利率查詢

活期性存款利率
定期性存款利率
定期儲蓄存款利率

大額定期存款利率
大額定期儲蓄存款利率
臺幣放款利率
外幣存放款利率

:::

html, body { font-size: 16px; } body { max-width: 1440px; margin: 0 auto !important; background: #E8E8E8 !important; box-shadow: 0 0 10px rgba(0, 0, 0, .4); font-family: Arial, Microsoft JhengHei !important; } .notice { position: fixed; top: 0; left: 0; right: 0; z-index: 10; text-align: center; color: #FFFFFF; background: #e2221a; } .guide_point { text-decoration: none; font-size: 1rem; color: #696B7A; margin-right: 5px; } .guide_point.white { color: #FFFFFF; } header { position: fixed; top: 0; left: 0; right: 0; z-index: 5; border-top: 9px solid #E2231A; background: #FFFFFF; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); padding: 1.5em 4em 15px; } header .get-main-btn { position: absolute; top: 1px; left: 2px; display: block; color: transparent; border: none; background-color: transparent; outline: none; } header .guide_point { display: inline-block; vertical-align: bottom; margin: 0 0 0.6em 0; } header div.short { width: calc(100% - 22em); display: inline-block; vertical-align: top; } header div .logo { height: 45px; vertical-align: text-bottom; cursor: pointer; } header div h1 { display: inline-block; vertical-align: text-bottom; font-size: 1.125rem; font-weight: normal; letter-spacing: 3px; color: #333333; margin: 0 0.5em; } header ul { display: inline-block; vertical-align: bottom; list-style: none; margin: 0.5em 0; padding: 0; } header ul li { display: inline-block; vertical-align: middle; margin: 0; } header ul li:not(:nth-last-of-type(1)):after { content: '|'; vertical-align: text-bottom; font-size: 1rem; color: #ACACAC; margin-left: 0.5em; } header ul li a { text-decoration: none; font-size: 1rem; color: #333333; } header ul li a:hover, header ul li a:focus { text-decoration: underline; font-size: 1rem; color: #CB231D; } header .login { position: absolute; top: 0; bottom: 0; right: 3.5em; font-size: 1.250rem; color: #FFFFFF; background: url(assets/images/icon_login.png) no-repeat bottom left 0.5em #CB231D; background-size: 3em; cursor: pointer; margin: 0; padding: 1.5em 1em 1em 3.5em; } header + section { min-height: calc(100vh - 94px - 132px); background: #F8F9FB; margin-top: 94px; padding: 2em 4em; } .container .func_title { margin-bottom: 1em; } .container .func_title h2 { display: inline-block; vertical-align: middle; font-size: 1.250rem; font-weight: normal; margin: 0; } .container .row { display: flex; flex-wrap: wrap; } .container .row .col { position: relative; max-width: calc(50% - 12.5em); flex-grow: 0; flex-shrink: 0; flex-basis: calc(50% - 12.5em); background: #FFFFFF; box-shadow: 0 3px 6px rgba(0, 0, 0, .16); cursor: pointer; margin: 1em 1.5em; padding: 2em 2em 2em 7.5em; } .container .row .col p { font-size: 1rem; color: #ACACAC; margin: 0; } .container .row .col h3 { font-size: 1.286rem; font-weight: bold; margin: 0; } .container .row .col::before { content: ''; position: absolute; top: -100%; bottom: -100%; left: 2em; width: 4.5em; height: 4.5em; background: no-repeat center; background-size: cover; margin: auto; } .container .row .col::after { content: ''; position: absolute; bottom: -25px; left: 0; right: 0; z-index: 0; width: 100%; height: 25px; background: url(assets/images/shadow.png) no-repeat bottom center; background-size: cover; opacity: 0.5; } .container .row .col:nth-of-type(1)::before { background-image: url(assets/images/icon_service.png); } .container .row .col:nth-of-type(2)::before { background-image: url(assets/images/icon_account.png); } .container .row .col:nth-of-type(3)::before { background-image: url(assets/images/icon_password.png); } .container .row .col:nth-of-type(4)::before { background-image: url(assets/images/icon_exchange.png); } .container .row .col:nth-of-type(5)::before { background-image: url(assets/images/icon_interest.png); } .container .row .interest_list { position: relative; width: calc(50% - 7em); display: block; border: 1px solid transparent; border-width: 1px 0 0 0; border-image: linear-gradient(to right, #FFFFFF 2em, #E8E8E8 2em, #E8E8E8 calc(100% - 2em), #FFFFFF calc(100% - 2em)); border-image-slice: 1; background: #FFFFFF; box-shadow: 0 3px 6px rgba(0, 0, 0, .16); margin: -1em calc(50% + 1.5em) 0 1.5em; padding: 1em 2em 1.5em; } .container .row .interest_list ul { width: calc(50% - 1em - 5px); display: inline-block; vertical-align: top; text-align: left; list-style: none; margin: 0; padding: 0 0 0 1em; } .container .row .interest_list ul li { font-size: 1rem; font-weight: bold; color: #696B7A; padding: 0.2em 0; cursor: pointer; } .container .row .interest_list ul li::before { content: "-"; padding-right: 5px; } .container .row .interest_list::after { content: ''; position: absolute; bottom: -25px; left: 0; right: 0; z-index: 0; width: 100%; height: 25px; background: url(assets/images/shadow.png) no-repeat bottom center; background-size: cover; } footer { position: relative; font-size: 14px; color: #FFFFFF; background: #E2231A; padding: 1.5em 4em; } footer > div { padding-right: 110px; } footer .guide_point { position: absolute; } footer p { display: inline-block; vertical-align: text-top; margin: 0; padding-left: 20px; } footer img { position: absolute; top: 2em; right: 4em; width: 100px; } @media only screen and (min-width: 1440px) { header { width: calc(1440px - 8em); margin: auto; } } @media only screen and (max-width: 1120px) { .container .row .interest_list ul { width: calc(100% - 1em); } } @media only screen and (max-width: 865px) { header div.short { width: calc(100% - 21.5em); } header div h1 { width: 5em; margin-right: 0; } } @media only screen and (max-width: 768px) { html, body { font-size: 14px; } header { border-top-width: 4px; padding-bottom: 10px; } header .guide_point, header ul { display: none; } header div { width: calc(100% - 15em); } header div .logo { height: 35px; } header div h1 { display: none; } header .login { background-image: none; padding: 1.3em 1em; } header + section { min-height: calc(100vh - 70px - 132px); margin-top: 70px; padding: 2em 3em; } .container .row .col { max-width: calc(100% - 12.5em); flex-basis: calc(100% - 12.5em); } .container .row .interest_list { width: calc(100% - 7em); margin: -1em 0 0 1.5em; } footer > div, p { padding: 0; } footer p span, footer a, footer img { display: none; } } @media only screen and (max-width: 480px) { html, body { font-size: 12px; } header { padding: 1.5em 2em 10px; } header .login { right: 1em; padding: 1.5em 1em; } header + section { min-height: calc(100vh - 67px - 132px); margin-top: 67px; padding: 2em; } .container .row .interest_list ul li { font-size: 1.125rem; } footer { font-size: 12px; padding: 1.5em 2em; } }