:root {
  --tab-text: #3e4987;
  --tab-head: #19123f;
}


/****************  gov 共用 start ****************/

/****************
  content - top banner gov (職訓補助) strat
****************/
.content-bn-gov {
  margin-top: 60px;
  padding: 6% 0 0;
  background: #acacac;
  background: -o-linear-gradient(top, #acacac 0%, #ffffff 80%);
  background: -webkit-gradient(linear, left top, left bottom, from(#acacac), color-stop(80%, #ffffff));
  background: linear-gradient(to bottom, #acacac 0%, #ffffff 80%);
  background: url('../images/content/bg-content-bn-gov.webp') no-repeat center center /cover;
}

.container-bn-gov {}

.content-bn-gov-textgroup {
  margin: auto;
}

.content-bn-gov-textgroup .content-bn-title {
  color: #ffffff;
  font-size: var(--fz2);
  text-shadow: 0 0 10px #000;
  margin: 3% 0 6%;
}

.content-bn-tabgroup {
  margin: auto;
}

.content-bn-tabgroup .tab-item {}

.content-bn-tab {
  display: block;
  text-align: center;
  margin-bottom: 0;
  color: #ffffff;
  background: var(--jgun-deep-pink);
  border: none;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  -webkit-transition: background .3s ease;
  -o-transition: background .3s ease;
  transition: background .3s ease;
}

.content-bn-tab:hover,
.content-bn-tab:focus {
  background-color: var(--jgun-deep-pink-hover);
}

.content-bn-tab.active {
  border-color: var(--jgun-deep-pink);
  background: #ffffff;
}

.content-bn-tab a {
  display: block;
}

.content-bn-tab .text {
  display: block;
  color: #ffffff;
  font-size: var(--fz3);
  word-break: keep-all;
  font-weight: 500;
  line-height: 1;
  margin: 0;
  padding: 15px 10px;
}

.content-bn-tab.active .text {
  color: var(--text-bk);
}

@media screen and (min-width: 992px) {
  .content-bn-gov {}

  .container-bn-gov {}

  .content-bn-gov-textgroup {}

  .content-bn-gov-textgroup .content-bn-title {}

  .content-bn-tabgroup {}

  .content-bn-tabgroup .tab-item {}

  .content-bn-tab {}

  .content-bn-tab.active {}

  .content-bn-tab a {}

  .content-bn-tab .text {
    font-size: var(--fztSecContenTitle);
  }

  .content-bn-tab.active .text {}
}

/****************
    content - top banner gov (職訓補助) end
****************/


/****************
    共用 政府補助相關頁的 corp-list-sub-tabs start
    NOTES: 已用頁面: gov-subsidies/project/xxx  (政府補助-課程方案 / XX補助頁)
****************/
/* 共用 政府補助相關頁的 corp-list-sub-tabs */
.corp-list-sub-tabs {
  padding: 10px 0;
}
.corp-list-sub-tabs .tab {
  background-color: #ffffff;
  border: 1px solid #DEE2E6;
  padding: 3px 8px;
  margin: 0px 2px 8px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  word-break: keep-all;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.corp-list-sub-tabs .tab:hover,
.corp-list-sub-tabs .tab:focus,
.corp-list-sub-tabs .tab:active {  
  background-color: #E4E4E4;
}
.corp-list-sub-tabs .tab.active {  
  background-color: #E4E4E4;
  cursor: auto;
}

/* 在政府補助-課程方案 / XX補助頁中的 .section-corp-plan.course 內的 list-sub-tabs */
.section-corp-plan.course {}
.section-corp-plan.course .corp-list-sub-tabs {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.section-corp-plan.course .corp-list-sub-tabs .tab {
  margin-bottom: 8px;
  padding: 8px 30px;
  width: 42%;
  /* box-shadow: 0 0 0 2px #ffffff; */
  will-change: box-shadow;
  color: var(link);
}
.section-corp-plan.course .corp-list-sub-tabs .tab:hover,
.section-corp-plan.course .corp-list-sub-tabs .tab:focus,
.section-corp-plan.course .corp-list-sub-tabs .tab:active {
  background-color: #f5f8ff;
  -webkit-box-shadow: 0 0 0 2px #2A4EB0;
          box-shadow: 0 0 0 2px #2A4EB0;
}
.section-corp-plan.course .corp-list-sub-tabs .tab.active {
  background-color: #f5f8ff;
  -webkit-box-shadow: 0 0 0 2px #afafaf;
          box-shadow: 0 0 0 2px #afafaf;
  cursor: default;
}


@media screen and (min-width: 992px) {
  /* 共用 政府補助相關頁的 corp-list-sub-tabs */
  .corp-list-sub-tabs {}
  .corp-list-sub-tabs .tab {}
  .corp-list-sub-tabs .tab:hover,
  .corp-list-sub-tabs .tab:focus,
  .corp-list-sub-tabs .tab:active {}
  .corp-list-sub-tabs .tab.active {}

  /* 在政府補助-課程方案 / XX補助頁中的 .section-corp-plan.course 內的 list-sub-tabs */
  .section-corp-plan.course {}
  .section-corp-plan.course .corp-list-sub-tabs {  }
  .section-corp-plan.course .corp-list-sub-tabs .tab {
    margin-bottom: 0px;
    width: unset;
    display: inline-block;
  }
  .section-corp-plan.course .corp-list-sub-tabs .tab:hover,
  .section-corp-plan.course .corp-list-sub-tabs .tab:focus,
  .section-corp-plan.course .corp-list-sub-tabs .tab:active {}
  .section-corp-plan.course .corp-list-sub-tabs .tab.active {}
}
/****************
    共用 政府補助相關頁的 corp-list-sub-tabs end
    NOTES: 已用頁面: gov-subsidies/project  (政府補助-課程方案)
****************/


/****************  gov 共用 end ****************/







/****************
  gov-qa 補助Q & A strat
****************/
.section-gov-qa {}

.accordion-qa-main {}

.accordion-qa-words {}

.card-accordion {}

.card-accordion .card-header {}

.card-accordion .card-header .btn {}

.card-accordion .card-header .btn:hover,
.card-accordion .card-header .btn:focus {}

.card-accordion .card-header .btn::after {}

.card-accordion .card-header .btn:hover::after,
.card-accordion .card-header .btn:focus::after {}


/* .card-accordion .card-header .btn.collapsed::after,
.card-accordion .card-header .btn.collapsed::after {
    transform: rotate(180deg);
    opacity: 0.8;
} */
.card-accordion .card-header .btn:not(.collapsed)::after {}

.card-accordion .card-body {}

.card-accordion .card-body .head {
  font-weight: bolder;
  font-size: 1rem;
}

/* 延伸閱讀 */
.container-more {
  padding-top: 3%;
}
.more-reading {
  border-radius: 10px;
  box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
  padding-bottom: 1px;
}
.more-reading-header {
  background-color: #ebebeb;
  padding: 15px 32px 10px 15px;
  border-radius: 10px 10px 0 0;
}
.more-reading-title {
  position: relative;
  font-weight: bolder;
  margin-left: 20px;
}
.more-reading-title::before {
  content: '';
  position: absolute;
  left: -20px;
  top: 8px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--jgun-red-dark);
}

.more-reading-list {
  margin: 10px 10px 10px 10px;
  padding: 5px 10px 5px 15px;
  border-left: 5px solid #ebebeb;
}
.more-reading-list li {
  border-bottom: 2px solid #eee;
}
.more-reading-list li:last-of-type {
   border-bottom-width: 0;
}
.more-reading-list li .link {
  display: block;
  padding: 5px;
}

/****************
  gov-qa 補助Q & A end
****************/







/****************
  gov-subsidies 課程方案 start
****************/
.section-gov-subsidies {}

.section-gov-subsidies .section-title {}

.container-subsidies {}

.subsidies-content {}

.subsidies-list {}

.subsidies-list li {}

.subsidies-content.award {}

.award-text {
  border-left: 5px solid var(--jgun-red);
}

.award-text p {}

.award-text .main {
  color: var(--jgun-red);
  font-weight: 700;
}

.award-deco {
  max-width: 130px;
}

.award-deco .img {}


/* 政府補助課程 */
.card-course-group.subsidy {}

.card-course-subsidy {}

.card-course-imgbox {}

.card-course-imgbox .img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.card-course-textbox {}

.card-course-textbox .location {
  word-break: keep-all;
  font-weight: 500;
}

.card-course-textbox .tag-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}

.card-course-textbox .tag-group .tag {}

.card-course-textbox .tag-applying {
  background-color: var(--jgun-red);
}

.card-course-textbox .head {
  margin: 5px 0;
  font-weight: 700;
}

.card-course-textbox .head .text {}

.card-course-textbox .card-link {}

.card-course-textbox .card-link .link {
  display: block;
  color: var(--jgun-red);
  padding-top: 0px;
  margin-left: auto;
  margin-right: 10px;
  display: block;
  font-weight: 500;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.card-course-textbox .card-link .link:hover,
.card-course-textbox .card-link .link:focus {
  color: var(--jgun-red-dark);
}

.card-course-textbox .card-link .link span i {}


@media screen and (min-width: 992px) {
  .section-gov-subsidies {}

  .section-gov-subsidies .section-title {}

  .container-subsidies {}

  .subsidies-content {}

  .subsidies-list {}

  .subsidies-list li {}

  .subsidies-content.award {}

  .award-text {}

  .award-text p {}

  .award-text .main {}

  .award-deco {}

  .award-deco .img {}

  /* 政府補助課程 */
  .card-course-group.subsidy {}

  .card-course-subsidy {}

  .card-course-imgbox {}

  .card-course-imgbox .img {}

  .card-course-textbox {}

  .card-course-textbox .location {}

  .card-course-textbox .tag-group {}

  .card-course-textbox .tag-group .tag {}

  .card-course-textbox .tag-applying {}

  .card-course-textbox .head {}

  .card-course-textbox .head .text {}

  .card-course-textbox .card-link {}

  .card-course-textbox .card-link .link {}

  .card-course-textbox .card-link .link:hover,
  .card-course-textbox .card-link .link:focus {}

  .card-course-textbox .card-link .link span i {}
}



/* 計畫課程 */
.plan-wrapper {}

.plan-wrapper:nth-child(2) {
  padding-top: 1rem;
}

.plan-card-group {}

.plan-card-group .btn-more {
  min-width: 250px;
}

.plan-title-wrapper {
  padding: 2.5rem 0 0;
}

.plan-title {
  color: #2A4EB0;
  margin: 0;
}

.card-plan {
  border-left: 5px solid #2A4EB0;
  border-radius: 0 10px 10px 0;
  padding: 10px 15px 0;
  font-weight: 500;
  line-height: 1;
}

.card-plan .plan-class-title {
  color: #2A4EB0;
  font-size: var(--fz4);
  margin: 0 0 8px;
  line-height: 1;
}

.card-plan .time-regist {
  font-weight: 700;
  color: var(--jgun-red);
  display: inline-block;
  margin: 0 0 8px;
}

.plan-list {
  margin: 0;
  display: block;
}

.plan-list li {
  display: inline-block;
  margin-right: 5%;
  position: relative;
  padding-left: 20px;
}

.plan-list li::before {
  content: '●';
  position: absolute;
  left: 0;
  font-size: 12px;
  color: #ddd;
  line-height: 32px;
}

.card-plan .teacher {}

.card-plan .time-start {}

.card-plan .time-slot {}

.card-plan .card-link {
  margin-top: 5px;
  text-align: center;
  margin: 10px;
}

.card-plan .card-link .link {
  border: 2px solid var(--jgun-red);
  color: var(--jgun-red);
  display: block;
  padding: 10px;
}

.card-plan .card-link .link:hover,
.card-plan .card-link .link:focus {
  background-color: var(--jgun-red);
  color: #ffffff;
}

.card-plan .card-link .link span {}



/* no class - light bg */
/* .noclass-light {
  background: left center / cover no-repeat url(../images/content/gov-subsidies-bg-light.webp);
  border-radius: 10px;
  margin: 3% 0;
  padding: 2% 3%;
  position: relative;
}
.noclass-light .text {
  line-height: 1.6;
  color: var(--text-bk);
  letter-spacing: 1px;
  font-size: var(--fz2);
}
.noclass-light .text small {
  display: block;
  font-size: 1rem;
  color: var(--text-bk);
}
.noclass-light a {
  text-shadow: 1px 1px 3px #000,
  -1px -1px 3px #000;
}
.noclass-light a:hover,
.noclass-light a:focus {
  text-shadow: -1px -1px 3px #000;
}

.noclass-light .text i {
    color: var(--text-bk);
    font-size: 10px;
} */
/*  */

.noclass-light {
  margin: 3% 0;
  padding: 2% 3%;
  position: relative;
}

.noclass-light .imgbox {
  margin-right: -2rem;
}

.noclass-light .imgbox .img {}

.noclass-light .textbox {
  position: relative;
}

.noclass-light .textbox::before {
  content: '';
  width: 80px;
  height: 70px;
  background-color: #ffd5d0;
  position: absolute;
  border-radius: 31px 38px 40px 40px;
  right: -14px;
  top: -16px;
  z-index: -1;
}

.noclass-light .textbox a {
  display: block;
  background-color: var(--jgun-deep-pink);
  border-radius: 36px 38px 40px 40px;
  padding: 10px;
}

.noclass-light .textbox a:hover,
.noclass-light .textbox a:focus {
  background-color: var(--jgun-deep-pink-hover);
}

.noclass-light .textbox .text {
  line-height: 1.6;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: var(--fz2);
}

.noclass-light .textbox .text small {
  display: block;
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-bk);
}

.noclass-light .textbox .text small i {
  color: var(--text-bk);
  font-size: 14px;
}











/* no class - dark bg */
.noclass-dark {
  background: left center / 100% no-repeat url(../images/content/gov-subsidies-bg-dark.webp);
  border-radius: 10px;
  margin: 3% 0;
  padding: 2% 3%;
  position: relative;
}

.noclass-dark .text {
  line-height: 1.6;
  color: #ffffff;
  letter-spacing: 1px;
  font-size: var(--fz2);
}

.noclass-dark .text small {
  display: block;
  font-size: 1rem;
  color: #ffffff;
}

.noclass-dark a {
  text-shadow: 1px 1px 3px #000,
    -1px -1px 3px #000;
}

.noclass-dark a:hover,
.noclass-dark a:focus {
  text-shadow: -1px -1px 3px #000;
  opacity: 0.85;
}

.noclass-dark .text i {
  color: #fff;
  font-size: 10px;
}

@media screen and (min-width: 992px) {

  /* 計畫課程 */
  .plan-wrapper {}

  .plan-card-group {}

  .plan-card-group .btn-more {}

  .plan-title-wrapper {}

  .plan-title {}

  .card-plan {
    padding: 15px;
  }

  .card-plan .plan-class-title {}

  .card-plan .time-regist {}

  .plan-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }

  .plan-list li {}

  .card-plan .teacher {}

  .card-plan .time-start {
    /* border-left: 5px solid #cfcfcf;
    padding-left: 10px; */
    line-height: 1;
  }

  .card-plan .time-slot {
    /* border-left: 5px solid #cfcfcf;
    padding-left: 15px; */
    line-height: 1;
  }

  .card-plan .card-link {
    text-align: right;
    margin: 0;
  }

  .card-plan .card-link .link {
    display: inline-block;
    border-color: transparent;
    color: var(--text-bk);
    padding: 0;
  }

  .card-plan .card-link .link:hover,
  .card-plan .card-link .link:focus {
    color: var(--jgun-red-dark);
    background-color: transparent;
  }

  .card-plan .card-link .link span {}


  /* no class - light bg */
  .noclass-light {}

  .noclass-light .text {}

  .noclass-light .text small {}

  .noclass-light .text i {}



  /* no class - dark bg */
  .noclass-dark {}

  .noclass-dark::before {}

  .noclass-dark .text {}

  .noclass-dark .text small {}

  .noclass-dark a {
    text-shadow: 1px 1px 3px #2aeb7a;
  }

  .noclass-dark a:hover,
  .noclass-dark a:focus {
    text-shadow: -1px -1px 3px #2aeb7a;
  }

  .noclass-dark .text i {}
}




/* Form */
.section-gov-subsidies-contact {
  /* https://developer.mozilla.org/en-US/docs/Web/CSS/background */
  background: -1% 101% / 40% no-repeat url("../images/content/deco-gov-01.svg"),
    100% 100% / 30% no-repeat url("../images/content/deco-gov-03.svg");
  padding: 3% 0 7%;
}

.section-gov-subsidies-contact::before,
.section-gov-subsidies-contact::after {
  opacity: 0.4;
}

.section-gov-subsidies-contact::before {
  content: '';
  background: 0% 0% / 100% no-repeat url("../images/content/deco-gov-04.svg");
  position: absolute;
  top: -13%;
  width: 200px;
  height: 220px;
  z-index: -1;
}

.section-gov-subsidies-contact::after {
  content: '';
  background: 100% 0% / 100% no-repeat url("../images/content/deco-gov-02.svg");
  position: absolute;
  top: 0%;
  right: 0;
  width: 200px;
  height: 170px;
  z-index: -1;
}

@media screen and (min-width: 992px) {

  /* Form */
  .section-gov-subsidies-contact {}

  .section-gov-subsidies-contact::before,
  .section-gov-subsidies-contact::after {
    opacity: 1;
  }

  .section-gov-subsidies-contact::before {
    top: -15%;
    width: 300px;
    height: 325px;
  }

  .section-gov-subsidies-contact::after {
    top: 0;
    right: 0;
    width: 300px;
    height: 325px;
  }
}

/****************
  gov-subsidies 課程方案 end
****************/







/****************
  gov-subsidies-course 課程方案內頁 start
****************/
section.gov-subsidies-course {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.gov-subsidies-course .container-subsidies {}

.gov-subsidies-course .course-content {  
  background-color: #ffffff;
  line-height: 1.8;
}
.gov-subsidies-course .course-content .course-content-titlebox {
  position: relative;
  justify-content: space-around;
}


.course-content-titlebox .course-content-titlebox-img {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 0 1px #fdfdfd;
}
.course-content-titlebox .course-content-titlebox-img .img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.course-content-titlebox .course-content-titlebox-text {
  padding-top: 15px;
  text-align: center;
}
.course-content-titlebox .course-content-titlebox-text .title {
  font-size: var(--fzSecTitle);
}
.course-content-titlebox .course-content-titlebox-text .titlebox-list {
  text-align: left;
  width: 90%;
  margin: 4% auto 5%;
}
.course-content-titlebox .course-content-titlebox-text .titlebox-list li {
  line-height: 2.5;
}
.course-content-titlebox .course-content-titlebox-text .titlebox-list li.light {
  color: var(--jgun-red);
  font-weight: 700;
}
.course-content-titlebox .course-content-titlebox-text .titlebox-list li .head {
  background-color: #F2F2F2;
  color: var(--text-bk);
  font-weight: 500;
  border: 1px solid #DBDBDB;
  border-radius: 20px;
  margin-right: 15px;
  padding: 0 10px;
}
.titlebox-btn {
  min-width: 220px;
  background-color: var(--jgun-red);
  color: #ffffff;
}
.titlebox-btn:focus, .titlebox-btn:hover {
  background-color: var(--jgun-red-dark);
  color: #ffffff;
}

.course-content-nav {
  background-color: #100e2de6;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0px 2px 2px 0px #0000004d;
          box-shadow: 0px 2px 2px 0px #0000004d;
  z-index: 999;
}
.course-content-nav .nav-content-guid {
  margin: 0;
  gap: 10px;
}
.course-content-nav .nav-content-guid li {
  display: inline-block;
  text-align: center;
}
.course-content-nav .nav-content-guid li a {
  color: #ffffff;
  display: block;
  padding: 10px 10px;
  letter-spacing: 1px;
}
.course-content-nav .nav-content-guid li a:hover,
.course-content-nav .nav-content-guid li a:focus {
  color: var(--jgun-deep-pink-hover);
}
.course-content-nav .nav-content-guid li a.active {
  background-color: var(--jgun-red);
  color: #ffffff;
  border-radius: 0;
}


.course-content-main {
  padding: 2rem 1rem;
  /* background: url(../images/content/card-course-subsidy.webp) no-repeat bottom center / 100%; */
}
.course-content-main .head {
  font-size: var(--fz4);
  font-weight: 700;
  margin: 1rem 0;
  line-height: 1;
}
.course-content-block {
  padding-top: 1rem;
  padding-bottom: 1.5rem;
}
.course-content-block span {}
.course-content-tablebox {}
.course-content-tablebox .table {
  font-size: 1rem;
}
.course-content-tablebox .table .tr {}
.course-content-tablebox .table td {
   display: block;
  width: 100%;
  padding-bottom: 0.5rem;
  line-height: 1.9;
}
.course-content-tablebox .table td.td-row1-col1 {
  text-align: center;
}

.course-content-tablebox .table td.td-row1-col2 {
}

.course-content-tablebox .table td.td-row2-col1 {
}

.course-content-tablebox .table td.td-row2-col2 {
}
.course-content-tablebox .td-title {
  background-color: #fdeded;
  text-align: center;
}
.course-content-tablebox .td-head {
  background-color: #ededed;
}
.course-content-tablebox table .td-card-branch {}
.course-content-tablebox table .td-card-branch .branch {}
.course-content-tablebox table .td-card-branch .addreess {}
.course-content-tablebox table .td-card-branch .tel {
  word-break: keep-all;
  white-space: nowrap;
}

.course-content-contact {
  padding: 25px 15px;
   background: -o-linear-gradient(top, #FFF5F3 0%, #ffffff 80%);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF5F3), color-stop(80%, #ffffff));
  background: linear-gradient(to bottom, #FFF5F3 0%, #ffffff 80%);
  background: url('../images/content/bg-content-bn-v3-gov.webp') no-repeat center center / cover;
  
}
.course-content-contact .section-title {
  margin: 1.5rem auto 1rem;
}
.fixNav {
  position: fixed !important;
  top: 60px;
  left: 0;
  right: 0;
}

@media screen and (min-width: 992px) {
  .gov-subsidies-course {}
  
  .gov-subsidies-course .container-subsidies {}
  
  .gov-subsidies-course .course-content {}
  .gov-subsidies-course .course-content .course-content-titlebox {}
  .course-content-titlebox .course-content-titlebox-img {}
  .course-content-titlebox .course-content-titlebox-img .img {}
  .course-content-titlebox .course-content-titlebox-text {}
  .course-content-titlebox .course-content-titlebox-text .title {}
  .course-content-titlebox .course-content-titlebox-text .titlebox-list {}
  .course-content-titlebox .course-content-titlebox-text .titlebox-list li {}
  .course-content-titlebox .course-content-titlebox-text .titlebox-list li.light {}
  .course-content-titlebox .course-content-titlebox-text .titlebox-list li .head {}
  .titlebox-btn {
    margin-left: 0%;
  }

  .course-content-nav {}
  .course-content-nav .nav-content-guid {
    gap: 0;
  }
  .course-content-nav .nav-content-guid li {}
  .course-content-nav .nav-content-guid li a {
    padding: 10px 30px;
  }
  .course-content-main {}
  .course-content-block {}
  .course-content-block span {}
  .course-content-tablebox {}
  .course-content-tablebox .table {}
  .course-content-tablebox .table .tr {}
  .course-content-tablebox .table td {
     display: table-cell;
     width: unset;
  }
  .course-content-tablebox .table td.td-row1-col1 {
    width: 15%;
    text-align: center;
  }
  
  .course-content-tablebox .table td.td-row1-col2 {
    width: 35%;
  }
  
  .course-content-tablebox .table td.td-row2-col1 {
    width: 25%;
  }
  
  .course-content-tablebox .table td.td-row2-col2 {
    width: 50%;
  }
  .course-content-tablebox .td-title {}
  .course-content-tablebox .td-head {
    /* background-color: transparent; */
  }
  .course-content-tablebox table .td-card-branch {}
  .course-content-tablebox table .td-card-branch .branch {}
  .course-content-tablebox table .td-card-branch .addreess {}
  .course-content-tablebox table .td-card-branch .tel {}

  .course-content-contact {}
  .course-content-contact .section-title {}
}

/****************
  gov-subsidies-course 課程方案內頁 end
****************/








/****************
  content - top banner corp (企業相關頁 banner) strat
****************/
.content-bn-corp {
  position: relative;
  margin-top: 60px;
  padding: 6% 0;
  background: #acacac;
  background: -o-linear-gradient(top, #acacac 0%, #ffffff 80%);
  background: -webkit-gradient(linear, left top, left bottom, from(#acacac), color-stop(80%, #ffffff));
  background: linear-gradient(to bottom, #acacac 0%, #ffffff 80%);
  /* background: url('../images/content/bg-content-bn-gov.webp') no-repeat center center /cover; */
  background: url('../images/content/bg-content-bn-v2-gov.webp') no-repeat center center / 200%;
  overflow: hidden;
}

/* .content-bn-corp::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #0000000e 0%, #2525251f 100%);
} */

.container-bn-corp {}

.container-bn-corp .nav-breadcrumb {
  padding: 20px 0 15px;
}

.content-bn-corp-textgroup {
  margin: auto;
  position: relative;
}

.content-bn-corp-textgroup .content-bn-title {
  position: relative;
  display: inline-block;
  font-size: var(--fzSecTitle);
  margin: 15px 0 30px;
  margin-left: 50%;
  transform: translateX(-50%);
  font-weight: 700;
  margin-bottom: 1rem;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: rgba(21, 21, 21, 0);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background-image: -o-linear-gradient(330deg, var(--jgun-red-dark) 15%, var(--text-bk) 15%);
  background-image: linear-gradient(120deg, var(--jgun-red-dark) 15%, var(--text-bk) 15%);
}
/* .content-bn-corp-textgroup .content-bn-title::first-letter {
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: rgba(21, 21, 21, 0);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background-image: -o-linear-gradient(330deg, var(--jgun-red-dark) 33%, var(--text-bk) 33%);
  background-image: linear-gradient(120deg, var(--jgun-red-dark) 33%, var(--text-bk) 33%);
}
.content-bn-corp-textgroup .content-bn-title::before {
  content: '';
  clip-path: polygon(100% 0, 0 0, 0 100%);
} */

@media screen and (min-width: 992px) {
  .content-bn-corp {
      padding: 3% 0;
      background-size: cover;
  }

  .container-bn-corp {}
  .container-bn-corp .nav-breadcrumb {}

  .content-bn-corp-textgroup {}

  .content-bn-corp-textgroup .content-bn-title {
    font-size: var(--fztSecContenTitle);
  }
}

/****************
  content - top banner corp (企業相關頁 banner) end
****************/





/****************
  gov-plan 人才培訓計畫內頁 start
****************/
/* foreword */
.section-corp-plan.foreword {}

.plan-foreword-list {
  font-weight: 500;
  margin-top: 30px;
}

.plan-foreword-list .head {
  color: #1D3565;
  font-size: var(--fz4);
  font-weight: 700;
  word-break: keep-all;
  padding-right: 10px;
  line-height: 1.6;
}

.plan-foreword-list>li {
  margin-bottom: 1rem;
  font-weight: 400;
}

.plan-foreword-list li .text {}

.plan-foreword-list li a {}

.plan-foreword-list .note {}

/* course */
.section-corp-plan.course {
  background-color: #ECECEC;
  padding-top: 0%;
}
/* accordion item  1-1 wrapper */
.section-corp-plan.course .accordion-item {
  margin: 10px 0;
  border-radius: 0 10px 10px 0;
}

.card-plan-course {
  margin: 0;
  padding: 0;
  border-left: 5px solid #2A4EB0;
  border-radius: 0 10px 10px 0;
}

.card-plan-course-header {
  padding: 0;
}
/* accordion item  1-2 header */
.card-plan-course-header .accordion-header {}
.card-plan-course-header .accordion-header .accordion-button {
  display: block;
}
.card-plan-course-header .accordion-header .accordion-button:hover,
.card-plan-course-header .accordion-header .accordion-button:focus {
  background-color: #ecf1ff;
}
.card-plan-course-header .accordion-header .accordion-button:not(.collapsed) {
  background-color: #f5f8ff;
}
.card-plan-course-header .accordion-header .accordion-button::after {
  position: absolute;
  right: 10px;
  top: 20px;
  bottom: 0;
  width: 25px;
  background-size: cover;
}

/* NOTES: accordion-button 內的 list */
.card-plan-course-header .flex-list {
  margin-top: 0.5rem;
  margin-top: 0.5rem;
  display: block;
  gap: 24px;
  font-size: var(--fzSm);
  font-weight: normal;
}

.card-plan-course-header .flex-list li {
  color: var(--text-bk);
  line-height: 1.6;
  margin-bottom: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.card-plan-course-header .flex-list li .head {  
  font-weight: 700;
  padding-right: 10px;
  margin-bottom: 3px;
  margin-right: 5px;
  background-color: #333;
  color: #fff;
  padding: 1px 8px;
  border-radius: 16px;
  font-size: 14px;
  font-weight: normal;
  height: 1.6rem;
}




.card-plan-course-header .course-title {
  color: #2A4EB0;
  margin: 0;
}

.card-plan-course-header .time-regist {
  color: var(--jgun-red);
  font-weight: 500;
  line-height: 1.4;
}

.card-plan-course-header .time-regist .time {
  margin-left: 10px;
}

.card-plan-course-body {}

/* accordion item  1-3 body */
.card-plan-course-body .accordion-collapse {
  border-bottom: 2px solid #2A4EB0;
}
.card-plan-course-body .accordion-collapse.collapse {}

.card-plan-course-body-block {
  margin-bottom: 1rem;
}

.card-plan-course-body-block .head {
  color: #2A4EB0;
  font-weight: 700;
  padding-right: 10px;
  margin-bottom: 3px;
}

.card-plan-course-body-block .flex-list {}

.card-plan-course-body-block .flex-list li {
  line-height: 1.6;
  margin-bottom: 0.3rem;
}

.card-plan-course-body-block .flex-list li .head {}

.card-plan-course-body-block .first-list {}

.card-plan-course-body-block .first-list li {
  position: relative;
  line-height: 1.6;
  margin-left: 1.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.3rem;
}

.card-plan-course-body-block .first-list li:before {
  content: "•";
  position: absolute;
  font-size: 30px;
  left: -26px;
  line-height: 0.8;
}

.card-plan-course-body-block .second-list {
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}

.card-plan-course-body-block .second-list li {}

.card-plan-course-body-btnbox {}
.card-plan-course-body-btnbox .btn {
  max-width: 250px;
  width: 100%;
  display: block;
  padding: 8px 20px;
  margin: 0% auto 3%;
}





@media screen and (min-width: 768px) {
  /* gov-plan 人才培訓計畫內頁 */
  /* foreword */
  .section-corp-plan.foreword {}


  /* course */
  .section-corp-plan.course {}

  /* accordion item  1-2 header */
  .card-plan-course-header .accordion-header {}
  .card-plan-course-header .accordion-header .accordion-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .card-plan-course-header .accordion-header .accordion-button::after {
    position: relative;
    right: unset;
    top: unset;
    bottom: unset;
  }
}
@media screen and (min-width: 992px) {
  /* gov-plan 人才培訓計畫內頁 */
  /* foreword */
  .section-corp-plan.foreword {}

  .plan-foreword-list {}

  .plan-foreword-list .head {}

  .plan-foreword-list>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .plan-foreword-list li .text {}

  .plan-foreword-list li a {}

  .plan-foreword-list .note {}

  /* course */
  .section-corp-plan.course {}

  .card-plan-course {}

  .card-plan-course-header {}

  /* accordion item  1-2 header */
  .card-plan-course-header .accordion-header {}
  .card-plan-course-header .accordion-header .accordion-button {}
  .card-plan-course-header .accordion-header .accordion-button::after {}

  /* NOTES: accordion-button 內的 list */
  .card-plan-course-header .flex-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .card-plan-course-header .flex-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .card-plan-course-header .flex-list li .head {}



  .card-plan-course-header .course-title {}

  .card-plan-course-header .time-regist {}

  .card-plan-course-header .time-regist .time {}

  .card-plan-course-body {}

  .card-plan-course-body-block {}

  .card-plan-course-body-block .head {}

  .card-plan-course-body-block .flex-list {}

  .card-plan-course-body-block .flex-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .card-plan-course-body-block .flex-list li .head {}

  .card-plan-course-body-block .first-list {}

  .card-plan-course-body-block .first-list li {}

  .card-plan-course-body-block .first-list li:before {}

  .card-plan-course-body-block .second-list {}

  .card-plan-course-body-block .second-list li {}

  .card-plan-course-body-btnbox {}

  .card-plan-course-body-btnbox .btn {}

}

/****************
  gov-plan 人才培訓計畫內頁 end
****************/





/****************
  gov-corp 企業職訓 start
****************/
/* 另開一個 gov-corp.css */
/****************
  gov-corp 企業職訓 end
****************/







/****************
  gov fairs history list 面試會花絮列表頁 start
****************/
.section-fairs-history-list {
  background-color: #E8F4FF;
}
.fair-history-card-group {
  padding-top: 3%;
  padding-bottom: 4%;
}
.fair-history-card {
  height: unset;
  margin-bottom: 5%;
}
.fair-history-card a {}
.fair-history-card figure {}
.fair-history-card figure img
.fair-history-card .card-body {}
.fair-history-card .card-body .card-body-head {}

/****************
  gov fairs-list 面試會花絮列表頁 end
****************/




/****************
  gov fairs-page 面試會花絮內頁 start
****************/
.section-fairshistory-page {
  background-color: #E8F4FF;
}

.container-bn-fairshistory {
  padding-top: 40px;
}
.container-bn-fairshistory .img {
  border-radius: 10px;
}

.section-fairshistory-page .nav-breadcrumb {
  margin-top: 0;
}

.section-fairshistory-page .section-title {}

.fairhistory-figure-group {}
.fairhistory-figure {
  padding: 10px;
  border: 1px solid #e3e3e3;
  background-color: #fff;
  border-radius: 10px;
  margin: 5px 0;
}
.fairhistory-figure .img {
  margin-bottom: 5px;
}


.content-bn-fairs-textgroup {
  margin: auto;
}

.content-bn-fairs-textgroup .content-bn-title {
  color: #ffffff;
  font-size: var(--fzSecTitle);
  text-shadow: 0 0 10px #000;
  margin: 4% 0;
}

@media screen and (min-width: 992px) {
  .section-fairshistory-page {
    padding-bottom: 6%;
  }

  .container-bn-fairshistory {
    text-align: center;
    padding-top: 50px;
  }
  .container-bn-fairshistory .img {
    width: 60%;
    margin: auto;
    text-align: center;
  }

  .section-fairshistory-page .nav-breadcrumb {
  }

  .section-fairshistory-page .section-title {}

  .fairhistory-figure-group {}
  .fairhistory-figure {
  }
  .fairhistory-figure .img {}


  .content-bn-fairshistory-textgroup {
  }

  .content-bn-fairshistory-textgroup .content-bn-title {
  }
}

/****************
  gov fairs-page 面試會花絮內頁 end
****************/








/****************
  gov-corp job list 巨匠幫你找工作 start
****************/
.section-corp-joblist {
  background-color: #ECECEC;
}
.corp-joblist-form {
  margin-bottom: 3%;
}
.corp-joblist-form label {
  word-break: keep-all;
  padding-right: 10px;
}
.corp-joblist-form label h2 {
  font-size: 1rem;
}
.corp-joblist-form .position {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.corp-joblist-form select option {}
.corp-joblist-form .city {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.corp-joblist-form .city select option {}
.corp-joblist-result {}

.card-joblist-result {
  padding: 10px 15px 0;
  font-weight: 500;
  line-height: 1;
  height: auto;
  margin-bottom: 0.5rem;
  border-left: 5px solid #546f8f;
  border-radius: 0 10px 10px 0;
}
.list-result-title {
  font-size: var(--fz4);
}
.list-result-title a {
  color: var(--link);
}
.card-joblist-result .list li {
  position: relative;
  padding-left: 20px;
}

.card-joblist-result .list li::before {
  content: '●';
  position: absolute;
  left: 0;
  font-size: 12px;
  color: #ddd;
  line-height: 32px;
}


.card-joblist-result .card-linkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.card-joblist-result .link {
  width: 90%;
  margin: 1% auto 3%;
}
.card-joblist-result .link i {}

/* 狀態 */
.result-wrapper {}
.spinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.spinner .text {
  display: inline-block;
}
.spinner .spinner-border {}
/*  */


/* pagination 頁碼 */
.corp-joblist-page {}
.corp-joblist-page .nav-pagination {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 2% auto;
}
.corp-joblist-page .nav-pagination .pagination {}
.corp-joblist-page .nav-pagination .pagination .page-item {}
.corp-joblist-page .nav-pagination .pagination .page-item .page-link {}
.corp-joblist-page .nav-pagination .pagination .page-item .page-link span {}



@media screen and (min-width: 992px) {
  .section-corp-joblist {}
  .corp-joblist-form {}
  .corp-joblist-form .position {}
  .corp-joblist-form select option {}
  .corp-joblist-form .city select option {}
  .corp-joblist-result {}
  
  .card-joblist-result {}
  .list-result-title {}
  .list-result-title a {}
  .card-joblist-result .list li {}
  
  .card-joblist-result .list li::before {}
  
  
  .card-joblist-result .card-linkbox {}
  .card-joblist-result .link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: unset;
  }
  .card-joblist-result .link i {}
  
  /* 狀態 */
  .result-wrapper {}
  .spinner {}
  .spinner .text {}
  .spinner .spinner-border {}
  /*  */
  
  
  /* pagination 頁碼 */
  .corp-joblist-page {}
  .corp-joblist-page .nav-pagination {}
  .corp-joblist-page .nav-pagination .pagination {}
  .corp-joblist-page .nav-pagination .pagination .page-item {}
  .corp-joblist-page .nav-pagination .pagination .page-item .page-link {}
  .corp-joblist-page .nav-pagination .pagination .page-item .page-link span {}
}
/****************
  gov-corp job list 巨匠幫你找工作 end
****************/





/****************
  gov-corp job page 巨匠幫你找工作 - 內頁 start
****************/
.section-corp-jobpage {
  background-color: #ECECEC;
}
.card-jobpage-group {}
.card-jobpage {
  padding: 15px;
}
.card-jobpage-header {
  /* border-bottom: 2px solid #EEEEEE;
  padding-bottom: 1rem; */
}
.card-jobpage-header .title {
  font-size: var(--fz3);
  margin: 1rem 0 0.5rem;
}
.card-jobpage-header .company {}

.card-jobpage-body {
  padding: 1rem;
}
.card-jobpage-body .head {
  font-size: var(--fz4);
  font-weight: 700;
  border-left: 5px solid var(--jgun-red);
  padding-left: 10px;
  margin: 1rem 0;
  line-height: 1;
}

.card-jobpage-body .card-jobpage-body-description {}
.card-jobpage-body .card-jobpage-body-description .list {}
.card-jobpage-body .card-jobpage-body-description .list li {}

.card-jobpage-body-info {}
.card-jobpage-body-info .list {}
.card-jobpage-body-info .list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.card-jobpage-body-info .list li .subhead {
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    display: inline-block;
    min-width: 80px;
    margin-right: 1rem;
}
.card-jobpage-body-info .sub-list {
  padding-left: 0px;
}
.card-jobpage-body-info .sub-list li .subhead {
  font-size: 1rem;
  font-weight: 500;
}

.card-jobpage-body-time {}
.card-jobpage-body-time .list {}
.card-jobpage-body-time .list li {}
.card-jobpage-body-time .list li .subhead {
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    display: inline-block;
    min-width: 120px;
    margin-right: 1rem;
}
.card-jobpage-body-time .sub-list {}
.card-jobpage-body-time .sub-list li {}
.card-jobpage-body-time .sub-list li .subhead {
  font-size: 1rem;
}


.card-jobpage-body-contact {}
.card-jobpage-body-contact .head {}
.card-jobpage-body-contact .contact-body {
  background-color: var(--gjun-bg-yellow);
  padding: 1rem;
}
.card-jobpage-body-contact .contact-body .btn {
  display: block;
  margin: 2% auto;
}
.card-jobpage-body-contact .contact-body .list {}
.card-jobpage-body-contact .contact-body .list li {
  margin-bottom: 0.3rem;
}
.card-jobpage-body-contact .contact-body .list li .subhead {
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
  display: block;
  min-width: 80px;
  margin-right: 1rem;
}
.card-jobpage-body-contact .contact-body .list li .subhead a {}


@media screen and (min-width: 992px) {
  .section-corp-jobpage {}
  .card-jobpage-group {}
  .card-jobpage {}
  .card-jobpage-header {}
  .card-jobpage-header .title {}
  .card-jobpage-header .company {}

  .card-jobpage-body {}
  .card-jobpage-body .head {}

  .card-jobpage-body .card-jobpage-body-description {}
  .card-jobpage-body .card-jobpage-body-description .list {}
  .card-jobpage-body .card-jobpage-body-description .list li {}

  .card-jobpage-body-info {}
  .card-jobpage-body-info .list {}
  .card-jobpage-body-info .list li {}
  .card-jobpage-body-info .list li .subhead {}
  .card-jobpage-body-info .sub-list {
    /* padding-left: 80px; */
  }
  .card-jobpage-body-info .sub-list li .subhead {}

  .card-jobpage-body-time {}
  .card-jobpage-body-time .list {}
  .card-jobpage-body-time .list li {}
  .card-jobpage-body-time .list li .subhead {}
  .card-jobpage-body-time .sub-list {}
  .card-jobpage-body-time .sub-list li {}
  .card-jobpage-body-time .sub-list li .subhead {}

  .card-jobpage-body-contact {}
  .card-jobpage-body-contact .head {}
  .card-jobpage-body-contact .contact-body {
    padding: 2rem 1.5rem;
  }
  .card-jobpage-body-contact .contact-body .btn {}
  .card-jobpage-body-contact .contact-body .list {}
  .card-jobpage-body-contact .contact-body .list li {}
  .card-jobpage-body-contact .contact-body .list li .subhead {
    display: inline-block;
  }
  .card-jobpage-body-contact .contact-body .list li .subhead a {}
}
/****************
  gov-corp job page 巨匠幫你找工作 - 內頁 end
****************/










/****************
  gov-fair job list 面試會花絮 start
****************/
.section-fair-joblist {
  background-color: #E8F4FF;
}
.fair-joblist-form {
  margin-bottom: 3%;
}
.fair-joblist-form label {
  word-break: keep-all;
  padding-right: 10px;
}
.fair-joblist-form label h2 {
  font-size: 1rem;
}
.fair-joblist-form .position {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.fair-joblist-form select option {}
.fair-joblist-form .city {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.fair-joblist-form .city select option {}
.fair-joblist-result {}

.card-joblist-result {
  padding: 10px 15px 0;
  font-weight: 500;
  line-height: 1;
  height: auto;
  margin-bottom: 0.5rem;
}
.card-joblist-result .list-result-title {
  font-size: var(--fz4);
}
.card-joblist-result .list-result-title a {
  color: var(--link);
}
.card-joblist-result .list li {
  position: relative;
  padding-left: 20px;
}

.card-joblist-result .list li::before {
  content: '●';
  position: absolute;
  left: 0;
  font-size: 12px;
  color: #ddd;
  line-height: 32px;
}


.card-joblist-result .card-linkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.card-joblist-result .link {
  width: 90%;
  margin: 1% auto 3%;
}
.card-joblist-result .link i {}

/* 狀態 */
/* .result-wrapper {}
.spinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.spinner .text {
  display: inline-block;
}
.spinner .spinner-border {} */
/*  */


/* pagination 頁碼 */
.fair-joblist-page {}
.fair-joblist-page .nav-pagination {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 2% auto;
}
.fair-joblist-page .nav-pagination .pagination {}
.fair-joblist-page .nav-pagination .pagination .page-item {}
.fair-joblist-page .nav-pagination .pagination .page-item .page-link {}
.fair-joblist-page .nav-pagination .pagination .page-item .page-link span {}



@media screen and (min-width: 992px) {
  .section-fair-joblist {}
  .fair-joblist-form {}
  .fair-joblist-form .position {}
  .fair-joblist-form select option {}
  .fair-joblist-form .city select option {}
  .fair-joblist-result {}
  
  .card-joblist-result {}
  .list-result-title {}
  .list-result-title a {}
  .card-joblist-result .list li {}
  
  .card-joblist-result .list li::before {}
  
  
  .card-joblist-result .card-linkbox {}
  .card-joblist-result .link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: unset;
  }
  .card-joblist-result .link i {}
  
  /* 狀態 */
  /* .result-wrapper {}
  .spinner {}
  .spinner .text {}
  .spinner .spinner-border {} */
  /*  */
  
  
  /* pagination 頁碼 */
  .fair-joblist-page {}
  .fair-joblist-page .nav-pagination {}
  .fair-joblist-page .nav-pagination .pagination {}
  .fair-joblist-page .nav-pagination .pagination .page-item {}
  .fair-joblist-page .nav-pagination .pagination .page-item .page-link {}
  .fair-joblist-page .nav-pagination .pagination .page-item .page-link span {}
}
/****************
  gov-fair job list 面試會花絮 end
****************/



/****************
  gov-fairs-job-page 徵才面試會職缺報名 start
****************/
.section-fair-jobpage {
  background-color: #E8F4FF;
}
.card-fairjobpage-group {}

.card-fairjobpage {
  padding: 15px;
}
.card-fairjobpage .form-note {
  color: var(--jgun-red);
  display: block;
  font-size: 90%;
  font-weight: 500;
}
.card-fairjobpage .fair-time {
  text-align: center;
    font-size: 1.3rem;
    background-color: #546f8f;
    color: #ffffff;
    border-radius: 10px 10px 0 0;
    
    font-weight: 500;
    letter-spacing: 1px;
}
.card-fairjobpage .fair-time .time {
  font-family: "Roboto", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* ------------------- */
.card-fairjobpage-header {
  /* border-bottom: 2px solid #EEEEEE;
  padding-bottom: 1rem; */
}
.card-fairjobpage-header .title {
  font-size: var(--fz3);
  margin: 1rem 0 0.5rem;
}
.card-fairjobpage-header .company {}

.card-fairjobpage-body {
  padding: 1rem;
}
.card-fairjobpage-body .head {
  font-size: var(--fz4);
  font-weight: 700;
  border-left: 5px solid var(--jgun-red);
  padding-left: 10px;
  margin: 1rem 0;
  line-height: 1;
}

.card-fairjobpage-body .card-fairjobpage-body-description {}
.card-fairjobpage-body .card-fairjobpage-body-description .list {}
.card-fairjobpage-body .card-fairjobpage-body-description .list li {}

.card-fairjobpage-body-info {}
.card-fairjobpage-body-info .list {}
.card-fairjobpage-body-info .list li {}
.card-fairjobpage-body-info .list li .subhead {
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    display: inline-block;
    min-width: 80px;
    margin-right: 1rem;
}
.card-fairjobpage-body-info .sub-list {
  padding-left: 0px;
}
.card-fairjobpage-body-info .sub-list li .subhead {
  font-size: 1rem;
  font-weight: 500;
}

.card-fairjobpage-body-time {}
.card-fairjobpage-body-time .list {}
.card-fairjobpage-body-time .list li {}
.card-fairjobpage-body-time .list li .subhead {
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    display: inline-block;
    min-width: 120px;
    margin-right: 1rem;
}
.card-fairjobpage-body-time .sub-list {}
.card-fairjobpage-body-time .sub-list li {}
.card-fairjobpage-body-time .sub-list li .subhead {
  font-size: 1rem;
}


.card-fairjobpage-body-contact {}
.card-fairjobpage-body-contact .head {}
.card-fairjobpage-body-contact .contact-body {
  background-color: var(--gjun-bg-yellow);
  padding: 1rem;
}
.card-fairjobpage-body-contact .contact-body .btn {
  display: block;
  margin: 2% auto;
}
.card-fairjobpage-body-contact .contact-body .list {}
.card-fairjobpage-body-contact .contact-body .list li {
  margin-bottom: 0.3rem;
}
.card-fairjobpage-body-contact .contact-body .list li .subhead {
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
  display: block;
  min-width: 80px;
  margin-right: 1rem;
}
.card-fairjobpage-body-contact .contact-body .list li .subhead a {}


@media screen and (min-width: 992px) {
  .section-fair-jobpage {
  }
  .card-fairjobpage-group {}
  
  .card-fairjobpage {
  }
  .card-fairjobpage .form-note {
  }
  .card-fairjobpage .fair-time {  }
  .card-fairjobpage .fair-time .time {
  }
  .card-fairjobpage-header {}
  .card-fairjobpage-header .title {}
  .card-fairjobpage-header .company {}

  .card-fairjobpage-body {}
  .card-fairjobpage-body .head {}

  .card-fairjobpage-body .card-fairjobpage-body-description {}
  .card-fairjobpage-body .card-fairjobpage-body-description .list {}
  .card-fairjobpage-body .card-fairjobpage-body-description .list li {}

  .card-fairjobpage-body-info {}
  .card-fairjobpage-body-info .list {}
  .card-fairjobpage-body-info .list li {}
  .card-fairjobpage-body-info .list li .subhead {}
  .card-fairjobpage-body-info .sub-list {
    padding-left: 80px;
  }
  .card-fairjobpage-body-info .sub-list li .subhead {}

  .card-fairjobpage-body-time {}
  .card-fairjobpage-body-time .list {}
  .card-fairjobpage-body-time .list li {}
  .card-fairjobpage-body-time .list li .subhead {}
  .card-fairjobpage-body-time .sub-list {}
  .card-fairjobpage-body-time .sub-list li {}
  .card-fairjobpage-body-time .sub-list li .subhead {}

  .card-fairjobpage-body-contact {}
  .card-fairjobpage-body-contact .head {}
  .card-fairjobpage-body-contact .contact-body {
    padding: 2rem 1.5rem;
  }
  .card-fairjobpage-body-contact .contact-body .btn {}
  .card-fairjobpage-body-contact .contact-body .list {}
  .card-fairjobpage-body-contact .contact-body .list li {}
  .card-fairjobpage-body-contact .contact-body .list li .subhead {
    display: inline-block;
  }
  .card-fairjobpage-body-contact .contact-body .list li .subhead a {}
}





/*********** 履歷報名表 start ***********/
/* from bootstrap3.3.6 */
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  margin: 5px 0;
  /* font-size: 14px;
  line-height: 1.42857143; */
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}
.form-inline .form-control {
  display: block;
  vertical-align: middle;
  height: auto;
}
.form-inline .form-control label {
  display: inline;
}
.form-inline .form-select {
  display: block;
}

.form-inline .form-note {
  display: inline-block;
}
textarea.form-control {
  height: auto;
}
input[type=checkbox], input[type=radio] {
  margin-right: 5px;
  margin: 4px 4px 0;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  /* background-color: #eee; */
  opacity: 1;
}
/* .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
} */

input[type=checkbox], input[type=radio] {
  margin-right: 5px;
}

input[type=checkbox] + label, input[type=radio] + label {
  margin-right: 15px;
}

.hidden-xs {

}
@media screen and (max-width: 768px) {
  .hidden-xs {
    display: none;
  }
}
@media (min-width: 769px) {
  .form-inline .form-group {
      display:inline-block;
      margin-bottom: 0;
      vertical-align: middle
  }

  .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle
  }
  .form-inline .form-select {
    display: inline-block;
      width: auto;
  }
}

.form-group1 { /* tabbox1 */
  background-color: #546f8f;;
  border-bottom: 1px solid #ededed;
  float: left;
}

.form-group2 { /* tabbox2 */
  background-color: #546f8f;
  border-bottom: 1px solid #ededed;
  float: left;
}

.form-key { /* tabbg01 */
  float: left;
  /* width: 30%; */
  padding: 10px;
  text-align: center;
  /* background-color: #546f8f; */
  color: #ffffff;
}

.form-value { /* tabbg02 */
  float: left;
  /* width: 70%; */
  padding: 10px;
  background-color: #fffaeb;
}

.form-value label {
  display: inline;
}

.form-value td {
  padding: 8px 0;
}

.form-value-tabel {}

.form-group3 { /* tabbg03 */
  float: left;
  width: 100%;
  padding: 10px;
  background-color: #ffffff;
}

.form-head {
  padding: 10px;
  font-size: 18px;
  color: #546f8f;
  font-weight: 500;
  text-align: center;
  background-color: #ffffff;
  overflow: hidden;
}

.tabinput {
  float: left;
  margin: 0 5px;
}

.btn-file {
  position: relative;
  overflow: hidden;
  max-width: 50%;
  margin: 5px 0px;
}

.btn-file input[type=file] {
      position: absolute;
      top: 0;
      right: 0;
      min-width: 100%;
      min-height: 100%;
      font-size: 100px;
      text-align: right;
      filter: alpha(opacity=0);
      opacity: 0.2;
      outline: none;
      background: #959595;
      cursor: inherit;
      display: block;
  }

  input[type=checkbox] + label, input[type=radio] + label {
    margin-right: 15px;
  }

  .no-margin {
    padding-left: 0;
    padding-right: 0;
  }

  .form-block {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .form-check-read {
    padding-top: 1%;
  }

@media screen and (max-width: 768px) {
  .form-key, .form-value {
        display: block;
        float: none;
        width: 100%;
    }

    .form-value {}
    .form-value label {
      /* display: block; */
    }
    
    .form-value-tabel td {
      display: block;
    }
    
    .form-group3 { /* tabbg03 */
      float: left;
      width: 100%;
      padding: 10px;
      background-color: #ffffff;
    }
    .form-group3 .form-value label {
      display: inline-block;
    }

    .forceInline * {
        display: inline;
        height: auto;
    }

    .cbGroup td {
        display: block;
    }

    .form-check-read {}

    .form-block {}
}
/*********** 履歷報名表 end ***********/

/****************
  gov-fairs-job-page 徵才面試會職缺報名 end
****************/.example {
    display: -ms-grid;
    display: grid;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: -o-linear-gradient(top, white, black);
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
    background: linear-gradient(to bottom, white, black);
}