input[type="text"], input[type="number"], input[type="password"], input[type="email"], 
input[type="date"], input.datepicker, select {
  height: 34px;
  max-width: 12em;
  padding: 6px 12px;
  font-size: 14px;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

input.address {
  width: 25em;
}

input[type="number"]{
  width: 8em !important;
}

input.dateWidth, input.datepicker, input.timepicker {
    width: 50px !important;
    min-width: 110px;
}

input.yearWidth {
  width:80px !important;
}

input.monthWidth, select.monthWidth {
  width: 60px !important;
}

input.width5 {
  width: 5em !important;
}

input.width8 {
  width: 8em !important;
}

input:disabled {
  background: #dddddd;
}

.indent2 {
  padding-left: 2em;
}

/* 必填欄位樣式 */

/* input:not([type="radio"]):not([type="checkbox"]):required { */
/*     background-size: 1em 1em; */
/*     background-image: radial-gradient(farthest-side,transparent 0%,transparent 40%,hsl(10,100%,60%) 40%,hsl(10,100%,60%) 80%,transparent 80%); */
/*     background-repeat: no-repeat; */
/*     background-position: right; */
/*     padding-right: 1em; */
/* } */

fieldset input[type=text]:focus {
}

fieldset input:valid:not([type="button"]):not([type="submit"]),
fieldset input:invalid:not([type="button"]):not([type="submit"]) {
/*   border-left: 3px solid; */
}

fieldset input:valid {
/*   border-left-color: palegreen; */
}
fieldset input:invalid {
/*   border-left: 3px solid; */
/*   border-radius: 5px; */
/*   border-left-color: salmon; */
  border: 1px solid red;
}

/* 必填欄位樣式 */
div.searchDiv input:not([type="submit"]):not([type="button"]):not([type="radio"]), 
div.searchDiv select {
/*   width: 80%; */
  max-width: 195px;
  text-align: center;
}