@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
  display: block; }

body {
  line-height: 1; }

ol,
ul,
li,
a {
  list-style: none; }

a {
  text-decoration: none; }

button {
  -webkit-appearance: none;
  /* Safari 和 Chrome，常用於iOS下移除內建樣式 */
  -moz-appearance: none;
  /* FireFox */
  appearance: none; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  /* for Chrome Firefox Edge */ }

select::-ms-expand {
  display: none;
  /* for IE11 */ }

textarea {
  -webkit-appearance: none; }

input,
button {
  border-radius: 0; }

a:focus,
input:focus,
select:focus,
textarea:focus,
button:focus,
summary:focus {
  outline: 0; }

.roboto {
  font-family: "Roboto", sans-serif;
  unicode-range: U+00-024F; }

.roboto-mono {
  font-family: "Roboto Mono", sans-serif;
  unicode-range: U+00-024F; }

@-ms-viewport {
  width: device-width; }

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-overflow-style: scrollbar; }

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

.container {
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 768px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 1024px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 1279px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1420px) {
    .container {
      max-width: 1140px; } }

.container-fluid {
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-right: auto;
  margin-left: auto; }

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.75rem;
  margin-left: -0.75rem; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12, .col-xxs,
.col-xxs-auto, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs,
.col-xs-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-ssm-1, .col-ssm-2, .col-ssm-3, .col-ssm-4, .col-ssm-5, .col-ssm-6, .col-ssm-7, .col-ssm-8, .col-ssm-9, .col-ssm-10, .col-ssm-11, .col-ssm-12, .col-ssm,
.col-ssm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px; }

@media (min-width: 320px) {
  .col-xxs {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-xxs-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-xxs-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xxs-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xxs-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xxs-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xxs-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xxs-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xxs-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xxs-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xxs-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xxs-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xxs-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xxs-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xxs-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .order-xxs-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13; }
  .order-xxs-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .order-xxs-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .order-xxs-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .order-xxs-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .order-xxs-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .order-xxs-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .order-xxs-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .order-xxs-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .order-xxs-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .order-xxs-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .order-xxs-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .order-xxs-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .order-xxs-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  .offset-xxs-0 {
    margin-left: 0; }
  .offset-xxs-1 {
    margin-left: 8.33333%; }
  .offset-xxs-2 {
    margin-left: 16.66667%; }
  .offset-xxs-3 {
    margin-left: 25%; }
  .offset-xxs-4 {
    margin-left: 33.33333%; }
  .offset-xxs-5 {
    margin-left: 41.66667%; }
  .offset-xxs-6 {
    margin-left: 50%; }
  .offset-xxs-7 {
    margin-left: 58.33333%; }
  .offset-xxs-8 {
    margin-left: 66.66667%; }
  .offset-xxs-9 {
    margin-left: 75%; }
  .offset-xxs-10 {
    margin-left: 83.33333%; }
  .offset-xxs-11 {
    margin-left: 91.66667%; } }

@media (min-width: 375px) {
  .col-xs {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-xs-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-xs-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xs-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xs-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xs-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xs-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xs-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xs-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xs-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xs-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xs-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xs-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xs-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xs-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .order-xs-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13; }
  .order-xs-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .order-xs-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .order-xs-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .order-xs-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .order-xs-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .order-xs-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .order-xs-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .order-xs-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .order-xs-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .order-xs-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .order-xs-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .order-xs-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .order-xs-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  .offset-xs-0 {
    margin-left: 0; }
  .offset-xs-1 {
    margin-left: 8.33333%; }
  .offset-xs-2 {
    margin-left: 16.66667%; }
  .offset-xs-3 {
    margin-left: 25%; }
  .offset-xs-4 {
    margin-left: 33.33333%; }
  .offset-xs-5 {
    margin-left: 41.66667%; }
  .offset-xs-6 {
    margin-left: 50%; }
  .offset-xs-7 {
    margin-left: 58.33333%; }
  .offset-xs-8 {
    margin-left: 66.66667%; }
  .offset-xs-9 {
    margin-left: 75%; }
  .offset-xs-10 {
    margin-left: 83.33333%; }
  .offset-xs-11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13; }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 991px) {
  .col-ssm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-ssm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-ssm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-ssm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-ssm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-ssm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-ssm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-ssm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-ssm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-ssm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-ssm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-ssm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-ssm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-ssm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-ssm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .order-ssm-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13; }
  .order-ssm-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .order-ssm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .order-ssm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .order-ssm-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .order-ssm-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .order-ssm-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .order-ssm-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .order-ssm-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .order-ssm-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .order-ssm-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .order-ssm-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .order-ssm-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .order-ssm-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  .offset-ssm-0 {
    margin-left: 0; }
  .offset-ssm-1 {
    margin-left: 8.33333%; }
  .offset-ssm-2 {
    margin-left: 16.66667%; }
  .offset-ssm-3 {
    margin-left: 25%; }
  .offset-ssm-4 {
    margin-left: 33.33333%; }
  .offset-ssm-5 {
    margin-left: 41.66667%; }
  .offset-ssm-6 {
    margin-left: 50%; }
  .offset-ssm-7 {
    margin-left: 58.33333%; }
  .offset-ssm-8 {
    margin-left: 66.66667%; }
  .offset-ssm-9 {
    margin-left: 75%; }
  .offset-ssm-10 {
    margin-left: 83.33333%; }
  .offset-ssm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1024px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13; }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1279px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13; }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1420px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13; }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

@media (min-width: 320px) {
  .d-xxs-none {
    display: none !important; }
  .d-xxs-inline {
    display: inline !important; }
  .d-xxs-inline-block {
    display: inline-block !important; }
  .d-xxs-block {
    display: block !important; }
  .d-xxs-table {
    display: table !important; }
  .d-xxs-table-row {
    display: table-row !important; }
  .d-xxs-table-cell {
    display: table-cell !important; }
  .d-xxs-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-xxs-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 375px) {
  .d-xs-none {
    display: none !important; }
  .d-xs-inline {
    display: inline !important; }
  .d-xs-inline-block {
    display: inline-block !important; }
  .d-xs-block {
    display: block !important; }
  .d-xs-table {
    display: table !important; }
  .d-xs-table-row {
    display: table-row !important; }
  .d-xs-table-cell {
    display: table-cell !important; }
  .d-xs-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-xs-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 991px) {
  .d-ssm-none {
    display: none !important; }
  .d-ssm-inline {
    display: inline !important; }
  .d-ssm-inline-block {
    display: inline-block !important; }
  .d-ssm-block {
    display: block !important; }
  .d-ssm-table {
    display: table !important; }
  .d-ssm-table-row {
    display: table-row !important; }
  .d-ssm-table-cell {
    display: table-cell !important; }
  .d-ssm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-ssm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 1024px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 1279px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 1420px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 320px) {
  .flex-xxs-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-xxs-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-xxs-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-xxs-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-xxs-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-xxs-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-xxs-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .justify-content-xxs-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-xxs-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-xxs-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-xxs-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-xxs-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-xxs-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-xxs-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-xxs-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-xxs-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-xxs-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-xxs-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-xxs-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-xxs-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-xxs-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-xxs-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-xxs-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-xxs-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important; }
  .align-self-xxs-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-xxs-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-xxs-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important; }
  .align-self-xxs-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-xxs-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 375px) {
  .flex-xs-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-xs-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-xs-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-xs-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-xs-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-xs-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-xs-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .justify-content-xs-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-xs-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-xs-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-xs-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-xs-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-xs-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-xs-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-xs-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-xs-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-xs-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-xs-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-xs-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-xs-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-xs-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-xs-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-xs-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-xs-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important; }
  .align-self-xs-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-xs-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-xs-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important; }
  .align-self-xs-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-xs-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-sm-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-sm-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-sm-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important; }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important; }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 991px) {
  .flex-ssm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-ssm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-ssm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-ssm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-ssm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-ssm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-ssm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .justify-content-ssm-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-ssm-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-ssm-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-ssm-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-ssm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-ssm-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-ssm-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-ssm-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-ssm-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-ssm-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-ssm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-ssm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-ssm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-ssm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-ssm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-ssm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-ssm-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important; }
  .align-self-ssm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-ssm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-ssm-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important; }
  .align-self-ssm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-ssm-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 1024px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-md-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-md-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-md-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important; }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important; }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 1279px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-lg-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-lg-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-lg-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important; }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important; }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 1420px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-xl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-xl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-xl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important; }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important; }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important; } }

.sidebar-menu {
  position: fixed;
  top: 50%;
  left: 60px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  /* 默認隱藏 */
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  /* 淡入淡出效果 */
  z-index: 10; }
  @media (max-width: 1620) {
    .sidebar-menu {
      left: 15px; } }
  @media (max-width: 1520px) {
    .sidebar-menu {
      display: none; } }
  .sidebar-menu.visible {
    opacity: 1;
    /* 可見狀態 */ }
  .sidebar-menu__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative; }
    .sidebar-menu__list > li {
      margin-left: 0; }
    .sidebar-menu__list::before {
      content: "";
      position: absolute;
      top: 8px;
      bottom: 0;
      left: 4px;
      border-left: 2px dashed #4a4a4a;
      height: calc(100% - 58px); }
  .sidebar-menu__item {
    margin-bottom: 40px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
    .sidebar-menu__item--active .sidebar-menu__dot {
      background: -webkit-radial-gradient(50% 50%, 41.5% 42.94%, #ffffff 0%, #444444 77.5%, #737373 100%);
      background: -o-radial-gradient(50% 50%, 41.5% 42.94%, #ffffff 0%, #444444 77.5%, #737373 100%);
      background: radial-gradient(41.5% 42.94% at 50% 50%, #ffffff 0%, #444444 77.5%, #737373 100%);
      -webkit-box-shadow: 0 0 25px cyan;
      box-shadow: 0 0 25px cyan; }
    .sidebar-menu__item:hover .sidebar-menu__dot {
      -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
      transform: scale(1.5);
      background: -webkit-radial-gradient(50% 50%, 41.5% 42.94%, #00ffff 0%, #444444 77.5%, #737373 100%);
      background: -o-radial-gradient(50% 50%, 41.5% 42.94%, #00ffff 0%, #444444 77.5%, #737373 100%);
      background: radial-gradient(41.5% 42.94% at 50% 50%, #00ffff 0%, #444444 77.5%, #737373 100%);
      -webkit-box-shadow: 0 0 20px rgba(0, 255, 255, 0.8);
      box-shadow: 0 0 20px rgba(0, 255, 255, 0.8); }
    .sidebar-menu__item--active .sidebar-menu__dot, .sidebar-menu__item:hover .sidebar-menu__dot {
      color: #fff;
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }

@-webkit-keyframes highlight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes highlight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
    .sidebar-menu__item--active .sidebar-menu__dot,
    .sidebar-menu__item--active .sidebar-menu__link {
      -webkit-animation: highlight 0.3s ease forwards;
      animation: highlight 0.3s ease forwards;
      color: #F2F5F7; }
  .sidebar-menu__dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(4.45%, #262626), color-stop(50%, #161616), color-stop(95.55%, #262626));
    background: -webkit-linear-gradient(bottom, #262626 4.45%, #161616 50%, #262626 95.55%);
    background: -o-linear-gradient(bottom, #262626 4.45%, #161616 50%, #262626 95.55%);
    background: linear-gradient(360deg, #262626 4.45%, #161616 50%, #262626 95.55%);
    -webkit-box-shadow: 0 0 15px rgba(0, 255, 255, 0.6);
    box-shadow: 0 0 15px rgba(0, 255, 255, 0.6);
    -webkit-transition: background 0.3s ease,
 -webkit-box-shadow 0.3s ease,
 -webkit-transform 0.3s ease;
    transition: background 0.3s ease,
 -webkit-box-shadow 0.3s ease,
 -webkit-transform 0.3s ease;
    -o-transition: background 0.3s ease,
 box-shadow 0.3s ease,
 transform 0.3s ease;
    transition: background 0.3s ease,
 box-shadow 0.3s ease,
 transform 0.3s ease;
    transition: background 0.3s ease,
 box-shadow 0.3s ease,
 transform 0.3s ease,
 -webkit-box-shadow 0.3s ease,
 -webkit-transform 0.3s ease;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .sidebar-menu__link {
    text-decoration: none;
    color: #bbb;
    font-size: 16px;
    font-weight: 700;
    line-height: 23.17px;
    letter-spacing: 2px;
    -webkit-transition: color 0.3s ease,
 -webkit-transform 0.3s ease;
    transition: color 0.3s ease,
 -webkit-transform 0.3s ease;
    -o-transition: color 0.3s ease,
 transform 0.3s ease;
    transition: color 0.3s ease,
 transform 0.3s ease;
    transition: color 0.3s ease,
 transform 0.3s ease,
 -webkit-transform 0.3s ease;
    margin-left: 15px; }

.fixedBtn__area {
  position: fixed;
  right: 80px;
  bottom: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 7;
  -webkit-transition: opacity,
 -webkit-transform 0.5s ease-in-out;
  transition: opacity,
 -webkit-transform 0.5s ease-in-out;
  -o-transition: opacity,
 transform 0.5s ease-in-out;
  transition: opacity,
 transform 0.5s ease-in-out;
  transition: opacity,
 transform 0.5s ease-in-out,
 -webkit-transform 0.5s ease-in-out; }
  .fixedBtn__area.hide-btn {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px); }

.fixedBtn__bg {
  background-color: transparent;
  position: absolute;
  width: 100%;
  height: 100%; }

.fixedBtn__btn {
  width: 100px;
  height: 100px;
  border-radius: 8px;
  position: relative;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  -o-transition: transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms; }
  .fixedBtn__btn::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: 8px;
    padding: 1px;
    background: -webkit-linear-gradient(351.62deg, #d9d9d9 10.31%, rgba(217, 217, 217, 0) 31.34%, rgba(115, 115, 115, 0) 54.12%, rgba(217, 217, 217, 0.5) 90.24%, #d9d9d9 103.78%);
    background: -o-linear-gradient(351.62deg, #d9d9d9 10.31%, rgba(217, 217, 217, 0) 31.34%, rgba(115, 115, 115, 0) 54.12%, rgba(217, 217, 217, 0.5) 90.24%, #d9d9d9 103.78%);
    background: linear-gradient(98.38deg, #d9d9d9 10.31%, rgba(217, 217, 217, 0) 31.34%, rgba(115, 115, 115, 0) 54.12%, rgba(217, 217, 217, 0.5) 90.24%, #d9d9d9 103.78%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude; }
  .fixedBtn__btn::before {
    content: "";
    position: absolute;
    z-index: -1;
    display: block;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: -webkit-linear-gradient(359.79deg, #1d1d1d -7.66%, #2f2f2f 28.18%, #1a1a1a 64.02%, #1b1b1b 99.86%);
    background: -o-linear-gradient(359.79deg, #1d1d1d -7.66%, #2f2f2f 28.18%, #1a1a1a 64.02%, #1b1b1b 99.86%);
    background: linear-gradient(90.21deg, #1d1d1d -7.66%, #2f2f2f 28.18%, #1a1a1a 64.02%, #1b1b1b 99.86%); }
  .fixedBtn__btn span {
    width: 100%;
    left: 0%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 26px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(6.82%, #d8f3f8), color-stop(141.8%, #f2bddb));
    background: -webkit-linear-gradient(top, #d8f3f8 6.82%, #f2bddb 141.8%);
    background: -o-linear-gradient(top, #d8f3f8 6.82%, #f2bddb 141.8%);
    background: linear-gradient(180deg, #d8f3f8 6.82%, #f2bddb 141.8%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
    .fixedBtn__btn span::before {
      font-size: 36px;
      font-weight: 700;
      position: absolute;
      width: 100%;
      left: 0;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(6.82%, #d8f3f8), color-stop(141.8%, #f2bddb));
      background: -webkit-linear-gradient(top, #d8f3f8 6.82%, #f2bddb 141.8%);
      background: -o-linear-gradient(top, #d8f3f8 6.82%, #f2bddb 141.8%);
      background: linear-gradient(180deg, #d8f3f8 6.82%, #f2bddb 141.8%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .fixedBtn__btn span.btn-web {
      display: inline !important; }
    .fixedBtn__btn span.btn-mobile {
      display: none !important; }
  .fixedBtn__btn:first-of-type span::before {
    content: ">";
    top: -50px; }
  .fixedBtn__btn:last-of-type span::before {
    content: "+";
    top: -38px; }
  .fixedBtn__btn + .fixedBtn__btn {
    margin-top: 28px; }
  .fixedBtn__btn:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }

@media (max-width: 1420px) {
  .fixedBtn__area {
    right: 30px;
    bottom: 30px; }
  .fixedBtn__btn {
    width: 7.04225vw;
    height: 7.04225vw;
    border-radius: 8px; }
    .fixedBtn__btn::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      border-radius: 8px;
      padding: 1px;
      background: -webkit-linear-gradient(351.62deg, #d9d9d9 10.31%, rgba(217, 217, 217, 0) 31.34%, rgba(115, 115, 115, 0) 54.12%, rgba(217, 217, 217, 0.5) 90.24%, #d9d9d9 103.78%);
      background: -o-linear-gradient(351.62deg, #d9d9d9 10.31%, rgba(217, 217, 217, 0) 31.34%, rgba(115, 115, 115, 0) 54.12%, rgba(217, 217, 217, 0.5) 90.24%, #d9d9d9 103.78%);
      background: linear-gradient(98.38deg, #d9d9d9 10.31%, rgba(217, 217, 217, 0) 31.34%, rgba(115, 115, 115, 0) 54.12%, rgba(217, 217, 217, 0.5) 90.24%, #d9d9d9 103.78%);
      -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
      -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude; }
    .fixedBtn__btn::before {
      content: "";
      position: absolute;
      z-index: -1;
      display: block;
      left: 0%;
      top: 0%;
      width: 100%;
      height: 100%;
      border-radius: 8px;
      background: -webkit-linear-gradient(359.79deg, #1d1d1d -7.66%, #2f2f2f 28.18%, #1a1a1a 64.02%, #1b1b1b 99.86%);
      background: -o-linear-gradient(359.79deg, #1d1d1d -7.66%, #2f2f2f 28.18%, #1a1a1a 64.02%, #1b1b1b 99.86%);
      background: linear-gradient(90.21deg, #1d1d1d -7.66%, #2f2f2f 28.18%, #1a1a1a 64.02%, #1b1b1b 99.86%); }
    .fixedBtn__btn span {
      font-size: 1.26761vw;
      line-height: 1.5; }
      .fixedBtn__btn span::before {
        font-size: 2.53521vw;
        font-weight: 700;
        position: absolute;
        width: 100%;
        left: 0;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(6.82%, #d8f3f8), color-stop(141.8%, #f2bddb));
        background: -webkit-linear-gradient(top, #d8f3f8 6.82%, #f2bddb 141.8%);
        background: -o-linear-gradient(top, #d8f3f8 6.82%, #f2bddb 141.8%);
        background: linear-gradient(180deg, #d8f3f8 6.82%, #f2bddb 141.8%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
    .fixedBtn__btn:first-of-type span::before {
      content: ">";
      top: -4.50704vw; }
    .fixedBtn__btn:last-of-type span::before {
      content: "+";
      top: -3.52113vw; }
    .fixedBtn__btn + .fixedBtn__btn {
      margin-top: 28px; }
    .fixedBtn__btn:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05); } }

@media (max-width: 1024px) {
  .fixedBtn__area {
    width: 100%;
    right: 0;
    bottom: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 8px; }
  .fixedBtn__bg {
    background-color: #0a0a0a;
    -webkit-filter: blur(1.30208vw);
    filter: blur(1.30208vw);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1; }
  .fixedBtn__btn {
    width: 50%;
    height: 5.6338vw;
    padding: 4.16667vw;
    font-size: 4.16667vw;
    position: relative; }
    .fixedBtn__btn + .fixedBtn__btn {
      margin: 0; }
    .fixedBtn__btn:first-of-type {
      border-radius: 0.84507vw 0.84507vw 0.84507vw 4.22535vw; }
      .fixedBtn__btn:first-of-type::after {
        border-radius: 0.84507vw 0.84507vw 0.84507vw 4.22535vw;
        padding: 1px; }
    .fixedBtn__btn:last-of-type {
      border-radius: 0.84507vw 0.84507vw 4.22535vw 0.84507vw; }
      .fixedBtn__btn:last-of-type::after {
        border-radius: 0.84507vw 0.84507vw 4.22535vw 0.84507vw;
        padding: 1px; }
    .fixedBtn__btn::after {
      padding: 1px; }
    .fixedBtn__btn::before {
      display: none; }
    .fixedBtn__btn span {
      width: 100%;
      left: 0%;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      font-size: 3.80282vw;
      font-weight: 700;
      text-align: center;
      line-height: 3.80282vw; }
      .fixedBtn__btn span.btn-web {
        display: none !important; }
      .fixedBtn__btn span.btn-mobile {
        display: inline !important; }
    .fixedBtn__btn:first-of-type span::before {
      content: ""; }
    .fixedBtn__btn:last-of-type span::before {
      content: ""; } }

@media (max-width: 768px) {
  .fixedBtn__area {
    width: 100%;
    right: 0; }
  .fixedBtn__bg {
    background-color: #0a0a0a;
    -webkit-filter: blur(1.30208vw);
    filter: blur(1.30208vw);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1; }
  .fixedBtn__btn {
    width: 50%;
    height: 13.02083vw;
    padding: 4.16667vw;
    font-size: 4.16667vw;
    position: relative; }
    .fixedBtn__btn + .fixedBtn__btn {
      margin: 0; }
    .fixedBtn__btn:first-of-type {
      border-radius: 1.04167vw 1.04167vw 1.04167vw 6.25vw; }
      .fixedBtn__btn:first-of-type::after {
        border-radius: 1.04167vw 1.04167vw 1.04167vw 6.25vw;
        padding: 1px; }
    .fixedBtn__btn:last-of-type {
      border-radius: 1.04167vw 1.04167vw 6.25vw 1.04167vw; }
      .fixedBtn__btn:last-of-type::after {
        border-radius: 1.04167vw 1.04167vw 6.25vw 1.04167vw;
        padding: 1px; }
    .fixedBtn__btn::after {
      padding: 1px; }
    .fixedBtn__btn::before {
      display: none; }
    .fixedBtn__btn span {
      width: 100%;
      left: 0%;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      font-size: 4.6875vw;
      font-weight: 700;
      text-align: center;
      line-height: 4.6875vw; }
    .fixedBtn__btn:first-of-type span::before {
      content: ""; }
    .fixedBtn__btn:last-of-type span::before {
      content: ""; } }

html {
  font-size: 16px; }

body {
  background-color: #fff;
  overflow-x: hidden;
  font-family: "Roboto Mono", "Noto Sans TC", sans-serif, "Noto Sans TC", "Roboto", Arial, Helvetica, sans-serif; }
  body.scroll-fixed {
    overflow: hidden; }
    @media (max-width: 768px) {
      body.scroll-fixed {
        overflow: auto; } }

.wrap {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .wrap__inner {
    width: 90%;
    max-width: 1254px;
    margin: 0 auto;
    position: relative; }

img {
  width: 100%; }

.content {
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .content {
      min-height: calc(100vh - 64px); } }
  .content--no-padding > *:first-child {
    padding-top: 0; }

/* visible, hidden rwd */
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.hide {
  display: none !important; }

.show {
  display: block; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }

@media (max-width: 1420px) {
  .hidden-middle {
    display: none !important; } }

@media (max-width: 768px) {
  .hidden-min {
    display: none !important; } }

@media (min-width: 769px) {
  .hidden-max {
    display: none !important; } }

br.br {
  display: none; }
  @media (max-width: 768px) {
    br.br {
      display: block; } }
  br.br-xl {
    display: none; }
    @media (max-width: 1420px) {
      br.br-xl {
        display: block; } }

hr {
  border: 0;
  height: 0;
  border-bottom: none;
  margin: 24px 0; }

svg {
  display: block;
  width: 100%; }

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer; }
  a:hover {
    text-decoration: none; }

.normal {
  font-weight: 400; }

.semibold {
  font-weight: 500; }

.bold {
  font-weight: 700; }

.left {
  text-align: left; }

.right {
  text-align: right; }

.center {
  text-align: center; }

.justify {
  text-align: justify; }

.underline {
  border-bottom: 1px solid currentColor;
  text-underline-offset: 0.15em; }

.nowrap {
  white-space: nowrap; }

.svgbox {
  position: relative;
  pointer-events: none; }
  .svgbox img[src$=".svg"],
  .svgbox svg {
    width: 100%;
    height: 100%; }

.mb-0 {
  margin-bottom: 0px; }

.mb-1 {
  margin-bottom: 4px; }

.mb-2 {
  margin-bottom: 8px; }

.mb-3 {
  margin-bottom: 12px; }

.mb-4 {
  margin-bottom: 16px; }

.mb-5 {
  margin-bottom: 20px; }

.mb-6 {
  margin-bottom: 24px; }

.mb-7 {
  margin-bottom: 28px; }

.mb-8 {
  margin-bottom: 32px; }

.mb-9 {
  margin-bottom: 36px; }

.mb-10 {
  margin-bottom: 40px; }

.mb-11 {
  margin-bottom: 44px; }

.mb-12 {
  margin-bottom: 48px; }

.mt-0 {
  margin-top: 0px; }

.mt-1 {
  margin-top: 4px; }

.mt-2 {
  margin-top: 8px; }

.mt-3 {
  margin-top: 12px; }

.mt-4 {
  margin-top: 16px; }

.mt-5 {
  margin-top: 20px; }

.mt-6 {
  margin-top: 24px; }

.mt-7 {
  margin-top: 28px; }

.mt-8 {
  margin-top: 32px; }

.mt-9 {
  margin-top: 36px; }

.mt-10 {
  margin-top: 40px; }

.mt-11 {
  margin-top: 44px; }

.mt-12 {
  margin-top: 48px; }

.ml-0 {
  margin-left: 0px; }

.ml-1 {
  margin-left: 4px; }

.ml-2 {
  margin-left: 8px; }

.ml-3 {
  margin-left: 12px; }

.ml-4 {
  margin-left: 16px; }

.ml-5 {
  margin-left: 20px; }

.ml-6 {
  margin-left: 24px; }

.ml-7 {
  margin-left: 28px; }

.ml-8 {
  margin-left: 32px; }

.ml-9 {
  margin-left: 36px; }

.ml-10 {
  margin-left: 40px; }

.ml-11 {
  margin-left: 44px; }

.ml-12 {
  margin-left: 48px; }

.mr-0 {
  margin-right: 0px; }

.mr-1 {
  margin-right: 4px; }

.mr-2 {
  margin-right: 8px; }

.mr-3 {
  margin-right: 12px; }

.mr-4 {
  margin-right: 16px; }

.mr-5 {
  margin-right: 20px; }

.mr-6 {
  margin-right: 24px; }

.mr-7 {
  margin-right: 28px; }

.mr-8 {
  margin-right: 32px; }

.mr-9 {
  margin-right: 36px; }

.mr-10 {
  margin-right: 40px; }

.mr-11 {
  margin-right: 44px; }

.mr-12 {
  margin-right: 48px; }

.flex-grow-1 {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.flex-grow-0 {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0; }

.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  border: 0; }

.icon-md {
  font-size: 24px; }

.icon-sm {
  font-size: 20px; }

.icon-xxl {
  font-size: 50px; }

.fc-red {
  color: #e62c59; }

.fc-white {
  color: #fff; }

.fc-blue {
  color: #00c6e3; }

.fc-pink {
  color: #f04ca7; }

.fc-gray-150 {
  color: #e2e2e2; }

.fc-gray-200 {
  color: #c8ced0; }

.fc-gray-300 {
  color: #9b9b9b; }

.fc-yellow {
  color: #f3ec43; }

.ls-normal {
  letter-spacing: 0em; }

.line-clamp-1 {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-height: 1.5em;
  line-height: 1.5; }

.decimal > li {
  list-style: decimal; }

.disc > li {
  list-style: disc; }

.lower-roman li {
  list-style: lower-roman; }

ol li,
ul li {
  margin-left: 2em; }

@-webkit-keyframes float {
  100% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); } }

@keyframes float {
  100% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); } }

@keyframes highlight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    /* 在動畫中途進行縮放 */ }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    /* 恢復原始大小 */ } }

@-webkit-keyframes shadowBlink {
  0% {
    text-shadow: 2px 1px 1px #9a9dac, -6px 9px 16px rgba(27, 208, 253, 0.81), 8px 9px 10px white; }
  50% {
    text-shadow: 2px 1px 1px rgba(154, 157, 172, 0.5), -6px 9px 16px rgba(27, 208, 253, 0.5), 8px 9px 10px rgba(255, 255, 255, 0.5); }
  100% {
    text-shadow: 2px 1px 1px #9a9dac, -6px 9px 16px #1bd0fd, 8px 9px 10px white; } }

@keyframes shadowBlink {
  0% {
    text-shadow: 2px 1px 1px #9a9dac, -6px 9px 16px rgba(27, 208, 253, 0.81), 8px 9px 10px white; }
  50% {
    text-shadow: 2px 1px 1px rgba(154, 157, 172, 0.5), -6px 9px 16px rgba(27, 208, 253, 0.5), 8px 9px 10px rgba(255, 255, 255, 0.5); }
  100% {
    text-shadow: 2px 1px 1px #9a9dac, -6px 9px 16px #1bd0fd, 8px 9px 10px white; } }

@-webkit-keyframes cursor {
  0% {
    -webkit-box-shadow: 0 0 8px rgba(255, 204, 232, 0.9);
    box-shadow: 0 0 8px rgba(255, 204, 232, 0.9); }
  50% {
    -webkit-box-shadow: 0 0 15px #ffcce8;
    box-shadow: 0 0 15px #ffcce8; }
  100% {
    -webkit-box-shadow: 0 0 8px rgba(255, 204, 232, 0.9);
    box-shadow: 0 0 8px rgba(255, 204, 232, 0.9); } }

@keyframes cursor {
  0% {
    -webkit-box-shadow: 0 0 8px rgba(255, 204, 232, 0.9);
    box-shadow: 0 0 8px rgba(255, 204, 232, 0.9); }
  50% {
    -webkit-box-shadow: 0 0 15px #ffcce8;
    box-shadow: 0 0 15px #ffcce8; }
  100% {
    -webkit-box-shadow: 0 0 8px rgba(255, 204, 232, 0.9);
    box-shadow: 0 0 8px rgba(255, 204, 232, 0.9); } }

.section-demo__chart {
  width: 70%;
  height: 480px;
  position: relative;
  z-index: 1;
  margin-left: 40px;
  overflow: visible !important; }
  @media (max-width: 1024px) {
    .section-demo__chart {
      height: 38.02817vw; } }
  @media (max-width: 768px) {
    .section-demo__chart {
      width: 100%;
      margin-left: 0;
      height: 88.54167vw;
      margin-top: 16px;
      margin-bottom: 16.92708vw; }
      .section-demo__chart.clicked {
        height: 119.79167vw;
        -webkit-transition: padding-top 100ms ease-in-out;
        -o-transition: padding-top 100ms ease-in-out;
        transition: padding-top 100ms ease-in-out; } }

.highcharts-container,
.highcharts-root {
  overflow: visible !important; }

.highcharts-legend {
  position: absolute;
  left: 20px !important;
  /* 調整圖例的水平位置 */
  top: 20px !important;
  /* 調整圖例的垂直位置 */
  background-color: transparent;
  /* 使背景透明 */ }

.chart-tooltip {
  width: 280px;
  font-size: 16px;
  font-weight: 700;
  color: #f2f5f7;
  padding: 16px 12px 24px;
  background: url("../images/bg_chart-tooltip-web.png");
  background-size: 100% 100%; }
  .chart-tooltip b + p {
    margin-top: 8px; }
  .chart-tooltip p {
    line-height: 1.8; }
  .chart-tooltip__desc {
    color: #9b9b9b;
    font-size: 14px;
    font-weight: 400;
    margin-top: 8px; }
  @media (max-width: 1024px) {
    .chart-tooltip {
      min-width: 19.71831vw;
      width: auto;
      font-size: 1.5493vw;
      padding: 12px;
      background: url("../images/bg_chart-tooltip-mid.png");
      background-size: 100% 100%; }
      .chart-tooltip__desc {
        font-size: 1.26761vw; } }
  @media (max-width: 768px) {
    .chart-tooltip {
      width: 88vw;
      font-size: 3.64583vw;
      padding: 3.125vw;
      background: url("../images/bg_chart-tooltip-mbl.png");
      background-size: 100% 100%; }
      .chart-tooltip__desc {
        font-size: 3.64583vw; } }

.js-animate {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }
  .js-animate--fadein {
    opacity: 0; }
  .js-animate--fadein-up {
    opacity: 0;
    -webkit-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    transform: translate(0, -50px); }
  .js-animate--fadein-down {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    transform: translate(0, 50px); }
  .js-animate--fadein-left {
    opacity: 0;
    -webkit-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    transform: translate(-50px, 0); }
  .js-animate--fadein-right {
    opacity: 0;
    -webkit-transform: translate(50px, 0);
    -ms-transform: translate(50px, 0);
    transform: translate(50px, 0); }
  .js-animate--maskin-left {
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); }
  .js-animate--maskin-right {
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); }
  .js-animate--maskin-up {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); }
  .js-animate--maskin-down {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); }
  .js-animate--darkin {
    -webkit-filter: brightness(65%);
    filter: brightness(65%); }
  .js-animate--smallin {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
  .js-animate--active {
    opacity: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    -webkit-transition: all 1000ms;
    -o-transition: all 1000ms;
    transition: all 1000ms; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .js-animate--active {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; } }
    @supports not ((-webkit-transform: unset) or (transform: unset)) {
      .js-animate--active {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; } }
    .js-animate--active[class*="--maskin"] {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
    .js-animate--active[class*="--darkin"] {
      -webkit-filter: brightness(1);
      filter: brightness(1); }
    .js-animate--active.js-animate--path {
      stroke-dashoffset: 0px !important; }
  .js-animate--delay100 {
    -webkit-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms; }
  .js-animate--delay200 {
    -webkit-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms; }
  .js-animate--delay300 {
    -webkit-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms; }
  .js-animate--delay400 {
    -webkit-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms; }
  .js-animate--delay500 {
    -webkit-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms; }
  .js-animate--delay600 {
    -webkit-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms; }
  .js-animate--delay700 {
    -webkit-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    transition-delay: 700ms; }
  .js-animate--delay800 {
    -webkit-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    transition-delay: 800ms; }
  .js-animate--delay900 {
    -webkit-transition-delay: 900ms;
    -o-transition-delay: 900ms;
    transition-delay: 900ms; }
  .js-animate--delay1000 {
    -webkit-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms; }

html {
  scroll-behavior: smooth;
  scroll-padding-top: 3em; }

body {
  height: 100%;
  background-color: #0a0a0a; }

.sketch {
  width: 100%;
  opacity: 0.2;
  position: absolute;
  z-index: 5; }

.section {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
  scroll-margin-top: 1.5em; }
  @media (max-width: 768px) {
    .section {
      scroll-margin-top: 2.60417vw; } }
  .section-title {
    font-size: 3em;
    font-weight: 700;
    text-align: center;
    letter-spacing: 2px;
    color: #fff;
    position: relative; }
    .section-title + .section-subtitle {
      margin-top: 16px; }
  .section-subtitle {
    font-size: 1.5em;
    color: #c8ced0;
    text-align: center;
    line-height: 1.5; }
  @media (max-width: 1024px) {
    .section-title {
      font-size: 3.38028vw; }
    .section-subtitle {
      font-size: 1.69014vw; } }
  @media (max-width: 768px) {
    .section {
      padding-top: 7.8125vw;
      padding-bottom: 4.55729vw; }
      .section-title {
        font-size: 6.25vw;
        padding: 0 1.30208vw 2.08333vw;
        min-width: 28.64583vw; }
        .section-title:after {
          height: 0.52083vw; }
      .section-subtitle {
        font-size: 4.16667vw;
        letter-spacing: 2px; }
      .section-kv {
        padding-top: 0;
        padding-bottom: 0; } }

.btn {
  text-decoration: none;
  font-size: 24px;
  font-weight: 700;
  position: relative;
  z-index: 1;
  display: inline-block;
  text-align: center;
  line-height: 70px;
  width: 250px;
  height: 70px; }
  .btn .glow {
    width: 90%;
    height: 80%;
    border-radius: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: -webkit-gradient(linear, left bottom, left top, from(#00161a), color-stop(10%, rgba(204, 248, 255, 0.5)), color-stop(20%, #00161a), color-stop(80%, #00161a), color-stop(90%, rgba(204, 248, 255, 0.5)), to(#00161a));
    background: -webkit-linear-gradient(bottom, #00161a 0%, rgba(204, 248, 255, 0.5) 10%, #00161a 20%, #00161a 80%, rgba(204, 248, 255, 0.5) 90%, #00161a 100%);
    background: -o-linear-gradient(bottom, #00161a 0%, rgba(204, 248, 255, 0.5) 10%, #00161a 20%, #00161a 80%, rgba(204, 248, 255, 0.5) 90%, #00161a 100%);
    background: linear-gradient(0deg, #00161a 0%, rgba(204, 248, 255, 0.5) 10%, #00161a 20%, #00161a 80%, rgba(204, 248, 255, 0.5) 90%, #00161a 100%);
    -webkit-filter: blur(20px);
    filter: blur(20px); }
  .btn:hover .glow {
    width: 95%;
    height: 90%;
    background: -webkit-gradient(linear, left bottom, left top, from(#00161a), color-stop(15%, rgba(204, 248, 255, 0.5)), color-stop(30%, #00161a), color-stop(70%, #00161a), color-stop(85%, rgba(204, 248, 255, 0.5)), to(#00161a));
    background: -webkit-linear-gradient(bottom, #00161a 0%, rgba(204, 248, 255, 0.5) 15%, #00161a 30%, #00161a 70%, rgba(204, 248, 255, 0.5) 85%, #00161a 100%);
    background: -o-linear-gradient(bottom, #00161a 0%, rgba(204, 248, 255, 0.5) 15%, #00161a 30%, #00161a 70%, rgba(204, 248, 255, 0.5) 85%, #00161a 100%);
    background: linear-gradient(0deg, #00161a 0%, rgba(204, 248, 255, 0.5) 15%, #00161a 30%, #00161a 70%, rgba(204, 248, 255, 0.5) 85%, #00161a 100%);
    -webkit-transition: background 200ms;
    -o-transition: background 200ms;
    transition: background 200ms; }
  .btn:active .glow {
    opacity: 0;
    -webkit-transition: 100ms;
    -o-transition: 100ms;
    transition: 100ms; }
  .btn::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: 12px;
    padding: 1px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-27.12%, #ff038f), color-stop(29.88%, #ef7fbd), color-stop(86.88%, #7de5f4), color-stop(135.74%, #00c6e3));
    background: -webkit-linear-gradient(bottom, #ff038f -27.12%, #ef7fbd 29.88%, #7de5f4 86.88%, #00c6e3 135.74%);
    background: -o-linear-gradient(bottom, #ff038f -27.12%, #ef7fbd 29.88%, #7de5f4 86.88%, #00c6e3 135.74%);
    background: linear-gradient(0deg, #ff038f -27.12%, #ef7fbd 29.88%, #7de5f4 86.88%, #00c6e3 135.74%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude; }
  .btn::after {
    content: attr(value);
    width: 100%;
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(6.82%, #d8f3f8), color-stop(141.8%, #f2bddb));
    background: -webkit-linear-gradient(top, #d8f3f8 6.82%, #f2bddb 141.8%);
    background: -o-linear-gradient(top, #d8f3f8 6.82%, #f2bddb 141.8%);
    background: linear-gradient(180deg, #d8f3f8 6.82%, #f2bddb 141.8%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .btn-full {
    width: 100%; }
  .btn-large {
    width: 416px; }
    @media (max-width: 768px) {
      .btn-large {
        margin: 0 auto;
        min-width: 146px;
        padding: 8px 5.20833vw; } }
    .btn-large::before {
      border-radius: 4px; }
  @media (max-width: 768px) {
    .btn {
      font-size: 4.16667vw;
      display: inline-block;
      text-align: center;
      line-height: 10.41667vw;
      width: 38.02083vw;
      height: 10.41667vw; }
      .btn .glow {
        width: 95%;
        height: 90%;
        background: -webkit-gradient(linear, left bottom, left top, from(#00161a), color-stop(15%, rgba(204, 248, 255, 0.75)), color-stop(30%, #00161a), color-stop(70%, #00161a), color-stop(85%, rgba(204, 248, 255, 0.75)), to(#00161a));
        background: -webkit-linear-gradient(bottom, #00161a 0%, rgba(204, 248, 255, 0.75) 15%, #00161a 30%, #00161a 70%, rgba(204, 248, 255, 0.75) 85%, #00161a 100%);
        background: -o-linear-gradient(bottom, #00161a 0%, rgba(204, 248, 255, 0.75) 15%, #00161a 30%, #00161a 70%, rgba(204, 248, 255, 0.75) 85%, #00161a 100%);
        background: linear-gradient(0deg, #00161a 0%, rgba(204, 248, 255, 0.75) 15%, #00161a 30%, #00161a 70%, rgba(204, 248, 255, 0.75) 85%, #00161a 100%);
        -webkit-transition: background 200ms;
        -o-transition: background 200ms;
        transition: background 200ms; }
      .btn::before {
        border-radius: 4px; }
      .btn-full {
        width: 100%; } }

.cursor {
  position: fixed;
  width: 30px;
  height: 30px;
  background-color: #ff66bb;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 1000;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  opacity: 0.9;
  -webkit-animation: cursor 1.5s infinite;
  animation: cursor 1.5s infinite; }
  @media (max-width: 768px) {
    .cursor {
      display: none; } }

.section-kv {
  background: -webkit-gradient(linear, left top, left bottom, from(#0f1719), to(#0a0a0a));
  background: -webkit-linear-gradient(top, #0f1719 0%, #0a0a0a 100%);
  background: -o-linear-gradient(top, #0f1719 0%, #0a0a0a 100%);
  background: linear-gradient(180deg, #0f1719 0%, #0a0a0a 100%);
  padding-top: 5em;
  position: relative; }
  .section-kv .wrap__inner {
    position: relative; }
  .section-kv_bg {
    width: 100%;
    height: 60%;
    background-image: url("../images/bg_kv-title.svg");
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: -2%;
    left: 5%; }
  .section-kv_logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .section-kv_logo .bar {
      width: 2px;
      height: 29px;
      background-color: #727272;
      margin: 0 22px; }
  .section-kv_logo-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .section-kv_logo-wrap:first-child {
      width: 158px;
      height: 41px; }
    .section-kv_logo-wrap:last-child {
      width: 91px;
      height: 29px; }
  .section-kv_announcement {
    width: 100%;
    height: 51px;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    display: inline-block;
    line-height: 51px;
    margin-top: 20px;
    z-index: 1; }
    .section-kv_announcement-slides {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      height: 100%;
      -webkit-transition: -webkit-transform 0.6s ease;
      transition: -webkit-transform 0.6s ease;
      -o-transition: transform 0.6s ease;
      transition: transform 0.6s ease;
      transition: transform 0.6s ease, -webkit-transform 0.6s ease; }
      .section-kv_announcement-slides .announcement-slide {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 1;
        padding: 8px 32px;
        cursor: pointer;
        color: #fff;
        font-size: 24px;
        text-decoration: none;
        height: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
    .section-kv_announcement::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      border-radius: 8px;
      padding: 1px;
      background: -webkit-linear-gradient(351.62deg, #d9d9d9 10.31%, rgba(217, 217, 217, 0) 31.34%, rgba(115, 115, 115, 0) 54.12%, rgba(217, 217, 217, 0.5) 90.24%, #d9d9d9 103.78%);
      background: -o-linear-gradient(351.62deg, #d9d9d9 10.31%, rgba(217, 217, 217, 0) 31.34%, rgba(115, 115, 115, 0) 54.12%, rgba(217, 217, 217, 0.5) 90.24%, #d9d9d9 103.78%);
      background: linear-gradient(98.38deg, #d9d9d9 10.31%, rgba(217, 217, 217, 0) 31.34%, rgba(115, 115, 115, 0) 54.12%, rgba(217, 217, 217, 0.5) 90.24%, #d9d9d9 103.78%);
      -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
      -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude; }
    .section-kv_announcement::before {
      content: "";
      position: absolute;
      z-index: -1;
      display: block;
      left: 0%;
      top: 0%;
      width: 100%;
      height: 100%;
      border-radius: 8px;
      background: -webkit-linear-gradient(359.79deg, rgba(255, 255, 255, 0.1) -7.66%, rgba(255, 255, 255, 0.1) 28.18%, rgba(255, 255, 255, 0.1) 64.02%, rgba(255, 255, 255, 0.1) 99.86%);
      background: -o-linear-gradient(359.79deg, rgba(255, 255, 255, 0.1) -7.66%, rgba(255, 255, 255, 0.1) 28.18%, rgba(255, 255, 255, 0.1) 64.02%, rgba(255, 255, 255, 0.1) 99.86%);
      background: linear-gradient(90.21deg, rgba(255, 255, 255, 0.1) -7.66%, rgba(255, 255, 255, 0.1) 28.18%, rgba(255, 255, 255, 0.1) 64.02%, rgba(255, 255, 255, 0.1) 99.86%);
      mix-blend-mode: multiply; }
  .section-kv_title {
    width: 615px;
    height: 245px;
    margin: auto;
    position: relative;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
    .section-kv_title-text {
      color: #fff;
      font-size: 6em;
      font-weight: 700;
      text-align: center;
      line-height: 1.5; }
  .section-kv_subtitle {
    font-size: 1.5em;
    line-height: 1.41667em;
    font-weight: 700;
    color: #c8ced0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.33333em; }
    .section-kv_subtitle p {
      padding: 0 24px; }
      .section-kv_subtitle p:first-child {
        border-right: 2px solid rgba(174, 174, 174, 0.2); }
  .section-kv_desc {
    width: 224px;
    height: 68px;
    background-image: url("../images/bg_kv-desc-border.png");
    background-size: contain;
    margin: 0 auto;
    color: #c8ced0;
    text-align: center;
    line-height: 1.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 1.5em; }
  .section-kv_cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 1.66667em; }
  .section-kv_arrow {
    font-size: 1.5em;
    color: #e2e2e2;
    margin-top: 1.66667em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: float 0.8s infinite alternate;
    animation: float 0.8s infinite alternate; }
    .section-kv_arrow span {
      color: #e2e2e2; }
    .section-kv_arrow::before, .section-kv_arrow::after {
      position: absolute;
      color: #3b3d3d; }
    .section-kv_arrow:before {
      content: "[";
      left: -10px; }
    .section-kv_arrow:after {
      content: "]";
      top: 0;
      right: -10px; }
  @media (max-width: 1024px) {
    .section-kv_logo {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .section-kv_title-text {
      font-size: 6.76056vw; }
    .section-kv_subtitle {
      font-size: 20px; } }
  @media (max-width: 768px) {
    .section-kv {
      padding-bottom: 24.73958vw; }
      .section-kv_bg {
        width: 120%;
        height: 60%;
        left: 0;
        top: 3.5%;
        background-size: contain; }
      .section-kv_logo .bar {
        width: 1px;
        height: 4.6875vw;
        margin: 0 4.16667vw; }
      .section-kv_logo-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .section-kv_logo-wrap:first-child {
          width: 27.47396vw;
          height: 7.1875vw; }
        .section-kv_logo-wrap:last-child {
          width: 15.75521vw;
          height: 5.11719vw; }
      .section-kv_announcement {
        height: 9.11458vw;
        border-radius: 2.08333vw;
        padding: 0 2.08333vw;
        font-size: 3.64583vw;
        line-height: 9.375vw;
        margin-top: 6.51042vw; }
        .section-kv_announcement-slides .announcement-slide {
          padding: 0 2.08333vw;
          font-size: 3.125vw;
          letter-spacing: 2px; }
        .section-kv_announcement::after {
          border-radius: 2.08333vw; }
        .section-kv_announcement::before {
          border-radius: 2.08333vw; }
      .section-kv_title {
        width: 65.10417vw;
        height: 26.04167vw;
        -webkit-transform: translateX(4.16667vw);
        -ms-transform: translateX(4.16667vw);
        transform: translateX(4.16667vw);
        margin-top: 14.58333vw; }
        .section-kv_title-text {
          font-size: 9.375vw; }
      .section-kv_subtitle {
        font-size: 3.64583vw;
        line-height: 1.5;
        margin-top: 8.33333vw; }
        .section-kv_subtitle p {
          padding: 0 4.16667vw; }
          .section-kv_subtitle p:first-child {
            border-right: 2px solid rgba(174, 174, 174, 0.2); }
      .section-kv_desc {
        font-size: 3.64583vw;
        width: 58.33333vw;
        height: 15.10417vw;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        margin: 0 auto;
        margin-top: 8.33333vw; }
      .section-kv_cta {
        margin-top: 10.41667vw; }
      .section-kv_arrow {
        font-size: 6.25vw;
        margin-top: 14.58333vw; }
        .section-kv_arrow:before {
          left: -2.60417vw; }
        .section-kv_arrow:after {
          right: -2.60417vw; } }

.wrap__inner-kv {
  width: 100%; }

.section-register {
  background: -webkit-gradient(linear, left bottom, left top, from(#0f1719), to(#0a0a0a));
  background: -webkit-linear-gradient(bottom, #0f1719 0%, #0a0a0a 100%);
  background: -o-linear-gradient(bottom, #0f1719 0%, #0a0a0a 100%);
  background: linear-gradient(360deg, #0f1719 0%, #0a0a0a 100%);
  position: relative;
  z-index: 1;
  overflow: hidden;
  scroll-margin-top: 10em; }
  .section-register__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0px auto;
    position: relative; }
    .section-register__content-item {
      text-align: center;
      width: 33.33%;
      max-width: 406px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .section-register__content-item:not(:first-child) {
        margin-left: 16px; }
      .section-register__content-item .register-illustration {
        width: 120px;
        height: 120px; }
      .section-register__content-item .register-title {
        color: #f2f5f7;
        font-weight: 700;
        font-size: 2.25em;
        margin-top: 24px; }
      .section-register__content-item .register-desc {
        color: #c8ced0;
        font-size: 1.125em;
        line-height: 1.5;
        margin-top: 16px; }
  .section-register input[name="p_no"] {
    border: 2px solid #007bff;
    /* 設定邊框 */
    padding: 10px;
    /* 增加內距 */
    font-size: 16px;
    /* 調整字體大小 */
    background-color: #f8f9fa;
    /* 設定背景顏色 */ }
  @media (max-width: 1024px) {
    .section-register__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0 auto;
      position: relative; }
      .section-register__content-item:not(:first-child) {
        margin-left: 16px; }
      .section-register__content-item .register-illustration {
        width: 10.56338vw;
        height: 10.56338vw; }
      .section-register__content-item .register-title {
        font-size: 2.95775vw;
        margin-top: 1.69014vw; }
      .section-register__content-item .register-desc {
        font-size: 1.47887vw;
        margin-top: 1.12676vw; } }
  @media (max-width: 768px) {
    .section-register {
      padding-top: 0;
      scroll-margin-top: 10em; }
      .section-register__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 auto; }
        .section-register__content-item {
          text-align: center;
          width: 100%;
          max-width: none; }
          .section-register__content-item:not(:first-child) {
            margin-left: 0;
            margin-top: 6.25vw; }
          .section-register__content-item .register-illustration {
            width: 18.75vw;
            height: 18.75vw; }
          .section-register__content-item .register-title {
            font-size: 4.6875vw;
            margin-top: 4.16667vw; }
          .section-register__content-item .register-desc {
            font-size: 3.64583vw;
            margin-top: 2.08333vw;
            letter-spacing: 2px; } }

.section-register {
  padding: 60px 0;
  background-color: #000000; }
  .section-register .wrap__inner {
    max-width: 1200px;
    margin: 0 auto; }
  .section-register .section-register__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .section-register .section-title {
    text-align: center;
    font-size: 48px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 48px;
    color: #FFFFFF; }
  .section-register .gradient-border-box {
    position: relative;
    width: 100%;
    min-height: 740px;
    padding: 60px 40px;
    border-radius: 16px;
    background: -webkit-linear-gradient(293.65deg, #0F1719 0%, #0A0A0A 100%);
    background: -o-linear-gradient(293.65deg, #0F1719 0%, #0A0A0A 100%);
    background: linear-gradient(156.35deg, #0F1719 0%, #0A0A0A 100%);
    -webkit-box-shadow: 0 0 20px rgba(255, 0, 128, 0.3), 0 0 40px rgba(2, 201, 232, 0.2);
    box-shadow: 0 0 20px rgba(255, 0, 128, 0.3), 0 0 40px rgba(2, 201, 232, 0.2);
    overflow: hidden;
    color: #FFFFFF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .section-register .gradient-border-box::after {
      content: "";
      position: absolute;
      inset: 0;
      background: -webkit-linear-gradient(287deg, #B45496 0%, #631445 35%, #00363f 65%, #005f6e 80%, #7decff 100%);
      background: -o-linear-gradient(287deg, #B45496 0%, #631445 35%, #00363f 65%, #005f6e 80%, #7decff 100%);
      background: linear-gradient(163deg, #B45496 0%, #631445 35%, #00363f 65%, #005f6e 80%, #7decff 100%);
      z-index: 1; }
    .section-register .gradient-border-box::before {
      content: "";
      position: absolute;
      top: 2px;
      right: 2px;
      bottom: 2px;
      left: 2px;
      border-radius: 14px;
      z-index: 2; }
    .section-register .gradient-border-box .container-md {
      width: 100%;
      max-width: 800px;
      margin: 0 auto; }
    .section-register .gradient-border-box > * {
      position: relative;
      z-index: 3; }
    .section-register .gradient-border-box_glow {
      background: -webkit-linear-gradient(285deg, #631445 0%, #36001e 25%, #00333b 50%, #003e48 85%, #5fa5b0 100%);
      background: -o-linear-gradient(285deg, #631445 0%, #36001e 25%, #00333b 50%, #003e48 85%, #5fa5b0 100%);
      background: linear-gradient(165deg, #631445 0%, #36001e 25%, #00333b 50%, #003e48 85%, #5fa5b0 100%);
      border-radius: 16px;
      position: absolute;
      inset: 2px;
      z-index: 1; }
      .section-register .gradient-border-box_glow::before {
        content: "";
        border-radius: 14px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(7, 15, 18, 0.9);
        z-index: 9;
        -webkit-filter: blur(14px);
        filter: blur(14px); }
  .section-register .promotion-section {
    text-align: center; }
    .section-register .promotion-section .promotion-title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      line-height: 1.45;
      margin-bottom: 16px;
      font-size: 36px;
      font-weight: bold;
      font-family: 'Noto Sans TC', sans-serif;
      letter-spacing: 2px; }
      .section-register .promotion-section .promotion-title .icon {
        width: 40px;
        height: 40px;
        margin-right: 16px; }
    .section-register .promotion-section .promotion-period {
      font-size: 24px;
      font-family: 'Noto Sans TC', sans-serif;
      line-height: 150%;
      letter-spacing: 2px;
      text-align: center;
      color: #C8CED0;
      margin-bottom: 16px; }
    .section-register .promotion-section .promotion-description {
      font-size: 24px;
      line-height: 150%;
      margin-bottom: 48px;
      letter-spacing: 2px; }
      .section-register .promotion-section .promotion-description .detail-link {
        color: #F04CA7;
        text-decoration: underline;
        display: inline-block; }
        .section-register .promotion-section .promotion-description .detail-link:hover {
          text-decoration: none; }
  .section-register #register-form {
    margin: 0 20px; }
  .section-register .apply-section {
    margin-bottom: 48px; }
    .section-register .apply-section .form-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 30px; }
      .section-register .apply-section .form-row .form-group {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative; }
        .section-register .apply-section .form-row .form-group.info-group {
          margin-right: 40px;
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          max-width: 362px; }
        .section-register .apply-section .form-row .form-group .form-label {
          margin-bottom: 8px;
          font-size: 18px;
          text-align: left;
          font-family: 'Noto Sans TC', sans-serif;
          line-height: 1.5555;
          letter-spacing: 2px; }
        .section-register .apply-section .form-row .form-group input {
          width: 100%;
          height: 56px;
          padding: 12px 24px;
          font-size: 18px;
          border-radius: 4px;
          border: 1px solid transparent;
          background-color: #303030;
          background-image: -webkit-linear-gradient(#303030, #303030), -webkit-linear-gradient(92.51deg, #FF038F -27.12%, #EF7FBD 29.88%, #7DE5F4 86.88%, #00C6E3 135.74%);
          background-image: -o-linear-gradient(#303030, #303030), -o-linear-gradient(92.51deg, #FF038F -27.12%, #EF7FBD 29.88%, #7DE5F4 86.88%, #00C6E3 135.74%);
          background-image: linear-gradient(#303030, #303030), linear-gradient(357.49deg, #FF038F -27.12%, #EF7FBD 29.88%, #7DE5F4 86.88%, #00C6E3 135.74%);
          background-origin: border-box;
          background-clip: padding-box, border-box;
          color: #FFFFFF;
          -webkit-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
          .section-register .apply-section .form-row .form-group input#target {
            width: 100%; }
          .section-register .apply-section .form-row .form-group input:hover {
            background-image: -webkit-linear-gradient(#000000, #000000), -webkit-linear-gradient(92.51deg, #FF038F -27.12%, #EF7FBD 29.88%, #7DE5F4 86.88%, #00C6E3 135.74%);
            background-image: -o-linear-gradient(#000000, #000000), -o-linear-gradient(92.51deg, #FF038F -27.12%, #EF7FBD 29.88%, #7DE5F4 86.88%, #00C6E3 135.74%);
            background-image: linear-gradient(#000000, #000000), linear-gradient(357.49deg, #FF038F -27.12%, #EF7FBD 29.88%, #7DE5F4 86.88%, #00C6E3 135.74%); }
          .section-register .apply-section .form-row .form-group input:focus {
            background-image: -webkit-linear-gradient(#000000, #000000), -webkit-linear-gradient(92.51deg, #FF038F -27.12%, #EF7FBD 29.88%, #7DE5F4 86.88%, #00C6E3 135.74%);
            background-image: -o-linear-gradient(#000000, #000000), -o-linear-gradient(92.51deg, #FF038F -27.12%, #EF7FBD 29.88%, #7DE5F4 86.88%, #00C6E3 135.74%);
            background-image: linear-gradient(#000000, #000000), linear-gradient(357.49deg, #FF038F -27.12%, #EF7FBD 29.88%, #7DE5F4 86.88%, #00C6E3 135.74%);
            outline: none; }
        .section-register .apply-section .form-row .form-group .error-message {
          margin-top: 4px;
          color: #F66666;
          font-size: 16px;
          display: none;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          line-height: 1.75;
          background: url("../images/error.svg") left center no-repeat;
          background-size: 24px;
          padding-left: 28px; }
          .section-register .apply-section .form-row .form-group .error-message.show {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
      .section-register .apply-section .form-row .captcha-group .captcha-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .section-register .apply-section .form-row .captcha-group .captcha-container .captcha-input {
          width: 130px;
          margin-right: 16px;
          letter-spacing: 2px; }
        .section-register .apply-section .form-row .captcha-group .captcha-container .captcha-image {
          margin-right: 4px;
          height: 56px;
          width: 168px; }
          .section-register .apply-section .form-row .captcha-group .captcha-container .captcha-image img {
            width: 100%; }
        .section-register .apply-section .form-row .captcha-group .captcha-container .refresh-captcha {
          width: 40px;
          height: 40px;
          min-width: 30px;
          background: url("../images/turn.svg") center/contain no-repeat;
          cursor: pointer; }
          .section-register .apply-section .form-row .captcha-group .captcha-container .refresh-captcha:hover {
            opacity: 0.9; }
          .section-register .apply-section .form-row .captcha-group .captcha-container .refresh-captcha:active {
            -webkit-transform: scale(0.95);
            -ms-transform: scale(0.95);
            transform: scale(0.95); }
      .section-register .apply-section .form-row.form-row-second {
        margin-bottom: 24px; }
        .section-register .apply-section .form-row.form-row-second .form-group {
          margin-bottom: 0; }
  .section-register .terms-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px; }
    .section-register .terms-container .terms-checkbox {
      position: absolute;
      opacity: 0;
      pointer-events: none; }
    .section-register .terms-container .terms-label {
      position: relative;
      padding-left: 32px;
      font-size: 16px;
      line-height: 1.625;
      color: #FFFFFF;
      cursor: pointer;
      text-align: left;
      font-family: 'Noto Sans TC', sans-serif; }
      .section-register .terms-container .terms-label::before {
        content: "";
        position: absolute;
        top: 2px;
        left: 0;
        width: 24px;
        height: 24px;
        border-radius: 4px;
        background-color: #000000;
        background-image: -webkit-linear-gradient(#000000, #000000), -webkit-linear-gradient(92.51deg, #FF038F -27.12%, #EF7FBD 29.88%, #7DE5F4 86.88%, #00C6E3 135.74%);
        background-image: -o-linear-gradient(#000000, #000000), -o-linear-gradient(92.51deg, #FF038F -27.12%, #EF7FBD 29.88%, #7DE5F4 86.88%, #00C6E3 135.74%);
        background-image: linear-gradient(#000000, #000000), linear-gradient(357.49deg, #FF038F -27.12%, #EF7FBD 29.88%, #7DE5F4 86.88%, #00C6E3 135.74%);
        background-origin: border-box;
        background-clip: padding-box, border-box;
        border: 1px solid transparent; }
      .section-register .terms-container .terms-label:hover::before {
        background-image: -webkit-linear-gradient(#3C3C3C, #3C3C3C), -webkit-linear-gradient(92.51deg, #FF038F -27.12%, #EF7FBD 29.88%, #7DE5F4 86.88%, #00C6E3 135.74%);
        background-image: -o-linear-gradient(#3C3C3C, #3C3C3C), -o-linear-gradient(92.51deg, #FF038F -27.12%, #EF7FBD 29.88%, #7DE5F4 86.88%, #00C6E3 135.74%);
        background-image: linear-gradient(#3C3C3C, #3C3C3C), linear-gradient(357.49deg, #FF038F -27.12%, #EF7FBD 29.88%, #7DE5F4 86.88%, #00C6E3 135.74%); }
      .section-register .terms-container .terms-label::after {
        content: "";
        position: absolute;
        top: 6px;
        left: 8px;
        width: 6px;
        height: 12px;
        border: solid #FFFFFF;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
        -webkit-transition: opacity 0.2s;
        -o-transition: opacity 0.2s;
        transition: opacity 0.2s; }
    .section-register .terms-container .terms-checkbox:checked + .terms-label::after {
      opacity: 1; }
    .section-register .terms-container .terms-link {
      color: #FFFFFF;
      text-decoration: underline;
      cursor: pointer; }
      .section-register .terms-container .terms-link:hover {
        text-decoration: none; }
  .section-register .submit-button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

@media (max-width: 1024px) {
  .section-register #register-form {
    margin: 0 20px; }
  .section-register .apply-section .form-row .form-group.info-group {
    margin-right: 2.8169vw; }
  .section-register .apply-section .form-row .form-group input {
    padding: 1.5625vw 2.60417vw; }
  .apply-section .form-row .form-group.info-group {
    margin-right: 30px; }
  .apply-section .form-row .captcha-group .captcha-container .captcha-input {
    padding: 2.08333vw 3.125vw;
    margin-right: 1.12676vw; } }

@media (max-width: 768px) {
  .section-register .section-title {
    font-size: 6.25vw;
    margin-bottom: 5.20833vw;
    line-height: 1; }
  .section-register .promotion-section .promotion-title {
    font-size: 5.98958vw;
    line-height: 1; }
    .section-register .promotion-section .promotion-title .icon {
      width: 7.29167vw;
      height: 7.29167vw; }
  .section-register .promotion-section .promotion-period, .section-register .promotion-section .promotion-description {
    font-size: 3.64583vw; }
  .section-register .promotion-section .promotion-description {
    margin-bottom: 5.20833vw; }
  .section-register .gradient-border-box {
    padding: 10.41667vw 7.55208vw; }
    .section-register .gradient-border-box_glow {
      background: -webkit-linear-gradient(350deg, #631445 0%, #36001e 25%, #00333b 50%, #003e48 85%, #5fa5b0 100%);
      background: -o-linear-gradient(350deg, #631445 0%, #36001e 25%, #00333b 50%, #003e48 85%, #5fa5b0 100%);
      background: linear-gradient(100deg, #631445 0%, #36001e 25%, #00333b 50%, #003e48 85%, #5fa5b0 100%); }
  .section-register #register-form {
    margin: 0; }
  .section-register .apply-section {
    margin-bottom: 40px; }
    .section-register .apply-section .form-row {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .section-register .apply-section .form-row .form-group.info-group {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-right: 0;
        margin-bottom: 30px;
        max-width: 100%; }
        .section-register .apply-section .form-row .form-group.info-group input {
          padding: 16px 24px;
          height: auto; }
      .section-register .apply-section .form-row .form-group .form-label, .section-register .apply-section .form-row .form-group input, .section-register .apply-section .form-row .form-group .error-message {
        font-size: 3.125vw; }
      .section-register .apply-section .form-row .captcha-group .captcha-container .captcha-input {
        padding: 16px 24px;
        width: 26.04167vw;
        max-width: 135px;
        height: auto; }
      .section-register .apply-section .form-row .captcha-group .captcha-container .captcha-image {
        width: 33.85417vw;
        max-width: 168px;
        height: auto; }
      .section-register .apply-section .form-row.form-row-second {
        margin-bottom: 0; }
        .section-register .apply-section .form-row.form-row-second .form-group {
          margin-bottom: 0; }
  .section-register .terms-container .terms-label {
    font-size: 3.125vw;
    line-height: 1.625; } }

@media (max-width: 390px) {
  .section-register {
    padding: 10.25641vw 0; }
    .section-register .section-title {
      font-size: 8.20513vw;
      margin-bottom: 10.25641vw; }
    .section-register .promotion-section .promotion-title {
      font-size: 7.69231vw; }
    .section-register .promotion-section .promotion-period, .section-register .promotion-section .promotion-description {
      font-size: 5.12821vw; }
    .section-register .promotion-section .promotion-description {
      margin-bottom: 10.25641vw; }
    .section-register .gradient-border-box {
      padding: 15.38462vw 6.15385vw; }
    .section-register .apply-section {
      margin-bottom: 6.15385vw; }
      .section-register .apply-section .form-row {
        margin-bottom: 7.69231vw; }
        .section-register .apply-section .form-row .form-group.info-group {
          margin-bottom: 7.69231vw; }
          .section-register .apply-section .form-row .form-group.info-group input {
            padding: 4.10256vw 6.15385vw; }
        .section-register .apply-section .form-row .form-group .form-label, .section-register .apply-section .form-row .form-group input, .section-register .apply-section .form-row .form-group .error-message {
          font-size: 4.10256vw; }
        .section-register .apply-section .form-row .captcha-group {
          width: 100%; }
          .section-register .apply-section .form-row .captcha-group .captcha-container .captcha-input {
            margin-right: 8px;
            padding: 4.10256vw 6.15385vw;
            width: 32.55208vw;
            max-width: 118px; }
          .section-register .apply-section .form-row .captcha-group .captcha-container .captcha-image {
            max-width: 124px;
            height: auto; }
    .section-register .terms-container .terms-label {
      font-size: 4.10256vw; }
  .promotion-title {
    font-size: 7.69231vw;
    margin-bottom: 4.10256vw; }
  .promotion-period {
    font-size: 5.12821vw;
    margin-bottom: 4.10256vw; }
  .promotion-description {
    font-size: 5.12821vw;
    letter-spacing: 2px;
    margin-bottom: 10.25641vw; } }

@media (max-width: 320px) {
  .section-register .section-title {
    font-size: 26px; }
  .section-register .promotion-section .promotion-title {
    font-size: 24px; }
    .section-register .promotion-section .promotion-title .icon {
      width: 26px;
      height: 26px;
      margin-right: 12px; }
  .section-register .promotion-section .promotion-period {
    font-size: 18px; }
  .section-register .promotion-section .promotion-description {
    font-size: 17px; }
  .section-register .apply-section .form-row .form-group .form-label, .section-register .apply-section .form-row .form-group input {
    font-size: 16px; }
  .section-register .apply-section .form-row .form-group .error-message {
    font-size: 14px; }
  .section-register .apply-section .form-row .captcha-group .captcha-container .captcha-input {
    padding: 12px;
    width: 26.04167vw; }
  .section-register .apply-section .form-row .captcha-group .captcha-container .captcha-image {
    width: 37.76042vw; }
  .section-register .terms-container .terms-label {
    font-size: 14px; } }

.section-feature {
  background: -webkit-gradient(linear, left bottom, left top, from(#0f1719), to(#0a0a0a));
  background: -webkit-linear-gradient(bottom, #0f1719 0%, #0a0a0a 100%);
  background: -o-linear-gradient(bottom, #0f1719 0%, #0a0a0a 100%);
  background: linear-gradient(360deg, #0f1719 0%, #0a0a0a 100%);
  padding-top: 64px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  scroll-margin-top: 10em; }
  .section-feature__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 64px auto;
    position: relative; }
    .section-feature__content-item {
      text-align: center;
      width: 33.33%;
      max-width: 406px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .section-feature__content-item:not(:first-child) {
        margin-left: 16px; }
      .section-feature__content-item .feature-illustration {
        width: 120px;
        height: 120px; }
      .section-feature__content-item .feature-title {
        color: #f2f5f7;
        font-weight: 700;
        font-size: 2.25em;
        margin-top: 24px; }
      .section-feature__content-item .feature-desc {
        color: #c8ced0;
        font-size: 1.125em;
        line-height: 1.5;
        margin-top: 16px; }
  @media (max-width: 1024px) {
    .section-feature__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 4.50704vw auto;
      position: relative; }
      .section-feature__content-item:not(:first-child) {
        margin-left: 16px; }
      .section-feature__content-item .feature-illustration {
        width: 10.56338vw;
        height: 10.56338vw; }
      .section-feature__content-item .feature-title {
        font-size: 2.95775vw;
        margin-top: 1.69014vw; }
      .section-feature__content-item .feature-desc {
        font-size: 1.47887vw;
        margin-top: 1.12676vw; } }
  @media (max-width: 768px) {
    .section-feature {
      padding-top: 40px;
      scroll-margin-top: 10em; }
      .section-feature__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 10.41667vw auto; }
        .section-feature__content-item {
          text-align: center;
          width: 100%;
          max-width: none; }
          .section-feature__content-item:not(:first-child) {
            margin-left: 0;
            margin-top: 6.25vw; }
          .section-feature__content-item .feature-illustration {
            width: 18.75vw;
            height: 18.75vw; }
          .section-feature__content-item .feature-title {
            font-size: 4.6875vw;
            margin-top: 4.16667vw; }
          .section-feature__content-item .feature-desc {
            font-size: 3.64583vw;
            margin-top: 2.08333vw;
            letter-spacing: 2px; } }

.section-demo {
  background: -webkit-gradient(linear, left top, left bottom, from(#0f1719), to(#0a0a0a));
  background: -webkit-linear-gradient(top, #0f1719 0%, #0a0a0a 100%);
  background: -o-linear-gradient(top, #0f1719 0%, #0a0a0a 100%);
  background: linear-gradient(180deg, #0f1719 0%, #0a0a0a 100%); }
  .section-demo__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end; }
  .section-demo__desc {
    width: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #c8ced0;
    font-size: 1.125em;
    line-height: 1.5; }
    .section-demo__desc .plan-persona {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 188px;
      height: 201px; }
      .section-demo__desc .plan-persona:after {
        content: '';
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 200px;
        height: 200px;
        background: url("../images/img_demo-persona.png") center no-repeat;
        background-size: contain; }
    .section-demo__desc .plan-title {
      color: #f2f5f7;
      font-size: 2.25em;
      font-weight: 700;
      text-align: center; }
    .section-demo__desc .plan-info {
      text-align: center;
      margin-top: 4px; }
    .section-demo__desc .plan-detail {
      width: 100%;
      border-radius: 4px;
      padding: 16px 12px;
      background: -webkit-gradient(linear, left top, right top, from(#191c1c), color-stop(17.5%, #242727), to(#191c1c));
      background: -webkit-linear-gradient(left, #191c1c 0%, #242727 17.5%, #191c1c 100%);
      background: -o-linear-gradient(left, #191c1c 0%, #242727 17.5%, #191c1c 100%);
      background: linear-gradient(90deg, #191c1c 0%, #242727 17.5%, #191c1c 100%);
      -webkit-box-shadow: 0px 4px 4px 0px #00000040;
      box-shadow: 0px 4px 4px 0px #00000040;
      margin-top: 8px; }
      .section-demo__desc .plan-detail ul li {
        position: relative; }
        .section-demo__desc .plan-detail ul li::before {
          content: "";
          background-color: #c8ced0;
          display: block;
          position: absolute;
          width: 4px;
          height: 4px;
          border-radius: 50%;
          left: -1em;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
    .section-demo__desc .plan-prototype {
      font-size: 1.33333em;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-top: 16px;
      position: relative; }
      .section-demo__desc .plan-prototype .tooltip {
        display: block;
        width: 24px;
        height: 24px;
        margin-left: 4px;
        -webkit-transition: -webkit-transform 300ms;
        transition: -webkit-transform 300ms;
        -o-transition: transform 300ms;
        transition: transform 300ms;
        transition: transform 300ms, -webkit-transform 300ms;
        cursor: pointer;
        position: relative; }
        .section-demo__desc .plan-prototype .tooltip:hover {
          -webkit-filter: drop-shadow(0 0 3px #ccf8ff);
          filter: drop-shadow(0 0 3px #ccf8ff);
          -webkit-transform: scale(1.07);
          -ms-transform: scale(1.07);
          transform: scale(1.07); }
        .section-demo__desc .plan-prototype .tooltip.active {
          cursor: default !important; }
          .section-demo__desc .plan-prototype .tooltip.active:hover {
            -webkit-transform: scale(1) !important;
            -ms-transform: scale(1) !important;
            transform: scale(1) !important;
            -webkit-filter: none !important;
            filter: none !important; }
    .section-demo__desc .plan-goal {
      color: #f2f5f7;
      font-size: 1.5em;
      font-weight: 700;
      margin-top: 16px; }
      .section-demo__desc .plan-goal p {
        position: relative;
        display: inline-block;
        margin-left: 48px; }
        .section-demo__desc .plan-goal p::before {
          content: "";
          display: block;
          position: absolute;
          background-image: url("../images/img_demo-goal.svg");
          background-size: contain;
          background-repeat: no-repeat;
          width: 42px;
          height: 42px;
          left: -48px;
          top: 0%; }
        .section-demo__desc .plan-goal p:last-child {
          margin-top: 8px; }
  .section-demo .tooltip-content {
    font-size: 1.5em;
    color: #f2f5f7;
    line-height: 1.5;
    width: 80%;
    max-width: 1000px;
    background: url("../images/bg_demo-tooltip-web.png?v=123123");
    background-size: 100% 100%;
    position: absolute;
    left: calc(30% - 115px);
    top: 195px;
    z-index: -2;
    opacity: 0;
    -webkit-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
    padding: 24px 24px 48px; }
    .section-demo .tooltip-content.active {
      z-index: 5;
      opacity: 1; }
  .section-demo__notice {
    font-size: 1.5em;
    font-weight: 700;
    color: #9b9b9b;
    text-align: center;
    line-height: 1.5;
    margin-top: 40px; }
  @media (max-width: 1420px) {
    .section-demo .tooltip-content {
      font-size: 1.69014vw;
      left: 21.5%;
      top: 240px; } }
  @media (max-width: 1024px) {
    .section-demo__desc {
      font-size: 1.26761vw; }
      .section-demo__desc .plan-persona {
        width: 13.23944vw;
        height: 14.15493vw; }
      .section-demo__desc .plan-title {
        font-size: 2.53521vw; }
      .section-demo__desc .plan-detail {
        padding: 12px 8px;
        margin-top: 8px; }
        .section-demo__desc .plan-detail ul li::before {
          width: 3px;
          height: 3px; }
      .section-demo__desc .plan-prototype {
        font-size: 1.69014vw;
        margin-top: 16px; }
        .section-demo__desc .plan-prototype .tooltip {
          width: 1.69014vw;
          height: 1.69014vw;
          margin-left: 4px; }
      .section-demo__desc .plan-goal {
        font-size: 1.69014vw; }
        .section-demo__desc .plan-goal p::before {
          width: 2.53521vw;
          height: 2.53521vw;
          left: -1.97183vw;
          top: 0%;
          margin-left: -1.97183vw; }
    .section-demo__notice {
      font-size: 1.69014vw; }
    .section-demo .tooltip-content {
      width: 70%;
      top: 7%;
      padding: 24px 24px 48px;
      background: url("../images/bg_demo-tooltip-mbl.png?v=123123");
      background-size: 100% 100%; } }
  @media (max-width: 768px) {
    .section-demo {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: start;
      background: -webkit-gradient(linear, left top, left bottom, from(#0f1719), to(#0a0a0a));
      background: -webkit-linear-gradient(top, #0f1719 0%, #0a0a0a 100%);
      background: -o-linear-gradient(top, #0f1719 0%, #0a0a0a 100%);
      background: linear-gradient(180deg, #0f1719 0%, #0a0a0a 100%); }
      .section-demo__main {
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start; }
      .section-demo__desc {
        width: 100%;
        font-size: 3.64583vw; }
        .section-demo__desc.clicked .plan-goal {
          top: 251.30208vw; }
        .section-demo__desc .plan-persona {
          width: 39.0625vw;
          height: 41.79688vw;
          margin-top: 10.41667vw; }
          .section-demo__desc .plan-persona:after {
            width: 26.04167vw;
            height: 26.04167vw; }
        .section-demo__desc .plan-title {
          font-size: 4.6875vw;
          margin-top: -13.54167vw; }
        .section-demo__desc .plan-info {
          margin-top: 1.04167vw;
          letter-spacing: 1px; }
        .section-demo__desc .plan-detail {
          width: 70%;
          border-radius: 4px;
          padding: 4.16667vw 3.125vw;
          background: -webkit-gradient(linear, left top, right top, from(#191c1c), color-stop(17.5%, #242727), to(#191c1c));
          background: -webkit-linear-gradient(left, #191c1c 0%, #242727 17.5%, #191c1c 100%);
          background: -o-linear-gradient(left, #191c1c 0%, #242727 17.5%, #191c1c 100%);
          background: linear-gradient(90deg, #191c1c 0%, #242727 17.5%, #191c1c 100%);
          -webkit-box-shadow: 0px 4px 4px 0px #00000040;
          box-shadow: 0px 4px 4px 0px #00000040;
          margin-top: 4.16667vw;
          line-height: 1.8; }
          .section-demo__desc .plan-detail ul li::before {
            width: 3px;
            height: 3px; }
        .section-demo__desc .plan-prototype {
          font-size: 4.16667vw;
          margin-top: 4.29688vw; }
          .section-demo__desc .plan-prototype .tooltip {
            width: 6.25vw;
            height: 6.25vw;
            margin-left: 4px; }
        .section-demo__desc .plan-goal {
          font-size: 4.16667vw;
          margin-top: 4.16667vw;
          text-align: center;
          position: absolute;
          top: 218.75vw; }
          .section-demo__desc .plan-goal p {
            margin-left: 7.29167vw; }
            .section-demo__desc .plan-goal p::before {
              width: 6.25vw;
              height: 6.25vw;
              left: -7.29167vw; }
            .section-demo__desc .plan-goal p:last-child {
              margin-top: 2.08333vw; }
          .section-demo__desc .plan-goal .fc-red {
            margin-left: 1.5625vw; }
      .section-demo__notice {
        font-size: 4.16667vw;
        margin-top: 4.16667vw;
        letter-spacing: 2px; }
      .section-demo .tooltip-content {
        font-size: 4.16667vw;
        width: 100%;
        background: url("../images/bg_demo-tooltip-mbl.png");
        background-size: 100% 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 14.97396vw;
        padding: 16px 12px 20px; } }
    @media (max-width: 768px) and (max-width: 375px) {
      .section-demo .tooltip-content {
        font-size: 12px; } }

.section-plan {
  background: -webkit-gradient(linear, left top, left bottom, from(#0a0a0a), color-stop(47%, #0f1719), to(#0a0a0a));
  background: -webkit-linear-gradient(top, #0a0a0a 0%, #0f1719 47%, #0a0a0a 100%);
  background: -o-linear-gradient(top, #0a0a0a 0%, #0f1719 47%, #0a0a0a 100%);
  background: linear-gradient(180deg, #0a0a0a 0%, #0f1719 47%, #0a0a0a 100%);
  position: relative; }
  .section-plan__decobox {
    pointer-events: none;
    position: absolute;
    top: -400px;
    opacity: 0.3; }
    @media (max-width: 1420px) {
      .section-plan__decobox {
        top: -200px; } }
  .section-plan__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 48px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
  .section-plan__card {
    width: 496px;
    height: 692px;
    border-radius: 16px;
    background-color: #070f12;
    border-radius: 16px;
    overflow: hidden;
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    margin: 0 25px;
    -webkit-transition: -webkit-transform 500ms;
    transition: -webkit-transform 500ms;
    -o-transition: transform 500ms;
    transition: transform 500ms;
    transition: transform 500ms, -webkit-transform 500ms; }
    .section-plan__card:hover {
      -webkit-transform: rotateY(15deg) skewY(2deg) scale(1.01);
      transform: rotateY(15deg) skewY(2deg) scale(1.01); }
      .section-plan__card:hover:first-child {
        -webkit-box-shadow: -5px -5px 15px 5px rgba(255, 3, 143, 0.05), 5px 5px 15px 5px rgba(2, 201, 232, 0.05), 0px 0px 15px 5px rgba(255, 255, 255, 0.04), 0px 0px 15px 5px rgba(255, 255, 255, 0.04), 0px 0px 15px 5px rgba(255, 255, 255, 0.04);
        box-shadow: -5px -5px 15px 5px rgba(255, 3, 143, 0.05), 5px 5px 15px 5px rgba(2, 201, 232, 0.05), 0px 0px 15px 5px rgba(255, 255, 255, 0.04), 0px 0px 15px 5px rgba(255, 255, 255, 0.04), 0px 0px 15px 5px rgba(255, 255, 255, 0.04); }
      .section-plan__card:hover:last-child {
        -webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, 0.04), 0px 0px 15px 5px rgba(255, 255, 255, 0.04), -5px -5px 15px 5px rgba(0, 73, 123, 0.31), 5px 5px 15px 5px rgba(69, 16, 123, 0.31);
        box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, 0.04), 0px 0px 15px 5px rgba(255, 255, 255, 0.04), -5px -5px 15px 5px rgba(0, 73, 123, 0.31), 5px 5px 15px 5px rgba(69, 16, 123, 0.31); }
      .section-plan__card:hover .section-plan__card-illustration {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg); }
    .section-plan__card::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      border-radius: 16px;
      padding: 2px; }
    .section-plan__card:first-child::before {
      background: -webkit-linear-gradient(293.65deg, #ffcce8 -20.53%, rgba(255, 3, 143, 0.2) 23.79%, rgba(2, 201, 232, 0.2) 61.78%, #ccf8ff 106.1%);
      background: -o-linear-gradient(293.65deg, #ffcce8 -20.53%, rgba(255, 3, 143, 0.2) 23.79%, rgba(2, 201, 232, 0.2) 61.78%, #ccf8ff 106.1%);
      background: linear-gradient(156.35deg, #ffcce8 -20.53%, rgba(255, 3, 143, 0.2) 23.79%, rgba(2, 201, 232, 0.2) 61.78%, #ccf8ff 106.1%);
      -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
      -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude; }
    .section-plan__card:last-child::before {
      background: -webkit-linear-gradient(305.46deg, #89ceff -12.97%, rgba(2, 136, 232, 0.2) 28.77%, rgba(117, 2, 232, 0.2) 70.52%, #e5d3f8 112.27%);
      background: -o-linear-gradient(305.46deg, #89ceff -12.97%, rgba(2, 136, 232, 0.2) 28.77%, rgba(117, 2, 232, 0.2) 70.52%, #e5d3f8 112.27%);
      background: linear-gradient(144.54deg, #89ceff -12.97%, rgba(2, 136, 232, 0.2) 28.77%, rgba(117, 2, 232, 0.2) 70.52%, #e5d3f8 112.27%);
      -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
      -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude; }
    .section-plan__card-illustration {
      width: 92px;
      height: 92px;
      -webkit-transition: -webkit-transform 0.5s ease-in-out;
      transition: -webkit-transform 0.5s ease-in-out;
      -o-transition: transform 0.5s ease-in-out;
      transition: transform 0.5s ease-in-out;
      transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; }
    .section-plan__card-title {
      color: #f2f5f7;
      font-size: 2.25em;
      font-weight: 700;
      text-align: center;
      margin-top: 24px; }
    .section-plan__card-subtitle {
      color: #c8ced0;
      font-size: 1.125em;
      font-weight: 500;
      margin-top: 16px; }
    .section-plan__card-content {
      width: 100%;
      color: #9b9b9b;
      font-size: 1.125em;
      margin-top: 24px;
      margin-bottom: 40px;
      padding-top: 24px;
      line-height: 1.5; }
      .section-plan__card-content--item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .section-plan__card-content--item:not(:first-child) {
          margin-top: 24px; }
        .section-plan__card-content--item .icon {
          width: 48px;
          height: 48px;
          margin-right: 8px;
          -ms-flex-negative: 0;
          flex-shrink: 0; }
          .section-plan__card-content--item .icon img {
            width: 100%;
            height: 100%; }
        .section-plan__card-content--item .example {
          font-size: 1em; }
      .section-plan__card-content::before {
        content: "";
        display: block;
        width: 100%;
        height: 4px;
        background: -webkit-gradient(linear, right top, left top, color-stop(-0.87%, rgba(153, 153, 153, 0)), color-stop(49.56%, #ffffff), to(rgba(153, 153, 153, 0)));
        background: -webkit-linear-gradient(right, rgba(153, 153, 153, 0) -0.87%, #ffffff 49.56%, rgba(153, 153, 153, 0) 100%);
        background: -o-linear-gradient(right, rgba(153, 153, 153, 0) -0.87%, #ffffff 49.56%, rgba(153, 153, 153, 0) 100%);
        background: linear-gradient(270deg, rgba(153, 153, 153, 0) -0.87%, #ffffff 49.56%, rgba(153, 153, 153, 0) 100%);
        margin: 0 auto;
        position: relative;
        top: -24px; }
      .section-plan__card-content .highlight {
        font-weight: 700;
        color: #f2f5f7; }
  @media (max-width: 1024px) {
    .section-plan__content {
      margin-top: 48px; }
    .section-plan__card {
      width: 50%;
      z-index: 2;
      margin: 0 1.76056vw;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      height: auto;
      padding: 2.8169vw; }
      .section-plan__card::before {
        padding: 0.42254vw; }
      .section-plan__card:first-child {
        -webkit-box-shadow: -5px -5px 15px 5px rgba(255, 3, 143, 0.05), 5px 5px 15px 5px rgba(2, 201, 232, 0.05), 0px 0px 15px 5px rgba(255, 255, 255, 0.04), 0px 0px 15px 5px rgba(255, 255, 255, 0.04), 0px 0px 15px 5px rgba(255, 255, 255, 0.04);
        box-shadow: -5px -5px 15px 5px rgba(255, 3, 143, 0.05), 5px 5px 15px 5px rgba(2, 201, 232, 0.05), 0px 0px 15px 5px rgba(255, 255, 255, 0.04), 0px 0px 15px 5px rgba(255, 255, 255, 0.04), 0px 0px 15px 5px rgba(255, 255, 255, 0.04); }
      .section-plan__card:last-child {
        -webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, 0.04), 0px 0px 15px 5px rgba(255, 255, 255, 0.04), -5px -5px 15px 5px rgba(0, 73, 123, 0.31), 5px 5px 15px 5px rgba(69, 16, 123, 0.31);
        box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, 0.04), 0px 0px 15px 5px rgba(255, 255, 255, 0.04), -5px -5px 15px 5px rgba(0, 73, 123, 0.31), 5px 5px 15px 5px rgba(69, 16, 123, 0.31); }
      .section-plan__card-illustration {
        width: 6.47887vw;
        height: 6.47887vw; }
      .section-plan__card-title {
        font-size: 2.95775vw;
        margin-top: 16px; }
      .section-plan__card-subtitle {
        font-size: 1.47887vw;
        margin-top: 12px; }
      .section-plan__card-content {
        width: 100%;
        font-size: 1.69014vw;
        margin-top: 24px;
        margin-bottom: 40px;
        padding-top: 24px; }
        .section-plan__card-content--item:not(:first-child) {
          margin-top: 16px; }
        .section-plan__card-content--item .icon {
          width: 4.22535vw;
          height: 4.22535vw;
          margin-right: 8px; }
          .section-plan__card-content--item .icon img {
            width: 100%;
            height: 100%; }
        .section-plan__card-content--item .example {
          font-size: 1em; }
        .section-plan__card-content::before {
          content: "";
          display: block;
          width: 100%;
          height: 4px;
          background: -webkit-gradient(linear, right top, left top, color-stop(-0.87%, rgba(153, 153, 153, 0)), color-stop(49.56%, #ffffff), to(rgba(153, 153, 153, 0)));
          background: -webkit-linear-gradient(right, rgba(153, 153, 153, 0) -0.87%, #ffffff 49.56%, rgba(153, 153, 153, 0) 100%);
          background: -o-linear-gradient(right, rgba(153, 153, 153, 0) -0.87%, #ffffff 49.56%, rgba(153, 153, 153, 0) 100%);
          background: linear-gradient(270deg, rgba(153, 153, 153, 0) -0.87%, #ffffff 49.56%, rgba(153, 153, 153, 0) 100%);
          margin: 0 auto;
          position: relative;
          top: -24px; }
        .section-plan__card-content .highlight {
          font-weight: 700;
          color: #f2f5f7; }
      .section-plan__card .btn {
        font-size: 1.97183vw; } }
  @media (max-width: 768px) {
    .section-plan {
      margin-top: 14.0625vw; }
      .section-plan__decobox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 300%;
        top: -117.1875vw;
        left: -90%; }
      .section-plan__content {
        margin-top: 48px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
      .section-plan__card {
        width: 100%;
        height: auto;
        border-radius: 4.16667vw;
        padding: 6.25vw;
        margin: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; }
        .section-plan__card + .section-plan__card {
          margin-top: 6.25vw; }
        .section-plan__card::before {
          border-radius: 4.16667vw;
          padding: 0.52083vw; }
        .section-plan__card-illustration {
          width: 16.66667vw;
          height: 16.66667vw; }
        .section-plan__card-title {
          font-size: 6.25vw;
          margin-top: 4.16667vw; }
        .section-plan__card-subtitle {
          font-size: 4.16667vw;
          margin-top: 2.08333vw;
          letter-spacing: 2px; }
        .section-plan__card-content {
          font-size: 4.16667vw;
          line-height: 1.8;
          margin-top: 6.25vw;
          margin-bottom: 6.25vw;
          padding-top: 6.25vw; }
          .section-plan__card-content--item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: start; }
            .section-plan__card-content--item:not(:first-child) {
              margin-top: 4.16667vw; }
            .section-plan__card-content--item .icon {
              width: 9.375vw;
              height: 9.375vw;
              margin-right: 2.08333vw;
              margin-top: -1.04167vw;
              margin-top: -0.25em; }
            .section-plan__card-content--item .example {
              font-size: 4.16667vw; }
          .section-plan__card-content::before {
            content: "";
            display: block;
            width: 100%;
            height: 1.04167vw;
            background: -webkit-gradient(linear, right top, left top, color-stop(-0.87%, rgba(153, 153, 153, 0)), color-stop(49.56%, #ffffff), to(rgba(153, 153, 153, 0)));
            background: -webkit-linear-gradient(right, rgba(153, 153, 153, 0) -0.87%, #ffffff 49.56%, rgba(153, 153, 153, 0) 100%);
            background: -o-linear-gradient(right, rgba(153, 153, 153, 0) -0.87%, #ffffff 49.56%, rgba(153, 153, 153, 0) 100%);
            background: linear-gradient(270deg, rgba(153, 153, 153, 0) -0.87%, #ffffff 49.56%, rgba(153, 153, 153, 0) 100%);
            margin: 0 auto;
            position: relative;
            top: -6.51042vw; }
          .section-plan__card-content .highlight {
            font-weight: 700;
            color: #f2f5f7; }
      .section-plan .btn {
        font-size: 4.16667vw; } }

.section-faq {
  margin: 0 auto;
  padding-top: 64px;
  padding-bottom: 76px;
  position: relative;
  overflow: visible; }
  .section-faq a {
    color: #09b8ee;
    text-decoration: underline; }
  .section-faq__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 40px auto;
    list-style-type: none; }
  .section-faq__tab {
    font-size: 24px;
    line-height: 34.75px;
    letter-spacing: 2px;
    color: #9b9b9b;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
    margin: 0 25px;
    -webkit-transition: color 0.3s ease,
 -webkit-box-shadow 0.3s ease;
    transition: color 0.3s ease,
 -webkit-box-shadow 0.3s ease;
    -o-transition: color 0.3s ease,
 box-shadow 0.3s ease;
    transition: color 0.3s ease,
 box-shadow 0.3s ease;
    transition: color 0.3s ease,
 box-shadow 0.3s ease,
 -webkit-box-shadow 0.3s ease;
    text-align: center;
    position: relative; }
    .section-faq__tab--active {
      color: #ffffff;
      font-weight: 700; }
    .section-faq__tab:hover {
      color: #ffffff;
      -webkit-animation: shadowBlink 1s infinite;
      animation: shadowBlink 1s infinite; }
  .section-faq__content {
    font-family: "Roboto", "Noto Sans TC";
    display: none;
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: opacity 0.5s ease,
 -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease,
 -webkit-transform 0.5s ease;
    -o-transition: opacity 0.5s ease,
 transform 0.5s ease;
    transition: opacity 0.5s ease,
 transform 0.5s ease;
    transition: opacity 0.5s ease,
 transform 0.5s ease,
 -webkit-transform 0.5s ease; }
    .section-faq__content--active {
      display: block;
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
  .section-faq .faq__item:not(:last-child) {
    margin-bottom: 24px; }
  .section-faq .faq__question {
    color: #f2f5f7;
    font-size: 24px;
    line-height: 1.5;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border-radius: 8px;
    background: -webkit-gradient(linear, left top, right top, from(#191c1c), color-stop(17.5%, #242727), to(#191c1c));
    background: -webkit-linear-gradient(left, #191c1c 0%, #242727 17.5%, #191c1c 100%);
    background: -o-linear-gradient(left, #191c1c 0%, #242727 17.5%, #191c1c 100%);
    background: linear-gradient(90deg, #191c1c 0%, #242727 17.5%, #191c1c 100%);
    -webkit-transition: background 0.3s ease,
 -webkit-transform 0.3s ease;
    transition: background 0.3s ease,
 -webkit-transform 0.3s ease;
    -o-transition: background 0.3s ease,
 transform 0.3s ease;
    transition: background 0.3s ease,
 transform 0.3s ease;
    transition: background 0.3s ease,
 transform 0.3s ease,
 -webkit-transform 0.3s ease; }
    .section-faq .faq__question:hover {
      background: #333333;
      -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
      transform: scale(1.02); }
    .section-faq .faq__question p {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      letter-spacing: 2px; }
    .section-faq .faq__question-number {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      font-family: "Roboto Mono", "Noto Sans TC", sans-serif, "Noto Sans TC", "Roboto", Arial, Helvetica, sans-serif;
      font-weight: 700;
      margin-right: 8px; }
  .section-faq .faq__icon {
    display: inline-block;
    width: 48px;
    height: 48px;
    text-align: center;
    border-radius: 4px;
    margin-left: 8px;
    color: transparent;
    position: relative;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .section-faq .faq__icon::before, .section-faq .faq__icon::after {
      content: "";
      display: block;
      background-color: #fff;
      position: absolute;
      -webkit-transition: -webkit-transform 0.3s ease;
      transition: -webkit-transform 0.3s ease;
      -o-transition: transform 0.3s ease;
      transition: transform 0.3s ease;
      transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
    .section-faq .faq__icon::before {
      width: 3px;
      height: 27px;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .section-faq .faq__icon::after {
      width: 27px;
      height: 3px;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .section-faq .faq__icon.active::before {
      background-color: #555;
      -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
      transform: translate(-50%, -50%) rotate(90deg); }
  .section-faq .faq__answer {
    color: #c8ced0;
    display: none;
    padding: 20px 24px 24px 24px;
    background: -webkit-gradient(linear, left top, right top, from(#191c1c), color-stop(17.5%, #242727), to(#191c1c));
    background: -webkit-linear-gradient(left, #191c1c 0%, #242727 17.5%, #191c1c 100%);
    background: -o-linear-gradient(left, #191c1c 0%, #242727 17.5%, #191c1c 100%);
    background: linear-gradient(90deg, #191c1c 0%, #242727 17.5%, #191c1c 100%);
    border-radius: 0 0 8px 8px;
    font-size: 1.125em;
    line-height: 1.5;
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease-in-out;
    -o-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
    max-height: 0;
    margin-top: -8px; }
    .section-faq .faq__answer.active {
      display: block;
      max-height: 2000px; }
    .section-faq .faq__answer table {
      width: 100%;
      border-collapse: collapse;
      border-spacing: 0;
      color: #fff;
      text-align: center; }
      .section-faq .faq__answer table td {
        padding: 12px;
        border: 1px solid #d9d9d9;
        vertical-align: middle; }
      .section-faq .faq__answer table.compare td:first-child {
        width: calc(100% * 2 / 12); }
      .section-faq .faq__answer table.compare td:not(:first-child) {
        width: calc(100% * 5 / 12); }
    .section-faq .faq__answer ol,
    .section-faq .faq__answer ul {
      margin-top: 8px;
      margin-bottom: 8px; }
    .section-faq .faq__answer-table {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .section-faq .faq__answer-table .table-desc {
        width: 60%;
        padding-right: 16px; }
        .section-faq .faq__answer-table .table-desc p + p {
          margin: 8px 0; }
      .section-faq .faq__answer-table table {
        width: 40%;
        max-width: 502px;
        table-layout: fixed; }
        .section-faq .faq__answer-table table td {
          padding: 12px;
          border: 1px solid #d9d9d9; }
  .section-faq__decobox {
    position: relative;
    width: 100%; }
  .section-faq__light {
    width: 700px;
    height: 580px;
    border-radius: 50%;
    background-color: blue;
    background-color: #ccf8ff;
    position: absolute;
    top: -505px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    mix-blend-mode: hard-light;
    -webkit-filter: blur(60px);
    filter: blur(60px);
    opacity: 0.6; }
  .section-faq__globe {
    width: 1425px;
    height: 1425px;
    border-radius: 50%;
    background-color: #0e1618;
    -webkit-box-shadow: 0px 100px 92.8px 0px #ccf8ff inset;
    box-shadow: 0px 100px 92.8px 0px #ccf8ff inset;
    position: absolute;
    top: -345px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    mix-blend-mode: hard-light; }
  .section-faq__shadow {
    width: 1920px;
    height: 1920px;
    border-radius: 50%;
    background: -webkit-gradient(linear, left bottom, left top, from(#101819), color-stop(9.99%, #101718), color-stop(16.98%, #0d1314), color-stop(50.02%, #0a0a0a));
    background: -webkit-linear-gradient(bottom, #101819 0%, #101718 9.99%, #0d1314 16.98%, #0a0a0a 50.02%);
    background: -o-linear-gradient(bottom, #101819 0%, #101718 9.99%, #0d1314 16.98%, #0a0a0a 50.02%);
    background: linear-gradient(0deg, #101819 0%, #101718 9.99%, #0d1314 16.98%, #0a0a0a 50.02%);
    position: absolute;
    top: -280px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-filter: blur(40px);
    filter: blur(40px); }
  @media (max-width: 1024px) {
    .section-faq__tab {
      font-size: 2.53521vw;
      margin: 0 25px; } }
  @media (max-width: 768px) {
    .section-faq {
      padding-top: 64px; }
      .section-faq__tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 4.16667vw auto 6.25vw;
        list-style-type: none; }
      .section-faq__tab {
        font-size: 4.55729vw;
        line-height: 1.5;
        margin: 0 3.125vw; }
        .section-faq__tab:hover {
          -webkit-animation: none;
          animation: none; }
      .section-faq__content {
        display: none;
        opacity: 0;
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: opacity 0.5s ease,
 -webkit-transform 0.5s ease;
        transition: opacity 0.5s ease,
 -webkit-transform 0.5s ease;
        -o-transition: opacity 0.5s ease,
 transform 0.5s ease;
        transition: opacity 0.5s ease,
 transform 0.5s ease;
        transition: opacity 0.5s ease,
 transform 0.5s ease,
 -webkit-transform 0.5s ease; }
        .section-faq__content--active {
          display: block;
          opacity: 1;
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0); }
      .section-faq .faq__item:not(:last-child) {
        margin-bottom: 4.16667vw; }
      .section-faq .faq__question {
        font-size: 4.16667vw;
        padding: 2.08333vw 6.25vw;
        border-radius: 2.08333vw; }
        .section-faq .faq__question-number {
          margin-right: 2.08333vw; }
      .section-faq .faq__icon {
        display: inline-block;
        width: 6.25vw;
        height: 6.25vw;
        margin-left: 2.08333vw; }
        .section-faq .faq__icon::before {
          width: 3px;
          height: 3.38542vw; }
        .section-faq .faq__icon::after {
          width: 3.38542vw;
          height: 3px; }
        .section-faq .faq__icon.active::before {
          background-color: #555;
          -webkit-transform: translate(-50%, -50%) rotate(90deg);
          -ms-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg); }
      .section-faq .faq__answer {
        padding: 5.20833vw 6.25vw 6.25vw;
        border-radius: 0 0 2.08333vw 2.08333vw;
        font-size: 3.64583vw;
        letter-spacing: 2px;
        margin-top: -2.08333vw; }
        .section-faq .faq__answer.active {
          max-height: 4000px; }
        .section-faq .faq__answer table {
          width: 100%;
          border-collapse: collapse;
          border-spacing: 0;
          color: #fff;
          text-align: center; }
          .section-faq .faq__answer table th,
          .section-faq .faq__answer table td {
            padding: 3.125vw 2.08333vw;
            border: 1px solid #d9d9d9;
            vertical-align: middle; }
          .section-faq .faq__answer table.investment tr:first-child {
            height: 20.05208vw; }
          .section-faq .faq__answer table.compare {
            table-layout: fixed; }
            .section-faq .faq__answer table.compare td:first-child {
              width: auto; }
            .section-faq .faq__answer table.compare td:not(:first-child) {
              width: auto; }
        .section-faq .faq__answer ol,
        .section-faq .faq__answer ul {
          margin-top: 8px;
          margin-bottom: 8px; }
        .section-faq .faq__answer-table {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
          .section-faq .faq__answer-table .table-desc {
            width: 100%;
            padding-right: 16px; }
            .section-faq .faq__answer-table .table-desc p + p {
              margin: 8px 0; }
          .section-faq .faq__answer-table table {
            width: 100%;
            max-width: none;
            table-layout: auto; }
            .section-faq .faq__answer-table table td {
              padding: 2.08333vw;
              border: 1px solid #d9d9d9; }
      .section-faq__light {
        width: 110.67708vw;
        height: 65.10417vw;
        top: -61.19792vw;
        -webkit-filter: blur(7.8125vw);
        filter: blur(7.8125vw);
        opacity: 0.6; }
      .section-faq__globe {
        width: 123.69792vw;
        height: 123.69792vw;
        top: -39.71354vw;
        -webkit-box-shadow: 0px 40px 250px 65px #ccf8ff inset,
 0px 20px 92.8px 0px #ffffff inset;
        box-shadow: 0px 40px 250px 65px #ccf8ff inset,
 0px 20px 92.8px 0px #ffffff inset; }
      .section-faq__shadow {
        width: 195.3125vw;
        height: 260.41667vw;
        top: -25.39063vw;
        -webkit-filter: blur(9.11458vw);
        filter: blur(9.11458vw);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(16, 24, 25, 0.9)), color-stop(9.99%, rgba(16, 23, 24, 0.95)), color-stop(16.98%, #0d1314), color-stop(50.02%, #0a0a0a));
        background: -webkit-linear-gradient(top, rgba(16, 24, 25, 0.9) 0%, rgba(16, 23, 24, 0.95) 9.99%, #0d1314 16.98%, #0a0a0a 50.02%);
        background: -o-linear-gradient(top, rgba(16, 24, 25, 0.9) 0%, rgba(16, 23, 24, 0.95) 9.99%, #0d1314 16.98%, #0a0a0a 50.02%);
        background: linear-gradient(180deg, rgba(16, 24, 25, 0.9) 0%, rgba(16, 23, 24, 0.95) 9.99%, #0d1314 16.98%, #0a0a0a 50.02%); } }

.section-detail {
  padding-bottom: 3.55556em;
  position: relative; }
  .section-detail::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, right top, left top, color-stop(-0.87%, rgba(153, 153, 153, 0)), color-stop(49.56%, #ffffff), to(rgba(153, 153, 153, 0)));
    background: -webkit-linear-gradient(right, rgba(153, 153, 153, 0) -0.87%, #ffffff 49.56%, rgba(153, 153, 153, 0) 100%);
    background: -o-linear-gradient(right, rgba(153, 153, 153, 0) -0.87%, #ffffff 49.56%, rgba(153, 153, 153, 0) 100%);
    background: linear-gradient(270deg, rgba(153, 153, 153, 0) -0.87%, #ffffff 49.56%, rgba(153, 153, 153, 0) 100%);
    margin: 0 auto;
    position: relative;
    top: -64px; }
  .section-detail .section-title {
    padding-bottom: 1rem; }
  .section-detail .detail-content ul, .section-detail .detail-content table {
    color: #fff;
    font-size: 1.125em;
    line-height: 1.5; }
  .section-detail .detail-content ul.disc {
    margin-left: -12px; }
  @media (max-width: 768px) {
    .section-detail {
      margin-top: 64px;
      padding-top: 6.25vw;
      padding-bottom: 19.53125vw;
      position: relative; }
      .section-detail::before {
        top: -6.25vw; }
      .section-detail .detail-content ul, .section-detail .detail-content table {
        font-size: 4.16667vw;
        line-height: 1.5; }
      .section-detail .detail-content ul.disc {
        margin-left: -3.125vw; } }
  @media (max-width: 320px) {
    .section-detail {
      font-size: 13px; } }

.section-notice {
  color: #9b9b9b;
  font-size: 1.125em;
  line-height: 1.5;
  margin-top: 2.77778em;
  padding-bottom: 3.55556em;
  position: relative; }
  .section-notice .copyright {
    margin-top: 1.5em;
    margin-bottom: 1.5em; }
  .section-notice a {
    color: #9b9b9b;
    text-decoration: underline; }
  @media (max-width: 768px) {
    .section-notice {
      font-size: 4.16667vw;
      line-height: 1.5;
      margin-top: 8.33333vw;
      padding-top: 3.125vw;
      padding-bottom: 4.16667vw;
      position: relative; }
      .section-notice .copyright {
        margin-top: 2em; } }
  @media (max-width: 320px) {
    .section-notice {
      font-size: 13px; } }