@charset "UTF-8";
body {
  /* EHS雲端租賃 */
  /* 點擊適用 */
  /* 氣象 */
  /* Mircrosoft Marketplace */
  /* TOSHMS */
  /* 案例 */
  /* 教育訓練 */
  /* TDRR4Q */
}
body .tdrr4q-container .tdrr4q-title-container .tdrr4q-title, body .system .system-title-container .system-title, body .teach-container .teach-title-container .teach-title, body .case-container .case-title-container .case-title, body .toshms-container .toshms-title-container .toshms-title, body .marketplace-container .marketplace-title-container .marketplace-title, body .weather-container .weather-title-container .weather-title, body .cloud-rental-container .cloud-rental-title-container .cloud-rental-title {
  background: var(--gradient-blue);
  background: var(--webkit-gradient-blue);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
body .case-container .case-content .case-content-inner {
  background: #0095ff;
  background: linear-gradient(90deg, rgb(0, 149, 255) 0%, rgb(0, 238, 255) 100%);
}
body .tdrr4q-container .tdrr4q-content-container .tdrr4q-logo-container, body .tdrr4q-container .tdrr4q-content-container, body .tdrr4q-container .tdrr4q-title-container, body .system .system-commentary-container .system-commentary, body .system .system-commentary-container, body .system .system-bar, body .system .system-content .system-items .system-item, body .system .system-content .system-items, body .system .system-content, body .system .system-title-container, body .teach-container .teach-vedio .teach-vedio-button, body .teach-container .teach-vedio, body .teach-container .teach-items .teach-item .t-item-button, body .teach-container .teach-items .teach-item .t-item-title, body .teach-container .teach-items .teach-item .t-item-date, body .teach-container .teach-items .teach-item, body .teach-container .teach-title-container, body .case-container .case-content .case-content-inner .case-items .case-items-controller .case-item, body .case-container .case-content .case-content-inner .case-items .case-items-controller, body .case-container .case-content .case-content-inner .case-items, body .case-container .case-content .case-content-inner, body .case-container .case-content, body .case-container .case-title-container, body .toshms-container .toshms-content-container, body .toshms-container .toshms-title-container, body .marketplace-container .marketplace-title-container, body .weather-container .weather-title-container, body .want-to-try .want-to-try-button, body .want-to-try, body .cloud-rental-container .cloud-rental-content-container, body .cloud-rental-container .cloud-rental-title-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
body .weather-container .weather-content-container .weather-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body .tdrr4q-container, body .system, body .teach-container .teach-items, body .teach-container, body .case-container, body .toshms-container, body .marketplace-container .marketplace-content-container, body .marketplace-container, body .weather-container .weather-content-container, body .weather-container, body .cloud-rental-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
body .system .system-bar, body .teach-container .teach-vedio {
  border-top: 1px solid var(--color-gray);
}
body .tdrr4q-container .tdrr4q-title-container, body .tdrr4q-container, body .system .system-bar, body .system, body .teach-container .teach-title-container, body .teach-container, body .case-container .case-title-container, body .case-container, body .toshms-container .toshms-title-container, body .toshms-container, body .marketplace-container .marketplace-title-container, body .marketplace-container, body .weather-container .weather-title-container, body .weather-container, body .want-to-try, body .cloud-rental-container .cloud-rental-title-container, body .cloud-rental-container {
  border-bottom: 1px solid var(--color-gray);
}
body .weather-container .weather-content-container .weather-content h4, body .weather-container .weather-content-container .weather-content p {
  border-right: 1px solid var(--color-gray);
}
body .system .system-commentary-container, body .teach-container .teach-items, body .toshms-container .toshms-content-container, body .marketplace-container .marketplace-content-container, body .weather-container .weather-content-container, body .cloud-rental-container .cloud-rental-content-container {
  border-right: 1px solid var(--color-gray);
  border-left: 1px solid var(--color-gray);
}
body .tdrr4q-container .tdrr4q-content-container, body .tdrr4q-container .tdrr4q-title-container, body .system .system-commentary-container, body .system .system-bar, body .system .system-title-container, body .teach-container .teach-vedio, body .teach-container .teach-items, body .teach-container .teach-title-container, body .case-container .case-content .case-content-inner, body .case-container .case-title-container, body .toshms-container .toshms-content-container, body .toshms-container .toshms-title-container, body .marketplace-container .marketplace-content-container, body .marketplace-container .marketplace-title-container, body .weather-container .weather-content-container, body .weather-container .weather-title-container, body .want-to-try, body .cloud-rental-container .cloud-rental-content-container, body .cloud-rental-container .cloud-rental-title-container {
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
body .case-container .case-content .case-content-inner .case-items .case-items-controller .case-item {
  filter: brightness(0) saturate(100%) invert(97%) sepia(100%) saturate(1%) hue-rotate(16deg) brightness(103%) contrast(101%);
}
body .teach-container .teach-items .teach-item .t-item-title, body .teach-container .teach-items .teach-item .t-item-date {
  padding: 0 10px;
}
body .cloud-rental-container .cloud-rental-title-container {
  height: 100px;
}
body .cloud-rental-container .cloud-rental-content-container {
  padding: 30px 0;
}
@media (max-width: 1024px) {
  body .cloud-rental-container .cloud-rental-content-container {
    flex-direction: column;
  }
}
body .cloud-rental-container .cloud-rental-content-container .cloud-rental-content {
  text-align: center;
  text-wrap: balance;
  color: var(--color-blue);
  margin: 0 10px;
  font-size: 1.2rem;
}
body .want-to-try {
  height: 100px;
}
body .want-to-try .want-to-try-button {
  color: var(--color-blue);
  border: 1px solid var(--color-blue);
  padding: 10px;
  text-decoration: none;
}
body .want-to-try .want-to-try-button:hover {
  transition: all 0.3s ease-in-out;
  background-color: var(--color-blue);
  color: var(--color-white);
}
body .weather-container .weather-title-container {
  height: 100px;
}
body .weather-container .weather-content-container {
  height: 200px;
}
body .weather-container .weather-content-container h3 {
  color: var(--color-blue);
  margin-bottom: 2rem;
}
body .weather-container .weather-content-container #taichung-weather-name {
  display: none;
}
body .weather-container .weather-content-container #kaohsiung-weather-name {
  display: none;
}
body .weather-container .weather-content-container .weather-content {
  text-align: center;
  text-wrap: balance;
  color: var(--color-blue);
  margin: 0 20px;
}
body .weather-container .weather-content-container .weather-content p {
  flex: 1;
}
body .weather-container .weather-content-container .weather-content p:last-child {
  border-right: none;
}
body .weather-container .weather-content-container .weather-content h4 {
  flex: 1;
  font-size: 1.25rem;
}
body .weather-container .weather-content-container .weather-content h4.no-border {
  border-right: none;
}
body .weather-container .weather-content-container .weather-content .taichung-text {
  display: none;
}
body .weather-container .weather-content-container .weather-content .kaohsiung-text {
  display: none;
}
body .marketplace-container .marketplace-title-container {
  height: 100px;
}
body .marketplace-container .marketplace-content-container {
  padding: 30px 0;
}
body .marketplace-container .marketplace-content-container img {
  width: 40%;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(0) saturate(100%) invert(35%) sepia(85%) saturate(1541%) hue-rotate(185deg) brightness(103%) contrast(107%);
}
body .marketplace-container .marketplace-content-container .marketplace-content {
  text-align: center;
  text-wrap: balance;
  color: var(--color-blue);
  margin: 0 20px;
  font-size: 1.2rem;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  body .marketplace-container .marketplace-content-container .marketplace-content {
    margin-bottom: 15px;
  }
}
body .toshms-container .toshms-title-container {
  height: 100px;
}
body .toshms-container .toshms-content-container {
  height: 300px;
}
body .toshms-container .toshms-content-container .toshms-content {
  text-align: center;
  text-wrap: balance;
  color: var(--color-blue);
  margin: 0 20px;
}
body .case-container .case-title-container {
  height: 100px;
}
body .case-container .case-content {
  height: 300px;
  overflow: hidden;
}
body .case-container .case-content .case-content-inner {
  position: relative;
  height: 150px;
}
body .case-container .case-content .case-content-inner .case-content-mask {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, rgb(255, 255, 255) 100%);
}
body .case-container .case-content .case-content-inner .case-items {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
body .case-container .case-content .case-content-inner .case-items .case-items-controller {
  height: 100%;
}
body .case-container .case-content .case-content-inner .case-items .case-items-controller .case-item {
  height: 60%;
  margin: 0 30px;
  -o-object-fit: contain;
     object-fit: contain;
}
body .teach-container .teach-title-container {
  height: 100px;
}
body .teach-container .teach-items .teach-item {
  width: 100%;
  height: 50px;
  padding: 10px 0;
}
body .teach-container .teach-items .teach-item svg {
  height: 15px;
  width: 15px;
  flex-shrink: 0;
  border: 1px solid var(--color-blue);
  margin-left: 10px;
}
body .teach-container .teach-items .teach-item .t-item-date {
  flex: 1;
}
body .teach-container .teach-items .teach-item .t-item-title {
  border-right: 1px solid var(--color-black);
  border-left: 1px solid var(--color-black);
  flex: 3;
  text-decoration: none;
}
body .teach-container .teach-items .teach-item .t-item-button {
  margin-left: 10px;
  flex: 1;
  text-decoration: none;
  margin-right: 10px;
}
body .teach-container .teach-items .teach-item .open {
  color: var(--color-blue);
  border: 1px solid var(--color-blue);
}
body .teach-container .teach-items .teach-item .full {
  color: var(--color-red);
  border: 1px solid var(--color-red);
}
body .teach-container .teach-items .teach-item .close {
  color: var(--color-gray);
  padding: 0 1px;
  cursor: auto;
}
body .teach-container .teach-vedio {
  height: 100px;
}
body .teach-container .teach-vedio .teach-vedio-button {
  color: var(--color-blue);
  border: 1px solid var(--color-blue);
  padding: 10px;
  text-decoration: none;
}
body .system .system-title-container {
  height: 100px;
}
body .system .system-content .system-items .system-item {
  color: var(--color-blue);
  background: transparent;
  aspect-ratio: 1/1;
  flex: 1;
  border: 1px solid var(--color-blue);
  font-size: 1rem;
  transform: all 0.3s ease-in-out;
  cursor: pointer;
}
body .system .system-content .system-items .system-item:hover {
  background-color: var(--color-blue);
  color: var(--color-white);
}
body .system .system-content .system-items .down-radius {
  border-radius: 0 0 999px 999px;
}
body .system .system-content .system-items .up-radius {
  border-radius: 999px 999px 0 0;
}
body .system .system-content .system-item-active {
  background-color: var(--color-blue) !important;
  color: var(--color-white) !important;
}
body .system .system-bar {
  height: 50px;
  background-image: url("../image/bar/barBG.svg");
}
body .system .system-commentary-container {
  height: 100px;
}
body .system .system-commentary-container .system-commentary {
  color: var(--color-blue);
  text-align: center;
  text-wrap: balance;
}
body .tdrr4q-container {
  margin-bottom: 100px;
}
body .tdrr4q-container .tdrr4q-title-container {
  height: 100px;
}
body .tdrr4q-container .tdrr4q-content-container {
  position: relative;
  padding: 50px 0;
  justify-content: space-between;
}
body .tdrr4q-container .tdrr4q-content-container .tdrr4q-content {
  width: 50%;
  text-wrap: balance;
  color: var(--color-white);
  text-align: left;
  padding: 100px 50px;
  border-radius: 0 999px 999px 0;
  background: var(--gradient-blue);
}
body .tdrr4q-container .tdrr4q-content-container .tdrr4q-logo-container {
  flex: 1;
}
body .tdrr4q-container .tdrr4q-content-container .tdrr4q-logo-container .tdrr4q-logo {
  height: 200px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(0) saturate(100%) invert(41%) sepia(59%) saturate(1726%) hue-rotate(181deg) brightness(96%) contrast(115%);
}
@media (max-width: 1024px) {
  body .tdrr4q-container .tdrr4q-content-container {
    flex-direction: column;
    padding: 20px 0;
  }
  body .tdrr4q-container .tdrr4q-content-container .tdrr4q-content {
    width: 80%;
    text-align: center;
    border-radius: 999px;
    padding: 50px 20px;
    margin-bottom: 30px;
  }
  body .tdrr4q-container .tdrr4q-content-container .tdrr4q-logo-container .tdrr4q-logo {
    height: 150px;
  }
}
@media (max-width: 375px) {
  body .tdrr4q-container .tdrr4q-content-container .tdrr4q-content {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    border-radius: 0px;
    padding: 50px 20px;
    margin-bottom: 30px;
  }
  body .tdrr4q-container .tdrr4q-content-container .tdrr4q-logo-container .tdrr4q-logo {
    height: 100px;
  }
}/*# sourceMappingURL=index.css.map */