@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Quicksand:300");
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, sub, sup, 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: inherit;
  vertical-align: baseline;
}

ol, ul {
  list-style: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}

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

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

[hidden] {
  display: none;
}

a:focus {
  outline: thin dotted;
}

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

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

mark {
  background: yellow;
  color: black;
}

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

pre {
  white-space: pre-wrap;
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
  font-size: 80%;
}

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  max-width: 100%;
  height: auto;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

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

legend {
  border: 0;
  padding: 0;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

button, input {
  line-height: normal;
}

button, select {
  text-transform: none;
}

button, html input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer;
}

input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

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

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

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

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.clearfix {
  zoom: 1;
}

.clearfix:before {
  content: "";
  display: table;
}

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

html {
  font-family: sans-serif;
  line-height: 1;
  font-size: 16px;
}

a {
  text-decoration: none;
  color: black;
}

[v-cloak] {
  display: none;
}

input[type="submit"],
input[type="reset"],
input[type="button"], button {
  -webkit-appearance: none;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url("./flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2") format("woff2");
  src: local("Material Icons"), local("MaterialIcons-Regular"), url("./MaterialIcons-Regular.woff2") format("woff2"), url("./MaterialIcons-Regular.woff") format("woff"), url("./MaterialIcons-Regular.ttf") format("truetype");
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  max-width: 1em;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*::-webkit-scrollbar {
  width: 8px;
}

*::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 0;
  background: transparent;
  -webkit-box-shadow: none;
}

*::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(153, 153, 153, 0.7);
  -webkit-box-shadow: none;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  focus-outline: none;
}

html, body {
  padding: 0;
  margin: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  font-family: "微軟正黑體", "微软雅黑", "メイリオ", "맑은 고딕", sans-serif;
  font-size: 1em;
}

body {
  -webkit-overflow-scrolling: touch;
  padding: 0;
  height: 100%;
  line-height: 1.42857143;
  margin: 0;
  font-weight: 400;
  color: #000000;
  overflow: auto;
}

body > .content {
  width: 100vw;
  height: 100vh;
  padding-top: 50px;
  overflow: auto;
}

body .content > .body {
  padding-top: 50px;
}

.container {
  width: 100%;
  height: auto;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

.body {
  position: relative;
  z-index: 0;
  background-clip: border-box;
  background-position: 0 0,25px 25px;
  background-origin: padding-box;
  background-repeat: repeat;
  background-size: 25px 25px;
}

.body::before, .body::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  z-index: -1;
  position: absolute;
  left: 0;
}

.body::before {
  background-position: top center;
  top: 2em;
}

.body::after {
  background-position: bottom center;
  bottom: 0;
}

.home .body {
  background: none;
}

.home .body::before, .home .body::after {
  display: none;
}

footer#footer {
  position: relative;
  top: 0;
  font-size: .8em;
  padding: 15px;
  color: #ffffff;
  background-color: #eeeeee;
  text-align: right;
  border-top: 1px solid #dddddd;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

footer#footer b, footer#footer p {
  display: block;
}

footer#footer .broLine {
  display: block;
  padding: 1em;
  font-weight: 400;
  font-size: 1.4em;
  text-align: center;
}

footer#footer .broLine a {
  color: #474747;
  padding: .05em .5em;
  font-size: .8em;
}

footer#footer .broLine a {
  -webkit-transition: .5s;
  transition: .5s;
}

footer#footer .broLine a:hover {
  color: #ff5722;
}

footer#footer .broLine span {
  color: #999999;
  padding: .05em .5em;
  font-size: .8em;
}

@media (max-width: 650px) {
  footer#footer .broLine span {
    display: none;
  }
}

footer#footer .broLine span ~ a {
  border-left: 1px solid #bbbbbb;
}

.clCover {
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: #ffffff;
  padding: .25em .5em;
  border-radius: .25em;
}

.clCover b {
  display: inline-block;
  cursor: pointer;
  margin: .5em;
  padding: .25em 1em;
  border-radius: .25em;
}

b.clStyle_0 {
  border: 1px solid #2ec4d1;
  color: #abe7ed;
  background-image: linear-gradient(135deg, #1B96F1, #3BE2BC);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B96F1', endColorstr='#3BE2BC',GradientType=0);
}

b.clStyle_0:hover {
  color: #58d0da;
  -webkit-box-shadow: inset 0 0 4px black;
          box-shadow: inset 0 0 4px black;
}

b.clStyle_1 {
  border: 1px solid #a53ae9;
  color: #e4c4f8;
  background-image: linear-gradient(135deg, #3544DC, #EF33F2);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3544DC', endColorstr='#EF33F2',GradientType=0);
}

b.clStyle_1:hover {
  color: #ba68ee;
  -webkit-box-shadow: inset 0 0 4px black;
          box-shadow: inset 0 0 4px black;
}

b.clStyle_2 {
  border: 1px solid #d78f6f;
  color: #f8ece7;
  background-image: linear-gradient(135deg, #9a04bf, #ffec39);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9a04bf', endColorstr='#ffec39',GradientType=0);
}

b.clStyle_2:hover {
  color: #e2ae97;
  -webkit-box-shadow: inset 0 0 4px black;
          box-shadow: inset 0 0 4px black;
}

b.clStyle_3 {
  border: 1px solid #d33264;
  color: #eeb0c3;
  background-image: linear-gradient(135deg, #9F046C, #F5515F);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9F046C', endColorstr='#F5515F',GradientType=0);
}

b.clStyle_3:hover {
  color: #dc5c84;
  -webkit-box-shadow: inset 0 0 4px black;
          box-shadow: inset 0 0 4px black;
}

b.clStyle_4 {
  border: 1px solid #27a2a4;
  color: #83e0e1;
  background-image: linear-gradient(135deg, #564ce6, #07db78);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#564ce6', endColorstr='#07db78',GradientType=0);
}

b.clStyle_4:hover {
  color: #31cbcd;
  -webkit-box-shadow: inset 0 0 4px black;
          box-shadow: inset 0 0 4px black;
}

b.clStyle_5 {
  border: 1px solid #6dd871;
  color: #e6f8e6;
  background-image: linear-gradient(135deg, #25C7A2, #9de451);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#25C7A2', endColorstr='#9de451',GradientType=0);
}

b.clStyle_5:hover {
  color: #95e398;
  -webkit-box-shadow: inset 0 0 4px black;
          box-shadow: inset 0 0 4px black;
}

b.clStyle_6 {
  border: 1px solid #fdab60;
  color: #fffbf7;
  background-image: linear-gradient(135deg, #ffe7a6, #FB8332);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe7a6', endColorstr='#FB8332',GradientType=0);
}

b.clStyle_6:hover {
  color: #fec692;
  -webkit-box-shadow: inset 0 0 4px #735400;
          box-shadow: inset 0 0 4px #735400;
}

b.clStyle_7 {
  border: 1px solid #7c74e4;
  color: #f5f4fd;
  background-image: linear-gradient(135deg, #61DEC7, #8E2EF7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61DEC7', endColorstr='#8E2EF7',GradientType=0);
}

b.clStyle_7:hover {
  color: #a49fec;
  -webkit-box-shadow: inset 0 0 4px #020b09;
          box-shadow: inset 0 0 4px #020b09;
}

b.clStyle_8 {
  border: 1px solid #cccd32;
  color: #ebebad;
  background-image: linear-gradient(135deg, #8ADC32, #F8C332);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ADC32', endColorstr='#F8C332',GradientType=0);
}

b.clStyle_8:hover {
  color: #d6d75b;
  -webkit-box-shadow: inset 0 0 4px black;
          box-shadow: inset 0 0 4px black;
}

b.clStyle_9 {
  border: 1px solid #888888;
  color: #d5d4d4;
  background-image: linear-gradient(135deg, #eeeeee, #444444);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#444444',GradientType=0);
}

b.clStyle_9:hover {
  color: #a2a1a1;
  -webkit-box-shadow: inset 0 0 4px #555555;
          box-shadow: inset 0 0 4px #555555;
}

.demoImg {
  position: relative;
}

.demoImg::before {
  content: "測試圖片";
  position: absolute;
  bottom: 15%;
  left: 50%;
  margin-left: -3em;
  padding: .5em 1em;
  background-color: #134fd1;
  color: #dddddd;
  border-radius: 4px;
}

.inner {
  position: relative;
  padding: 4em 2em;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0 0 0.5em rgba(153, 153, 153, 0.5);
          box-shadow: 0 0 0.5em rgba(153, 153, 153, 0.5);
  border-left: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}

@media (max-width: 650px) {
  .inner {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
}

.inner header {
  position: relative;
  padding-bottom: 1em;
}

.inner h1 {
  font-size: 2em;
  font-weight: bold;
  padding: .5em;
  padding-left: .75em;
  text-shadow: 0 0 0.1em #ffffff;
  text-align: left;
  background-color: rgba(255, 255, 255, 0.8);
  color: #005499;
  position: relative;
}

.inner h2 {
  font-size: 1.8em;
  font-weight: bold;
  color: #474747;
  padding-top: .5em;
  text-shadow: 0 0 0.1em #ffffff;
  text-align: left;
  padding: .5em 1em;
}

.inner h3 {
  font-size: 1.4em;
  font-weight: bold;
  color: #1c95cf;
  padding-top: .5em;
  text-align: left;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.flex .col {
  padding: 2em 1em;
  position: relative;
}

.flex .col.bg_blue {
  background-color: #008cff;
}

.flex .col.first {
  padding: 1em;
}

.flex .col p {
  padding: 1em;
  color: #474747;
  font-weight: 400;
  word-break: break-all;
  line-height: 1.75em;
}

.flex .col p b {
  font-weight: 600;
}

.flex .col p.tt_b {
  padding: 0 1em;
}

.flex .col p.tt_b b {
  margin-bottom: -1em;
  display: block;
}

.flex .col p a {
  color: #008cff;
}

.flex .col p small {
  font-size: .9em;
  padding-left: 1em;
  color: #999999;
  padding-bottom: 2em;
  display: block;
  padding-left: 10%;
}

.flex .col p img.imgCenter {
  width: 80%;
  margin-left: 10%;
}

.flex .col p img.imgSmall {
  width: 25%;
  margin-left: 40%;
}

.flex .col ul {
  padding: 1em 3em !important;
}

.flex .col ul li a {
  color: #008cff;
}

.flex .col .conn {
  padding: .5em 2em;
}

.flex .col .conn a {
  color: #008cff;
}

.flex .col h3 {
  padding: 1em .5em;
}

.flex .col ul, .flex .col ol {
  padding: 1em;
  font-weight: normal;
  list-style: disc;
}

.flex .col ul.left_em, .flex .col ol.left_em {
  padding-left: 2em !important;
}

.flex .col ul.left_em > b, .flex .col ol.left_em > b {
  margin-left: -1em;
  padding-bottom: 1em;
  display: inline-block;
}

.flex .col ul li, .flex .col ol li {
  padding-bottom: .5em;
  color: #2a6eb7;
}

.flex .col ul li strong, .flex .col ol li strong {
  color: #000000;
}

.flex .col ul li span, .flex .col ol li span {
  font-weight: 300;
}

.flex .col ol {
  list-style: auto;
}

.flex * {
  position: relative;
  z-index: 1;
  font: caption;
}

.boxbr_bg {
  width: calc(100% - 2em);
  height: calc(100% - 2em);
  position: absolute;
  top: 1em;
  left: 1em;
  z-index: 0;
  border-radius: .5em;
  pointer-events: none;
}

.boxbr_bg::before, .boxbr_bg::after {
  content: "";
  position: absolute;
  z-index: -1;
}

.boxbr_bg::before {
  width: 100%;
  height: 100%;
  border-radius: .5em;
}

.boxbr_bg::after {
  background-color: #ffffff;
  width: calc(100% - 4em);
  height: calc(100% - 4em);
  top: 2em;
  left: 2em;
  border-radius: .5em;
}

.inner .button {
  color: #ffffff !important;
}

h4 {
  font-size: 17px;
  padding-left: 1em;
}

h4::before {
  content: "";
  margin-right: .5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("/corecloud/images/xmdr/cc_icon01.jpg");
  background-position: center;
  background-size: cover;
  position: relative;
  top: 2px;
}

.col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.col1 {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
}

.col2 {
  -webkit-box-flex: 2 !important;
      -ms-flex: 2 !important;
          flex: 2 !important;
}

.col3 {
  -webkit-box-flex: 3 !important;
      -ms-flex: 3 !important;
          flex: 3 !important;
}

.col4 {
  -webkit-box-flex: 4 !important;
      -ms-flex: 4 !important;
          flex: 4 !important;
}

.col5 {
  -webkit-box-flex: 5 !important;
      -ms-flex: 5 !important;
          flex: 5 !important;
}

.col6 {
  -webkit-box-flex: 6 !important;
      -ms-flex: 6 !important;
          flex: 6 !important;
}

.col7 {
  -webkit-box-flex: 7 !important;
      -ms-flex: 7 !important;
          flex: 7 !important;
}

.col8 {
  -webkit-box-flex: 8 !important;
      -ms-flex: 8 !important;
          flex: 8 !important;
}

.col9 {
  -webkit-box-flex: 9 !important;
      -ms-flex: 9 !important;
          flex: 9 !important;
}

.col10 {
  -webkit-box-flex: 10 !important;
      -ms-flex: 10 !important;
          flex: 10 !important;
}

.image {
  position: relative;
  height: 100%;
  width: 100%;
  text-align: center;
}

.image img {
  position: sticky;
  top: 4em;
  left: 0;
  border-radius: 2em;
  border: 0.5em solid #ffffff;
  -webkit-box-shadow: 0 0 2px #16181f;
          box-shadow: 0 0 2px #16181f;
}

.btn:not(.home .btn) {
  font-size: .9em;
}

.colorW {
  color: #ffffff !important;
}

blockquote {
  border-left: solid 4px rgba(48, 48, 48, 0.1);
  font-style: italic;
  margin: 0 0 2em 0;
  padding: 0.5em 0 0.5em 2em;
}

@media (max-width: 650px) {
  .img_about, .img_news, .img_case {
    height: 3em !important;
  }
}

.img_about, .img_news, .img_case, .img_IPaaS, .img_xmdr, .img_use {
  background-position: center;
  background-size: cover;
  width: 100vw;
  height: 22.5vw;
  position: relative;
  display: none;
}

@media (max-width: 650px) {
  .img_about, .img_news, .img_case, .img_IPaaS, .img_xmdr, .img_use {
    background-image: none !important;
  }
}

.img_about::before, .img_news::before, .img_case::before, .img_IPaaS::before, .img_xmdr::before, .img_use::before {
  content: "中芯數據";
  display: block;
  position: absolute;
  top: 35%;
  width: 40%;
  left: 8%;
  text-align: left;
  font-size: 3em;
  font-weight: bolder;
  color: #ffffff;
  padding-right: 2rem;
  -webkit-animation-name: showTitle;
          animation-name: showTitle;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
}

.img_about::after, .img_news::after, .img_case::after, .img_IPaaS::after, .img_xmdr::after, .img_use::after {
  content: "CoreCloud";
  display: block;
  position: absolute;
  top: calc( 35% + 1.5em);
  left: 8%;
  width: 40%;
  text-align: left;
  font-size: 2.5em;
  color: #ffffff;
  padding-right: 2rem;
  -webkit-animation-name: showTitle;
          animation-name: showTitle;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
}

.img_IPaaS {
  background-image: url(../images/IPaaS.jpg);
}

.img_IPaaS::before, .img_IPaaS::after {
  content: '';
  display: none;
}

.img_IPaaS_1 {
  background-image: url(../images/IPaaS_1.jpg);
}

.img_IPaaS_1::before, .img_IPaaS_1::after {
  content: '';
  display: none;
}

.img_IPaaS_2 {
  background-image: url(../images/IPaaS_2.jpg);
}

.img_IPaaS_2::before, .img_IPaaS_2::after {
  content: '';
  display: none;
}

.img_IPaaS_3 {
  background-image: url(../images/IPaaS_3.jpg);
}

.img_IPaaS_3::before, .img_IPaaS_3::after {
  content: '';
  display: none;
}

.img_about {
  background-image: url(../images/about.jpg);
}

.img_about::before, .img_about::after {
  content: '';
  display: none;
}

.img_case {
  background-image: url(../images/case.jpg);
}

.img_case::before, .img_case::after {
  content: '';
  display: none;
}

.img_news {
  background-image: url(../images/news.jpg);
}

.img_news::before, .img_news::after {
  content: '';
  display: none;
}

.img_solution_03 {
  background-image: url(../images/solution_03.jpg);
}

.img_solution_03::before, .img_solution_03::after {
  content: '';
  display: none;
}

.img_solution_08 {
  background-image: url(../images/solution_08.jpg);
}

.img_solution_08::before, .img_solution_08::after {
  content: '';
  display: none;
}

.img_solution_09 {
  background-image: url(../images/solution_09.jpg);
}

.img_solution_09::before, .img_solution_09::after {
  content: '';
  display: none;
}

.img_solution_10 {
  background-image: url(../images/solution_10.jpg);
}

.img_solution_10::before, .img_solution_10::after {
  content: '';
  display: none;
}

.img_solution_11 {
  background-image: url(../images/solution_11.jpg);
}

.img_solution_11::before, .img_solution_11::after {
  content: '';
  display: none;
}

.img_solution_12 {
  background-image: url(../images/solution_12.jpg);
}

.img_solution_12::before, .img_solution_12::after {
  content: '';
  display: none;
}

.img_solution_13 {
  background-image: url(../images/solution_13.jpg);
}

.img_solution_13::before, .img_solution_13::after {
  content: '';
  display: none;
}

.img_contact {
  background-image: url(../images/contact.jpg);
}

.img_contact::before, .img_contact::after {
  content: '';
  display: none;
}

.img_xmdr {
  background-image: url(../images/imgccxmdr.jpg);
}

.img_xmdr::before, .img_xmdr::after {
  content: '';
}

.img_about::before {
  content: "企業唯有選擇IPaaS「零誤判」，";
  font-size: 1.8em;
  right: 42%;
  width: 52%;
}

.img_about::after {
  content: "真正嗅到「攻擊意圖」何時會發生！";
  font-size: 1.8em;
  right: 39%;
  width: 52%;
  top: calc( 35% + 1.5em);
}

.img_news::before {
  content: "";
}

.img_news::after {
  display: none;
}

.img_case::before {
  display: none;
}

.img_case::after {
  display: none;
  font-size: 1.7em;
  right: 50%;
  content: "真正嗅到「攻擊意圖」何時會發生！";
}

.img_IPaaS::before {
  display: none;
}

.img_IPaaS::after {
  display: none;
  font-size: 1.7em;
  right: 50%;
  content: "IPaaS意圖威脅即時鑑識";
}

@-webkit-keyframes showTitle {
  from {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes showTitle {
  from {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

.about section.container, .case section.container, .news section.container {
  padding-top: 0 !important;
}

.about .inner, .case .inner, .news .inner {
  background-color: transparent !important;
}

.about .inner h1, .case .inner h1, .news .inner h1 {
  margin-bottom: .5em;
}

.about .blockBox .container .imgBox, .case .blockBox .container .imgBox, .news .blockBox .container .imgBox {
  min-width: 160px;
}

body {
  overflow-x: hidden;
}

body .footer {
  z-index: 1;
  --footer-background: #008cff;
  display: -ms-grid;
  display: grid;
  position: relative;
  grid-area: footer;
  min-height: 2rem;
}

body .footer .bubbles, body .footer .bubbles2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1rem;
  background: var(--footer-background);
  -webkit-filter: url("#blob");
          filter: url("#blob");
  z-index: 1;
}

body .footer .bubbles .bubble, body .footer .bubbles2 .bubble {
  position: absolute;
  left: var(--position, 50%);
  background: var(--footer-background);
  border-radius: 100%;
  -webkit-animation: bubble-size var(--time, 4s) ease-in infinite var(--delay, 0s), bubble-move var(--time, 4s) ease-in infinite var(--delay, 0s);
          animation: bubble-size var(--time, 4s) ease-in infinite var(--delay, 0s), bubble-move var(--time, 4s) ease-in infinite var(--delay, 0s);
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}

body .footer .bubbles2 {
  background: #134fd1;
  z-index: 0;
  top: -1rem;
}

body .footer .bubbles2 .bubble {
  background: #134fd1;
}

body .footer .content_bg {
  z-index: 2;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4rem auto;
  grid-template-columns: 1fr auto;
  grid-gap: 4rem;
  padding: 1rem;
  background: var(--footer-background);
  -webkit-filter: url("#blob");
          filter: url("#blob");
}

body .footer .content_bg > div {
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body .footer .content_bg > div > div {
  margin: 0.25rem 0;
}

body .footer .content_bg > div > div > * {
  margin-right: .5rem;
}

body .footer .content_bg > div .image {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: 4rem;
  height: 4rem;
  margin: 0.25rem 0;
  background-size: cover;
  background-position: center;
}

body .titlebox {
  overflow: hidden !important;
  border-radius: 1rem;
  min-height: 14rem;
}

body .titlebox h1 {
  z-index: 5;
  text-align: center;
  width: 100%;
}

body .inner.container .flex ul li ul {
  list-style: revert;
  padding-left: 1em !important;
}

body .inner.container .flex ul li ul li {
  padding-left: 1em;
  margin-left: 1em;
}

.img_about .footer, .inner .footer {
  height: 100%;
  opacity: .75;
}

.img_about .footer .bubbles, .inner .footer .bubbles {
  bottom: -1rem;
  top: auto;
}

.img_about .footer .bubbles2, .inner .footer .bubbles2 {
  bottom: 0rem;
  top: auto;
}

.img_about .footer .content_bg, .inner .footer .content_bg {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0);
}

.case .contBox, .news .contBox {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.case .contBox h2, .news .contBox h2 {
  text-align: left;
  width: 100%;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  color: #008cff !important;
  border-bottom: 1px solid #008cff !important;
}

.case #bubblesBox, .news #bubblesBox {
  z-index: 0;
}

.img_about {
  overflow: hidden;
}

.center {
  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;
}

@-webkit-keyframes bubble-size {
  0%, 75% {
    width: var(--size, 4rem);
    height: var(--size, 4rem);
  }
  100% {
    width: 0rem;
    height: 0rem;
  }
}

@keyframes bubble-size {
  0%, 75% {
    width: var(--size, 4rem);
    height: var(--size, 4rem);
  }
  100% {
    width: 0rem;
    height: 0rem;
  }
}

@-webkit-keyframes bubble-move {
  0% {
    bottom: -1rem;
  }
  100% {
    bottom: var(--distance, 10rem);
  }
}

@keyframes bubble-move {
  0% {
    bottom: -1rem;
  }
  100% {
    bottom: var(--distance, 10rem);
  }
}

ul.newsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px dashed #eeeeee;
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
}

ul.newsList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: .25em;
}

ul.newsList li + li {
  border-top: 1px dashed #eeeeee;
}

ul.newsList li:nth-child(1) {
  background-color: #008cff;
  color: #ffffff;
}

ul.newsList li:nth-child(2n) {
  background-color: rgba(238, 238, 238, 0.6);
}

ul.newsList li span {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  padding: .5em 1em;
}

ul.newsList li span:nth-child(1), ul.newsList li span:nth-child(3) {
  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;
  min-width: 8em;
  max-width: 10em;
  word-break: break-word;
}

ul.newsList li span + span {
  -webkit-box-flex: 8;
      -ms-flex: 8;
          flex: 8;
  border-left: 1px solid #dddddd;
  min-width: 10em;
}

ul.newsList li span + span + span {
  min-width: 4em;
}

.first ul.newsList li span:nth-child(1), .first ul.newsList li span:nth-child(3) {
  min-width: auto !important;
  max-width: 30em !important;
}

.noRadius {
  border-radius: 0 !important;
}

ol {
  padding-left: 1em;
}

ol li {
  padding-left: 1em;
  word-break: break-all;
}

ol li a {
  color: #008cff;
}

.news ul.newsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: none;
  padding: 1em 0;
}

.news ul.newsList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 32.33%;
          flex: 1 32.33%;
  width: 33.33%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #eeeeee;
  margin: .5%;
  min-width: 150px;
}

.news ul.newsList li + li {
  border: 1px solid #eeeeee;
}

.news ul.newsList li:nth-child(1) {
  background-color: rgba(255, 255, 255, 0);
  color: #000000;
}

.news ul.newsList li:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0);
}

.news ul.newsList li:nth-last-child(1), .news ul.newsList li:nth-last-child(2) {
  max-width: 32.33%;
}

@media (max-width: 650px) {
  .news ul.newsList li:nth-last-child(1), .news ul.newsList li:nth-last-child(2) {
    max-width: 100%;
  }
}

.news ul.newsList li .imgTitle {
  width: 100%;
  height: 0;
  padding-bottom: 55%;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-box-shadow: inset 0 0 1px #008cff;
          box-shadow: inset 0 0 1px #008cff;
}

.news ul.newsList li span {
  border-left: none;
}

.news ul.newsList li span.dateT {
  color: #bbbbbb;
  text-align: right;
  padding: 0em 1em 0.25em 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  max-width: 100% !important;
  width: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-left: 2px;
}

.news ul.newsList li span.titleT {
  padding: .5em .15em;
}

.news ul.newsList li span.titleT a:hover {
  color: #ff5722;
}

.casePage .newsList, .newsPage .newsList, .success .newsList {
  position: sticky;
  top: 4em;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 4px #cccccc;
          box-shadow: 0 0 4px #cccccc;
}

.casePage .newsList li:nth-child(1), .newsPage .newsList li:nth-child(1), .success .newsList li:nth-child(1) {
  padding: 0;
}

.casePage .newsList li h3, .newsPage .newsList li h3, .success .newsList li h3 {
  text-align: center;
  color: #ffffff;
  width: 100%;
  padding: .25em;
}

.casePage .newsList li h3::before, .newsPage .newsList li h3::before, .success .newsList li h3::before {
  display: none;
}

.casePage .newsList li + li:hover, .newsPage .newsList li + li:hover, .success .newsList li + li:hover {
  background-color: rgba(0, 140, 255, 0.4);
}

.casePage .newsList li.pick, .newsPage .newsList li.pick, .success .newsList li.pick {
  background-color: #474747 !important;
}

.casePage .newsList li.pick::before, .newsPage .newsList li.pick::before, .success .newsList li.pick::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .5em 1em .5em 0;
  border-color: transparent #474747 transparent transparent;
  position: absolute;
  top: 50%;
  left: -1em;
  margin-top: -.5em;
}

.casePage .newsList li.pick a, .newsPage .newsList li.pick a, .success .newsList li.pick a {
  color: #ffffff;
}

.casePage ul.newsInfo, .newsPage ul.newsInfo, .success ul.newsInfo {
  list-style: none;
  padding-left: 2em;
  background-color: #eeeeee;
  border-radius: 1em;
}

.casePage ul.newsInfo li, .newsPage ul.newsInfo li, .success ul.newsInfo li {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.casePage ul.newsInfo li span.ttl, .newsPage ul.newsInfo li span.ttl, .success ul.newsInfo li span.ttl {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 7em;
          flex: 0 0 7em;
  font-weight: 400;
  color: #474747;
}

.casePage ul.newsInfo li span.dtl, .newsPage ul.newsInfo li span.dtl, .success ul.newsInfo li span.dtl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #474747;
}

.casePage ul.newsInfo li a, .newsPage ul.newsInfo li a, .success ul.newsInfo li a {
  word-break: break-all;
  -webkit-transition: .3s;
  transition: .3s;
}

.casePage ul.newsInfo li a:hover, .newsPage ul.newsInfo li a:hover, .success ul.newsInfo li a:hover {
  color: #ff5722;
}

.casePage ul.evenBox, .newsPage ul.evenBox, .success ul.evenBox {
  list-style: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.casePage ul.evenBox li, .newsPage ul.evenBox li, .success ul.evenBox li {
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
  padding: .25em;
}

.casePage ul.evenBox li.biger, .newsPage ul.evenBox li.biger, .success ul.evenBox li.biger {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

.casePage ul.evenBox li .infoT, .newsPage ul.evenBox li .infoT, .success ul.evenBox li .infoT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: .5em 0;
}

.casePage ul.evenBox li .infoT span:nth-child(1), .newsPage ul.evenBox li .infoT span:nth-child(1), .success ul.evenBox li .infoT span:nth-child(1) {
  -webkit-box-flex: 5;
      -ms-flex: 5;
          flex: 5;
  font-weight: 500;
  padding-right: .25em;
}

.casePage ul.evenBox li .infoT span:nth-child(2), .newsPage ul.evenBox li .infoT span:nth-child(2), .success ul.evenBox li .infoT span:nth-child(2) {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
  border-left: 2px solid #25C7A2;
  padding: .35em;
  font-size: .8em;
  border-radius: .5em;
  background-color: rgba(37, 199, 162, 0.15);
}

.casePage ol, .newsPage ol, .success ol {
  padding: 1em;
}

.boxLogo {
  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;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.boxLogo img {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 50%;
}

.boxLogo .cpm {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 0em !important;
}

.boxAbout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.boxAbout ol.cpm {
  padding-left: 0 !important;
  max-width: 50%;
  padding: .75em;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

@media (max-width: 650px) {
  .boxAbout ol.cpm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

.boxAbout ol.cpm li {
  font-size: .8em;
}

.about .contBox.bg_wi.col3 {
  font-size: 1.2em;
}

.about .imgBox {
  position: relative;
}

.about .imgBox img {
  position: sticky;
  top: 8em;
  border-radius: 0px !important;
}

.case .inner .blockBox .imgBox img {
  position: sticky;
  top: 6em;
}

.youtube {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}

.youtube::after {
  position: absolute;
  content: "";
  display: block;
  width: 40%;
  height: 40%;
  background-image: url("/corecloud/images/youtube_icon.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 10;
  top: 30%;
  left: 30%;
}

.pd_1em {
  padding: 1em !important;
}

.borr {
  border-radius: .75em !important;
  background-color: #008cff !important;
  padding: 0.5em 3em !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.borr.btn {
  background-color: #000000 !important;
}

.borr::before {
  content: "";
  width: 1.6em;
  height: 1.6em;
  display: inline-block;
  background-image: url("/corecloud/images/supervised_user_circle_FILL0_wght400_GRAD0_opsz48.svg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: .5em;
}

.img_about > a.button {
  border-radius: 2em;
}

big {
  font-size: 1.5em;
  font-weight: bolder !important;
  padding: 1rem;
  display: block;
}

.big {
  font-size: 1.5em !important;
  font-weight: bolder !important;
  padding: .5rem 0em 0em 1rem !important;
  display: block;
}

table.tableFox {
  border: solid 2px #f0f0f0;
}

table.tableFox thead tr {
  color: #ffffff;
}

table.tableFox tr td {
  padding: .5em;
}

.logoIcon {
  height: 4em;
}

.maxHImg img {
  max-height: 300px;
}

.str_r {
  text-align: right;
}

.str_m {
  text-align: center !important;
}

ol.listStyle {
  padding-bottom: 2em;
  list-style: none;
  font-size: .9em;
}

ol.listStyle li {
  position: relative;
  counter-increment: attr(data-line);
  padding-left: 4em;
  padding-bottom: 1em;
}

ol.listStyle li::before {
  content: attr(data-line);
  color: #000000;
  font-weight: bold;
  padding-right: 1em;
  position: absolute;
  left: 0;
}

.conList {
  border: 1px solid #cccccc;
  border-radius: .5em;
  padding: 1em;
  margin-bottom: 3em;
  display: none;
}

#conList:target {
  display: block;
}

table.tableBox {
  border-collapse: collapse;
  border-spacing: 0;
  width: 86%;
  margin: auto;
}

@media (max-width: 650px) {
  table.tableBox {
    width: auto;
  }
}

table.tableBox td {
  border-color: black;
  border-style: solid;
  border-width: 1px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  overflow: hidden;
  padding: 10px 5px;
  word-break: normal;
  text-align: center;
}

table.tableBox td:first-child {
  width: 100px;
}

@media (max-width: 650px) {
  table.tableBox td:first-child {
    width: auto;
  }
}

table.tableBox td:nth-child(2) {
  width: 60px;
}

@media (max-width: 650px) {
  table.tableBox td:nth-child(2) {
    width: auto;
  }
}

table.tableBox td:nth-child(3) {
  width: 60px;
}

@media (max-width: 650px) {
  table.tableBox td:nth-child(3) {
    width: auto;
  }
}

table.tableBox td:nth-child(4) {
  text-align: left;
  padding: .5em;
}

table.tableBox thead {
  border-color: black;
  border-style: solid;
  border-width: 1px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  overflow: hidden;
  padding: 10px 5px;
  word-break: normal;
  text-align: center;
}

table.tableBox big {
  font-weight: bold;
}

.w_30 {
  width: 30% !important;
}

.w_35 {
  width: 35% !important;
}

.w_40 {
  width: 40% !important;
}

.w_45 {
  width: 45% !important;
}

.w_50 {
  width: 50% !important;
}

.w_55 {
  width: 55% !important;
}

.w_60 {
  width: 60% !important;
}

.w_65 {
  width: 65% !important;
}

.w_70 {
  width: 70% !important;
}

.w_75 {
  width: 75% !important;
}

.w_80 {
  width: 80% !important;
}

.w_85 {
  width: 85% !important;
}

.w_90 {
  width: 90% !important;
}

.w_95 {
  width: 95% !important;
}

.w_100 {
  width: 100% !important;
}

.btn {
  padding: 1em 2em;
  background-color: #008cff !important;
  color: #ffffff;
  border-radius: 8px;
  margin: 1em 0;
  display: inline-block;
}

.myTbBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.myTbBox .logoInit {
  -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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.myTbBox .conBox {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.myTbBox .conBox li big {
  font-weight: bold;
  color: #555;
}

.set5 li {
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
}

.set5 li::after {
  content: attr(data-alt);
  position: absolute;
  bottom: 8px;
  left: 4px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  font-size: 14px;
  padding: 4px 8px;
  white-space: nowrap;
  z-index: 1;
}

.set5 li + li + li {
  -webkit-box-flex: 30% !important;
      -ms-flex: 30% !important;
          flex: 30% !important;
}

.header.nav_top {
  position: fixed;
  z-index: 100;
  display: block;
  width: 100%;
  height: 75px;
  top: 0;
  left: 0;
  border-bottom: solid 1px #1495ff;
  background-color: #1e212b;
  -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.45);
          box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.45);
}

.header.nav_top .container {
  height: 100%;
  position: relative;
  z-index: 100;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header.nav_top .container .header-logo {
  width: auto;
  height: 100%;
  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;
}

.header.nav_top .container .header-logo a.navbar-logo {
  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;
}

.header.nav_top .container .header-logo img.logo {
  margin-left: 1em;
  position: absolute;
  left: 5px;
  width: auto;
  height: 55px;
}

.header.nav_top .container ul.menu {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-transition: .5s;
  transition: .5s;
}

.header.nav_top .container ul.menu > li {
  position: relative;
  width: auto;
  height: 100%;
  padding: 0;
  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;
}

.header.nav_top .container ul.menu > li:hover {
  background-color: #134fd1 !important;
}

.header.nav_top .container ul.menu > li:hover ul {
  display: block;
}

.header.nav_top .container ul.menu > li.action {
  background-color: #269dff;
}

.header.nav_top .container ul.menu > li.action > a {
  color: #1e212b;
}

.header.nav_top .container ul.menu > li a {
  color: #dddddd;
  padding: 0 1em;
  width: 100%;
  height: 100%;
  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;
}

.header.nav_top .container ul.menu > li ul {
  display: none;
  position: absolute;
  width: 200%;
  top: 100%;
  left: -50%;
  background-color: #008cff;
  border: 1px solid #269dff;
}

.header.nav_top .container ul.menu > li ul:before {
  content: "";
  position: absolute;
  z-index: 2;
  display: block;
  top: -.5em;
  left: calc( 50% - 1em);
  width: 0;
  height: 0;
  border: 0 solid;
  border-color: transparent transparent #269dff transparent;
  border-width: 0 1em .5em 1em;
}

.header.nav_top .container ul.menu > li ul li:hover {
  background-color: #134fd1;
}

.header.nav_top .container ul.menu > li ul li + li {
  border-top: 1px solid #269dff;
}

.header.nav_top .container ul.menu > li ul li a {
  padding: .75em;
  width: 100%;
  display: inline-block;
  text-align: center;
}

@media (max-width: 650px) {
  .header.nav_top .container input:checked ~ ul.menu, .header.nav_top .container input:checked ~ label .cloMenu {
    display: block;
  }
  .header.nav_top .container input:checked ~ ul.menu {
    height: 100vh;
    width: 40vw;
    top: 50px;
    background-color: #2060eb;
  }
  .header.nav_top .container input:checked ~ ul.menu > li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: auto;
    width: 100%;
    border-bottom: 1px solid #4379ee;
  }
  .header.nav_top .container input:checked ~ ul.menu > li a {
    padding: 1em 0;
  }
  .header.nav_top .container input:checked ~ ul.menu > li:hover {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .header.nav_top .container input:checked ~ ul.menu > li:hover ul {
    width: 100%;
    left: -100%;
    top: -1px;
    padding: 0;
  }
  .header.nav_top .container input:checked ~ ul.menu > li:hover ul:before {
    top: .5em;
    left: auto;
    right: -1em;
    border-color: transparent transparent transparent #269dff;
    border-width: 1em 0 1em 1em;
  }
  .header.nav_top .container input:checked ~ ul.menu > li:hover ul li {
    width: 100%;
    background-color: #008cff;
  }
  .header.nav_top .container input:checked ~ ul.menu > li:hover ul li a {
    width: 100%;
  }
  .header.nav_top .container ul.menu {
    display: none;
    -webkit-transition: .5s;
    transition: .5s;
  }
  .header.nav_top .container label > span {
    display: inline-block !important;
    opacity: 1 !important;
  }
}

.header.nav_top .container label {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50px;
  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;
}

.header.nav_top .container label span {
  display: none;
  opacity: 0;
  color: #ffffff;
  font-size: 2em;
}

.header.nav_top .container input {
  opacity: 0;
  visibility: hidden;
}

.header.nav_top .container ul {
  position: relative;
  z-index: 1;
}

.header.nav_top .container .cloMenu {
  display: none;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}

.home .infoShow {
  position: relative;
  height: 450px;
  background-color: #008cff;
  background: -webkit-gradient(linear, bottom right #008cff 0%, color-stop(30%, #008cff), color-stop(70%, #0f3da2), to(#0f3da2));
  background: linear-gradient(top left #008cff 0%, #008cff 30%, #0f3da2 70%, #0f3da2 100%);
  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;
  overflow: hidden;
  -webkit-box-shadow: inset 0em -1em 2em #0f3da2;
          box-shadow: inset 0em -1em 2em #0f3da2;
}

.home .infoShow::before {
  content: "";
  display: block;
  background-image: url("../images/CoreCloudxBanner2025.png");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .8;
}

@media (max-width: 650px) {
  .home .infoShow::before {
    opacity: .5;
    background-position: 30% 50%;
  }
}

.home .infoShow .container {
  height: 100%;
  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;
}

.home .infoShow .container .infoWords {
  width: 60%;
  height: 100%;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}

.home .infoShow .container .infoWords img {
  height: 16vw;
  max-height: 200px;
  min-height: 140px;
}

.home .infoShow .container .infoWords h1 {
  font-size: 2.5em;
  color: #ffffff;
  font-weight: bolder;
  padding: 2em;
  text-shadow: 0 0 6px #074075,0 0 14px #074075,0 0 24px #074075;
}

.home .infoShow .container .infoWords p {
  font-size: 2em;
  color: #ffffff;
}

.newsBar {
  z-index: 6;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #dddddd;
  background-color: #eeeeee;
  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;
  place-items: flex-end;
}

@media (max-width: 650px) {
  .newsBar {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.newsBar span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 350px;
  max-width: 600px;
  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;
  background-color: #ffffff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 1em 2em;
  margin: -.5em .25em 0 .25em;
  -webkit-box-shadow: 0 -1em 1em rgba(30, 33, 43, 0.75);
          box-shadow: 0 -1em 1em rgba(30, 33, 43, 0.75);
}

@media (max-width: 650px) {
  .newsBar span {
    -webkit-box-shadow: 0 -1em 1em rgba(30, 33, 43, 0.05);
            box-shadow: 0 -1em 1em rgba(30, 33, 43, 0.05);
  }
}

.newsBar span a {
  font-weight: bolder;
  font-size: 1.2em;
  color: #008cff;
  -webkit-transition: .5s;
  transition: .5s;
}

.newsBar span a:hover {
  color: #ff5722;
}

#particles-js canvas.particles-js-canvas-el {
  z-index: 3;
  position: absolute;
  pointer-events: none;
  opacity: .35;
}

.showCircle {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
  pointer-events: none;
}

.showCircle::before {
  display: block;
  top: -30px;
  left: -1.5em;
  position: absolute;
  content: "";
  background-color: #008cff;
  width: 5vw;
  height: 5vw;
  border-radius: 50%;
  -webkit-box-shadow: inset 0em 0em 1em #0f3da2;
          box-shadow: inset 0em 0em 1em #0f3da2;
}

.showCircle::after {
  display: block;
  top: 420px;
  right: .5em;
  position: absolute;
  content: "";
  background-color: #134fd1;
  width: 8vw;
  height: 8vw;
  border-radius: 50%;
  -webkit-box-shadow: inset 0em 0em 1em #0b2c74;
          box-shadow: inset 0em 0em 1em #0b2c74;
  min-width: 80px;
  min-height: 80px;
}

.showCube {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
  pointer-events: none;
}

.showCube::before {
  display: block;
  top: 230px;
  left: -3em;
  position: absolute;
  content: "";
  width: 22vw;
  height: 22vw;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  -webkit-box-shadow: inset 0em 0em 2em #0070cc;
          box-shadow: inset 0em 0em 2em #0070cc;
  opacity: .5;
}

.showCube::after {
  display: block;
  top: 12px;
  right: -5.5em;
  position: absolute;
  content: "";
  width: 12vw;
  height: 12vw;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-box-shadow: inset 0em 0em 2em #0f3da2;
          box-shadow: inset 0em 0em 2em #0f3da2;
  opacity: .75;
}

.infoLogo {
  position: relative;
  padding: 1em;
}

.infoLogo img {
  -webkit-filter: drop-shadow(0px 0px 0.25em #134fd1);
          filter: drop-shadow(0px 0px 0.25em #134fd1);
}

.boxbr {
  width: calc(100% - 2em);
  height: calc(100% - 2em);
  position: absolute;
  top: 1em;
  left: 1em;
  z-index: 4;
  -webkit-box-shadow: inset 0 0 0.5em rgba(0, 140, 255, 0.3);
          box-shadow: inset 0 0 0.5em rgba(0, 140, 255, 0.3);
  border: 1px solid rgba(0, 140, 255, 0.2);
  border-radius: 4px;
  pointer-events: none;
  background-color: rgba(0, 140, 255, 0.05);
}

.boxbr .brT {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1;
}

.boxbr .brT::before, .boxbr .brT::after {
  content: "";
  position: absolute;
  width: 2.5em;
  height: 2.5em;
  top: -1px;
  border-top: 1px solid #66baff;
}

.boxbr .brT::before {
  border-left: 1px solid #66baff;
  border-top-left-radius: 4px;
  left: -1px;
}

.boxbr .brT::after {
  border-right: 1px solid #66baff;
  border-top-right-radius: 4px;
  right: -1px;
}

.boxbr .brB {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  z-index: 1;
}

.boxbr .brB::before, .boxbr .brB::after {
  content: "";
  position: absolute;
  width: 2.5em;
  height: 2.5em;
  bottom: -1px;
  border-bottom: 1px solid #66baff;
}

.boxbr .brB::before {
  border-left: 1px solid #66baff;
  border-bottom-left-radius: 4px;
  left: -1px;
}

.boxbr .brB::after {
  border-right: 1px solid #66baff;
  border-bottom-right-radius: 4px;
  right: -1px;
}

.blockBox {
  display: block;
  position: relative;
}

.blockBox .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2em 2em;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.blockBox .container.img_left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.blockBox .container.img_right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.blockBox .container.img_right a.btn {
  background-color: #134fd1 !important;
}

.blockBox .container.img_top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  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;
}

.blockBox .container.img_top h1 {
  font-size: 1.6em;
  padding: .5em;
}

.blockBox .container.img_top p {
  font-size: 1.2em;
  padding: .5em !important;
  margin-bottom: 1em !important;
}

.blockBox .container.btm_text h2, .blockBox .container.btm_text p {
  color: #ffffff !important;
}

.blockBox .container.btm_text h2 {
  border-bottom: 2px solid #aaaaaa !important;
}

.blockBox .container .imgBox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1em;
  min-width: 330px;
  max-width: 460px;
  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;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.blockBox .container .imgBox img {
  border-radius: 1em;
}

.blockBox .container .contBox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1em;
  font-size: 1rem;
  color: #2a2a39;
  min-width: 300px;
}

.blockBox .container .contBox.bg_wi {
  padding: 2em;
  background-color: #ffffff;
  border-radius: .5em;
}

.blockBox .container .contBox h2 {
  font-size: 2em;
  font-weight: bold;
  padding: .5em 0 0 0;
  margin-bottom: 1em;
  border-bottom: 2px solid rgba(30, 33, 43, 0.3);
  color: #1e212b;
}

.blockBox .container .contBox p {
  margin-bottom: 2em;
  font-weight: 300;
}

.blockBox .container .contBox ul.numeral {
  position: relative;
  list-style-type: decimal;
  padding-left: 2em;
  margin-bottom: 2em;
  font-weight: 300;
}

.blockBox .container .contBox ol.cpm {
  padding-left: 4em;
}

.blockBox .container .contBox ol.cpm li {
  line-height: 1.75em;
}

.blockBox .container .contBox ol.cpm li big {
  font-size: 1.25em;
  font-weight: bolder;
}

.blockBox:nth-child(2) {
  background-clip: border-box;
  background-position: 0 0,25px 25px;
  background-origin: padding-box;
  background-repeat: repeat;
  background-size: 25px 25px;
  padding-top: 4em;
}

.blockBox.blue {
  background-color: #008cff;
}

.blockBox.blue .contBox {
  color: #ffffff;
}

.blockBox.blue .contBox h2 {
  color: #ffffff;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}

.blockBox.blue .contBox .btn {
  background-color: #134fd1;
}

.blockBox.black {
  background-color: #1e212b;
}

.blockBox.black .container.img_mid h2 {
  color: #ffec39;
}

.blockBox.black .container.img_mid p {
  color: #999999;
}

.blockBox .container.img_mid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #ffec39;
}

.blockBox .container.img_mid h2 {
  width: 100%;
  text-align: center;
  font-size: 2.5em;
  font-weight: bolder;
  padding: .5em;
  color: #1e212b;
}

.blockBox .container.img_mid p {
  width: 100%;
  text-align: center;
  color: #3f3f3f;
}

.blockBox .container.img_mid ul.man_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.blockBox .container.img_mid ul.man_list li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 2em;
  min-width: 330px;
}

.blockBox .container.img_mid ul.man_list li img {
  border-radius: 50%;
  border: 0.5em solid #ffffff;
  -webkit-box-shadow: 0 0 2px #16181f;
          box-shadow: 0 0 2px #16181f;
  max-width: 280px;
  margin-bottom: 2em;
}

.blockBox .container.img_mid ul.man_list li p {
  padding: .5em;
}

.custom-btn {
  width: auto;
  height: 40px;
  color: #fff;
  border-radius: 5px;
  padding: 10px 25px;
  font-family: 'Lato', sans-serif;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  -webkit-box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5), 7px 7px 20px 0px rgba(0, 0, 0, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
          box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5), 7px 7px 20px 0px rgba(0, 0, 0, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
  outline: none;
}

/* 3 */
.btn-3 {
  background: #00acee;
  background: -webkit-gradient(linear, left bottom, left top, from(#00acee), to(#027efb));
  background: linear-gradient(0deg, #00acee 0%, #027efb 100%);
  width: auto;
  height: 40px;
  line-height: 42px;
  padding: 0;
  border: none;
}

.btn-3:before, .btn-3:after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  background: #027efb;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.btn-3:before {
  height: 0%;
  width: 2px;
}

.btn-3:after {
  width: 0%;
  height: 2px;
}

.btn-3:hover {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-3:hover:before {
  height: 100%;
}

.btn-3:hover:after {
  width: 100%;
}

.btn-3 span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 2em;
  color: #ffffff;
}

.btn-3 span:hover {
  color: #027efb;
}

.btn-3 span:before, .btn-3 span:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  background: #027efb;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.btn-3 span:before {
  width: 2px;
  height: 0%;
}

.btn-3 span:after {
  width: 0%;
  height: 2px;
}

.btn-3 span:hover:before {
  height: 100%;
}

.btn-3 span:hover:after {
  width: 100%;
}

.t04 {
  position: relative;
  overflow-x: clip;
}

.t04:before {
  content: "";
  position: absolute;
  z-index: 2;
  display: block;
  top: calc( -3em + 1px);
  width: 0;
  height: 0;
  border: 0 solid;
  border-color: transparent transparent #008cff transparent;
  border-left-width: 100vw;
  border-bottom-width: 3em;
}

.t04:after {
  content: "";
  position: absolute;
  z-index: 2;
  display: block;
  bottom: calc( -3em + 1px);
  width: 0;
  height: 0;
  border: 0 solid;
  -webkit-filter: drop-shadow(0px 20px 6px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(0px 20px 6px rgba(0, 0, 0, 0.5));
  border-color: transparent #008cff transparent transparent;
  border-width: 0 100vw 3em 0;
}

.noSd:after {
  -webkit-filter: none;
          filter: none;
}

@media (max-width: 650px) {
  body {
    scroll-timeline: --progress block;
  }
  body .home .infoShow {
    height: 400px;
  }
  body #globe {
    display: none !important;
  }
  body .infoWords {
    width: 100% !important;
  }
  body .infoWords h1 {
    font-size: 2em !important;
    padding: 1em;
  }
  body .infoWords p {
    padding: 1em;
  }
  body .blockBox .container {
    padding: 4em 1em;
  }
  body .man_list {
    padding-top: 4em;
  }
  body .btn {
    display: block;
    text-align: center;
  }
  body .inner {
    padding: 0em;
  }
  body .inner header {
    padding: 1em;
  }
  body .inner .col {
    width: 100%;
    padding: 1em;
  }
  body .inner .col .boxbr_bg::after {
    width: calc( 100% - 1em);
    height: calc( 100% - 1em);
    top: .5em;
    left: .5em;
  }
  body .inner .flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  body .inner .flex .image {
    border-left: 0px;
  }
  body .casePage .inner.container .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  body .contBox.bg_wi {
    padding: 0 !important;
  }
  body::after {
    content: '';
    display: block;
    position: fixed;
    top: 74px;
    left: 0;
    width: 100%;
    height: 0.4rem;
    z-index: 10000;
    background-color: #008cff;
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
    -webkit-animation: progress auto linear;
            animation: progress auto linear;
    animation-timeline: --progress;
  }
}

@-webkit-keyframes progress {
  from {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  to {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

@keyframes progress {
  from {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  to {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

.includeBox, .includeNews, .includeProduct, .includeEvents {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1rem;
  /* style texte */
  /* table */
}

.includeBox .container, .includeNews .container, .includeProduct .container, .includeEvents .container {
  padding: 0 2em 2em 2em;
}

.includeBox h1, .includeBox h2, .includeBox h3, .includeBox h4, .includeBox h5, .includeBox h6, .includeNews h1, .includeNews h2, .includeNews h3, .includeNews h4, .includeNews h5, .includeNews h6, .includeProduct h1, .includeProduct h2, .includeProduct h3, .includeProduct h4, .includeProduct h5, .includeProduct h6, .includeEvents h1, .includeEvents h2, .includeEvents h3, .includeEvents h4, .includeEvents h5, .includeEvents h6 {
  font-family: '微軟正黑體', arial, helvetica, sans-serif;
  line-height: 1.6em;
  margin: 0px;
  margin-bottom: 10px;
  padding: 0px;
  clear: both;
}

.includeBox h1, .includeNews h1, .includeProduct h1, .includeEvents h1 {
  color: #006699;
  font-size: 2.15em;
}

.includeBox h2, .includeNews h2, .includeProduct h2, .includeEvents h2 {
  color: #4a4a4a;
  font-size: 1.4em;
  font-weight: bold;
}

.includeBox h3, .includeNews h3, .includeProduct h3, .includeEvents h3 {
  font-size: 1.2em;
  color: #000000;
  border-bottom: none;
  padding: .5em 0 0 0 !important;
  font-weight: bolder;
}

.includeBox h4, .includeNews h4, .includeProduct h4, .includeEvents h4 {
  font-size: 1.1em;
  color: #ff5012;
  border-bottom: 2px solid #FF9800;
  padding-top: .75em;
}

.includeBox h5, .includeNews h5, .includeProduct h5, .includeEvents h5 {
  font-size: 1.05em;
  color: #006699;
}

.includeBox h6, .includeNews h6, .includeProduct h6, .includeEvents h6 {
  font-size: 1.05em;
  color: #ffffff;
}

.includeBox p, .includeNews p, .includeProduct p, .includeEvents p {
  padding: 0 !important;
  margin: 0px 0px 25px 0px !important;
}

.includeBox td, .includeNews td, .includeProduct td, .includeEvents td {
  font-size: .875em;
  color: #1c1c26;
  line-height: 150%;
  padding: .15em;
}

.includeBox .title, .includeNews .title, .includeProduct .title, .includeEvents .title {
  font-weight: bold;
  font-size: 1em;
  color: #ffffff;
  line-height: 1.25em;
}

.includeBox .txt1, .includeNews .txt1, .includeProduct .txt1, .includeEvents .txt1 {
  color: #ffffff;
  margin: 0;
  padding: 0;
  font-size: .8em;
  text-align: left;
}

.includeBox .txt2, .includeNews .txt2, .includeProduct .txt2, .includeEvents .txt2 {
  color: #414141;
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: bold;
}

.includeBox a, .includeNews a, .includeProduct a, .includeEvents a {
  color: #ec6c00 !important;
  text-decoration: none;
  background: transparent;
  font: inherit;
}

.includeBox a:hover, .includeNews a:hover, .includeProduct a:hover, .includeEvents a:hover {
  color: #006699;
  text-decoration: none;
}

.includeBox table.tb_collapse, .includeNews table.tb_collapse, .includeProduct table.tb_collapse, .includeEvents table.tb_collapse {
  width: 100%;
  border-collapse: collapse;
}

.includeBox table.tb_collapse caption, .includeNews table.tb_collapse caption, .includeProduct table.tb_collapse caption, .includeEvents table.tb_collapse caption {
  padding: .55em;
  font-size: 1.5em;
  background-color: #f3f6f9;
}

.includeBox table.tb_collapse thead th, .includeNews table.tb_collapse thead th, .includeProduct table.tb_collapse thead th, .includeEvents table.tb_collapse thead th {
  padding: 5px 0px;
  color: #fff;
  background-color: #915957;
}

.includeBox table.tb_collapse tbody td, .includeNews table.tb_collapse tbody td, .includeProduct table.tb_collapse tbody td, .includeEvents table.tb_collapse tbody td {
  padding: 5px 0px;
  color: #555;
  background-color: #fff;
  border-bottom: 1px solid #915957;
}

.includeBox table.tb_collapse tfoot td, .includeNews table.tb_collapse tfoot td, .includeProduct table.tb_collapse tfoot td, .includeEvents table.tb_collapse tfoot td {
  padding: 5px 0px;
  background-color: #d6d6a5;
}

.includeBox table, .includeNews table, .includeProduct table, .includeEvents table {
  max-width: 635px;
}

.includeBox table td, .includeNews table td, .includeProduct table td, .includeEvents table td {
  padding-left: .5em;
  font-size: .95rem;
  min-width: 80px;
}

.includeBox table td table, .includeNews table td table, .includeProduct table td table, .includeEvents table td table {
  margin: 1em;
  max-width: calc( 100% - 2em);
  width: calc( 100% - 2em);
}

.index table td {
  min-width: .5em !important;
}

.includeNews .initData, .includeProduct .initData, .includeEvents .initData {
  padding: 1em;
  overflow: auto;
}

.ulStyle {
  list-style: disc !important;
  padding-left: 2em;
}