/*
@media (max-width: 1400px) and (min-width: 1068px){
    html[lang=zh-TW] br.large-medium-hide {display: none}
}

@media only screen and (max-width: 1068px) {
    .compare-gallery {
        min-height: 50px;
    }
}

@media only screen and (max-width: 734px) {
   .compare-gallery {
        min-height: 25px;
    }
}
*/

html,
body {
  
}

.navbar {
  margin-bottom: 0;
}

.hide, .hidenav {display: none;}

a, .a {cursor: pointer; color: #5b97ff;}
a, .a:hover {cursor: pointer; color: #315eab;}

.text-left {text-align: left !important;}

.left {text-align: left; margin-left: 0; margin-right: auto;}
.right {text-align: right; margin-left: auto; margin-right: 0; justify-content: flex-end;}
.center {text-align: center; margin-left: auto; margin-right: auto; justify-content: center;}
.gray {color: #8d8d8d; font-style: normal;}
.ttbrw {border-right: 1px solid #fff;}

.pageClicker {display: inline; text-align: right; color: #666; margin-left: 0; font-size: 1rem;}
.pageNumberClick {text-align: center; color: #666; margin: 1em auto; font-size: 0.8rem;}
.pageNumberClick ul li {display: inline; list-style: none; padding: 0; margin-right: 0.8em;}

#pagediv { width: auto; text-align: center; margin: 1em auto;}
ul.pages { }
ul.pages li {display: inline; padding: 0.3em 0.8em; margin: 0px 0.4em; border: 1px solid #bbb;}
#pagediv a { text-decoration: none;}

.pageClickerRight {display: inline; text-align: right;  margin-left: 0.9rem; font-size: 1rem;}
.pageClickerNumRight {display: inline; text-align: right;  margin-left: 0rem; font-size: 1rem;}
.page-click {cursor: pointer; color: #5b97ff; padding-left: 0.9rem;}
.page-click:hover {cursor: pointer; color: #315eab;}
.page-clickoff {cursor: default; color: #cdcdcd; padding-left: 0.9rem;}

.pad-top-1 {
  padding-bottom: 1rem;
}
.pad-botton-1 {
  padding-bottom: 1rem;
}

.margin-top-1 {
  margin-bottom: 1rem;
}
.margin-botton-1 {
  margin-bottom: 1rem;
}

.button-left {
  display: inline; z-index: 5;
}
.button-right {
  display: inline; margin-left: auto; margin-right: 0;
}

.ModalCloseXMark {
  font-size: 1.6rem;
  color: #fff;
  cursor: pointer;
  vertical-align: middle;
  text-align: right;
  justify-content: flex-end;
}

.apointer, .edit {
  color: #439be4;
  font-size: 1.2rem;
  cursor: pointer;
}
.edit:hover {
  color: #ed9913;
}


/* for row list */
.status_off {
  opacity: 45%;
}

.bg_white {
  background-color: #ffffff !important;
}

.form-control::-webkit-input-placeholder {
  font-size: 0.9rem;
  color: #bebebe;
  opacity:1
}

.form-control::-moz-placeholder {
  font-size: 0.9rem;
  color: #bebebe;
  opacity:1
}

.form-control:-ms-input-placeholder {
  font-size: 0.9rem;
  color: #bebebe;
  opacity:1
}

.form-control::-ms-input-placeholder {
  font-size: 0.9rem;
  color: #bebebe;
  opacity:1
}