/* image path */
/* bg color */
/* brown color */
/* blue color */
/* 感測技術頁中的 small deco 顏色 */
/* --- reset --- */
body,
dl,
dt,
dd,
ul,
ol,
li,
th,
td,
form,
input,
textarea,
p {
  margin: 0;
  padding: 0;
}
img {
  display: block;
  border: 0;
}
li {
  list-style: none;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
footer,
header,
hgroup,
menu,
nav,
section,
audio,
video {
  display: block;
  margin: 0;
  padding: 0;
}
/* --- global style --- */
body {
  text-align: left;
  font-size: 16px;
  line-height: 1.6;
  color: #000;
  font-weight: 400;
  /* 'Noto Sans TC' 可用的值：400, 500 */
  /* 'Roboto' 可用 400, 500, 700 */
  background-color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 400;
  line-height: 1.4;
}
p {
  text-align: justify;
  text-justify: distribute;
}
p + p {
  margin-top: 20px;
}
a {
  outline: none;
  text-decoration: none;
}
.clear {
  clear: both;
}
img {
  display: block;
  image-rendering: -webkit-optimize-contrast;
}
.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
}
svg {
  pointer-events: none;
  flex-shrink: 0;
}
/* ----- Layout ----- */
#main {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
#mainHeader {
  width: 100%;
  z-index: 999;
  position: fixed;
  left: 0;
  top: 0;
  flex-shrink: 0;
}
#mainContent {
  flex: 1;
  flex-shrink: 0;
  margin-top: 60px;
  position: relative;
}
.centerwpr {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}
section {
  position: relative;
  padding: 100px 20px;
}
/* ----- 章節小裝飾 ----- */
.decowpr {
  z-index: 10;
}
.small-deco {
  position: absolute;
  top: -30px;
}
.small-deco.p-left {
  left: 0;
}
.small-deco.p-right {
  right: 0;
}
.small-deco .block {
  display: flex;
  align-items: center;
}
.small-deco .center {
  width: 4px;
  height: 30px;
  margin: 0 6px;
  background-color: #b28146;
}
.small-deco .dashed {
  width: 4px;
  height: 6px;
  position: relative;
}
.small-deco .dashed:before,
.small-deco .dashed:after {
  content: "";
  display: block;
  width: 4px;
  height: 6px;
  position: absolute;
  left: 0;
}
.small-deco .dashed:before {
  top: -12px;
}
.small-deco .dashed:after {
  bottom: -12px;
}
.small-deco .block.white .center,
.small-deco .block.white .dashed,
.small-deco .block.white .dashed:before,
.small-deco .block.white .dashed:after {
  background-color: #fff;
}
.small-deco .block.lightBrown .center,
.small-deco .block.lightBrown .dashed,
.small-deco .block.lightBrown .dashed:before,
.small-deco .block.lightBrown .dashed:after {
  background-color: #b28146;
}
.small-deco .block.darkBrown .center,
.small-deco .block.darkBrown .dashed,
.small-deco .block.darkBrown .dashed:before,
.small-deco .block.darkBrown .dashed:after {
  background-color: #60473c;
}
.small-deco .block.lightBlue .center,
.small-deco .block.lightBlue .dashed,
.small-deco .block.lightBlue .dashed:before,
.small-deco .block.lightBlue .dashed:after {
  background-color: #62a5b1;
}
.small-deco .block.paleBrown .center,
.small-deco .block.paleBrown .dashed,
.small-deco .block.paleBrown .dashed:before,
.small-deco .block.paleBrown .dashed:after {
  background-color: #DDB580;
}
.small-deco.d-left .right {
  display: none;
}
.small-deco.d-right .left {
  display: none;
}
@media screen and (max-width: 900px) {
  #mainContent {
    margin-top: 46px;
  }
  .small-deco.p-left {
    left: 10px;
  }
  .small-deco.p-right {
    right: 10px;
  }
}

/* image path */
/* bg color */
/* brown color */
/* blue color */
/* 感測技術頁中的 small deco 顏色 */
#mainHeader {
  background-color: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
#mainHeader .centerwpr {
  padding: 0 30px;
  height: 60px;
  position: relative;
  z-index: 100;
  display: flex;
  align-items: center;
  line-height: 1;
  max-width: none;
}
#mainHeader .logo {
  display: block;
  width: 110px;
  height: 44px;
  position: relative;
  top: 3px;
  flex-shrink: 0;
  margin-right: 40px;
  font-size: 0;
  line-height: 0;
  background-image: url(/static/assets/cda7781eaa29b931c58924f0149a40f1.svg);
  background-repeat: no-repeat;
  background-size: auto 100%;
}
#mainHeader .menu {
  display: flex;
  height: 100%;
}
#mainHeader .menu-item {
  flex-shrink: 0;
  padding: 0 20px;
  display: flex;
  align-items: center;
  position: relative;
  color: #60473c;
}
#mainHeader .menu-item.current:after {
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #864e44;
}
#mainHeader .menu-item.disabled {
  cursor: default;
  pointer-events: none;
  color: #96837a;
  display: none;
}
#mainHeader .btn {
  font-size: 14px;
  white-space: nowrap;
  height: 40px;
  padding: 0 16px;
  box-sizing: border-box;
}
#mainHeader .contact {
  margin-right: 10px;
  position: relative;
  color: #60473c;
  background-color: #fff;
  border: 1px solid #af9a93;
  cursor: pointer;
}
#mainHeader .contact svg {
  width: 19px;
  height: 19px;
  margin-right: 10px;
  fill: #60473c;
}
#mainHeader .contact:hover {
  background-color: #faf4ef;
  border-color: #98827a;
}
#mainHeader .cloud-platform {
  height: 40px;
  color: #fff;
  background-color: #60473c;
}
#mainHeader .cloud-platform:hover {
  background-color: #864e44;
}
#mainHeader hr {
  margin: 0;
  padding: 0;
  border: none;
  flex: 1;
}
.menu-item.disabled .hint {
  padding: 2px 0 3px 0;
  width: 86px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -43px;
  font-size: 12px;
  color: #fff;
  line-height: 1;
  text-align: center;
  background-color: #b28146;
  border-radius: 3px 3px 0 0;
}
#mobileMenu .menu-item.disabled .hint {
  position: relative;
  bottom: auto;
  left: auto;
  margin-left: 0;
  padding: 4px 0 5px 0;
  border-radius: 3px;
}
.contact-infobox {
  position: absolute;
  width: 300px;
  font-size: 14px;
  color: #60473c;
  line-height: 1.2;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  border-radius: 6px 6px 4px 4px;
  cursor: default;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  top: 33px;
  transition: 400ms;
  transition-property: visibility, opacity, top;
}
.contact:hover .contact-infobox {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
  top: 43px;
}
.contact-infobox:before {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  position: absolute;
  left: 0;
  top: -10px;
  border-radius: 10px 10px 0 0;
}
.contact-infobox .innerbox {
  padding: 12px 20px 20px 20px;
}
.contact-infobox .title {
  padding: 10px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  background-color: #60473c;
  border-radius: 4px 4px 0 0;
}
.contact-infobox .mark {
  display: inline-block;
  padding: 4px 8px;
  margin: 0 5px 3px -1px;
  color: #fff;
  font-size: 12px;
  background-color: #864e44;
  border-radius: 20px;
}
.contact-infobox p + p {
  margin-top: 12px;
}
.contact-infobox a {
  color: #60473c;
}
.contact-infobox hr {
  height: 1px;
  margin: 10px 0 !important;
  background-color: #ded6d2;
}
.contact-infobox .messenger {
  display: flex;
  align-items: center;
  line-height: 1.3;
}
.contact-infobox .messenger .icon {
  width: 40px;
  margin-right: 10px;
}
.contact-infobox .groupbuy {
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.contact-infobox .groupbuy .btn {
  width: 90px;
  height: 32px;
  flex-shrink: 0;
  color: #864e44;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #864e44;
}
.contact-infobox .groupbuy .btn:hover {
  color: #fff;
  background-color: #864e44;
}
.contact-infobox .groupbuy .txt {
  margin-left: 10px;
  color: #864e44;
  font-size: 13px;
  line-height: 1.2;
  white-space: wrap;
}
/* ----- mobile menu ----- */
#menuTrigger {
  position: relative;
  width: 50px;
  height: 46px;
  margin: 0 10px 0 -15px;
  flex-shrink: 0;
  cursor: pointer;
  display: none;
  justify-content: center;
  align-items: center;
}
#menuTrigger .icon {
  pointer-events: none;
  position: relative;
  width: 20px;
  height: 2px;
  background-color: #864e44;
  border-radius: 2px;
  transition: 200ms;
}
#menuTrigger .icon:before,
#menuTrigger .icon:after {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  position: absolute;
  left: 0;
  background-color: #864e44;
  border-radius: 2px;
  transition: 200ms;
}
#menuTrigger .icon:before {
  top: -6px;
}
#menuTrigger .icon:after {
  bottom: -6px;
}
#menuTrigger.expand .icon {
  background-color: transparent;
}
#menuTrigger.expand .icon:before,
#menuTrigger.expand .icon:after {
  width: 24px;
  height: 3px;
}
#menuTrigger.expand .icon:before {
  transform: rotate(45deg);
  top: 0;
}
#menuTrigger.expand .icon:after {
  transform: rotate(-45deg);
  bottom: -1px;
}
#mobileMenu {
  position: fixed;
  left: -360px;
  top: 0;
  z-index: 90;
  width: 80%;
  max-width: 300px;
  height: 100vh;
  padding-top: 46px;
  background-color: #fdfaf7;
  box-shadow: 2px 0 6px rgba(0, 0, 0, 0.2);
  transition: 300ms;
  transition-property: left, visibility;
  visibility: hidden;
  pointer-events: none;
}
#mobileMenu.expand {
  visibility: visible;
  left: 0;
  pointer-events: auto;
}
#mobileMenu .menu {
  display: block;
  height: auto;
  margin-left: 0;
  margin-bottom: 30px;
}
#mobileMenu .menu-item {
  height: 46px;
  justify-content: space-between;
  text-shadow: none;
  color: #60473c;
  border-bottom: 1px solid #ded6d2;
}
#mobileMenu .menu-item:hover {
  background-color: #b28146;
  color: #fff;
  border-bottom: 1px solid #864e44;
}
#mobileMenu .menu-item.current {
  background-color: #60473c;
  color: #fff;
  border-bottom: 1px solid #60473c;
}
#mobileMenu .menu-item:after,
#mobileMenu .menu-item.current:after {
  display: none;
}
#mobileMenu .menu-item svg {
  width: 18px;
  height: 18px;
  margin-left: 8px;
  fill: #60473c;
  position: relative;
}
#mobileMenu .menu-item:hover svg {
  fill: #fff;
}
#mobileMenu .menu-item .envelope {
  top: 1px;
}
#mobileMenu .menu-item .extlink {
  width: 16px;
  height: 16px;
}
#mobileMenu .contact-infobox {
  pointer-events: auto;
  width: auto;
  visibility: visible;
  opacity: 1;
  top: auto;
  position: relative;
  transition: none;
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
}
#mobileMenu .contact-infobox:before {
  display: none;
}
#mobileMenu .contact-infobox .innerbox {
  padding-bottom: 0;
  padding-top: 15px;
}
#mobileMenu .contact-infobox .title {
  display: none;
}
#mobileMenu .contact-infobox .addr {
  white-space: normal;
}
.langMenu {
  position: relative;
  color: #60473c;
  font-size: 15px;
  line-height: 1;
  white-space: nowrap;
}
.langMenu .lang-trigger {
  display: flex;
  align-items: center;
  padding: 0 10px;
  margin-left: 10px;
  height: 40px;
  cursor: pointer;
}
.langMenu .lang-trigger:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-left: 4px;
  position: relative;
  top: 2px;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #60473c transparent transparent transparent;
}
.langMenu .submenu {
  width: 110px;
  position: absolute;
  background-color: #fff;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  top: 30px;
  transition: 400ms;
  transition-property: visibility, opacity, top;
}
.langMenu .lang-btn {
  padding: 10px;
  font-size: 14px;
  border-radius: 2px;
  cursor: pointer;
}
.langMenu .lang-btn:hover {
  background-color: #fbf7f4;
}
.langMenu .lang-btn.current {
  pointer-events: none;
  cursor: default;
  background-color: #864e44;
  color: #fff;
}
.langMenu:hover .submenu {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
  top: 40px;
}
@media (hover: none) {
  .langMenu:hover .submenu {
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    top: 30px;
  }
  .langMenu.active .submenu {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    top: 40px;
  }
}
/* ----- RWD ----- */
@media screen and (max-width: 900px) {
  #mainHeader {
    background-color: transparent;
    box-shadow: none;
  }
  #mainHeader .centerwpr {
    padding: 0 12px;
    height: 46px;
    background-color: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  }
  #mainHeader .menu {
    display: none;
  }
  #mainHeader #mobileMenu .menu {
    display: block;
  }
  #mainHeader .logo {
    width: 92px;
    height: 36px;
    margin-right: 0;
  }
  #mainHeader .btn {
    width: auto;
    height: 36px;
    padding: 0 20px;
    font-size: 15px;
  }
  #mainHeader .contact {
    margin-right: 6px;
  }
  #mainHeader .contact svg {
    display: none;
  }
  #mainHeader #menuTrigger {
    display: flex;
  }
  #mainHeader .btn.contact,
  #mainHeader .btn.cloud-platform {
    display: none;
  }
  .langMenu .submenu {
    right: 0;
  }
}

/* image path */
/* bg color */
/* brown color */
/* blue color */
/* 感測技術頁中的 small deco 顏色 */
#mainFooter {
  padding: 18px 0;
  flex-shrink: 0;
  font-size: 13px;
  color: #fff;
  line-height: 1.4;
  background-color: #45332b;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
#mainFooter .centerwpr {
  display: flex;
  align-items: center;
  justify-content: center;
}
#mainFooter .block {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#mainFooter .block + .block {
  margin-left: 30px;
}
#mainFooter .title {
  font-size: 16px;
}
#mainFooter .address {
  margin-top: 4px;
  text-align: center;
  color: #b9b2af;
}
#mainFooter .email {
  color: #b9b2af;
  margin-top: 0;
}
@media screen and (max-width: 900px) {
  #mainFooter .centerwpr {
    flex-direction: column;
  }
  #mainFooter .block + .block {
    margin-left: 0;
    margin-top: 20px;
  }
}

/* image path */
/* bg color */
/* brown color */
/* blue color */
/* 感測技術頁中的 small deco 顏色 */
body.download {
  background-color: #e8e8e8;
}
#mainContent {
  display: flex;
  justify-content: center;
}
img {
  width: 100%;
}
.dl-blockwpr {
  width: 100%;
  max-width: 1200px;
  display: flex;
  padding: 20px 10px;
  margin: 0 auto;
  box-sizing: border-box;
}
.dl-block {
  flex: 1;
  margin: 0 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 20px 15px 20px;
  border-radius: 4px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.03);
}
#appBlock {
  background-color: #edf8f3;
}
#windowsBlock {
  background-color: #faf5eb;
}
h3 {
  font-weight: normal;
  font-size: 17px;
}
h4 {
  font-weight: normal;
  font-size: 28px;
  margin: 3px 0;
}
.preview-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  margin-top: 25px;
}
.preview {
  width: 100%;
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
}
.app .preview {
  width: calc(50% - 10px);
}
.applinks {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 400px;
  margin-top: 15px;
}
.badges {
  display: block;
  flex: 1;
  margin: 5px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
.intro {
  padding: 0 20px;
  flex: 1;
  font-size: 16px;
  line-height: 1.5;
}
.platform {
  margin-bottom: 20px;
  font-size: 14px;
  color: #888;
  text-align: center;
}
.dl-btn {
  display: block;
  height: 60px;
  padding: 0 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  color: #fff;
  line-height: 1;
  white-space: nowrap;
  background-color: #0056a8;
  border-radius: 30px;
}
.dl-btn:hover {
  background-color: #005fb6;
}
.win-logo {
  width: 32px;
  height: 32px;
  margin-right: 15px;
  background-image: url(/static/assets/9b0e8d143a5f33c98bd23881514f4f23.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center center;
}
.dl-btn span {
  display: block;
}
.dl-btn .hint {
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 5px;
}
.dl-btn .ver {
  font-size: 14px;
  padding-left: 2px;
  opacity: 0.8;
}
.changelog {
  width: 100%;
  max-width: 420px;
  flex: 1;
  margin-top: 10px;
  color: #333;
}
.log-entry {
  padding: 20px;
}
.log-entry h3 {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 400;
  color: #333;
}
.log-entry h4 {
  display: flex;
  align-items: center;
  font-size: 18px;
  color: #065199;
  font-weight: 500;
  margin-bottom: 2px;
}
.log-entry h4 a {
  margin-left: 12px;
  font-size: 15px;
  color: #0074cc;
  font-weight: 400;
  border-bottom: 2px dotted #0074cc;
}
.log-entry .date {
  font-size: 14px;
  color: #333;
}
.log-entry ul {
  margin-top: 10px;
}
.log-entry li {
  list-style: disc;
  margin-left: 16px;
  padding-left: 4px;
  line-height: 1.4;
  font-size: 14px;
  margin-top: 5px;
}
.log-entry + .log-entry {
  border-top: 1px solid #d1d1d1;
}
#viewAllLogs {
  margin: 20px auto;
  padding: 9px;
  text-align: center;
  font-size: 15px;
  background-color: #eee;
  border: 1px solid #dfdad1;
  border-radius: 4px;
  cursor: pointer;
}
#viewAllLogs:hover {
  color: #fff;
  background-color: #333;
  border: 1px solid #111;
}
/* ---------- APK 下載區 ---------- */
.apkdwn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 15px;
  margin-top: 15px;
  font-size: 13px;
  color: #666;
  border-top: 1px dashed #aaa;
}
#apkDwnBtn {
  padding: 3px 12px;
  margin-left: 8px;
  color: #0093ad;
  font-size: 12px;
  border-radius: 30px;
  background-color: #fff;
  border: 1px solid #0093ad;
  cursor: pointer;
}
#apkDwnBtn:hover {
  color: #fff;
  background-color: #0093ad;
}
#apkPromptBox {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: 400ms;
  transition-property: opacity, visibility;
}
#apkPromptBoxOverlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}
#apkPromptBox .box {
  position: relative;
  font-size: 14px;
  background-color: #edf8f3;
  border-radius: 6px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  top: -25px;
  transition: 400ms;
  transition-property: top;
}
#apkPromptBox h4 {
  padding: 8px 24px;
  margin: 0;
  font-size: 16px;
  color: #fff;
  background-color: #0093ad;
}
#apkPromptBox .innerwpr {
  padding: 20px 24px;
}
#apkPromptBox .flexbox {
  margin-top: 8px;
  position: relative;
  display: flex;
  align-items: center;
}
#apkPromptBox #apkPromptInput {
  padding: 5px;
  width: 180px;
}
#apkPromptBox #submitApkDwn {
  padding: 3px 18px;
  margin-left: 12px;
  color: #0093ad;
  font-size: 13px;
  border-radius: 30px;
  background-color: #fff;
  border: 1px solid #0093ad;
  cursor: pointer;
}
#apkPromptBox #submitApkDwn:hover {
  color: #fff;
  background-color: #0093ad;
}
#apkPromptBox .Requirement {
  padding: 6px 24px 8px 24px;
  font-size: 12px;
  color: #ddd;
  background-color: #333;
}
#apkPromptBox #apkPromptFeedback {
  position: absolute;
  top: 34px;
  left: 0;
  font-size: 12px;
  background-color: #ffbcc8;
  border-radius: 2px;
}
#apkPromptBox #apkPromptFeedback span {
  padding: 2px 10px;
}
#apkPromptBox.show {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
}
#apkPromptBox.show .box {
  top: 0;
}
.driverdwn {
  width: 100%;
  flex-direction: column;
  color: #000;
}
.driverdwn h3 {
  font-size: 15px;
}
.driverdwn .btnwpr {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 6px;
}
.driverdwn .filedwn {
  display: block;
  padding: 6px 20px;
  color: #0093ad;
  font-size: 13px;
  text-align: center;
  line-height: 1.1;
  border-radius: 30px;
  background-color: #fff;
  border: 1px solid #0093ad;
  cursor: pointer;
}
.driverdwn .filedwn + .filedwn {
  margin-left: 8px;
}
.driverdwn .filedwn:hover {
  color: #fff;
  background-color: #0093ad;
}
.driverdwn .filedwn small {
  font-size: 12px;
}
/* ---------- RWD ---------- */
@media only screen and (max-width: 900px) {
  .dl-blockwpr {
    display: block;
    padding: 0;
  }
  .dl-block {
    margin: 0;
  }
}
@media only screen and (max-width: 500px) {
  .dl-block {
    padding: 40px 20px;
  }
  #appBlock {
    padding-top: 20px;
  }
  .preview-container {
    display: block;
  }
  .app .preview {
    width: 100%;
  }
  .app .preview + .preview {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 400px) {
  .main-header .btn-appdownload {
    display: none;
  }
  .applinks {
    display: block;
  }
  .badges {
    margin: 0;
  }
  .badges + .badges {
    margin-top: 10px;
  }
  .log-entry {
    padding: 20px 0;
  }
}

/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
html.os-html,html.os-html>.os-host{display:block;overflow:hidden;box-sizing:border-box;height:100%!important;width:100%!important;min-width:100%!important;min-height:100%!important;margin:0!important;position:absolute!important}html.os-html>.os-host>.os-padding{position:absolute}body.os-dragging,body.os-dragging *{cursor:default}.os-host,.os-host-textarea{position:relative;overflow:visible!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}.os-host-flexbox{overflow:hidden!important;display:-webkit-box;display:-ms-flexbox;display:flex}.os-host-flexbox>.os-size-auto-observer{height:inherit!important}.os-host-flexbox>.os-content-glue{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0}.os-host-flexbox>.os-size-auto-observer,.os-host-flexbox>.os-content-glue{min-height:0;min-width:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:auto;flex-basis:auto}#os-dummy-scrollbar-size{position:fixed;opacity:0;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';visibility:hidden;overflow:scroll;height:500px;width:500px}#os-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}#os-dummy-scrollbar-size:before,#os-dummy-scrollbar-size:after,.os-content:before,.os-content:after{content:'';display:table;width:.01px;height:.01px;line-height:0;font-size:0;flex-grow:0;flex-shrink:0;visibility:hidden}#os-dummy-scrollbar-size,.os-viewport{-ms-overflow-style:scrollbar!important}.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,.os-viewport-native-scrollbars-invisible.os-viewport{scrollbar-width:none!important}.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner{display:none!important;width:0!important;height:0!important;visibility:hidden!important;background:0 0!important}.os-content-glue{box-sizing:inherit;max-height:100%;max-width:100%;width:100%;pointer-events:none}.os-padding{box-sizing:inherit;direction:inherit;position:absolute;overflow:visible;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.os-host-overflow>.os-padding{overflow:hidden}.os-viewport{direction:inherit!important;box-sizing:inherit!important;resize:none!important;outline:0!important;position:absolute;overflow:hidden;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.os-content-arrange{position:absolute;z-index:-1;min-height:1px;min-width:1px;pointer-events:none}.os-content{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:100%;height:100%;width:100%;visibility:visible}.os-content>.os-textarea{box-sizing:border-box!important;direction:inherit!important;background:0 0!important;outline:0 transparent!important;overflow:hidden!important;position:absolute!important;display:block!important;top:0!important;left:0!important;margin:0!important;border-radius:0!important;float:none!important;-webkit-filter:none!important;filter:none!important;border:0!important;resize:none!important;-webkit-transform:none!important;transform:none!important;max-width:none!important;max-height:none!important;box-shadow:none!important;-webkit-perspective:none!important;perspective:none!important;opacity:1!important;z-index:1!important;clip:auto!important;vertical-align:baseline!important;padding:0}.os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea{right:0!important}.os-content>.os-textarea-cover{z-index:-1;pointer-events:none}.os-content>.os-textarea[wrap=off]{white-space:pre!important;margin:0!important}.os-text-inherit{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;font-variant:inherit;text-transform:inherit;text-decoration:inherit;text-indent:inherit;text-align:inherit;text-shadow:inherit;text-overflow:inherit;letter-spacing:inherit;word-spacing:inherit;line-height:inherit;unicode-bidi:inherit;direction:inherit;color:inherit;cursor:text}.os-resize-observer,.os-resize-observer-host{box-sizing:inherit;display:block;visibility:hidden;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.os-resize-observer-host{padding:inherit;border:inherit;border-color:transparent;border-style:solid;box-sizing:border-box}.os-resize-observer-host.observed{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.os-resize-observer-host>.os-resize-observer,.os-resize-observer-host.observed>.os-resize-observer{height:200%;width:200%;padding:inherit;border:inherit;margin:0;display:block;box-sizing:content-box}.os-resize-observer-host.observed>.os-resize-observer,.os-resize-observer-host.observed>.os-resize-observer:before{display:flex;position:relative;flex-grow:1;flex-shrink:0;flex-basis:auto;box-sizing:border-box}.os-resize-observer-host.observed>.os-resize-observer:before{content:'';box-sizing:content-box;padding:inherit;border:inherit;margin:0}.os-size-auto-observer{box-sizing:inherit!important;height:100%;width:inherit;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;-webkit-box-flex:inherit;-ms-flex-positive:inherit;flex-grow:inherit;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:0;flex-basis:0}.os-size-auto-observer>.os-resize-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}.os-resize-observer-item{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:-1;opacity:0;direction:ltr!important;-webkit-box-flex:0!important;-ms-flex:none!important;flex:none!important}.os-resize-observer-item-final{position:absolute;left:0;top:0;-webkit-transition:none!important;transition:none!important;-webkit-box-flex:0!important;-ms-flex:none!important;flex:none!important}.os-resize-observer{-webkit-animation-duration:.001s;animation-duration:.001s;-webkit-animation-name:os-resize-observer-dummy-animation;animation-name:os-resize-observer-dummy-animation}object.os-resize-observer{box-sizing:border-box!important}@-webkit-keyframes os-resize-observer-dummy-animation{0%{cursor:auto}to{cursor:none}}@keyframes os-resize-observer-dummy-animation{0%{cursor:auto}to{cursor:none}}.os-host-transition>.os-scrollbar,.os-host-transition>.os-scrollbar-corner{-webkit-transition:opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s;transition:opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s}html.os-html>.os-host>.os-scrollbar{position:absolute;z-index:999999}.os-scrollbar,.os-scrollbar-corner{position:absolute;opacity:1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';z-index:1}.os-scrollbar-corner{bottom:0;right:0}.os-scrollbar{pointer-events:none}.os-scrollbar-track{pointer-events:auto;position:relative;height:100%;width:100%;padding:0!important;border:0!important}.os-scrollbar-handle{pointer-events:auto;position:absolute;width:100%;height:100%}.os-scrollbar-handle-off,.os-scrollbar-track-off{pointer-events:none}.os-scrollbar.os-scrollbar-unusable,.os-scrollbar.os-scrollbar-unusable *{pointer-events:none!important}.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-host-rtl>.os-scrollbar-horizontal{right:0}.os-host-rtl>.os-scrollbar-vertical{right:auto;left:0}.os-host-rtl>.os-scrollbar-corner{right:auto;left:0}.os-scrollbar-auto-hidden,.os-padding+.os-scrollbar-corner,.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner,.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal,.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner,.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical,.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner,.os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner,.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner{opacity:0;visibility:hidden;pointer-events:none}.os-scrollbar-corner-resize-both{cursor:nwse-resize}.os-host-rtl>.os-scrollbar-corner-resize-both{cursor:nesw-resize}.os-scrollbar-corner-resize-horizontal{cursor:ew-resize}.os-scrollbar-corner-resize-vertical{cursor:ns-resize}.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize{cursor:default}.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical{top:0;bottom:0}.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal,.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal{right:0;left:0}.os-scrollbar:hover,.os-scrollbar-corner.os-scrollbar-corner-resize{opacity:1!important;visibility:visible!important}.os-scrollbar-corner.os-scrollbar-corner-resize{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);background-repeat:no-repeat;background-position:100% 100%;pointer-events:auto!important}.os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.os-host-overflow{overflow:hidden!important}.os-theme-none>.os-scrollbar-horizontal,.os-theme-none>.os-scrollbar-vertical,.os-theme-none>.os-scrollbar-corner{display:none!important}.os-theme-none>.os-scrollbar-corner-resize{display:block!important;min-width:10px;min-height:10px}.os-theme-dark>.os-scrollbar-horizontal,.os-theme-light>.os-scrollbar-horizontal{right:10px;height:10px}.os-theme-dark>.os-scrollbar-vertical,.os-theme-light>.os-scrollbar-vertical{bottom:10px;width:10px}.os-theme-dark.os-host-rtl>.os-scrollbar-horizontal,.os-theme-light.os-host-rtl>.os-scrollbar-horizontal{left:10px;right:0}.os-theme-dark>.os-scrollbar-corner,.os-theme-light>.os-scrollbar-corner{height:10px;width:10px}.os-theme-dark>.os-scrollbar-corner,.os-theme-light>.os-scrollbar-corner{background-color:transparent}.os-theme-dark>.os-scrollbar,.os-theme-light>.os-scrollbar{padding:2px;box-sizing:border-box;background:0 0}.os-theme-dark>.os-scrollbar.os-scrollbar-unusable,.os-theme-light>.os-scrollbar.os-scrollbar-unusable{background:0 0}.os-theme-dark>.os-scrollbar>.os-scrollbar-track,.os-theme-light>.os-scrollbar>.os-scrollbar-track{background:0 0}.os-theme-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle{min-width:30px}.os-theme-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle{min-height:30px}.os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{-webkit-transition:background-color .3s;transition:background-color .3s}.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-dark>.os-scrollbar>.os-scrollbar-track,.os-theme-light>.os-scrollbar>.os-scrollbar-track{border-radius:10px}.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(0,0,0,.4)}.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(255,255,255,.4)}.os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(0,0,0,.55)}.os-theme-light>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(255,255,255,.55)}.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active{background:rgba(0,0,0,.7)}.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active{background:rgba(255,255,255,.7)}.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before{display:none}.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before{top:-6px;bottom:-2px}.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before{left:-6px;right:-2px}.os-host-rtl.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-host-rtl.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before{right:-6px;left:-2px}
/* --- dialog box: common --- */
.dialogBox {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 9999;
}
.dialogBox .dialog-overlay,
.dialogBox .dialog-container {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.dialogBox .dialog-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition-duration: 1000ms;
  transition-property: opacity,visibility;
}
.dialogBox .loading {
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dialogBox .dialog-container {
  position: relative;
  margin: 0 10px;
  padding: 20px 22px;
  top: -50px;
  width: 100%;
  max-width: 520px;
  max-height: calc(100% - 60px);
  text-align: left;
  color: #333;
  background-color: #f3f3f3;
  border-radius: 6px 6px 5px 5px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  transition-duration: 400ms;
  transition-property: opacity,visibility,top;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.dialogBox .title {
  position: relative;
  margin: -20px -22px 14px -22px;
  padding: 14px 22px;
  display: flex;
  align-items: center;
  font-size: 17px;
  line-height: 1.2;
  color: #fff;
  font-weight: 400;
  background-color: #333;
  border-radius: 5px 5px 0 0;
}
.dialogBox .title svg {
  width: 19px;
  height: 19px;
  fill: #fff;
  margin-right: 10px;
  position: relative;
}
.dialogBox #deviceStoreBatchBox .title svg {
  top: 1px;
}
.dialogBox .hint {
  margin-bottom: 10px;
  margin-top: -6px;
  font-size: 14px;
}
.dialogBox .hint .slot + .slot {
  margin-left: 15px;
}
.dialogBox .content,
.dialogBox .innerwpr {
  position: relative;
}
.dialogBox .content {
  flex: 1;
  overflow: hidden;
}
.dialogBox .content.no-scroll {
  overflow: visible !important;
}
.dialogBox .innerwpr {
  width: 100%;
  padding: 4px 0;
}
.dialogBox .innerwpr strong {
  padding: 1px 4px;
  margin: 0 3px;
  font-weight: 400;
  background-color: #ffe4af;
  border-radius: 3px;
}
.dialogBox .innerwpr img {
  margin: 0 auto;
}
.dialogBox .btnwpr {
  display: flex;
  align-items: center;
  margin-top: 18px;
}
.dialogBox .btnwpr .btn {
  flex: 1;
  flex-shrink: 0;
  height: 40px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  text-align: center;
  line-height: normal;
  color: #fff;
  border-radius: 4px;
  background-color: #2f333d;
  cursor: pointer;
}
.dialogBox .btnwpr .btn:hover {
  background-color: #008398;
}
.dialogBox .btnwpr .btn.disabled {
  pointer-events: none;
}
.dialogBox .btnwpr .btn.cancel {
  flex-grow: 1;
}
.dialogBox .btnwpr .btn.confirm {
  flex-grow: 1.5;
}
.dialogBox .btnwpr .btn + .btn {
  margin-left: 10px;
}
.dialogBox .btnwpr .btn svg {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  fill: #fff;
  position: relative;
  top: -1px;
  overflow: hidden;
}
.dialogBox .alert {
  display: flex;
  align-items: center;
  color: #e84e4a;
}
.dialogBox .alert svg {
  width: 24px;
  height: 24px;
  margin-right: 5px;
  fill: #e84e4a;
  position: relative;
  top: -1px;
  overflow: hidden;
}
.dialogBox textarea {
  width: 100%;
  height: 120px;
  padding: 8px 12px;
  box-sizing: border-box;
  resize: none;
  font-size: 15px;
  line-height: normal;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  background-color: #f6f6f6;
  outline: none;
}
.dialogBox .feedback-content {
  padding: 6px 10px;
  margin: 6px 0 -8px 0;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #856519;
  background-color: #fff5cb;
  border: 1px solid #f0de97;
  border-radius: 2px;
}
.dialogBox .feedback-content.warning {
  color: #856519;
  background-color: #fff5cb;
  border: 1px solid #f0de97;
}
.dialogBox .feedback-content.fail {
  color: #fff0ef;
  background-color: #fc6a5f;
}
/* --- dialog box: show --- */
.dialogBox.show {
  visibility: visible;
  pointer-events: auto;
}
.dialogBox.show .dialog-overlay,
.dialogBox.show .dialog-container {
  visibility: visible;
  opacity: 1;
}
.dialogBox.show .dialog-container {
  top: 0;
  pointer-events: auto;
}
/* --- dialog box: 特別設定 --- */
.os-scrollbar-vertical {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 6px !important;
}
@media only screen and (max-width: 550px) {
  .dialogBox .dialog-container {
    margin: 0;
    max-width: none;
    max-height: 100%;
    height: 100%;
    border-radius: 0;
  }
  .dialogBox .title {
    border-radius: 0;
  }
}