html {
    font-size: clamp(13px, calc(0.5vw + 0.4rem), 20px);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html:has(.mobile) {
    font-size: clamp(12.5px, calc(0.5vw + 0.4rem), 20px);
}

:root {
    --greyscale_filter: grayscale(100%) grayscale(100%);
    --greyscale_filter2: grayscale(100%);

    --en_font_family: "Inter", "Arial", "Helvetica", "microsoft jhenghei", "PingFang TC", sans-serif;
    --tc_font_family: "Inter", "microsoft jhenghei", "PingFang TC", sans-serif;
    --sc_font_family: "Inter", "microsoft jhenghei", "PingFang TC", sans-serif;

    /*--tc_font_family: "microsoft jhenghei", sans-serif;
	--sc_font_family: "microsoft jhenghei", sans-serif;*/

    --en_letter_spacing: normal;
    --chi_letter_spacing: 1px;
    --white: #fff;
    --black: #000;

    --filter00806F: invert(29%) sepia(74%) saturate(1639%) hue-rotate(147deg) brightness(91%) contrast(102%);
    --filter4A545C: invert(31%) sepia(30%) saturate(213%) hue-rotate(164deg) brightness(92%) contrast(89%);

    --black_filter: invert(0%) sepia(7%) saturate(7474%) hue-rotate(15deg) brightness(95%) contrast(105%);
    --white_filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(137deg) brightness(103%) contrast(101%);
    --bluegreen_filter: invert(38%) sepia(75%) saturate(472%) hue-rotate(142deg) brightness(90%) contrast(99%);
    --greygreen_400_filter: var(--filter00806F);
    --greygreen_700_filter: var(--filter4A545C);

    --main_theme_color: #00806F;


    --greygreen_200: #0debcd;
    --greygreen_300: #06aa94;
    --greygreen_400: #00806F;
    --greygreen_500: #008573;
    --greygreen_600: #007A6A;
    --greygreen_700: #4A545C;
    --greygreen_800: #093b34;

    --green_100: #8af3cd;
    --green_200: #07f39d;
    --green_300: #08b173;
    --green_400: #048656;
    --green_500: #036944;
    --green_600: #044e33;
    --green_700: #073f2a;

    --light_grey_200: #f3f3f3;
    --light_grey_300: #d9d9d9;
    --light_grey_400: #cdcdcd;
    --light_grey_500: #9d9d9d;
    --light_grey_600: #696969;

    --light_blue_200: #F3F7FB;

    --blue_100: #d6f3f9;

    --blue_200: #60afd8;
    --blue_300: #2b90d9;
    --blue_400: #1164b5;
    --blue_600: #004085;

    --main_text_color: #333;

    
    --theme2_bg_color: var(--green_400);
    --theme2_bg_text_color: #fff;
    --theme2_icon_filter: var(--white_filter);

    --footer_slider_area_bg_color: #d7e8e8;
    --footer_slider_area2_bg_color: #f4f5f9;
    --footerarea1_bg_color: #f2f2f2;
    --footerarea1_5_bg_color: var(--greygreen_400);
    --footerarea2_bg_color: var(--green_700);
    --footer_menu1_fontsize: 1rem;


    --menu0_text_color: var(--main_text_color);
    --menu0_active_text_color: var(--greygreen_600);
    --menu1_bg_color: transparent;
    --menu1_text_color: #fff;
    --menu1_active_bg_color: var(--greygreen_700);
    --menu1_active_text_color: #fff;
    --menu2_bg_color: var(--greygreen_500);
    --menu2_text_color: #fff;
    --menu2_hover_bg_color: var(--greygreen_300);
    --menu2_hover_text_color: #000;
    --menu2_active_text_color: var(--greygreen_400);

    --leftmenu_bg_color: var(--light_blue_200);
    --leftmenu_menu0_text_color: var(--main_text_color);
    --leftmenu_menu0_active_text_color: #fff;
    --leftmenu_menu0_active_bg_color: var(--main_theme_color);
    --leftmenu_menu0_hover_text_color: var(--theme2_bg_text_color);
    --leftmenu_menu0_hover_bg_color: var(--theme2_bg_color);
    --leftmenu_menu0_hover_icon_hover: var(--theme2_icon_filter);
    --leftmenu_menu0_fontsize: 1rem;
    --leftmenu_menu1_text_color: var(--main_text_color);
    --leftmenu_menu1_active_text_color: var(--main_theme_color);
    --leftmenu_menu1_padding_top: 0.75rem;
    --leftmenu_menu1_padding_bottom: 0.75rem;
    --leftmenu_menu1_fontsize: 1rem;
    --leftmenu_menu2_text_color: var(--main_text_color);
    --leftmenu_menu2_active_text_color: var(--greygreen_400);
    --leftmenu_menu2_fontsize: 0.95rem;



   

    --h1_color: #333;
    --h2_color: var(--greygreen_400);
    --h3_color: var(--blue_400);
    --h4_color: var(--light_grey_600);
    --h5_color: #000;
    --h6_color: #333;

    --disabled_input_bg_color: #E3E3E3;
    --disabled_text_color: var(--light_grey_600);

    --top_menu_item_spacing: 2.75rem;


    --menu_bar_size: 3.25rem;

    --main_table_td_pad_left: clamp(1rem, 1.25vw, 2rem);
    --main_table_td_pad_right: clamp(1rem, 1.25vw, 2rem);
    --main_table_td_pad_top: 1rem;
    --main_table_td_pad_bottom: 1rem;

    --fontsize_h1: 2.5rem;
    --fontsize_h2: 2rem;
    --fontsize_h3: 1.4rem;
    --fontsize_h4: 1.3rem;
    --fontsize_h5: 1.2rem;
    --fontsize_h6: 1.125rem;

    --borderradius1: 0.375rem;

    --main_table_borderradius: 0.5rem;
    --main_table_border_width: 1px;
--main_table_border_color: var(--light_grey_400);
    --main_table_border: var(--main_table_border_width) solid var(--main_table_border_color);
    --table_row_second_bg_color: var(--light_grey_200);

    --component_box_shadow: 0 0 1rem var(--blue_200);
    --component_box_shadow2: 1px 0 0 #e9ebec, -1px 0 0 #e9ebec, 0 1px 0 #e9ebec, 0 -1px 0 #e9ebec, 0 3px 13px rgba(0, 0, 0, 0.08);

    --outline_offset: -2px;
}

:root:has(.englishVersion) {
    --fontsize_h1: 2.5rem;
    --fontsize_h2: 1.9rem;
    --fontsize_h3: 1.3rem;
    --fontsize_h4: 1.3rem;
    --fontsize_h5: 1.1rem;
    --fontsize_h6: 1rem;
}

@font-face {
    font-family: "Inter";
    src: url(fonts/inter/Inter-Bold.woff2) format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url(fonts/inter/Inter-SemiBold.woff2) format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url(fonts/inter/Inter-Medium.woff2) format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url(fonts/inter/Inter-Regular.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


#wrap {
    min-height: 100%;
    height: auto;
    overflow-x: hidden;
}



.clearBoth {
    clear: both;
}

a {
    color: var(--green_500);
    text-decoration: underline;

}


a:hover,
a:focus {
    color: #0c355f;
    text-decoration: none;
}

h1,
.h1,
.h1_style {
    font-weight: var(--font_weight_semi_bold);
    color: var(--h1_color);
    text-align: left;
    display: block;
    font-size: var(--fontsize_h1);
    margin-bottom: 3rem;
}

h2,
.h2,
.h2_style {
    --h2_text_stroke: clamp(0.35px, 0.04vw, 0.7px);
    margin-right: 0;
    padding-right: 0;
    padding-top: 0;
    font-size: var(--fontsize_h2);
    margin-top: 0rem;
    margin-bottom: 1.2rem;
    font-weight: var(--font_weight_bold);
    /*font-family: var(--noto_sans_font_family);*/
    color: var(--h2_color);

}

@supports (-webkit-text-stroke: 1px black) {

    .chineseVersion h2,
    .chineseVersion .h2,
    .chineseVersion .h2_style {
        -webkit-text-stroke: var(--h2_text_stroke) var(--h2_color);


    }
}

.englishVersion :where(h2, .h2, .h2_style) {
    line-height: 1.4;
}

.upper_level_h2+:where(.upper_level_h3, h3),
.upper_level_h2+.anchor+:where(.upper_level_h3, h3) {
    margin-top: 0;
    margin-bottom: 2rem;
}


h3,
.h3,
.h3_style {
    font-size: var(--fontsize_h3);
    margin-left: 0;
    padding: 0;
    margin-right: 0;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    font-weight: var(--font_weight_bold);
    /*font-family: var(--noto_sans_font_family);*/
    color: var(--h3_color);
}

@supports (-webkit-text-stroke: 1px black) {

    .chineseVersion h3,
    .chineseVersion .h3,
    .chineseVersion .h3_style {
        -webkit-text-stroke: clamp(0.25px, 0.03vw, 0.5px) var(--h3_color);
    }
}

h4,
.h4,
.h4_style {
    margin-top: 0;
    margin-bottom: 0.625rem;
    font-size: var(--fontsize_h4);
    font-weight: var(--font_weight_semi_bold);

    color: var(--h4_color);
}

h4.h4_2,
.h4.h4_2 {
    color: var(--main_text_color);
}

h5,
.h5,
.h5_style {
    font-size: var(--fontsize_h5);
    font-weight: var(--font_weight_semi_bold);
    margin-top: 0;
    margin-bottom: 0.625rem;
    color: var(--h5_color);
}

.englishVersion :where(h5, .h5, .h5_style) {
    font-weight: var(--font_weight_medium);
}

h6,
.h6,
.h6_style {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-size: var(--fontsize_h6);
    color: var(--h6_color);
}

h2 sup,
.h2 sup {
    font-size: 1rem;
}

label {
    font-weight: inherit;
}


body .row {
    margin: 0;
    width: 100%;
    /*ie11*/
}

/**safari/
/* Safari 7.1+ */
@media not all and (min-resolution: 0.001dpcm) {
    @media {

        .row:before,
        .row:after {
            display: none;
        }
    }
}


.access,
.sr-only {
    position: absolute;
    /*	visibility: hidden;*/
    left: -9999px;
    font-size: 0;
    padding: 0;
    width: 0;
    height: 0;
    z-index: -1;
}



*,
*::before,
*::after {
    box-sizing: border-box;
}

.container {
    width: 100%;
    max-width: 1920px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 3rem;
    padding-right: 3rem;
}


html,
body {
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--en_font_family);
    color: var(--main_text_color);

    line-height: 1.5;
    --noto_sans_font_family: "Inter", "Arial", "Helvetica", "microsoft jhenghei", sans-serif;
    --font_weight_medium: 500;
    --font_weight_semi_bold: 600;
    --font_weight_bold: 700;
}

body.tradition {
    font-family: var(--tc_font_family);
    line-height: 1.5;
    letter-spacing: var(--chi_letter_spacing);
    --noto_sans_font_family: "microsoft jhenghei", sans-serif;
}

body.simplify {
    line-height: 1.5;
    letter-spacing: var(--chi_letter_spacing);
    font-family: var(--sc_font_family);
    --noto_sans_font_family: "microsoft jhenghei", sans-serif;
}

body.chineseVersion {
    --font_weight_semi_bold: 600;
    --font_weight_bold: 700;
}

.ieVersion {
    overflow-x: hidden;
}


.chineseVersion strong {
    font-weight: var(--font_weight_semi_bold);
}

img,
table {
    border: 0;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

ol>li:not(:last-child) {
    margin-bottom: 1rem;
}

ol,
ul {
    padding-left: 1.4rem;
}

table {
    width: 100%;
    overflow: hidden;
}


table,
div {
    border-collapse: collapse;
    text-align: left;
    vertical-align: top;
}

.clearBoth {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

body .disNone {
    display: none;
}

.nowrap,
.noWrap {
    white-space: nowrap;
}

body #fontSize0 {
    font-size: 0.75em;
}

body #fontSize1 {
    font-size: 1em;
}

body #fontSize2 {
    font-size: 1.25em;
}

.access {
    position: absolute;
    left: -9999px;
}

#skiptocontent.access {
    position: fixed !important;
    top: 0 !important;
    left: 0.5rem !important;
    background-color: #555;
    color: var(--white);
}



sup {
    /*font-size: 0.9rem;*/
    white-space: nowrap;
}

a,
a:link,
a:active,
a:visited {}

a:hover,
a:focus {
    cursor: pointer;
}

video {
    max-width: 100%;
}

iframe {
    max-width: 100%;
}


p {
    text-align: left;
    margin-top: 0.625rem;
    margin-bottom: 1.375rem;
}




li>p:last-child {
    margin-bottom: 0;
}

li>:where(ul, ol) {
    /*margin-top: 1rem;*/
}

ol>li>ul {
    list-style-type: disc;
}

.anchor {
    display: block;
    position: relative;
    height: 0.1px;
    visibility: hidden;
    width: 100%;
}

/* p .anchor {
    display: inline-block;
  
  } */


.sub_section_wrapper {
    display: none;
}

sup:has(~ sup) {
    padding-right: 0.2rem;
}

.user_select_none{
    user-select: none;
}
.point_select_none{
    pointer-events: none;
}