@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Didact+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');

/* CSS Document */
*,
p {
  margin: 0;
  text-decoration:none;
  transition: transform 0.5 ease-in-out;
}
html,
body {
  font-family: 'Didact Gothic', 'Noto Sans TC', 'Helvetica', sans-serif !important;
  -webkit-text-size-adjust: none;
  font-size: 16px;
}
@media screen and ( min-width:991px ) {
  html {
    overflow-x: hidden;
  }
}

ol,
ul,
a {
  list-style: none;
  margin: 0;
  padding: 0;
  text-decoration:none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0; 
}
input[type="number"] {
  -moz-appearance: textfield;
} 
input,
textarea {
    font-size: 16px;
}
input:focus,
select:focus {
    outline: 1px solid #a5a5a5;
}

.hide, .hidden {
  display: none;
}
.img-responsive {
  max-width: 100%;
  vertical-align: top;
}
.overflow {
  overflow-x: hidden;
  overflow-y: scroll;
}

#wrapper {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.scrollbar::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.scrollbar::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #eee;
}

.scrollbar::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #333;
}
input[type=text]::-ms-clear {
  display: none;
}

.popover {
    z-index: 1020;
}
.modal {
    z-index: 1075;
}
.modal-backdrop {
    z-index: 1070;
}

.BtnMenuGroup {
  width: 100%;
  padding: 10px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
}
.BtnMenuGroup button {
  -ms-flex: 0 0 calc(50% - 6px);
  flex: 0 0 calc(50% - 6px);
  max-width: calc(50% - 6px);
  background: #307fc2;
  color: #FFF;
  border: 1px solid #307fc2;
  padding: 15px 10px;
  border-radius: 8px;
  margin: 5px 3px;
}