/* css ***********/
a:hover {
  color: #1E9C85;
  text-decoration: underline;
}

#block-fontsizebox #font-size-box a {
  color: #6D6D6D;
}

#block-fontsizebox #font-size-box a.active {
  color: #1E9C85;
}

.navbar-dark.bg-primary .navbar-nav .nav-link {
  padding: 4px 14px;
}

#block-fontsizebox #font-size-box a:hover,
.navbar-dark.bg-primary .navbar-nav .nav-link.active,
.navbar-dark.bg-primary .navbar-nav .nav-link:hover,
.navbar-dark.bg-primary .navbar-nav .dropdown-menu .dropdown-item a:hover {
  color: #1E9C85;
}

#CollapsingNavbar .navbar-nav .show>.nav-link {
  color: #1E9C85;
}

.navbar-dark.bg-primary .navbar-nav .dropdown-menu {
  border-bottom: 2px solid #1E9C85;
}

#main {
  border-bottom: 1px solid #C2C2C2;
  padding-bottom: 80px;
  margin-bottom: 0 !important;
}

.site-footer {
  padding-top: 50px !important;
}

.page-node-34 .section,
.page-node-35 .section,
.page-node-36 .section .page-node-37 .section,
.page-node-38 .section,
.page-node-39 .section {
  box-shadow: unset !important;
}

ul li,
ul {
  list-style: none;
  padding-left: 0;
}

/* container ***********/
.container .container {
  padding: 0;
}

/* paragraph ***********/
.paragraph.paragraph--width--full>.paragraph__column,
.paragraph.paragraph--width--medium>.paragraph__column,
.paragraph.paragraph--width--narrow>.paragraph__column,
.paragraph.paragraph--width--tiny>.paragraph__column,
.paragraph.paragraph--width--wide>.paragraph__column,
.paragraph>.paragraph__column {
  padding: 0;
}

/* swiper ***********/
.swiper-pagination-bullet-active {
  background-color: #1E9C85;
}

/* color ***********/
.bg-pink {
  background-color: #FFF4EE;
  margin-top: 80px;
  padding: 80px 0;
  padding: 80px 0 120px 0;
}

.bg-blue {
  background-color: #E9FAF7;
  margin-top: 80px;
  padding: 80px 0;
  padding: 80px 0 120px 0;
}

/* breadcrumb ***********/
.breadcrumb-item.active {
  color: #0D7562 !important;
}

body.path-frontpage #main:not(.maintenance-page) {
  display: none !important;
}

/* layout ***********/

/* .page-view-videos .layout-main-wrapper,
.page-view-search-job-page .layout-main-wrapper {
  background: #fff url(../images/bg/mainbg-pattern.jpg) center top no-repeat !important;
  background-size: 100% auto;
} */
.page-node-31475 table.table.table-bordered img {
  max-width: 120px !important;
}

.page-view-videos .card-deck .card {
  border-radius: 12px !important;
  border: 1px solid #E8E8E8 !important;
  background: #FFF !important;
  overflow: hidden;
  margin-bottom: 30px;
}

.page-view-videos .card-body .media img {
  border-radius: 50px;
  width: 50px !important;
  height: 50px !important;
  object-fit: cover;
}

.layout-main-wrapper {
  background: none !important;
  display: inline-block;
  width: 100%;
  position: relative;
}

.layout-main-wrapper::before {
  background: #fff url(../images/bg/mainbg-pattern.jpg) center top no-repeat;
  background-size: 100% auto;
  content: '';
  width: 100%;
  aspect-ratio: 1728 / 660;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.node--type-page #block-e72-content {
  background: none !important;
}

.path-taxonomy .main-content,
.node--type-job-tutor .section,
.node--type-news #block-e72-content,
.node--type-activity #main-wrapper .main-content>.section,
.node--type-job .main-content>.section,
.node--type-testimonial #main-wrapper .main-content>.section,
.node--type-testimonial-inspiration #main-wrapper .main-content>.section,
.node--type-member-area-news #main-wrapper .main-content>.section,
.node--type-news #block-e72-content,
.node--type-news-re-employment #block-e72-content,
.node--type-course #block-e72-content,
.node--type-resume-making #block-e72-content,
.page-node-7 .layout-main-wrapper #block-e72-content,
.page-node-8 .layout-main-wrapper #block-e72-content,
.page-node-1585 .layout-main-wrapper #block-e72-content,
.page-node-2988 .layout-main-wrapper #block-e72-content,
.page-node-1589 .layout-main-wrapper #block-e72-content {
  background-color: unset !important;
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
  padding: unset !important;
}

.node--type-job #block-e72-breadcrumbs {
  margin-top: 80px;
}

.node--type-activity .bs-region.bs-region--main .block-webform-block {
  max-width: 1280px !important;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-shadow: 0px 2px 6px #c2c2c2;
  box-shadow: 0px 2px 6px #c2c2c2;
  height: unset !important;
  padding: 20px 0;
}

.node--type-activity .bs-region.bs-region--main .block-webform-block .webform-submission-form #edit-actions {
  margin-bottom: 0;
}

.page-node-7 .node__content,
.page-node-8 .node__content,
.page-node-1585 .node__content,
.page-node-2988 .node__content,
.page-node-1589 .node__content,
.node--type-activity .node__content,
.node--type-activity #main-wrapper .main-content>.section #block-e72-content,
.node--type-testimonial #main-wrapper .main-content>.section #block-e72-content,
.node--type-testimonial-inspiration #main-wrapper .main-content>.section #block-e72-content,
.node--type-member-area-news #main-wrapper .main-content>.section #block-e72-content {
  background: unset !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.node--type-activity #main.-wrapper .main-content>.section #block-e72-content,
.node--type-testimonial #main-wrapper .main-content>.section #block-e72-content,
.node--type-testimonial-inspiration #main-wrapper .main-content>.section #block-e72-content,
.node--type-member-area-news #main-wrapper .main-content>.section #block-e72-content {
  padding: 0 !important;
  background: unset !important;
}

body:not(.node--type-handmade-product, .node--type-e72-product, .node--type-job) .section-container {
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 6px #c2c2c2;
  box-shadow: 0px 2px 6px #c2c2c2;
  padding: 1rem 1rem 0 1rem;
}

body.node--type-job-tutor .section-container {
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

body.node--type-job #block-e72-content article.contextual-region>div,
.node--type-job-tutor .section .node__content {
  background: #ffffff;
  padding: 0rem 1rem 0 1rem;
  border-radius: 8px;
  border: 1px solid #E8E8E8;
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
}

.node--type-job-tutor .section .node__content>div:nth-child(1)>div {
  padding: 40px;
  background: #E9FAF7;
}

.page-node-7 .node__content .section-container,
.page-node-8 .node__content .section-container,
.page-node-1585 .node__content .section-container,
.page-node-2988 .node__content .section-container,
.page-node-1589 .node__content {
  padding: 1rem;
  ;
}

.node--type-news .bs-region.bs-region--main .block-addtoany,
.node--type-activity .bs-region.bs-region--main .block-addtoany,
.node--type-course-sage .bs-region.bs-region--main .block-addtoany,
.node--type-member-area-news .bs-region.bs-region--main .block-addtoany,
.node--type-member-area-news #block-e72-content .bs-region.bs-region--main .block-addtoany,
.node--type-resume-making .bs-region.bs-region--main .block-addtoany,
.node--type-news-re-employment .bs-region.bs-region--main .block-addtoany,
.node--type-testimonial .bs-region.bs-region--main .block-addtoany,
.node--type-testimonial-inspiration .bs-region.bs-region--main .block-addtoany {
  max-width: 1280px !important;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-shadow: 0px 2px 6px #c2c2c2;
  box-shadow: 0px 2px 6px #c2c2c2;
  margin-top: -16px !important;
}

@media (min-width: 992px) {

  .node--type-news .bs-region.bs-region--main .block-addtoany,
  .node--type-activity .bs-region.bs-region--main .block-addtoany,
  .node--type-course-sage .bs-region.bs-region--main .block-addtoany,
  .node--type-member-area-news .bs-region.bs-region--main .block-addtoany,
  .node--type-member-area-news #block-e72-content .bs-region.bs-region--main .block-addtoany,
  .node--type-resume-making .bs-region.bs-region--main .block-addtoany,
  .node--type-news-re-employment .bs-region.bs-region--main .block-addtoany,
  .node--type-testimonial .bs-region.bs-region--main .block-addtoany,
  .node--type-testimonial-inspiration .bs-region.bs-region--main .block-addtoany {
    max-width: 960px;
  }
}

@media (min-width: 768px) {

  .node--type-news .bs-region.bs-region--main .block-addtoany,
  .node--type-activity .bs-region.bs-region--main .block-addtoany,
  .node--type-course-sage .bs-region.bs-region--main .block-addtoany,
  .node--type-member-area-news .bs-region.bs-region--main .block-addtoany,
  .node--type-member-area-news #block-e72-content .bs-region.bs-region--main .block-addtoany,
  .node--type-resume-making .bs-region.bs-region--main .block-addtoany,
  .node--type-news-re-employment .bs-region.bs-region--main .block-addtoany,
  .node--type-testimonial .bs-region.bs-region--main .block-addtoany,
  .node--type-testimonial-inspiration .bs-region.bs-region--main .block-addtoany {
    max-width: 720px;
  }
}

@media (min-width: 576px) {

  .node--type-news .bs-region.bs-region--main .block-addtoany,
  .node--type-activity .bs-region.bs-region--main .block-addtoany,
  .node--type-course-sage .bs-region.bs-region--main .block-addtoany,
  .node--type-member-area-news .bs-region.bs-region--main .block-addtoany,
  .node--type-member-area-news #block-e72-content .bs-region.bs-region--main .block-addtoany,
  .node--type-resume-making .bs-region.bs-region--main .block-addtoany,
  .node--type-news-re-employment .bs-region.bs-region--main .block-addtoany,
  .node--type-testimonial .bs-region.bs-region--main .block-addtoany,
  .node--type-testimonial-inspiration .bs-region.bs-region--main .block-addtoany {
    max-width: 540px;
  }
}

.block-flippy-block .flippy {
  position: relative;
}

.flippy li.flippy-next {
  right: -45px !important;
  bottom: -90px;
}

.flippy li.flippy-previous {
  left: -45px !important;
  bottom: -90px;
}

/* header ***********/
#page-wrapper header #navbar-main {
  background: #F8F8F8 !important;
}

#page-wrapper header #navbar-top {
  padding-bottom: 15px;
}

#page-wrapper .secondary-menu {
  position: relative;
  height: 97px;
}

#page-wrapper .region-secondary-menu-logo {
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  top: 0;
}

#page-wrapper .navbar-brand {
  margin-right: 0;
}

#page-wrapper .navbar-brand img {
  width: auto;
  max-width: none;
  height: 87px;
}

#main {
  width: 100%;
  border-bottom: 1px solid #C2C2C2;
  padding-bottom: 80px;
}

.node--type-e72-product #main,
.node--type-handmade-product #main {
  padding-bottom: 0px;
}

#page-wrapper .region-secondary-menu .block#block-registerlink a {
  background: #1E9C85;
}

/* hover ***********/
.page-view-search-job-page .job-card,
.view-videos .card-deck .card,
.view-courses-re-employment .card-deck .card,
.view-news .card-deck .card,
.view-inspiration-page .card-deck .card,
.view-testimonial-listing .card-deck .card,
.view-activities .card-deck .card,
.view-re-employment-news .card-deck .card,
.view-courses-sage .card-deck .card,
.view-member-area-news .card-deck .card,
.view-resume-making .card-deck .card,
.market-card {
  transition: all 0.3s ease-in-out;
}

.page-view-search-job-page .job-card:hover,
.view-videos .card-deck .card:hover,
.view-courses-re-employment .card-deck .card:hover,
.view-news .card-deck .card:hover,
.view-inspiration-page .card-deck .card:hover,
.view-testimonial-listing .card-deck .card:hover,
.view-activities .card-deck .card:hover,
.view-re-employment-news .card-deck .card:hover,
.view-courses-sage .card-deck .card:hover,
.view-member-area-news .card-deck .card:hover,
.view-resume-making .card-deck .card:hover,
.market-card:hover {
  transform: translateY(-6px);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.view-news .card>a img,
.view-inspiration-page .card>a img,
.view-testimonial-listing .card>a img,
.page-view-activities .card>a img,
.view-re-employment-news .card>a img,
.market-card>a img {
  transition: all 0.3s ease;
}

/* .view-news .card:hover a img,
.view-inspiration-page .card:hover a img,
.view-testimonial-listing .card:hover a img,
.page-view-activities .card:hover a img,
.view-re-employment-news .card:hover a img,
.market-card:hover a img {
  transform: scale(1.1);
} */

#page-wrapper .field--name-field-location .field__item a,
#page-wrapper .field--name-field-read-write-cn div.field__item[data-level="良好"],
#page-wrapper .field--name-field-speaking-skill-cantonese div.field__item[data-level="良好"],
#page-wrapper .field--name-field-degree-level-term .field__item a,
#page-wrapper .field--name-field-resume-email .field__item a {
  color: #1E9C85;
}

#page-wrapper .field--name-field-location .field__item a:hover,
#page-wrapper .field--name-field-degree-level-term .field__item a:hover,
#page-wrapper .field--name-field-resume-email .field__item a:hover {
  color: #0D7562;
}

/* title ***********/
body.node--type-activity #main-wrapper .main-content>.section #block-e72-page-title,
body.node--type-testimonial #main-wrapper .main-content>.section #block-e72-page-title,
body.node--type-testimonial-inspiration #main-wrapper .main-content>.section #block-e72-page-title,
body.node--type-member-area-news #main-wrapper .main-content>.section #block-e72-page-title {
  background-color: #1E9C85;
}

/* index ***********/
#page-wrapper .view-home-latest-jobs .card-deck .card {
  border-bottom: 1px solid #1E9C85;
}

span[data-job-nature] a,
#page-wrapper .view-home-featured-content .row .slick-list .slide__content .views-field-field-contact-name .field-content a,
#page-wrapper .view-home-featured-content .row .slick-list .grid__content .views-field-field-contact-name .field-content a {
  color: #1E9C85;
}

#page-wrapper .datetime,
#page-wrapper .views-field-created .field-content,
#page-wrapper .field--name-field-text-date,
#page-wrapper .field--type-created {
  color: #1E9C85;
}

span[data-job-nature] a:hover,
#page-wrapper .view-home-featured-content .row .slick-list .slide__content .views-field-field-contact-name .field-content a:hover,
#page-wrapper .view-home-featured-content .row .slick-list .grid__content .views-field-field-contact-name .field-content a:hover {
  color: #0D7562;
}

#page-wrapper .btn-primary {
  background-color: #1E9C85;
  border-color: #1E9C85;
}

#page-wrapper .btn-primary:hover {
  background-color: #0D7562;
  border-color: #0D7562;
}

/* Card Text ***********/
#page-wrapper #block-views-block-news-block-1 .card-body .card-text,
#page-wrapper .view-news .card-body .card-text,
#page-wrapper .view-inspiration-page .card-body .card-text,
#page-wrapper .view-testimonial-listing .card-body .card-text,
#page-wrapper .view-re-employment-news .card-body .card-text {
  color: #1E9C85;
}

#page-wrapper #block-views-block-news-block-1 .card-body .card-text::before,
#page-wrapper .view-news .card-body .card-text::before,
#page-wrapper .view-inspiration-page .card-body .card-text::before,
#page-wrapper .view-testimonial-listing .card-body .card-text::before,
#page-wrapper .view-re-employment-news .card-body .card-text::before {
  margin-top: -5px;
}

#page-wrapper .page-item.active .page-link {
  background-color: #1E9C85;
  border-color: #1E9C85;
}

#page-wrapper .page-link:hover {
  background: #1E9C85;
  color: #fff;
}

/* News ***********/
#page-wrapper .flippy li {
  background: #1E9C85 !important;
}

#page-wrapper .view-courses-sage .row {
  margin: 0;
}

#page-wrapper .view-courses-re-employment .card-deck,
#page-wrapper .view-news .card-deck,
#page-wrapper .view-inspiration-page .card-deck,
#page-wrapper .view-testimonial-listing .card-deck,
#page-wrapper .view-activities .card-deck,
#page-wrapper .view-re-employment-news .card-deck,
#page-wrapper .view-courses-sage .card-deck,
#page-wrapper .view-member-area-news .card-deck,
#page-wrapper .view-resume-making .card-deck {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 100%;
}

#page-wrapper .view-courses-re-employment .card,
#page-wrapper .view-news .card,
#page-wrapper .view-inspiration-page .card,
#page-wrapper .view-testimonial-listing .card,
#page-wrapper .view-activities .card,
#page-wrapper .view-re-employment-news .card,
#page-wrapper .view-courses-sage .card,
#page-wrapper .view-member-area-news .card,
#page-wrapper .view-resume-making .card {
  flex: 0 0 calc(33.33% - 30px);
}

#page-wrapper .datetime:before,
#page-wrapper #block-views-block-news-block-1 .card-body .card-text:before,
#page-wrapper .view-activities .card-body .card-text:before,
#page-wrapper .view-re-employment-news .card-body .card-text:before,
#page-wrapper .view-courses-sage .card-body .card-text:before,
#page-wrapper .view-member-area-news .card-body .card-text:before,
#page-wrapper .view-resume-making .card-body .card-text:before,
#page-wrapper .views-field-created .field-content:before,
#page-wrapper .field--name-field-text-date:before,
#page-wrapper .field--type-created:before {
  margin-top: -4px;
}

.page-view-resume-making .row.row-offcanvas {
  margin-left: -15px;
  margin-right: -15px;
}

/* 再就業準備 *************/
#page-wrapper #resume-making-card .card-link,
#page-wrapper #employment-test-card .card-link,
#page-wrapper #re-employment-news-card .card-link,
#page-wrapper #re-employment-course-card .card-link,
#page-wrapper .view-testimonial .view-footer a {
  background-color: #1E9C85;
  border-color: #1E9C85;
}

#page-wrapper #resume-making-card .card-link:hover,
#page-wrapper #employment-test-card .card-link:hover,
#page-wrapper #re-employment-news-card .card-link:hover,
#page-wrapper #re-employment-course-card .card-link:hover {
  background-color: #0D7562;
  border-color: #0D7562;
}

#page-wrapper .view-testimonial .card-testimonial img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

/* 傲齡手作市場 ***********/
.cover-link,
.cover-link a {
  text-indent: -9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  z-index: 9;
}

.path-e72-market #block-e72-page-title,
.path-e72-product #block-e72-page-title,
.path-e72-market .view-handmade-products .view-filters .js-form-item-sort-order,
.path-e72-market .view-handmade-products .form-row>fieldset label,
.path-e72-product .view-e72-product .form-row>fieldset label,
.path-e72-product .view-e72-product .view-header .sort-by label,
.path-e72-market .view-handmade-products .view-header .sort-by label,
.node--type-handmade-product .block-extra-field-blocknodehandmade-productlinks,
.view-seller-teaser .views-field-field-rating-1,
.node--type-handmade-product .bs-2col .bs-region--left .block-field-blocknodehandmade-productfield-images,
.node--type-e72-product .bs-2col .bs-region--left .block-field-blocknodehandmade-productfield-images,
.path-e72-product .view-e72-product form.views-exposed-form fieldset select,
.path-e72-product .view-e72-product form.views-exposed-form fieldset.js-form-item-sort-by,
.path-e72-product .view-e72-product form.views-exposed-form fieldset.js-form-item-sort-order {
  display: none;
}

.path-e72-market .view-handmade-products .form-text {
  margin-top: unset;
}

.path-e72-market .view-handmade-products form.views-exposed-form fieldset:nth-child(3) {
  display: none;
}

.path-e72-market .view-handmade-products .form-row>fieldset {
  padding-right: 10px;
  padding-left: 10px;
}

.path-e72-market .view-handmade-products form.views-exposed-form fieldset select,
.path-e72-market .view-handmade-products form.views-exposed-form fieldset input,
.path-e72-product .view-e72-product form.views-exposed-form fieldset:nth-child(1) input {
  height: 55px;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  position: relative;
  margin-top: 0;
}

.path-e72-market .view-handmade-products form.views-exposed-form fieldset:nth-child(1),
.path-e72-market .view-handmade-products form.views-exposed-form fieldset:nth-child(2) {
  position: relative;
}

.path-e72-market .view-handmade-products form.views-exposed-form fieldset:nth-child(1),
.path-e72-product .view-e72-product form.views-exposed-form fieldset:nth-child(1) {
  flex: 1 1 auto;
  padding-left: 0;
  position: relative;
}

.path-e72-market .view-handmade-products form.views-exposed-form fieldset:nth-child(2) {
  width: 23%;
}

.path-e72-product .view-e72-product form.views-exposed-form fieldset:nth-child(1) input,
.path-e72-product .view-e72-product form.views-exposed-form fieldset:nth-child(2) select,
.path-e72-market .view-handmade-products form.views-exposed-form fieldset:nth-child(1) input,
.path-e72-market .view-handmade-products form.views-exposed-form fieldset:nth-child(2) select {
  padding-left: 45px;
}

.path-e72-market .view-handmade-products form.views-exposed-form fieldset:nth-child(1)::after,
.path-e72-product .view-e72-product form.views-exposed-form fieldset:nth-child(1)::after {
  content: '';
  width: 21px;
  height: 20px;
  background: url(../images/icons/search-icon.svg);
  -webkit-background-size: contain;
  background-size: contain;
  display: inline-block;
  left: 22px;
  top: calc(50% - 10px);
  position: absolute;
}

.path-e72-market .view-handmade-products form.views-exposed-form fieldset:nth-child(2)::after {
  content: '';
  width: 20px;
  height: 20px;
  background: url(../images/icons/category-icon.svg);
  -webkit-background-size: contain;
  background-size: contain;
  display: inline-block;
  left: 22px;
  top: calc(50% - 10px);
  position: absolute;
}

.path-e72-product .view-e72-product form.views-exposed-form #edit-actions button,
.path-e72-market .view-handmade-products form.views-exposed-form #edit-actions button {
  border-radius: 8px;
  background: #1E9C85;
  font-size: 22px;
  color: #FFF;
  padding: 10px 50px;
}

.path-e72-market .view-handmade-products .view-header,
.path-e72-product .view-e72-product .view-header {
  display: -ms-flexbox;
  display: flex;
  margin-top: 60px;
  margin-bottom: 30px;
  z-index: 9;
  position: relative;
}

.path-e72-market .view-handmade-products .view-header .title,
.path-e72-market .featured-bottom .block-views-blocksellers-block-1>h2,
.path-e72-product .view-e72-product .view-header .title,
.related-title .title,
.page-view-search-job-page .head-title,
.page-view-search-job-page #block-views-block-recent-read-user-block-1>h2,
.page-view-search-job-page #block-views-blockrecent-read-user-block-1>h2,
.page-view-search-job-page #block-topemployers>h2,
.page-view-search-job-page #block-renliziyuanhezuohuoban>h2 {
  color: #000;
  font-weight: 700;
  font-size: 32px;
  padding-left: 15px;
  position: relative;
  margin-right: auto;
}

.page-view-search-job-page #block-renliziyuanhezuohuoban {
  margin-top: 80px;
}

.related-title .title,
.path-e72-market .featured-bottom .block-views-blocksellers-block-1>h2 {
  margin-bottom: 33px;
}

.page-view-search-job-page #block-renliziyuanhezuohuoban>h2::after,
.page-view-search-job-page #block-views-block-recent-read-user-block-1>h2::after,
.page-view-search-job-page #block-views-blockrecent-read-user-block-1>h2::after,
.page-view-search-job-page #block-topemployers>h2::after,
.page-view-search-job-page .head-title::after,
.path-e72-market .view-handmade-products .view-header .title::after,
.path-e72-market .featured-bottom .block-views-blocksellers-block-1>h2::after,
.path-e72-product .view-e72-product .view-header .title::after,
.related-title .title::after {
  content: '';
  width: 5px;
  height: 32px;
  position: absolute;
  left: 0;
  border-radius: 8px;
  background: #DE6B51;
  top: calc(50% - 16px);
}

.path-e72-market .view-handmade-products .view-header .total,
.path-e72-product .view-e72-product .view-header .total {
  color: #000;
  font-size: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 30px;
}

.page-view-search-job-page nav ul.pagination {
  display: none;
}

.path-e72-market .view-handmade-products .view-header .sort-by select,
.path-e72-product .view-e72-product .view-header .sort-by select {
  height: 100%;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
}

/* .path-e72-market .view-handmade-products .market-swiper {
  width: 100%;
  height: 1036px;
  margin-left: auto;
  margin-right: auto;
}

.path-e72-market .view-handmade-products .market-swiper .swiper-slide {
  height: calc((100% - 30px) / 2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
} */

.market-card {
  border-radius: 12px !important;
  border: 1px solid #E8E8E8;
  background: #FFF;
  overflow: hidden;
  margin-bottom: 30px;

}

.market-card .card-img-top {
  overflow: hidden;
}

.market-card .card-img-top img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.market-card .category-1 {
  position: absolute;
  padding: 5px 17px;
  font-size: 16px;
  color: #fff;
  background: #A63285;
  left: 0;
}

.market-card .popular {
  position: absolute;
  display: flex;
  right: 0;
}

.market-card .popular .selling {
  background: #DE6B51;
  padding: 5px 17px;
  font-size: 16px;
  color: #FFF;
}

.market-card .popular .latest {
  background: #E7D42B;
  padding: 5px 17px;
  font-size: 16px;
  color: #000;
}

.market-card .card-img-top>div>span {
  display: none;
}

.market-card .card-body {
  padding: 20px;
}

.path-e72-product .market-card .card-body {
  padding: 15px;
}

.market-card .card-body .category .list-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: unset;
  /* overflow-x: scroll; */
  min-width: 286px;
}

.market-card .card-body .category .list-group::-webkit-scrollbar {
  background: #fff;
  width: 5px;
  height: 3px;
}

.market-card .card-body .category .list-group::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #acacac;
}

.market-card .card-body .category .list-group>li {
  padding: 4px 8px;
  color: #BE482D;
  font-size: 15px;
  display: none;
  border-radius: 4px;
}

.market-card .card-body .category .list-group>li:nth-child(1),
.market-card .card-body .category .list-group>li:nth-child(2),
.market-card .card-body .category .list-group>li:nth-child(3),
.market-card .card-body .category .list-group>li:nth-child(4) {
  display: unset;
}

.market-card .card-body .category .list-group>li:nth-child(4) {
  font-size: 0 !important;
  padding: unset;
  border: unset;
  position: relative;
}

.market-card .card-body .category .list-group>li:nth-child(4)::after {
  content: '';
  position: absolute;
  width: 26px;
  height: 6px;
  background: url(../images/icons/more.svg) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  display: inline-block;
  left: 4px;
  top: 13px;
}

.market-card .card-body .category .list-group>li:nth-child(1) {
  color: #BE482D;
  border: 1px solid #BE482D;
  margin-right: 10px;
}

.market-card .card-body .category .list-group>li:nth-child(2) {
  color: #70134B;
  border: 1px solid #70134B;
  margin-right: 10px;
}

.market-card .card-body .category .list-group>li:nth-child(3) {
  color: #476C17;
  border: 1px solid #476C17;
  margin-right: 10px;
}


.market-card .card-body .card-title {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  line-height: 1.3;
  height: 45px;
  overflow: hidden;
  margin-bottom: 12px;
}

.market-card .card-body .card-text {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  display: -webkit-box;
  height: 24px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-bottom: 10px;
}

.market-card .card-body .card-description {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  display: -webkit-box;
  height: 72px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.market-card .card-body .quotation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.market-card .card-body .quotation .price {
  color: #0D7562;
  font-size: 18px;
  font-weight: 700;
  margin-right: 15px;
}

.market-card .card-body .quotation .list-price {
  color: #9A9A9A;
  font-size: 18px;
  /* margin-right: 15px; */
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.market-card .card-body .quotation .list-price::after {
  content: '';
  width: 100%;
  position: absolute;
  height: 1px;
  background-color: #9A9A9A;
  left: 0;
  top: calc(50% - 0.5px);
}

.path-e72-market .view-handmade-products .view-content,
.path-e72-product .view-e72-product .view-content {
  position: relative;
  margin-top: 30px;
}

.path-e72-market .view-handmade-products .view-content>div,
.path-e72-product .view-e72-product .view-content>div {
  display: none;
}

.path-e72-market .sellers-swiper>.swiper-wrapper>.swiper-slide>.views-field-field-rating,
.path-e72-market .card-rating.fivestar-form-item .form-item-vote .form-group .description {
  display: none;
}

.path-e72-market .card-rating.fivestar-form-item .form-item-vote {
  margin-bottom: 20px;
}

.path-e72-market .card-rating.fivestar-form-item .form-item-vote .form-group {
  margin-bottom: 0;
}

.marketSwiper-pagination,
.sellersSwiper-pagination {
  position: absolute;
  bottom: -30px !important;
}

.marketSwiper-pagination span,
.sellersSwiper-pagination span {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #D9D9D9;
}

.marketSwiper-pagination span.swiper-pagination-bullet-active,
.sellersSwiper-pagination span.swiper-pagination-bullet-active {
  background-color: #1E9C85;
}

.marketSwiper-button-prev,
.marketSwiper-button-next,
.sellersSwiper-button-prev,
.sellersSwiper-button-next {
  width: 50px;
  height: 50px;
}

.marketSwiper-button-prev,
.sellersSwiper-button-prev {
  left: -70px;
}

.marketSwiper-button-next,
.sellersSwiper-button-next {
  right: -70px;
}

.marketSwiper-button-prev:after,
.sellersSwiper-button-prev:after {
  content: '';
  width: 50px;
  height: 50px;
  background: url(../images/icons/swiper-arrow.svg) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  display: inline-block;
}

.marketSwiper-button-next:after,
.sellersSwiper-button-next:after {
  content: '';
  width: 50px;
  height: 50px;
  background: url(../images/icons/swiper-arrow.svg) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  display: inline-block;
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.path-e72-market #main {
  border-bottom: none;
}

.path-e72-market .featured-bottom {
  background: #E9FAF7;
  border-bottom: 1px solid #C2C2C2;
  padding-top: 80px;
  padding-bottom: 130px;
}

.path-e72-market .featured-bottom .block-views-blocksellers-block-1 {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

/* 傲齡手作市場 detail ***********/
.node--type-handmade-product #block-e72-page-title,
.node--type-e72-product #block-e72-page-title {
  display: none;
}

.block-field-blocknodehandmade-productpromote,
.block-field-blocknodehandmade-productsticky,
.block-field-blocknodehandmade-productfield-category,
.block-field-blocknodehandmade-productfield-price,
.block-field-blocknodehandmade-productfield-list-price,
.brand-content .brand-content-details .image,
.brand-content .brand-content-details .brand-subcontent {
  display: inline-block;
}

.node--type-handmade-product .bs-2col .bs-region--right,
.node--type-e72-product .bs-2col .bs-region--right {
  padding-left: 50px;
}

.bs-2col .bs-region--right .block-field-blocknodehandmade-productpromote .field--name-promote {
  color: #fff;
  font-size: 16px;
  padding: 6px 17px;
  border-radius: 4px;
  background: #DE6B51;
  display: none;
  margin-right: 15px;
}

.bs-2col .bs-region--right .block-field-blocknodehandmade-productsticky .field--name-sticky {
  background: #E7D42B;
  color: #000;
  font-size: 16px;
  padding: 6px 17px;
  border-radius: 4px;
  /* border: 1px solid #E7D42B; */
  display: none;
  margin-right: 15px;
}

.bs-2col .bs-region--right .block-field-blocknodehandmade-productfield-category .field--type-entity-reference {
  background: #A63285;
  margin-bottom: 0;
  color: #fff;
  font-size: 16px;
  padding: 6px 17px;
  border-radius: 4px;
}


.bs-2col .bs-region--right .block-field-blocknodee72-productfield-store-name {
  display: none;
}

.bs-2col .bs-region--right .block-field-blocknodehandmade-producttitle {
  display: block;
}

.bs-2col .bs-region--right .block-field-blocknodehandmade-producttitle .field--name-title {
  font-size: 32px !important;
  margin-top: 17px;
  margin-bottom: 20px;
  font-weight: 700;
  color: #000;
  display: block;
}

.bs-2col .bs-region--right .block-field-blocknodehandmade-producttitle .field--name-title>span {
  color: #b3272f;
}

.bs-2col .bs-region--right .block-field-blocknodehandmade-productfield-price>div>div {
  color: #0D7562;
  font-size: 32px;
  font-weight: 700;
  margin-right: 20px;
}

.bs-2col .bs-region--right .block-field-blocknodehandmade-productfield-list-price>div>div {
  color: #9A9A9A;
  font-size: 32px;
  font-weight: 700;
  position: relative;
}

.bs-2col .bs-region--right .block-field-blocknodehandmade-productfield-list-price>div>div::after {
  content: '';
  width: 100%;
  position: absolute;
  height: 2px;
  background-color: #9A9A9A;
  left: 0;
  top: calc(50% - 1px);
}

.bs-2col .bs-region--right #whatsappButton {
  width: 100%;
  background-color: #E1806A;
  font-size: 22px;
  color: #000;
  margin: 20px 0;
}

.bs-2col .bs-region--right .block-block-content a {
  margin-top: 20px;
  border-radius: 4px;
  background: #E1806A;
  text-align: center;
  color: #000;
  font-size: 24px !important;
  width: 100%;
  display: block;
  margin-bottom: 40px;
}

.bs-2col .bs-region--right .block-field-blocknodehandmade-productbody .field--name-body {
  border-top: 1px solid #D2D2D2;
  padding-top: 40px;
}

.bs-2col .bs-region--right .block-field-blocknodehandmade-productbody .field--name-body .field__label {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}

.bs-2col .bs-region--right .block-field-blocknodehandmade-productbody .field--name-body .field__item p,
.bs-2col .bs-region--right .block-field-blocknodehandmade-productbody .field--name-body .field__item li,
.bs-2col .bs-region--right .block-field-blocknodehandmade-productbody .field--name-body .field__item div {
  font-size: 18px;
  color: #000;
}

.bs-2col .bs-region--right .block-field-blocknodehandmade-productfield-tags>div>div {
  margin-bottom: unset;
}

.bs-2col .bs-region--right .block-field-blocknodehandmade-productfield-tags .field__label {
  font-size: 20px;
  color: #000;
  font-weight: 700;
  margin-top: 40px;
  margin-bottom: 10px;
}

.bs-2col .bs-region--right .block-field-blocknodehandmade-productfield-tags .field__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.bs-2col .bs-region--right .block-field-blocknodehandmade-productfield-tags .field__items>li {
  border-radius: 20px;
  border: 1px solid #DBDBDB;
  background: #E9FAF7;
  padding: 4px 16px;
  text-align: center;
  font-size: 16px !important;
  color: #000;
  margin-right: 10px;
}

.bs-2col .bs-region--right .block-field-blocknodehandmade-productfield-tags {
  border-bottom: 1px solid #D2D2D2;
  padding-bottom: 40px;
  margin-bottom: 30px;
}

.bs-2col .bs-region--right .block-views-blockseller-teaser-handmade-product-block-2 {
  padding-top: 40px;
  margin-top: 30px;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #D2D2D2;
  border-top: 1px solid #D2D2D2;
}

.node--type-handmade-product .bs-2col .bs-region--right .brand-content,
.node--type-e72-product .bs-2col .bs-region--right .brand-content {
  padding-right: 15px;
  padding-left: 15px;
}

.node--type-handmade-product .bs-2col .bs-region--right .block-views-blockseller-teaser-block-1 h2,
.node--type-e72-product .bs-2col .bs-region--right .block-views-blockseller-teaser-block-1 h2 {
  font-size: 20px;
  color: #000;
  font-weight: 700;
  margin-top: 40px;
  margin-bottom: 12px;
}

.node--type-handmade-product .bs-2col .bs-region--right .brand-content .brand-content-details,
.node--type-e72-product .bs-2col .bs-region--right .brand-content .brand-content-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.node--type-handmade-product .bs-2col .bs-region--right .brand-content .brand-content-details .image,
.node--type-e72-product .bs-2col .bs-region--right .brand-content .brand-content-details .image {
  width: 60px;
  height: 60px;
  margin-right: 15px;
}

.node--type-handmade-product .bs-2col .bs-region--right .brand-content .brand-content-details .image img,
.node--type-e72-product .bs-2col .bs-region--right .brand-content .brand-content-details .image img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 4px;
}

.node--type-handmade-product .bs-2col .bs-region--right .brand-content .brand-content-details .brand-subcontent,
.node--type-e72-product .bs-2col .bs-region--right .brand-content .brand-content-details .brand-subcontent {
  width: calc(100% - 75px);
}

.node--type-handmade-product .bs-2col .bs-region--right .brand-content .brand-content-details .brand-subcontent .name,
.node--type-e72-product .bs-2col .bs-region--right .brand-content .brand-content-details .brand-subcontent .name {
  line-height: 1;
}

.node--type-handmade-product .bs-2col .bs-region--right .brand-content .brand-content-details .brand-subcontent .name a,
.node--type-e72-product .bs-2col .bs-region--right .brand-content .brand-content-details .brand-subcontent .name a {
  color: #000;
  font-size: 18px;
}

.node--type-handmade-product .bs-2col .bs-region--right .brand-content .content-description,
.node--type-e72-product .bs-2col .bs-region--right .brand-content .content-description {
  margin-top: 10px;
}

.node--type-handmade-product .bs-2col .bs-region--right .brand-content .brand-content-details .brand-subcontent .rating fieldset,
.node--type-e72-product .bs-2col .bs-region--right .brand-content .brand-content-details .brand-subcontent .rating fieldset {
  margin-bottom: unset;
}

.node--type-handmade-product .bs-2col .bs-region--right .brand-content .brand-content-details .brand-subcontent .rating fieldset .fivestar-widget a,
.node--type-e72-product .bs-2col .bs-region--right .brand-content .brand-content-details .brand-subcontent .rating fieldset .fivestar-widget a {
  pointer-events: none;
}

.node--type-handmade-product .bs-2col .bs-region--right .block-extra-field-blocknodehandmade-productaddtoany {
  border-top: 1px solid #D2D2D2;
  margin-top: 40px;
  padding-top: 40px;
}

.node--type-e72-product .bs-2col .bs-region--right .block-extra-field-blocknodehandmade-productaddtoany {
  margin-top: 40px;
}

.node--type-e72-product .bs-2col .bs-region--right .block-block-content {
  display: none;
  cursor: pointer;
}

.node--type-e72-product .bs-2col .bs-region--right .block-block-content.button-show {
  display: block;
}

.node--type-e72-product .bs-2col .bs-region--right .block-block-content #whatsappButton>div {
  padding: 10px 0;
  font-weight: bold;
}

.bs-2col .bs-region--right .block-extra-field-blocknodehandmade-productaddtoany h2 {
  font-size: 20px;
  font-weight: 700;
  font-family: "Microsoft JhengHei", "微軟正黑體";
}

.market-details-swiper .marketSwiper {
  border-radius: 8px;
  margin-bottom: 15px;
  cursor: zoom-in;

}

.market-details-swiper .marketSwiper .swiper-button-next,
.market-details-swiper .marketSwiper .swiper-button-prev,
.gallerySwiper-button-next,
.gallerySwiper-button-prev,
.swipervolunteer-button-next,
.swipervolunteer-button-prev {
  width: 50px;
  height: 50px;
}

.market-details-swiper .marketSwiper .swiper-button-prev:after,
.gallerySwiper-button-prev:after,
.swipervolunteer-button-prev:after {
  content: '';
  width: 50px;
  height: 50px;
  background: url(../images/icons/swiper-arrow.svg) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  display: inline-block;
}

.market-details-swiper .marketSwiper .swiper-button-next::after,
.gallerySwiper-button-next::after,
.swipervolunteer-button-next::after {
  content: '';
  width: 50px;
  height: 50px;
  background: url(../images/icons/swiper-arrow.svg) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  display: inline-block;
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.market-details-swiper .marketThumbsSwiper .swiper-slide img {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
  border: 2px solid #fff;
}

.market-details-swiper .marketThumbsSwiper .swiper-slide.swiper-slide-thumb-active img {
  border: 2px solid #DE6B51;
}

.marketSwiper-pagination {
  bottom: -15px;
}

.marketSwiper-pagination .swiper-pagination-bullet-active {
  background-color: #1E9C85;
}


/* tasks tabs ***************************************************/
#content>section>nav.tabs {
  position: fixed;
  bottom: 0;
  z-index: 999;
  background-color: #fff;
  margin: 15px;
  padding: 15px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border-radius: 15px;
  left: 0;
}

#content>section>nav.tabs>ul.nav {
  border-bottom: none;
}

#content>section>nav.tabs>ul.nav>li {
  margin-left: 10px;
}

#content>section>nav.tabs>ul.nav>li>.nav-link.active {
  border-color: #fff;
  color: #fff;
  background-color: #1E9C85;
}

#content>section>nav.tabs>ul.nav>li>a {
  background: #f5f5f5;
  border-radius: 5px;
  color: #000;
}

#content>section>nav.tabs>ul.nav>li>a:hover {
  color: #fff;
  background-color: #1E9C85;
}

/* 義工招募 ***********/
/* part - 1 ***********/
.page-node-31474 #main,
.page-node-31474 #main {
  background-color: #E9FAF7;
  padding-bottom: unset !important;
}

.page-node-31474 #main-wrapper.layout-main-wrapper,
.page-node-31474 #main-wrapper.layout-main-wrapper {
  background: unset;
}

.page-node-31474 #block-e72-page-title,
.page-node-31474 #block-e72-page-title {
  display: none;
}

.page-node-31474 .volunteer-part-1,
.page-node-31474 .volunteer-part-1 {
  background-color: #E9FAF7;
  padding-top: 20px;
}

.page-node-31474 .volunteer-part-1 .content-left {
  margin-bottom: 30px;
}

.page-node-31474 .volunteer-part-1 .content-left h2,
.page-node-31474 .volunteer-part-1 .content-left h2 {
  font-size: 32px;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 20px;
}

.page-node-31474 .volunteer-part-1 .content-left>p,
.page-node-31474 .volunteer-part-1 .content-left>p {
  font-size: 18px;
}

.page-node-31474 .volunteer-part-1 .content-left>ul,
.page-node-31474 .volunteer-part-1 .content-left>ul {
  padding-left: unset;
}

.page-node-31474 .volunteer-part-1 .content-left>ul li,
.page-node-31474 .volunteer-part-1 .content-left>ul li {
  list-style: none;
}

.page-node-31474 .volunteer-part-1 .content-left>ul li .icon,
.page-node-31474 .volunteer-part-1 .content-left>ul li .icon {
  width: 66px;
  margin-right: 25px;
}

.page-node-31474 .volunteer-part-1 .content-left>ul li>div>p:nth-child(1),
.page-node-31474 .volunteer-part-1 .content-left>ul li>div>p:nth-child(1) {
  margin-bottom: unset;
  color: #0D7562;
  font-size: 32px !important;
  font-weight: 700;
}

.page-node-31474 .volunteer-part-1 .content-left>ul li>div>p:nth-child(2),
.page-node-31474 .volunteer-part-1 .content-left>ul li>div>p:nth-child(2) {
  font-size: 20px !important;
  font-weight: 700;
  color: #000;
}

.page-node-31474 .volunteer-part-1 .content-right {
  display: flex;
  align-items: flex-end;
  height: 100%;
}

.page-node-31474 #content .volunteer-part-1 .content-right img,
.page-node-31474 #content .volunteer-part-1 .content-right img {
  display: block;
  height: auto;
  margin: 0 auto;
}

/* .page-node-31474 .volunteer-part-1 .content-right::after {
  content: '';
  background: url(/themes/custom/e72/images/content/volunteer/volunteer_1.png) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  display: inline-block;
  width: 553px;
  height: 129%;
  position: absolute;
  left: -50px;
  top: -17%;
}

.page-node-31474 .volunteer-part-1 .content-right .subcontent .text {
  max-width: 131px;
  width: 100%;
  position: absolute;
  right: 20px;
  top: 35px;
}

.page-node-31474 .volunteer-part-1 .content-right .subcontent .text>p {
  margin-bottom: 0;
}

.page-node-31474 .volunteer-part-1 .content-right .subcontent .text>p:nth-child(1) {
  font-size: 50px !important;
  color: #FFF;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 10px;
}

.page-node-31474 .volunteer-part-1 .content-right .subcontent .text>p:nth-child(2) {
  color: #FFF;
  font-weight: 700;
  font-size: 22px;
} */

/* part - 2 ***********/
.page-node-31474 .volunteer-part-2,
.page-node-31474 .volunteer-part-2 {
  background-color: #fff;
}

.page-node-31474 .volunteer-part-2 .main-content h2,
.page-node-31474 .volunteer-part-2 .main-content h2 {
  font-size: 32px !important;
  color: #000;
  font-weight: 700;
  margin: 80px 0 50px 0;
}

.page-node-31474 .volunteer-part-2 .main-content>ul,
.page-node-31474 .volunteer-part-2 .main-content>ul {
  margin-bottom: 80px;
  padding-left: unset;
}

.page-node-31474 .volunteer-part-2 .main-content>ul>li,
.page-node-31474 .volunteer-part-2 .main-content>ul>li {
  margin-bottom: 50px;
  position: relative;
}

.page-node-31474 .volunteer-part-2 .main-content>ul>li:not(:last-child):after,
.page-node-31474 .volunteer-part-2 .main-content>ul>li:not(:last-child):after {
  content: '';
  width: 24px;
  height: 14px;
  background: url(/themes/custom/e72/images/icons/instruct.svg) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  display: inline-block;
  left: 78px;
  position: absolute;
  top: 197px
}

.page-node-31474 .volunteer-part-2 .main-content>ul>li>.title,
.page-node-31474 .volunteer-part-2 .main-content>ul>li>.title {
  font-size: 28px;
  text-align: center;
  border-radius: 50%;
  color: #000;
  font-weight: 700;
  background-color: #E79F8F;
  min-width: 180px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-node-31474 .volunteer-part-2 .main-content>ul>li:nth-child(2) .title,
.page-node-31474 .volunteer-part-2 .main-content>ul>li:nth-child(2) .title {
  background-color: #70D3C1;
}

.page-node-31474 .volunteer-part-2 .main-content>ul>li:nth-child(3) .title,
.page-node-31474 .volunteer-part-2 .main-content>ul>li:nth-child(3) .title {
  background-color: #C7B0E3;
}

.page-node-31474 .volunteer-part-2 .main-content>ul>li>p,
.page-node-31474 .volunteer-part-2 .main-content>ul>li>p {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  padding-left: 50px;
}

/* part - 3 ***********/
.page-node-31474 .volunteer-part-3,
.page-node-31474 .volunteer-part-3 {
  background: #FFF4EE;
  padding-top: 80px;
  padding-bottom: 80px;
}

.page-node-31474 .volunteer-part-3 .subcontent,
.page-node-31474 .volunteer-part-3 .subcontent {
  padding-left: 30px;
}

.page-node-31474 .volunteer-part-3 .subcontent h2,
.page-node-31474 .volunteer-part-3 .subcontent h2 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 20px;
}

.page-node-31474 .volunteer-part-3 .subcontent h3,
.page-node-31474 .volunteer-part-3 .subcontent h3 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 50px;
  margin-bottom: 20px;
}

.page-node-31474 .volunteer-part-3 .subcontent ul,
.page-node-31474 .volunteer-part-3 .subcontent ul {
  padding-left: 0;
}

.page-node-31474 .volunteer-part-3 .subcontent ul li,
.page-node-31474 .volunteer-part-3 .subcontent ul li {
  list-style: none;
  margin-bottom: 15px;
  font-size: 18px;
  position: relative;
  padding-left: 34px;
}

.page-node-31474 .volunteer-part-3 .subcontent ul li::after,
.page-node-31474 .volunteer-part-3 .subcontent ul li::after {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  background: url(/themes/custom/e72/images/content/volunteer/click.svg) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  display: inline-block;
  left: 0;
}

/* part - 4 ***********/
.volunteer-part-4,
.volunteer-part-4 {
  background: #FFF4EE;
  padding-top: 80px;
  padding-bottom: 80px;
}

.volunteer-part-4 h2,
.volunteer-part-4 h2 {
  margin-bottom: 50px;
}

.page-node-31474 .paragraph--type--iamge-paragraphs,
.page-node-31474 .paragraph--type--iamge-paragraphs {
  display: none;
}

.volunteer-part-4 .gallerySwiper .swiper-slide img,
.volunteer-part-4 .gallerySwiper .swiper-slide img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  cursor: pointer;
}

.volunteer-part-4 .gallerySwiper,
.volunteer-part-4 .gallerySwiper {
  border-radius: 8px;
  margin-bottom: 20px;
}

.volunteer-part-4 .thumbsSwiper .swiper-slide img,
.volunteer-part-4 .thumbsSwiper .swiper-slide img {
  border-radius: 4px;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  cursor: pointer;
}

.paragraph--type--iamge-paragraphs .field--name-field-image {
  display: none;
}

/* 義工招募 - 最新活動 Detail ***********/
body.node--type-volunteer-activity #main-wrapper .main-content>.section #block-e72-page-title {
  padding: 15px;
  background: #1E9C85;
  color: #ffffff;
}

body.node--type-volunteer-activity #main-wrapper .main-content>.section #block-e72-content {
  padding: 0 15px;
}

body.node--type-volunteer-activity #main-wrapper .main-content>.section #block-e72-content .node__content {
  margin-top: 0;
}

body.node--type-volunteer-activity #main-wrapper .main-content>.section #block-e72-content .node__content .field--type-image {
  margin-right: 0;
}

body.node--type-volunteer-activity #main-wrapper .main-content>.section .field--name-title {
  font-weight: bold;
}

body.node--type-volunteer-activity #main-wrapper .main-content>.section #block-e72-content header,
body.node--type-volunteer-activity #main-wrapper .main-content>.section #block-e72-content .statistics-counter {
  display: none;
}

/* 再就業準備 ***********/
.lawadvice-accordion .title h2 {
  margin-bottom: 0;
  background: #FFF4EE;
  padding: 1rem;
}

.lawadvice-accordion .accordion>.card {
  border: unset;
  border-radius: unset;
}

.lawadvice-accordion .accordion>.card>.card-header {
  padding: 0;
}

.lawadvice-accordion .accordion>.card>.card-header button {
  font-size: 20px !important;
  color: #E1806A;
  padding: 1rem;
  border-radius: unset;
  border-bottom: 1px solid #E8E8E8 !important;
  position: relative;
}

.lawadvice-accordion .accordion>.card>.card-header button::after {
  content: "-";
  font-size: 30px;
  color: #E1806A;
  position: absolute;
  right: 0;
  font-weight: bold;
  line-height: 1;
}

.lawadvice-accordion .accordion>.card>.card-header button.collapsed::after {
  content: "+";
}

.lawadvice-accordion #accordionLawadvice {
  padding: 1rem;
  background-color: #fff;
}

/* 案例分享 ***********/
.block-views-blocktestimonial-block-1,
.block-views-blocktestimonial-block-2 {
  background-color: #fff;
  padding-bottom: 30px;
}

.block-views-blocktestimonial-block-1 .view-content.row,
.block-views-blocktestimonial-block-2 .view-content.row {
  padding-top: 1rem !important;
}

.block-views-blocktestimonial-block-1 h2:after,
.block-views-blocktestimonial-block-2 h2:after {
  display: none !important;
}

.card.card-testimonial {
  border: unset;
  margin-bottom: 20px;
}

.card.card-testimonial .card-body {
  padding-right: 0;
  padding-top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.card.card-testimonial .card-body .card-title {
  /* width: calc(100% - 41.81px); */
  width: 70%;
  padding-right: 1.25rem;
}

.card.card-testimonial .card-body>.link a {
  background-color: #1E9C85;
  border-color: #1E9C85;
  padding: 0.4rem 2rem !important;
  font-weight: normal;
  border-radius: 5px;
  color: #fff;
  word-break: keep-all;
  min-width: 41.81px;
  white-space: nowrap;
}

.card.card-testimonial img {
  height: auto;
}

.view-testimonial .view-footer {
  margin-top: 25px !important;
}

/* 志願者最新活動 ***********/
.volunteer-activity-section {
  background-color: #1E9C85;
  padding: 80px 0;
}

.volunteer-activity-section .view-content {
  position: relative;
}

.volunteer-activity-section h2 {
  margin-bottom: 50px;
  color: #FFF;
}

.volunteer-activity-section .volunteer-card {
  border: unset;
  border-radius: 15px;
  overflow: hidden;
}

.volunteer-activity-section .volunteer-card .card-img-top {
  aspect-ratio: 8 / 5;
}

.volunteer-activity-section .volunteer-card .card-img-top img {
  aspect-ratio: 8 / 5;
  object-fit: cover;
}

.volunteer-activity-section .volunteer-card .card-body {
  padding: 25px;
}

.volunteer-activity-section .volunteer-card .card-title {
  font-size: 20px;
  color: #000;
  font-weight: bold;
  padding-bottom: 53px;
  margin-bottom: 0;
  border-bottom: 1px solid #BFBFBF;
}

.volunteer-activity-section .volunteer-card .event-date {
  margin-top: 20px;
  margin-bottom: 15px;
}

.volunteer-activity-section .volunteer-card .card-text {
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-inline-box;
  height: auto;
  word-break: break-all;
  color: #000;
}

.swipervolunteer-button-next {
  right: -70px;
}

.swipervolunteer-button-prev {
  left: -70px;
}

.volunteer-activity-section .volunteer-Swiper {
  padding-bottom: 50px;
}

.volunteer-activity-section .swiper-pagination-bullet-active {
  background-color: #fff;
}

.volunteer-part-6 {
  background-color: #1E9C85;
  padding-bottom: 130px;
}

.volunteer-part-6 h2 {
  color: #fff;
  margin-bottom: 20px;
}

.volunteer-part-6 .subcontent {
  font-size: 18px;
  text-align: center;
  color: #FFF;
  text-align: center;
  /* margin-bottom: 50px; */
}

.volunteer-part-6 .button {
  /* -ms-flex-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;  */
  display: none;
}

.volunteer-part-6 .button a {
  background-color: #fff;
  display: inline-block;
  padding: 13px 74px;
  color: #000;
  font-size: 22px;
  border-radius: 8px;
}

/* job ***********/
.page-view-search-job-page #block-e72-page-title {
  display: none;
}

.page-view-search-job-page .featured-bottom .region-featured-bottom-first {
  margin-bottom: 80px;
}

.page-view-search-job-page .featured-bottom .region-featured-bottom-first,
.page-view-search-job-page .region-featured-bottom-third {
  margin-left: 0;
  margin-right: 0;
}

.page-view-search-job-page #main {
  border-bottom: unset;
}

.page-view-search-job-page .main-content {
  min-height: auto;
}

.page-view-search-job-page .view-id-search_job_page .view-filters {
  /* margin-bottom: 100px; */
  padding: 30px;
  border-radius: 10px;
  border: 1px solid #7CD0C1;
  background: #E9FAF7;
  position: relative;
  z-index: 99;
  margin-bottom: 50px;
}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row>fieldset,
.page-view-search-job-page .view-id-search_job_page .view-filters .form-row>fieldset:first-child label {
  display: none;
}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row>fieldset:first-child {
  display: block;
  position: relative;
}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row>fieldset:first-child input {
  margin-top: 0;
  border-radius: 8px;
  border: 1px solid #E0E0E0;
  background: #FFF;
  padding: 25px 50px;
}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row>fieldset:first-child::after {
  position: absolute;
  content: '';
  top: 17px;
  left: 28px;
  width: 21px;
  height: 20px;
  background: url(/themes/custom/e72/images/icons/search_icon.svg) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent {
  padding-left: 0;
}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent button>img {
  width: 20px !important;
  height: 20px !important;
  margin-right: 8px;
  margin-top: -5px;
}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 5px;
}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li {
  min-width: unset !important;
  width: calc((100% - 54px)/4);
  margin-left: 18px;
  position: relative;
}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li:nth-child(1) {
  margin-left: 0;
}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li>button {
  width: 100%;
  text-align: left;
  border-radius: 8px;
  border: 1px solid #E0E0E0;
  background: #FFF;
  padding: 12px 15px 12px 25px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;

}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li>button>div,
.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li>button>div>ul {
  display: inline;
}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li>button>div>ul>li {
  min-width: unset !important;
  margin-right: 2px;
}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li>button[aria-expanded="false"]::after {
  border: unset;
  position: absolute;
  right: 15px;
  top: 22px;
  width: 18px;
  height: 9px;
  background: url(/themes/custom/e72/images/icons/toggle.svg) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  /* IE 9 */
  -moz-transition: all 0.3s ease;
  /* Firefox */
  -webkit-transition: all 0.3s ease;
  /* Safari 和 Chrome */
  -o-transition: all 0.3s ease;
  /* Opera */
}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li>button[aria-expanded="true"]::after {
  border: unset;
  position: absolute;
  right: 15px;
  top: 22px;
  width: 18px;
  height: 9px;
  background: url(/themes/custom/e72/images/icons/toggle.svg) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  /* IE 9 */
  -moz-transition: all 0.3s ease;
  /* Firefox */
  -webkit-transition: all 0.3s ease;
  /* Safari 和 Chrome */
  -o-transition: all 0.3s ease;
  /* Opera */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li>div {
  position: absolute;

}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li>div {
  min-width: 100%;
}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li>div>ul,
.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li>div>.location-ul {
  padding-left: 0;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  line-height: 1.2;
  position: relative;
  z-index: 99;
  border-radius: 8px;
  border: 1px solid #E0E0E0;
  background: #FFF;
  margin-top: 6px;
  overflow: hidden;
  max-height: 400px;
  overflow-y: auto;
}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li>div>ul::-webkit-scrollbar,
.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li>div>.location-ul::-webkit-scrollbar {
  background: #d6d6d6;
  width: 5px;
  height: 3px;
}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li>div>ul::-webkit-scrollbar-thumb,
.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li>div>.location-ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #ee702c;
}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li>div>ul>li,
.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li>div>.location-ul .locations-content button {
  min-width: unset !important;
  display: block !important;
  padding: 10px 12px !important;
  border-bottom: 1px solid #E0E0E0;
  cursor: pointer;
  font-size: 17px;
  text-align: left;
  color: #000;
  width: 100%;
}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li>div>.location-ul .locations-content>.header-btn>button {
  width: 100%;
  position: relative;
  border-radius: 0;
}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li>div>.location-ul .locations-content .location2-ul .locations2-content>.header-btn>button {
  font-size: 16px;
  padding-left: 23px !important;
  /* color: #9f9f9f; */
  position: relative;
  border-radius: unset;
}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li>div>.location-ul .locations-content>.header-btn>button[aria-expanded="false"]::after,
.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li>div>.location-ul .locations-content .location2-ul .locations2-content>.header-btn>button[aria-expanded="false"]::after {
  content: '';
  border: unset;
  position: absolute;
  right: 15px;
  top: 19px;
  width: 13px;
  height: 9px;
  background: url(/themes/custom/e72/images/icons/toggle.svg) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li>div>.location-ul .locations-content>.header-btn>button[aria-expanded="true"]::after,
.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li>div>.location-ul .locations-content .location2-ul .locations2-content>.header-btn>button[aria-expanded="true"]::after {
  content: '';
  border: unset;
  position: absolute;
  right: 15px;
  top: 19px;
  width: 13px;
  height: 9px;
  background: url(/themes/custom/e72/images/icons/toggle.svg) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#accordionlocations .locations-content .location2-ul .locations2-content ul.content-3 {
  padding-left: 0;
}

#accordionlocations .locations-content .location2-ul .locations2-content ul.content-3 li {
  min-width: unset !important;
  display: block !important;
  font-size: 16px;
  color: #1E9C85;
  border-bottom: 1px solid #E0E0E0;
  padding: 10px 12px !important;
  padding-left: 33px !important;
  cursor: pointer;
}

#accordionlocations .locations-content .location2-ul .locations2-content ul.content-3 li.on {
  background: #1E9C85;
  color: #fff;
}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li>div>ul>li.on,
.sort-section .sort-ul li.on,
.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li>div>.location-ul .locations-content.on {
  background: #1E9C85;
  color: #fff;
}


.page-view-search-job-page .filters-subconetent .location-dropdown .location-ul .locations-content .content-2 {
  padding-left: 0;
}

.page-view-search-job-page .filters-subconetent .location-dropdown .location-ul .locations-content .content-2 li {
  min-width: unset !important;
  display: block !important;
  padding: 10px 12px !important;
  border-bottom: 1px solid #E0E0E0;
  cursor: pointer;
  font-size: 15px;
  text-align: left;
  color: #626262;
}

.page-view-search-job-page #views-exposed-form-search-job-page-page-1 .form-actions {
  -ms-flex-pack: end;
  justify-content: flex-end;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin-top: -58px;
}

.page-view-search-job-page #views-exposed-form-search-job-page-page-1 .form-actions button {
  background: #1E9C85;
  padding: 6px 25px;
  border: unset;
  border-radius: 8px;
  margin-left: 28px;
}

.page-view-search-job-page #views-exposed-form-search-job-page-page-1 .function-buttons ul {
  padding-left: 0;
  margin-top: 30px;
}

.page-view-search-job-page #views-exposed-form-search-job-page-page-1 .function-buttons ul li {
  min-width: unset;
  background: #1E9C85;
  padding: 6px 25px;
  border: unset;
  border-radius: 8px;
  margin-left: 28px;
  color: #fff;
  cursor: pointer;
}

.page-view-search-job-page #views-exposed-form-search-job-page-page-1 .function-buttons ul li:first-child {
  margin-left: 0;
}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li .facets-widget-checkbox {
  padding: 12px
}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li .facets-widget-checkbox ul {
  margin-bottom: 0;
}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li .facets-widget-checkbox ul>h2 {
  display: none;
}

.page-view-search-job-page #btn-search-reset {
  color: #000;
  font-size: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.page-view-search-job-page #btn-search-reset img {
  width: 20px;
  height: 20px;
  margin-right: 3px;
}

.page-view-search-job-page #views-exposed-form-search-job-page-page-1 {
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
  background-color: unset !important;
  padding: unset !important;
  margin-top: 0 !important;
}

.page-view-search-job-page .view-id-search_job_page .view-header {
  display: -ms-flexbox;
  display: flex;
  margin-top: 0;
  margin-bottom: 30px;
  position: relative;
  z-index: 9;
}

.page-view-search-job-page .view-id-search_job_page .view-header .views-row img {
  width: 20px !important;
  height: 20px !important;
  margin-top: -8px;
}


.page-view-search-job-page .view-id-search_job_page .view-header .search-summary {
  margin: 0;
  color: #000;
  font-size: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 30px;
}

.view-header .sort-section>button {
  border-radius: 8px;
  border: 1px solid #E0E0E0;
  background: #FFF;
  position: relative;
  padding-right: 38px;
}

.view-header .sort-section>button[aria-expanded="false"]::after {
  content: '';
  border: unset;
  position: absolute;
  right: 12px;
  top: 16px;
  width: 18px;
  height: 9px;
  background: url(/themes/custom/e72/images/icons/toggle.svg) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.view-header .sort-section>button[aria-expanded="true"]::after {
  content: '';
  border: unset;
  position: absolute;
  right: 12px;
  top: 16px;
  width: 18px;
  height: 9px;
  background: url(/themes/custom/e72/images/icons/toggle.svg) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.view-header .sort-section #collapseSort {
  position: absolute;
  width: 100%;
}

.sort-section .sort-ul {
  margin-bottom: 0;
  padding-left: 0;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  line-height: 1.2;
  position: absolute;
  z-index: 99;
  border-radius: 8px;
  border: 1px solid #E0E0E0;
  background: #FFF;
  margin-top: 6px;
  overflow: hidden;
  display: block;
}

.sort-section .sort-ul li {
  list-style: none;
  text-align: center;
  min-width: unset !important;
  display: block !important;
  padding: 12px 15px !important;
  border-bottom: 1px solid #E0E0E0;
  cursor: pointer;
}


.page-view-search-job-page #block-job {
  margin-bottom: 0;
  margin-right: auto !important;
}

.page-view-search-job-page #block-job a {
  color: #000;
  padding: 6px 25px 6px 41px;
  border-radius: 8px;
  border: 1px solid #DE6B51;
  background: #FFF;
  line-height: 30px;
  position: relative;
}

.page-view-search-job-page #block-job a::after {
  content: '';
  position: absolute;
  top: 10px;
  left: 17px;
  width: 20px;
  height: 20px;
  background: url(/themes/custom/e72/images/icons/codicon_tools.svg) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.page-view-search-job-page .view-id-search_job_page .view-header .views-row {
  display: none;
}

.page-view-search-job-page .view-id-search_job_page .view-header .sort-by {
  margin-left: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.page-view-search-job-page .view-id-search_job_page .view-header .sort-by label {
  display: none;
}

.page-view-search-job-page .view-id-search_job_page .view-header .sort-by select {
  cursor: pointer;
}

.page-view-search-job-page .view-id-search_job_page .view-content.row .table-responsive.col {
  padding: 0;
}

.page-view-search-job-page .view-id-search_job_page .view-content.row table {
  min-width: 1130px;
}

.page-view-search-job-page .view-id-search_job_page .view-content.row table thead {
  border-bottom: 1px solid #DE6B51;
  background: #FFF4EE;
}

.page-view-search-job-page .view-id-search_job_page .view-content.row table thead tr th {
  width: 9% !important;
  padding: 25px 0.75rem !important;
  border-top: unset;
}

.page-view-search-job-page .view-id-search_job_page .view-content.row table thead tr th:nth-child(1) {
  vertical-align: top !important;
  text-align: center;
}

.page-view-search-job-page .view-id-search_job_page .view-content.row table thead tr th.views-field-url {
  text-align: center;
}

.page-view-search-job-page .view-id-search_job_page .view-content.row table thead tr th.views-field-field-salary-comment {
  width: 15% !important;
  text-align: left;
}

.page-view-search-job-page .view-id-search_job_page .view-content.row table thead tr th:nth-child(2),
.page-view-search-job-page .view-id-search_job_page .view-content.row table thead tr th:nth-child(3) {
  width: 20% !important;
  text-align: left;
}

.page-view-search-job-page .view-id-search_job_page .table-striped tbody tr:nth-of-type(even),
.page-view-search-job-page .view-id-search_job_page .table-striped tbody tr:nth-of-type(odd) {
  background-color: #fff;
}

.page-view-search-job-page .view-id-search_job_page .table-striped tbody tr td:nth-child(1),
.page-view-search-job-page .view-id-search_job_page .view-content.row table tbody tr td.views-field-url {
  position: relative;
}

.page-view-search-job-page .view-id-search_job_page .view-content.row table tbody tr td {
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 18px;
  color: #000;
  border-top: unset;
  border-bottom: 1px solid #dee2e6;
}

.page-view-search-job-page .view-id-search_job_page .view-content.row table tbody tr td.views-field-url a {
  border-radius: 4px;
  background: #1E9C85;
  padding: 4px 12px;
  color: #fff;
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
}

.page-view-search-job-page .view-id-search_job_page .view-content.row table .views-field-field-occupational-field {
  display: none;
}

.page-view-search-job-page .view-id-search_job_page .views-field-entity-comparison-link-job a {
  background-size: contain;
  position: absolute;
  top: calc(50% - 17px);
  left: calc(50% - 33px);
}

.page-view-search-job-page .featured-bottom {
  background: unset;
}

.page-view-search-job-page .head-title,
.block-views-blockrecent-read-user-block-1>h2 {
  margin-bottom: 40px;
}

/* .block-views-blockrecent-read-user-block-1>h2 {
  margin-top: 80px;
} */

.page-view-search-job-page .featured-bottom .region-featured-bottom-first>div {
  width: calc((100% - 120px)/4);
  margin-left: 40px;
}

.page-view-search-job-page .featured-bottom .region-featured-bottom-first>div:first-child {
  width: 100%;
  margin-left: 0;
}

.page-view-search-job-page .featured-bottom .region-featured-bottom-first>div:nth-child(2) {
  margin-left: 0;
}

.page-view-search-job-page .featured-bottom .region-featured-bottom-first>div .title-header {
  /* display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between; */
  margin-bottom: 20px;
}

.page-view-search-job-page .featured-bottom .region-featured-bottom-first>div .title-header .view-header {
  margin-top: 0;
}

.page-view-search-job-page .featured-bottom .region-featured-bottom-first>div .title-header h3.title-item {
  text-align: left;
  font-size: 24px;
  margin-bottom: 0;
}

.page-view-search-job-page .disable {
  opacity: 0.4;
}

.page-view-search-job-page .featured-bottom .region-featured-bottom-first>div .title-header ul.pagination {
  margin: 0 !important;
}

.page-view-search-job-page .featured-bottom .region-featured-bottom-first>div .title-header ul.pagination .page-item {
  margin-bottom: 0;
}

.page-view-search-job-page .featured-bottom .region-featured-bottom-first>div .title-header ul.pagination .page-item>a,
.page-view-search-job-page .featured-bottom .region-featured-bottom-first>div .title-header ul.pagination .page-item>span {
  position: relative;
}

.page-view-search-job-page .featured-bottom .region-featured-bottom-first>div .title-header ul.pagination li.page-item:first-child .page-link,
.page-view-search-job-page .featured-bottom .region-featured-bottom-first>div .title-header ul.pagination li.page-item:last-child .page-link,
.page-view-search-job-page #block-views-block-recent-read-user-block-1 .pagination li.page-item:first-child .page-link,
.page-view-search-job-page #block-views-block-recent-read-user-block-1 .pagination li.page-item:last-child .page-link {
  font-size: 0 !important;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #F2F2F2;
}

.page-view-search-job-page .featured-bottom .region-featured-bottom-first>div .title-header ul.pagination li.page-item:first-child,
.page-view-search-job-page #block-views-block-recent-read-user-block-1 .pagination li.page-item:first-child {
  margin-right: 10px;
}

.page-view-search-job-page .featured-bottom .region-featured-bottom-first>div .title-header ul.pagination li.page-item:first-child>a::after,
.page-view-search-job-page .featured-bottom .region-featured-bottom-first>div .title-header ul.pagination li.page-item:first-child>span::after,
.page-view-search-job-page #block-views-block-recent-read-user-block-1 .pagination li.page-item:first-child>a::after,
.page-view-search-job-page #block-views-block-recent-read-user-block-1 .pagination li.page-item:first-child>span::after {
  content: '';
  position: absolute;
  top: 9px;
  left: 9px;
  width: 8px;
  height: 14px;
  background: url(/themes/custom/e72/images/prev.svg) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  display: inline-block;
  z-index: 99;
}

.page-view-search-job-page .featured-bottom .region-featured-bottom-first>div .title-header ul.pagination li.page-item:last-child>a::after,
.page-view-search-job-page .featured-bottom .region-featured-bottom-first>div .title-header ul.pagination li.page-item:last-child>span::after,
.page-view-search-job-page #block-views-block-recent-read-user-block-1 .pagination li.page-item:last-child>a::after,
.page-view-search-job-page #block-views-block-recent-read-user-block-1 .pagination li.page-item:last-child>span::after {
  content: '';
  position: absolute;
  top: 9px;
  right: 9px;
  width: 8px;
  height: 14px;
  background: url(/themes/custom/e72/images/next.svg) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  display: inline-block;
  z-index: 99;
}

.page-view-search-job-page .job-card {
  border-radius: 8px;
  border: 1px solid #E8E8E8;
  background: #FFF;
  margin-bottom: 15px;
}

.page-view-search-job-page .job-card .card-top {
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

.page-view-search-job-page .job-card .card-top .card-img {
  width: 54px;
  height: 41px;
  border-radius: 2px;
  border: 1px solid #ECECEC;
  background-color: #fff;
}

.page-view-search-job-page .job-card .card-top .card-img img {
  object-fit: cover;
  width: 100%;
  border-radius: 2px;
}

.page-view-search-job-page .job-card .card-top .txt-job-nature span {
  padding: 4px 6px;
  border-radius: 2px;
  background: #E1806A;
  font-size: 18px;
}

.page-view-search-job-page .job-card .card-top .txt-job-nature span.full-time {
  background: #E1806A;
}

.page-view-search-job-page .job-card .card-top .txt-job-nature span.part-time {
  background: #FFE8AE;
}


.page-view-search-job-page .job-card .card-company {
  color: #000;
  font-size: 16px;
  height: 72px;
  margin-bottom: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page-view-search-job-page .job-card .card-title span[data-job-nature]:before {
  display: none;
}

.page-view-search-job-page .job-card .card-title span,
.page-view-search-job-page .job-card .card-title {
  font-weight: 700;
  font-size: 20px;
  color: #000;
}

.page-view-search-job-page .job-card .card-title {
  height: 60px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 35px;
}

.page-view-search-job-page .job-card .card-time {
  font-size: 16px;
  color: #767676;
}

#block-occupational-field,
#block-job-nature,
#block-location,
#block-salary {
  display: none;
}

.filters-subconetent .dropdown-menu::after {
  display: none;
}

/* job past searches */
.page-view-search-job-page .region-featured-bottom-third .views-element-container {
  width: 100%;
}

.page-view-search-job-page .past-job-card {
  border-radius: 8px;
  background: #FFF4EE;
  border: unset;
}

.page-view-search-job-page #block-views-block-recent-read-user-block-1 .pagination {
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  margin-top: 25px;
  margin-bottom: 80px;
}

#block-views-block-recent-read-user-block-1 .view-content.row {
  display: block !important;
}

.page-view-search-job-page #block-views-block-recent-read-user-block-1 .pagination li.page-item:nth-child(2),
.page-view-search-job-page .block-views-blocklatest-jobs-other-block-1 .title-header .pagination li.page-item:nth-child(2),
.page-view-search-job-page .block-views-blocklatest-jobs-tutor-block-1 .title-header .pagination li.page-item:nth-child(2),
.page-view-search-job-page .block-views-blocklatest-jobs-clerical-block-1 .title-header .pagination li.page-item:nth-child(2),
.page-view-search-job-page .block-views-blocklatest-jobs-management-block-1 .title-header .pagination li.page-item:nth-child(2) {
  display: none;
}

.page-view-search-job-page #block-views-block-recent-read-user-block-1 .pagination li.page-item:last-child,
.page-view-search-job-page .block-views-blocklatest-jobs-other-block-1 .title-header .pagination li.page-item:last-child,
.page-view-search-job-page .block-views-blocklatest-jobs-tutor-block-1 .title-header .pagination li.page-item:last-child,
.page-view-search-job-page .block-views-blocklatest-jobs-clerical-block-1 .title-header .pagination li.page-item:last-child,
.page-view-search-job-page .block-views-blocklatest-jobs-management-block-1 .title-header .pagination li.page-item:last-child {
  display: block;
}

/* job Partner */
.page-view-search-job-page #block-renliziyuanhezuohuoban {
  width: 100%;
}

.page-view-search-job-page #block-renliziyuanhezuohuoban .content>div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.page-view-search-job-page #block-renliziyuanhezuohuoban .content>div .field__item {
  width: 25%;
  margin-bottom: 0;
}

.page-view-search-job-page #block-renliziyuanhezuohuoban .content>div .field__item img {
  width: 100%;
  object-fit: contain;
  margin-bottom: 0;
  height: 120px;
}

.page-view-search-job-page .site-footer {
  border-top: 1px solid #C2C2C2;
  margin-top: 200px;
}

ul[block="block-e72-footer"] li.nav-item a {
  text-align: left;
}

/* seller ***********/
.page-view-handmade-products-seller .view-seller-teaser-full-width .views-row {
  padding-right: 30px;
  padding-left: 30px;
}

.page-view-handmade-products-seller .view-seller-teaser-full-width .views-row .brand-content-details {
  border-radius: 8px;
  background: #E9FAF7;
  padding: 15px 30px 15px 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.page-view-handmade-products-seller .view-seller-teaser-full-width .views-row .brand-content-details>.image {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.66667%;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.page-view-handmade-products-seller .view-seller-teaser-full-width .views-row .brand-content-details>.image img {
  border-radius: 8px;
}

.page-view-handmade-products-seller .view-seller-teaser-full-width .views-row .brand-content-details>.brand-subcontent {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.33333%;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
  padding-left: 20px;
}

/* mentor */
.filters-header {
  margin-bottom: 60px;
}

.filters-header ul {
  padding-left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

}

.filters-header ul li {
  list-style: none;
  width: calc(33.33% - 30px);
  max-width: 250px;
  border-bottom: 1px solid #DE6B51;
  background: #FFF;
  border-radius: 10px;
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
}

.filters-header ul li.on {
  background: #FFF4EE;
}

[class*='block-views-blockmentor-role-list-block-'] {
  display: none;
}

.block-views-blockmentor-role-list-block-1 {
  display: block;
}

.page-node-30645 h1 {
  display: none;
}


.mentor-card {
  margin-bottom: 30px;
}

.mentor-card>.row>div:nth-child(1) {
  padding: 20px 0 0 20px;
}

.mentor-card>.row>div:nth-child(1)>a img {
  border-radius: 50%;
  width: 50px;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  height: unset !important;
}

.mentor-card .card-title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-inline-box;
}

.mentor-card .card-description {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-inline-box;
  color: #898a89;
  font-size: 16px;
}

.mentor-card .card-link {
  margin: 10px 0;
  display: inline-block;
  background: #e67c1e;
  color: #fff;
  padding: 5px 10px;
  font-size: 14px !important;
}

.mentor-card .card-link:hover {
  text-decoration: underline
}

/* job details page ***********/
body.node--type-job .section-container {
  padding: 40px;
}

.node--type-job .section-banner {
  display: none;
}

.node--type-job .field__label {
  font-size: 20px !important;
  font-weight: bold !important;
  margin-bottom: 10px !important;
}

body.node--type-job article.contextual-region>div>div:nth-child(1) .section-container {
  background: #E9FAF7;
}

body.node--type-job article.contextual-region>div>div:nth-child(1) .section-container .col-md-3 {
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

body.node--type-job article.contextual-region>div>div:nth-child(1) .section-container .col-md-3 .field--name-created,
body.node--type-job article.contextual-region>div>div:nth-child(1) .section-container .col-md-3 .block-field-blocknodejobfield-job-serial {
  margin-bottom: 0;
  text-align: right;
  font-size: 17px;
  padding-bottom: 0;
}

body.node--type-job article.contextual-region>div>div:nth-child(1) .section-container .col-md-3 .field--name-field-job-serial {
  margin-bottom: 15px;
}

body.node--type-job article.contextual-region>div>div:nth-child(1) .section-container .col-md-3 .field--name-field-job-serial>div,
body.node--type-job article.contextual-region>div>div:nth-child(1) .section-container .col-md-3 .field--name-created>div {
  color: #000;
}

body.node--type-job article.contextual-region>div>div:nth-child(1) .section-container .col-md-3 .block-field-blocknodejobcreated {
  margin-bottom: 0;
}

.node--type-job .block-field-blocknodejobuid img {
  width: 145px !important;
  height: 75px !important;
  object-fit: cover;
  border-radius: 2px;
  border: 1px solid #ECECEC;
  display: inline-block;
  margin-right: 10px;
}

.node--type-job .block-field-blocknodejobuid .field--name-uid {
  display: inline-block;
  font-size: 18px;
  line-height: 41px;
}

.node--type-job .block-field-blocknodejobtitle .field--name-title {
  font-size: 40px !important;
  font-weight: bold;
}

body.node--type-job article.contextual-region>div>div:nth-child(1) .block-field-blocknodejobfield-location,
.node--type-job .block-field-blocknodejobfield-occupational-field,
.node--type-job .block-field-blocknodejobfield-job-nature {
  display: inline-block;
  margin-bottom: 0 !important;
  position: relative;
  padding-left: 50px;
  padding-right: 20px;
  border-right: 1px solid #000;
}

.node--type-job .block-field-blocknodejobfield-job-nature .field__item {
  display: inline-block;
}

.node--type-job .block-field-blocknodejobfield-job-nature {
  border-right: unset;
}

body.node--type-job article.contextual-region>div>div:nth-child(1) .block-field-blocknodejobfield-location {
  padding-left: 30px;
}

body.node--type-job article.contextual-region>div>div:nth-child(1) .block-field-blocknodejobfield-location::after,
.node--type-job .block-field-blocknodejobfield-occupational-field::after,
.node--type-job .block-field-blocknodejobfield-job-nature::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(/themes/custom/e72/images/icons/address_icon.svg) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  display: inline-block;
  left: 0px;
  top: 3px;
}

.node--type-job .block-field-blocknodejobfield-occupational-field::after {
  background: url(/themes/custom/e72/images/icons/industry_icon.svg) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  left: 18px;
}

.node--type-job .block-field-blocknodejobfield-job-nature::after {
  background: url(/themes/custom/e72/images/icons/nature_icon.svg) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  left: 18px;
}

body.node--type-job article.contextual-region>div>div:nth-child(2) .field--name-field-accept-online-application,
body.node--type-job article.contextual-region>div>div:nth-child(2) .field--name-field-how-to-apply,
body.node--type-job article.contextual-region>div>div:nth-child(2) .field--name-field-resume-email {
  background-color: unset;
  padding: 30px;
  border: 1px solid #7CD0C1;
}

/*job page from background*/
.node--type-job .block-layout-builder.block-field-blocknodejobfield-how-to-apply,
.node--type-job .block-layout-builder.block-field-blocknodejobfield-resume-email,
body.node--type-job article.contextual-region>div>div:nth-child(2) .field--name-field-accept-online-application {
  background-color: #FCF9F4;
}

body.node--type-job article.contextual-region>div>div:nth-child(2) .field--name-field-accept-online-application {
  border-radius: 4px 4px 0 0;
  border-bottom: unset;
}

body.node--type-job article.contextual-region>div>div:nth-child(2) .field--name-field-how-to-apply {
  border-top: unset;
  border-bottom: unset;
  padding-top: 0;
}

/* resume-email is now the bottom of the right apply form */
body.node--type-job article.contextual-region>div>div:nth-child(2) .field--name-field-resume-email {
  border-top: unset;
  padding-top: 0;
  border-radius: 0 0 4px 4px;
}

/* end-date is in left column — no apply-form border */
body.node--type-job .field--name-field-end-date,
body.node--type-job article.contextual-region>div>div:nth-child(2) .field--name-field-end-date,
body.node--type-job article.contextual-region>div>div:nth-child(2) .block-field-blocknodejobfield-end-date .field--type-datetime {
  border: none;
  border-radius: 0;
  background-color: transparent;
  padding: 0;
}

/* Meta icons: restore classic 2-column grid
   薪金 | 空缺
   工作天 | 工時 */
body.node--type-job .block-field-blocknodejobfield-salary,
body.node--type-job-tutor .block-field-blocknodejobfield-salary,
body.node--type-job .block-field-blocknodejobfield-no,
body.node--type-job-tutor .block-field-blocknodejobfield-no,
body.node--type-job .block-field-blocknodejobfield-working-day,
body.node--type-job-tutor .block-field-blocknodejobfield-working-day,
body.node--type-job .block-field-blocknodejobfield-working-hour,
body.node--type-job-tutor .block-field-blocknodejobfield-working-hour {
  width: 45% !important;
  vertical-align: top;
}

body.node--type-job .block-field-blocknodejobfield-salary,
body.node--type-job-tutor .block-field-blocknodejobfield-salary,
body.node--type-job .block-field-blocknodejobfield-no,
body.node--type-job-tutor .block-field-blocknodejobfield-no {
  margin-bottom: 0 !important;
}

body.node--type-job .block-field-blocknodejobfield-salary .field,
body.node--type-job-tutor .block-field-blocknodejobfield-salary .field,
body.node--type-job .block-field-blocknodejobfield-no .field--name-field-no,
body.node--type-job-tutor .block-field-blocknodejobfield-no .field--name-field-no {
  margin-bottom: 0 !important;
}

/* Deadline on left: full-width block, label above value, no empty 3rd row */
body.node--type-job .block-field-blocknodejobfield-end-date,
body.node--type-job-tutor .block-field-blocknodejobfield-end-date {
  display: block;
  width: 100% !important;
  max-width: 100%;
  margin: 0 0 1rem;
  border-radius: 0;
  vertical-align: top;
  box-sizing: border-box;
}

body.node--type-job .block-field-blocknodejobfield-end-date .field--name-field-end-date,
body.node--type-job-tutor .block-field-blocknodejobfield-end-date .field--name-field-end-date {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Remove leftover apply-form divider (::after) that creates an empty 3rd row. */
body.node--type-job .block-field-blocknodejobfield-end-date .field--type-datetime::after,
body.node--type-job-tutor .block-field-blocknodejobfield-end-date .field--type-datetime::after {
  content: none !important;
  display: none !important;
  margin: 0 !important;
  border: 0 !important;
  height: 0 !important;
  width: 0 !important;
}

body.node--type-job .block-field-blocknodejobfield-end-date .field__label,
body.node--type-job-tutor .block-field-blocknodejobfield-end-date .field__label {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 28px;
  min-height: 28px;
  margin: 0 !important;
  padding: 0;
  float: none;
  color: inherit;
  font-size: 20px !important;
  font-weight: bold !important;
  line-height: 28px;
}

body.node--type-job .block-field-blocknodejobfield-end-date .field__item,
body.node--type-job-tutor .block-field-blocknodejobfield-end-date .field__item {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 28px;
  min-height: 28px;
  margin: 0 !important;
  padding: 0 !important;
  color: #1E9C85;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
}

body.node--type-job .block-field-blocknodejobfield-end-date .field__item time.datetime,
body.node--type-job-tutor .block-field-blocknodejobfield-end-date .field__item time.datetime {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0 !important;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: 28px;
  vertical-align: middle;
}

body.node--type-job .block-field-blocknodejobfield-end-date .field__item time.datetime::before,
body.node--type-job-tutor .block-field-blocknodejobfield-end-date .field__item time.datetime::before {
  width: 18px;
  height: 18px;
  margin: 0 0.25rem 0 0;
  padding: 0;
  vertical-align: middle;
  flex: 0 0 18px;
}

body.node--type-job article.contextual-region>div>div:nth-child(2) .field--name-field-accept-online-application::after,
body.node--type-job article.contextual-region>div>div:nth-child(2) .field--name-field-how-to-apply::after,
body.node--type-job article.contextual-region>div>div:nth-child(2) .field--name-field-resume-email::after {
  display: none;
}

/* Job actions (Layout Builder custom block). */
.node--type-job .block-inline-blockbasic:has(.job-action-panel) {
  margin: 0 0 16px;
}

.node--type-job .job-action-panel {
  display: flex;
  align-items: flex-start;
  gap: 29px;
  width: 100%;
  margin: 0;
}

.node--type-job .job-action-card {
  position: relative !important;
  flex: 0 0 278px;
  width: 278px;
  max-width: 278px;
  height: 100px;
  min-height: 100px;
  overflow: visible;
  box-sizing: border-box;
  border: 0;
  padding: 0;
  color: #fff;
  background: transparent;
  text-align: left;
  font: inherit;
  appearance: none;
}

.node--type-job button.job-action-card {
  cursor: pointer;
}

.node--type-job .job-action-card--hidden {
  display: none !important;
}

.node--type-job button.job-action-card:disabled {
  cursor: default;
  opacity: 1;
}

.node--type-job .job-action-card::before,
.node--type-job .job-action-card::after {
  position: absolute !important;
  left: 52px;
  display: block;
  width: 226px;
  box-sizing: border-box;
  content: "";
  pointer-events: none;
}

.node--type-job .job-action-card::before {
  z-index: 1;
  top: 12px;
  height: 76px;
  border-radius: 4px;
}

.node--type-job .job-action-card::after {
  z-index: 0;
  top: 93px;
  height: 5px;
  border-radius: 4px;
}

body.node--type-job .node__content .job-action-card__label {
  position: absolute !important;
  z-index: 3;
  top: 12px;
  left: 100px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 178px;
  height: 76px;
  padding: 0 !important;
  color: #fff;
  font-family: "Microsoft JhengHei", "Noto Sans TC", sans-serif;
  font-size: 26px !important;
  font-weight: 700;
  line-height: 1 !important;
  white-space: nowrap;
  pointer-events: none;
}

body.node--type-job .node__content .job-action-card__icon {
  position: absolute !important;
  z-index: 4;
  top: 0;
  left: 0;
  display: block;
  width: 100px !important;
  max-width: none !important;
  height: 100px !important;
}

.node--type-job .job-action-card--apply::before {
  background-color: #1e9c85;
  transition: background-color 0.28s ease, filter 0.28s ease;
}

.node--type-job .job-action-card--apply::after {
  background-color: #9fe0d4;
  transition: background-color 0.28s ease;
}

.node--type-job .job-action-card--apply .job-action-card__label {
  transition: font-size 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

.node--type-job .job-action-card--apply:hover:not(:disabled)::before {
  background-color: #26b59a;
  filter: brightness(1.08);
}

.node--type-job .job-action-card--apply:hover:not(:disabled)::after {
  background-color: #b6ebe2;
}

body.node--type-job .node__content .job-action-card--apply:hover:not(:disabled) .job-action-card__label {
  font-size: 30px !important;
}

.node--type-job .job-action-card--interview::before {
  background-color: #2d82a7;
}

.node--type-job .job-action-card--interview::after {
  background-color: #abd9ee;
}

.node--type-job .job-action-card:focus,
.node--type-job .job-action-card:focus-visible,
.node--type-job .job-action-card:active {
  border: 0;
  outline: none;
  box-shadow: none;
}

@media (max-width: 991px) {
  .node--type-job .job-action-panel {
    flex-wrap: wrap;
    gap: 16px;
  }
}

/* Job detail ≤800px: stack main description / apply columns.
   Kept here for source readability; definitive copy is at file end. */
@media (max-width: 800px) {
  body.node--type-job .node__content .row.bs-2col:not(.section-container) {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }

  body.node--type-job .node__content .row.bs-2col:not(.section-container) > .bs-region,
  body.node--type-job .node__content .row.bs-2col:not(.section-container) > [class*="col-"] {
    flex: 0 0 100% !important;
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }

  body.node--type-job .node__content .row.bs-2col:not(.section-container) > .bs-region--right {
    margin-top: 24px;
  }

  /* Sidebar meta icons: full width from 800 (was only ≤767). */
  body.node--type-job .block-field-blocknodejobfield-salary,
  body.node--type-job .block-field-blocknodejobfield-no,
  body.node--type-job .block-field-blocknodejobfield-end-date,
  body.node--type-job .block-field-blocknodejobfield-working-day,
  body.node--type-job .block-field-blocknodejobfield-working-hour {
    width: 100% !important;
    display: block !important;
  }
}

/* Apply info group: hidden by default via CSS (end-date is on the left, always visible) */
.node--type-job .block-field-blocknodejobfield-accept-online-application > .content,
.node--type-job .block-field-blocknodejobfield-how-to-apply,
.node--type-job .block-field-blocknodejobfield-resume-email {
  display: none;
}

/* Revealed after #job-apply-now-btn click (JS adds class) */
.node--type-job.job-apply-info-visible .block-field-blocknodejobfield-accept-online-application > .content,
.node--type-job.job-apply-info-visible .block-field-blocknodejobfield-how-to-apply,
.node--type-job.job-apply-info-visible .block-field-blocknodejobfield-resume-email {
  display: block;
}

body.node--type-job .button--primary {
  border-radius: 8px;
  background: #1E9C85;
  color: #FFF;
  font-size: 22px;
  padding: 10px 50px;
  text-decoration: none;
}

body.node--type-job .button--primary:hover {
  background-color: #0D7562;
}

/* logo page ***********/
.page-node-61 #pnl-register-buttons a:nth-child(3) {
  background: url(../images/membership/membership-seller-icon.png);
  position: relative;
  margin-right: 5px;
  top: 5px;
  -webkit-background-size: contain;
  background-size: contain;
  display: inline-block;
  width: 299px;
  height: 225px;
  content: "";
  text-indent: -10000px;
  margin-bottom: 25px;
}

.page-node-61 #pnl-register-buttons a {
  -webkit-background-size: contain;
  background-size: contain;
}

/* page ***********/
.page-node-41 #block-e72-content article {
  background: unset !important;
  padding: unset !important;
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
  border-radius: unset !important;
}

.page-node-41 #block-e72-content article>div {
  background: #daefdf;
  padding: 15px;
  -webkit-box-shadow: 0px 2px 6px #c2c2c2;
  box-shadow: 0px 2px 6px #c2c2c2;
  border-radius: 6px;
  width: calc(100% - 30px);
  margin: 40px auto 15px;
}

/* applicant ***********/
.role-applicant.layout-one-sidebar:not(.node--type-video) .bs-1col .bs-region--main {
  background-color: #fff;
}

@media (max-width: 767.98px) {
  .role-applicant.layout-one-sidebar .row-offcanvas {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .role-applicant.layout-one-sidebar .order-first {
    padding-left: 0;
    padding-right: 0;
  }

  /* 帳戶管理 */
  .layout-sidebar-first #main .main-content.col {
    flex: 0 0 auto;
    margin: 40px auto;
  }
}

@media (min-width: 768px) {
  .page-node-41 #block-e72-content article>div {
    max-width: 690px;
  }
}

@media (min-width: 992px) {
  .page-node-41 #block-e72-content article>div {
    max-width: 930px;
  }
}

@media (min-width: 1200px) {
  .page-node-41 #block-e72-content article>div {
    max-width: 1250px;
  }
}

.node--type-course-sage #block-e72-content {
  padding: unset !important;
  background: unset !important;
}

.node--type-course-sage .section {
  box-shadow: unset !important;
}

.node--type-course-sage .node__content {
  margin-top: 0;
}

.node--type-course-sage .block-webform {
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 0px 0px #c2c2c2, 0px 2px 0px 0px #c2c2c2;
  box-shadow: 0px 2px 0px 0px #c2c2c2, 0px 2px 0px 0px #c2c2c2;
}

/* webform ***********/
/* User Register ***********/
.path-webform .main-content,
.page-user-register .main-content {
  background: unset !important;
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
  padding: unset !important;
}

.path-webform h3 {
  margin-top: 30px;
  margin-bottom: 20px;
}

.page-user-register #block-e72-content {
  padding: 0 !important;
}

.path-webform #block-e72-content .content,
.page-user-register #block-e72-content .content {
  background: #fff;
  /* -webkit-box-shadow: 2px 4px 15px #898a89;
  box-shadow: 2px 4px 15px #898a89; */
  padding: 0;
}

.path-webform section.section,
.page-user-register section.section {
  padding: 0 15px !important;
}

.path-webform #block-e72-page-title,
.page-user-register #block-e72-page-title {
  border-radius: 8px 8px 0px 0px;
  border-top: 1px solid #E8E8E8;
  border-right: 1px solid #E8E8E8;
  border-left: 1px solid #E8E8E8;
  background: #E9FAF7 !important;
  margin-bottom: 0;
  padding: 10px 40px !important;
}

.path-webform #block-e72-page-title h1,
.page-user-register #block-e72-page-title h1 {
  font-size: 32px !important;
  color: #000;
  font-weight: bold;
}

.path-webform form,
.page-user-register form {
  border-radius: 0px 0px 8px 8px;
  border-left: 1px solid #E8E8E8;
  border-right: 1px solid #E8E8E8;
  border-bottom: 1px solid #E8E8E8;
  padding: 40px;
}

.page-user-register form#user-register-form #edit-mail--description,
.page-user-register form#user-register-form #edit-name--description,
.page-user-register form#user-register-form #edit-phone-number-0-value--description,
.page-user-register form#user-register-form #edit-user-picture-0--description,
.page-user-register form#user-register-form #edit-applicant-profiles-0-entity-field-expertise-0-value--description {
  clear: both;
  display: block;
}

@media (min-width: 768px) {

  .page-user-register form#user-register-form #edit-mail--description,
  .page-user-register form#user-register-form #edit-name--description,
  .page-user-register form#user-register-form #edit-phone-number-0-value--description,
  .page-user-register form#user-register-form #edit-user-picture-0--description,
  .page-user-register form#user-register-form #edit-applicant-profiles-0-entity-field-expertise-0-value--description {
    margin-left: 30% !important;
    padding-top: 5px;
  }
}

.page-user-register form .form-group {
  margin-bottom: 30px;
}

.page-user-register form .form-inline .form-group {
  margin-bottom: 0;
  margin-right: 30px;
}

.page-user-register form input#edit-user-picture-0-upload {
  height: auto;
  margin-bottom: 10px;
}

.page-user-register form legend,
.page-user-register form .fieldset-legend {
  font-size: 17.6px;
}

.page-user-register form .field--widget-options-buttons .fieldset-wrapper {
  width: 70%;
  float: left;
}

.page-user-register .form-item-applicant-profiles-0-entity-field-gender {
  display: inline-block;
  width: 120px !important;
}

.page-user-register .form-item-applicant-profiles-0-entity-field-gender label {
  width: auto;
}

.path-webform .header-title,
.page-user-register .header-title {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 60px;
}

.path-webform .form-accordion {
  margin-bottom: 60px;
}

.path-webform .form-accordion .card {
  border: unset;
  border-bottom: 1px solid #E0E0E0;
}

.path-webform .form-accordion .card-header {
  border-radius: unset;
  padding: 0;
  border-bottom: unset;
}

.path-webform .form-accordion .card-header button {
  padding: 20px 0;
  font-size: 20px;
  color: #000;
  position: relative;
  text-decoration: none;
}

.path-webform .form-accordion .card-header button[aria-expanded="true"] {
  color: #1E9C85;
  transition: all 0.3s ease-in-out;
}

.path-webform .form-accordion .card-header button::after {
  content: '';
  width: 19px;
  height: 11px;
  background: url(../images/icons/form_button.svg) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  position: absolute;
  display: inline-block;
  margin-right: 0.25rem;
  vertical-align: middle;
  right: 10px;
  top: 29px;
  transition: all 0.3s ease-in-out;
}

.path-webform .form-accordion .card-header button[aria-expanded="true"]::after {
  content: '';
  right: 10px;
  top: 29px;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: all 0.3s ease-in-out;
}

.path-webform .form-accordion .card-body {
  padding: 0;
  padding-bottom: 30px;
  padding-top: 20px;
}

.path-webform .form-accordion .card-body .title {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  margin-top: 40px;
  margin-bottom: 10px;
}

.path-webform .subtitle .header-title {
  margin-bottom: 10px;
}

.path-webform .subtitle {
  margin-bottom: 40px;
}

.path-webform #edit-container {
  border-radius: 4px;
  background: #FFF4EE;
  display: flex;
  padding: 44px;
  align-items: baseline;
}

.path-webform #edit-actions {
  margin-left: auto;
}

.path-webform .custom-switch .custom-control-label::before,
.page-user-register .custom-radio .custom-control-label::before {
  border-radius: 4px;
  width: 22px;
  height: 22px;
}

.custom-control-input:checked~.custom-control-label::before {
  background-color: #fff !important;
  background: url(../images/icons/confirm.svg) no-repeat;
  background-size: contain;
  border: #adb5bd solid 1px !important;
}

.page-user-register .form-item-seller-profiles-0-entity-field-promotion-value .custom-control-label::before {
  border-radius: 4px;
  top: 2px;
}

.form-item-seller-profiles-0-entity-field-promotion-value label::before {
  background-color: #fff;
  border: #adb5bd solid 1px;
  border-radius: 4px;
  width: 22px !important;
  height: 22px;
}

.path-webform #edit-container>div:nth-child(1) {
  margin-right: 10%;
}

.path-webform #edit-container .custom-control-input {
  width: 1.4rem;
  height: 1.4rem;
  top: 4px;
}

.path-webform #edit-container .custom-control-label {
  color: #000;
  font-size: 20px;
  font-weight: bold;
}

/* Expand clickable area for applicant profile interview email radios. */
#edit-applicant-profiles-0-entity-field-email-interview .js-form-type-radio.custom-control {
  cursor: pointer;
  padding-left: 0;
}

#edit-applicant-profiles-0-entity-field-email-interview .js-form-type-radio.custom-control .custom-control-label {
  cursor: pointer;
  display: block;
  min-height: 1.5rem;
  padding-left: 2rem;
  width: 100%;
  white-space: nowrap;
}

#edit-applicant-profiles-0-entity-field-email-interview .js-form-type-radio.custom-control .custom-control-label::before,
#edit-applicant-profiles-0-entity-field-email-interview .js-form-type-radio.custom-control .custom-control-label::after {
  left: 0;
}

.path-webform .form-item-agree .custom-control-label::after {
  color: red;
  content: '*';
  display: inline-block;
  position: relative;
  background: none !important;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  transform: none !important;
}

.path-webform #edit-container .webform-element-description {
  color: #1E9C85;
  font-size: 18px;
  margin-top: 10px;
}

.path-webform #edit-container #edit-actions button {
  border-radius: 8px;
  background: #1E9C85;
  color: #FFF;
  font-size: 20px;
  padding: 13px 20px;
}

.page-user-register form.user-register-form summary {
  display: list-item;
  font-size: 20px;
  font-weight: bold;
}

.page-user-register form.user-register-form summary[aria-expanded="true"] {
  color: #1E9C85;
  margin-bottom: 40px;
}

.sidebar .menu--maijiazhanghuguanli {
  border: none !important;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
  box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
  margin-bottom: 40px !important;
  padding: 0 !important;
}

.sidebar .menu--maijiazhanghuguanli #block-maijiazhanghuguanli-menu {
  padding: 1rem;
  background: #ee702c;
  text-shadow: none;
  color: #ffffff;
}

.sidebar .menu--maijiazhanghuguanli .nav {
  margin: 0 !important;
  padding-bottom: 0.5em;
}

.sidebar .menu--maijiazhanghuguanli .nav li.nav-item {
  width: 100%;
  display: block;
}

.sidebar .menu--maijiazhanghuguanli .nav li.nav-item .nav-link {
  color: #343a40;
}

.sidebar .menu--maijiazhanghuguanli .nav li.nav-item .active {
  color: #ee702c;
}

.profile-form .image-preview img {
  max-width: unset !important;
  width: unset !important;
  margin: 10px 0 !important;
}

/* Verification ***********/
.page-node-14244 h1 {
  margin-bottom: 50px;
}

[class*='page-user-'] .container .container.block-page-title-block {
  padding: 0;
}

[class*='page-user-']:not(.role-applicant) .field--name-name,
[class*='page-user-']:not(.role-applicant) .block-extra-field-blockuseruserentity-print-view-pdf {
  display: none;
}

[class*='page-user-'] .field--name-seller-profiles {
  margin-top: 40px;
  margin-bottom: 0;
}

[class*='page-user-'] .field--name-name .field__label,
[class*='page-user-'] .field--name-mail .field__label,
[class*='page-user-'] .field--name-field-display-name .field__label,
[class*='page-user-'] .field--name-field-gender .field__label,
[class*='page-user-'] .field--name-field-salutation .field__label,
[class*='page-user-'] .field--name-field-description .field__label,
[class*='page-user-'] .field--name-field-rating .field__label {
  font-weight: 700;
  width: 155px;
}

/* [class*='page-user-'] .field--name-name .field__label::after,
[class*='page-user-'] .field--name-mail .field__label::after {
  content: '：';
} */

[class*='page-user-'] .field--type-entity-reference>.field__label {
  font-size: 20px;
  font-weight: 700;
}

/* logo img ***********/
.field--name-field-logo .image-preview {
  width: 100px;
  margin-bottom: 20px;
}

/* job page ***********/
.a2a_button_copy_link {
  display: none !important;
}

.copy_link {
  display: inline-block;
  /* background-color: #888990;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  cursor: pointer; */
}

.copy_link>svg {
  width: 34px;
  height: 42px;
}

.copy_link>span {
  background-color: rgb(136, 137, 144);
  position: relative;
}

.copy_link>span>svg {
  position: absolute;
}

.block-extra-field-blocknodejobaddtoany .copy_link>span>svg,
.node--type-testimonial .copy_link>span>svg,
.node--type-testimonial-inspiration .copy_link>span>svg,
.node--type-news .copy_link>span>svg,
.node--type-activity .copy_link>span>svg,
.node--type-course-sage .copy_link>span>svg,
.node--type-resume-making .copy_link>span>svg,
.node--type-job-tutor .copy_link>span>svg {
  width: 80%;
  left: 5px;
  top: 5px;
  text-align: center;
}

.node--type-video .copy_link>span>svg {
  width: 80%;
  left: 4px;
  top: 4px;
  text-align: center;
}

.a2a_button_copy_link {
  display: none;
}

.show-url {
  position: fixed;
  background: #fff;
  left: 0;
  right: 0;
  top: 50px;
  margin: auto;
  width: 240px;
  border-radius: 5px;
  display: none;
  z-index: 999;
  box-shadow: 0px 8px 8px rgb(67 118 179 / 20%);
}

.show-url p {
  text-align: center;
  margin: 12px 0;
  padding: 0;
  font-weight: bold;
}

/* 人力資源庫 - detail */
.node--type-job .block-field-blocknodejobuid>.content {
  display: flex;
  flex-direction: column;
}

/* 再就業準備 - 法律意見 */
.page-node-31475 .node__content ul {
  padding-left: 25px;
}

.page-node-31475 .node__content ul li {
  list-style: initial;
}

.page-node-31475 .node__content .table {
  font-size: 1.1em;
}

/* 耆星課程 */
.page-node-41 #block-e72-content article>div {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}

.page-node-41 #block-e72-content article>div .container {
  margin-left: -15px;
  margin-right: -15px;
}

/* 耆才導師 */
.node--type-video .text-formatted {
  margin-bottom: 0;
}

/* Footer content page */
.page-node-34 .section,
.page-node-35 .section,
.page-node-36 .section,
.page-node-37 .section,
.page-node-38 .section,
.page-node-39 .section,
.page-node-40 .section {
  box-shadow: unset !important;
}

.page-node-34 .section .section-container,
.page-node-35 .section .section-container,
.page-node-36 .section .section-container,
.page-node-37 .section .section-container,
.page-node-38 .section .section-container,
.page-node-39 .section .section-container,
.page-node-40 .section .section-container {
  padding: 1rem;
}

/* Register */
.page-user-register form .form-type-tel label {
  background: url(/themes/custom/e72/images/icons/whatsapp.svg) left top no-repeat;
  background-size: 26px auto;
  padding-left: 30px;
}

.node-handmade-product-form .image-style-thumbnail {
  width: 20% !important;
}

.page-view-channel-category-videos .media-object .image-style-square-medium {
  width: 140px !important;
  height: 140px !important;
  object-fit: cover;
}

.menu--profile-applicant .nav li.nav-item .nav-link,
.menu--profile-recruiter .nav li.nav-item .nav-link {
  cursor: pointer;
}

#DeleteAccountBackdrop .modal-title>span {
  font-weight: bold;
}

#DeleteAccountBackdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

/* del-acccount-menu ***********/
#block-del-acccount {
  padding: 0 !important;
  -webkit-box-shadow: 2px 4px 15px #898a89;
  box-shadow: 2px 4px 15px #898a89;
  border: none;
  border-width: 0 !important;
}

#block-del-acccount #block-del-acccount-menu {
  padding: 1rem;
  background: #ee702c;
  text-shadow: none;
  color: #ffffff;
}

#block-del-acccount li,
#block-del-acccount li>span {
  width: 100%;
  display: block;
  cursor: pointer;
}

#block-del-acccount>ul {
  margin: 0;
}

#block-del-acccount li>span {
  padding: 0.5rem 1rem;
}

.block-views-blocklatest-jobs-management-block-2 .view-content.row table,
.block-views-blocklatest-jobs-clerical-block-2 .view-content.row table,
.block-views-blocklatest-jobs-tutor-block-2 .view-content.row table,
.block-views-blocklatest-jobs-other-block-2 .view-content.row table {
  font-size: 110%;
  min-width: 1130px;
}

.block-views-blocklatest-jobs-management-block-2 .view-content.row table thead,
.block-views-blocklatest-jobs-clerical-block-2 .view-content.row table thead,
.block-views-blocklatest-jobs-tutor-block-2 .view-content.row table thead,
.block-views-blocklatest-jobs-other-block-2 .view-content.row table thead {
  background: #FFF4EE;
}

.block-views-blocklatest-jobs-management-block-2 .view-content.row table thead tr th,
.block-views-blocklatest-jobs-clerical-block-2 .view-content.row table thead tr th,
.block-views-blocklatest-jobs-other-block-2 .view-content.row table thead tr th {
  width: 9% !important;
  padding: 25px 0.75rem !important;
  border-top: unset;
}

.block-views-blocklatest-jobs-tutor-block-2 .view-content.row table thead tr th {
  width: 17% !important;
  padding: 25px 0.75rem !important;
  border-top: unset;
}

.block-views-blocklatest-jobs-management-block-2 .view-content.row table thead tr th.views-field-url,
.block-views-blocklatest-jobs-clerical-block-2 .view-content.row table thead tr th.views-field-url,
.block-views-blocklatest-jobs-tutor-block-2 .view-content.row table thead tr th.views-field-url,
.block-views-blocklatest-jobs-other-block-2 .view-content.row table thead tr th.views-field-url {
  text-align: center;
}

.block-views-blocklatest-jobs-management-block-2 .view-content.row table thead tr th.views-field-field-salary-comment,
.block-views-blocklatest-jobs-management-block-2 .view-content.row table thead tr th:first-child,
.block-views-blocklatest-jobs-management-block-2 .view-content.row table thead tr th:nth-child(2),
.block-views-blocklatest-jobs-clerical-block-2 .view-content.row table thead tr th.views-field-field-salary-comment,
.block-views-blocklatest-jobs-clerical-block-2 .view-content.row table thead tr th:first-child,
.block-views-blocklatest-jobs-clerical-block-2 .view-content.row table thead tr th:nth-child(2),
.block-views-blocklatest-jobs-tutor-block-2 .view-content.row table thead tr th.views-field-field-salary-comment,
.block-views-blocklatest-jobs-tutor-block-2 .view-content.row table thead tr th:first-child,
.block-views-blocklatest-jobs-tutor-block-2 .view-content.row table thead tr th:nth-child(2),
.block-views-blocklatest-jobs-other-block-2 .view-content.row table thead tr th.views-field-field-salary-comment,
.block-views-blocklatest-jobs-other-block-2 .view-content.row table thead tr th:first-child,
.block-views-blocklatest-jobs-other-block-2 .view-content.row table thead tr th:nth-child(2) {
  width: 20% !important;
}

.block-views-blocklatest-jobs-management-block-2 .view-content.row table thead tr th.views-field-created,
.block-views-blocklatest-jobs-clerical-block-2 .view-content.row table thead tr th.views-field-created,
.block-views-blocklatest-jobs-other-block-2 .view-content.row table thead tr th.views-field-created {
  width: 13% !important;
}

.block-views-blocklatest-jobs-tutor-block-2 .view-content.row table thead tr th:last-child {
  width: auto !important;
}

.block-views-blocklatest-jobs-management-block-2 .table-striped tbody tr:nth-of-type(even),
.block-views-blocklatest-jobs-management-block-2 .table-striped tbody tr:nth-of-type(odd),
.block-views-blocklatest-jobs-clerical-block-2 .table-striped tbody tr:nth-of-type(even),
.block-views-blocklatest-jobs-clerical-block-2 .table-striped tbody tr:nth-of-type(odd),
.block-views-blocklatest-jobs-tutor-block-2 .table-striped tbody tr:nth-of-type(even),
.block-views-blocklatest-jobs-tutor-block-2 .table-striped tbody tr:nth-of-type(odd),
.block-views-blocklatest-jobs-other-block-2 .table-striped tbody tr:nth-of-type(even),
.block-views-blocklatest-jobs-other-block-2 .table-striped tbody tr:nth-of-type(odd) {
  background-color: #fff;
}

.block-views-blocklatest-jobs-management-block-2 .view-content.row table tbody tr td,
.block-views-blocklatest-jobs-clerical-block-2 .view-content.row table tbody tr td,
.block-views-blocklatest-jobs-tutor-block-2 .view-content.row table tbody tr td,
.block-views-blocklatest-jobs-other-block-2 .view-content.row table tbody tr td {
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 18px;
  color: #000;
  border-top: unset;
  border-bottom: 1px solid #dee2e6;
}

.block-views-blocklatest-jobs-management-block-2 .view-content.row table tbody tr td:last-child a,
.block-views-blocklatest-jobs-clerical-block-2 .view-content.row table tbody tr td:last-child a,
.block-views-blocklatest-jobs-tutor-block-2 .view-content.row table tbody tr td:last-child a,
.block-views-blocklatest-jobs-other-block-2 .view-content.row table tbody tr td:last-child a {
  border-radius: 4px;
  background: #1E9C85;
  padding: 4px 12px;
  color: #fff;
}

/* 手作市場 */
.path-e72-market .market-card .category {
  min-height: 32.5px;
  margin-bottom: 12px;
}

.path-e72-market .market-card .category ul {
  margin-bottom: 0;
}

/* css overwrite */
.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li>button[aria-expanded="true"]::after {
  background: url(/themes/custom/e72/images/icons/toggle-red.svg) no-repeat;
}

.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li>div>.location-ul .locations-content>.header-btn>button[aria-expanded="true"]::after,
.page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li>div>.location-ul .locations-content .location2-ul .locations2-content>.header-btn>button[aria-expanded="true"]::after {
  background: url(/themes/custom/e72/images/icons/toggle-red.svg) no-repeat;
  background-size: contain;
}

/* user page ***********/
.block-field-blockuseruserapplicant-profiles .profile--type--applicant .field__label,
.block-field-blockuseruserapplicant-profiles .profile--type--applicant .field__item {
  display: inline-block;
}

.block-field-blockuseruserapplicant-profiles .profile--type--applicant>.field--label {
  background: #ee702c;
  padding: 1rem;
  color: #ffffff;
  font-weight: 700;
}

.block-field-blockuseruserapplicant-profiles .field--type-entity-reference {
  margin-bottom: 0;
}

/* 人力資源庫 Detail ***********/
body.node--type-job #block-e72-content article.node--type-job.node--view-mode-full>div {
  background: #ffffff;
  padding: 0rem 1rem 0 1rem;
  border-radius: 8px;
  border: 1px solid #E8E8E8;
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
}

body.node--type-job article.node--type-job.node--view-mode-full>div>div:nth-child(1) .section-container {
  background: #E9FAF7;
}


@media (max-width: 767px) {

  .block-views-blocklatest-jobs-management-block-2 .view-content.row table,
  .block-views-blocklatest-jobs-clerical-block-2 .view-content.row table,
  .block-views-blocklatest-jobs-tutor-block-2 .view-content.row table,
  .block-views-blocklatest-jobs-other-block-2 .view-content.row table {
    width: 100% !important;
    min-width: auto;
  }

  .block-views-blocklatest-jobs-management-block-2 .view-content.row table thead,
  .block-views-blocklatest-jobs-clerical-block-2 .view-content.row table thead,
  .block-views-blocklatest-jobs-tutor-block-2 .view-content.row table thead,
  .block-views-blocklatest-jobs-other-block-2 .view-content.row table thead {
    display: none;
  }

  .block-views-blocklatest-jobs-management-block-2 .view-content.row table .card-job-m,
  .block-views-blocklatest-jobs-clerical-block-2 .view-content.row table .card-job-m,
  .block-views-blocklatest-jobs-tutor-block-2 .view-content.row table .card-job-m,
  .block-views-blocklatest-jobs-other-block-2 .view-content.row table .card-job-m {
    border-radius: 8px;
    border-bottom: #1E9C85 5px solid;
    margin-bottom: 30px;
  }

  .font-size-m #page-wrapper div:not(#font-size-box) .view-content.row table .card-job-m a {
    font-size: 100%;
  }

  .block-views-blocklatest-jobs-management-block-2 .view-content.row table .card-job-m .card-organization,
  .block-views-blocklatest-jobs-clerical-block-2 .view-content.row table .card-job-m .card-organization,
  .block-views-blocklatest-jobs-tutor-block-2 .view-content.row table .card-job-m .card-organization,
  .block-views-blocklatest-jobs-other-block-2 .view-content.row table .card-job-m .card-organization {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .block-views-blocklatest-jobs-management-block-2 .view-content.row table .card-job-m .card-title,
  .block-views-blocklatest-jobs-clerical-block-2 .view-content.row table .card-job-m .card-title,
  .block-views-blocklatest-jobs-tutor-block-2 .view-content.row table .card-job-m .card-title,
  .block-views-blocklatest-jobs-other-block-2 .view-content.row table .card-job-m .card-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
  }

  .block-views-blocklatest-jobs-management-block-2 .view-content.row table .card-job-m ul,
  .block-views-blocklatest-jobs-clerical-block-2 .view-content.row table .card-job-m ul,
  .block-views-blocklatest-jobs-tutor-block-2 .view-content.row table .card-job-m ul,
  .block-views-blocklatest-jobs-other-block-2 .view-content.row table .card-job-m ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 10px;
    padding: 0;
  }

  .block-views-blocklatest-jobs-management-block-2 .view-content.row table .card-job-m ul li,
  .block-views-blocklatest-jobs-clerical-block-2 .view-content.row table .card-job-m ul li,
  .block-views-blocklatest-jobs-tutor-block-2 .view-content.row table .card-job-m ul li,
  .block-views-blocklatest-jobs-other-block-2 .view-content.row table .card-job-m ul li {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
  }

  .block-views-blocklatest-jobs-management-block-2 .view-content.row table .card-job-m ul li:not(:last-child),
  .block-views-blocklatest-jobs-clerical-block-2 .view-content.row table .card-job-m ul li:not(:last-child),
  .block-views-blocklatest-jobs-tutor-block-2 .view-content.row table .card-job-m ul li:not(:last-child),
  .block-views-blocklatest-jobs-other-block-2 .view-content.row table .card-job-m ul li:not(:last-child) {
    margin-right: 20px;
  }

  .block-views-blocklatest-jobs-management-block-2 .view-content.row table .card-job-m ul li::before,
  .block-views-blocklatest-jobs-clerical-block-2 .view-content.row table .card-job-m ul li::before,
  .block-views-blocklatest-jobs-tutor-block-2 .view-content.row table .card-job-m ul li::before,
  .block-views-blocklatest-jobs-other-block-2 .view-content.row table .card-job-m ul li::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
  }

  .block-views-blocklatest-jobs-management-block-2 .view-content.row table .card-job-m ul li.card-location::before,
  .block-views-blocklatest-jobs-clerical-block-2 .view-content.row table .card-job-m ul li.card-location::before,
  .block-views-blocklatest-jobs-tutor-block-2 .view-content.row table .card-job-m ul li.card-location::before,
  .block-views-blocklatest-jobs-other-block-2 .view-content.row table .card-job-m ul li.card-location::before {
    background: url(/themes/custom/e72/images/icons/address_icon.svg);
    background-size: cover;
  }

  .block-views-blocklatest-jobs-management-block-2 .view-content.row table .card-job-m ul li.card-job::before,
  .block-views-blocklatest-jobs-clerical-block-2 .view-content.row table .card-job-m ul li.card-job::before,
  .block-views-blocklatest-jobs-tutor-block-2 .view-content.row table .card-job-m ul li.card-job::before,
  .block-views-blocklatest-jobs-other-block-2 .view-content.row table .card-job-m ul li.card-job::before {
    background: url(/themes/custom/e72/images/icons/industry_icon.svg);
    background-size: cover;
  }

  .block-views-blocklatest-jobs-management-block-2 .view-content.row table .card-job-m ul li.card-time::before,
  .block-views-blocklatest-jobs-clerical-block-2 .view-content.row table .card-job-m ul li.card-time::before,
  .block-views-blocklatest-jobs-tutor-block-2 .view-content.row table .card-job-m ul li.card-time::before,
  .block-views-blocklatest-jobs-other-block-2 .view-content.row table .card-job-m ul li.card-time::before {
    background: url(/themes/custom/e72/images/icons/nature_icon.svg);
    background-size: cover;
  }
}

/* @media ***********/
@media (min-width: 1199.98px) {
  .col-xxxl {
    -webkit-box-flex: 0 !important;
    -webkit-flex: 0 0 25% !important;
    -ms-flex: 0 0 25% !important;
    flex: 0 0 25% !important;
    max-width: 25% !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}

@media (max-width: 1200px) {

  /* header ***********/
  #page-wrapper .secondary-menu {
    height: 85px;
  }

  #page-wrapper .navbar-brand img {
    height: 75px;
  }

  /* job page ***********/
  .page-view-search-job-page .featured-bottom .region-featured-bottom-first>div {
    width: calc((100% - 40px)/2);
    margin-left: 0px;
    margin-bottom: 40px;
  }

  .page-view-search-job-page .featured-bottom .region-featured-bottom-first>div:nth-child(2n+1) {
    margin-left: 40px;
  }

  .page-view-search-job-page .featured-bottom .region-featured-bottom-first>div:first-child {
    margin-left: 0;
    margin-bottom: 20px;
  }

  /* 傲齡手作市場 ***********/
  /* 志願者最新活動 ***********/
  .marketSwiper-button-prev,
  .sellersSwiper-button-prev,
  .swipervolunteer-button-prev {
    left: -30px;
  }

  .marketSwiper-button-next,
  .sellersSwiper-button-next,
  .swipervolunteer-button-next {
    right: -30px;
  }
}

@media (min-width: 991.98px) {
  #page-wrapper header #navbar-main a.navbar-brand {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 991px) {

  /* header ***********/
  .navbar-nav {
    margin: 0;
  }

  #block-e72-main-menu ul {
    background: #F8F8F8;
    padding: 15px 0;
  }

  #block-e72-main-menu .navbar-dark .navbar-nav .nav-link {
    text-align: center;
  }

  #CollapsingNavbar .show>.nav-link,
  #CollapsingNavbar #block-fontsizebox a {
    text-align: center;
  }
}

@media (max-width: 992px) {

  /* header ***********/
  #page-wrapper .secondary-menu {
    height: auto;
  }

  #page-wrapper header #navbar-top .secondary-menu .region-secondary-menu-logo a.navbar-brand {
    display: none;
  }

  #page-wrapper header #navbar-main {
    background-color: #fff !important;
    margin-bottom: 7px;
  }

  #page-wrapper .navbar-brand img {
    width: 100%;
    height: auto;
  }

  #block-e72-main-menu .navbar-dark .navbar-nav .nav-link {
    text-align: center;
  }

  /* News ***********/
  #page-wrapper .view-courses-re-employment .card,
  #page-wrapper .view-news .card,
  #page-wrapper .view-inspiration-page .card,
  #page-wrapper .view-testimonial-listing .card,
  #page-wrapper .view-activities .card,
  #page-wrapper .view-re-employment-news .card,
  #page-wrapper .view-courses-sage .card,
  #page-wrapper .view-member-area-news .card,
  #page-wrapper .view-resume-making .card {
    flex: 0 0 calc(50% - 30px);
  }

  /* job page ***********/
  .page-view-search-job-page .view-id-search_job_page .view-filters {
    margin-bottom: 80px;
  }

  .page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li {
    width: calc((100% - 18px)/2);
    margin-left: 0;
    margin-bottom: 18px;
  }

  .page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li:nth-child(2n+2) {
    margin-left: 18px;
  }

  .page-view-search-job-page #views-exposed-form-search-job-page-page-1 .form-actions {
    margin-top: 10px;
  }

  .page-view-search-job-page #views-exposed-form-search-job-page-page-1 .function-buttons ul {
    display: flex;
    margin-bottom: 10px;
  }

  .page-view-search-job-page #views-exposed-form-search-job-page-page-1 .function-buttons ul li {
    width: 100%;
    text-align: center;
  }

  .page-view-search-job-page #views-exposed-form-search-job-page-page-1 .form-actions button {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
  }

  .page-view-search-job-page .view-id-search_job_page .view-header {
    display: block !important;
    margin-bottom: 25px;
    position: relative;
  }

  .page-view-search-job-page #block-job {
    margin-right: unset !important;
    width: 100%;
  }

  .page-view-search-job-page .view-id-search_job_page .view-header .content {
    margin-bottom: 20px;
  }

  .page-view-search-job-page .view-id-search_job_page .view-header .search-summary {
    width: 100%;
    text-align: left;
  }

  .page-view-search-job-page .view-id-search_job_page .view-header .sort-section {
    position: absolute;
    right: 0;
    bottom: 0;
  }

  /* 義工招募 ***********/
  .page-node-31474 .volunteer-part-1 .content-right img,
  .page-node-31474 .volunteer-part-1 .content-right img {
    width: 80% !important;
    max-width: 560px !important;
  }

  .page-node-31474 .volunteer-part-3 .subcontent,
  .page-node-31474 .volunteer-part-3 .subcontent {
    margin-top: 80px;
    padding-left: 0;
  }

  /* e72-market ***********/
  .node--type-handmade-product .bs-2col .bs-region--right,
  .node--type-e72-product .bs-2col .bs-region--right,
  .node--type-handmade-product .bs-2col .bs-region--left,
  .node--type-e72-product .bs-2col .bs-region--left {
    padding-left: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .node--type-handmade-product .bs-2col .bs-region--left,
  .node--type-e72-product .bs-2col .bs-region--left {
    margin-bottom: 50px;
  }
}

/* login page ***********/
.page-user-login #pnl-register-buttons a:nth-child(3) {
  background: url(../images/membership/membership-seller-icon.png);
  position: relative;
  margin-right: 5px;
  top: 5px;
  display: inline-block;
  width: 299px;
  height: 225px;
  content: "";
  text-indent: -10000px;
  margin-bottom: 25px;
  max-width: 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}

@media (max-width: 767px) {
  #main {
    padding: 0 15px;
  }

  #main .main-content.col {
    padding: 0;
  }

  /* page user login ***********/
  .page-user-login .row-offcanvas-left {
    flex-direction: column;
  }

  .page-user-login #pnl-register-buttons {
    margin-left: -10px;
    margin-right: -10px;
  }

  .page-user-login #pnl-register-buttons a {
    width: calc(50% - 10px) !important;
    height: auto !important;
    aspect-ratio: 4 / 3;
    float: left;
    margin: 0 5px !important;
  }

  /* job page ***********/
  .page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li {
    width: 100%;
  }

  .page-view-search-job-page .view-id-search_job_page .view-filters .form-row .filters-subconetent>li:nth-child(2n+2) {
    margin-left: 0;
  }

  .view-header .sort-section>button {
    font-size: 15px;
  }

  .page-view-search-job-page .view-id-search_job_page .view-header .search-summary {
    font-size: 15px;
    margin-right: 0;
  }

  .page-view-search-job-page .view-id-search_job_page .view-content.row table {
    width: 100% !important;
    min-width: auto;
  }

  .page-view-search-job-page .view-id-search_job_page .view-content.row table thead {
    display: none;
  }

  .page-view-search-job-page .view-id-search_job_page .view-content.row table .card-job-m {
    border-radius: 8px;
    border-bottom: #1E9C85 5px solid;
    margin-bottom: 30px;
  }

  .page-view-search-job-page .view-id-search_job_page .view-content.row table .card-job-m .card-organization {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .page-view-search-job-page .view-id-search_job_page .view-content.row table .card-job-m .card-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
  }

  .page-view-search-job-page .view-id-search_job_page .view-content.row table .card-job-m ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 10px;
    padding: 0;
  }

  .page-view-search-job-page .view-id-search_job_page .view-content.row table .card-job-m ul li {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
  }

  .page-view-search-job-page .view-id-search_job_page .view-content.row table .card-job-m ul li:not(:last-child) {
    margin-right: 20px;
  }

  .page-view-search-job-page .view-id-search_job_page .view-content.row table .card-job-m ul li::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
  }

  .page-view-search-job-page .view-id-search_job_page .view-content.row table .card-job-m ul li.card-location::before {
    background: url(../images/icons/address_icon.svg);
    background-size: cover;
  }

  .page-view-search-job-page .view-id-search_job_page .view-content.row table .card-job-m ul li.card-job::before {
    background: url(../images/icons/industry_icon.svg);
    background-size: cover;
  }

  .page-view-search-job-page .view-id-search_job_page .view-content.row table .card-job-m ul li.card-time::before {
    background: url(../images/icons/nature_icon.svg);
    background-size: cover;
  }


  .sort-section .sort-ul li {
    font-size: 15px;
  }

  .view-header .sort-section>button {
    padding-right: 30px;
  }

  .view-header .sort-section>button[aria-expanded="true"]::after,
  .view-header .sort-section>button[aria-expanded="false"]::after {
    width: 14px;
  }

  .page-view-search-job-page #block-job {
    display: none;
  }

  .page-view-search-job-page #block-job a {
    margin-top: 0;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
  }

  .page-view-search-job-page .featured-bottom .region-featured-bottom-first>div {
    width: 100%;
    margin-left: 0px !important;
    margin-bottom: 40px;
  }

  .page-view-search-job-page #block-renliziyuanhezuohuoban .content>div .field__item {
    width: 50%;
  }

  .flippy li.flippy-next {
    right: -20px !important;
    bottom: -186px;
  }

  .flippy li.flippy-previous {
    left: -20px !important;
    bottom: -186px;
  }

  /* seller ***********/
  /* mentor */
  .filters-header ul li {
    width: 100%;
    max-width: none;
  }

  .filters-header ul li:not(:last-child) {
    margin-bottom: 20px;
  }

  /* page ***********/
  .node--type-activity #main-wrapper .main-content>.section #block-e72-page-title,
  .node--type-member-area-news #main-wrapper .main-content>.section #block-e72-page-title,
  .node--type-volunteer-activity #main-wrapper .main-content>.section #block-e72-page-title {
    width: calc(100% - 30px);
  }

  /* market page ***********/
  .path-e72-market .view-handmade-products form.views-exposed-form fieldset:nth-child(2) {
    min-width: 170px;
    padding-left: 0;
    padding-right: 0;
  }

  .path-e72-market .view-handmade-products form.views-exposed-form fieldset:nth-child(1) {
    padding-left: 0;
    padding-right: 0;
  }

  .path-e72-market .view-handmade-products .view-header,
  .path-e72-product .view-e72-product .view-header {
    display: block !important;
    position: relative;
    margin-bottom: 20px;
  }

  .path-e72-market .view-handmade-products .view-header .title,
  .path-e72-product .view-e72-product .view-header .title {
    width: 100%;
    margin-bottom: 30px;
  }

  .path-e72-market .view-handmade-products .view-header .total,
  .path-e72-market .view-handmade-products .view-header .sort-by,
  .path-e72-product .view-e72-product .view-header .total,
  .path-e72-product .view-e72-product .view-header .sort-by {
    display: inline-block;
    margin-right: 30px;
  }

  .path-e72-market .view-handmade-products .view-header .sort-by,
  .path-e72-product .view-e72-product .view-header .sort-by {
    margin-left: 0;
    position: absolute;
    right: 0;
    bottom: 0;
  }

  /* product page ***********/
  .path-e72-product .view-e72-product form.views-exposed-form fieldset:nth-child(1),
  .path-e72-product .view-e72-product form.views-exposed-form #edit-actions,
  .path-e72-product .view-e72-product form.views-exposed-form #edit-actions button {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  /* job page ***********/
  body.node--type-job .section-container,
  .node--type-job-tutor .section .node__content>div:nth-child(1)>div {
    padding: 15px;
  }

  body.node--type-job article.contextual-region>div>div:nth-child(1) .block-field-blocknodejobfield-location,
  .node--type-job .block-field-blocknodejobfield-occupational-field,
  .node--type-job .block-field-blocknodejobfield-job-nature {
    display: block;
    padding-left: 30px;
    border-right: unset;
    margin-bottom: 10px !important;
  }

  .node--type-job .block-field-blocknodejobfield-occupational-field::after,
  .node--type-job .block-field-blocknodejobfield-job-nature::after {
    left: 0;
  }

  .node--type-job .block-field-blocknodejobfield-salary,
  .node--type-job-tutor .block-field-blocknodejobfield-salary,
  .node--type-job .block-field-blocknodejobfield-no,
  .node--type-job-tutor .block-field-blocknodejobfield-no,
  .node--type-job .block-field-blocknodejobfield-end-date,
  .node--type-job-tutor .block-field-blocknodejobfield-end-date,
  .node--type-job .block-field-blocknodejobfield-working-day,
  .node--type-job-tutor .block-field-blocknodejobfield-working-day,
  .node--type-job .block-field-blocknodejobfield-working-hour,
  .node--type-job-tutor .block-field-blocknodejobfield-working-hour {
    width: 100% !important;
    display: block !important;
  }

  body.node--type-job article.contextual-region>div>div:nth-child(2) .field--name-field-accept-online-application,
  body.node--type-job article.contextual-region>div>div:nth-child(2) .field--name-field-how-to-apply,
  body.node--type-job article.contextual-region>div>div:nth-child(2) .field--name-field-resume-email {
    padding: 15px;
  }

  body.node--type-job article.contextual-region>div>div:nth-child(1) .section-container .col-md-3 {
    margin-top: 30px;
  }

  body.node--type-job article.contextual-region>div>div:nth-child(1) .section-container .col-md-3 .field--name-created,
  body.node--type-job article.contextual-region>div>div:nth-child(1) .section-container .col-md-3 .block-field-blocknodejobfield-job-serial {
    font-size: 16px;
  }

  /* 傲齡手作市場 ***********/
  .path-e72-market .featured-bottom .block-views-blocksellers-block-1 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .marketSwiper-button-prev,
  .marketSwiper-button-next,
  .sellersSwiper-button-prev,
  .sellersSwiper-button-next,
  .swipervolunteer-button-prev,
  .swipervolunteer-button-next {
    display: none;
  }

  /* 義工招募 ***********/
  .page-node-31474 .volunteer-part-2 .main-content>ul>li,
  .page-node-31474 .volunteer-part-2 .main-content>ul>li {
    align-items: flex-start;
  }

  .page-node-31474 .volunteer-part-2 .main-content>ul>li>.title,
  .page-node-31474 .volunteer-part-2 .main-content>ul>li>.title {
    font-size: 24px;
    min-width: 150px;
  }

  .page-node-31474 .volunteer-part-2 .main-content>ul>li>p,
  .page-node-31474 .volunteer-part-2 .main-content>ul>li>p {
    padding-left: 20px;
  }

  .page-node-31474 .volunteer-part-2 .main-content>ul>li:not(:last-child):after,
  .page-node-31474 .volunteer-part-2 .main-content>ul>li:not(:last-child):after {
    left: 63px;
    top: 167px;
  }

  /* form ***********/
  .path-webform form {
    padding: 0px;
  }

  .path-webform #edit-container {
    display: block;
    padding: 20px 10px;
    margin-bottom: 0;
  }

  .path-webform #edit-container>div {
    margin-bottom: 20px;
  }

  .path-webform #edit-container #edit-actions button {
    padding: 10px;
    font-size: 16px;
    width: 100%;
  }

  .path-webform #block-e72-page-title h1 {
    font-size: 1.8rem !important;
  }

  /* webform ***********/
  /* User Register ***********/
  .path-webform #block-e72-page-title,
  .page-user-register #block-e72-page-title {
    padding: 10px 20px !important;
  }

  .path-webform form,
  .page-user-register form {
    padding: 20px;
  }
}

@media (max-width: 480px) {

  /* header ***********/
  .navbar-brand img {
    max-width: 240px;
  }

  #block-e72-main-menu ul {
    background-color: unset;
  }

  #page-wrapper .navbar-dark .navbar-brand {
    right: 16%;
    left: 15px;
  }

  #page-wrapper .navbar-brand img {
    width: 100%;
    height: auto;
  }

  #page-wrapper .navbar-dark .navbar-toggler {
    left: auto;
    right: 0;
  }

  .navbar-dark #CollapsingNavbar {
    background-color: #1E9C85;
    width: 100%;
  }

  .navbar-dark #block-fontsizebox {
    background-color: #1E9C85;
  }

  #CollapsingNavbar .show>.nav-link,
  #CollapsingNavbar #block-fontsizebox a {
    text-align: center;
  }

  ul[block="block-e72-footer"] li.nav-item a {
    padding-left: 0 !important;

  }

  /* News ***********/
  #page-wrapper .view-courses-re-employment .card,
  #page-wrapper .view-news .card,
  #page-wrapper .view-inspiration-page .card,
  #page-wrapper .view-testimonial-listing .card,
  #page-wrapper .view-activities .card,
  #page-wrapper .view-re-employment-news .card,
  #page-wrapper .view-courses-sage .card,
  #page-wrapper .view-member-area-news .card,
  #page-wrapper .view-resume-making .card {
    width: 100%;
    flex: 0 0 100%;
  }

  /* market page ***********/
  .navbar-nav .dropdown-menu .dropdown-item a {
    color: #fff !important;
    text-align: center;
  }

  .navbar-nav .dropdown-menu .dropdown-item:hover a {
    color: #1E9C85 !important;
  }

  .path-e72-market .view-handmade-products form.views-exposed-form fieldset:nth-child(2),
  .path-e72-market .view-handmade-products form.views-exposed-form #edit-actions,
  .path-e72-market .view-handmade-products form.views-exposed-form #edit-actions button {
    width: 100%;
  }

  .marketSwiper-button-next,
  .marketSwiper-button-prev {
    display: none;
  }

  .node--type-e72-product #main,
  .node--type-handmade-product #main {
    padding-left: 0;
    padding-right: 0;
  }

  .node--type-handmade-product .bs-2col .bs-region--right,
  .node--type-e72-product .bs-2col .bs-region--right,
  .node--type-handmade-product .bs-2col .bs-region--left,
  .node--type-e72-product .bs-2col .bs-region--left {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* job page ***********/
  body.node--type-job .section-container,
  .node--type-job-tutor .section .node__content>div:nth-child(1)>div {
    padding: 0;
    padding-top: 20px;
  }

  .page-view-search-job-page #views-exposed-form-search-job-page-page-1 .function-buttons ul {
    display: inline;
  }

  .page-view-search-job-page #views-exposed-form-search-job-page-page-1 .function-buttons ul li {
    width: 100%;
    text-align: center;
  }

  .page-view-search-job-page #views-exposed-form-search-job-page-page-1 .function-buttons ul li:nth-child(2) {
    margin-left: 0;
    margin-top: 10px;
  }

  /* login page ***********/
  .page-user-login #pnl-register-buttons a:nth-child(3) {
    margin-top: 10px !important;
  }
}

/**********************/
/* Web View ***********/
/**********************/
.display-via-webview #header {
  display: none;
}

/* ==== Job detail responsive (must stay last so it wins over style.css) ==== */
@media (max-width: 800px) {
  body.node--type-job .node__content .row.bs-2col:not(.section-container),
  body.node--type-job #block-e72-content .node__content .row.bs-2col:not(.section-container),
  body.node--type-job article.node--type-job .node__content .row.bs-2col:not(.section-container) {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }

  body.node--type-job .node__content .row.bs-2col:not(.section-container) > .bs-region,
  body.node--type-job .node__content .row.bs-2col:not(.section-container) > [class*="col-"],
  body.node--type-job #block-e72-content .node__content .row.bs-2col:not(.section-container) > .bs-region,
  body.node--type-job #block-e72-content .node__content .row.bs-2col:not(.section-container) > [class*="col-"] {
    flex: 0 0 100% !important;
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }

  body.node--type-job .node__content .row.bs-2col:not(.section-container) > .bs-region--right,
  body.node--type-job #block-e72-content .node__content .row.bs-2col:not(.section-container) > .bs-region--right {
    margin-top: 24px;
  }

  body.node--type-job .block-field-blocknodejobfield-salary,
  body.node--type-job .block-field-blocknodejobfield-no,
  body.node--type-job .block-field-blocknodejobfield-end-date,
  body.node--type-job .block-field-blocknodejobfield-working-day,
  body.node--type-job .block-field-blocknodejobfield-working-hour {
    width: 100% !important;
    display: block !important;
  }
}

/* E72 interactive intro video section */
#block-e72videointrohome,
#block-e72videointroplan {
  width: 100%;
}

.e72-video-section {
  max-width: 950px;
  width: calc(100% - 30px);
  margin: 2rem auto 2.5rem;
  padding: 0;
  box-sizing: border-box;
}

.e72-video-section .e72-video-player-wrap {
  width: 100%;
  background: #000;
  border-radius: 4px;
  overflow: hidden;
}

.e72-video-section .e72-video-player {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 190 / 107;
  background: #000;
  vertical-align: top;
  border: 1px solid #ccc;
}

.e72-video-section .e72-video-modes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 424px));
  width: 907px;
  max-width: 100%;
  gap: 21px 59px;
  margin: 20px auto 0;
}

.e72-video-section .e72-video-mode-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 424px;
  max-width: 100%;
  height: 85px;
  min-height: 85px;
  padding: 0 109px 0 20px;
  border: 3px solid transparent;
  border-radius: 30px;
  box-sizing: border-box;
  color: #fff;
  font-family: Inter, Arial, sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  cursor: pointer;
  overflow: visible;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.12);
  transform: translateY(0) scale(1);
  transition:
    transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.28s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.28s ease,
    background-color 0.28s ease,
    border-color 0.28s ease;
  will-change: transform, box-shadow, filter;
}

.e72-video-section .e72-video-mode-btn:hover {
  transform: translateY(-4px) scale(1.035);
  filter: brightness(1.08) saturate(1.08);
  border-color: #6e6e6e;
  box-shadow:
    0 12px 24px rgba(0, 0, 0, 0.18),
    0 4px 0 rgba(0, 0, 0, 0.1);
}

.e72-video-section .e72-video-mode-btn:active {
  transform: translateY(-1px) scale(1.01);
  filter: brightness(0.98);
  box-shadow:
    0 6px 12px rgba(0, 0, 0, 0.14),
    0 2px 0 rgba(0, 0, 0, 0.1);
  transition-duration: 0.12s;
}

.e72-video-section .e72-video-mode-btn:focus {
  outline: none;
}

.e72-video-section .e72-video-mode-btn:focus-visible {
  outline: 3px solid rgba(13, 117, 98, 0.45);
  outline-offset: 3px;
}

.e72-video-section .e72-video-mode-btn.active {
  box-shadow:
    0 6px 14px rgba(0, 0, 0, 0.16),
    0 3px 0 rgba(0, 0, 0, 0.12);
}

.e72-video-section .e72-video-mode-btn .e72-video-mode-label {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  text-align: center;
  white-space: nowrap;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  transition: letter-spacing 0.28s ease, transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

.e72-video-section .e72-video-mode-btn:hover .e72-video-mode-label {
  letter-spacing: 0.02em;
  transform: scale(1.02);
}

/* Use ::after so the play icon cannot be stripped by CKEditor / HTML filters. */
.e72-video-section .e72-video-mode-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 27px;
  width: 82px;
  height: 82px;
  transform: translateY(-50%) scale(1);
  background-image: url('/themes/custom/e72/images/icons/video_play.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 54px 61px;
  pointer-events: none;
  filter: drop-shadow(0 0 0 transparent);
  transition:
    transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.28s ease;
}

.e72-video-section .e72-video-mode-btn:hover::after {
  transform: translateY(-50%) translateX(3px) scale(1.12);
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25));
}

.e72-video-section .e72-video-mode-btn[data-mode="full"] {
  background-color: #43bcba;
}

.e72-video-section .e72-video-mode-btn[data-mode="full"]:hover {
  background-color: #4fd0ce;
  box-shadow:
    0 14px 28px rgba(67, 188, 186, 0.45),
    0 4px 0 rgba(33, 120, 118, 0.35);
}

.e72-video-section .e72-video-mode-btn[data-mode="recruit"] {
  background-color: #ddb139;
}

.e72-video-section .e72-video-mode-btn[data-mode="recruit"]:hover {
  background-color: #ecc04a;
  box-shadow:
    0 14px 28px rgba(221, 177, 57, 0.45),
    0 4px 0 rgba(160, 120, 20, 0.35);
}

.e72-video-section .e72-video-mode-btn[data-mode="job"] {
  background-color: #e67c1e;
}

.e72-video-section .e72-video-mode-btn[data-mode="job"]:hover {
  background-color: #f38d32;
  box-shadow:
    0 14px 28px rgba(230, 124, 30, 0.45),
    0 4px 0 rgba(150, 70, 10, 0.35);
}

.e72-video-section .e72-video-mode-btn[data-mode="owner"] {
  background-color: #1e9c85;
}

.e72-video-section .e72-video-mode-btn[data-mode="owner"]:hover {
  background-color: #26b59a;
  box-shadow:
    0 14px 28px rgba(30, 156, 133, 0.45),
    0 4px 0 rgba(12, 90, 76, 0.35);
}

@media (prefers-reduced-motion: reduce) {
  .e72-video-section .e72-video-mode-btn,
  .e72-video-section .e72-video-mode-btn::after,
  .e72-video-section .e72-video-mode-btn .e72-video-mode-label {
    transition: none;
  }

  .e72-video-section .e72-video-mode-btn:hover,
  .e72-video-section .e72-video-mode-btn:active {
    transform: none;
  }

  .e72-video-section .e72-video-mode-btn:hover::after {
    transform: translateY(-50%);
  }

  .e72-video-section .e72-video-mode-btn:hover .e72-video-mode-label {
    transform: none;
    letter-spacing: normal;
  }
}

@media (max-width: 992px) {
  /* Neutralize featured-top's left-only margin so video margins stay equal. */
  .featured-top {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .featured-top > .featured-top__inner.container {
    max-width: none;
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
  }

  .featured-top .region-featured-top.row {
    margin-left: 0;
    margin-right: 0;
  }

  #block-e72videointrohome,
  #block-e72videointroplan {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  /* Plan page content region: keep equal 25px from page edges. */
  .page-node-2988 #block-e72videointroplan {
    width: auto;
    margin-left: 25px;
    margin-right: 25px;
  }

  .e72-video-section {
    position: relative;
    left: auto;
    width: 100%;
    max-width: none;
    margin: 1.25rem 0 1.75rem;
    transform: none;
  }

  .e72-video-section .e72-video-modes {
    width: calc(100% - 10px);
    max-width: 907px;
    justify-content: space-between;
    gap: 12px;
    margin: 18px auto 0;
  }

  .e72-video-section .e72-video-mode-btn {
    width: 100%;
    height: clamp(60px, 11vw, 85px);
    min-height: 60px;
    padding: 0 clamp(54px, 12vw, 109px) 0 clamp(10px, 2vw, 20px);
    border-radius: clamp(18px, 3vw, 30px);
    font-size: clamp(18px, 5vw, 42px);
  }

  .e72-video-section .e72-video-mode-btn::after {
    right: 4px;
    width: clamp(50px, 9vw, 82px);
    height: clamp(50px, 9vw, 82px);
    background-size: clamp(32px, 6vw, 54px) clamp(36px, 6.8vw, 61px);
  }

  /* Soften lift on smaller screens so buttons don't collide. */
  .e72-video-section .e72-video-mode-btn:hover {
    transform: translateY(-2px) scale(1.02);
  }
}

/* ≤400: continue the same vw clamps from 401 (no ratio jump).
   At 400px: 5vw≈20px, icon floors≈50/32/36 — match those, then keep shrinking gently. */
@media (max-width: 400px) {
  .e72-video-section .e72-video-modes {
    width: 100%;
    gap: 8px;
  }

  .featured-top > .featured-top__inner.container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .page-node-2988 #block-e72videointroplan {
    margin-left: 16px;
    margin-right: 16px;
  }

  .e72-video-section .e72-video-mode-btn {
    width: 100%;
    height: 60px;
    min-height: 60px;
    /* Same 5vw curve as 401–992; allow a slightly lower floor on very narrow phones. */
    padding: 0 clamp(40px, 13.5vw, 54px) 0 clamp(8px, 2.5vw, 10px);
    border-width: 2px;
    border-radius: clamp(16px, 4.5vw, 18px);
    font-size: clamp(16px, 5vw, 42px);
    overflow: hidden;
  }

  .e72-video-section .e72-video-mode-btn .e72-video-mode-label {
    max-width: 100%;
    overflow: hidden;
    text-overflow: clip;
  }

  /* Icon floors at 401 were 50 / 32×36; 12.5vw / 8vw / 9vw meet those at 400px. */
  .e72-video-section .e72-video-mode-btn::after {
    right: 4px;
    width: clamp(38px, 12.5vw, 50px);
    height: clamp(38px, 12.5vw, 50px);
    background-size: clamp(24px, 8vw, 32px) clamp(27px, 9vw, 36px);
  }

  .e72-video-section .e72-video-mode-btn:hover::after {
    transform: translateY(-50%) translateX(2px) scale(1.08);
  }

  .e72-video-section .e72-video-mode-btn:hover {
    transform: translateY(-1px) scale(1.01);
  }
}

/* ≤300: shrink play icon further (continuous from 300) so labels stay readable. */
@media (max-width: 300px) {
  .featured-top > .featured-top__inner.container {
    padding-left: 12px;
    padding-right: 12px;
  }

  .page-node-2988 #block-e72videointroplan {
    margin-left: 12px;
    margin-right: 12px;
  }

  .e72-video-section .e72-video-modes {
    gap: 6px;
  }

  .e72-video-section .e72-video-mode-btn {
    /* Free horizontal room for labels; keep height and prefer text over icon. */
    padding: 0 clamp(26px, 11vw, 40px) 0 clamp(6px, 2vw, 8px);
    font-size: clamp(14px, 5.2vw, 16px);
  }

  /* At 300px: 12.5vw≈37.5 matches ≤400 floor (~38). Then keep shrinking. */
  .e72-video-section .e72-video-mode-btn::after {
    right: 2px;
    width: clamp(26px, 12.5vw, 38px);
    height: clamp(26px, 12.5vw, 38px);
    background-size: clamp(16px, 8vw, 24px) clamp(18px, 9vw, 27px);
  }
}