.input16 { border:solid 1px #CACBCC;background-color:#FFFFFF;width:40%;height:18px;line-height:15px;padding:2px;font-size:14px;color: #595D59; }
.input18 { border:solid 1px #CACBCC;background-color:#FFFFFF;width:30%;height:18px;line-height:15px;padding:2px;font-size:14px;color: #595D59; }
.input19 { border:solid 1px  #CACBCC;background-color:#FFFFFF;width:20%;height:18px;line-height:15px;padding:2px;font-size:14px;color: #595D59; }

.top_menu{list-style:none; margin:5px auto;}
.top_menu li{margin:0 6px 7px 0; width:211px; float:left;}
.top_menu li:last-child{margin:0 0 7px 0; width:212px; float:left;}
.top_menu li a{display:block; width:100%; height:45px; text-align:center; font-size:14px; font-weight:500; color:#fff; line-height:45px; border:0px solid #000000; border-radius:5px 5px 5px 5px; background-color:#333336;}
.top_menu li a:hover{text-decoration:none; background-color:#D0101B;}
.top_menu li:hover > a,
.top_menu li.active > a {text-decoration:none; background-color:#D0101B;}

.ebook_title{width:1060px; margin:10px 0 30px 0; padding: 5px; font-size:30px; color:#000000; font-weight:400; text-align:left; border-bottom:1px solid #cccccc; clear:both;}
.ebook{margin:0; padding:0 0 10px 0; display:block;}
.ebook:after {content:""; display:block; clear:both;}	
.ebook li{width:212px; height:310px; padding:20px 75px 20px 0; font-size:14px; text-align:center; list-style:none; float:left; overflow:hidden;}
.ebook li:nth-child(4n){padding:20px 0 20px 0;}
.ebook li img{margin:0 auto; width:210px; text-align:center; border:1px solid #CCCCCC;}

.text_box03 li{padding:0 0 50px 0; font-size:18px; line-height:28px; word-break:keep-all; text-align:justify;}
.text_box03 li b{font-weight:600; color:#0061A8; line-height:40px;}

.login{width:500px; margin:0 auto;}

.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: 30px;
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 6px 0 0 10px;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
  color: transparent;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: 1px 0;
}

.form-control {
  display: block;
  width: 95%;
  padding: 0.375rem 0.75rem;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #fab19d;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(244, 98, 58, 0.25);
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}
.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled {
  background-color: #e9ecef;
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
          margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

@media all and (min-width:0px) and (max-width:1000px){
.top_menu{list-style:none; margin:0 0 260px 0;}
.top_menu li{margin:0 0 7px 0; width:100%;}
.top_menu li:last-child{margin:0 0 7px 0; width:100%;}

.ebook_title{width:100%; margin:10px 0 30px 0; padding: 5px; font-size:30px; color:#000000; font-weight:400; text-align:left; border-bottom:1px solid #cccccc; clear:both;}
.ebook{margin:0; padding:0 0 10px 0; display:block;}
.ebook:after {content:""; display:block; clear:both;}	
.ebook li{width:100%; height:auto; padding:20px 0 20px 0; font-size:18px; text-align:center; line-height:50px; list-style:none; float:left;}
.ebook li:nth-child(5n){padding:20px 0 20px 0;}
.ebook li img{margin:0 auto; width:80%; text-align:center; border:1px solid #CCCCCC;}

.login{width:100%;}
}