@charset "UTF-8";

progress,
sub,
sup {
  vertical-align: baseline;
}

button,
hr,
input {
  overflow: visible;
}

html,
legend {
  box-sizing: border-box;
}

.kv,
sub,
sup {
  position: relative;
}

.menu li,
ul {
  list-style: none;
}

.menu_bar .logo,
svg:not(:root) {
  overflow: hidden;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

.fix_r_c a,
.menu-list > li:active ul,
.menu-list > li:hover ul,
.pc,
article,
aside,
details,
figcaption,
figure,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
html {
  --x-blu: #0281c6;
  --y-blu: #a5c1e5;
  --x-grn: #68a74e;
  --y-grn: #71ac58;
  --x-org: #de8b2f;
  --y-org: #e0913a;
  --x-ywl: #fdc20a;
  --y-ywl: #efb221;
  --x-igo: #7c93b9;
  --y-igo: #8499bd;
}
body {
  /* line-height: 1;
	font-family: "Microsoft JhengHei"; */
  margin: 0;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none;
}

table {
  border-spacing: 0;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

audio,
canvas,
progress,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

.m,
.o1,
.o2,
.o3,
.o4,
.o5,
[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 50%;
  line-height: 0;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -1em;
}

img {
  border-style: none;
}

code,
kbd,
pre,
samp {
  font-size: 1em;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

button,
input,
select,
textarea {
  font: inherit;
  margin: 0;
}

optgroup {
  font-weight: 700;
}

button,
select {
  text-transform: none;
}

[type='reset'],
[type='submit'],
button,
html [type='button'] {
  -webkit-appearance: button;
  appearance: button;
}

[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring,
button:-moz-focusring {
  outline: ButtonText dotted 1px;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

textarea {
  overflow: auto;
}

[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

[type='search'] {
  -webkit-appearance: textfield;
  appearance: textfield;
  outline-offset: -2px;
}

[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

.o2,
.o3,
.o4,
.o5 {
  opacity: 0.9;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

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

em {
  font-style: normal;
}

@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

.kv {
  line-height: 0;
}

.kv img,
.menu_bar .logo img {
  width: 100%;
}

.kv .kv_icon {
  position: absolute;
  top: 0;
  animation: 2s slideIn;
  -webkit-animation: 2s slideIn;
}

.fix_r_c {
  position: fixed;
  bottom: 50%;
  z-index: 99;
  right: 0;
  text-align: right;
}

.content,
.content2,
.menu-list {
  position: relative;
}

.fix_r_c img {
  width: 75%;
}

.kv_icon.k1 {
  top: 54%;
  left: 12%;
  width: 8.5%;
}

.kv_icon.k2 {
  top: 29%;
  left: 16%;
  width: 11%;
}

.kv_icon.k3 {
  top: 11%;
  left: 20%;
  width: 12%;
}

.kv_icon.k4 {
  top: 6%;
  left: 43%;
  width: 13%;
}

.kv_icon.k5 {
  top: 13%;
  left: 65.5%;
  width: 13%;
}

.kv_icon.k6 {
  top: 30%;
  left: 74%;
  width: 9.8%;
}

.kv_icon.k7 {
  top: 48%;
  left: 80%;
  width: 10%;
}

.content .menu {
  background-color: #03182d;
  color: #fefefe;
  text-align: center;
  padding-bottom: 75px;
}

.content .menu h2 {
  font-size: 34pt;
  font-weight: 900;
  color: #fff;
}

.menu ol .t1,
.menu ol .t2,
.menu ol .t3,
.menu ol .t4,
.menu ol .t5 {
  font-size: 1.3rem;
}

.menu nav {
  max-width: 1400px;
  margin: 75px auto;
  text-align: justify;
  width: 100%;
}

.o1 em,
.o2 em {
  width: 0;
  height: 0;
}

.menu nav::after {
  content: '';
  display: inline-block;
  width: 100%;
}

.menu ol {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin: 1%;
}

.menu li {
  color: #fefefe;
  margin-top: 1rem;
}

.menu ol .t1 {
  border-bottom: 3px solid #0281c6;
}

.menu ol .t2 {
  border-bottom: 3px solid #68a74e;
}

.menu ol .t3 {
  border-bottom: 3px solid #de8b2f;
}

.menu ol .t4 {
  border-bottom: 3px solid #fdc20a;
}

.menu ol .t5 {
  border-bottom: 3px solid #7c93b9;
}

.menu .menu_note {
  max-width: 1000px;
  margin: 150px auto 0;
}

.menu_bar,
.o1 {
  margin: 0 auto;
}

.menu .menu_note .notel,
.menu .menu_note .noter {
  display: inline-block;
  text-align: left;
  font-size: 14px;
  color: #999;
}

.menu .menu_button {
  width: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
}

.menu .menu_button a {
  position: relative;
  color: #000;
  background-color: #f2e826;
  font-size: 26pt;
  font-weight: 500;
  margin: auto;
  padding: 0 40px;
  border-radius: 30px;
  text-decoration: none;
}

.menu .menu_button a::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 33px;
  box-shadow: 0 1px 10px 10px rgba(255, 255, 255, 0.3);
  opacity: 0;
  transition: opacity 0.4s ease-out;
}

.menu .menu_button a:hover::before {
  opacity: 1;
}

.group .section,
.group2 .section,
.group3 .section,
.group4 .section,
.group5 .section {
  width: 100%;
  padding-top: 4%;
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 2%;
  font-family: 'Noto Sans TC', 'Microsoft Jhenghei',  sans-serif;
}

.group .section .first,
.group2 .section .first,
.group3 .section .first,
.group4 .section .first,
.group5 .section .first {
  margin-bottom: 3%;
}

.group .section .first span {
  border: 1px solid;
  color: #0281c6;
  border-radius: 2em;
  font-size: 20pt;
  padding: 2px 15px;
}

.group .section .second,
.group2 .section .second,
.group3 .section .second,
.group4 .section .second,
.group5 .section .second {
  margin-bottom: 1%;
  display: block;
}

.section .content ul li {
  margin-left: 4%;
}

.group .section .second h2 {
  color: #0281c6;
  font-weight: 900;
  font-size: 35pt;
  float: left;
}

.group .section .second a {
  color: #fff;
  background-color: #0281c6;
  font-size: 16pt;
  float: right;
  padding: 0.3em 1em;
  margin: auto auto auto 10px;
  border-radius: 2em;
  text-decoration: none;
}

.group .section .txt,
.group2 .section .txt,
.group3 .section .txt,
.group4 .section .txt,
.group5 .section .txt {
  /* padding-top: 2%; */
  padding-top: 0;
  font-weight: 600;
  margin-bottom: 3%;
  font-size: 30px;
}

.group .section .content,
.group2 .section .content,
.group3 .section .content,
.group4 .section .content,
.group5 .section .content {
  padding-top: 3%;
}

.group .section .content ul {
  list-style: disc;
  line-height: 2;
  float: left;
  width: 54%;
}

.group .section .content ul h3,
.group2 .section .content ul h3,
.group2 .section .txt ul h3,
.group3 .section .content ul h3,
.group3 .section .txt ul h3,
.group4 .section .content ul h3,
.group4 .section .txt ul h3,
.group5 .section .content ul h3,
.group5 .section .txt ul h3 {
  font-weight: 700;
  margin-bottom: 9px;
}

.group .section .content ul li,
.o1 li a:active,
.o1 li a:hover {
  color: #0281c6;
}

.group .section .content ul li span,
.group2 .section .content ul li span,
.group3 .section .content ul li span,
.group4 .section .content ul li span,
.group5 .section .content ul li span {
  color: #000;
  font-weight: 700;
}

.group .section .content table {
  float: right;
  border: 1px solid #9fbde3;
  width: 43%;
}

.group .section .content table thead {
  background-color: #9fbde3;
  color: #fff;
  text-align: center;
}

.group .section .content table thead th:nth-child(2),
.group .section .content table thead th:nth-child(3) {
  border-left: 1px solid #fff;
  vertical-align: middle;
}

.group .section .content table tbody td:first-child,
.group .section .content table tbody td:nth-child(2),
.group .section .content table tbody td:nth-child(3) {
  border-left: 1px solid #9fbde3;
  border-bottom: 1px solid #9fbde3;
  vertical-align: middle;
}

.group .section .content table i,
.group2 .section .content table i,
.group3 .section .content table i,
.group4 .section .content table i,
.group5 .section .content table i {
  font-style: normal;
  font-size: 20pt;
  font-weight: 700;
}

.group2 .section .content table td,
.group3 .section .content table td,
.group4 .section .content table td,
.group5 .section .content table td {
  font-size: 18px;
  text-align: center;
  clear: both;
}

.group .section .content table th {
  text-align: center;
}

.group .section .content table td {
  text-align: center;
  clear: both;
  background-color: #fff;
}

.group .section .note,
.group2 .section .note,
.group3 .section .note,
.group4 .section .note,
.group5 .section .note {
  margin-top: 2%;
  font-size: 14px;
}

.group .section .note ol li,
.group2 .section .note ol li,
.group3 .section .note ol li,
.group4 .section .note ol li,
.group5 .section .note ol li {
  list-style-position: outside;
  margin-left: 2%;
}

.group2 .section .first span {
  border: 1px solid;
  color: #68a74e;
  border-radius: 15px;
  font-size: 20pt;
  padding: 2px 15px;
}

.group2 .section .second h2 {
  color: #68a74e;
  font-weight: 900;
  font-size: 35pt;
  float: left;
}

.group2 .section .second a {
  color: #fff;
  background-color: #68a74e;
  font-size: 16pt;
  float: right;
  padding: 0 10px;
  margin: auto auto auto 10px;
  border-radius: 6px;
  text-decoration: none;
}

.group2 .section .second .a2,
.group4 .section .second .a2 {
  border-radius: 18px;
}

.group2 .section .content ul {
  list-style: disc;
  line-height: 2;
  float: left;
  width: 50%;
}

.group2 .section .content ul li,
.group2 .section .txt ul li,
.o2 li a:active,
.o2 li a:hover,
.section .content2 h3 {
  color: #68a74e;
}

.section .content2 {
  padding-top: 3%;
  margin-bottom: 2%;
  margin-top: 2%;
}

.section .content2 ul {
  list-style: disc;
  line-height: 1;
  width: 46%;
  display: inline-block;
  vertical-align: top;
}

.section .content2 ul h3 {
  font-weight: 700;
  margin-bottom: 9px;
  font-size: 0.9rem;
}

.section .content2 ul:last-child {
  margin-left: 3%;
}

.section .content2 ul li {
  margin-left: 4%;
  color: #000;
}

.section .content2 .last-li-space {
  margin-bottom: 8%;
}

.content3 {
  display: flex;
  justify-content: space-between;
  border: 1px solid #68a74e;
  padding: 2%;
}

.section .content2 ul li span {
  color: #000;
  font-weight: 700;
  font-size: 0.9rem;
}

.section .content3 ul {
  width: 42%;
}

.group2 .section .txt ul {
  list-style: disc inside;
  line-height: 2;
  float: left;
}

.group2 .section .txt ul li span,
.group3 .section .txt ul li span,
.group4 .section .txt ul li span,
.group5 .section .txt ul li span,
.menu-list > li > ul > li > a {
  color: #000;
}

.group2 .section .content table {
  float: right;
  border: 1px solid #68a74e;
  width: 50%;
}

.group2 .section .content table thead {
  background-color: #68a74e;
  color: #fff;
  text-align: center;
}

.group2 .section .content table thead th:nth-child(2),
.group2 .section .content table thead th:nth-child(3),
.group3 .section .content table thead th:nth-child(2),
.group3 .section .content table thead th:nth-child(3),
.group4 .section .content table thead th:nth-child(2),
.group4 .section .content table thead th:nth-child(3),
.group5 .section .content table thead th:nth-child(2),
.group5 .section .content table thead th:nth-child(3) {
  border-left: 1px solid #fff;
}

.group2 .section .content table tbody td:first-child,
.group2 .section .content table tbody td:nth-child(2),
.group2 .section .content table tbody td:nth-child(3) {
  border-left: 1px solid #68a74e;
  border-bottom: 1px solid #68a74e;
  vertical-align: middle;
}

.group2 .section .content table th,
.group3 .section .content table th,
.group4 .section .content table th,
.group5 .section .content table th {
  text-align: center;
  vertical-align: middle;
}

.group3 .section .first span {
  border: 1px solid;
  color: #de8a2e;
  border-radius: 15px;
  font-size: 20pt;
  padding: 2px 15px;
}

.group3 .section .second h2 {
  color: #de8a2e;
  font-weight: 900;
  font-size: 35pt;
  float: left;
}

.group3 .section .second a {
  color: #fff;
  background-color: #de8a2e;
  font-size: 16pt;
  float: right;
  padding: 0 10px;
  margin: auto;
  border-radius: 6px;
  text-decoration: none;
}

.group3 .section .content ul,
.group4 .section .content ul {
  list-style: disc;
  line-height: 2;
  float: left;
  width: 49%;
}

.group4 .section .content ul.short {
  width: 35%;
}

.group3 .section .content ul li,
.group3 .section .txt ul li,
.o3 li a:active,
.o3 li a:hover {
  color: #de8a2e;
}

.group3 .section .txt ul,
.group4 .section .txt ul,
.group5 .section .txt ul {
  list-style: disc;
  line-height: 2;
  float: left;
}

.group3 .section .content table {
  float: right;
  border: 1px solid #de8a2e;
  width: 50%;
  text-align: center;
  vertical-align: middle;
}

.group3 .section .content table thead {
  background-color: #de8a2e;
  color: #fff;
  text-align: center;
}

.group3 .section .content table tbody td:first-child,
.group3 .section .content table tbody td:nth-child(2),
.group3 .section .content table tbody td:nth-child(3) {
  border-left: 1px solid #de8a2e;
  border-bottom: 1px solid #de8a2e;
  vertical-align: middle;
}

.group3 hr {
  border-top: 3px solid #de8a2e;
}

.group3 .t2,
.group4 .t2,
.group5 .t2 {
  width: 34%;
  margin-left: 1%;
}

.group4 .section .first span {
  border: 1px solid;
  color: #eead13;
  border-radius: 15px;
  font-size: 20pt;
  padding: 2px 15px;
}

.group4 .section .second h2 {
  color: #eead13;
  font-weight: 900;
  font-size: 35pt;
  float: left;
}

.group4 .section .second a {
  color: #fff;
  background-color: #eead13;
  font-size: 16pt;
  float: right;
  padding: 0 10px;
  margin: auto auto auto 10px;
  border-radius: 6px;
  text-decoration: none;
}

.group4 .section .content ul li,
.group4 .section .txt ul li,
.o4 li a:active,
.o4 li a:hover {
  color: #eead13;
}

.group4 .section .content table {
  float: right;
  border: 1px solid #eead13;
  text-align: center;
  vertical-align: middle;
}

.group4 .section .content table thead {
  background-color: #eead13;
  color: #fff;
  text-align: center;
}

.group4 .section .content table tbody td:first-child,
.group4 .section .content table tbody td:nth-child(2),
.group4 .section .content table tbody td:nth-child(3) {
  border-left: 1px solid #eead13;
  border-bottom: 1px solid #eead13;
  vertical-align: middle;
}

.group4 .section .content table td {
  padding: 0 7px;
}

.group4 hr {
  border-top: 3px solid #eead13;
}

.group5 .section .first span {
  border: 1px solid;
  color: #7c93b9;
  border-radius: 15px;
  font-size: 20pt;
  padding: 2px 15px;
}

.group5 .section .second h2 {
  color: #7c93b9;
  font-weight: 900;
  font-size: 35pt;
  float: left;
}

.group5 .section .second a {
  color: #fff;
  background-color: #7c93b9;
  font-size: 16pt;
  float: right;
  padding: 0 10px;
  margin: auto;
  border-radius: 6px;
  text-decoration: none;
}

.group5 .section .content ul {
  list-style: disc;
  line-height: 2;
  float: left;
  width: 67%;
}

.group5 .section .content ul li,
.group5 .section .txt ul li,
.o5 li a:active,
.o5 li a:hover {
  color: #7c93b9;
}

.group5 .section .content table {
  float: right;
  border: 1px solid #7c93b9;
  width: 25%;
  text-align: center;
  vertical-align: middle;
}

.group5 .section .content table thead {
  background-color: #7c93b9;
  color: #fff;
  text-align: center;
}

.group5 .section .content table tbody td:first-child,
.group5 .section .content table tbody td:nth-child(2),
.group5 .section .content table tbody td:nth-child(3) {
  border-left: 1px solid #7c93b9;
  border-bottom: 1px solid #7c93b9;
  vertical-align: middle;
}

.group5 hr {
  border-top: 3px solid #7c93b9;
}

.bg1 {
  background-color: #fff;
}

.bg2 {
  background-color: #ecf2f9;
}

.bg3 {
  background-color: #f2f8eb;
}

.bg4 {
  background-color: #fffbef;
}

.bg5 {
  background-color: #f1f3f7;
}

.clear {
  clear: both;
}

.clearfix:after {
  content: '';
  display: table;
  clear: both;
}

.menu_warp.on {
  display: none !important;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 654;
  background-color: #fff;
  opacity: 0.9;
}

.menu_warp {
  display: none;
  width: 100%;
}

.o1,
.o2,
.o3,
.o4,
.o5 {
  background-color: #fff;
  padding: 1%;
  z-index: 9999999;
  top: 88%;
  width: 50%;
}

.menu_bar {
  max-width: 1000px;
  height: 70px;
}

.menu_bar .logo {
  float: left;
  display: block;
  text-decoration: none;
  white-space: nowrap;
  margin: 1%;
}

.menu-list {
  float: right;
}

.o1,
.o1 em,
.o2,
.o2 em {
  position: absolute;
}

.menu-list > li {
  float: left;
}

.menu-list > li > a {
  display: block;
  text-decoration: none;
  font-weight: 700;
  color: #000;
  padding: 1em;
}

.o1 li,
.o2 li,
.o3 li,
.o4 li,
.o5 li {
  padding: 3%;
}

.o1 {
  border-top: 3px solid #0281c6;
  left: -29%;
}

.o1 em {
  border: 9px dashed #0281c6;
  border-color: transparent transparent #0281c6;
  left: 76%;
  top: -8%;
}

.o2 {
  border-top: 2px solid #68a74e;
  left: -12%;
}

.o2 em {
  border: 8px dashed #68a74e;
  border-color: transparent transparent #68a74e;
  left: 81%;
  top: -9%;
}

.o3 em,
.o4 em {
  width: 0;
  height: 0;
  left: 49%;
  position: absolute;
}

.o3 {
  position: absolute;
  border-top: 2px solid #de8a2e;
  left: 23.5%;
}

.o3 em {
  border: 8px dashed #de8a2e;
  border-color: transparent transparent #de8a2e;
  top: -31%;
}

.o4 {
  position: absolute;
  border-top: 2px solid #eead13;
  left: 43.5%;
}

.o4 em {
  border: 8px dashed #eead13;
  border-color: transparent transparent #eead13;
  top: -17%;
}

.o5 {
  position: absolute;
  border-top: 2px solid #7c93b9;
  left: 50.5%;
}

.fbox,
.o5 em {
  width: 0;
  height: 0;
}

.o5 em {
  position: absolute;
  border: 8px dashed #7c93b9;
  border-color: transparent transparent #7c93b9;
  left: 77%;
  top: -31%;
}

.showmenu {
  float: right;
  text-decoration: none;
  color: #ea7070;
  font-weight: 600;
  padding: 1em;
  display: none;
}

.fbox {
  position: fixed;
  left: 0;
  top: 0;
  opacity: 0;
}

@media (min-width: 320px) and (max-width: 767px) {
  .o1 em,
  .o2 em {
    left: 43%;
    display: none;
  }

  .o1 em,
  .o2 em,
  .pc {
    display: none;
  }

  .content3,
  .menu_bar > nav > ul {
    padding: 2%;
  }

  .o1 {
    left: 3.5%;
  }

  .o1 em {
    top: -11%;
  }

  .o2 {
    left: 35.5%;
    z-index: 999;
  }

  .o2 em {
    top: -9%;
  }

  .o3,
  .o4,
  .o5 {
    left: 64.5%;
    z-index: 999;
  }

  .o3 em,
  .o4 em,
  .o5 em {
    display: none;
    left: 68%;
    top: -16%;
  }

  .m {
    display: block;
  }

  table.m {
    display: table;
  }

  .fix_r_c img {
    width: 65%;
  }

  .group2 .section .txt .m span:nth-child(2n),
  .menu nav {
    width: 60%;
  }

  .kv .kv_icon {
    position: absolute;
    top: 0;
    animation: 2s slideIn;
    -webkit-animation: 2s slideIn;
  }

  .content .menu h2 {
    font-size: 27pt;
    padding-top: 5%;
  }

  .menu nav {
    margin: 50px auto;
  }

  .menu ol {
    display: block;
    text-align: left;
    margin: 1%;
    line-height: 2.3;
  }

  .group .section,
  .group2 .section,
  .group3 .section,
  .group4 .section,
  .group5 .section,
  .menu .menu_note {
    /* width: 85%; */
    width: 86.9622vw;
  }

  .menu .menu_note .notel,
  .menu .menu_note .noter {
    display: block;
    font-size: 12px;
  }

  .group .section .second a,
  .group2 .section .second a,
  .group4 .section .second a {
    float: left;
    width: 66%;
    text-align: center;
    margin-left: 0;
    margin-bottom: 10px;
  }

  .group3 .section .second a,
  .group5 .section .second a {
    float: left;
    width: 66%;
    text-align: center;
  }

  .group .section .first span,
  .group .section .txt,
  .group2 .section .first span,
  .group2 .section .txt,
  .group3 .section .first span,
  .group3 .section .txt,
  .group4 .section .first span,
  .group4 .section .txt,
  .group5 .section .first span,
  .group5 .section .txt {
    font-size: 16pt;
  }

  .group .section .second h2,
  .group2 .section .second h2,
  .group3 .section .second h2,
  .group4 .section .second h2,
  .group5 .section .second h2 {
    font-size: 24pt;
    float: unset;
  }

  .group .section .second h2 {
    width: 100%;
  }

  .group .section .second,
  .group2 .section .second,
  .group3 .section .second,
  .group4 .section .second,
  .group5 .section .second {
    margin-bottom: 3%;
    display: block;
    text-align: left;
  }

  .group .section .content table,
  .group .section .content ul,
  .group2 .section .content table,
  .group3 .section .content table,
  .group3 .section .content ul,
  .group4 .section .content table,
  .group4 .section .content ul,
  .group5 .section .content table,
  .group5 .section .content ul {
    float: unset;
    width: 100%;
  }

  .group .section .content,
  .group2 .section .content,
  .group3 .section .content,
  .group4 .section .content,
  .group5 .section .content {
    margin-bottom: 5%;
  }

  .group2 .section .content ul {
    float: unset;
    width: 100% !important;
  }

  .group2 .section .txt .m span {
    display: inline-block;
    width: 38%;
    vertical-align: top;
  }

  .section .content2 ul {
    width: 100%;
    display: block;
    margin-bottom: 3%;
  }

  .content3 {
    display: block;
  }

  .section .content3 ul {
    width: 100%;
    margin-left: 3%;
  }
}

.scalein {
  animation: 3s fadeIn;
}

@keyframes fadeIn {
  0% {
    transform: scale(0.2);
  }

  100% {
    transform: scale(1);
  }
}

.slidein1 {
  animation: 2s slideIn;
}

.slidein2 {
  animation: 2.5s slideIn;
}

.slidein3 {
  animation: 3s slideIn;
}

.slidein4 {
  animation: 3.5s slideIn;
}

.secure-content {
  display: flex;
  flex-wrap: nowrap;
}
.secure-content table {
  width: 750px;
}

@keyframes slideIn {
  0% {
    transform: translateY(100%);
  }

  100% {
    transform: translateY(0);
  }
}

@media (max-width: 768px) {
  .menu_bar .nav {
    position: absolute;
    top: 0;
    right: 3%;
    display: block;
    float: right;
  }

  .menu_bar .nav .bar {
    position: relative;
    display: block;
    width: 40px;
    height: 3px;
    margin: 10px 0;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    background: #000;
  }

  .menu-list {
    max-height: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    left: 0;
    top: 67px;
    z-index: 100;
    transition: 1.5s;
    text-align: center;
  }

  .menu-list li {
    float: none;
  }

  .showmenu {
    display: block;
    padding: 0;
  }

  .menu-list.active {
    max-height: 600px;
    background-color: #fff;
    text-align: center;
  }

  .menu_bar {
    height: 50px;
  }

  .o1,
  .o2,
  .o3,
  .o4,
  .o5 {
    position: relative;
    background-color: #fff;
    border-top: 0;
    padding: 0;
    z-index: 9999999;
    left: 0;
    top: 0;
  }

  .nav.go .bar1 {
    -webkit-transform: rotate(-45deg) translate(-11px, 7px);
    -ms-transform: rotate(-45deg) translate(-11px, 7px);
    transform: rotate(-45deg) translate(-11px, 7px);
  }

  .nav.go .bar2 {
    opacity: 0;
  }

  .nav.go .bar3 {
    -webkit-transform: rotate(45deg) translate(-11px, -8px);
    -ms-transform: rotate(45deg) translate(-11px, -8px);
    transform: rotate(45deg) translate(-11px, -8px);
  }

  .group .section .txt,
  .group2 .section .txt,
  .group3 .section .txt,
  .group4 .section .txt,
  .group5 .section .txt {
    font-size: 1rem;
  }

  .cros.m table tr th {
    background-color: #68a74e;
    color: #fff;
    text-align: center;
    width: 25%;
    vertical-align: middle;
  }

  .cros.m table tr td {
    background-color: #f2f8eb;
    font-weight: 700;
    padding: 1%;
    text-align: left;
    vertical-align: middle;
  }

  .cros.m {
    margin-top: 5%;
  }

  .cros.m table tr {
    border-bottom: 1px solid #fff;
  }

  .h3,
  h3 {
    font-size: 1.2rem;
  }

  .secure-content {
    flex-wrap: wrap;
  }
  .secure-content .table-normal {
    font-size: 10px !important;
  }
  .secure-content .table-number {
    font-size: 14px !important;
  }

  .hinet-content .table-normal {
    font-size: 12px !important;
  }

  .hinet-content .table-number {
    font-size: 18px !important;
    line-height: 30px;
  }
  .ip-content .table-normal {
    font-size: 12px !important;
  }

  .ip-content .table-number {
    font-size: 18px !important;
    line-height: 30px;
  }

  .group .section .note ol li,
  .group2 .section .note ol li,
  .group3 .section .note ol li,
  .group4 .section .note ol li,
  .group5 .section .note ol li {
    list-style-position: outside;
    margin-left: 6%;
  }

  .section .content ul li {
    margin-left: 6%;
  }
}

.menu ol a {
  text-decoration-color: yellow;
}

section#header header.scrolling-down {
  margin-top: -112px;
  padding: 0;
}