/*2025/12 For無障礙用的css檔案*/
/*
    <div class="divGroup">
        <div class="divLabel">
        </div>
        <div class="divInputGroup">
        </div>
        <span class="errormsg" id=""></span>
</div>

*/


:root {
    /*--文字設定--*/
    /*全站設定*/
    --yk-font-family: 'Helvetica','Noto Sans TC','Microsoft JhengHei'; /*全站預設文字字型*/
    --yk-body-color: var(--yk-black); /*全站預設文字色*/
    --yk-font-size-xxl: 1.5rem; /*全站預設字級-最大xxl*/
    --yk-font-size-xl: 1.3rem; /*全站預設字級-次大xl*/
    --yk-font-size-l: 1.2rem; /*全站預設字級-大l*/
    --yk-font-size-m: 1rem; /*全站預設字級-中m*/
    --yk-font-size-sm: 0.85rem; /*全站預設字級-小sm*/
    --yk-font-size-xs: 0.5rem; /*全站預設字級-極小xs*/
    --yk-linehight-compact: 1;
    --yk-linehight-default: 1.5;
    --yk-linehight-loose: 2;
    /*系統配色*/
    --yk-base-color: #966528; /*預設系統主色*/
    --yk-base-hovercolor: #79511E; /*預設系統主色HOVER懸浮色*/
    --yk-base-textcolor: #FFFFFF; /*預設系統主色文字色*/

    --yk-sub-color: #0A4027; /*預設系統輔助色*/
    --yk-sub-textcolor: #FFFFFF; /*預設系統輔助文字色*/
    --yk-sub-hovercolor: #107449; /*預設系統輔色HOVER懸浮色*/
    --yk-sub-bgcolor: #F2F1F0; /*預設系統輔色背景色*/
    --yk-body-bg: #F2F1F0; /*前台預設背景色*/
    --yk-popup-bg: #FFFFFF;
    --yk-select-color: #EDE9E5; /*預設系統選取色*/

    --yk-disabled: #646869; /*預設禁用色*/
    --yk-success: var(--yk-green); /*預設成功色*/
    --yk-danger: var(--yk-red); /*預設危險色*/
    --yk-danger-hover: var(--yk-red-hover); /*預設危險色HOVER*/
    --yk-warnig: var(--yk-yellow); /*前台預設醒目色*/
    --yk-black: #000000; /*前台預設黑色*/
    --yk-white: #FFFFFF; /*前台預設白色*/
    --yk-gray: #AAAAAC; /*前台預設灰色*/
    --yk-light-gray: hsl(0,0%,96.5%); /*前台預設淺灰色*/
    --yk-dark-gray: #5c636a; /*前台預設深灰色*/
    --yk-red: #dc3545; /*預設紅色*/
    --yk-red-hover: #bb2d3b; /*預設紅色HOVER*/
    --yk-pink: #FF849B; /*預設粉紅色*/
    --yk-pink-hover: #F78F8F; /*預設粉紅色HOVER*/
    --yk-orange: #fd7e14; /*預設橘色*/
    --yk-yellow: #F9C80E; /*預設黃色*/
    --yk-green: #48BF84; /*預設綠色*/
    --yk-blue: #0d6efd; /*預設藍色*/
    --yk-purple: #6f42c1; /*預設紫色*/
    /*圖示清單*/
    --yk-app-img: url('../App_Themes/Default/ico/ico_apps.svg'); /*預設功能清單圖示*/
    --yk-openmenu-img: url('../App_Themes/Default/ico/ico_menu.svg'); /*預設開啟選單圖示*/
    --yk-closemenu-img: url('../App_Themes/Default/ico/ico_close.svg'); /*預設關閉選單圖示*/
    --yk-login-img: url('../App_Themes/Default/ico/ico_login.svg'); /*預設登入圖示*/
    --yk-logout-img: url('../App_Themes/Default/ico/ico_logout.svg'); /*預設登出圖示*/
    --yk-arrow-img: url('../App_Themes/Default/ico/ico_arrow.svg'); /*預設箭頭圖示*/
    --yk-date-img: url('../App_Themes/Default/ico/ico_date.svg'); /*預設日期圖示*/
    --yk-search-img: url('../App_Themes/Default/ico/ico_search.svg'); /*預設查詢圖示*/
    --yk-warnig-img: url('../App_Themes/Default/ico/ico_warnig.svg'); /*預設警示圖示*/
    --yk-info-img: url('../App_Themes/Default/ico/ico_info.svg'); /*預設提示圖示*/
    --yk-img-img: url('../App_Themes/Default/ico/ico_img.svg'); /*預設IMG圖示*/
    --yk-pdf-img: url('../App_Themes/Default/ico/ico_pdf.svg'); /*預設PDF圖示*/
    --yk-Excel-img: url('../App_Themes/Default/ico/ico_Excel.svg'); /*預設Excel圖示*/
    --yk-word-img: url('../App_Themes/Default/ico/ico_word.svg'); /*預設word圖示*/
    --yk-warnig-img: url('../App_Themes/Default/ico/ico_warnig.svg'); /*預設警示圖示*/
    /*標題設定*/
    --yk-h1-color: var(--yk-base-color);
    --yk-h2-color: var(--yk-base-color);
    --yk-h3-color: var(--yk-sub-color);
    --yk-h4-color: var(--yk-body-color);
    /*Header設定*/
    --yk-f-header-position: relative; /*前台預設Header位置，可用數值：fixed/relative*/
    --yk-f-header-bg: linear-gradient(130deg, #FFFFFF 65%, #e4c196 65.2%, #b8956a 70%, #856B4B 100%); /*前台預設Header背景顏色*/
    --yk-f-menu-align: center; /*前台預設對齊位置，可用數值：left/center/right*/
    --yk-MainMenu-rwd-marginleft: var(--yk-gutters-m);
    --yk-AsideMenu-openmenu-img: var(--yk-openmenu-img); /*預設開啟導覽選單圖示*/
    --yk-AsideMenu-closemenu-img: var(--yk-closemenu-img); /*預設關閉導覽選單圖示*/
    --yk-MainMenu-openmenu-img: var(--yk-openmenu-img); /*預設開啟功能選單圖示*/
    --yk-MainMenu-closemenu-img: var(--yk-closemenu-img); /*預設關閉功能選單圖示*/
    --yk-FloatMenu-openmenu-img: var(--yk-openmenu-img); /*預設開啟懸浮選單圖示*/
    --yk-FloatMenu-closemenu-img: var(--yk-closemenu-img); /*預設關閉懸浮選單圖示*/
    /*排版設定*/
    --yk-gutters-xxl: 3rem; /*預設物件間距-最大xxl*/
    --yk-gutters-xl: 2rem; /*預設物件間距-次大xl*/
    --yk-gutters-l: 1.5rem; /*預設物件間距-大l*/
    --yk-gutters-m: 1rem; /*預設物件間距-中m*/
    --yk-gutters-sm: 0.5rem; /*預設物件間距-小sm*/
    --yk-gutters-xs: 0.25rem; /*預設物件間距-極小xs*/
    --yk-box-shodow-float: 1.5rem 1.5rem 1rem rgba(0,0,0,0.3); /*預設物件陰影-浮動*/
    --yk-box-shodow-landed: 0 0.25rem 1rem -0.5rem rgba(0,0,0,0.15); /*預設物件陰影-降落*/
    --yk-box-shodow-foucus: 0 0.18rem 0.4rem rgba(217,167,106,0.3); /*預設物件陰影-inputfocus*/
    --yk-box-shodow-none: none; /*移除物件陰影*/
    --yk-pagewidth-full: calc(100vw - var(--yk-input-margin-right) * 6); /*預設頁面寬度-大於2040*/
    --yk-pagewidth-xxl: 90rem; /*預設頁面寬度-最大xxl*/
    --yk-pagewidth-xl: 85rem; /*預設頁面寬度-次大xl*/
    --yk-pagewidth-l: 75rem; /*預設頁面寬度-大l*/
    --yk-pagewidth-m: 51.5rem; /*預設頁面寬度-中m*/
    --yk-pagewidth-sm: 38rem; /*預設頁面寬度-小sm*/
    --yk-pagewidth-xs: 30rem; /*預設頁面寬度-極小xs*/
    --yk-pagewidth-mobile: 23rem; /*預設頁面寬度-手機*/
    --yk-pagehight: calc(100Vh - 11.5rem);
    /*預設動態*/
    --yk-transition-timing: ease-out;
    --yk-transition-duration: 0.5s;
    /*輸入框基本樣式 */
    --yk-text-weight-light: 200;
    --yk-text-weight-defult: 400;
    --yk-text-weight-heavy: 600;
    --yk-input-text-color: var(--yk-black);
    --yk-input-bg-color: #FCFCFC;
    --yk-input-margin-right: var(--yk-gutters-xl); /*控制一組表單元件的margin-right*/
    --yk-input-margin-bottom: var(--yk-gutters-m); /*控制一組表單元件的margin-bottom*/
    --yk-input-border-width: var(--yk-border-width-light); /*輸入框預設邊框寬度*/
    --yk-input-border-style: solid; /*輸入框預設邊框樣式，可用數值：none / solid / dashed / dotted / solid / double*/
    --yk-input-border-color: #9d9588; /*輸入框預設邊框顏色*/
    --yk-input-border-radius: 0.25rem; /*輸入框預設邊框圓角*/
    --yk-input-outline: none; /*none / var(--yk-border-width-defult) solid var(--yk-base-hovercolor)*/
    --yk-input-readolny-bg-color: transparent;
    --yk-input-readolny-border-color: transparent;
    --yk-cbstyle-inputdisplay: unset; /*-控制chechbox跟radioButton方塊顯示隱藏，可用數值：unset/none*/
    --yk-cbstyle-padding: unset; /*-控制chechbox跟radioButton的padding，可用數值：unset / var(--yk-gutters-xs) var(--yk-gutters-m) */
    --yk-cbstyle-margin: unset; /*-控制chechbox跟radioButton的margin，可用數值：unset / var(--yk-gutters-xs) var(--yk-gutters-m) */
    --yk-cbstyle-borderradius: none; /*-控制chechbox跟radioButton的邊框圓角，可用數值：none / var--yk-input-border-radius) / 數值 */
    --yk-cbstyle-borderwidth: none; /*-控制chechbox跟radioButton的邊框粗細，可用數值：none / var(--yk-input-border-width) / 數值 */
    --yk-cbstyle-borderstyle: none; /*-控制chechbox跟radioButton的邊框樣式，可用數值：none / var(--yk-input-border-style) 與系統設定相同 / dashed / dotted / solid / double */
    --yk-cbstyle-bordercolor: transparent; /*-控制chechbox跟radioButton的邊框顏色，可用數值：transparent / var(--yk-f-base-color) / #16進制色碼 */
    --yk-cbstyle-bgcolor: transparent; /*-控制chechbox跟radioButton的未選中時的背景色，可用數值：transparent / var(--yk-white) / #16進制色碼 */
    --yk-cbstyle-texctcolor: var(--yk-body-color); /*-控制chechbox跟radioButton的未選中時的文字色，可用數值：var(--yk-body-color) / #16進制色碼 */
    --yk-cbstyle-bgcolor-hover: transparent; /*-控制chechbox跟radioButton的hover時的背景色，可用數值：transparent / var(--yk-f-select-color) / #16進制色碼 */
    --yk-cbstyle-texctcolor-hover: var(--yk-body-color); /*-控制chechbox跟radioButton的hover時的文字色，可用數值：var(--yk-body-color) / #16進制色碼 */
    --yk-cbstyle-bgcolor-foucus: transparent; /*-控制chechbox跟radioButton的選中時的背景色，可用數值：transparent / var(--yk-f-base-color) / #16進制色碼 */
    --yk-cbstyle-texctcolor-foucus: var(--yk-body-color); /*-控制chechbox跟radioButton的選中時的文字色，可用數值：var(--yk-body-color) / var(--yk-base-color) / #16進制色碼 */
    --yk-formwidth-auto: auto; /*轉換輸入寬寬度為自動欄寬*/
    --yk-formflex-auto: 0.5 auto; /*轉換輸入寬寬度為自動欄寬*/
    --yk-formflex-fixed: unset; /*轉換輸入寬寬度為固定欄寬*/
    --yk-formwidth-fixed: var(--yk-formwidth-4col); /*轉換輸入寬寬度為固定欄寬*/
    --yk-input-textalign-defult: left; /*控制輸入框預設對齊方式，可用數值：left / center / right*/
    --yk-input-textalign-number: left; /*控制輸入框預設對齊方式，可用數值：left / center / right*/
    --yk-input-textalign-money: right; /*控制輸入框預設對齊方式，可用數值：left / center / right*/
    /*表格基本樣式 */
    --yk-border-width-light: 0.056rem;
    --yk-border-width-defult: 0.125rem;
    --yk-border-width-heavy: 0.25rem;
    --yk-table-border-style: solid;
    --yk-table-border-color: var(--yk-base-color);
    --yk-table-border-div: var(--yk-border-width-light) var(--yk-table-border-style) transparent;
    --yk-table-bordertransparent: none;
    --yk-table-border-simple: var(--yk-border-width-light) var(--yk-table-border-style) var(--yk-table-border-color);
    --yk-table-border-select: var(--yk-border-width) var(--yk-table-border-style) var(--yk-select-color);
    --yk-table-border-sub: var(--yk-border-width) var(--yk-table-border-style) var(--yk-sub-color);
    --yk-table-border-defult: var(--yk-border-width-light) var(--yk-table-border-style) var(--yk-base-color);
    --yk-table-padding-xl: var(--yk-gutters-xl) var(--yk-gutters-l);
    --yk-table-padding-l: var(--yk-gutters-l) var(--yk-gutters-m);
    --yk-table-padding-m: var(--yk-gutters-m) var(--yk-gutters-sm);
    --yk-table-padding-sm: var(--yk-gutters-sm) var(--yk-gutters-sm);
    --yk-table-padding-xs: var(--yk-gutters-xs);
    --yk-table-verticalalign-defult: middle;
    --yk-table-bordercollapse-defult: collapse; /*控制整張表格框線分隔，可用數值：collapse / separate*/
    --yk-table-boxsizing-defult: border-box; /*控制整張表格padding的算法，無框線建議使用 border-box / 有框線或分隔建議使用 content-box*/
    --yk-table-textalign-defult: left; /*控制整張表格位置預設對齊方式，可用數值：left / center / right*/
    --yk-table-textalign-defult-th: center; /*控制表格的表頭預設對齊方式，可用數值：left / center / right*/
    --yk-table-textalign-button: center;
    --yk-table-textalign-money: right;
    --yk-table-textalign-status: center;
    --yk-table-tdwidth-status: 4rem;
    --yk-table-bgcolor-defult: var(--yk-white);
    --yk-table-bgcolor-defult-odd: var(--yk-light-gray);
    --yk-table-bgcolor-select: var(--yk-warnig);
    --yk-table-color-select: var(--yk-black);
    --yk-table-FreezePanes-bgcolor: var(--yk-base-color);
    --yk-table-FreezePanes-textcolor: var(--yk-base-textcolor);
    --yk-table-FreezePanes-itembgcolor: var(--yk-select-color);
    /*依據專案統一設定清單欄位寬度*/
    --epa-Date: 5.6rem; /*日期*/
    /*--按鈕基本樣式-- */
    --yk-btn-radius: 0.5rem;
    --yk-btn-outline: 0.25rem dashed var(--yk-sub-color);
    --yk-btn-border-style: solid;
    --yk-btn-border-color: transparent;
    --yk-btn-size-m: var(--yk-font-size-m);
    --yk-btn-size-sm: var(--yk-font-size-sm);
    /*禁用*/
    --yk-btn-color-disabled: var(--yk-disabled);
    --yk-btn-bgcolor-disabled: var(--yk-body-bg);
    /*查詢、儲存*/
    --yk-btn-color-default: var(--yk-base-textcolor);
    --yk-btn-bgcolor-default: var(--yk-base-color);
    --yk-btn-bgcolor-default-hover: var(--yk-base-hovercolor);
    --yk-btn-boxshadow-default: var(--yk-box-shodow-foucus);
    /*新增*/
    --yk-btn-color-add: var(--yk-sub-color);
    --yk-btn-bgcolor-add: var(--yk-white);
    --yk-btn-bgcolor-add-hover: var(--yk-sub-hovercolor);
    --yk-btn-boxshadow-add: 0 0.18rem 0.25rem rgba(113,191,54,0.15);
    /*清除*/
    --yk-btn-color-Clear: #D6CEC5;
    --yk-btn-bgcolor-Clear: var(--yk-white);
    --yk-btn-bgcolor-Clear-hover: #F5F1ED;
    --yk-btn-boxshadow-Clear: 0 0 0.25rem 0.25rem rgba(66,70,73,.5);
    /*刪除*/
    --yk-f-btn-color-delete: var(--yk-black);
    --yk-f-btn-bgcolor-delete: var(--yk-red);
    --yk-f-btn-bgcolor-delete-hover: var(--yk-red-hover);
    --yk-f-btn-boxshadow-delete: 0 0 0.25rem 0.25rem rgba(255,132,155,.5);
    /*--圖示按鈕-- */
    /*--連結按鈕-- */
    --yk-btn-boxshadow-Link: var(--yk-box-shodow-none);
}

/*基礎樣式*/
*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    clear: both;
    margin: 0;
    font-size: 1em;
    font-family: var(--yk-font-family);
    background-color: var(--yk-body-bg);
    color: var(--yk-body-color);
    overflow-x: hidden;
    line-height: var(--yk-linehight-default);
}

form {
    margin: 0;
    padding: 0;
}

input[type="checkbox"], input[type="radio"] {
    width: 1rem;
    height: 1rem;
    cursor: pointer;
}

a {
    display: inline-block;
    opacity: 0.8;
    cursor: pointer;
    font-size: var(--yk-btn-size-m);
    background-color: transparent;
    color: var(--yk-body-color);
    transition-duration: var(--yk-transition-duration);
    transition-timing-function: var(--yk-transition-timing);
    transition-property: opacity, color;
    text-decoration: none;
    border-color: transparent;
    padding: var(--yk-gutters-xs) var(--yk-gutters-sm);
}

    a > img {
        opacity: 0.8;
    }

    a:hover, a:hover > img {
        opacity: 1;
    }

    a:focus {
        outline: var(--yk-btn-outline);
    }

.button:disabled, .button:read-only {
    cursor: context-menu;
}

h1, .h1 {
    font-size: var(--yk-font-size-xxl);
    font-weight: 800;
    margin: var(--yk-gutters-sm) 0;
    color: var(--yk-h1-color);
}

h2, .h2 {
    font-size: var(--yk-font-size-xxl);
    font-weight: 600;
    margin: var(--yk-gutters-m) 0;
    color: var(--yk-h2-color);
}

h3, .h3 {
    font-size: var(--yk-font-size-xl);
    font-weight: 400;
    margin: var(--yk-gutters-m) 0;
    color: var(--yk-h3-color);
}

h4, .h4 {
    font-size: var(--yk-font-size-l);
    margin: var(--yk-gutters-sm) 0;
    color: var(--yk-h4-color);
}

h5, .h5 {
    font-size: var(--yk-font-size-m);
    margin: 0 0 var(--yk-gutters-xs) 0;
}

h6, .h6 {
    font-size: var(--yk-font-size-xs);
    margin: 0;
}

.BaseColumn {
    width: var(--yk-pagewidth-xxl);
    transition-duration: var(--yk-transition-duration);
    transition-timing-function: var(--yk-transition-timing);
    transition-property: width;
    margin: 0px auto;
    padding: 0 var(--yk-gutters-sm);
}



.form {
    width: 100%;
}




.display-flex-spacebetween {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.display-flex-start {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.display-flex-end {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.display-flex-column-spacebetween {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
}

.text-base {
    color: var(--yk-base-color);
}

.margin-bottom-m {
    margin-bottom: var(--yk-gutters-m);
}
/*無間距*/

.no-gutters {
    padding: 0;
}


.no-gutters-input .divGroup {
    margin-right: 0;
}



/*設定不可被tab選中*/
.userselect-none {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}



.viewtoggle {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0;
    border: none;
    padding: 0;
}

    .viewtoggle .button:first-child {
        border-radius: var(--yk-btn-radius) 0 0 var(--yk-btn-radius) !important;
        margin-right: -0.06rem;
    }

    .viewtoggle .button:last-child {
        border-radius: 0 var(--yk-btn-radius) var(--yk-btn-radius) 0 !important;
        margin-left: -0.06rem;
    }
/*header設定*/
header {
    display: flex;
    flex-direction: column;
    position: var(--yk-f-header-position);
    background: var(--yk-f-header-bg);
    overflow: hidden;
    box-shadow: var(--yk-box-shodow-landed);
    padding: var(--yk-gutters-sm) 0;
}

    header .logo a {
        display: block;
        height: 2.5rem;
        width: 34rem;
        opacity: 1;
        /*系統Logo圖示：請在每次建新專案時更換*/
        /*background-image: url('/App_Themes/Default/images/logo.png');*/
        padding: 0;
    }

    header .logo img {
        height: 2.5rem;
    }

    header .AsideMenu, header .AsideMenu nav, header .AsideMenu nav ul {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        flex-wrap: nowrap;
        align-items: center;
        margin: 0;
        padding: 0;
    }

        header .AsideMenu .Rwd-AsideMenu {
            display: none;
            position: absolute;
            right: 3.1rem;
            width: 1.9rem;
            height: 1.9rem;
        }

            header .AsideMenu .Rwd-AsideMenu:checked + label[for=Rwd-AsideMenu] {
                background-image: url('default/ico/ico_close.svg');
            }

        header .AsideMenu label[for="Rwd-AsideMenu"] {
            display: none;
            cursor: pointer;
            background-color: var(--yk-base-color);
            background-image: url('default/ico/ico_menu.svg');
            z-index: 800;
            background-repeat: no-repeat;
            width: 2rem;
            height: 2rem;
            background-position: center center;
        }

        header .AsideMenu nav ul li {
            list-style: none;
        }

            header .AsideMenu nav ul li a {
                color: var(--yk-base-textcolor);
            }
/*main設定*/

main {
    padding-top: var(--yk-gutters-l) !important;
    min-height: var(--yk-pagehight);
    overflow-x: hidden;
}

/*footer設定*/
footer {
    margin-top: var(--yk-gutters-l);
}

    footer > div {
        padding: var(--yk-gutters-sm) 0 !important;
        border-top: var(--yk-table-border-defult);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    footer .box {
        padding-inline-start: 2rem;
    }



.Buffet {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
}

    .Buffet .Login {
        flex-grow: 1
    }

    .Buffet .Announcement {
        /*flex-grow: 4;*/
        width: 60rem;
    }

        .Buffet .Announcement .AnnouncementList ul {
            max-height: 22.75rem;
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            align-content: flex-start;
            justify-content: flex-start;
            align-items: stretch;
            overflow: hidden;
        }

            .Buffet .Announcement .AnnouncementList ul li {
                width: 48.5%;
                margin-right: var(--yk-gutters-l);
            }

ul li .ListTitle {
    display: block;
    width: 100%;
    margin-top: var(--yk-gutters-sm);
    font-weight: var(--yk-text-weight-heavy);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

ul li .ListType, .AnnouncementReleases .ListType {
    padding: var(--yk-gutters-xs);
    border-radius: var(--yk-btn-radius);
    background-color: var(--yk-btn-bgcolor-add);
    color: var(--yk-btn-color-add);
    border: var(--yk-border-width-light) var(--yk-btn-border-style) var(--yk-btn-color-add);
    text-align: center;
}

ul li .ListDate, ul li .ListContact, .AnnouncementReleases .ListDate {
    display: block;
    padding: var(--yk-gutters-xs);
}

.Announcement .AnnouncementList {
    margin-bottom: var(--yk-gutters-m);
    width: 100%;
}

    .Announcement .AnnouncementList ul {
        list-style: none;
        text-align: left;
        padding: 0;
        margin: 0;
    }

        .Announcement .AnnouncementList ul li {
            padding: var(--yk-gutters-sm) 0;
            border-bottom: var(--yk-table-border-simple);
        }

            .Announcement .AnnouncementList ul li a {
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                align-items: flex-start;
                align-content: stretch;
                margin-left: var(--yk-gutters-sm);
            }




.AnnouncementReleases {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
}

.AnnouncementContent {
    line-height: var(--yk-linehight-loose);
    margin: var(--yk-gutters-l) 0;
}

.Buffet .Detailsearch {
    width: 32rem
}

.Buffet .contact, .Buffet .Link {
    flex-grow: 1;
}

/*法人清單*/
.SearchButton {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.NationwideJP .ListView ul,
.NationwideJP .TilesView ul {
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0;
    width: 100%;
}
    /*清單樣式*/
    .NationwideJP .ListView ul li {
        padding: var(--yk-gutters-sm) 0;
        border-bottom: var(--yk-table-border-simple);
    }

        .NationwideJP .ListView ul li a {
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            align-items: flex-start;
            align-content: stretch;
        }

        .NationwideJP .ListView ul li .partition-1,
        .NationwideJP .TilesView ul li .partition-1 {
            width: 5rem;
        }

        .NationwideJP .ListView ul li .partition-2,
        .NationwideJP .TilesView ul li .partition-2 {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-items: flex-start;
        }

        .NationwideJP .ListView ul li .partition-2 {
            margin-left: var(--yk-gutters-m);
        }

        .NationwideJP .ListView ul li .ListTitle,
        .NationwideJP .TilesView ul li .ListTitle {
            overflow: unset;
            text-overflow: unset;
            -webkit-line-clamp: none;
            -webkit-box-orient: unset;
            display: block;
        }

        .NationwideJP .ListView ul li .ListType-stop,
        .NationwideJP .TilesView ul li .ListType-stop {
            background-color: var(--yk-btn-bgcolor-disabled) !important;
            border-color: var(--yk-btn-bgcolor-disabled);
            color: var(--yk-btn-color-disabled);
        }

        .NationwideJP .ListView ul li .ListContact::before,
        .NationwideJP .ListView ul li .ListDate::before,
        .NationwideJP .TilesView ul li .ListContact::before,
        .NationwideJP .TilesView ul li .ListDate::before {
            display: inline-block;
            width: 8rem !important;
            padding-right: var(--yk-gutters-xs);
            margin-right: var(--yk-gutters-sm);
            border-right: 0.06rem var(--yk-gray) solid;
        }

        .NationwideJP .ListView ul li .ListContact::before,
        .NationwideJP .TilesView ul li .ListContact::before {
            content: "☎︎聯絡電話";
        }

        .NationwideJP .ListView ul li .ListDate::before,
        .NationwideJP .TilesView ul li .ListDate::before {
            content: "▣設立許可日期";
        }

/*磚塊樣式*/
.NationwideJP .TilesView ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--yk-TilesWidth), max-content));
    grid-row-gap: 2em;
    grid-column-gap: 1em;
}

    .NationwideJP .TilesView ul li {
        border: 0.056rem dashed var(--yk-table-border-color);
        padding: var(--yk-gutters-m);
    }

        .NationwideJP .TilesView ul li a {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            flex-wrap: wrap;
            align-items: flex-start;
            align-content: stretch;
        }

        .NationwideJP .TilesView ul li .partition-1 {
            padding-bottom: var(--yk-gutters-xs);
        }

        .NationwideJP .TilesView ul li ul {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-items: flex-start;
            grid-gap: var(--yk-gutters-xs);
        }

            .NationwideJP .TilesView ul li ul li {
                border-left: 0.275rem solid var(--yk-base-color);
                border-right: none;
                border-top: none;
                border-bottom: none;
                padding: 0 0 var(--yk-gutters-sm) var(--yk-gutters-sm);
            }

                .NationwideJP .TilesView ul li ul li ul {
                    border-left: none;
                    padding: unset;
                }


                    .NationwideJP .TilesView ul li ul li ul li,
                    .NationwideJP .ListView ul li ul li, .NationwideJP .ListView ul li ul li ul li {
                        padding: 0 var(--yk-gutters-sm) 0 0;
                        border: none;
                    }

            .NationwideJP .TilesView ul li ul.fileLiist, .NationwideJP .ListView ul li ul.fileLiist {
                display: flex;
                flex-direction: column;
            }

                .NationwideJP .TilesView ul li ul.fileLiist li, .NationwideJP .ListView ul li ul.fileLiist li {
                    font-weight: var(--yk-text-weight-defult);
                }

                .NationwideJP .TilesView ul li ul.fileLiist li {
                    padding: 0;
                }



            .NationwideJP .TilesView ul li ul li ul.fileLiist li ul,
            .NationwideJP .ListView ul li ul li ul.fileLiist li ul {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                align-content: space-around;
                margin-left: 1em;
            }

.NationwideJP .ListView ul li ul li ul.fileLiist li {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    align-items: center;
    text-indent: 1em;
}

    .NationwideJP .ListView ul li ul li ul.fileLiist li ul li {
        text-indent: 0;
    }

        .NationwideJP .ListView ul li ul li ul.fileLiist li ul li a,
        .NationwideJP .TilesView ul li ul li ul.fileLiist li ul li a {
            text-decoration: underline;
        }
/*圖形驗證碼*/
.captcha {
    justify-content: flex-start !important;
}

    .captcha input[type=text] {
        width: 4.5rem !important;
        margin-right: var(--yk-gutters-sm);
    }

    .captcha a {
        padding: var(--yk-gutters-xs) var(--yk-gutters-xs);
    }

        .captcha a img {
            width: 1.5rem;
            height: 1.5rem;
        }

    .captcha img[name="imgCode"] {
        height: 2.3rem;
        width: 5.75rem;
    }
/*表單元件(輸入框)設定*/
.FlowRow {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    grid-gap: 2em;
}

    .FlowRow .divGroup {
        flex: 1;
    }

.FlexRow-2 {
    flex: 2 !important;
}

.ButtonRow {
    margin: var(--yk-gutters-sm) 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: baseline;
    justify-content: flex-start;
    grid-gap: var(--yk-gutters-m);
}



.divGroup {
    margin-right: 0;
    margin-bottom: var(--yk-input-margin-bottom);
}

    .divGroup .divLabel {
        margin-bottom: var(--yk-gutters-sm);
        font-weight: var(--yk-text-weight-heavy);
    }

        .divGroup .divLabel span, .divGroup .divLabel label {
            font-weight: inherit;
        }

    .divGroup .required::after {
        content: "＊";
        color: var(--yk-danger);
    }

    .divGroup .divInputGroup {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

        .divGroup .divInputGroup input, .divGroup .divInputGroup select {
            display: block;
            width: 100%;
            font-size: var(--yk-font-size-m);
            color: var(--yk-input-text-color);
            background-color: var(--yk-input-bg-color);
            background-clip: padding-box;
            text-align: var(--yk-input-textalign-defult);
            transition-duration: var(--yk-transition-duration);
            transition-timing-function: var(--yk-transition-timing);
            transition-property: opacity, color;
            padding: var(--yk-gutters-sm);
            border-radius: var(--yk-input-border-radius);
            border-width: var(--yk-input-border-width);
            border-style: var(--yk-input-border-style);
            border-color: var(--yk-input-border-color);
        }

            .divGroup .divInputGroup input:focus {
                box-shadow: var(--yk-box-shodow-foucus);
                outline: var(--yk-input-outline);
                border-color: var(--yk-base-hovercolor);
            }

        .divGroup .divInputGroup label {
            padding: 0 var(--yk-gutters-sm);
        }

.pagination ul {
    display: flex;
    list-style: none;
    padding: 0;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
}


    .pagination ul li a {
        border-radius: 0 !important;
    }

    .pagination ul li:first-of-type a {
        border-radius: var(--yk-btn-radius) 0 0 var(--yk-btn-radius) !important;
    }

    .pagination ul li:last-of-type a {
        border-radius: 0 var(--yk-btn-radius) var(--yk-btn-radius) 0 !important;
    }

/*方塊模式時隱藏pager*/
.TilesView + .pagination {
    /*display: none;*/
}

.sitemap ol {
    line-height: var(--yk-linehight-loose);
    padding-inline-start: var(--yk-gutters-m);
}

    .sitemap ol li {
        font-size: var(--yk-font-size-l);
        margin: var(--yk-gutters-m) 0;
        color: var(--yk-h2-color);
    }

        .sitemap ol li a {
            font-size: inherit;
            color: inherit;
        }
/*按鈕樣式*/
.button {
    cursor: pointer !important;
    font-size: var(--yk-btn-size-m);
    color: var(--yk-body-color);
    word-break: keep-all;
    transition-duration: var(--yk-transition-duration) !important;
    transition-timing-function: var(--yk-transition-timing) !important;
    transition-property: opacity, color !important;
    outline: none;
    text-decoration: none;
    background-color: transparent;
    border-style: var(--yk-btn-border-style);
    border-width: var(--yk-border-width-defult); /*控制按鈕邊框粗細，可用數值：--yk-border-width-light / --yk-border-width-defult / --yk-border-width-heavy*/
    border-radius: var(--yk-btn-radius) !important;
    border-color: var(--yk-btn-border-color);
    padding: var(--yk-gutters-sm) !important;
    box-shadow: unset;
    opacity: 1;
}

    .button:focus {
        outline: var(--yk-btn-outline);
    }



/*尺寸*/
.button-fill {
    display: block;
    text-align: center;
    width: 100%;
    margin-top: var(--yk-gutters-sm);
}


.btnSubmit {
    color: var(--yk-btn-color-default) !important;
    background-color: var(--yk-btn-bgcolor-default) !important;
    border-color: var(--yk-btn-color-default) !important;
}

    .btnSubmit:hover {
        background-color: var(--yk-btn-bgcolor-default-hover) !important;
    }

    .btnSubmit:focus {
        box-shadow: var(--yk-btn-boxshadow-default);
    }

.btnAdd {
    color: var(--yk-btn-color-add) !important;
    background-color: var(--yk-btn-bgcolor-add) !important;
    border-color: var(--yk-btn-color-add) !important;
}

    .btnAdd:hover, .location {
        color: var(--yk-btn-bgcolor-add) !important;
        background-color: var(--yk-btn-bgcolor-add-hover) !important;
        border-color: var(--yk-btn-bgcolor-add-hover) !important;
    }

    .btnAdd:focus {
        box-shadow: var(--yk-btn-boxshadow-add);
    }

.btnClear {
    color: var(--yk-body-color) !important;
    border-color: var(--yk-btn-color-Clear) !important;
    background-color: var(--yk-btn-bgcolor-Clear) !important;
}

    .btnClear:hover {
        background-color: var(--yk-btn-bgcolor-Clear-hover) !important;
    }

.btnListView, .btnTilesView {
    display: inline-block;
    height: 3.75rem;
    width: 3.75rem;
    background-color: var(--yk-btn-bgcolor-Clear-hover);
    color: var(--yk-base-color);
    background-position: center center;
    background-repeat: no-repeat;
    padding: var(--yk-gutters-m) 0 !important;
    opacity: 0.6;
}

    .btnListView:hover, .btnTilesView:hover,
    .btnListView:focus, .btnTilesView:focus,
    .btnAtive {
        background-color: var(--yk-white) !important;
        opacity: 1;
        border-color: var(--yk-btn-color-Clear) !important
    }


        .btnAtive:hover, .btnAtive:focus {
            cursor: context-menu !important;
        }

.btnListView {
    background-image: url('default/ico/ico_listview.svg');
}

.btnTilesView {
    background-image: url('default/ico/ico_tilesview.svg');
}
/*箱子改寫*/
.Divbox {
    background-color: var(--yk-white);
    border-radius: var(--yk-btn-radius);
    padding: var(--yk-gutters-l) var(--yk-gutters-xl);
    margin: var(--yk-gutters-m) var(--yk-gutters-m);
    box-shadow: var(--yk-box-shodow-landed);
}


    .Divbox .h2, .Divbox .Divbox .h3 {
        margin: 0;
        padding: 0;
    }

.bg-transparent {
    background-color: transparent !important;
    box-shadow: none !important;
}
/*麵包屑*/
.bread-foot {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}

    .bread-foot ul {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        padding: 0 0 0 var(--yk-gutters-sm);
        margin: 0;
    }

        .bread-foot ul li:first-child::after {
            content: "" !important;
            padding-left: 0 !important;
        }

        .bread-foot ul li:not(:last-child)::after {
            content: "/";
            padding-left: var(--yk-gutters-sm);
            padding-right: var(--yk-gutters-sm);
        }

        .bread-foot ul li a:first-child {
            padding: 0;
        }

.table-simple {
    border-collapse: collapse;
}

    .table-simple td, .table-simple th {
        border-top: var(--yk-table-bordertransparent);
        border-left: var(--yk-table-bordertransparent);
        border-right: var(--yk-table-bordertransparent);
        border-bottom: var(--yk-table-border-simple);
        padding: var(--yk-table-padding-sm);
        text-align: var(--yk-table-textalign-defult);
    }

/*無障礙必要*/
a.sr-only {
    z-index: 100;
    float: left;
    position: absolute;
    top: -1.5rem;
    left: 0;
    padding: 1rem;
    font-size: 1.5rem;
    font-weight: 800;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    color: var(--bs-white);
    background-color: var(--bs-white);
    width: auto;
    height: auto;
    transition: top .1s ease-out;
}

    a.sr-only:focus {
        /*visibility: visible;*/
        background-color: var(--bs-warning);
        color: var(--bs-black);
        border: 2px dotted var(--bs-primary);
        overflow: visible;
        top: 0;
        clip: auto;
        transition: top .1s ease-in;
    }

@media (min-width: 2040px) {
    .BaseColumn {
        width: var(--yk-pagewidth-full);
    }

    .Buffet .Announcement {
        width: 80rem;
    }
}

@media (max-width: 1630px) and (min-width: 1441px) {
    .BaseColumn {
        max-width: var(--yk-pagewidth-xl);
    }
}

@media (max-width: 1440px) and (min-width: 1201px) {
    .BaseColumn {
        max-width: var(--yk-pagewidth-l);
    }

    .Buffet .Link, .Buffet .Detailsearch {
        margin-left: 0;
    }


    .Buffet .Login {
        flex-grow: unset;
    }

    .Buffet .Announcement {
        width: 50.9rem;
    }

    .Buffet .Detailsearch {
        width: 23rem;
    }
}

@media (max-width: 1200px) {

    footer .box {
        padding-inline-start: 0.4rem;
    }

    .divGroup {
        flex: auto !important;
    }
    /* .divGroup {
        flex: auto;
        margin-right:0;
        margin-left:var(--yk-input-margin-right);
    }

        .divGroup:nth-child(odd) {
            margin-left:0;
        
}*/


    .AsideMenu nav {
        display: none !important;
    }

    .AsideMenu label[for=Rwd-AsideMenu] {
        display: block !important;
        position: absolute;
        top: 0.7rem;
        right: 3.25rem;
    }

    .AsideMenu .Rwd-AsideMenu {
        display: block !important;
    }

        .AsideMenu .Rwd-AsideMenu:checked ~ nav {
            display: flex !important;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-items: center;
            position: fixed;
            top: 3rem;
            right: 3rem;
            color: var(--yk-body-color) !important;
            background-color: var(--yk-white);
            padding: var(--yk-gutters-sm) var(--yk-gutters-m);
            box-shadow: var(--yk-box-shodow-landed);
            border-radius: var(--yk-gutters-xs);
            z-index: 999;
            text-align: var(--yk-f-menu-align);
        }

        .AsideMenu .Rwd-AsideMenu:hover ~ nav {
            display: flex;
        }

    .AsideMenu nav ul {
        flex-direction: column !important;
    }

        .AsideMenu nav ul li a {
            color: inherit !important;
        }

    .Buffet .contact {
        margin-right: 0;
    }
}

@media (max-width: 1200px) and (min-width: 781px) {
    .BaseColumn {
        max-width: var(--yk-pagewidth-m);
    }

    .Buffet .Login {
        order: 1;
    }

    .Buffet .Announcement {
        order: 2;
    }

    .Buffet .Detailsearch {
        order: 3;
        width: 100%;
    }

    .Buffet .contact, .Buffet .Link {
        order: 4;
    }
}

@media(max-width:780px) {
    :root {
        --yk-pagehight: calc(100Vh - 25rem)
    }

    header .logo a {
        width: 2.5rem;
    }




    footer > div {
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        /*        margin: 0 var(--yk-gutters-l) !important;
*/
    }

    footer > * {
        line-height: var(--yk-linehight-loose);
    }

    footer .box {
        padding-inline-start: 2rem;
    }

    .Buffet .Announcement .AnnouncementList ul {
        max-height: unset;
    }

        .Buffet .Announcement .AnnouncementList ul li {
            width: unset;
        }
    /*公告清單*/
    .Announcement .AnnouncementList ul li a {
        justify-content: flex-start;
    }

        .Announcement .AnnouncementList ul li a .ListTitle {
            order: 1;
            margin-top: 0;
            margin-bottom: var(--yk-gutters-sm);
        }

        .Announcement .AnnouncementList ul li a .ListType {
            order: 2;
        }

        .Announcement .AnnouncementList ul li a .ListDate {
            order: 3;
        }


    .divGroup {
        flex: auto;
        margin-right: 0;
    }

        .divGroup:nth-child(odd), .FlowRow .divGroup:nth-child(odd) {
            margin-left: 0;
        }

    .FlowRow .divGroup {
        margin-left: var(--yk-input-margin-right);
    }

    .SearchButton {
        flex-direction: column;
    }

    .NationwideJP .TilesView ul {
        justify-content: center;
    }

    .NationwideJP .ListView ul li {
        padding: var(--yk-gutters-m) 0;
    }

        .NationwideJP .ListView ul li ul {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: flex-start;
            grid-gap: 1em;
        }

            .NationwideJP .ListView ul li ul li {
                padding: 0;
            }

                .NationwideJP .ListView ul li ul li ul.fileLiist {
                    flex-direction: column;
                    grid-gap: 0.5em;
                }

                    .NationwideJP .ListView ul li ul li ul.fileLiist li ul {
                        justify-content: flex-start;
                        grid-gap: 0.5em;
                    }



                        .NationwideJP .ListView ul li ul li ul.fileLiist li ul li a {
                            padding: var(--yk-gutters-xs) 0;
                        }
}

@media (max-width: 780px) and (min-width: 610px) {
    .BaseColumn {
        max-width: var(--yk-pagewidth-sm);
    }

    .Buffet .Login {
        order: 1;
    }

    .Buffet .Announcement {
        order: 2;
    }

    .Buffet .Detailsearch {
        order: 3;
        width: 100%;
    }

    .Buffet .contact, .Buffet .Link {
        order: 4;
        width: 45%;
        padding: var(--yk-gutters-m) var(--yk-gutters-l);
        margin: 0 0 0 var(--yk-gutters-m);
    }
}

@media (max-width: 609px) {
    h1 {
        font-size: var(--yk-font-size-xl);
    }

    h2 {
        font-size: var(--yk-font-size-l);
    }

    header .logo a {
        background-image: unset;
        width: 15rem;
    }

        header .logo a::after {
            content: "環保財團法人資訊管理系統";
            font-size: var(--yk-font-size-l);
            position: relative;
            left: 0;
            top: 0;
            padding-top: 0.5rem;
            display: block;
            color: var(--yk-sub-color);
            font-weight: var(--yk-text-weight-heavy);
        }

        header .logo a img {
            display: none;
        }

    .display-flex-spacebetween {
    }

    .flex-column-sm {
        flex-direction: column !important;
    }

    .Divbox {
        padding: var(--yk-gutters-m) var(--yk-gutters-l);
    }



    .Buffet .Login {
        order: 2;
    }

    .Buffet .Announcement {
        order: 3;
    }

    .Buffet .Detailsearch {
        order: 1;
        width: 100%;
    }

    .Buffet .contact, .Buffet .Link {
        order: 4;
        padding: var(--yk-gutters-m) var(--yk-gutters-l);
        margin: 0 var(--yk-gutters-m);
    }

    .NationwideJP .TilesView ul {
        grid-template-columns: auto;
    }

    .NationwideJP .ListView ul li a {
        flex-direction: column;
    }

        .NationwideJP .ListView ul li a .partition-1 {
            margin-bottom: var(--yk-gutters-xs);
        }

    .NationwideJP .ListView ul li .partition-2 {
        margin-left: 0;
    }
}

@media (max-width: 609px) and (min-width: 441px) {


    .BaseColumn {
        width: var(--yk-pagewidth-xs);
        max-width: var(--yk-pagewidth-xs);
    }
}

@media (max-width: 560px) {
    .divGroup, .FlowRow .divGroup {
        margin-right: 0;
        margin-left: 0;
    }

    .NationwideJP .TilesView ul li .partition-2 {
        margin-left: 0;
    }



    .NationwideJP .TilesView ul li .ListContact::before, .NationwideJP .TilesView ul li .ListDate::before {
        display: block;
        border-right: none;
        text-indent: -1em;
        margin-left: 1em;
    }

    .NationwideJP .ListView ul li ul li ul.fileLiist li {
        flex-direction: column;
        align-items: flex-start;
    }

        .NationwideJP .ListView ul li ul li ul.fileLiist li ul {
            margin-left: 2em;
            padding-right: 1em;
        }
}

@media (max-width: 440px) {
    .BaseColumn {
        width: var(--yk-pagewidth-mobile);
        max-width: var(--yk-pagewidth-mobile);
    }

    .NationwideJP .ListView ul li ul {
        flex-wrap: wrap;
    }
}