凱基證券 WebCall

/* CSS reset & load bcg-img */ * { margin: 0; padding: 0; box-sizing: border-box; } html { background-image: url(./images/bg1.svg); background-repeat: no-repeat; background-size: 100vw 100vh; background-color: #00347F; } a { color: var(--primaryFontColor); } /* 自訂變數 */ :root { --primaryFontColor: #ffffff; --secondaryFontColor: rgb(0, 0, 0); --highightFontColor: orange; } /* 頂端提示 */ .topMenu img { width: 100%; } @media screen and (min-width: 576px) { .topMenu img { max-height: 80px; } } /* 頂端提示訊息彈窗 */ .topContent { width: 100%; position: absolute; top: -100%; background-color: white; transition: 0.5s; } .showTopContent { top: 0; } .contentStickTop { padding: 10px; } .contentStickTop p { font-weight: bold; } .contentStickTop img { margin: 0 5px 0 5px; width: 16px; height: 16px; } .contentBox { padding-left: 15px; padding-right: 15px; } .borderBox { display: flex; justify-content: start; align-items: center; color: var(--highightFontColor); border-bottom: 1px solid gray; } /* 不顯示底線 */ .removeBottomLine { border-bottom: unset; } .borderBox p { padding: 10px; } .contentIcon img { padding: 5px; display: block; width: 30px; height: 30px; } .topContentArrow { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 45px; height: 25px; clip-path: polygon(50% 100%, 0 0, 100% 0); background-color: rgb(255, 255, 255); } .topContentArrow img { display: block; margin: auto; width: 20px; height: 20px; } /* 導覽列 */ .navBar { display: flex; justify-content: space-between; align-items: center; } .kgiLogo { width: 30%; padding-left: 15px; display: flex; justify-content: start; align-items: center; } @media screen and (min-width: 576px) { .kgiLogo { width: 200px; } } .kgiLogo img { display: block; width: 100%; } /* 操作說明圖示 */ .infoIcon { width: 30%; } @media screen and (min-width: 576px) { .infoIcon { width: 150px; } } .infoIcon img { height: 30px; margin-left: auto; display: block; } /* 操作說明彈窗 */ .instructionModal { display: none; opacity: 0; visibility: 0; position: absolute; width: 90%; top: 40%; transform: translateY(-50%); left: 0; right: 0; margin: auto; border-radius: 10px; background-color: white; transition: .3s; z-index: 1; } @media screen and (min-width: 576px) { /* 操作說明彈窗 */ .instructionModal { max-width: 400px; } } .instructionModal.active { display: block; opacity: 1; visibility: 1; top: 50%; } .modalHead { position: relative; padding: 15px; border-radius: 10px 10px 0 0; background-color: rgb(96, 152, 225); } .modalHead h3 { font-weight: bold; text-align: center; color: var(--primaryFontColor); } .modalClose { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; width: 20px; height: 20px; border: none; background-color: transparent; } .modalClose img { width: 20px; height: 20px; display: block; filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .steps, .warning { padding: 15px; } .steps h4, .warning h4 { color: rgb(30, 78, 139); font-weight: bold; } .steps h4 { text-align: center; padding-bottom: 10px; } .steps ol { list-style-position: outside; padding-left: 15px; color: rgb(96, 152, 225); } .steps li { padding-bottom: 10px; } .steps li span { color: var(--secondaryFontColor); font-weight: bold; } .warning h4 { position: relative; text-align: center; width: fit-content; margin: auto; } .warning h4::before { position: absolute; bottom: 0; left: -30px; content: ''; background-image: url('./images/atticon1.svg'); background-repeat: no-repeat; background-size: 25px 25px; width: 25px; height: 25px; } /* 瀏覽器檢查 */ .notSupportIcon { padding-top: 25px; } .notSupportIcon img { display: block; margin: auto; width: 20%; } @media screen and (min-width: 576px) { .notSupportIcon img { width: 100px; } } .noteTitle, .noteText { color: white; } .noteTitle { padding-top: 50px; text-align: center; font-weight: bold; font-size: 20px; } .noteText { text-align: center; font-size: 16px; padding-top: 25px; padding-left: 80px; padding-right: 80px; line-height: 1.8rem; } /* 不顯示撥號鍵盤時貼齊下緣 */ .alignBottom { position: absolute; bottom: 15px; left: 0; right: 0; margin: auto; } .callServiceBtn { display: block; margin: auto; width: 100%; max-width: 80px; max-height: 80px; border-radius: 50%; border: none; } .callServiceBtn img { display: block; width: 100%; } topMenu

歡迎您蒞臨凱基網路電話(Web Call)服務，本服務無須輸入客服電話，按下即可接通客服專員。

請開啟喇叭(或裝上「耳機」)及「麥克風」

請留意網路順暢性

若遇客服中心忙線時段，建議使用「智能客服」。文字對談簡單又快速

操作說明

操作步驟

請裝置好麥克風及喇叭(或耳機)。
請點選綠色「通話」鍵，系統將自動為您接通，雙方開始通話。
通話結束請點選紅色「結束」鍵，雙方結束通話。

注意事項

請使用瀏覽器 Chrome、Edge、Safari、Firefox以上最新版本，以避免無法正常操作。
若您一直響鈴無法通話，可能因為網路安全限制（例如防火牆阻擋），建議您改用一般電話或手機撥打 (02)2389-0088，0800-085-005通話，或改用文字交談功能。

本系統不支援您使用的瀏覽器建議改用Chrome或Safari瀏覽器後再重新操作