@charset "UTF-8";
/*  此檔案為UIKit共用檔案 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500&display=swap");
@import url(https://fonts.googleapis.com/css?family=Prompt:400,500,600);
@media (min-width: 551px) {
  .container {
    max-width: 676px;
  }
}
@media (min-width: 811px) {
  .container {
    max-width: 892px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1180px;
  }
}
@media (min-width: 1190px) {
  .container {
    max-width: 1180px;
  }
}
@media (min-width: 1500px) {
  .container {
    max-width: 1180px;
  }
}
/* root color */
:root {
  --logo_1111: #ff0001;
  --primary_0: #e8f6fc;
  --primary_1: #d1eaf8;
  --primary_2: #76d2f5;
  --primary_3: #04aff0;
  --primary_4: #009cd8;
  --primary_5: #0988cb;
  --primary_6: #005896;
  --primary_7: #003067;
  /* --gradient_1: transparent linear-gradient(90deg, #03aff0 0%, #9438cc 100%) 0% 0% no-repeat padding-box; */
  --gradient_1: #1cafc6;
  --Secondary_1: #7353d4;
  --Secondary_2: #9438cc;
  --light_secondary_1: #b7e6ff;
  --light_secondary_2: #a4bdea;
  --light_secondary_3: #cbc8ed;
  --light_secondary_4: #dfacea;
  --light_secondary_5: #b4a9ea;
  --bg_gray_1: #f8f8f8;
  --bg_blue_1: #f4f6f7;
  --bg_blue_2: #e6edf2;
  --grey_1: #ffffff;
  --grey_2: #f2f2f2;
  --grey_3: #e2e2e2;
  --grey_4: #cbcbcb;
  --grey_5: #9a9a9a;
  --grey_6: #6f6f6f;
  --grey_7: #505050;
  --grey_8: #000000;
  --tag_bg_1: #f7def0;
  --tag_bg_2: #f2d1d6;
  --tag_bg_3: #c5e5f2;
  --tag_bg_4: #fce9ad;
  --tag_bg_5: #d0f2c8;
  --tag_bg_6: #dbd3f0;
  --tag_bg_7: #bcd7f2;
  --tag_bg_8: #f55858;
  --tag_text_1: #d33773;
  --tag_text_2: #c63d34;
  --tag_text_3: #1c88bf;
  --tag_text_4: #aa850f;
  --tag_text_5: #42894f;
  --tag_text_6: #725db1;
  --tag_text_7: #4065a0;
  --tag_text_8: #ffffff;
}

/* 顏色設定 */
.color_primary_3 {
  color: var(--primary_3);
}

.bg_primary_3 {
  background: var(--primary_3);
}

.color_primary_4 {
  color: var(--primary_4);
}

.bg_primary_4 {
  background: var(--primary_4);
}

.color_Secondary_1 {
  color: var(--Secondary_1);
}

.bg_Secondary_1 {
  background: var(--Secondary_1);
}

.color_Secondary_2 {
  color: var(--Secondary_2);
}

.bg_Secondary_2 {
  background: var(--Secondary_2);
}

.color_grey_5 {
  color: var(--grey_5);
}

.bg_grey_5 {
  background: var(--grey_5);
}

.color_grey_6 {
  color: var(--grey_6);
}

.bg_grey_6 {
  background: var(--grey_6);
}

.color_gray {
  color: #898989;
}

body {
  font-family: "Noto Sans TC";
}

.font_en {
  font-family: "Prompt", sans-serif !important;
}

/* 文字粗細 */
.fw_400 {
  font-weight: 400 !important;
}

.fw_500 {
  font-weight: 500 !important;
}

.fw_600 {
  font-weight: 600 !important;
}

/* 文字設定  - 中文 */
.title_1 {
  font-size: 4.6rem;
  font-weight: 400;
}

.title_2 {
  font-size: 3.8rem;
  font-weight: 400;
}

.title_3 {
  font-size: 3.1rem;
  font-weight: 400;
}

.title_4 {
  font-size: 2.6rem;
  font-weight: 400;
}

.title_5 {
  font-size: 2.4rem;
  font-weight: 400;
}

.title_6 {
  font-size: 2.1rem;
  font-weight: 400;
}

.title_7 {
  font-size: 1.8rem;
  font-weight: 400;
}

.body_1 {
  font-size: 1.8rem;
}

.body_2 {
  font-size: 1.7rem;
}

.body_3 {
  font-size: 1.6rem;
}

.body_4 {
  font-size: 1.5rem;
}

.body_5 {
  font-size: 1.4rem;
}

/* 文字設定  - 英文 */
.digit_1 {
  font-size: 6.3rem;
  font-family: "Prompt", sans-serif;
  font-weight: 500;
}

.digit_2 {
  font-size: 3.4rem;
  font-family: "Prompt", sans-serif;
  font-weight: 500;
}

.digit_3 {
  font-size: 2.2rem;
  font-family: "Prompt", sans-serif;
  font-weight: 500;
}

.digit_4 {
  font-size: 1.8rem;
  font-family: "Prompt", sans-serif;
  font-weight: 500;
}

.digit_5 {
  font-size: 1.6rem;
  font-family: "Prompt", sans-serif;
  font-weight: 400;
}

.digit_6 {
  font-size: 1.5rem;
  font-family: "Prompt", sans-serif;
  font-weight: 400;
}

.UI_icon {
  display: inline-block;
  vertical-align: middle;
  width: 1.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}

.UI_icon_size_20 {
  width: 2rem;
  height: 2rem;
}

.UI_icon_size_25 {
  width: 2.5rem;
  height: 2.5rem;
}

.UI_icon_size_30 {
  width: 3rem;
  height: 3rem;
}

.UI_icon_down {
  background-image: url("../images/icon_arrow_3.svg");
}

.UI_icon_search {
  background-image: url("../images/icon_search_2_small.svg");
}

.UI_icon_hat {
  background-image: url("../images/iocn_bachelor_cap_2_small.svg");
}

.UI_icon_money {
  background-image: url("../images/icoin_money_1_big.svg");
}

.UI_icon_money2 {
  background-image: url("../images/icoin_money_2_small.svg");
}

.UI_icon_share {
  background-image: url("../images/icon.svg");
}

.UI_icon_bell {
  background-image: url("../images/icon_bell.svg");
}

.UI_icon_bell_add {
  background-image: url("../images/icon_add_bell.svg");
}

.UI_icon_compare {
  background-image: url("../images/icon_add_compare_1.svg");
}

.UI_icon_compare2 {
  background-image: url("../images/icon_add_compare_1_add.svg");
}

.UI_icon_compare3 {
  background-image: url("../images/icon_compare_1_big.svg");
}

.UI_icon_arrow_right {
  background-image: url("../images/icon_arrow_1.svg");
}

.UI_icon_right_w {
  background-image: url("../images/icon_arrow_1_white.svg");
}

.UI_icon_down {
  background-image: url("../images/icon_arrow_2.svg");
}

.UI_icon_down2 {
  background-image: url("../images/icon_arrow_3_down.svg");
}

.UI_icon_down_gray {
  background-image: url("../images/icon_arrow_3.svg");
}

.UI_icon_up {
  background-image: url("../images/icon_arrow_3_up.svg");
}

.UI_icon_chart {
  background-image: url("../images/icon_bar_chart_1.svg");
}

.UI_icon_chart2 {
  background-image: url("../images/icon_bar_chart_full.svg");
}

.UI_icon_briefcase {
  background-image: url("../images/icon_briefcase_2_medium.svg");
}

.UI_icon_briefcase2 {
  background-image: url("../images/icon_briefcase_3_small.svg");
}

.UI_icon_close {
  background-image: url("../images/icon_close_1_small.svg");
}

.UI_icon_close2 {
  background-image: url("../images/icon_close_3_big.svg");
}

.UI_icon_close_w {
  background-image: url("../images/icon_btn_delete.svg");
}

.UI_icon_close_w2 {
  background-image: url("../images/icon_close_btn_2.svg");
}

.UI_icon_calendar {
  background-image: url("../images/icon_calendar.svg");
}

.UI_icon_category {
  background-image: url("../images/icon_category.svg");
}

.UI_icon_check_w {
  background-image: url("../images/icon_check_1_m.svg");
}

.UI_icon_check {
  background-image: url("../images/icon_check_2.svg");
}

.UI_icon_clock {
  background-image: url("../images/icon_clock_1_big.svg");
}

.UI_icon_clock_w {
  background-image: url("../images/icon_clock_2_small.svg");
}

.UI_icon_eye_close {
  background-image: url("../images/icon_eye_close.svg");
}

.UI_icon_eye_open {
  background-image: url("../images/icon_eye_open.svg");
}

.UI_icon_fire1 {
  background-image: url("../images/icon_fire_1.png");
}

.UI_icon_fire2 {
  background-image: url("../images/icon_fire_2.png");
}

.UI_icon_fire3 {
  background-image: url("../images/icon_fire_3.png");
}

.UI_icon_fire4 {
  background-image: url("../images/icon_fire_4.png");
}

.UI_icon_flag {
  background-image: url("../images/icon_flag.svg");
}

.UI_icon_gps {
  background-image: url("../images/icon_gps.svg");
}

.UI_icon_badge {
  background-image: url("../images/icon_happy_badge_3_large.png");
}

.UI_icon_art {
  background-image: url("../images/icon_jobs_art.svg");
}

.UI_icon_building {
  background-image: url("../images/icon_jobs_building.svg");
}

.UI_icon_earth {
  background-image: url("../images/icon_jobs_earth.svg");
}

.UI_icon_people {
  background-image: url("../images/icon_jobs_people.svg");
}

.UI_icon_lock {
  background-image: url("../images/icon_lock_1.svg");
}

.UI_icon_lock2 {
  background-image: url("../images/icon_lock_2.svg");
}

.UI_icon_speaker {
  background-image: url("../images/icon_loudspeaker.svg");
}

.UI_icon_love {
  background-image: url("../images/icon_love_1_big.svg");
}

.UI_icon_love_full {
  background-image: url("../images/icon_love_1_big_add.svg");
}
.UI_icon_inquiry{
  background-image: url("../images/icon_inquiry.svg");  
}
.UI_icon_folder {
  background-image: url("../images/icon_love_folder.svg");
}

.UI_icon_pin {
  background-image: url("../images/icon_map_1_big.svg");
}

.UI_icon_pin2 {
  background-image: url("../images/icon_map_2_small.svg");
}

.UI_icon_pin3 {
  background-image: url("../images/icon_map_2_small_full.svg");
}

.UI_icon_paper {
  background-image: url("../images/icon_match_paper.svg");
}

.UI_icon_menu_grid {
  background-image: url("../images/icon_menu_1.svg");
}

.UI_icon_menu {
  background-image: url("../images/icon_menu_2.svg");
}

.UI_icon_pen {
  background-image: url("../images/icon_pen_2_smail.svg");
}

.UI_icon_phone {
  background-image: url("../images/icon_phone.svg");
}

.UI_icon_filter {
  background-image: url("../images/icon_pick_2_small.svg");
}

.UI_icon_play {
  background-image: url("../images/icon_play_arrow.svg");
}

.UI_icon_reflash {
  background-image: url("../images/icon_refresh.svg");
}

.UI_icon_resume {
  background-image: url("../images/icon_resume.svg");
}

.UI_icon_search {
  background-image: url("../images/icon_search_1_big.svg");
}

.UI_icon_search2 {
  background-image: url("../images/icon_search_2_small.svg");
}

.UI_icon_robot {
  background-image: url("../images/icon_service_robot_2.png");
}

.UI_icon_robot2 {
  background-image: url("../images/icon_service_robot_2_2.png");
}

.UI_icon_robot3 {
  background-image: url("../images/icon_robot.png");
}

.UI_icon_fb {
  background-image: url("../images/icon_social_media_fb.svg");
}

.UI_icon_ig {
  background-image: url("../images/icon_social_media_ig.svg");
}

.UI_icon_line {
  background-image: url("../images/icon_social_media_line.svg");
}

.UI_icon_twitter {
  background-image: url("../images/icon_social_media_twitter.svg");
}

.UI_icon_youtube {
  background-image: url("../images/icon_social_media_youtube.svg");
}

.UI_icon_stop {
  background-image: url("../images/icon_stop.svg");
}

.UI_icon_car {
  background-image: url("../images/icon_transport_car.svg");
}

.UI_icon_moto {
  background-image: url("../images/icon_transport_motocycle.svg");
}

.UI_icon_mrt {
  background-image: url("../images/icon_transport_mrt.svg");
}

.UI_icon_view {
  background-image: url("../images/icon_view_card.svg");
}

.UI_icon_view_list {
  background-image: url("../images/icon_view_list.svg");
}

.UI_icon_view_two {
  background-image: url("../images/icon_view_two.svg");
}

.UI_icon_notice {
  background-image: url("../images/icon_warn_2_m.svg");
}

.UI_icon_notice2 {
  background-image: url("../images/icon_warn_2_m_red.svg");
}

.UI_icon_news {
  background-image: url("../images/img_news.svg");
}

.UI_icon_trophy {
  background-image: url("../images/img_trophy.svg");
}

.UI_icon_cap {
  background-image: url("../images/iocn_bachelor_cap_2_small.svg");
}

.UI_icon_loading {
  background-image: url("../images/loading_1.svg");
}

.UI_icon_question {
  background-image: url("../images/icon_service_question.svg");
}

.UI_icon_line {
  background-image: url("../images/icon_service_line.svg");
}

.UI_icon_message {
  background-image: url("../images/icon_service_message.svg");
}

.UI_icon_pen {
  background-image: url("../images/icon_service_pen.svg");
}

.UI_icon_earphone {
  background-image: url("../images/icon_service_earphone.svg");
}
.UI_icon_compass{
  background-image: url("../images/icon_compass.svg");
}
.UI_icon_qrcode {
  background-image: url("../images/icon_service_qrcode.svg");
}

.UI_icon_print {
    background-image: url('../images/icon_printer.svg');
}
.UI_icon_share2 {
    background-image: url('../images/icon_share.svg');
}
.UI_icon_email {
    background-image: url('../images/icon_mail_blue.svg');
}
.UI_icon_line2 {
    background-image: url('../images/icon_social_media_line.svg');
}

.UI_downlad_app {
  background: #000;
  border-radius: 50px;
  display: inline-block;
  padding: 0.1rem 2.3rem;
}
.UI_downlad_app img {
  height: 3.8rem;
}

/* btn 尺寸 */
.btn_size_1 {
  font-size: 1.8rem;
  padding: 1.3rem 2.4rem;
}

.btn_size_2 {
  font-size: 1.6rem;
  padding: 0.7rem 2.9rem;
}

.btn_size_3 {
  font-size: 1.6rem;
  padding: 0.7rem 3.3rem;
}

.btn_size_4 {
  font-size: 1.5rem;
  padding: 0.7rem 1.5rem;
}

.btn_size_5 {
  font-size: 1.5rem;
  padding: 0.4rem 1rem;
}

.btn_number {
  padding: 0.4rem 2rem;
  font-size: 1.5rem;
}
.btn_number span {
  margin-left: 1.6rem;
  font-family: "Prompt", sans-serif;
  font-weight: 500;
  font-size: 1.7rem;
  text-decoration: underline;
}

.btn_icon {
  padding: 0.4rem 3.2rem;
  font-weight: bold;
  font-size: 1.5rem;
}
.btn_icon img {
  height: 1.6rem;
  margin-right: 0.8rem;
}

.btn_select_ground {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.btn_select_ground.btn_select_lg label {
  padding: 0.6rem 4.2rem;
}

.btn_select {
  position: relative;
  line-height: 1.25;
}
.btn_select label {
  display: inline-block;
  border-radius: 50px;
  border: 1px solid #CBCBCB;
  color: #505050;
  font-size: 1.5rem;
  padding: 0.4rem 1rem;
  margin: 0.25rem 1rem 0.25rem 0;
  background-size: contain;
  font-size: 1.6rem;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.btn_select label::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 1.2rem;
  margin-left: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.btn_select:hover label {
  border-color: #9A9A9A;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.102);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.102);
}
.btn_select:focus label {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn_select input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.btn_select input:checked ~ label {
  border: 2px solid #04AFF0;
  color: #000000;
}
.btn_select input:checked ~ label::after {
  width: 1.2rem;
  margin-left: 0.8rem;
  background-image: url("../images/icon_check_2.svg");
  background-position: center;
  background-size: 1.8rem;
}

.btn_arrow {
  display: inline-block;
  font-size: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.btn_arrow::after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  display: inline-block;
  background-image: url("../images/icon_arrow_1.svg");
  background-size: 1.2rem;
  margin-left: 0.5rem;
  background-position: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.btn_arrow:hover::after {
  margin-left: 1rem;
}

.btn_arrow_down {
  display: inline-block;
  font-size: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0.5;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.btn_arrow_down::after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  display: inline-block;
  background-image: url("../images/icon_arrow_2.svg");
  background-size: 1.2rem;
  margin-left: 0.5rem;
  opacity: 0.5;
  background-position: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.btn_arrow_down:hover {
  opacity: 1;
}
.btn_arrow_down:hover::after {
  opacity: 1;
}

.btn_icon_text_1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.8rem;
}
.btn_icon_text_1 img {
  margin-right: 1rem;
  height: 2.8rem;
}

.btn_icon_text_2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
}
.btn_icon_text_2 img {
  margin-right: 0.7rem;
  height: 1.6rem;
}

.btn_icon_text_3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
  color: #505050;
}
.btn_icon_text_3 img {
  margin-right: 0.5rem;
  height: 1.2rem;
}

.btn_icon_text_4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.6rem;
  color: #505050;
}
.btn_icon_text_4 img {
  margin-right: 0.6rem;
  height: 0.7rem;
}

/* btn 樣式 */
.btn_gradient {
  display: inline-block;
  border-radius: 50px;
  background: var(--gradient_1);
  color: #000;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.btn_gradient:hover {
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.22);
          box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.22);
  color: #000;
}
.btn_gradient:focus {
  background: transparent -webkit-gradient(linear, left top, right top, from(#0088c1), to(#762da0)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #0088c1 0%, #762da0 100%) 0% 0% no-repeat padding-box;
}

.btn_disabled {
  display: inline-block;
  border-radius: 50px;
  background: #e1ebef !important;
  color: #fff !important;
}

.btn_primary {
  display: inline-block;
  border-radius: 50px;
  background: #04aff0;
  color: #fff;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  text-align: center;
}
.btn_primary:hover {
  background: #009cd8;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.149);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.149);
  color: #fff;
}
.btn_primary:focus {
  background: #009cd8;
}

.btn_secondary_1 {
  display: inline-block;
  border-radius: 50px;
  background: #fff;
  color: #009cd8;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.102);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.102);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  border: 1px solid #dcf1f5;
}
.btn_secondary_1:hover {
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.149);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.149);
  color: #009cd8;
}
.btn_secondary_1:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #0683c4;
}

.btn_secondary_2 {
  display: inline-block;
  border-radius: 50px;
  background: #d1eaf8;
  color: #0988cb;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.btn_secondary_2:hover {
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.102);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.102);
  background: #b5ddf4;
  color: #0988cb;
}
.btn_secondary_2:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #a8d6f0;
}

.btn_secondary_3 {
  display: inline-block;
  border-radius: 50px;
  background: #e8f6fc;
  color: #0988cb;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.btn_secondary_3:hover {
  background: #d3f0fc;
  color: #0988cb;
}

.btn_secondary_4 {
  display: inline-block;
  border-radius: 50px;
  color: #0988cb;
  border: 1px solid #0988cb;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.btn_secondary_4:hover {
  border-color: #006296;
  color: #006296;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.149);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.149);
}
.btn_secondary_4:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn_secondary_5 {
  display: inline-block;
  border-radius: 50px;
  background: #f2f2f2;
  color: #505050;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.btn_secondary_5:hover {
  background: #e8e8e8;
  color: #505050;
}

.btn_secondary_6 {
  display: inline-block;
  border-radius: 50px;
  color: #505050;
  border: 1px solid #cbcbcb;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.btn_secondary_6hover {
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.102);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.102);
  border-color: #9a9a9a;
}
.btn_secondary_6focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #9A9A9A;
}

.btn_secondary_7 {
  display: inline-block;
  border-radius: 50px;
  border: 1px solid #EB5858;
  color: #FF0001;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.btn_secondary_7:hover {
  color: #FF0001;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.102);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.102);
}
.btn_secondary_7:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn_delete {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-color: #E2E2E2;
  border-radius: 100%;
  background-image: url("../images/icon_close_btn_2.svg");
  background-size: 1.2rem;
  background-repeat: no-repeat;
  background-position: center;
}
.btn_delete:hover {
  background-color: #9A9A9A;
}

.btn_block{
  padding: 3px 10px;
  margin: 3.5px 0px;
  background-color: #ffffff;
  font-size: 1.5rem;
  color: #009CD8;
  box-shadow: 0px 1px 3px #00000014;
  width: 100%;
  display: inline-flex;
  border-radius: 6px;
  max-width: 200px;
}
.btn_block:hover{
  box-shadow: 0px 3px 6px #00000029;
}


.UI_card_work {
  background: #fff;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.122);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.122);
  border-radius: 0.8rem;
  padding: 1.5rem 2rem;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.UI_card_work:hover {
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}
.UI_card_work p {
  margin-bottom: 0;
}
.UI_card_work .UI_card_work_head {
  display: block;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #E2E2E2;
}
.UI_card_work .UI_card_work_head h3 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 1.8rem;
  color: #191919;
}
.UI_card_work .UI_card_work_head p {
  color: #009CD8;
  font-size: 1.5rem;
}
.UI_card_work .UI_card_work_head:hover h3 {
  text-decoration: underline;
}
.UI_card_work .UI_card_work_info {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 1.3rem;
}
.UI_card_work .UI_card_work_info .UI_logo_rounded {
  border: 1px solid #E2E2E2;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.UI_card_work .UI_card_work_info .UI_card_work_company {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  width: calc(100% - 4.5rem);
  padding-left: 1rem;
}
.UI_card_work .UI_card_work_info h4 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 1.5rem;
}
.UI_card_work .UI_card_work_info p {
  color: #6F6F6F;
  font-size: 1.5rem;
}
.UI_card_work .UI_card_work_info:hover h4 {
  text-decoration: underline;
}

.UI_card_company {
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.102);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.102);
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  display: flex;
  flex-direction: row;
}
.UI_card_company:hover {
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}
.UI_card_company .job_item_list_logo{
  display: flex;
  border-radius: 100%;
  width: 6.4rem;
  height: 6.4rem;
  -webkit-box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
  box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #ffffff;
}
.UI_card_job_item{
  margin-bottom: 20px;
}
.UI_card_company .UI_card_company_bg {
  display: block;
  position: relative;
  height: 120px;
  background-color: #eeeeee;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.UI_card_company .UI_card_company_info {
  padding: 2.4rem 1.5rem 1.5rem 1.5rem;
}
.UI_card_company .UI_card_company_info h3 a {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 1.8rem;
}
.UI_card_company .UI_card_company_info h3 a:hover {
  text-decoration: underline;
}
.UI_card_company .UI_card_company_info h4 {
  font-size: 1.5rem;
  color: #6F6F6F;
}
.UI_card_company .UI_card_company_info h5 {
  font-size: 1.6rem;
  color: #6F6F6F;
}
.UI_card_company .UI_card_company_info h5 a {
  font-size: 1.6rem;
  color: #000;
  font-family: "Prompt", sans-serif;
  font-weight: bold;
}
.UI_card_company .UI_card_company_info h5 a:hover {
  text-decoration: underline;
}
.UI_card_company .UI_logo_rounded {
  position: absolute;
  bottom: -1.4rem;
  left: 1.5rem;
  width: 6.4rem;
  height: 6.4rem;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161);
}

.UI_card_article {
  display: block;
  background: var(--bg_gray_1);
  border-radius: 8px;
  padding: 2.2rem 2.8rem;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  min-height: 160px;
}
.UI_card_article:hover {
  background: #F2F2F2;
}
.UI_card_article:hover h3 {
  color: #000;
  text-decoration: underline;
}
.UI_card_article .UI_card_article_head {
  margin-bottom: 0.7rem;
}
.UI_card_article .UI_card_article_head .label {
  font-size: 1.4rem;
  background: #BCD7F2;
  color: #4065A0;
  padding: 0.2rem 0.7rem;
  border-radius: 0.6rem;
  margin-right: 1.2rem;
}
.UI_card_article .UI_card_article_head .date,
.UI_card_article .UI_card_article_head .label_text {
  font-size: 1.6rem;
  color: #009CD8;
}
.UI_card_article .UI_card_article_head .date {
  font-family: "Prompt", sans-serif;
}
.UI_card_article .UI_card_article_info h3 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 1.8rem;
  color: #191919;
  margin-bottom: 0.5rem;
}
.UI_card_article .UI_card_article_info p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 1.6rem;
  color: #505050;
}

.UI_card_tool {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2.5rem;
}
.UI_card_tool img {
  width: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.UI_card_tool .UI_card_tool_info {
  width: calc(100% - 40px);
  padding-left: 1rem;
}
.UI_card_tool h3 {
  font-size: 1.8rem;
  color: #191919;
}
.UI_card_tool p {
  font-size: 1.5rem;
  color: #505050;
  margin: 0;
}
.UI_card_tool:hover h3,
.UI_card_tool:hover p {
  color: #0988CB;
}

.UI_card_item {
  padding: 2rem 1rem;
  border: 3px solid transparent;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 1rem;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.UI_card_item:hover {
  -webkit-box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.161);
          box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.161);
  border: 3px solid #76D2F5;
}
.UI_card_item .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #009CD8;
  font-size: 1.8rem;
  margin-bottom: 1.2rem;
}
.UI_card_item .title span {
  color: #6F6F6F;
  font-size: 1.6rem;
}
.UI_card_item .name h5 {
  color: #000000;
  font-size: 1.8rem;
}
.UI_card_item .name p {
  font-size: 1.6rem;
  color: #505050;
}

.UI_logo_rounded {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.UI_card_blur {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.102);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.102);
}
.UI_card_blur .image {
  position: relative;
  height: 125px;
  width: 100%;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}
.UI_card_blur .title {
  font-size: 1.6rem;
  padding: 1rem;
  text-align: center;
  min-height: 44px;
}
@media (max-width: 1024px) {
  .UI_card_blur .image {
    height: 145px;
  }
}
@media (max-width: 550px) {
  .UI_card_blur .image {
    height: 100px;
  }
}

.corp_company {
  padding: 80px 0 60px 0;
}
.corp_company h2 {
  margin-bottom: 2.4rem;
}

.UI_card_video .image {
  height: 135px;
}

.UI_searchbar {
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.302);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.302);
  border-radius: 50px;
  padding: 0.7rem 0.8rem;
  font-size: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.UI_searchbar .dropdown {
  position: static;
}
@media (max-width: 1189px) {
  .UI_searchbar .btn_size_1 {
    font-size: 1.6rem;
    padding: 0.8rem 1.5rem;
  }
}
@media (max-width: 550px) {
  .UI_searchbar {
    padding: 0.5rem;
  }
  .UI_searchbar .btn_size_1 {
    font-size: 1.5rem;
    padding: 0.4rem 1rem;
  }
}

.UI_searchbar_dropdown {
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.149);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.149);
  border: 1px solid #E2E2E2;
  border-radius: 16px;
  width: 100%;
  top: 7.4rem !important;
  -webkit-transform: none !important;
          transform: none !important;
  padding: 2rem 0;
}
@media (max-width: 550px) {
  .UI_searchbar_dropdown {
    top: 5rem !important;
    padding: 1rem 0;
    border-radius: 10px;
  }
}

.UI_searchbar_select {
  white-space: nowrap;
  padding: 0 0.8rem;
}
.UI_searchbar_select .label_num {
  font-size: 1.4rem;
  color: #fff;
  margin-left: 0.5rem;
}
.UI_searchbar_select .UI_icon_down {
  margin-left: 0.5rem;
}
.UI_searchbar_select a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50px;
}
.UI_searchbar_select a:hover {
  background: #E6EDF2;
}
@media (max-width: 810px) {
  .UI_searchbar_select .hide_md {
    display: none;
  }
}
@media (max-width: 550px) {
  .UI_searchbar_select {
    padding: 0 0.4rem;
  }
  .UI_searchbar_select a {
    position: relative;
  }
  .UI_searchbar_select .UI_icon_down {
    display: none;
  }
  .UI_searchbar_select .label_num {
    position: absolute;
    font-size: 1.2rem;
    margin: 0;
    right: -0.9rem;
    top: -0.5rem;
  }
}

.UI_searchbar_input {
  width: 100%;
}
.UI_searchbar_input input {
  -webkit-box-shadow: inset 0px 1px 10px rgba(0, 0, 0, 0.349);
          box-shadow: inset 0px 1px 10px rgba(0, 0, 0, 0.349);
  border-radius: 50px;
  padding: 1rem 1.7rem 1rem 5.5rem;
  outline: 0;
  width: 100%;
  font-size: 1.8rem;
  outline: none;
  -webkit-appearance: none;
  border: 2px solid transparent;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  background-image: url("../images/icon_search_1_big.svg");
  background-repeat: no-repeat;
  background-size: 2.5rem;
  background-position: left 1.7rem center;
}
.UI_searchbar_input input:focus {
  -webkit-box-shadow: inset 0px 1px 10px rgba(0, 0, 0, 0.349);
          box-shadow: inset 0px 1px 10px rgba(0, 0, 0, 0.349);
  border: 2px solid #04AFF0;
}
@media (max-width: 1189px) {
  .UI_searchbar_input input {
    font-size: 1.6rem;
    -webkit-box-shadow: inset 0px 0.8px 8px rgba(0, 0, 0, 0.349);
            box-shadow: inset 0px 0.8px 8px rgba(0, 0, 0, 0.349);
    padding: 0.5rem 1.7rem 0.5rem 5.5rem;
  }
}
@media (max-width: 550px) {
  .UI_searchbar_input input {
    font-size: 1.5rem;
    padding: 0.5rem 1rem 0.5rem 3.5rem;
    background-size: 2rem;
    background-position: left 1rem center;
    -webkit-box-shadow: inset 0px 0.6px 6px rgba(0, 0, 0, 0.349);
            box-shadow: inset 0px 0.6px 6px rgba(0, 0, 0, 0.349);
  }
}
.UI_searchbar_input:hover input {
  -webkit-box-shadow: inset 0px 1px 10px rgba(0, 0, 0, 0.349);
          box-shadow: inset 0px 1px 10px rgba(0, 0, 0, 0.349);
  border: 2px solid #04AFF0;
}

.UI_searchbar_btn {
  white-space: nowrap;
}

.UI_list_history a {
  display: block;
  font-size: 1.8rem;
  padding: 1.4rem 2rem 1.4rem 7rem;
  background-image: url("../images/icon_clock_2_small.svg");
  background-repeat: no-repeat;
  background-size: 1.6rem;
  background-position: left 4rem center;
}
.UI_list_history a:hover {
  background-color: #E6EDF2;
}
@media (max-width: 1189px) {
  .UI_list_history a {
    font-size: 1.6rem;
  }
}
@media (max-width: 550px) {
  .UI_list_history a {
    font-size: 1.5rem;
    padding: 1rem 2rem 1rem 3rem;
    background-position: left 0.8rem center;
  }
}

/*20220222 首頁搜尋bar紀錄新增X按鈕icon*/
.UI_list_history li {
  position: relative;
}
.UI_list_history i.UI_icon_close2 {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
}
.UI_list_history i.UI_icon_close2:hover {
  opacity: 0.6;
}

.UI_searchbar_suggest {
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.149);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.149);
  border: 1px solid #E2E2E2;
  border-radius: 16px;
  width: 100%;
  max-width: 440px;
  top: 7.4rem !important;
  -webkit-transform: none !important;
          transform: none !important;
  padding: 2rem 0;
}
@media (max-width: 550px) {
  .UI_searchbar_suggest {
    top: 5rem !important;
    border-radius: 10px;
  }
}

.UI_list_suggest a {
  display: block;
  font-size: 1.6rem;
  padding: 0.5rem 2rem;
}
.UI_list_suggest a span {
  color: #009CD8;
}
.UI_list_suggest a:hover {
  background: #E6EDF2;
}

.UI_suggest_more {
  font-size: 1.6rem;
  padding: 0 2rem;
  margin-top: 2.4rem;
}
.UI_suggest_more .UI_icon_search {
  width: 2.3rem;
  height: 2.3rem;
  background-size: 2.3rem;
  margin-right: 1.5rem;
}
.UI_suggest_more span {
  color: #009CD8;
}
@media (max-width: 550px) {
  .UI_suggest_more {
    margin-top: 1rem;
  }
  .UI_suggest_more .UI_icon_search {
    width: 1.8rem;
    height: 1.8rem;
    background-size: 1.8rem;
  }
}

.UI_search_option {
  position: relative;
  font-size: 1.6rem;
}
.UI_search_option input {
  font-size: 1.6rem;
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.102);
          box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.102);
  border: 1px solid #E2E2E2;
  border-radius: 50px;
  padding: 0.8rem 1.2rem 0.8rem 11rem;
  outline: 0;
  width: 100%;
  outline: none;
  -webkit-appearance: none;
  border: 1px solid transparent;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  background-image: url("../images/icon_search_1_big.svg");
  background-repeat: no-repeat;
  background-size: 2.2rem;
  background-position: left 1.7rem center;
}
.UI_search_option input:focus {
  border: 1px solid #04AFF0;
  -webkit-box-shadow: 0px 0px 0px 3px #D1EAF8;
          box-shadow: 0px 0px 0px 3px #D1EAF8;
}

.UI_search_option_title {
  position: absolute;
  left: 5rem;
  top: 0.8rem;
}

.UI_list a {
  font-size: 1.6rem;
  display: block;
  border-radius: 6px;
  padding: 0.5rem 1.2rem;
  color: #505050;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.UI_list a:hover {
  background: #E6EDF2;
}
.UI_list a.active {
  background: #D1EAF8;
}

.UI_list_md a {
  font-size: 1.7rem;
  padding: 1rem 1.5rem;
}

.UI_list_group > li {
  font-size: 1.7rem;
  padding: 1.2rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.UI_list_group > li::after {
  content: "";
  background-image: url("../images/icon_arrow_3.svg");
  width: 1.3rem;
  height: 1.3rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  margin-left: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.UI_list_group > li.collapsed::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.UI_list_icon {
  margin: 1rem 0;
}
.UI_list_icon li {
  padding: 1.2rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6px;
}
.UI_list_icon li:hover {
  background: #E6EDF2;
}
.UI_list_icon img {
  height: 3.5rem;
}
.UI_list_icon .info {
  padding-left: 1.2rem;
}
.UI_list_icon .info h5 {
  font-size: 1.7rem;
  font-weight: 400;
}
.UI_list_icon .info p {
  font-size: 1.4rem;
  color: #535353;
  margin: 0;
}

.label_num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Prompt", sans-serif;
  padding: 0 0.4rem;
  min-width: 2.1rem;
  min-height: 2.1rem;
  font-size: 1.4rem;
  background: #009CD8;
  color: #fff;
  border-radius: 12px;
  margin-left: 0.6rem;
}

.UI_form {
  font-size: 1.6rem;
}
.UI_form input {
  font-size: 1.6rem;
  border: 1px solid #CBCBCB;
  border-radius: 6px;
  padding: 0.9rem 1.2rem;
}
.UI_form input::-webkit-input-placeholder {
  color: #9A9A9A;
}
.UI_form input::-moz-placeholder {
  color: #9A9A9A;
}
.UI_form input:-ms-input-placeholder {
  color: #9A9A9A;
}
.UI_form input::-ms-input-placeholder {
  color: #9A9A9A;
}
.UI_form input::placeholder {
  color: #9A9A9A;
}
.UI_form input:focus {
  border: 1px solid #04AFF0;
  -webkit-box-shadow: 0 0 0 3px #D1EAF8;
          box-shadow: 0 0 0 3px #D1EAF8;
}

.UI_form_icon {
  position: relative;
}
.UI_form_icon i {
  position: absolute;
  left: 1rem;
  top: 0.9rem;
  width: 2.5rem;
  height: 2.5rem;
  background-size: 2rem;
}
.UI_form_icon input {
  padding-left: 4rem;
}

.is-invalid {
  background: #FDEFEF;
  border: 1px solid #D60505;
}
.is-invalid:focus {
  background: #FFFAFA;
  -webkit-box-shadow: 0 0 0 3px #FFDBDB;
          box-shadow: 0 0 0 3px #FFDBDB;
}

.invalid-feedback {
  color: #D60505;
  font-size: 1.6rem;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1rem;
}
.invalid-feedback::before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../images/icon_warn_2_m_red.svg);
  background-size: 2rem;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0.5rem;
}

.UI_form_location {
  position: relative;
}
.UI_form_location::after {
  content: "定位";
  position: absolute;
  right: 1.1rem;
  width: 5rem;
  bottom: 1rem;
  background-image: url(../images/icon_gps.svg);
  background-repeat: no-repeat;
  background-size: 1.6rem;
  background-position: left center;
  text-align: right;
}

.UI_label_required {
  font-size: 1.2rem;
  color: #04AFF0;
  margin-left: 0.4rem;
}

.UI_dropdown {
  margin-bottom: 1rem;
}
.UI_dropdown label {
  font-size: 1.6rem;
}

.UI_dropdown_menu {
  width: 100%;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.161);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.161);
  border: 1px solid #E2E2E2;
  border-radius: 6px;
}
.UI_dropdown_menu a {
  display: block;
  padding: 1rem 1.6rem;
  font-size: 1.6rem;
}
.UI_dropdown_menu a:hover {
  background: #F2F2F2;
}
.UI_dropdown_menu a.active {
  color: #0988CB;
}

.UI_dropdown_select {
  font-size: 1.6rem;
  border: 1px solid #CBCBCB;
  border-radius: 6px;
  padding: 1rem 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.UI_dropdown_select::after {
  content: "";
  display: inline-block;
  width: 1.3rem;
  height: 1.3rem;
  margin-left: auto;
  background-image: url(../images/icon_arrow_3.svg);
  background-repeat: no-repeat;
  background-size: 1.3rem;
  background-position: center;
}

.UI_dropdown.show .UI_dropdown_select {
  border: 1px solid #04AFF0;
  -webkit-box-shadow: 0 0 0 3px #D1EAF8;
          box-shadow: 0 0 0 3px #D1EAF8;
}

.UI_tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.UI_tabs a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.6rem;
  color: #6F6F6F;
  border-bottom: 2px solid transparent;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  padding: 1.2rem;
  margin: 0 1.3rem;
}
.UI_tabs a .label_num {
  padding: 0 0.6rem;
}
.UI_tabs a:hover {
  border-bottom: 2px solid #D6E4ED;
}
.UI_tabs a.active {
  border-bottom: 2px solid #04AFF0;
}

.UI_tabs_center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.UI_tabs_center a {
  margin: 0;
}

.dropdown_share {
  -webkit-box-shadow: 0px 2px 5px #00000029;
          box-shadow: 0px 2px 5px #00000029;
  padding: 1.3rem 1.7rem;
  border: 0;
  border-radius: 0;
  border-radius: 8px;
  -webkit-transform: translateX(-50%) translateY(-92px) !important;
          transform: translateX(-50%) translateY(-92px) !important;
  left: 50% !important;
}
.dropdown_share::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -15px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 10px 0 10px;
  border-color: #ffffff transparent transparent transparent;
  -webkit-filter: drop-shadow(0px 5px 3px #00000029);
          filter: drop-shadow(0px 5px 3px #00000029);
}
@media (max-width: 550px) {
  .dropdown_share {
    -webkit-transform: translateX(-44%) translateY(-92px) !important;
            transform: translateX(-44%) translateY(-92px) !important;
    left: -58px !important;
  }
  .dropdown_share::after {
    left: 76%;
  }
}

.UI_social_share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.UI_social_share a {
  width: 6rem;
  height: 3.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border-radius: 50px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.UI_social_share a i {
  margin: auto;
}
.UI_social_share a:hover {
  background: #E6EDF2;
}

footer {
  color: #000;
}

.footer_top {
  padding-top: 6rem;
  padding-bottom: 8rem;
  background: #fff;
}
@media (max-width: 810px) {
  .footer_top {
    display: none;
  }
}

.footer_link h3 {
  font-size: 1.8rem;
  color: #009CD8;
  margin-bottom: 1.8rem;
  font-weight: 400;
  padding-left: 1.5rem;
}
@media (max-width: 1189px) {
  .footer_link h3 {
    font-size: 1.7rem;
  }
}
.footer_link h4 {
  color: #6F6F6F;
  margin-bottom: 1rem;
  font-weight: 400;
  padding-left: 1.5rem;
}
.footer_link .UI_list_link li {
  padding-left: 1.5rem;
}

.UI_list_link li {
  margin-bottom: 1rem;
}
.UI_list_link a {
  font-size: 1.6rem;
  display: inline-block;
}
.UI_list_link a:hover {
  color: #009CD8;
}
@media (max-width: 1189px) {
  .UI_list_link a {
    font-size: 1.5rem;
  }
}

.UI_link_pill {
  padding: 0.7rem 2rem;
  border-radius: 50px;
  background: #E8F6FC;
  color: #0988CB;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.UI_link_pill:hover {
  background: #D3F0FC;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.102);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.102);
}
.UI_link_pill:focus {
  background: #C7E9F7;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (max-width: 1189px) {
  .UI_link_pill {
    padding: 0.7rem 1.8rem;
  }
}

.contact_phone {
  background-image: url("../images/icon_phone.svg");
  background-size: 1.8rem;
  background-repeat: no-repeat;
  padding-left: 2.2rem;
  background-position: left top 0.7rem;
}
.contact_phone .num {
  font-family: "Prompt", sans-serif;
  font-size: 2.2rem;
  color: #04AFF0;
}
.contact_phone small {
  font-size: 1.4rem;
}
.contact_phone p {
  font-size: 1.5rem;
}

.footer_bottom {
  background: #F8F8F8;
  font-size: 1.6rem;
  padding: 6rem 0 10rem 0;
}
.footer_bottom h3 {
  font-weight: 400;
  font-size: 2rem;
  padding-bottom: 1.4rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #CBCBCB;
}

.footer_logo {
  font-size: 1.5rem;
}
.footer_logo img {
  margin-bottom: 2rem;
}
.footer_logo p {
  margin-bottom: 3rem;
}
@media (max-width: 810px) {
  .footer_logo p {
    font-size: 1.2rem;
    margin-bottom: 1.3rem;
  }
}
.footer_logo small {
  color: #9A9A9A;
  font-size: 1.4rem;
}
@media (max-width: 810px) {
  .footer_logo small {
    font-size: 1.2rem;
  }
}

.navbar {
  position: sticky;
  font-size: 1.6rem;
  height: 7.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  background: #fff;
  z-index: 10;
}
.navbar .container{
  max-width: 1337px;
}
@media (max-width: 1189px) {
  .navbar {
    height: 6rem;
    font-size: 1.5rem;
  }
}
@media (max-width: 550px) {
  .navbar {
    height: 4.6rem;
    font-size: 1.5rem;
  }
}

.navbar-brand {
  width: 14.6rem;
  height: 3rem;
  background-image: url("../images/logo_3.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 1189px) {
  .navbar-brand {
    background-size: auto 2.2rem;
    width: 12rem;
  }
}
@media (max-width: 550px) {
  .navbar-brand {
    height: 1.9rem;
    width: 11rem;
    background-size: auto 1.9rem;
  }
}

@media (max-width: 400px) {
    .navbar-brand {
        height: 1.8rem;
        width: 8.0rem;
        background-size: auto 1.5rem;
    }
}

@media (max-width: 365px) {
    .nav_right {
        width:20.0rem;
        font-size:1rem;
    }
}

.nav_right_left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.nav_right_left .nav-link {
  border-bottom: 2px solid transparent;
  background-size: 2.4rem;
  background-position: left center;
  background-repeat: no-repeat;
  margin: 0 1.5rem;
  color: #000 !important;
  padding: 1.5rem 0.6rem 1.5rem 3rem !important;
}
@media (max-width: 1024px) {
  .nav_right_left .nav-link {
    padding: 1.5rem 0.3rem 1.5rem 2.7rem !important;
  }
}
.nav_right_left .nav-link:hover {
  border-bottom: 2px solid #04AFF0;
}

.nav_link_category {
  background-image: url("../images/icon_category.svg");
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav_link_category::after {
  content: "";
  display: inline-block;
  background-image: url("../images/icon_arrow_2.svg");
  background-size: 1.1rem;
  height: 1.1rem;
  width: 1.1rem;
  background-position: center;
  background-repeat: no-repeat;
  border: 0;
}

.dropdown_category {
  position: absolute !important;
  padding: 2rem;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.161);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.161);
  border: 1px solid #E2E2E2;
  border-radius: 8px;
  top: 6.7rem;
  width: 680px !important;
}
.dropdown_category h3 {
  margin-bottom: 2.2rem;
}
.dropdown_category a {
  color: #505050;
}

.nav_link_map {
  background-image: url("../images/icon_map_1_big.svg");
}

.nav_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav_right .dropdown-toggle,
.nav_right .nav_login a,
.nav_right .nav_user a.nav_user_icon,
.nav_right .nav_user a.nav_bell_icon {
  padding: 1.5rem 0.6rem;
  border-bottom: 2px solid transparent;
  margin: 0 0.7rem;
  background-repeat: no-repeat;
}
@media (max-width: 550px) {
  .nav_right .dropdown-toggle,
.nav_right .nav_login a,
.nav_right .nav_user a.nav_user_icon,
.nav_right .nav_user a.nav_bell_icon {
    padding: 0.6rem;
  }
}
.nav_right .dropdown-toggle:hover,
.nav_right .nav_login a:hover,
.nav_right .nav_user a.nav_user_icon:hover,
.nav_right .nav_user a.nav_bell_icon:hover {
  border-bottom: 2px solid #04AFF0;
}

.nav_compare {
  color: #6F6F6F;
  background-size: 2.4rem;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 3rem !important;
  background-image: url("../images/icon_compare_1_big.svg");
}

.nav_login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav_login a {
  color: #009CD8;
}
.nav_login li:first-child {
  border-right: 1px solid #E2E2E2;
}
.nav_login li:first-child a {
  color: #505050;
}

.nav_user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav_user a {
  display: block;
}

.nav_bell_icon {
  background-image: url("../images/icon_bell.svg");
  background-size: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  width: 3.8rem;
  height: 5rem;
  position: relative;
}
.dropdown_notice_number{
  position: absolute;
  right: 2px;
  top: 6px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  font-weight: bolder;
  background-color: #e00;
  padding: 2px;
  color: #eee;
  border-radius: 100%;
  min-width: 15px;
  height: 15px;
}
.nav_bell_icon::after {
  display: none;
}
@media (max-width: 550px) {
  .nav_bell_icon {
    height: 3.2rem;
  }
  .dropdown_notice_number{
    top: 0px;
  }
}

.dropdown_notice {
  width: 320px;
  background: #fff;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.161);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.161);
  border: 1px solid #E2E2E2;
  border-radius: 8px;
  overflow: hidden;
  right: 0;
  left: auto;
  top: 5.4rem;
  font-size: 1.6rem;
  padding: 0;
}

.dropdown_notice .notice_content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #E6EDF2;
    padding: 22px 42px;
    height: calc(100% - 113px);
    text-align: center;
}
.job_info_content .dropdown_notice .notice_content{
  height: auto;
}
.notice_content .notice_icon{
  margin-bottom: 12px;
}
.notice_content .notice_title{
  font-size: 1.9rem;
  margin-bottom: 8px;
}
.notice_content .notice_description{
  font-size: 1.6rem;
  margin-bottom: 22px;
  color: #666666;
  max-width: 85%;
}
.notice_content .notice_description a{
  display: inline-flex;
  color: var(--primary_3);
  text-decoration: underline;
}
@media (max-width: 550px) {
    .dropdown_notice {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: calc(100% - 113px);
        border-radius: 0;
        background: #E6EDF2;
    }

}

.dropdown_notice_head {
  position: relative;
  font-size: 1.8rem;
  text-align: center;
  padding: 1.2rem;
  color: #000;
}
.dropdown_notice_head .UI_icon {
  display: none;
}
@media (max-width: 550px) {
  .dropdown_notice_head {
    border-radius: 0;
    background: #fff;
  }
  .dropdown_notice_head .UI_icon {
    position: absolute;
    right: 1.2rem;
    top: 1.7rem;
    display: block;
  }
}

.dropdown_notice_body {
  background: #E6EDF2;
  padding: 1rem;
  max-height: 517px;
  overflow-x: auto;
}
@media (max-width: 550px) {
  .dropdown_notice_body {
    max-height: 100%;
  }
}

.dropdown_notice_foot {
  padding: 1rem;
  text-align: center;
  border-top: 1px solid #E2E2E2;
  background: #fff;
}
.dropdown_notice_foot a {
  padding: 0.7rem 3.8rem;
  width: auto;
  display: inline-block;
}
@media (max-width: 550px) {
  .dropdown_notice_foot {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}

.rounded_img {
  width: 3.6rem;
  height: 3.6rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 100%;
  background: #eee;
}
@media (max-width: 550px) {
  .rounded_img {
    width: 3.2rem;
    height: 3.2rem;
  }
}

.nav_user_icon {
  position: relative;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161);
  margin: auto;
  border: 2px solid transparent;
  background-size: cover;
  background-position: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  background-color: #ffffff;
  background-repeat: no-repeat;
}
.nav_user_icon::after {
  display: none;
}
.nav_user_icon:hover {
  border: 2px solid #76D2F5;
}

.label_notice {
  position: absolute;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 100%;
  background: #FF0001;
  border: 1px solid #fff;
  right: -0.2rem;
  top: -0.1rem;
}

.dropdown_user {
  width: 320px;
  max-height: 514px;
  background: #fff;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.161);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.161);
  border: 1px solid #E2E2E2;
  border-radius: 8px;
  overflow: hidden;
  right: 0;
  left: auto;
  top: 5.4rem;
  font-size: 1.6rem;
}
@media (max-width: 550px) {
  .dropdown_user {
    right: calc((100vw - 320px) / 2);
    left: calc((100vw - 320px) / 2);
    position: fixed;
  }
}
.dropdown_user_head {
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dropdown_user_head .nav_user_icon {
  width: 5.6rem;
  height: 5.6rem;
  margin-left: 0;
  margin-right: 1.5rem;
}
.dropdown_user_head .user_info p {
  margin-left: 1rem;
}
.dropdown_user_head .user_info a {
  padding: 0.7rem 2.2rem;
  margin: 0;
}

.dropdown_user_body {
  background: #E6EDF2;
  padding: 1rem 1rem;
  overflow: auto;
  max-height: 350px;
}

.dropdown_user_foot {
  padding: 1.5rem 1rem 1rem 1rem;
  text-align: center;
}

.dropdown_user_edit h4 {
  background: #d7e2f0;
  padding: 0.75rem 1rem;
  margin-bottom: 0;
}
.dropdown_user_edit ul {
  color: #b8c1c4;
}
.dropdown_user_edit ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.75rem 1rem;
}

.btn_delete_label {
  background: #e1e9ec;
  color: #acb7bc;
  border-radius: 50px;
  font-size: 1.5rem;
  padding: 0.2rem 0.75rem;
}
.btn_delete_label::before {
  content: "+";
}

.btn_add_label {
  border: 1px solid #ff656d;
  color: #ff656d;
  border-radius: 50px;
  font-size: 1.5rem;
  padding: 0.2rem 0.75rem;
}
.btn_add_label:hover {
  background: #ff656d;
  color: #fff;
}
.btn_add_label::before {
  content: "- ";
}

ul.card_tool {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
ul.card_tool li {
  position: relative;
  width: 33.3333%;
  padding: 0.5rem;
}
ul.card_tool a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #ffff;
  color: #505050;
  text-align: center;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.078);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.078);
  border-radius: 6px;
  margin: 0;
  height: 6rem;
  font-size: 1.5rem;
  line-height: 1.3;
  padding: 0px 7px;
}
ul.card_tool a span {
  color: #000000;
  font-size: 1.8rem;
  font-weight: bold;
  font-family: "Prompt", sans-serif;
}
ul.card_tool a .label_notice {
  right: 0.9rem;
  top: 0.9rem;
  width: 0.9rem;
  height: 0.9rem;
}

.dropdown.show .nav_user_icon {
  border: 2px solid #76D2F5;
}

.link_secondary {
  color: #505050;
  text-decoration: underline;
  cursor: pointer;
}
.link_secondary:hover {
  color: #505050;
  text-decoration: underline;
}

.nav_corp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav_corp::after {
  content: "";
  display: inline-block;
  background-image: url("../images/icon_arrow_2.svg");
  background-size: 1.1rem;
  height: 1.1rem;
  width: 1.1rem;
  background-position: center;
  background-repeat: no-repeat;
  border: 0;
}
@media (max-width: 550px) {
  .nav_corp::after {
    display: none;
  }
}

.dropdown_corp {
  border-radius: 8px;
  padding: 1.5rem 2.5rem 2.4rem 2.5rem;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.161);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.161);
  width: 252px;
  right: 0;
  left: auto;
  top: 6.8rem;
  border: 0;
}
@media (max-width: 550px) {
  .dropdown_corp {
    top: 4.5rem;
  }
}
.dropdown_corp a {
  font-size: 1.6rem;
}
.dropdown_corp .btn_secondary_3 {
  padding: 0.7rem 2rem;
  width: 100%;
  text-align: center;
}
.dropdown_corp .btn_size_5{
}
.dropdown_corp img {
  width: 100%;
  border-radius: 6px;
}
.dropdown_corp hr {
  margin: 1.5rem 0;
}

.dropdown_corp ul li {
  margin: 1rem 0;
  padding: 0 1.3rem;
}

.nav_more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.8rem 0.6rem;
}
.nav_more:hover .nav_more_icon {
  background-color: #E6EDF2;
}
@media (max-width: 550px) {
  .nav_more {
    display: none;
  }
}

.nav_more_icon {
  display: inline-block;
  background-image: url("../images/icon_menu_1.svg");
  background-size: 2.4rem;
  height: 2.4rem;
  width: 2.4rem;
  background-position: center;
  background-repeat: no-repeat;
}

.sidebar_slide {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: rgba(0, 0, 0, 0);
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
  visibility: hidden;
  z-index: 999;
}

.sidebar_content {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 11;
  background: #fff;
  max-width: 100%;
  width: 619px;
  overflow-y: auto;
  padding: 7.4rem 3.2rem;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: -webkit-transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.sidebar_content .sidebar_btn {
  position: absolute;
  right: 3.2rem;
  top: 3.2rem;
}
@media (max-width: 550px) {
  .sidebar_content {
    padding: 6.7rem 2.3rem;
  }
}

.sidebar_slide.show {
  background: rgba(0, 0, 0, 0.25);
  visibility: visible;
}
.sidebar_slide.show .sidebar_content {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}

.sidebar_service h3 {
  margin-bottom: 2.3rem;
}
.sidebar_service h4 {
  margin-bottom: 2.3rem;
  color: #009CD8;
}
@media (max-width: 550px) {
  .sidebar_service h4 {
    display: none;
  }
}
.sidebar_service .UI_list.nav a {
  font-size: 1.8rem;
  padding: 1rem 1.5rem;
  width: 100%;
}
.sidebar_service .UI_list.nav a.active, .sidebar_service .UI_list.nav a:hover {
  color: #0988CB;
}
@media (max-width: 550px) {
  .sidebar_service .UI_list.nav {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow: scroll;
    margin-bottom: 1rem;
  }
  .sidebar_service .UI_list.nav a {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    background: #F2F2F2;
    width: auto;
    margin-right: 0.8rem;
  }
}

.home_searchbar {
  position: absolute;
  top: 150px;
  width: 845px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 1189px) {
  .home_searchbar {
    top: 80px;
    width: 655px;
  }
}
@media (max-width: 810px) {
  .home_searchbar {
    width: 500px;
  }
}
@media (max-width: 550px) {
  .home_searchbar {
    top: 60px;
    width: 330px;
    padding: 0.2rem 0.4rem;
  }
}

.list_searchbar {
  position: static;
  -webkit-transform: none;
          transform: none;
  width: auto;
  padding: 0.3rem 0.5rem 0.3rem 0.3rem;
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.102);
          box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.102);
}
.list_searchbar .btn_size_1 {
  font-size: 1.5rem;
  padding: 0.4rem 1rem;
}
.list_searchbar .UI_searchbar_dropdown {
  top: 5rem !important;
  padding: 1rem 0;
  border-radius: 10px;
}
.list_searchbar .UI_searchbar_select {
  padding: 0 0.4rem;
}
.list_searchbar .UI_searchbar_select a {
  position: relative;
}
.list_searchbar .UI_searchbar_select .UI_icon_down {
  display: none;
}
.list_searchbar .UI_searchbar_select .label_num {
  position: static;
  margin-left: 0.8rem;
}
@media (max-width: 1189px) {
  .list_searchbar .UI_searchbar_select .label_num {
    position: absolute;
    margin-left: 0;
    right: -0.75rem;
    top: -0.5rem;
    font-size: 12px;
    min-width: 1.6rem;
    min-height: 1.6rem;
  }
}
.list_searchbar .UI_searchbar_input input {
  font-size: 1.5rem;
  padding: 0.5rem 1rem 0.5rem 3.5rem;
  background-size: 2rem;
  background-position: left 1rem center;
  -webkit-box-shadow: inset 0px 0.6px 6px rgba(0, 0, 0, 0.349);
          box-shadow: inset 0px 0.6px 6px rgba(0, 0, 0, 0.349);
}
@media (max-width: 810px) {
  .list_searchbar {
    position: absolute;
    left: 50px;
    top: 66px;
    width: calc(100% - 100px);
  }
  .list_searchbar::before {
    content: "";
    position: fixed;
    left: 0;
    top: 60px;
    width: 100%;
    background: #D1EAF8;
    height: 5.6rem;
    z-index: -1;
  }
}
@media (max-width: 550px) {
  .list_searchbar {
    left: 1.2rem;
    width: calc(100% - 2.4rem);
    top: 52px;
  }
  .list_searchbar::before {
    top: 46px;
  }
}

.navbar_fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 6.4rem;
}
.navbar_shadow{
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161);
}
@media (max-width: 1189px) {
  .navbar_fixed {
    height: 6rem;
  }
}
@media (max-width: 550px) {
  .navbar_fixed {
    height: 4.6rem;
  }
}
.navbar_fixed .dropdown_category,
.navbar_fixed .dropdown_corp {
  top: 5.7rem;
}
.navbar_fixed .nav_login a,
.navbar_fixed .nav_corp,
.navbar_fixed .nav_more {
  padding: 0.8rem 0.6rem;
}
@media (max-width: 1189px) {
  .navbar_fixed .nav_corp::after {
    display: none;
  }
}
.navbar_fixed .nav_right_left .nav-link {
  background-position: center;
  margin: 0 0.8rem;
}
.navbar_fixed .nav_right_left .nav-link.nav_link_map {
  width: 3.6rem;
  height: 4.5rem;
}
@media (max-width: 1024px) {
  .navbar_fixed .nav_right_left .nav-link.nav_link_map {
    background-size: 2rem;
  }
}
.navbar_fixed .nav_right_left .nav-link.nav_link_category {
  width: 5.4rem;
  height: 4.5rem;
  background-position: left 0.6rem center;
}
.navbar_fixed .nav_right_left .nav-link span {
  display: none;
}
.navbar_fixed .home_searchbar {
  position: static;
  -webkit-transform: none;
          transform: none;
  width: auto;
  padding: 0.3rem 0.5rem 0.3rem 0.3rem;
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.102);
          box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.102);
}
.navbar_fixed .home_searchbar .btn_size_1 {
  font-size: 1.5rem;
  padding: 0.4rem 1rem;
}
.navbar_fixed .home_searchbar .UI_searchbar_dropdown {
  top: 5rem !important;
  padding: 1rem 0;
  border-radius: 10px;
}
.navbar_fixed .home_searchbar .UI_searchbar_select {
  padding: 0 0.4rem;
}
.navbar_fixed .home_searchbar .UI_searchbar_select a {
  position: relative;
}
.navbar_fixed .home_searchbar .UI_searchbar_select .UI_icon_down {
  display: none;
}
.navbar_fixed .home_searchbar .UI_searchbar_select .label_num {
  position: static;
  margin-left: 0.8rem;
}
@media (max-width: 1189px) {
  .navbar_fixed .home_searchbar .UI_searchbar_select .label_num {
    position: absolute;
    margin-left: 0;
    right: -0.75rem;
    top: -0.5rem;
    font-size: 12px;
    min-width: 1.6rem;
    min-height: 1.6rem;
  }
}
.navbar_fixed .home_searchbar .UI_searchbar_input input {
  font-size: 1.5rem;
  padding: 0.5rem 1rem 0.5rem 3.5rem;
  background-size: 2rem;
  background-position: left 1rem center;
  -webkit-box-shadow: inset 0px 0.6px 6px rgba(0, 0, 0, 0.349);
          box-shadow: inset 0px 0.6px 6px rgba(0, 0, 0, 0.349);
}
@media (max-width: 1024px) {
  .navbar_fixed .home_searchbar {
    position: absolute;
    left: 50px;
    top: 66px;
    width: calc(100% - 100px);
  }
  .navbar_fixed .home_searchbar::before {
    content: "";
    position: fixed;
    left: 0;
    top: 60px;
    width: 100%;
    background: #D1EAF8;
    height: 5.6rem;
    z-index: -1;
  }
}
@media (max-width: 550px) {
  .navbar_fixed .home_searchbar {
    left: 1.2rem;
    width: calc(100% - 2.4rem);
    top: 52px;
  }
  .navbar_fixed .home_searchbar::before {
    top: 46px;
  }
}

/*20220223 搜尋頁搜尋bar紀錄新增X按鈕icon*/
.navbar_fixed .home_searchbar .UI_searchbar_dropdown li {
  position: relative;
}
.navbar_fixed .home_searchbar .UI_searchbar_dropdown i.UI_icon_close2 {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
}
.navbar_fixed .home_searchbar .UI_searchbar_dropdown i.UI_icon_close2:hover {
  opacity: 0.6;
}

@media (max-width: 550px) {
  .UI_robot {
    display: none;
  }
}
.UI_robot.show a.UI_robot_btn {
  background-image: url("../images/icon_close_3_big_gradient.svg");
  background-size: 25px;
  -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.UI_robot.show a.UI_robot_btn:hover {
  background-color: #F7F7F7;
}

a.UI_robot_btn {
  display: block;
  width: 7rem;
  height: 7rem;
  background-image: url("../images/icon_service_robot_2.png");
  background-size: contain;
  background-position: center;
  position: fixed;
  right: 2rem;
  bottom: 6rem;
  z-index: 9;
  border-radius: 100%;
  -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0);
          box-shadow: 0 2px 20px rgba(0, 0, 0, 0);
  -webkit-transition: unset;
  transition: unset;
  background-repeat: no-repeat;
}

.dropdown_robot {
  padding: 0;
  width: 365px;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  border: 0;
  top: -15px !important;
}

.dropdown_robot_head {
  padding: 1.4rem;
  border-radius: 8px 8px 0 0;
  background: var(--gradient_1);
  text-align: center;
}
.dropdown_robot_head img {
  height: 2rem;
}

.dropdown_robot_body {
  padding: 2.2rem 3rem 3rem 3rem;
  border-radius: 0 0 8px 8px;
}
.dropdown_robot_body h2 {
  font-size: 2.6rem;
}
.dropdown_robot_body h2 i {
  width: 4rem;
  height: 4rem;
}
.dropdown_robot_body p {
  font-size: 1.7rem;
  margin-bottom: 2.4rem;
}

.robot_service_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1.5rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.robot_service_list i {
  margin-right: 0.4rem;
}
.robot_service_list li {
  margin-bottom: 1.4rem;
  width: calc(50% - .7rem);
}
.robot_service_list li a {
  display: block;
  padding: 0.9rem 1rem;
  border-radius: 6px;
  background: #E8F6FC;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.robot_service_list li a:hover {
  background: #D3F0FC;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.102);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.102);
}
.dropdown_robot_body .guideline{
    width: 100%;
    text-align: center;
    padding: 5px 20px;
    margin-top: 10px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.dropdown_robot_body .guideline .btn_primary{
    min-width: 180px;
    border-radius: 50px;
    background: #04aff0;
    color: #fff;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    align-items: center;
    justify-content: center;
}
.dropdown_robot_sm {
  padding: 0;
}
.dropdown_robot_sm .dropdown_robot {
  position: fixed !important;
  left: 2% !important;
  bottom: 55px;
  width: 96%;
  -webkit-transform: none !important;
          transform: none !important;
  height: auto;
  top: auto !important;
}
.dropdown_robot_sm::before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  pointer-events: none;
}
.dropdown_robot_sm.show::before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.dropdown_robot_sm.show .icon_robot {
  position: relative;
  z-index: 9;
  background-image: url("../images/icon_close_3_big_gradient.svg");
  background-size: 14px;
  -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  border-radius: 100px;
}

.UI_navbar_mobile {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-shadow: 0px -2px 6px rgba(0, 0, 0, 0.102);
          box-shadow: 0px -2px 6px rgba(0, 0, 0, 0.102);
  background: #fff;
  z-index: 100;
  color: #000000;
}
.UI_navbar_mobile > a {
  text-align: center;
  padding: 0.75rem 1rem 0.5rem 1rem;
  width: 20%;
}
.UI_navbar_mobile .dropdown_robot_sm {
  width: 20%;
  text-align: center;
}
.UI_navbar_mobile span {
  display: block;
  font-size: 1.1rem;
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
}
.UI_navbar_mobile .icon_robot {
  width: 3.6rem;
  height: 3.6rem;
}
@media (max-width: 550px) {
  .UI_navbar_mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 8px;
  }
}

.banner_head {
  background: #E6EDF2;
  padding: 2.5rem;
  margin-top: 60px;
}
@media (max-width: 1024px) {
  .banner_head {
    margin-top: 110px;
  }
}

@media (max-width: 810px) {
  .banner_head {
    padding: 0;
    margin-top: 110px;
  }
  .banner_head .container {
    padding: 0 0 1rem 0;
  }
}
@media (max-width: 550px) {
  .banner_head {
    padding: 0;
    margin-top: 102px;
  }
}
.banner_blur {
  position: relative;
  text-align: center;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 2.2rem;
  height: 310px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .banner_blur {
    height: 282px;
  }
}
@media (max-width: 810px) {
  .banner_blur {
    height: 214px;
  }
}
@media (max-width: 550px) {
  .banner_blur {
    height: 160px;
    margin-bottom: 1.5rem;
  }
}

.img_main {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.img_blur {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(25px);
          filter: blur(25px);
  z-index: 1;
}

.UI_notice_slide {
  color: #7353D4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.UI_notice_slide .UI_icon_speaker {
  width: 4rem;
  background-position: left center;
}
@media (max-width: 550px) {
  .UI_notice_slide {
    padding: 0 1rem;
  }
}

.UI_notice {
  font-size: 1.6rem;
  display: inline-block;
  width: calc(100% - 3.2rem);
  padding-left: 1.4rem;
}
.UI_notice li {
  margin-left: 3rem;
}
.UI_notice p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.UI_notice p::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  width: 0.7rem;
  height: 0.7rem;
  background: #7353D4;
  border-radius: 100%;
  margin-right: 0.5rem;
  vertical-align: middle;
}

.corp_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.4rem 0;
/*  margin-top: 64px;
*/}
@media (max-width: 1024px) {
 .corp_head {
/*    margin-top: 120px;
*/  }
}
@media (max-width: 810px) {
  .corp_head {
    padding: 2rem 0;
  }
}
@media (max-width: 550px) {
  .corp_head {
    padding: 1.8rem 0 0 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.corp_head .corp_logo {
  width: 150px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: center;
}
@media (max-width: 1024px) {
  .corp_head .corp_logo {
    width: 100px;
  }
}
@media (max-width: 810px) {
  .corp_head .corp_logo {
    width: 70px;
  }
}
@media (max-width: 550px) {
  .corp_head .corp_logo {
    width: 50px;
  }
}
.corp_head .corp_logo .logo {
  width: 100px;
  height: 100px;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.161);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.161);
  border-radius: 100%;
  margin: auto;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 810px) {
  .corp_head .corp_logo .logo {
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 810px) {
  .corp_head .corp_logo .logo {
    width: 50px;
    height: 50px;
  }
}
.corp_head .title {
  padding-left: 5rem;
}
@media (max-width: 1024px) {
  .corp_head .title {
    padding-left: 3rem;
  }
}
@media (max-width: 550px) {
  .corp_head .title {
    padding-left: 1.6rem;
    width: calc(100% - 50px);
  }
}
.corp_head .title h1 {
  color: #000000;
  font-size: 2.6rem;
}
@media (max-width: 810px) {
  .corp_head .title h1 {
    font-size: 2.1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
}
.corp_head .title p {
  font-size: 1.5rem;
  color: #505050;
}
.corp_head .status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-left: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.corp_head .status img {
  width: 9rem;
}
@media (max-width: 550px) {
  .corp_head .status {
    display: none;
  }
}
.corp_head .status_sm {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: none;
}
@media (max-width: 550px) {
  .corp_head .status_sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-left: 66px;
  }
}

.corp_head_bg {
  background: #fff;
  z-index: 6;
}
@media (max-width: 550px) {
  .corp_head_bg .label_list {
    margin-bottom: 1.5rem;
  }
}
.corp_head_bg.fixed {
  -webkit-box-shadow: 0px 2px 5px #0000001A;
          box-shadow: 0px 2px 5px #0000001A;
}
@media (max-width: 1024px) {
  .corp_head_bg.fixed {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.corp_head_bg.fixed h1 {
  font-size: 2.1rem;
}
.corp_head_bg.fixed .label_list {
  display: none;
}
.corp_head_bg.fixed .corp_logo {
  width: 50px;
}
.corp_head_bg.fixed .corp_logo .logo {
  width: 50px;
  height: 50px;
}
.corp_head_bg.fixed .UI_trophy {
  display: none;
}
.corp_head_bg.fixed .status {
  display: none;
}
.corp_head_bg.fixed .status_sm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 550px) {
  .corp_head_bg.fixed .status_sm {
    display: none;
  }
}

.UI_label {
  border-radius: 0.6rem;
  background: #BCD7F2;
  color: #4065A0;
  padding: 0.2rem 0.7rem;
  display: inline-block;
}

.UI_label_purple {
  background: #DBD3F0;
  color: #725DB1;
}

.crop_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.crop_content h2 {
  margin-bottom: 1.5rem;
}
@media (max-width: 1024px) {
  .crop_content {
    display: block;
  }
  .crop_content .corp_nav.fixed {
    position: fixed;
    left: 0;
    width: 100%;
    top: 102px;
    -webkit-box-shadow: 0px 5px 10px #00000012;
            box-shadow: 0px 5px 10px #00000012;
  }
}
@media (max-width: 550px) {
  .crop_content .corp_nav.fixed {
    top: 80px;
  }
}

.corp_nav {
  width: 150px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: sticky;
  top: 116px;
  z-index: 5;
}
@media (max-width: 1024px) {
  .corp_nav {
    position: sticky;
    background: #fff;
    width: 100%;
    overflow-x: hidden;
    top: 116;
  }
}
@media (max-width: 550px) {
  .corp_nav {
    top: 102px;
  }
}
.corp_nav .UI_tabs {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.corp_nav .tabs_list {
    display: flex;
    flex-direction: column;
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease;
}

.corp_nav .UI_tabs.fixed {
  position: fixed;
  top: 21%;
}
@media (max-width: 1024px) {
  .corp_nav .UI_tabs {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
/*            justify-content: center;
*/  }
  .corp_nav .tabs_list {
      -ms-flex-direction: row;
      flex-direction: row;    
  }
}
@media (max-width: 810px) {
  .corp_nav .UI_tabs {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.corp_nav .UI_tabs a {
  width: 100%;
  border-bottom: 1px solid rgba(203, 203, 203, 0.427);
}
.corp_nav .UI_tabs a:hover {
  color: #000;
  border-bottom: 1px solid #CBCBCB;
}
.corp_nav .UI_tabs a.active {
  color: #000;
  border-bottom: 2px solid #04AFF0;
}
.corp_nav .UI_tabs .light {
  color: #009CD8;
}
.corp_nav .UI_tabs .light:hover {
  color: #009CD8;
}
@media (max-width: 1024px) {
  .corp_nav{
    position: sticky;
  }
  .corp_nav .UI_tabs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
            position: sticky;
  }
  .corp_nav .UI_tabs.fixed {
    position: static;
    top: 21%;
  }
  .corp_nav .UI_tabs a {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    white-space: nowrap;
    margin: 0;
    width: auto;
  }
}

.corp_body {
  padding-left: 5rem;
  width: calc(100% - 150px);
}
@media (max-width: 1024px) {
  .corp_body {
    padding-left: 0;
    margin-top: 4rem;
    width: 100%;
  }
}

.corp_detail {
  background: #F8F8F8;
  padding: 4rem;
  border-radius: 8px;
  margin-bottom: 7rem;
  color: #505050;
}
@media (max-width: 810px) {
  .corp_detail {
    padding: 3rem;
  }
}
.corp_detail h4 {
  color: #000;
  font-size: 1.4rem;
  margin-bottom: 1.2rem;
}
.corp_detail li {
  margin-bottom: 0.7rem;
  color: #505050;
}
.corp_detail a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #505050;
  margin-left: 1rem;
}
.corp_detail a i {
  
}

.corp_other {
  border-left: 1px solid #CBCBCB;
  padding-left: 3.5rem;
}
@media (max-width: 550px) {
  .corp_other {
    border: 0;
    border-top: 1px solid #CBCBCB;
    padding-left: 0;
    padding-top: 2rem;
    margin-top: 2rem;
  }
}

.UI_list_dots {
  margin-bottom: 2rem;
}
.UI_list_dots a {
  color: #009CD8;
  text-decoration: underline;
}
.UI_list_dots li {
  margin-bottom: 0.7rem;
}
.UI_list_dots li::before {
  content: "";
  display: inline-block;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 100%;
  background: #04AFF0;
  margin-right: 0.7rem;
}

.corp_social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.corp_social a {
  display: inline-block;
  padding: 0.8rem 2.4rem;
  border-radius: 50px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.corp_social a:hover {
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.102);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.102);
  background: #fff;
}

.corp_info {
  padding: 0 1.6rem;
  margin-bottom: 7rem;
}
.corp_info p {
  font-size: 1.7rem;
  line-height: 1.8;
}
.job_info_content .btn_secondary_5{
  position: relative;
}
.job_info_content .dropdown_notice_head{
  font-size: 1.6rem;
}
.job_info_content .btn_arrow{
  font-size: 1.5rem;
  margin-top: 25px;
}
.job_info_content .dropdown_notice .notice_content{
  padding: 8px 10px 29px 10px;
}
.job_info_content .dropdown_notice{
  width: 220px;
  margin-top: 5px;
  height: auto;
  z-index: 2;
}

.job-list-item .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 90%;

}
.job-list-item .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden;
    padding-left: 10px;
    outline: none;
}

.job-list-item .bootstrap-select .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1.4rem;
}
.job-list-item .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #009CD8;
}
.job-list-item .job_list_filter{
  display: inline-flex;
  flex-direction: row;
  margin-top: 10px;
    padding-right: 0px;
  padding-left: 3px;
}
.job-list-item .bootstrap-select > .dropdown-toggle{
    border-radius: 6px;
    padding: 3px;
    font-size: 1.4rem;
}
.job_list_filter .select_box{
  padding-right: 0px;
  padding-left: 0px;
  align-items: center;
  justify-content: center;
  display: flex;
}
.UI_note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
}
.UI_note .UI_icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.8rem;
}
.UI_note h4 {
  color: #000;
}
.UI_note p {
  color: #D60505;
}

.corp_more {
  background: #F8F8F8;
  padding: 4rem;
  border-radius: 8px;
  margin-bottom: 7rem;
  color: #000000;
}
.corp_more h4 {
  color: #009CD8;
  font-weight: 400;
  margin-bottom: 2rem;
}
.corp_more ul li::before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url("../images/icon_check_2.svg");
  background-size: 1.6rem;
  margin-right: 1.2rem;
}
.corp_more ol {
  padding-left: 2rem;
}
.corp_more ol li {
  padding-left: 0.75rem;
}
.corp_more ol li::marker {
  color: #04AFF0;
}

.link_sm {
  font-size: 1.4rem;
  color: #505050;
  text-decoration: underline;
}
.link_sm i {
  margin-right: 1rem;
}

.UI_trophy {
  position: relative;
  margin-right: 2.4rem;
}
.UI_trophy img {
  width: 90px;
}
.UI_trophy .info {
  position: absolute;
  color: #D33773;
  text-align: center;
  top: 38%;
  left: 0;
  width: 100%;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.UI_trophy .info h5 {
  font-size: 1.1rem;
}
.UI_trophy .info .year {
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Prompt", sans-serif;
  width: 85%;
  margin: auto;
}
.UI_trophy .info .year span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 0.4rem;
}
.UI_trophy .info .year::before, .UI_trophy .info .year::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #D33773;
}
.UI_trophy .info h6 {
  font-size: 1.5rem;
  font-weight: bold;
}

.UI_trophy_sm {
  text-align: center;
  color: #D33773;
  width: 45px;
  margin-right: 2rem;
}
.UI_trophy_sm img {
  width: 22px;
}
.UI_trophy_sm h6 {
  font-weight: bold;
  -webkit-transform: scale(0.9) translateY(-4px);
          transform: scale(0.9) translateY(-4px);
  margin: 0;
}
.UI_trophy_sm .year {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.UI_trophy_sm .year span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 0.2rem;
  font-family: "Prompt", sans-serif;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
.UI_trophy_sm .year::before, .UI_trophy_sm .year::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #D33773;
}

.UI_replay .chart {
  margin-bottom: 1rem;
}

.UI_replay_sm {
  font-size: 1.1rem;
}
.UI_replay_sm h5 {
  border-bottom: 1px solid #E2E2E2;
  padding-bottom: 0.5rem;
}
.UI_replay_sm span {
  color: #04AFF0;
  font-family: "Prompt", sans-serif;
  margin: 0 0.3rem;
  font-size: 1.4rem;
}
.UI_replay_sm p {
  margin-bottom: 0;
}

.corp_footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
  background: #fff;
  -webkit-box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.078);
          box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.078);
  z-index: 9;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.corp_footer .btn_icon_text_1 {
  font-size: 1.4rem;
}
.corp_footer a {
  margin: 0 0.5rem;
}
.corp_footer .btn_icon_text_1 {
  margin: 0 1rem;
}
@media (max-width: 550px) {
  .corp_footer .btn_icon_text_1 span {
    display: none;
  }
}
.corp_footer .btn {
  font-size: 1.5rem;
  padding: 0.4rem 2rem;
}
@media (max-width: 550px) {
  .corp_footer {
    -webkit-box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.078);
            box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.078);
    bottom: 62px;
  }
}

.crop_slick .slick-prev {
  background: url(../images/icon_arrow_1_left.svg) no-repeat center center;
  left: -17px;
}
.crop_slick .slick-next {
  background: url(../images/icon_arrow_1.svg) no-repeat center center;
  right: -17px;
}
.crop_slick .slick-next,
.crop_slick .slick-prev {
  width: 35px;
  height: 35px;
  z-index: 3;
  background-size: 45%;
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 6px #00000029;
          box-shadow: 0px 3px 6px #00000029;
  border-radius: 100%;
  opacity: 0.8;
}
.crop_slick .slick-list {
  margin: 0 -0.75rem;
  padding: 10px 0;
}
.crop_slick .slick-slide > div {
  padding: 0 0.75rem;
}
.crop_slick .slick-dots li {
  background: #003067;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50px;
  opacity: 0.5;
}
.crop_slick .slick-dots li.slick-active {
  opacity: 1;
  width: 1.9rem;
}

.crop_slick {
  margin-bottom: 5.5rem;
}

.progress_pie_chart {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background-color: #E5E5E5;
  position: relative;
}
.progress_pie_chart.gt_50 {
  background-color: #04AFF0;
}

.ppc_progress {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 38px);
  top: calc(50% - 38px);
  width: 76px;
  height: 76px;
  clip: rect(0, 76px, 76px, 38px);
}
.ppc_progress .ppc_progress_fill {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 38px);
  top: calc(50% - 38px);
  width: 76px;
  height: 76px;
  clip: rect(0, 38px, 76px, 0);
  background: #04AFF0;
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}
.gt_50 .ppc_progress {
  clip: rect(0, 38px, 76px, 0);
}
.gt_50 .ppc_progress .ppc_progress_fill {
  clip: rect(0, 76px, 76px, 38px);
  background: #E5E5E5;
}

.ppc_percents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 66.0869565217px/2);
  top: calc(50% - 66.0869565217px/2);
  width: 66.0869565217px;
  height: 66.0869565217px;
}
.ppc_percents h5 {
  font-size: 1.3rem;
  font-weight: normal;
  margin-bottom: 0;
}
.ppc_percents span {
  font-size: 1.6rem;
  font-family: "Prompt", sans-serif;
  display: block;
  font-weight: bold;
  color: #04AFF0;
}

.replay_txt {
  border-top: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
  padding: 0.25rem 0;
}
.replay_txt p {
  margin-bottom: 0;
}
.replay_txt span {
  color: #009CD8;
  font-family: "Prompt", sans-serif;
  font-size: 1.4rem;
}

.tcode__modal *,
.tcode__modal *:after,
.tcode__modal *:before {
  color: #505050;
}

.tcode__header-title-right:after {
  background-image: url("../images/icon_close_1_small.svg");
}

.tcode__dialog {
  border-radius: 16px;
}

.tcode__header {
  border-bottom: 1px solid #E2E2E2;
}

.tcode__header-title {
  background: #fff;
  padding: 10px;
}

.tcode__header-title-name:after {
  color: #000000;
  font-weight: 400;
  font-size: 21px;
}
@media (max-width: 550px) {
  .tcode__header-title-name:after {
    font-size: 18px;
  }
}

.tcode__header-info {
  background: #F2F2F2;
  padding: 10px 30px;
}

.tcode__header-info-num:before {
  color: #000000;
}

.tcode__header-info-num:after {
  color: #FF0001;
  font-family: "Prompt", sans-serif;
}

.tcode__header-search {
  background: #fff;
}

.select-text {
  border-radius: 50px;
}

.tcode__panel--root {
  background: #fff;
  padding: 10px 25px;
}

.tcode__panel-group > li:first-child {
  color: #009CD8;
  font-weight: 400;
  margin-bottom: 10px;
}

.tcode__panel--root .tcode__panel-item > b {
  font-weight: 400;
  white-space: nowrap;
}

.tcode__body {
  font-size: 16px;
}

.tcode__panel-group {
  margin-bottom: 24px;
  padding: 0;
}

.tcode__footer {
  background: #fff;
  border-top: 1px solid #efefef;
  min-height: 56px;
}
.tcode__footer button {
  background: transparent -webkit-gradient(linear, left top, right top, from(#03AFF0), to(#9438CC)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #03AFF0 0%, #9438CC 100%) 0% 0% no-repeat padding-box;
  border-radius: 50px;
  padding: 7px 30px;
}
.tcode__footer button.tcode__btn-outline-secondary {
  background: #fff;
  border: 1px solid #CBCBCB;
}
.tcode__footer button.tcode__btn-outline-secondary::after {
  color: #505050;
}
.tcode__footer button.tcode__btn-clear {
  background: #fff;
  border: 1px solid #EB5858;
  color: #EB5858;
}

.tcode__panel-item:hover {
  background: #E6EDF2 !important;
  border-radius: 6px;
  color: #505050;
}
.tcode__panel-item:hover span {
  -webkit-box-shadow: inset 1px 1px 5px #00000029 !important;
          box-shadow: inset 1px 1px 5px #00000029 !important;
  border: 1px solid #C1C1C1 !important;
  background: #fff !important;
}

.tcode__header-search-text {
  height: 40px !important;
  border-radius: 50px !important;
  -webkit-box-shadow: 0px 1px 4px #0000001A !important;
          box-shadow: 0px 1px 4px #0000001A !important;
  border: 0 !important;
  margin: 6px 30px !important;
  padding-left: 14% !important;
}
.tcode__header-search-text:focus-visible {
  outline: 3px solid #d1eaf8 !important;
  border: 1px solid #04AFF0 !important;
}
@media (max-width: 810px) {
  .tcode__header-search-text {
    margin: 6px 15px !important;
    padding-left: 10% !important;
  }
}

.tcode__panel--active ~ .tcode__panel--root .tcode__panel-item--selected,
.tcode__panel--active ~ .tcode__panel--area .tcode__panel-item--selected {
  background: #D1EAF8 !important;
  border-radius: 6px;
  color: #505050;
}

.tcode__panel {
  background: #fff;
}

.tcode__panel-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.3;
  padding: 8px 12px !important;
}

.tcode__panel--root .tcode__panel-item > b {
  color: #000;
}

.tcode__panel-item.l100 b {
  color: #505050;
  font-weight: 400;
}

.tcode__panel-item [type=checkbox] + span {
  width: 24px;
  height: 24px;
  background: #EDEDED 0% 0% no-repeat padding-box;
  -webkit-box-shadow: inset 1px 1px 5px #0000001A;
          box-shadow: inset 1px 1px 5px #0000001A;
  border-radius: 6px;
  border: 0;
}

.tcode__panel-group label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.tcode__panel-group label.l100 {
  padding-bottom: 15px;
  margin-bottom: 0;
  border-bottom: 0;
}

.tcode__panel--search .tcode__panel-item [type=checkbox] ~ b {
  font-weight: 400;
}

.tcode__panel--root .tcode__panel-item:after {
  background: #04AFF0;
  width: 21px;
  height: 21px;
  border-radius: 50px;
  font-family: "Prompt", sans-serif;
  line-height: 21px;
}

.tcode__header-search-left {
  left: 10%;
  font-size: 16px;
}
@media (max-width: 810px) {
  .tcode__header-search-left {
    display: none;
  }
}

.tcode__header-search-left,
.tcode__header-search-right {
  top: 15px;
}

.tcode__header-search-right:before {
  background-image: url("../images/icon_search_1_big.svg");
}

.tcode__header-search-right {
  right: auto;
  left: 6%;
}

.tcode__header-selected {
  background: #F2F2F2;
}

.tcode__header-selected-list > div {
  background: #fff;
  color: #505050;
  border-radius: 50px;
  border: 1px solid #cbcbcb;
  padding: 6px 20px;
  font-size: 16px;
  margin-bottom: 10px;
}
.tcode__header-selected-list > div:hover {
  background: #fff;
}

.tcode__header-selected-list > div:before {
  color: #505050;
}

.tcode__header-selected-list > div:after {
  background-image: url("../images/icon_btn_delete.svg");
  position: static;
  display: inline-block;
  margin-left: 8px;
  height: 16px;
  width: 16px;
}

.tcode__header-selected-ext:after {
  background-image: url("../images/icon_arrow_2.svg");
  margin-left: 10px;
}

.tcode__header-selected--expand > .tcode__header-selected-ext:after {
  background-image: url("../images/icon_arrow_2.svg");
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-left: 10px;
}

.tcode__panel-item :checked ~ b {
  color: #000;
}

.tcode__panel-item [type=checkbox]:disabled + span {
  background: #F2F2F2 !important;
  border-color: #F2F2F2 !important;
}
.tcode__panel-item [type=checkbox]:disabled + span:before {
  background-image: url("../images/icon_check_1_m.svg") !important;
}

.tcode__panel-item :checked + span {
  background: #04AFF0 !important;
}

.tcode__panel--search i,
.tcode__panel--search i {
  color: #9438CC;
}

.tcode__panel--search i {
  color: #9438CC;
  font-family: "Prompt", sans-serif;
}

.tcode__panel--search li > div {
  border: 0;
}

.tcode-group {
  padding: 30px;
}
.tcode-group div.tcode-col-1 {
  padding-left: 37px;
}
@media (max-width: 550px) {
  .tcode-group {
    padding: 15px;
    width: calc(100% - 48px);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.tcode-group li::marker {
  content: none;
}

.tcode__panel--search li > div {
  padding-left: 0;
  border: 0;
}
.tcode__panel--search .tcode-col-1:first-child {
  border-bottom: 1px solid #E2E2E2;
  margin-bottom: 11px;
}

.tcode__header-info--link:before {
  color: #000;
}

.tcode__panel--active ~ .tcode__panel--root .tcode__panel-item.tcode-col-1:nth-child(odd) {
  background: #fff;
}

.tcode__dialog {
  max-width: 780px;
}
@media (max-width: 810px) {
  .tcode__dialog {
    width: 500px;
    max-width: 100%;
    margin: auto;
    max-height: 96%;
  }
  .tcode__dialog .tcode__header-title-left:after {
    display: none;
  }
}
@media (max-width: 550px) {
  .tcode__dialog {
    max-height: 100%;
    border-radius: 0;
  }
}

@media (max-width: 810px) {
  .tcode__overlay--active + .tcode__modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.tcode__panel--active ~ .tcode__panel--root {
  width: 270px;
  max-width: 100%;
}

.tcode__panel--active {
  width: 510px;
  max-width: 100%;
}

.tcode__panel-item.m100 b {
  color: #009CD8;
}

.tcode__header-search {
  position: relative;
  top: 0;
}

.tcode__panel--root .tcode__panel-item:before {
  display: none;
}

.tcode__panel--root .tcode__panel-item.tcode-col-1:nth-child(odd) {
  background: #fff !important;
}

.tcode__btn-enter:after {
  color: #fff !important;
}

.UI_list_group .UI_list_icon li{
  position: relative;
}

/*20220207臨時新增 找工作送1萬浮動連結設定*/
.Event_22y1w {
  display: block;
  width: 5rem;
  position: fixed;
  right: 3rem;
  bottom: 15.5rem;
  z-index: 9;
}
.Event_22y1w a.Event_22y1w_btn {
  display: block;
  transform: scale(1.0);
  width: 50px;
  transform:scale(1.5,1.5);
  animation-name: changeImg;
  animation-delay: 3s;
  animation-duration:0.5s;
  animation-fill-mode: forwards;
}
@keyframes changeImg{
    0% {
        transform:scale(1.5,1.5);
    }
    100%{
        transform:scale(1,1);
    }
}

.Event_22y1w a.Event_22y1w_btn img {
  width: 100%;
}
.Event_22y1w a.Event_22y1w_close_btn {
  position: absolute;
  top: -20px;
  right: -10px;
  width: 18px;
  height: 18px;
  border-radius: 25px;
  background-color: #9a9a9a;
  padding: 2px 4px;
  cursor: pointer;
  display: flex;
  align-content: center;
  animation-name: fadeInBtn;
  animation-delay: 3s;
  animation-duration:0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes fadeInBtn{
    0% {
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.Event_22y1w a.Event_22y1w_close_btn i.UI_icon {
  width: 100%;
}
@media (max-width: 550px) {
  .Event_22y1w a.Event_22y1w_btn {
    width: 50px;
  }
  .Event_22y1w {
    right: 1.25rem;
  }
  .Event_22y1w a.Event_22y1w_close_btn {
    display: flex;
  }
}
/* 20220225 */

.dropdown_notice_head.active{
  color: #000!important;
}
.dropdown_notice_head.active::before{
  content: "";
  width: 85%;
  height: 2px;
  background: #009CD8;
  display: block;
  bottom: 0px;
  position: absolute;
}
#whiteBarNotifyDiv .dropdown_notice_head{
  cursor: pointer;
}
#whiteBarNotifyDiv .dropdown_notice_windows{
  display: flex;
  background: #fff;
}
/*#whiteBarNotifyDiv .dropdown_notice_head{
  width: 50%;
  color: #d1d1d1;
}*/
#whiteBarNotifyDiv .dropdown_notice_number{
  right: 25px;
}
.dropdown_notice.active{
  display: block;
}
.dropdown_notice_body.active{
  display: block;
}
/*.dropdown_notice_body{
  display: none;
}*/
.systemWindow .title div{
  background: #009CD8;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 2px 15px;
  font-size: 16px;
  color: #fff;
}
.systemWindow .name{
  position: relative;
}
.systemWindow .name h5{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.systemWindow .name p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 75%;
    margin-top: 10px;
}
.systemWindow .name p::after{
    content: "";
    position: absolute;
    width: 16px;
    height: 22px;
    right: 13px;
    bottom: 14px;
    -webkit-mask: url(../images/icon_arrow_1.svg) no-repeat center center;
    mask: url(../images/icon_arrow_1.svg) no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--primary_3);
}
.UI_card_item.activity_win{
  padding: 0;
}
.activity_win .activity_item{
  padding: 10px;
}
.activity_win img{
  width: 100%;
  height: 100px;
}
.jhunting_win .UI_card_item:hover{
  -webkit-box-shadow: 2px 5px 15px rgb(0 0 0 / 16%);
  box-shadow: 2px 5px 15px rgb(0 0 0 / 16%);
  border: 3px solid #76D2F5!important;
}
.jhunting_win .title div{
  background: transparent;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  font-size: 16px;
  color: #009CD8;
  padding-left: 0;
}
.jhunting_win .title div span{
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  color: #fff;
  background: #009CD8;
  width: 25px;
  height: 25px;
  display: inline-block;
  text-align: center;
  font-weight: 900;
  margin-right: 5px;
}
.jhunting_win .name p{
  width: 100%;
}
.jhunting_win .name p::after{
  content: none;
}
.jhunting_win .jhunting_link{
  font-size: 16px;
  color: #009CD8;
  text-align: right;
  position: relative;
  right: 23px;
}
.jhunting_win .jhunting_link::after{
  content: "";
    position: absolute;
    width: 16px;
    height: 22px;
    top: 2px;
    -webkit-mask: url(../images/icon_arrow_1.svg) no-repeat center center;
    mask: url(../images/icon_arrow_1.svg) no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--primary_3);
}
.dropdown_notice_windows .UI_icon_close{
  position: absolute;
  width: 15px;
  height: 15px;
  right: 3px;
  top: 18px;
  display: none;
}
.dropdown_notice_foot.hidden{
  display: none;
}
@media (max-width: 550px) {
  .dropdown_notice_windows .UI_icon_close{
    display: block;
  }
}
/* 20220303 公司頁增加幸福企業票選中和響應廠商樣式 */
.UI_label_pink {
  background: #f7def0;
  color: #d33773;
  font-size: 1.4rem;
  position: relative;
  padding: 0 0.7rem 0 2rem;
}
.UI_label_pink::before {
  content: "";
  width: 30px;
  height: 35px;
  overflow: hidden;
  position: absolute;
  left: -12px;
  top: calc(50% - 17.5px);
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-image: url(../images/icon_happy_badge_3_large.png);
}
.UI_label_pink small::before {
  content: '|';
  margin: 0 0.5rem;
  vertical-align: text-bottom;
}
@media (max-width: 550px) {
  .UI_label_pink {
    margin: 0 0 1.2rem 0;
  }
}
@media (max-width: 550px) {
    #crop_detail-link, #crop_service-link, #crop_env-link, #crop_video-link {
        display: none;
    }
}