@charset "UTF-8";
.modal {
  padding-left: 0 !important;
  color: #333333;
  font-family: "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei", "PingFang TC", "儷黑 Pro", "LiHei Pro", "文泉驛正黑", "WenQuanYi Zen Hei", Helvetica, Arial, sans-serif;
}

.fade {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.modal-dialog {
  margin: 0 auto !important;
  padding: 0.9rem;
}

.modal-lg {
  width: 100% !important;
  max-width: 800px !important;
}

.modal-dialog-centered {
  min-height: 100% !important;
}

.modal-header {
  position: relative;
  justify-content: center !important;
  align-items: center !important;
  min-height: 45px;
}
.modal-header.modal_header_bg {
  background-color: #306697;
  background-image: linear-gradient(to right, #306697 0%, #76a0c7 100%);
}
.modal-header .modal-title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 21px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  text-align: center;
}
.modal-header .popup_close {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto !important;
  width: 45px;
  height: 45px;
  opacity: 1 !important;
}
.modal-header .popup_close span {
  padding-bottom: 2px;
  font-size: 21px !important;
  transition: 0.5s;
}
.modal-header .popup_close:hover span {
  opacity: 1 !important;
  transform: rotate(180deg);
}

.modal-body {
  font-family: "微軟正黑體", "Microsoft JhengHei", "PingFang TC", "儷黑 Pro", "LiHei Pro", "文泉驛正黑", "WenQuanYi Zen Hei";
}
.modal-body .container {
  padding: 0 !important;
}
.modal-body .search_bar_2 {
  border: 1px solid #b0bdc1 !important;
  border-radius: 6px !important;
}
.modal-body.p-0 {
  padding: 25px 20px !important;
}
.modal-body .row {
  margin: 0 !important;
}
.modal-body .my-2 {
  margin: 0 0 12px !important;
}
.modal-body #popup_job_list {
  height: 427px !important;
  border: 1px solid #b0bdc1;
  border-radius: 6px;
  overflow: hidden !important;
}
.modal-body #popup_job_list > div {
  height: 427px !important;
}
.modal-body #popup_job_list .popup_urban_area {
  border-right: 1px solid #dbe1e3;
  box-shadow: none !important;
}
.modal-body #popup_job_list .popup_urban_area > div {
  background-color: #f1f8ff;
  line-height: 1.3 !important;
  border-bottom: 1px solid #dbe1e3 !important;
  cursor: pointer;
}
.modal-body #popup_job_list .popup_urban_area > div:hover {
  color: #0e63d8 !important;
  background-color: #ffffff !important;
}
.modal-body #popup_job_list .popup_urban_area .px-3 {
  padding: 0.44rem 1.2rem 0.42rem !important;
}
.modal-body #popup_job_list .col-5 {
  flex: 0 0 45% !important;
  max-width: 45% !important;
}
.modal-body #popup_job_list .popup_urban_area_select {
  color: #0e63d8 !important;
}
.modal-body #popup_job_list #div_menu_frame_3 .popup_district {
  border-bottom: 1px solid #dbe1e3 !important;
  line-height: 1.3 !important;
  cursor: pointer;
}
.modal-body #popup_job_list #div_menu_frame_3 .popup_district:hover {
  color: #0e63d8 !important;
  background-color: #f1f8ff !important;
}
.modal-body #popup_job_list #div_menu_frame_3 .py-1 {
  padding: 0.44rem 1rem 0.42rem !important;
}
.modal-body #popup_job_list .col-7 {
  flex: 0 0 55% !important;
  max-width: 55% !important;
}
.modal-body #popup_job_list_search {
  height: 427px !important;
  border: 1px solid #b0bdc1;
  border-radius: 6px;
}
.modal-body #popup_job_list_search:hover {
  background-color: transparent !important;
}
.modal-body .popup_backMenu {
  padding: 15px 20px !important;
  font-size: 16px;
  color: #333333 !important;
  background-color: #f1f8ff;
  border-bottom: 1px solid #b0bdc1 !important;
  cursor: default !important;
}
.modal-body .popup_backMenu div:last-child {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px 15px;
  font-size: 15px;
  color: #ffffff !important;
  line-height: 1;
  background-color: #306697;
  border-radius: 15px;
  cursor: pointer;
  transition: 0.3s;
}
.modal-body .popup_backMenu div:last-child:hover {
  background-color: #237bce;
}
.modal-body .popup_backMenu div:last-child .popup_back_icon {
  display: none;
}
.modal-body #popup_noResult {
  height: auto !important;
}
.modal-body #popup_noResult.px-2 {
  padding: 20px !important;
}
.modal-body #popup_noResult.mt-3 {
  margin-top: 0 !important;
}
.modal-body #popup_noResult h6 {
  margin: 0 !important;
}
.modal-body #popup_noResult:hover {
  background-color: transparent !important;
}
.modal-body .popup_job_list_search_item {
  padding: 10px 20px !important;
  cursor: pointer;
}
.modal-body .popup_job_list_search_item span {
  margin: 0 !important;
}
.modal-body .popup_job_list_search_item:hover {
  color: #0e63d8 !important;
  background-color: #f1f8ff !important;
}
.modal-body .popup_job_list_search_item:hover .popup_district {
  background-color: transparent !important;
}
.modal-body .popup_job_list_search_item:hover .popup_district font {
  color: #0e63d8 !important;
}
.modal-body .popup_job_list_search_item .popup_district font {
  color: #f61560 !important;
  font-weight: normal !important;
}
.modal-body .popup_job_list_search_item .popup_district:hover {
  background-color: transparent !important;
}
.modal-body .popup_job_list_search_item .font12 {
  font-size: 14px !important;
  color: #777;
  line-height: 1.5;
}
.modal-body .popup_job_list_search_item .font12 font {
  color: #f61560 !important;
  font-weight: normal !important;
}
.modal-body .popup_job_list_search_item .pt-2 {
  padding-top: 0 !important;
}
.modal-body .popup_job_list_search_item .pb-2 {
  padding-bottom: 0 !important;
}
.modal-body .mt-2 {
  margin-top: 0 !important;
}

.modal-footer {
  display: none !important;
}

@media screen and (min-width: 768px) {
  .container {
    max-width: 100% !important;
  }
}
@media screen and (min-width: 576px) {
  .modal-dialog {
    margin: 0 auto !important;
  }
  .container {
    max-width: 100% !important;
  }
}
@media screen and (max-width: 480px) {
  .modal-header .modal-title {
    font-size: 19px !important;
  }
  .modal-header .popup_close span {
    font-size: 18px !important;
  }
  .modal-body.p-0 {
    padding: 20px 15px !important;
  }
  .modal-body .search_bar_2 .col-9 {
    padding: 0 0 0 12px !important;
  }
  .modal-body .search_bar_2 input {
    padding: 10px 0px !important;
    font-size: 15px;
  }
  .modal-body .search_bar_2 .popup_clear_icon {
    height: 12px;
    width: 34px;
  }
  .modal-body .search_bar_2 .popup_search_icon_abc {
    height: 16px;
    width: 16px;
    background-size: 16px;
  }
  .modal-body #popup_job_list {
    height: 412px !important;
    font-size: 15px !important;
  }
  .modal-body #popup_job_list > div {
    height: 412px !important;
  }
  .modal-body #popup_job_list .popup_urban_area .px-3 {
    padding: 0.44rem 0.9rem 0.42rem !important;
  }
  .modal-body #popup_job_list_search {
    height: 412px !important;
    font-size: 15px !important;
  }
  .modal-body .popup_backMenu {
    padding: 12px !important;
    font-size: 15px;
  }
  .modal-body .popup_backMenu div:last-child {
    padding: 5px 15px 7px;
    font-size: 13px;
  }
  .modal-body .popup_noResult {
    font-size: 15px !important;
  }
  .modal-body .popup_noResult.px-2 {
    padding: 15px 12px !important;
  }
  .modal-body .popup_noResult h6 {
    font-size: 15px !important;
  }
  .modal-body .popup_job_list_search_item {
    padding: 12px !important;
  }
}/*# sourceMappingURL=pop.css.map */