/* 共用 class for inline style 移除 */
.hide {
    display: none !important;
}

.show {
    display: inline-block;
}

.bgWhite {
    background-color: white !important;
}

.fontLargeBold15 {
    font-size: 1.375em !important;
    font-weight: bold !important;
    padding-bottom: 15px !important;
}

.font_size_1_375em {
    font-size: 1.375em;
}
.w100 {
    width: 100% !important;
}

.w100MaginAuto {
    width: 100%;
    margin: auto;
}
.padding_left_80px {
    padding-left: 80px;
}

.srOnly {
    position: fixed !important;
    left: -1000px !important;
    top: -1000px !important;
}
.color_transparent_position_fixed_top_1000px {
    color: transparent;
    position: fixed;
    top: -1000px;
}
.border_bottom_none {
    border-bottom: none;
}
.mt0 {
    margin-top: 0 !important;
}

.pt20 {
    padding-top: 20px !important;
}

.margin_top_20px {
    margin-top: 20px;
}
.color_white {
    color: white;
}
.lh30 {
    line-height: 30px !important;
}

.color_666 {
    color: #666;
}
.taCenter {
    text-align: center !important;
}
.padding_top_32px {
    padding-top: 32px;
}

.taRight {
    text-align: right !important;
}
.font_size0_9375em {
    font-size: 0.9375em !important;
}
.line_height_18px {
    line-height: 18px;
}

.text_align_left_padding_top_57px_line_height_31px {
    text-align: left;
    padding-top: 57px;
    line-height: 31px;
}


.font_family_font_size_0_9375em_margin_right_4px_display_inline_padding_bottom_8px {
    font-family: '微軟正黑體';
    font-size: 0.9375em;
    margin-right: -4px;
    display: inline;
    padding-bottom: 8px;
}
.colorB04C04 {
    color: #b04c04 !important;
}
.color_c65971 {
    color: #c65971;
}
.fs25px {
    font-size: 25px;
}
.font_weight_bold_color_4f81bd {
    font-weight: bold;
    color: #4f81bd
}

.margin24_0 {
    margin: 24px 0 !important;
}

.white_space_nowrap {
    white-space: nowrap;
}

.fs05em {
    font-size: 0.5em !important;
}
.width_5 {
    width: 5%;
}
.width_20 {
    width: 20%;
}
.cWhite {
    color: white !important;
}

.color_17a2b8 {
    color: #17a2b8;
}

.mr35 {
    margin-right: 35px !important;
}

.w100px {
    width: 100px !important;
}
.width_60 {
    width: 60%;
}
.width_100_text_align_right_color_999_font_size_15px {
    width: 100% !important;
    text-align: right !important;
    color: #999 !important;
    font-size: 15px !important;
}

.maxw48 {
    max-width: 48px !important;
    width: 100% !important;
}
.max_width_48px {
    max-width: 48px;
}

.maxw250 {
    max-width: 250px !important;
    width: 100% !important;
}
.max_width_250px {
    max-width: 250px;
}
.fz15em {
    font-size: 1.5em !important;
}

.cRed {
    color: red !important;
}

.fz07em {
    font-size: 0.7em !important;
}

.mr0 {
    margin-right: 0 !important;
}

.dInlineBlock {
    display: inline-block !important;
}

.dInlineFlex {
    display: inline-flex !important;
}

.pt10 {
    padding-top: 10px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.fontMSJH {
    font-family: '微軟正黑體', Microsoft JhengHei, sans-serif !important;
}


.fontMB {
    font-family: '微軟正黑體';
}

.font_size_1_125em {
    font-size: 1.125em;
}
.font_weight_500 {
    font-weight: 500;
}

.borderNone {
    border-bottom: none !important;
}

.top1 {
    top: 1px !important;
    position: relative !important;
}

.rightN2 {
    right: -2px !important;
    position: relative !important;
}

.h43 {
    height: 43px !important;
}

.pRelative {
    position: relative !important;
}

.dopacity {
    display: none !important;
    opacity: 0 !important;
}

.showMenu {
    display: block !important;
    opacity: 1 !important;
    transition: opacity 0.2s; /* 200ms */
}

.w100Max1000 {
    width: 100%;
    max-width: 1000px;
}

.width_100_ {
    width: 100%;
}
 

.btnKeySearch {
    position: absolute !important;
}

.h570px {
    height: 570px !important;
}
.border_bottom_none {
    border-bottom: none;
}

.opacity_0 {
    opacity: 0;
}
/* 動態樣式相關 */
.imgOuter {
    position: relative;
    overflow: hidden;
}

    .imgOuter img {
        position: absolute;
        width: var(--img-w, 100%);
        height: var(--img-h, auto);
        transform: translate(var(--img-x, 0), var(--img-y, 0));
    }

/* Mobile Menu 相關 */
.m_area {
    transform: translateX(var(--menu-x, 0));
    transition: transform 0.4s ease-out;
}
 

.padding_top_0_padding_bottom_0 {
    padding-top: 0;
    padding-bottom: 0;
}

.display_inline_max_width_400px {
    display: inline;
    max-width: 400px
}

.width_400px {
    width: 400px;
}

.display_inline_max_width_500px {
    display: inline;
    max-width: 500px
}

.display_inline {
    display: inline;
}

.max_width_200px {
    max-width: 200px
}

.padding_top_5px {
    padding-top: 5px;
}

.padding_top_10px {
    padding-top: 10px;
}

.padding_left76px {
    padding-left: 76px;
}

.top_26px {
    top: 26px
}

.max_width_435px {
    max-width: 435px
}

.margin_left_0 {
    margin-left: 0;
}

.padding_5px {
    padding: 5px;
}
.padding_5px_0px {
    padding: 5px 0px;
}

.margin_left_10px {
    margin-left: 10px;
}

.padding_righ_10px {
    padding-right: 10px;
}
.padding_left_20px {
    padding-left: 20px;
}
.float_right_width_220px_padding_bottom_20px {
    float: right;
    width: 220px;
    padding-bottom: 20px;
}
.color_blue {
    color: blue;
}

.font_weight_bold {
    font-weight: bold;
}

.text_decoration_underline {
    text-decoration: underline
}

.font_size_1_25em {
    font-size: 1.25em;
}

.display_flex {
    display: flex;
}

.max_width_300px {
    max-width: 300px;
}

.vertical_align_middle {
    vertical-align: middle;
}

.width_120px {
    width: 120px;
}

.height_120px {
    height: 120px;
}

.text_align_left {
    text-align: left;
}

.padding_top_40px {
    padding-top: 40px;
}
.line_height_40px {
    line-height: 40px;
}

.padding_40px_20px_20px_20px_text_align_center {
    padding: 40px 20px 20px 20px;
    text-align: center;
}


.font_size_2em {
    font-size: 2em;
}

.margin_top_33px_margin_bottom_49px {
    margin-top: 33px;
    margin-bottom: 49px;
}

.max_width_600px {
    max-width: 600px;
}

.margin_auto {
    margin: auto;
}

.margin_top_16 {
    margin-top: 16%;
}

.max_width_500px {
    max-width: 500px;
}

.width_45 {
    width: 45%;
}

.padding_left_15px {
    padding-left: 15px;
}

.loading-overlay {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 遮罩與進度條專用樣式 */
.divProgressStyle {
    position: fixed;
    z-index: 999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255,255,255,0.95);
    padding: 2em 3em;
    border-radius: 8px;
    box-shadow: 0 2px 16px rgba(0,0,0,0.15);
    display: none;
    min-width: 220px;
    text-align: center;
}
.text_align_center_display_none_position_fixed_top_50_left_50 {
    text-align: center;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
}

.top_50 {
    top: 50%;
}
.left_50 {
    left: 50%;
}
.divProgressStyle.show {
    display: block !important;
}

    .divProgressStyle.hide {
        display: none !important;
    }

.divMaskFrameStyle {
    position: fixed;
    z-index: 999998;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.3);
    opacity: 0.7;
    display: none;
}

    .divMaskFrameStyle.show {
        display: block !important;
    }

    .divMaskFrameStyle.hide {
        display: none !important;
    }

@media (max-width: 600px) {
    .divProgressStyle {
        min-width: 120px;
        padding: 1em 0.5em;
        font-size: 0.95em;
    }
}

.menu-collapsed {
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.4s cubic-bezier(0.4,0,0.2,1);
    display: block !important;
}

.menu-expanded {
    max-height: 500px !important; /* 根據實際內容調整 */
    overflow: hidden !important;
    transition: max-height 0.4s cubic-bezier(0.4,0,0.2,1);
    display: block !important;
}

.background_color_7accd1 {
    background-color: #7accd1;
}




.background_image_banner {
    background-image: url('/images/banner.jpg');
}


.background_size_cover {
    background-size: cover
}
.background_position_center {
    background-position: center;
}

.border_bottom_CCC_1px_solid {
    border-bottom: #CCC 1px solid;
}
.float_right {
    float: right;
}
.color_transparent {
    color: transparent;
}
.position_fixed {
    position: fixed;
}
.top_1000px {
    top: -1000px;
}
.position_fixed_left_1000px {
    position: fixed;
    left: -1000px;
}

.margin_top_5px {
    margin-top: 5px;
}
.margin_bottom_6px {
    margin-bottom: 6px;
}
.color_4d4d4d {
    color: #4d4d4d !important;
}
.width_90 {
    width: 90%;
}
.width_10 {
    width: 10%;
}
.padding_8px {
    padding: 8px;
}
.background_color_92D1C4 {
    background-color: #92D1C4;
}
.background_color_F2F2F2 {
    background-color: #F2F2F2;
}
.padding_10px_0px {
    padding: 10px 0px;
}
.color_0a62a9 {
    color: #0a62a9;
}
.font_size_0_875em {
    font-size: 0.875em;
}
.color_FFF {
    color: #FFF;
}
.padding_10px {
    padding: 10px;
}
.background_FFF {
    background: #FFF;
}
.margin_10px_0px {
    margin: 10px 0px;
}
.margin_15px_0px {
    margin: 15px 0px;
}
.font_size_1em {
    font-size: 1em;
}
.border_bottom_808080_1px_solid {
    border-bottom: #808080 1px solid;
}
.border-top_808080_1px_solid {
    border-top: #808080 1px solid;
}

.display_none_z-index_5_cursor_pointer {
    display: none;
    z-index: 5;
    cursor: pointer;
}
.margin_top_50px {
    margin-top: 50px;

}
.cursor_pointer {
    cursor: pointer;
}
.display_block {
    display: block;
}
.margin_left_5px {
    margin-left: 5px;
}
.margin_top_30px {
    margin-top: 30px;
}
.max_width_1120px {
    max-width: 1120px;
}

.width_100_margin_top_50px_padding_50px_20px_background_D8E6E6_url_bg_map_png_center_fixed_no_repeat {
    width: 100%;
    margin-top: 50px;
    padding: 50px 20px;
    background: #D8E6E6 url('/images/bg_map.png') center fixed no-repeat;
}

.margin_30px_0px {
    margin: 30px 0px;
}

.color_1B3563 {
    color: #1B3563;
}
.background_color_F2F4F7_display_none_left_0px_position_absolute_top_0px {
    background-color: #F2F4F7;
    display: none;
    left: 0px;
    position: absolute;
    top: 0px;
}
.background_color_fffdf3_padding_bottom_20px_padding_top_20px {
    background-color: #fffdf3;
    padding-bottom: 20px;
    padding-top: 20px;
}
.background_color_FFF_border_f4f4f4_1px_solid_padding_bottom_20px {
    background-color: #FFF;
    border: #f4f4f4 1px solid;
    padding-bottom: 20px;
}
.padding_top_20px_padding_left_10px {
    padding-top: 20px;
    padding-left: 10px;
}

.height_120px_width_121px_Z_INDEX_0_cursor_pointer {
    height: 120px;
    width: 121px;
    Z-INDEX: 0;
    cursor: pointer;
}
.display_inline_max_width_300px {
    display: inline;
    max-width: 300px;
}
.font_size_0_83645834169792em_text_align_left_white_space_nowrap {
    font-size: 0.83645834169792em;
    text-align: left;
    white-space: nowrap;
}
.vertical_align_middle_width_120px {
    vertical-align: middle;
    width: 120px;
}
.list_style_none {
    list-style: none;
}

.display_inline_margin_0_list_style_none {
    display: inline;
    margin: 0;
    list-style: none;
}
.display_inline_float_left_padding_10px {
    display: inline;
    float: left;
    padding: 10px;
}


#divStartMsg {
    border: 1px #ccc solid;
    border-radius: 5px;
    width: 100px;
    text-align: center;
    line-height: 35px;
    margin-left: 32%;
    float: right;
    margin-right: 29px;
    margin-top: 5px;
}

.float_left_text_align_right {
    float: left;
    text-align: right;
}
.margin_left_23_margin_top_30px_float_right_margin_right_35px {
    margin-left: 23%;
    margin-top: -30px;
    float: right;
    margin-right: 35px;
}
.padding_bottom_35px {
    padding-bottom: 35px;
}

.padding_bottom_10px {
    padding-bottom: 10px;
}


.border_collapse_collapse_border_spacing_0_padding_0_border_width_0_width_100 {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
    border-width: 0;
    width: 100%;
}

.height_42px_background_url_no-repeat_padding_left_50px_font_weight_bold {
    height: 42px;
    background: url('/images/list_bg4.gif') no-repeat;
    padding-left: 50px;
    font-weight: bold;
}

.width_100_border_collapse_collapse_border_spacing_0_padding_0_border_width_0 {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
    border-width: 0;
}
.padding_left_5px_line_height_16px {
    padding-left: 5px;
    line-height: 16px;
}
.border_collapse_collapse_border_spacing_0_padding_0_border_width_0_width_350px {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
    border-width: 0;
    width: 350px;
}

.width_75px_height_31px {
    width: 75px;
    height: 31px;
}
.width_125px_height_31px_white_space_nowrap {
    width: 125px;
    height: 31px;
    white-space: nowrap;
}

.width_136px_height_31px_white_space_nowrap {
    width: 136px;
    height: 31px;
    white-space: nowrap;
}
.width_94px_height_31px {
    width: 94px;
    height: 31px;
}

.text_indent_20px {
    text-indent: 20px;
}

.text_align_right_font_size_0_9375em_font_family_padding_5px_0px {
    text-align: right;
    font-size: 0.9375em;
    font-family: '微軟正黑體';
    padding: 5px 0px;
}
.background_color_7accd1_width_100 {
    background-color: #7accd1;
    width: 100%;
}

.width_100_height_120px_background_image_url_background_size_cover_background_position_center {
    width: 100%;
    height: 120px;
    background-image: url('/images/banner.jpg');
    background-size: cover;
    background-position: center;
}
.display_inline_position_absolute_right_0_top_40px {
    display: inline;
    position: absolute;
    right: 0;
    top: -40px;
}
.margin_right_13px {
    margin-right: 13px;
}

.font_family_font_size_0_9375em_margin_right_0px_width_220px {
    font-family: '微軟正黑體';
    font-size: 0.9375em;
    margin-right: 0px;
    width: 220px;
}

.border_bottom_ccc_1px_solid {
    border-bottom: #ccc 1px solid;
}
.margin_bottom_6px {
    margin-bottom: 6px;
}

.border_bottom_none_width_10 {
    border-bottom: none;
    width: 10%;
}

.margin_top_5px_padding_left_10px_padding_left_10px {
    margin-top: 5px;
    padding-left: 10px;
    padding-left: 10px;
}

.padding_left_5px {
    padding-left: 5px;
}

.padding_top_12px {
    padding-top: 12px;
}

.background_image_url_background_repeat_no_repeat_background_position_right_0_bottom_0_padding_top_20px {
    background-image: url('/Areas/English/images/dot_g_rl.svg');
    background-repeat: no-repeat;
    background-position: right 0 bottom 0;
    padding-top: 20px;
}

.color_lightgray {
    color: lightgray
}

.scroll-top-btn {
    opacity: .5;
    right: 2rem;
    position: fixed;
    bottom: 2rem;
    transition: opacity .25s
}

/* hover / focus 亮起 */
.scroll-top-btn--hover {
    opacity: 1
}

/* 顯示／隱藏（由 JS 切換） */
.scroll-top-btn--show {
    visibility: visible;
    opacity: 1
}

.scroll-top-btn--hide {
    visibility: hidden;
    opacity: 0
}

/* 原本 $('header').css({'background-color':'#092'}) */
.header-dark {
    background: #092
}


.go-top-button {
    display: none;
    z-index: 5;
    cursor: pointer;
}