:root {
    --primary: #181818;
    --info: #3d3d3d;
    --light: #ebf1fa;
    --black: #000;
    --white: #fff;
    --g_900: #060303;
    --g_500: #787878;
    --g_400: #6d6d6d;
    --g_300: #d5d5d4;
    --g_200: #eee;
    --g_100: #f6f6f6;
    --accent-purple: #6d28d9;
    --accent-purple-light: #a855f7;
    --accent-bg-glass: rgba(255, 255, 255, 0.68);
    --accent-border: rgba(109, 40, 217, 0.14);
    --text-dark: #0f172a;
    --text-gray: #334155;
    --text-light-gray: #6b7280;
    --width-xxs: 550px;
    --width-xs: 640px;
    --width-sm: 760px;
    --width-md: 980px;
    --width-lg: 1160px;
    --width-xl: 1280px;
    --width-xxl: 1440px;
    --font-family: 'Noto Sans TC', 'Noto Sans SC', sans-serif;
}
.row{margin-left:15px;margin-right:15px}
.col_1{width:8.33333333%}
.col_offset_1{width:calc(8.33333333% - 30px)}
.col_2{width:16.66666667%}
.col_offset_2{width:calc(16.66666667% - 30px)}
.col_3{width:25%}
.col_offset_3{width:calc(25% - 30px)}
.col_4{width:33.33333333%}
.col_offset_4{width:calc(33.33333333% - 30px)}
.col_5{width:41.66666667%}
.col_offset_5{width:calc(41.66666667% - 30px)}
.col_6{width:50%}
.col_offset_6{width:calc(50% - 30px)}
.col_7{width:58.33333333%}
.col_offset_7{width:calc(58.33333333% - 30px)}
.col_8{width:66.66666667%}
.col_offset_8{width:calc(66.66666667% - 30px)}
.col_9{width:75%}
.col_offset_9{width:calc(75% - 30px)}
.col_10{width:83.33333333%}
.col_offset_10{width:calc(83.33333333% - 30px)}
.col_11{width:91.66666667%}
.col_offset_11{width:calc(91.66666667% - 30px)}
.col_12{width:100%}
.col_offset_12{width:calc(100% - 30px)}
.over_auto{overflow:auto}
.over_hid{overflow:hidden}
.over_vis{overflow:visible}
.over_scr{overflow:scroll}
.pos_stat{position:static}
.pos_rel{position:relative}
.pos_abs{position:absolute}
.pos_fix{position:fixed}
.pos_stic{position:sticky}
.d_none{display:none}
.d_inblock{display:inline-block}
.d_block{display:block}
.d_grid{display:grid}
.d_flex{display:flex}
.d_inflex{display:inline-flex}
.talign_right{text-align:right}
.talign_left{text-align:left}
.talign_center{text-align:center}
.talign_justify{text-align:justify}
.f_acontent_center{align-content:center}
.f_acontent_start{align-content:flex-start}
.f_acontent_end{align-content:flex-end}
.f_acontent_space_a{align-content:space-around}
.f_acontent_space_b{align-content:space-between}
.f_acontent_stretch{align-content:stretch}
.f_justify_center{justify-content:center}
.f_justify_start{justify-content:flex-start}
.f_justify_end{justify-content:flex-end}
.f_justify_space_a{justify-content:space-around}
.f_justify_space_b{justify-content:space-between}
.f_justify_space_e{justify-content:space-evenly}
.f_aitems_center{align-items:center}
.f_aitems_start{align-items:flex-start}
.f_aitems_end{align-items:flex-end}
.f_aitems_stretch{align-items:stretch}
.f_aitems_baseline{align-items:baseline}
.txt_primary{color:#181818}
.bg_primary{background:#181818}
.btn_primary{background-color:#181818;border-color:#181818;color:#fff}
.btn_primary:hover,.btn_primary.active{background-color:#000000;border-color:#000000}
.btn_outline_primary{border-color:#181818;color:#181818}
.btn_outline_primary:hover,.btn_outline_primary.active{background-color:#181818;color:#fff}
.badge_primary{background-color:#181818;color:#fff}
.badge_soft_primary{background-color:#7e7e7e;color:#000000}
.txt_info{color:#3d3d3d}
.bg_info{background:#3d3d3d}
.btn_info{background-color:#3d3d3d;border-color:#3d3d3d;color:#fff}
.btn_info:hover,.btn_info.active{background-color:#242424;border-color:#242424}
.btn_outline_info{border-color:#3d3d3d;color:#3d3d3d}
.btn_outline_info:hover,.btn_outline_info.active{background-color:#3d3d3d;color:#fff}
.badge_info{background-color:#3d3d3d;color:#fff}
.badge_soft_info{background-color:#a3a3a3;color:#171717}
.txt_light{color:#ebf1fa}
.bg_light{background:#ebf1fa}
.btn_light{background-color:#ebf1fa;border-color:#ebf1fa;color:#fff}
.btn_light:hover,.btn_light.active{background-color:#c2d4f0;border-color:#c2d4f0}
.btn_outline_light{border-color:#ebf1fa;color:#ebf1fa}
.btn_outline_light:hover,.btn_outline_light.active{background-color:#ebf1fa;color:#fff}
.badge_light{background-color:#ebf1fa;color:#fff}
.badge_soft_light{background-color:#ffffff;color:#aec6eb}
.txt_black{color:#000}
.bg_black{background:#000}
.btn_black{background-color:#000;border-color:#000;color:#fff}
.btn_black:hover,.btn_black.active{background-color:#000000;border-color:#000000}
.btn_outline_black{border-color:#000;color:#000}
.btn_outline_black:hover,.btn_outline_black.active{background-color:#000;color:#fff}
.badge_black{background-color:#000;color:#fff}
.badge_soft_black{background-color:#666666;color:#000000}
.txt_white{color:#fff}
.bg_white{background:#fff}
.btn_white{background-color:#fff;border-color:#fff;color:#fff}
.btn_white:hover,.btn_white.active{background-color:#e6e6e6;border-color:#e6e6e6}
.btn_outline_white{border-color:#fff;color:#fff}
.btn_outline_white:hover,.btn_outline_white.active{background-color:#fff;color:#fff}
.badge_white{background-color:#fff;color:#fff}
.badge_soft_white{background-color:#ffffff;color:#d9d9d9}
.txt_g_900{color:#060303}
.bg_g_900{background:#060303}
.btn_g_900{background-color:#060303;border-color:#060303;color:#fff}
.btn_g_900:hover,.btn_g_900.active{background-color:#000000;border-color:#000000}
.btn_outline_g_900{border-color:#060303;color:#060303}
.btn_outline_g_900:hover,.btn_outline_g_900.active{background-color:#060303;color:#fff}
.badge_g_900{background-color:#060303;color:#fff}
.badge_soft_g_900{background-color:#8e4747;color:#000000}
.txt_g_500{color:#787878}
.bg_g_500{background:#787878}
.btn_g_500{background-color:#787878;border-color:#787878;color:#fff}
.btn_g_500:hover,.btn_g_500.active{background-color:#5f5f5f;border-color:#5f5f5f}
.btn_outline_g_500{border-color:#787878;color:#787878}
.btn_outline_g_500:hover,.btn_outline_g_500.active{background-color:#787878;color:#fff}
.badge_g_500{background-color:#787878;color:#fff}
.badge_soft_g_500{background-color:#dedede;color:#525252}
.txt_g_400{color:#6d6d6d}
.bg_g_400{background:#6d6d6d}
.btn_g_400{background-color:#6d6d6d;border-color:#6d6d6d;color:#fff}
.btn_g_400:hover,.btn_g_400.active{background-color:#535353;border-color:#535353}
.btn_outline_g_400{border-color:#6d6d6d;color:#6d6d6d}
.btn_outline_g_400:hover,.btn_outline_g_400.active{background-color:#6d6d6d;color:#fff}
.badge_g_400{background-color:#6d6d6d;color:#fff}
.badge_soft_g_400{background-color:#d3d3d3;color:#474747}
.txt_g_300{color:#d5d5d4}
.bg_g_300{background:#d5d5d4}
.btn_g_300{background-color:#d5d5d4;border-color:#d5d5d4;color:#fff}
.btn_g_300:hover,.btn_g_300.active{background-color:#bcbcba;border-color:#bcbcba}
.btn_outline_g_300{border-color:#d5d5d4;color:#d5d5d4}
.btn_outline_g_300:hover,.btn_outline_g_300.active{background-color:#d5d5d4;color:#fff}
.badge_g_300{background-color:#d5d5d4;color:#fff}
.badge_soft_g_300{background-color:#ffffff;color:#afafad}
.txt_g_200{color:#eee}
.bg_g_200{background:#eee}
.btn_g_200{background-color:#eee;border-color:#eee;color:#fff}
.btn_g_200:hover,.btn_g_200.active{background-color:#d5d5d5;border-color:#d5d5d5}
.btn_outline_g_200{border-color:#eee;color:#eee}
.btn_outline_g_200:hover,.btn_outline_g_200.active{background-color:#eee;color:#fff}
.badge_g_200{background-color:#eee;color:#fff}
.badge_soft_g_200{background-color:#ffffff;color:#c8c8c8}
.txt_g_100{color:#f6f6f6}
.bg_g_100{background:#f6f6f6}
.btn_g_100{background-color:#f6f6f6;border-color:#f6f6f6;color:#fff}
.btn_g_100:hover,.btn_g_100.active{background-color:#dddddd;border-color:#dddddd}
.btn_outline_g_100{border-color:#f6f6f6;color:#f6f6f6}
.btn_outline_g_100:hover,.btn_outline_g_100.active{background-color:#f6f6f6;color:#fff}
.badge_g_100{background-color:#f6f6f6;color:#fff}
.badge_soft_g_100{background-color:#ffffff;color:#d0d0d0}
.txt_g_0{color:#fff}
.bg_g_0{background:#fff}

@media (min-width: 551px) {
    .col_xxs_1{width:8.33333333%}
.col_xxs_offset_1{width:calc(8.33333333% - 30px)}
.col_xxs_2{width:16.66666667%}
.col_xxs_offset_2{width:calc(16.66666667% - 30px)}
.col_xxs_3{width:25%}
.col_xxs_offset_3{width:calc(25% - 30px)}
.col_xxs_4{width:33.33333333%}
.col_xxs_offset_4{width:calc(33.33333333% - 30px)}
.col_xxs_5{width:41.66666667%}
.col_xxs_offset_5{width:calc(41.66666667% - 30px)}
.col_xxs_6{width:50%}
.col_xxs_offset_6{width:calc(50% - 30px)}
.col_xxs_7{width:58.33333333%}
.col_xxs_offset_7{width:calc(58.33333333% - 30px)}
.col_xxs_8{width:66.66666667%}
.col_xxs_offset_8{width:calc(66.66666667% - 30px)}
.col_xxs_9{width:75%}
.col_xxs_offset_9{width:calc(75% - 30px)}
.col_xxs_10{width:83.33333333%}
.col_xxs_offset_10{width:calc(83.33333333% - 30px)}
.col_xxs_11{width:91.66666667%}
.col_xxs_offset_11{width:calc(91.66666667% - 30px)}
.col_xxs_12{width:100%}
.col_xxs_offset_12{width:calc(100% - 30px)}
.over_xxs_auto{overflow:auto}
.over_xxs_hid{overflow:hidden}
.over_xxs_vis{overflow:visible}
.over_xxs_scr{overflow:scroll}
.pos_xxs_stat{position:static}
.pos_xxs_rel{position:relative}
.pos_xxs_abs{position:absolute}
.pos_xxs_fix{position:fixed}
.pos_xxs_stic{position:sticky}
.d_xxs_none{display:none}
.d_xxs_inblock{display:inline-block}
.d_xxs_block{display:block}
.d_xxs_grid{display:grid}
.d_xxs_flex{display:flex}
.d_xxs_inflex{display:inline-flex}
.talign_xxs_right{text-align:right}
.talign_xxs_left{text-align:left}
.talign_xxs_center{text-align:center}
.talign_xxs_justify{text-align:justify}
.f_acontent_xxs_center{align-content:center}
.f_acontent_xxs_start{align-content:flex-start}
.f_acontent_xxs_end{align-content:flex-end}
.f_acontent_xxs_space_a{align-content:space-around}
.f_acontent_xxs_space_b{align-content:space-between}
.f_acontent_xxs_stretch{align-content:stretch}
.f_justify_xxs_center{justify-content:center}
.f_justify_xxs_start{justify-content:flex-start}
.f_justify_xxs_end{justify-content:flex-end}
.f_justify_xxs_space_a{justify-content:space-around}
.f_justify_xxs_space_b{justify-content:space-between}
.f_justify_xxs_space_e{justify-content:space-evenly}
.f_aitems_xxs_center{align-items:center}
.f_aitems_xxs_start{align-items:flex-start}
.f_aitems_xxs_end{align-items:flex-end}
.f_aitems_xxs_stretch{align-items:stretch}
.f_aitems_xxs_baseline{align-items:baseline}
}

@media (min-width: 641px) {
    .col_xs_1{width:8.33333333%}
.col_xs_offset_1{width:calc(8.33333333% - 30px)}
.col_xs_2{width:16.66666667%}
.col_xs_offset_2{width:calc(16.66666667% - 30px)}
.col_xs_3{width:25%}
.col_xs_offset_3{width:calc(25% - 30px)}
.col_xs_4{width:33.33333333%}
.col_xs_offset_4{width:calc(33.33333333% - 30px)}
.col_xs_5{width:41.66666667%}
.col_xs_offset_5{width:calc(41.66666667% - 30px)}
.col_xs_6{width:50%}
.col_xs_offset_6{width:calc(50% - 30px)}
.col_xs_7{width:58.33333333%}
.col_xs_offset_7{width:calc(58.33333333% - 30px)}
.col_xs_8{width:66.66666667%}
.col_xs_offset_8{width:calc(66.66666667% - 30px)}
.col_xs_9{width:75%}
.col_xs_offset_9{width:calc(75% - 30px)}
.col_xs_10{width:83.33333333%}
.col_xs_offset_10{width:calc(83.33333333% - 30px)}
.col_xs_11{width:91.66666667%}
.col_xs_offset_11{width:calc(91.66666667% - 30px)}
.col_xs_12{width:100%}
.col_xs_offset_12{width:calc(100% - 30px)}
.over_xs_auto{overflow:auto}
.over_xs_hid{overflow:hidden}
.over_xs_vis{overflow:visible}
.over_xs_scr{overflow:scroll}
.pos_xs_stat{position:static}
.pos_xs_rel{position:relative}
.pos_xs_abs{position:absolute}
.pos_xs_fix{position:fixed}
.pos_xs_stic{position:sticky}
.d_xs_none{display:none}
.d_xs_inblock{display:inline-block}
.d_xs_block{display:block}
.d_xs_grid{display:grid}
.d_xs_flex{display:flex}
.d_xs_inflex{display:inline-flex}
.talign_xs_right{text-align:right}
.talign_xs_left{text-align:left}
.talign_xs_center{text-align:center}
.talign_xs_justify{text-align:justify}
.f_acontent_xs_center{align-content:center}
.f_acontent_xs_start{align-content:flex-start}
.f_acontent_xs_end{align-content:flex-end}
.f_acontent_xs_space_a{align-content:space-around}
.f_acontent_xs_space_b{align-content:space-between}
.f_acontent_xs_stretch{align-content:stretch}
.f_justify_xs_center{justify-content:center}
.f_justify_xs_start{justify-content:flex-start}
.f_justify_xs_end{justify-content:flex-end}
.f_justify_xs_space_a{justify-content:space-around}
.f_justify_xs_space_b{justify-content:space-between}
.f_justify_xs_space_e{justify-content:space-evenly}
.f_aitems_xs_center{align-items:center}
.f_aitems_xs_start{align-items:flex-start}
.f_aitems_xs_end{align-items:flex-end}
.f_aitems_xs_stretch{align-items:stretch}
.f_aitems_xs_baseline{align-items:baseline}
}

@media (min-width: 761px) {
    .col_sm_1{width:8.33333333%}
.col_sm_offset_1{width:calc(8.33333333% - 30px)}
.col_sm_2{width:16.66666667%}
.col_sm_offset_2{width:calc(16.66666667% - 30px)}
.col_sm_3{width:25%}
.col_sm_offset_3{width:calc(25% - 30px)}
.col_sm_4{width:33.33333333%}
.col_sm_offset_4{width:calc(33.33333333% - 30px)}
.col_sm_5{width:41.66666667%}
.col_sm_offset_5{width:calc(41.66666667% - 30px)}
.col_sm_6{width:50%}
.col_sm_offset_6{width:calc(50% - 30px)}
.col_sm_7{width:58.33333333%}
.col_sm_offset_7{width:calc(58.33333333% - 30px)}
.col_sm_8{width:66.66666667%}
.col_sm_offset_8{width:calc(66.66666667% - 30px)}
.col_sm_9{width:75%}
.col_sm_offset_9{width:calc(75% - 30px)}
.col_sm_10{width:83.33333333%}
.col_sm_offset_10{width:calc(83.33333333% - 30px)}
.col_sm_11{width:91.66666667%}
.col_sm_offset_11{width:calc(91.66666667% - 30px)}
.col_sm_12{width:100%}
.col_sm_offset_12{width:calc(100% - 30px)}
.over_sm_auto{overflow:auto}
.over_sm_hid{overflow:hidden}
.over_sm_vis{overflow:visible}
.over_sm_scr{overflow:scroll}
.pos_sm_stat{position:static}
.pos_sm_rel{position:relative}
.pos_sm_abs{position:absolute}
.pos_sm_fix{position:fixed}
.pos_sm_stic{position:sticky}
.d_sm_none{display:none}
.d_sm_inblock{display:inline-block}
.d_sm_block{display:block}
.d_sm_grid{display:grid}
.d_sm_flex{display:flex}
.d_sm_inflex{display:inline-flex}
.talign_sm_right{text-align:right}
.talign_sm_left{text-align:left}
.talign_sm_center{text-align:center}
.talign_sm_justify{text-align:justify}
.f_acontent_sm_center{align-content:center}
.f_acontent_sm_start{align-content:flex-start}
.f_acontent_sm_end{align-content:flex-end}
.f_acontent_sm_space_a{align-content:space-around}
.f_acontent_sm_space_b{align-content:space-between}
.f_acontent_sm_stretch{align-content:stretch}
.f_justify_sm_center{justify-content:center}
.f_justify_sm_start{justify-content:flex-start}
.f_justify_sm_end{justify-content:flex-end}
.f_justify_sm_space_a{justify-content:space-around}
.f_justify_sm_space_b{justify-content:space-between}
.f_justify_sm_space_e{justify-content:space-evenly}
.f_aitems_sm_center{align-items:center}
.f_aitems_sm_start{align-items:flex-start}
.f_aitems_sm_end{align-items:flex-end}
.f_aitems_sm_stretch{align-items:stretch}
.f_aitems_sm_baseline{align-items:baseline}
}

@media (min-width: 981px) {
    .col_md_1{width:8.33333333%}
.col_md_offset_1{width:calc(8.33333333% - 30px)}
.col_md_2{width:16.66666667%}
.col_md_offset_2{width:calc(16.66666667% - 30px)}
.col_md_3{width:25%}
.col_md_offset_3{width:calc(25% - 30px)}
.col_md_4{width:33.33333333%}
.col_md_offset_4{width:calc(33.33333333% - 30px)}
.col_md_5{width:41.66666667%}
.col_md_offset_5{width:calc(41.66666667% - 30px)}
.col_md_6{width:50%}
.col_md_offset_6{width:calc(50% - 30px)}
.col_md_7{width:58.33333333%}
.col_md_offset_7{width:calc(58.33333333% - 30px)}
.col_md_8{width:66.66666667%}
.col_md_offset_8{width:calc(66.66666667% - 30px)}
.col_md_9{width:75%}
.col_md_offset_9{width:calc(75% - 30px)}
.col_md_10{width:83.33333333%}
.col_md_offset_10{width:calc(83.33333333% - 30px)}
.col_md_11{width:91.66666667%}
.col_md_offset_11{width:calc(91.66666667% - 30px)}
.col_md_12{width:100%}
.col_md_offset_12{width:calc(100% - 30px)}
.over_md_auto{overflow:auto}
.over_md_hid{overflow:hidden}
.over_md_vis{overflow:visible}
.over_md_scr{overflow:scroll}
.pos_md_stat{position:static}
.pos_md_rel{position:relative}
.pos_md_abs{position:absolute}
.pos_md_fix{position:fixed}
.pos_md_stic{position:sticky}
.d_md_none{display:none}
.d_md_inblock{display:inline-block}
.d_md_block{display:block}
.d_md_grid{display:grid}
.d_md_flex{display:flex}
.d_md_inflex{display:inline-flex}
.talign_md_right{text-align:right}
.talign_md_left{text-align:left}
.talign_md_center{text-align:center}
.talign_md_justify{text-align:justify}
.f_acontent_md_center{align-content:center}
.f_acontent_md_start{align-content:flex-start}
.f_acontent_md_end{align-content:flex-end}
.f_acontent_md_space_a{align-content:space-around}
.f_acontent_md_space_b{align-content:space-between}
.f_acontent_md_stretch{align-content:stretch}
.f_justify_md_center{justify-content:center}
.f_justify_md_start{justify-content:flex-start}
.f_justify_md_end{justify-content:flex-end}
.f_justify_md_space_a{justify-content:space-around}
.f_justify_md_space_b{justify-content:space-between}
.f_justify_md_space_e{justify-content:space-evenly}
.f_aitems_md_center{align-items:center}
.f_aitems_md_start{align-items:flex-start}
.f_aitems_md_end{align-items:flex-end}
.f_aitems_md_stretch{align-items:stretch}
.f_aitems_md_baseline{align-items:baseline}
}

@media (min-width: 1161px) {
    .col_lg_1{width:8.33333333%}
.col_lg_offset_1{width:calc(8.33333333% - 30px)}
.col_lg_2{width:16.66666667%}
.col_lg_offset_2{width:calc(16.66666667% - 30px)}
.col_lg_3{width:25%}
.col_lg_offset_3{width:calc(25% - 30px)}
.col_lg_4{width:33.33333333%}
.col_lg_offset_4{width:calc(33.33333333% - 30px)}
.col_lg_5{width:41.66666667%}
.col_lg_offset_5{width:calc(41.66666667% - 30px)}
.col_lg_6{width:50%}
.col_lg_offset_6{width:calc(50% - 30px)}
.col_lg_7{width:58.33333333%}
.col_lg_offset_7{width:calc(58.33333333% - 30px)}
.col_lg_8{width:66.66666667%}
.col_lg_offset_8{width:calc(66.66666667% - 30px)}
.col_lg_9{width:75%}
.col_lg_offset_9{width:calc(75% - 30px)}
.col_lg_10{width:83.33333333%}
.col_lg_offset_10{width:calc(83.33333333% - 30px)}
.col_lg_11{width:91.66666667%}
.col_lg_offset_11{width:calc(91.66666667% - 30px)}
.col_lg_12{width:100%}
.col_lg_offset_12{width:calc(100% - 30px)}
.over_lg_auto{overflow:auto}
.over_lg_hid{overflow:hidden}
.over_lg_vis{overflow:visible}
.over_lg_scr{overflow:scroll}
.pos_lg_stat{position:static}
.pos_lg_rel{position:relative}
.pos_lg_abs{position:absolute}
.pos_lg_fix{position:fixed}
.pos_lg_stic{position:sticky}
.d_lg_none{display:none}
.d_lg_inblock{display:inline-block}
.d_lg_block{display:block}
.d_lg_grid{display:grid}
.d_lg_flex{display:flex}
.d_lg_inflex{display:inline-flex}
.talign_lg_right{text-align:right}
.talign_lg_left{text-align:left}
.talign_lg_center{text-align:center}
.talign_lg_justify{text-align:justify}
.f_acontent_lg_center{align-content:center}
.f_acontent_lg_start{align-content:flex-start}
.f_acontent_lg_end{align-content:flex-end}
.f_acontent_lg_space_a{align-content:space-around}
.f_acontent_lg_space_b{align-content:space-between}
.f_acontent_lg_stretch{align-content:stretch}
.f_justify_lg_center{justify-content:center}
.f_justify_lg_start{justify-content:flex-start}
.f_justify_lg_end{justify-content:flex-end}
.f_justify_lg_space_a{justify-content:space-around}
.f_justify_lg_space_b{justify-content:space-between}
.f_justify_lg_space_e{justify-content:space-evenly}
.f_aitems_lg_center{align-items:center}
.f_aitems_lg_start{align-items:flex-start}
.f_aitems_lg_end{align-items:flex-end}
.f_aitems_lg_stretch{align-items:stretch}
.f_aitems_lg_baseline{align-items:baseline}
}

@media (min-width: 1281px) {
    .col_xl_1{width:8.33333333%}
.col_xl_offset_1{width:calc(8.33333333% - 30px)}
.col_xl_2{width:16.66666667%}
.col_xl_offset_2{width:calc(16.66666667% - 30px)}
.col_xl_3{width:25%}
.col_xl_offset_3{width:calc(25% - 30px)}
.col_xl_4{width:33.33333333%}
.col_xl_offset_4{width:calc(33.33333333% - 30px)}
.col_xl_5{width:41.66666667%}
.col_xl_offset_5{width:calc(41.66666667% - 30px)}
.col_xl_6{width:50%}
.col_xl_offset_6{width:calc(50% - 30px)}
.col_xl_7{width:58.33333333%}
.col_xl_offset_7{width:calc(58.33333333% - 30px)}
.col_xl_8{width:66.66666667%}
.col_xl_offset_8{width:calc(66.66666667% - 30px)}
.col_xl_9{width:75%}
.col_xl_offset_9{width:calc(75% - 30px)}
.col_xl_10{width:83.33333333%}
.col_xl_offset_10{width:calc(83.33333333% - 30px)}
.col_xl_11{width:91.66666667%}
.col_xl_offset_11{width:calc(91.66666667% - 30px)}
.col_xl_12{width:100%}
.col_xl_offset_12{width:calc(100% - 30px)}
.over_xl_auto{overflow:auto}
.over_xl_hid{overflow:hidden}
.over_xl_vis{overflow:visible}
.over_xl_scr{overflow:scroll}
.pos_xl_stat{position:static}
.pos_xl_rel{position:relative}
.pos_xl_abs{position:absolute}
.pos_xl_fix{position:fixed}
.pos_xl_stic{position:sticky}
.d_xl_none{display:none}
.d_xl_inblock{display:inline-block}
.d_xl_block{display:block}
.d_xl_grid{display:grid}
.d_xl_flex{display:flex}
.d_xl_inflex{display:inline-flex}
.talign_xl_right{text-align:right}
.talign_xl_left{text-align:left}
.talign_xl_center{text-align:center}
.talign_xl_justify{text-align:justify}
.f_acontent_xl_center{align-content:center}
.f_acontent_xl_start{align-content:flex-start}
.f_acontent_xl_end{align-content:flex-end}
.f_acontent_xl_space_a{align-content:space-around}
.f_acontent_xl_space_b{align-content:space-between}
.f_acontent_xl_stretch{align-content:stretch}
.f_justify_xl_center{justify-content:center}
.f_justify_xl_start{justify-content:flex-start}
.f_justify_xl_end{justify-content:flex-end}
.f_justify_xl_space_a{justify-content:space-around}
.f_justify_xl_space_b{justify-content:space-between}
.f_justify_xl_space_e{justify-content:space-evenly}
.f_aitems_xl_center{align-items:center}
.f_aitems_xl_start{align-items:flex-start}
.f_aitems_xl_end{align-items:flex-end}
.f_aitems_xl_stretch{align-items:stretch}
.f_aitems_xl_baseline{align-items:baseline}
}

@media (min-width: 1441px) {
    .col_xxl_1{width:8.33333333%}
.col_xxl_offset_1{width:calc(8.33333333% - 30px)}
.col_xxl_2{width:16.66666667%}
.col_xxl_offset_2{width:calc(16.66666667% - 30px)}
.col_xxl_3{width:25%}
.col_xxl_offset_3{width:calc(25% - 30px)}
.col_xxl_4{width:33.33333333%}
.col_xxl_offset_4{width:calc(33.33333333% - 30px)}
.col_xxl_5{width:41.66666667%}
.col_xxl_offset_5{width:calc(41.66666667% - 30px)}
.col_xxl_6{width:50%}
.col_xxl_offset_6{width:calc(50% - 30px)}
.col_xxl_7{width:58.33333333%}
.col_xxl_offset_7{width:calc(58.33333333% - 30px)}
.col_xxl_8{width:66.66666667%}
.col_xxl_offset_8{width:calc(66.66666667% - 30px)}
.col_xxl_9{width:75%}
.col_xxl_offset_9{width:calc(75% - 30px)}
.col_xxl_10{width:83.33333333%}
.col_xxl_offset_10{width:calc(83.33333333% - 30px)}
.col_xxl_11{width:91.66666667%}
.col_xxl_offset_11{width:calc(91.66666667% - 30px)}
.col_xxl_12{width:100%}
.col_xxl_offset_12{width:calc(100% - 30px)}
.over_xxl_auto{overflow:auto}
.over_xxl_hid{overflow:hidden}
.over_xxl_vis{overflow:visible}
.over_xxl_scr{overflow:scroll}
.pos_xxl_stat{position:static}
.pos_xxl_rel{position:relative}
.pos_xxl_abs{position:absolute}
.pos_xxl_fix{position:fixed}
.pos_xxl_stic{position:sticky}
.d_xxl_none{display:none}
.d_xxl_inblock{display:inline-block}
.d_xxl_block{display:block}
.d_xxl_grid{display:grid}
.d_xxl_flex{display:flex}
.d_xxl_inflex{display:inline-flex}
.talign_xxl_right{text-align:right}
.talign_xxl_left{text-align:left}
.talign_xxl_center{text-align:center}
.talign_xxl_justify{text-align:justify}
.f_acontent_xxl_center{align-content:center}
.f_acontent_xxl_start{align-content:flex-start}
.f_acontent_xxl_end{align-content:flex-end}
.f_acontent_xxl_space_a{align-content:space-around}
.f_acontent_xxl_space_b{align-content:space-between}
.f_acontent_xxl_stretch{align-content:stretch}
.f_justify_xxl_center{justify-content:center}
.f_justify_xxl_start{justify-content:flex-start}
.f_justify_xxl_end{justify-content:flex-end}
.f_justify_xxl_space_a{justify-content:space-around}
.f_justify_xxl_space_b{justify-content:space-between}
.f_justify_xxl_space_e{justify-content:space-evenly}
.f_aitems_xxl_center{align-items:center}
.f_aitems_xxl_start{align-items:flex-start}
.f_aitems_xxl_end{align-items:flex-end}
.f_aitems_xxl_stretch{align-items:stretch}
.f_aitems_xxl_baseline{align-items:baseline}
}

.mall_1{margin:0.25rem}
.mt_1{margin-top:0.25rem}
.mr_1{margin-right:0.25rem}
.mb_1{margin-bottom:0.25rem}
.ml_1{margin-left:0.25rem}
.mall_2{margin:0.5rem}
.mt_2{margin-top:0.5rem}
.mr_2{margin-right:0.5rem}
.mb_2{margin-bottom:0.5rem}
.ml_2{margin-left:0.5rem}
.mall_3{margin:0.75rem}
.mt_3{margin-top:0.75rem}
.mr_3{margin-right:0.75rem}
.mb_3{margin-bottom:0.75rem}
.ml_3{margin-left:0.75rem}
.mall_4{margin:1rem}
.mt_4{margin-top:1rem}
.mr_4{margin-right:1rem}
.mb_4{margin-bottom:1rem}
.ml_4{margin-left:1rem}
.mall_5{margin:1.25rem}
.mt_5{margin-top:1.25rem}
.mr_5{margin-right:1.25rem}
.mb_5{margin-bottom:1.25rem}
.ml_5{margin-left:1.25rem}
.mall_6{margin:1.5rem}
.mt_6{margin-top:1.5rem}
.mr_6{margin-right:1.5rem}
.mb_6{margin-bottom:1.5rem}
.ml_6{margin-left:1.5rem}
.mall_7{margin:1.75rem}
.mt_7{margin-top:1.75rem}
.mr_7{margin-right:1.75rem}
.mb_7{margin-bottom:1.75rem}
.ml_7{margin-left:1.75rem}
.mall_8{margin:2rem}
.mt_8{margin-top:2rem}
.mr_8{margin-right:2rem}
.mb_8{margin-bottom:2rem}
.ml_8{margin-left:2rem}
.mall_9{margin:2.25rem}
.mt_9{margin-top:2.25rem}
.mr_9{margin-right:2.25rem}
.mb_9{margin-bottom:2.25rem}
.ml_9{margin-left:2.25rem}
.mall_10{margin:2.5rem}
.mt_10{margin-top:2.5rem}
.mr_10{margin-right:2.5rem}
.mb_10{margin-bottom:2.5rem}
.ml_10{margin-left:2.5rem}
.mall_11{margin:2.75rem}
.mt_11{margin-top:2.75rem}
.mr_11{margin-right:2.75rem}
.mb_11{margin-bottom:2.75rem}
.ml_11{margin-left:2.75rem}
.mall_12{margin:3rem}
.mt_12{margin-top:3rem}
.mr_12{margin-right:3rem}
.mb_12{margin-bottom:3rem}
.ml_12{margin-left:3rem}
.mall_13{margin:3.25rem}
.mt_13{margin-top:3.25rem}
.mr_13{margin-right:3.25rem}
.mb_13{margin-bottom:3.25rem}
.ml_13{margin-left:3.25rem}
.mall_14{margin:3.5rem}
.mt_14{margin-top:3.5rem}
.mr_14{margin-right:3.5rem}
.mb_14{margin-bottom:3.5rem}
.ml_14{margin-left:3.5rem}
.mall_15{margin:3.75rem}
.mt_15{margin-top:3.75rem}
.mr_15{margin-right:3.75rem}
.mb_15{margin-bottom:3.75rem}
.ml_15{margin-left:3.75rem}
.mall_16{margin:4rem}
.mt_16{margin-top:4rem}
.mr_16{margin-right:4rem}
.mb_16{margin-bottom:4rem}
.ml_16{margin-left:4rem}
.mall_17{margin:4.25rem}
.mt_17{margin-top:4.25rem}
.mr_17{margin-right:4.25rem}
.mb_17{margin-bottom:4.25rem}
.ml_17{margin-left:4.25rem}
.mall_18{margin:4.5rem}
.mt_18{margin-top:4.5rem}
.mr_18{margin-right:4.5rem}
.mb_18{margin-bottom:4.5rem}
.ml_18{margin-left:4.5rem}
.mall_19{margin:4.75rem}
.mt_19{margin-top:4.75rem}
.mr_19{margin-right:4.75rem}
.mb_19{margin-bottom:4.75rem}
.ml_19{margin-left:4.75rem}
.mall_20{margin:5rem}
.mt_20{margin-top:5rem}
.mr_20{margin-right:5rem}
.mb_20{margin-bottom:5rem}
.ml_20{margin-left:5rem}
.pall_1{padding:0.25rem}

.pt_1{padding-top:0.25rem}
.pr_1{padding-right:0.25rem}
.pb_1{padding-bottom:0.25rem}
.pl_1{padding-left:0.25rem}
.pall_2{padding:0.5rem}
.pt_2{padding-top:0.5rem}
.pr_2{padding-right:0.5rem}
.pb_2{padding-bottom:0.5rem}
.pl_2{padding-left:0.5rem}
.pall_3{padding:0.75rem}
.pt_3{padding-top:0.75rem}
.pr_3{padding-right:0.75rem}
.pb_3{padding-bottom:0.75rem}
.pl_3{padding-left:0.75rem}
.pall_4{padding:1rem}
.pt_4{padding-top:1rem}
.pr_4{padding-right:1rem}
.pb_4{padding-bottom:1rem}
.pl_4{padding-left:1rem}
.pall_5{padding:1.25rem}
.pt_5{padding-top:1.25rem}
.pr_5{padding-right:1.25rem}
.pb_5{padding-bottom:1.25rem}
.pl_5{padding-left:1.25rem}
.pall_6{padding:1.5rem}
.pt_6{padding-top:1.5rem}
.pr_6{padding-right:1.5rem}
.pb_6{padding-bottom:1.5rem}
.pl_6{padding-left:1.5rem}
.pall_7{padding:1.75rem}
.pt_7{padding-top:1.75rem}
.pr_7{padding-right:1.75rem}
.pb_7{padding-bottom:1.75rem}
.pl_7{padding-left:1.75rem}
.pall_8{padding:2rem}
.pt_8{padding-top:2rem}
.pr_8{padding-right:2rem}
.pb_8{padding-bottom:2rem}
.pl_8{padding-left:2rem}
.pall_9{padding:2.25rem}
.pt_9{padding-top:2.25rem}
.pr_9{padding-right:2.25rem}
.pb_9{padding-bottom:2.25rem}
.pl_9{padding-left:2.25rem}
.pall_10{padding:2.5rem}
.pt_10{padding-top:2.5rem}
.pr_10{padding-right:2.5rem}
.pb_10{padding-bottom:2.5rem}
.pl_10{padding-left:2.5rem}
.pall_11{padding:2.75rem}
.pt_11{padding-top:2.75rem}
.pr_11{padding-right:2.75rem}
.pb_11{padding-bottom:2.75rem}
.pl_11{padding-left:2.75rem}
.pall_12{padding:3rem}
.pt_12{padding-top:3rem}
.pr_12{padding-right:3rem}
.pb_12{padding-bottom:3rem}
.pl_12{padding-left:3rem}
.pall_13{padding:3.25rem}
.pt_13{padding-top:3.25rem}
.pr_13{padding-right:3.25rem}
.pb_13{padding-bottom:3.25rem}
.pl_13{padding-left:3.25rem}
.pall_14{padding:3.5rem}
.pt_14{padding-top:3.5rem}
.pr_14{padding-right:3.5rem}
.pb_14{padding-bottom:3.5rem}
.pl_14{padding-left:3.5rem}
.pall_15{padding:3.75rem}
.pt_15{padding-top:3.75rem}
.pr_15{padding-right:3.75rem}
.pb_15{padding-bottom:3.75rem}
.pl_15{padding-left:3.75rem}
.pall_16{padding:4rem}
.pt_16{padding-top:4rem}
.pr_16{padding-right:4rem}
.pb_16{padding-bottom:4rem}
.pl_16{padding-left:4rem}
.pall_17{padding:4.25rem}
.pt_17{padding-top:4.25rem}
.pr_17{padding-right:4.25rem}
.pb_17{padding-bottom:4.25rem}
.pl_17{padding-left:4.25rem}
.pall_18{padding:4.5rem}
.pt_18{padding-top:4.5rem}
.pr_18{padding-right:4.5rem}
.pb_18{padding-bottom:4.5rem}
.pl_18{padding-left:4.5rem}
.pall_19{padding:4.75rem}
.pt_19{padding-top:4.75rem}
.pr_19{padding-right:4.75rem}
.pb_19{padding-bottom:4.75rem}
.pl_19{padding-left:4.75rem}
.pall_20{padding:5rem}
.pt_20{padding-top:5rem}
.pr_20{padding-right:5rem}
.pb_20{padding-bottom:5rem}
.pl_20{padding-left:5rem}

*,::after,::before{margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear}
body{overflow-x:hidden;overflow-y:overlay;margin:0;min-height:100vh;background:#181818}
body::-webkit-scrollbar{width:13px}
body::-webkit-scrollbar-track{background:none}
body::-webkit-scrollbar-thumb{border-radius:8px;border:4px solid transparent;background-clip:content-box;background-color:rgb(132 132 132 / 50%)}
body::-webkit-scrollbar-thumb:hover{background-color:#848484}
#banner video{transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
#banner .txt_box #scroll_btn{width:60px;height:60px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}
#banner .txt_box #scroll_btn:before{width:20%;height:20%;transform:rotate(45deg) translate(-1px,-1px);-webkit-transform:rotate(45deg) translate(-1px,-1px);-moz-transform:rotate(45deg) translate(-1px,-1px);-ms-transform:rotate(45deg) translate(-1px,-1px);-o-transform:rotate(45deg) translate(-1px,-1px)}
#banner .txt_box .appleweb{transform:scale(-1);-webkit-transform:scale(-1);-moz-transform:scale(-1);-ms-transform:scale(-1);-o-transform:scale(-1);-webkit-animation:banner_marquee 400s linear infinite;animation:banner_marquee 400s linear infinite}
@-webkit-keyframes banner_marquee{0%,100%{transform:scale(-1) translate(0,0);-webkit-transform:scale(-1) translate(0,0);-moz-transform:scale(-1) translate(0,0);-ms-transform:scale(-1) translate(0,0);-o-transform:scale(-1) translate(0,0)}
50%{transform:scale(-1) translate(0,-103vmax);-webkit-transform:scale(-1) translate(0,-103vmax);-moz-transform:scale(-1) translate(0,-103vmax);-ms-transform:scale(-1) translate(0,-103vmax);-o-transform:scale(-1) translate(0,-103vmax)}
}@keyframes banner_marquee{0%,100%{transform:scale(-1) translate(0,0);-webkit-transform:scale(-1) translate(0,0);-moz-transform:scale(-1) translate(0,0);-ms-transform:scale(-1) translate(0,0);-o-transform:scale(-1) translate(0,0)}
50%{transform:scale(-1) translate(0,-103vmax);-webkit-transform:scale(-1) translate(0,-103vmax);-moz-transform:scale(-1) translate(0,-103vmax);-ms-transform:scale(-1) translate(0,-103vmax);-o-transform:scale(-1) translate(0,-103vmax)}
}header #menu_btn{width:120px;height:120px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}
header #menu_btn font span{width:25px;height:2px}
header #menu_btn[data-type="2"] font{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}
header #menu_btn[data-type="2"] font span:nth-child(1){transform:translate(0,11px);-webkit-transform:translate(0,11px);-moz-transform:translate(0,11px);-ms-transform:translate(0,11px);-o-transform:translate(0,11px)}
header #menu_btn[data-type="2"] font span:nth-child(3){transform:translateY(-9px) rotate(90deg);-webkit-transform:translateY(-9px) rotate(90deg);-moz-transform:translateY(-9px) rotate(90deg);-ms-transform:translateY(-9px) rotate(90deg);-o-transform:translateY(-9px) rotate(90deg)}

@media screen and (max-width: 550px) {
    header #menu_btn{width:80px;height:80px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}
}

header #webmenu_mb ul li a span:before{border-width:4px;border-color:transparent transparent transparent #3d3d3d;border-style:solid;overflow:hidden;width:0;height:0}
header.scroll #menu_btn{width:80px;height:80px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}
#webSeo .seo{-webkit-animation:marquee 200s linear infinite;animation:marquee 200s linear infinite}
@-webkit-keyframes marquee{0%{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}
100%{transform:translate(-100%,0);-webkit-transform:translate(-100%,0);-moz-transform:translate(-100%,0);-ms-transform:translate(-100%,0);-o-transform:translate(-100%,0)}
}@keyframes marquee{0%{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}
100%{transform:translate(-100%,0);-webkit-transform:translate(-100%,0);-moz-transform:translate(-100%,0);-ms-transform:translate(-100%,0);-o-transform:translate(-100%,0)}
}footer .community svg{width:16px;height:16px;fill:#3d3d3d}
#gotop{width:50px;height:50px}
#gotop svg{width:16px;height:16px;fill:#fff}