@charset "UTF-8";

/*fonts*/
/* 開放式編輯 */
.intro {
  color: #333;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
}

.intro div,
.intro span,
.intro p,
.intro a,
.intro strong,
.intro sub,
.intro sup,
.intro b,
.intro ol,
.intro ul,
.intro li {
  color: #333;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
}

.intro a {
  display: inline-block;
  color: #1e87f0;
  text-decoration: underline;
}

.intro a:hover {
  text-decoration: none;
}

.intro a.btn-arrow {
  text-decoration: none !important;
}

.intro a.link-white {
  display: inline-block;
  color: #ffffff !important;
  text-decoration: underline;
}

.intro a.link-white:hover {
  text-decoration: none;
}

.intro h5 {
  margin-bottom: 20px;
  color: #444;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  text-align: left;
}

@media (max-width: 1024px) {
  .intro h5 {
    font-size: 20px;
    line-height: 26px;
  }
}

.intro h5 sub,
.intro h5 sup {
  font-size: 16px !important;
  color: #444 !important;
  font-weight: bold;
}

.intro p {
  color: #333;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
}

.intro p.the-text {
  margin-bottom: 0px;
}

.intro sub {
  font-size: 12px !important;
  margin: 0px 1px;
}

.intro sup {
  font-size: 12px;
  margin: 0px 1px !important;
}

.intro ul {
  margin-left: 20px;
  color: #333;
}

.intro ul li {
  color: #333;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  list-style: disc;
  margin-bottom: 10px;
}

.intro ol {
  margin-bottom: 0px;
  display: block;
  line-height: 0px !important;
}

.intro ol li {
  margin-bottom: 10px;
  color: #333;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  list-style: none;
}

.intro ol li strong.bold-subtitle-16 {
  margin-bottom: 0px;
}

.intro ol li b {
  margin-bottom: 0px;
  font-weight: bold;
}

.intro b,
.intro strong {
  color: #333;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  display: inline-block;
  font-weight: bold;
}

.intro b sub,
.intro strong sub {
  font-size: 12px !important;
  font-weight: bold;
}

.intro b sup,
.intro strong sup {
  font-size: 12px !important;
  font-weight: bold;
}

.intro b {
  margin-bottom: 10px;
}

.intro b.bold-title-18 {
  font-size: 18px;
  display: block;
}

.intro b.bold-title-18 sub,
.intro b.bold-title-18 sup {
  font-size: 15px !important;
  font-weight: bold;
}

.intro strong.bold-subtitle-16 {
  margin-bottom: 10px;
}

.intro strong.bold-subtitle-16 sub,
.intro strong.bold-subtitle-16 sup {
  font-size: 12px !important;
  font-weight: bold;
}

.intro hr {
  border-top: 2px dotted #bbb;
  margin: 5px 0px 5px 0px;
}

.other-style ul {
  margin-left: 20px;
  display: block;
}

.other-style ul li {
  color: #333;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  list-style: none;
}

.sub-Btitle-20 {
  font-size: 20px !important;
  line-height: 26px !important;
  color: #0087dc !important;
  margin-bottom: 0px !important;
}

.sub-Btitle-20 sub,
.sub-Btitle-20 sup {
  font-size: 16px !important;
  color: #0087dc !important;
}

.sub-Gtitle-24 {
  font-size: 24px !important;
  line-height: 30px !important;
  color: #76b900 !important;
  margin-bottom: 0px !important;
}

.sub-Gtitle-24 sub,
.sub-Gtitle-24 sup {
  font-size: 16px !important;
  color: #76b900 !important;
}

.normal-text-16 {
  color: #333 !important;
  font-size: 16px !important;
  line-height: 22px !important;
  margin-bottom: 0px !important;
}

.normal-text-16 sub,
.normal-text-16 sup {
  font-size: 12px !important;
  color: #333 !important;
}

.normal-Btext-16 {
  color: #0087dc !important;
  font-size: 16px !important;
  line-height: 22px !important;
  margin-bottom: 0px !important;
}

.normal-Btext-16 sub,
.normal-Btext-16 sup {
  font-size: 12px !important;
  color: #0087dc !important;
}

.normal-Rtext-16 {
  color: orangered !important;
  margin-bottom: 0px !important;
}

.normal-Rtext-16 sub,
.normal-Rtext-16 sup {
  font-size: 12px !important;
  color: orangered !important;
}

.normal-Gtext-16 {
  color: #80c200 !important;
  margin-bottom: 0px !important;
}

.normal-Gtext-16 sub,
.normal-Gtext-16 sup {
  font-size: 12px !important;
  color: orangered !important;
}

.solution_sub_category_title {
  font-size: 24px !important;
  color: #76b900 !important;
}

.solution_sub_category_title sub,
.solution_sub_category_title sup {
  font-size: 16px !important;
  color: #76b900 !important;
}

.product_item_text_bold {
  font-size: 20px !important;
  color: #222 !important;
  font-weight: 700 !important;
}

.product_item_text_bold sub,
.product_item_text_bold sup {
  font-size: 16px !important;
  color: #222 !important;
}

.product_sub_category_title {
  color: #0087dc !important;
  font-size: 20px !important;
}

.product_sub_category_title sub,
.product_sub_category_title sup {
  font-size: 16px !important;
  color: #0087dc !important;
}

#panelPluginApplication div.tool .tool-list {
  margin-left: 0px;
}

#panelPluginApplication div.tool .tool-list li {
  list-style: none;
}

#panelPluginApplication div.tool .tool-list li:hover .theInfo {
  color: #ffffff;
}

#panelPluginApplication div.tool .tool-list li .tool-style a {
  text-decoration: none;
}

#panelPluginApplication div.tool .tool-list li .tool-style a .theInfo .the-title {
  margin-bottom: 0px;
}

.intro ul.tab-head li {
  list-style: none;
  margin-bottom: 0px;
}