:root {
    --page-content-bg: #e7e6ea; /* 頁面內容背景 */

    --font-size-base: 1.6rem; /* 字體基準 */
    --font-size-sm: 1.4rem;
    --font-size-lg: 1.8rem;
    --font-size-funcbar: 2.2rem; /* 功能標題 */
    --font-size-icon: 1.4rem; /* 表單元素的icon */

    --funcbar-color: #018891; /* 功能列文字顏色 */

    --form-label-bgcolor: transparent; /* form label */
    --form-border: 0px solid #767676; /* form border */

    --grid-head-bgcolor: #d8eaf7; /* grid head */
    --grid-row-even-bgcolor: #f3f4f6; /* grid row even */
    --grid-row-hover-bgcolor: #fdfbe4; /* grid row hover*/
    --grid-border: 1px solid #767676; /* grid border */
    --grid-cell-text-align: left; /* grid cell text-align */

    --submenu-bgcolor: #ffffff;
    --submenu-border: 1px solid #ccc; /* submenu border */
    --submenu-hover-bgcolor: #0a5b81;
    --submenu-hover-color: #fff;

    --portlet-title-bg: #f3fbfc; /* portlet title */
    --portlet-title-color: #018891; /* portlet title color */

    --tf-bhead-bg: #2e648d; /* tf-bhead */
    --tf-bhead-color: #fff; /* tf-bhead */
    --tf-control-border: 1px solid #767676; /* textfield control border */    
    --tf-label-required-color: #dc3545; /* textfield required color */
    --tf-help-color: #1e7fd8; /* textfield help color */

    --modal-header-bg: #019099; /* modal header */
    --modal-content-bg: #fff; /* modal header */
    --modal-footer-bg: #f2f8f9; /* modal footer */
    
    --menu-header-bg: transparent !important; /* 選單標題背景 */
    --menu-header-color: #000; /* 選單標題色 */
    --menu-color: #000; /* 選單文字色 */

    --tabs-header-bg: #fff; /* 頁簽標題背景 */
    --line-pink: url("data:image/svg+xml;charset=utf-8,%3Csvg preserveAspectRatio='none' width='120' height='6' viewBox='0 0 120 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M119 0.8C60 4 50-0.5 1 1.5' stroke='%23cf4c8c' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");

    --page-header-height: 70px; /* 頁首高度 */
    --page-sidebar-width: 240px; /* 選單寬度 */
}