@charset "UTF-8";
/* line 8, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
body {
  margin: 0px;
  font-family: "Noto Sans TC";
  overflow: hidden;
}

/* line 13, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
a {
  text-decoration: none;
  color: inherit;
}

/* line 17, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
button:hover {
  cursor: pointer;
}

/* line 20, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.modal {
  position: fixed;
  z-index: 9999;
}

/* line 24, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.modal-background {
  position: fixed;
  z-index: 998;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  display: block;
  width: 100vw;
  height: 100vh;
}

/* line 34, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.modal-size-big {
  width: 780px;
  left: 0;
  right: 0;
}

/* line 40, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.modal-size-middle {
  width: 540px;
  left: 0;
  right: 0;
}
@media (max-width: 320px) {
  /* line 40, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .modal-size-middle {
    margin: 30% auto;
    width: 90vw;
  }
}

/* line 49, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.modal-float-middle {
  margin: 10% auto;
}
@media (max-width: 767px) {
  /* line 49, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .modal-float-middle {
    margin: 50% auto;
    width: 90vw;
  }
}
@media (max-width: 320px) {
  /* line 49, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .modal-float-middle {
    margin: 30% auto;
    width: 90vw;
  }
}
@media (max-height: 500px) and (orientation: landscape) {
  /* line 49, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .modal-float-middle {
    margin: 3% auto;
    width: 90vw;
    max-height: 90vh;
  }
}

/* line 66, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.modal-float-bottom {
  margin: auto;
  bottom: 30px;
}
@media (max-width: 767px) {
  /* line 66, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .modal-float-bottom {
    width: 90vw;
  }
}
@media (max-width: 320px) {
  /* line 66, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .modal-float-bottom {
    width: 90vw;
  }
}
@media (max-height: 500px) and (orientation: landscape) {
  /* line 66, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .modal-float-bottom {
    width: 90vw;
    max-height: 90vh;
  }
}

/* line 82, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.modal-float-top {
  margin: 5% auto;
}
@media (max-width: 767px) {
  /* line 82, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .modal-float-top {
    width: 90vw;
  }
}
@media (min-height: 680px) {
  /* line 82, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .modal-float-top {
    margin: 10% auto;
  }
}
@media (max-height: 670px) {
  /* line 82, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .modal-float-top {
    margin: 15% auto;
  }
}
@media (max-height: 680px) {
  /* line 82, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .modal-float-top {
    margin: 5% auto;
  }
}
@media (max-height: 500px) and (orientation: landscape) {
  /* line 82, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .modal-float-top {
    margin: 3% auto;
    width: 90vw;
    max-height: 90vh;
  }
}

/* line 106, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.modal-area {
  position: fixed;
  z-index: 999;
  border-radius: 4px;
}

/* line 112, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.modal-off {
  display: none;
}

/* line 115, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.modal-padding {
  padding: 20px 40px 0px 40px;
}
@media (max-width: 767px) {
  /* line 115, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .modal-padding {
    padding: 20px 20px 0px 20px;
  }
}

/* line 122, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 126, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.flex.flex-left {
  justify-content: flex-start;
}

/* line 131, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.margin-top-30 {
  margin-top: 30px;
}

/* line 135, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.margin-top-20 {
  margin-top: 20px;
}

/* line 138, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.split-two {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* line 142, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.split-two.mgnt-header {
  align-items: flex-start;
}

/* line 146, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.modal-table {
  text-align: left;
  border-spacing: 0;
  border-collapse: collapse;
  table-layout: auto;
  width: 94%;
  height: 290px;
  display: block;
}
/* line 154, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.modal-table th {
  padding: 10px 20px;
  color: #354052;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.4px;
  line-height: 20px;
  min-width: 30px;
}
/* line 163, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.modal-table td {
  padding: 10px 20px;
  color: #354052;
  font-size: 14px;
  letter-spacing: 0.4px;
  line-height: 20px;
  min-width: 30px;
}
/* line 171, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.modal-table tbody {
  display: block;
  height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
}
/* line 176, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.modal-table tbody tr {
  border-bottom: 1px solid #ddd;
  height: 50px;
  width: 100%;
  display: block;
}
/* line 183, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.modal-table thead {
  background-color: #E3ECF5;
  display: block;
}
/* line 186, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.modal-table thead tr {
  border-bottom: 1px solid #ddd;
  height: 40px;
  width: 100%;
  display: block;
}

/* line 195, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.modal-content-wordstyle {
  color: #354052;
  font-size: 15px;
  line-height: 16px;
  padding-right: 10px;
}

/* line 202, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.info-hint-title {
  color: #354052;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

/* line 208, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.info-hint {
  padding-top: 6px;
  color: #354052;
  font-size: 14px;
  line-height: 21px;
}

/* line 214, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.infomation-icon {
  background-image: url(/assets/img_info-ce2b6f9d4a7e66e2088738a8523eae6aa218ff820c0a05da7d4a83f2021c991e.png);
  background-size: contain;
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
  margin-right: 4px;
  cursor: pointer;
}

/* line 224, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

/* line 230, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.input-select {
  padding-top: 5px;
  color: #8B8FA2;
}
/* line 233, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.input-select .select-arrow-img {
  background-image: url(/assets/btn_dropdown_normal-4229ff91a7b69b5ef0618ca883c30821dab1239905ca7b76bd53eb6f296aad7b.png);
  background-position: 98%;
  background-repeat: no-repeat;
  background-size: 15px;
}

/* line 240, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.input-date {
  display: flex;
  padding-top: 5px;
  min-height: 40px;
  align-items: center;
}
/* line 245, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.input-date .date-img {
  background-image: url(/assets/img_calendar-7863130fa89a72f065c006049108d42f8ee9af6216c0a1a4c4e840a7dfed2f8d.png);
  background-size: 17px 16px;
  background-repeat: no-repeat;
  background-position: 97% 50%;
  cursor: pointer;
}
/* line 252, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.input-date .info-date-img {
  background-image: url(/assets/btn_calendar_normal-c1a5bdeea2b5ad15ca91e61cee364ec0b6007aeebb47aeb691ac33cbe2e4bda4.png);
  background-size: 15px 16px;
  background-repeat: no-repeat;
  background-position: 97% 50%;
  cursor: pointer;
}
/* line 259, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.input-date [type="date"]::-webkit-inner-spin-button {
  display: none;
}
/* line 262, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.input-date [type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}
/* line 265, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.input-date [type="date"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

/* line 271, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.input-value {
  background-color: #F5F7FA;
  min-width: 200px;
  min-height: 40px;
  box-sizing: border-box;
  border-radius: 3px;
  outline: none;
  border: none;
  padding-left: 10px;
  /*&.dollar-input-width:after{
     // min-width: 180px;
     content: "元";
  }*/
}
/* line 281, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.input-value.admin-select-width {
  min-width: 220px;
  margin-right: 20px;
}
/* line 285, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.input-value.admin-input-width {
  width: 240px;
}
/* line 287, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.input-value.admin-input-width.half {
  min-width: 110px;
  width: 110px;
}
/* line 290, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.input-value.admin-input-width.half:first-of-type {
  margin-right: 3px;
}
/* line 293, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.input-value.admin-input-width.half:nth-of-type(2) {
  margin-right: 3px;
}
/* line 297, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.input-value.admin-input-width.half::-webkit-input-placeholder {
  font-size: 12px;
}
@media (max-width: 767px) {
  /* line 271, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .input-value {
    width: 100%;
  }
}

/* line 309, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.input-value:focus {
  border: 1px solid #00ADEE;
}

/* line 312, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.full-width-rectangle {
  box-sizing: border-box;
  border-radius: 3px;
  background-color: #F5F7FA;
  padding: 0px 10px;
  overflow: scroll;
  height: 40px;
  width: 100%;
  font-size: 14px;
  border-radius: 3px;
  margin-top: 5px;
  border: none;
}

/* line 326, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
::placeholder {
  height: inherit;
  line-height: 1;
  overflow: visible;
  color: #8B8FA2;
  width: 150px;
  font-family: "Noto Sans TC";
  font-size: 14px;
  padding-left: 3px;
}

/* line 336, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.input-word {
  color: #233142;
  font-size: 14px;
  line-height: 14px;
  padding-top: 30px;
  padding-bottom: 11px;
  font-family: "Noto Sans TC";
}

/* line 344, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.checkbox-area {
  min-width: 200px;
}
/* line 347, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.checkbox-area .choose-area {
  min-height: 40px;
}
/* line 350, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.checkbox-area .choose-area .span-area:nth-child(2) {
  padding-left: 20px;
}
/* line 354, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.checkbox-area .choose-area .choose-label {
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  margin-top: 4px;
  margin-left: -22px;
  border-radius: 50%;
  background-color: #F5F7FA;
}
/* line 364, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.checkbox-area .choose-area .choose-input {
  opacity: 0;
}
/* line 367, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.checkbox-area .choose-area .choose-word {
  height: 14px;
  width: 14px;
  color: #233142;
  font-size: 14px;
  font-family: "Noto Sans TC";
  line-height: 14px;
}
/* line 375, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.checkbox-area .choose-area .choose-input:checked + label::after {
  position: absolute;
  left: 4px;
  top: 4px;
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #00ADEE;
}
@media (max-width: 767px) {
  /* line 347, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .checkbox-area .choose-area {
    min-height: auto;
  }
}

/*.tick{ 
    //visibility: hidden;
    content: " ";
    background-color: blue;
     visibility: visible;
    height: 16px;
    width: 16px;
    border-radius: 3px;
    @media(max-width: 767px) {
        padding-left: 0px;
        padding-right: 0px;
    }   
}*/
/* line 403, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.choose-btn-style {
  width: 4%;
  text-align: center;
}
/* line 406, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.choose-btn-style.all-option {
  width: 35%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 6.5%;
}
@media (max-width: 1600px) {
  /* line 406, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .choose-btn-style.all-option {
    padding-left: 3.6%;
  }
}
@media (max-width: 850px) {
  /* line 406, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .choose-btn-style.all-option {
    padding-left: 1.6%;
  }
}
@media (max-width: 767px) {
  /* line 406, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .choose-btn-style.all-option {
    padding-left: 2%;
  }
}

/* line 423, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
input[type=checkbox] {
  visibility: hidden;
  margin-right: 5px;
  cursor: pointer;
  font-size: 14px;
  width: 15px;
  height: 12px;
  position: relative;
}

/* line 434, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
input[type=checkbox]:after {
  position: absolute;
  width: 10px;
  height: 15px;
  top: 0;
  content: " ";
  background-color: white !important;
  border: 1px solid #AAAAAA;
  color: #fff;
  display: inline-block;
  visibility: visible;
  padding: 0px 2.5px;
  border-radius: 3px;
}

/* line 449, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
input[type=checkbox]:checked:after {
  background-color: #00ADEE !important;
  border: 1px solid #00ADEE;
  content: "✓";
  font-size: 12px;
}

/* line 455, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.tab-off {
  max-height: 0px !important;
  visibility: hidden !important;
  padding: 0px !important;
  margin: 0px !important;
}

/* line 461, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.red-word {
  color: #FF5C49;
}

/* line 464, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.blue-word {
  color: #00ADEE;
}

/* line 468, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.send-btn {
  border-radius: 3px;
  border: none;
  outline: none;
  height: 40px;
  width: 150px;
}
@media (max-width: 767px) {
  /* line 468, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .send-btn {
    width: 100%;
  }
}
/* line 477, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.send-btn:not(.border-change-color):not(.btn-disable):hover {
  background-color: #008BBF !important;
}
/* line 480, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.send-btn.border-change-color {
  border: #00ADEE solid 1px;
  background-color: #FFFFFF;
}
/* line 483, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.send-btn.border-change-color:hover {
  border: 2px solid #008BBF !important;
  border-radius: 3px;
}
/* line 488, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.send-btn.change-color {
  background-color: #00ADEE;
}
/* line 491, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.send-btn.btn-disable {
  background-color: #00ADEE;
  opacity: 0.4;
  cursor: default;
}
/* line 496, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.send-btn .send-btn-word {
  font-size: 14px;
  font-family: "Noto Sans TC";
  letter-spacing: 0.47px;
  line-height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 504, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.send-btn .send-btn-word.trial-goods-word {
  color: #FFFFFF;
  width: 100%;
}
/* line 508, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.send-btn .send-btn-word.next-step-word {
  color: #FFFFFF;
}
/* line 511, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.send-btn .send-btn-word.previous-word {
  color: #00ADEE;
}
/* line 514, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.send-btn .send-btn-word.previous-word:hover {
  color: #008BBF;
}
/* line 517, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.send-btn .send-btn-word.trial-goods-word {
  padding-left: 5px;
}
@media (max-width: 320px) {
  /* line 496, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .send-btn .send-btn-word {
    width: 80px;
  }
}

/* line 527, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.download-check-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
}
/* line 532, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.download-check-area.check-area {
  padding-top: 0px;
}
/* line 535, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.download-check-area .download-check-btn {
  border: none;
  border-radius: 3px;
  outline: none;
  box-sizing: border-box;
  background-color: #FFFFFF;
  display: flex;
  padding: 0px;
}
/* line 543, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.download-check-area .download-check-btn.download-check-table {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  /* line 547, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .download-check-area .download-check-btn.download-check-table.download-table {
    padding-top: 0px;
  }
}
/* line 553, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.download-check-area .download-check-btn.btn-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
/* line 558, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.download-check-area .download-check-btn.btn-disabled:hover .download-check-word.download-table-word {
  color: #00ADEE;
}
@media (max-width: 767px) {
  /* line 564, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .download-check-area .download-check-btn.btn-disabled:hover {
    border: 1px solid #00ADEE;
  }
}
/* line 569, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.download-check-area .download-check-btn .download-img {
  background-image: url(/assets/btn_download_normal-d9adf22ccc47e3440cc1c1550357c66e4fcec90c89906029a717a37c60cd22f0.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  padding-right: 2px;
}
/* line 577, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.download-check-area .download-check-btn .download-check-word {
  font-family: "Noto Sans TC";
  letter-spacing: 0.47px;
  text-align: center;
}
/* line 581, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.download-check-area .download-check-btn .download-check-word.download-table-word {
  font-size: 14px;
  color: #00ADEE;
  line-height: 14px;
  min-width: 70px;
}
@media (max-width: 767px) {
  /* line 535, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .download-check-area .download-check-btn {
    border: 1px solid #00ADEE;
    height: 40px;
    padding: 0px 7px;
    padding-bottom: 2px;
  }
  /* line 593, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .download-check-area .download-check-btn:hover {
    border: 2px solid #008BBF;
  }
}
/* line 599, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.download-check-area .download-check-btn:hover .download-check-btn .download-img {
  background-image: url(/assets/btn_download_pressed-b99343181e77ee002c25d6f5ca67b5799e34105c13f3f24c35cca228909a49de.png);
}
/* line 604, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.download-check-area .download-check-btn:hover .download-check-word.download-table-word {
  color: #008BBF;
}
@media (max-width: 767px) {
  /* line 527, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .download-check-area {
    padding-top: 0px;
  }
}

/* line 614, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.check-area {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 10px;
  padding-right: 12vw;
  padding-left: 10px;
}
/* line 621, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.check-area .check-btn {
  border: none;
  background-color: transparent;
  outline: none;
}
/* line 625, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.check-area .check-btn .check-table-word {
  font-family: "Noto Sans TC";
  letter-spacing: 0.47px;
  text-align: center;
  font-size: 20px;
  color: #FFFFFF;
  font-weight: 600;
  line-height: 20px;
}
@media (max-width: 767px) {
  /* line 625, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .check-area .check-btn .check-table-word {
    font-size: 14px;
    padding-left: 0px;
    line-height: 14px;
  }
}
/* line 639, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.check-area .check-btn.checkbtn_changeColor {
  background-color: #00ADEE;
}
@media (max-width: 767px) {
  /* line 614, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .check-area {
    padding-bottom: 0px;
    padding-right: 0px;
  }
}

/* line 648, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.cancel-sure-btn {
  border-radius: 3px;
  outline: none;
  border: none;
}
/* line 652, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.cancel-sure-btn .cancel-sure-word {
  letter-spacing: 0.4px;
  line-height: 21px;
  font-size: 14px;
}
/* line 657, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.cancel-sure-btn.cancel-btn {
  width: 68px;
  height: 40px;
  background-color: #E6E6E6;
  color: #333333;
}
/* line 662, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.cancel-sure-btn.cancel-btn.btn-disable {
  opacity: 0.4;
  cursor: default;
}
/* line 667, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.cancel-sure-btn.sure-btn {
  width: 68px;
  height: 40px;
  background-color: #00ADEE;
  color: #FFFFFF;
}
/* line 672, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.cancel-sure-btn.sure-btn.btn-disable {
  background-color: #00ADEE;
  opacity: 0.4;
  cursor: default;
}
/* line 679, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.cancel-sure-btn.delete-btn {
  width: 68px;
  height: 40px;
  background-color: #FF5C49;
  color: #FFFFFF;
}
/* line 685, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.cancel-sure-btn.ok-btn {
  width: 98px;
  height: 40px;
  background-color: #00ADEE;
  color: #FFFFFF;
}

/* line 692, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.white-header {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #FFFFFF;
  height: 100px;
  width: 100vw;
  box-sizing: border-box;
  padding: 0px 25px;
  z-index: 1;
  /*&.admin-height{
      position: fixed;
      z-index: 1;
      padding: 0px 20px;
      height: 60px;
  }*/
}
/* line 709, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.white-header.admin-header {
  position: fixed;
}
@media (max-width: 767px) {
  /* line 692, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .white-header {
    min-width: 200px;
  }
}
@media (min-width: 1281px) {
  /* line 692, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .white-header {
    padding: 0px calc( ( 100vw - 1140px ) / 2 );
  }
}
@media (max-width: 1280px) {
  /* line 692, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .white-header {
    height: 50px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 576px) {
  /* line 692, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .white-header {
    height: 60px;
  }
}
/* line 725, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.white-header .header-top {
  height: 50px;
}
@media (max-width: 1280px) {
  /* line 725, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .white-header .header-top {
    border-bottom: none;
  }
}
@media (max-width: 576px) {
  /* line 730, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .white-header .header-top ls-profile-dropdown {
    display: none;
  }
}
/* line 736, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.white-header .section-icon {
  display: none;
  border: none;
  background-color: inherit;
  height: 22px;
  width: 22px;
  margin: 0 20px 0 0;
  align-self: center;
  background-image: url(/assets/btn_section_normal-2451b42c93902c509d2779ffb0b9f2b9ebf9edd01d31f15afe0e7fa3f591de44.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 1280px) {
  /* line 736, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .white-header .section-icon {
    display: block;
  }
}
/* line 752, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.white-header .leishan-logo {
  display: flex;
  align-items: center;
}
/* line 755, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.white-header .leishan-logo .white-header-title {
  line-height: 22px;
  letter-spacing: normal;
  color: #E52D27;
  font-weight: bold;
  font-size: 1.5rem;
  font-family: "Noto Sans TC";
  display: flex;
}
/* line 763, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.white-header .leishan-logo .white-header-title.admin-tittle {
  font-size: 18px;
}
/* line 767, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.white-header .leishan-logo .white-header-grep {
  width: 3px;
  height: 1.5rem;
  background-color: #E52D27;
  margin: 0px 10px;
}
/* line 773, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.white-header .leishan-logo .white-header-img {
  display: none;
  background-image: url(/assets/ls_logo_small-256d750e93505a66769f68b416d67ffa7ca24073dbaf26861fbc48c02363f72c.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 60px;
  height: 40px;
  margin-right: 5px;
}
/* line 781, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.white-header .leishan-logo .white-header-img.admin-logo {
  width: 50px;
  height: 30px;
}
@media (max-width: 1280px) {
  /* line 787, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .white-header ls-systems-menu {
    display: none;
  }
}

/* line 793, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 360px;
  min-height: 100vh;
  max-height: 100vh;
  overflow: auto;
  display: block;
  background-color: #FFFFFF;
  z-index: 2000;
  padding: 20px;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  /* line 793, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .mobile-menu {
    padding: 32px 20px;
  }
}
@media (max-width: 576px) {
  /* line 793, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .mobile-menu {
    width: 100vw;
  }
}
/* line 812, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.mobile-menu .mobile-menu-header {
  height: 16px;
  margin-bottom: 20px;
}
/* line 815, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.mobile-menu .mobile-menu-header .cancel-img-area {
  height: 100%;
  display: flex;
  justify-content: end;
}
/* line 819, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.mobile-menu .mobile-menu-header .cancel-img-area .cancel-img {
  cursor: pointer;
  background-image: url(/assets/btn_cancel_normal-850fd864565822d7997e1e393cf6db997e16feb8d2f3cecb9e31307632ab1b3c.png);
  background-size: contain;
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
  border: none;
  background-color: transparent;
}
/* line 831, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.mobile-menu .mobile-menu-user-info {
  display: none;
}
@media (max-width: 576px) {
  /* line 831, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .mobile-menu .mobile-menu-user-info {
    display: block;
  }
}
/* line 836, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.mobile-menu .mobile-menu-user-info .user-info {
  height: 50px;
  display: flex;
  align-items: center;
}
/* line 842, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.mobile-menu .mobile-menu-grep {
  height: 1px;
  width: 100%;
  background-color: #dcdfe4;
  margin-bottom: 10px;
}

/* line 849, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.btn-distance {
  float: right;
  padding-right: 40px;
}
/* line 852, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.btn-distance .cancel-btn-distance {
  margin-right: 10px;
}
@media (max-width: 767px) {
  /* line 849, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .btn-distance {
    padding-left: 0px;
    padding-right: 20px;
  }
}
/* line 859, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.btn-distance.modal-bottom {
  display: flex;
  padding-bottom: 40px;
}

/* line 864, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.page-hint-template {
  letter-spacing: .1rem;
  display: flex;
  padding-left: 25px;
  padding-top: 20px;
}
/* line 869, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.page-hint-template .login-wordstyle {
  color: #00ADEE;
  cursor: pointer;
}
/* line 872, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.page-hint-template .login-wordstyle:hover {
  color: #008BBF;
}
@media (max-width: 767px) {
  /* line 864, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .page-hint-template {
    padding-left: 16px;
  }
}
@media (min-width: 1000px) {
  /* line 864, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
  .page-hint-template {
    padding-left: calc( ( 100vw - 950px ) / 2 );
  }
}

/* line 885, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.admin-btn {
  height: 40px;
  min-width: 80px;
  border-radius: 5px;
  border: 1px solid #8B8FA2;
  background-color: #f4f4f6;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 895, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.admin-btn.stopsell-btn {
  width: 100px;
}
/* line 898, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.admin-btn.reset-btn {
  width: 80px;
}
/* line 901, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.admin-btn.backgroundcolor-change {
  background-color: #00ADEE;
  border: none;
}
/* line 904, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.admin-btn.backgroundcolor-change:hover {
  background-color: #008BBF;
}
/* line 908, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.admin-btn.admin-btn-wordstyle {
  color: #333333;
  font-family: "Noto Sans TC";
  font-size: 14px;
  line-height: 20px;
}
/* line 914, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.admin-btn .abort-img {
  background-image: url(/assets/img_abort-631ecb82c586929c168759cebe2b47a8ac3727ff182e1d297d790de77a31ec7d.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  padding-right: 3px;
}
/* line 922, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.admin-btn .delete-img {
  background-image: url(/assets/img_delete-de020023b52fb3f4a872f5420ce0f0d5770a8afdafd69966c5639d23992e8d22.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  padding-right: 3px;
  cursor: pointer;
}
/* line 931, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.admin-btn .export-img {
  background-image: url(/assets/img_export-c0433a546681405d2b3738ab339401ff411df6f715bfaae15d06a28a3d76efe7.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
  padding-right: 3px;
}
/* line 939, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.admin-btn .import-img {
  background-image: url(/assets/img_import-7a60684c413e185375e70c66d12938892877f36fb51cf3d690a68f0e4ee838a0.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
  padding-right: 3px;
}

/* line 950, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.on-off-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6%;
}
/* line 955, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.on-off-btn .switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 16px;
}
/* line 961, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.on-off-btn .switch input {
  opacity: 0;
  width: 20px;
  height: 0;
}
/* line 967, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.on-off-btn .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #8B8FA2;
  -webkit-transition: .4s;
  transition: .4s;
}
/* line 979, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.on-off-btn .slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  top: 2px;
  left: 4px;
  bottom: 4px;
  background-color: #FFFFFF;
  -webkit-transition: .4s;
  transition: .4s;
}
/* line 992, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.on-off-btn input:checked + .slider {
  background-color: #00ADEE;
}
/* line 995, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.on-off-btn input:checked + .slider:before {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
}
/* line 1000, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.on-off-btn .slider.round {
  border-radius: 34px;
}
/* line 1004, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.on-off-btn .slider.round:before {
  border-radius: 50%;
}

/* line 1009, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.tooltip {
  position: fixed;
  display: block;
  z-index: 999;
}
/* line 1013, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
  margin-left: 20px;
}
/* line 1021, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.tooltip .tooltip-text {
  height: 60px;
  width: 185px;
  color: white;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
}
/* line 1032, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.tooltip .tooltip-tittle {
  color: #FFFFFF;
  font-size: 12px;
  line-height: 17px;
}
/* line 1037, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.tooltip .tooltip-message {
  color: #C4C5CC;
  font-size: 12px;
  line-height: 17px;
}

/* line 1044, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.not-visible {
  display: none !important;
}

/* line 1049, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.admin-disable-btn {
  opacity: 0.4;
}

/* line 1053, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.sort-img {
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 10px;
}

/* line 1060, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.sort-normal {
  background-image: url(/assets/btn_sort_normal-eb5183c920f220484928714bbdda9e76c5614eba7198081c1604b17e3bf12a6c.png);
}

/* line 1064, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.sort-up {
  background-image: url(/assets/btn_sort_up-d19c3a66071f839100ffcfd2cd54d38440291cb656d878b798747131c4adfb14.png);
}

/* line 1068, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.sort-down {
  background-image: url(/assets/btn_sort_down-9686ada9f48469113d26ac05ca288540333a4cc141a561f6cbb00b80aa4b6b42.png);
}

/* line 1099, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.loading-bg {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 1108, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.loading-bg.hide {
  display: none;
}

/* line 1112, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.loading-big {
  animation: rotate 0.75s infinite linear;
  background-image: url(/assets/loading_circle-11b1564fe01638d2d3cf7517542790b45d991554e04426a65efd1bbc9f88b9a5.svg);
  width: 150px;
  height: 150px;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* line 1144, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.hide-body.hide {
  opacity: 0;
}

/* line 1149, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.dropdown-search-input {
  background-color: #F5F7FA;
  opacity: 0;
  margin-top: -40px;
  margin-left: -240px;
  width: 240px;
  cursor: pointer;
}
/* line 1156, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.dropdown-search-input.inputing {
  opacity: 1;
  cursor: text;
}

/* line 1162, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.dropdown-search-content {
  position: absolute;
  background-color: #F5F7FA;
  border: 1px solid #FFFFFF;
  max-height: 250px;
  overflow-y: scroll;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
  z-index: 1;
  width: 240px;
}

/* line 1173, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.dropdown-search-content > a {
  color: #333333;
  font-size: 12px;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  cursor: pointer;
}

/* line 1182, /home/finext/projects/ls_drew/app/assets/stylesheets/sample.scss */
.dropdown-search-content > a:hover {
  background-color: #E6E6E6;
}

/* line 4, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist {
  background-color: #F2F5FA;
  width: calc( 100vw - 180px );
  height: calc( 100vh - 50px );
  overflow: scroll;
  left: 180px;
  display: block;
  padding-left: 180px;
  padding-top: 100px;
}
@media (max-width: 1280px) {
  /* line 4, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
  .admin-namelist {
    padding-top: 50px;
  }
}
@media (max-width: 576px) {
  /* line 4, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
  .admin-namelist {
    padding-top: 60px;
  }
}
/* line 19, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .padding-container {
  padding: 10px 20px;
}
/* line 22, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .mgnt-header-area {
  padding-top: 13px;
  padding-bottom: 20px;
}
/* line 25, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .mgnt-header-area.backup-flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
/* line 31, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .mgnt-header {
  height: 30px;
}
/* line 33, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .mgnt-header .mgnt-wordstyle {
  color: #354052;
  font-family: "Noto Sans TC";
  font-size: 24px;
  line-height: 33px;
}
/* line 40, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .plus-img-style {
  background-image: url(/assets/btn_add_normal-54be0aeb9e9dc08d652d68713656433c81e94e0aad971c8d484c658da55a920a.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  margin: 2px;
}
/* line 48, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .admin-btn-area {
  display: flex;
}
/* line 51, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .admin-btn-area button {
  margin-right: 9px;
}
/* line 54, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .namelist-area {
  display: flex;
}
/* line 57, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .namelist-tittle {
  display: flex;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
}
/* line 63, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .list-component {
  width: 347px;
  border-radius: 4px;
  background-color: #FFFFFF;
  padding: 0px 20px;
  box-sizing: border-box;
  margin-top: 10px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);
}
/* line 71, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .list-component.company {
  height: 40px;
}
/* line 74, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .list-component.category {
  height: 64px;
}
/* line 78, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .component-tittle {
  color: #354052;
  font-size: 14px;
  line-height: 20px;
}
/* line 83, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .component-icon {
  display: flex;
  justify-content: center;
}
/* line 87, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .edit-img {
  margin-right: 20px;
  background-image: url(/assets/btn_edit_normal-8efb90acc89c0f994a4dc9c8ddee39785607447cf2338013def436d9225bfb84.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  opacity: 0.6;
  cursor: pointer;
}
/* line 97, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .delete-img {
  background-image: url(/assets/img_delete-de020023b52fb3f4a872f5420ce0f0d5770a8afdafd69966c5639d23992e8d22.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  opacity: 0.6;
  cursor: pointer;
}
/* line 105, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .delete-img.hide {
  display: none;
}
/* line 109, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .component-subtittle {
  color: #8B8FA2;
  font-size: 14px;
  line-height: 20px;
  padding-right: 6px;
}
/* line 115, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .component-value {
  color: #354052;
  font-size: 14px;
  line-height: 20px;
  margin-right: 30px;
}
/* line 120, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .component-value a {
  text-decoration: underline;
  text-decoration-color: #354052;
  cursor: pointer;
}
/* line 126, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .flex-container {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
/* line 131, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .flex-container::after {
  content: '';
  width: 100%;
}
/* line 135, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .flex-item {
  width: 100%;
  display: flex;
}
/* line 139, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .flex-item:last-child {
  /* or `:nth-child(n + 4)` */
  order: 1;
}
/* line 143, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .margin-left {
  margin-left: 40px;
}
/* line 146, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .back-img {
  margin-right: 2px;
  color: #354052;
  font-size: 16px;
  line-height: 16px;
  cursor: pointer;
}
/* line 153, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .back-wordstyle {
  cursor: pointer;
  color: #354052;
  font-size: 15px;
  line-height: 16px;
}
/* line 159, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .template-table {
  width: 542px;
  margin-top: 20px;
  text-align: left;
  border-spacing: 0;
  border-collapse: collapse;
}
/* line 165, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .template-table tbody {
  background-color: #FFFFFF;
}
/* line 168, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .template-table tbody > tr:not(:last-child) {
  border-bottom: 2px solid #F2F5FA;
}
/* line 171, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .template-table th {
  padding: 10px;
  color: #354052;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.4px;
  line-height: 20px;
  min-width: 50px;
}
/* line 180, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .template-table td {
  padding: 10px;
  color: #354052;
  font-size: 14px;
  letter-spacing: 0.4px;
  line-height: 20px;
}
/* line 186, /home/finext/projects/ls_drew/app/assets/stylesheets/admin_namelist.scss */
.admin-namelist .template-table td :last-child {
  float: right;
  margin-right: 10px;
}