.searchLibBranch_css {
  content: "20260330改動PC版搜尋框選單的42高度";
}

.searchLibBranchGroup.moreunitArea .dropTriggerTtitle {
  display: flex;
  justify-content: space-between;
}


.searchSiteSet.domain_At_airiti .searchSiteContent .setLibBranchTrigger+.searchSiteGroup .cusSearchInput input[type="text"] {
  height: 2.75rem;
}

.searchSiteSet.domain_At_airiti .searchSiteContent .setLibBranchTrigger+.searchSiteGroup .cusSearchInput input[type="text"] {
  padding-right: 80px;
}


.searchLibBranchSection .windowFrame.-scroll {
  max-height: 85vh;

}

@media (min-width: 768px) {
  .windowContainer .searchLibBranchContent {

    min-width: 600px;
  }
}

.searchLibBranch,
.libBranchLinkMatch,
.checkLibBranch {
  margin: auto;
  list-style-type: none;
  width: 100%;
  padding: 4px;
  box-sizing: border-box;
}

/*user自選圖書分館tag*/
.libBranchTagGatherGroup {
  width: 100%;
  display: flex;
  flex-direction: column;
  column-gap: 1.5rem;
  width: 100%;
  row-gap: 0.5rem;
}

.libBranchTagGatherField {
  width: 100%;
  display: flex;
  flex-direction: column;
  column-gap: 1.5rem;
  width: 100%;
  row-gap: 1.5rem;
}

.libBranchTagGatherItem {
  display: flex;
  width: 100%;
  align-items: flex-start;
  font-size: 14px;
  column-gap: 1rem;
  row-gap: 0.5rem;
  flex-direction: column;
}

.libBranchTagGatherItem>div {
  width: 100%;
}

.libBranchTagArea {
  border: 1px solid var(--G500);
  border-radius: 0.5rem;
  min-height: 120px;
  background: #ffffff;
  padding: 0.5rem 1rem;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 300px;
}

.libBranchTagTip {
  padding: 0.5rem 0;
}

.liblimtAlert {
  font-size: 0.75rem;
  text-align: center;
  color: var(--danger);
  text-align: center;
}

.libSelectedAlert {
  font-size: 0.75rem;
  text-align: center;
  color: var(--tan);
  text-align: center;
}

.libTagMenu {
  display: flex;
  column-gap: 0.5rem;
  flex-wrap: wrap;
  text-decoration: none;
  align-items: center;
}

.libTagMenu .libTag {
  border: 1px solid var(--G300);
  background-color: #ffffff;
  color: var(--seaBlue);
  height: 2rem;
  display: inline-block;
  padding: 0.25rem 0.5rem;
  text-align: left;
  border-radius: 8px;
  font-size: 0.75rem;
  min-width: fit-content;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  text-decoration: none;
  height: fit-content;
  box-sizing: border-box;
}

.libTagMenu .libTag .icon-close:before{font-size: 0.75rem;}

@media (any-hover: hover) {

  .libTagMenu .libTag:hover {
    background: var(--seaBlue);
    color: #ffffff;
    text-decoration: none;
  }
}

/*-*/

/*詳目頁可前往分館已選後的選項*/
.libBranchGroup {
  width: 100%;
  display: none;
  flex-direction: column;
  column-gap: 1.5rem;
  width: 100%;
  row-gap: 0.5rem;
}

.selectCase span.titleTxt {
  cursor: pointer;
  font-size: 1rem;
  color: var(--G900);
}

.libBranchLinkMatch ul li span.titleTxt {
  margin: auto;
  display: inline-block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  cursor: pointer;
  font-size: 1rem;
  color: var(--G900);
}

.libBranchLinkMatch ul li {
  margin: auto;
  display: flex;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: transparent;
  cursor: pointer;
}

.libBranchLinkMatch .libBranchLink {
  display: flex;
  justify-content: space-between;
  width: 100%;
  text-decoration: none;
  padding: 0.5rem 1rem;
  border-bottom: 1px var(--G300) solid;
  box-sizing: border-box;
}

.libBranchLinkMatch .libBranchLink .libBrancName {
  color: var(--G700);
  font-size: 1rem;
}

.libBranchLinkMatch .libBranchLink:hover {
  background: var(--seaBlue);
  text-decoration: none;
  border-color: var(--seaBlue);
}

.libBranchLinkMatch .libBranchLink:hover>* {
  color: #ffffff;
}

.searchLibBranchContent .libBranchLinkMatch {
  border-radius: 8px;
  height: 240px;
  border: 1px solid var(--G500);
  background: #fff;
  overflow-y: scroll;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.searchLibBranchField+.searchLibBranchField {
  margin-top: 1.5rem;
}

.searchLibBranchItem {
  display: flex;
  width: 100%;
  align-items: flex-start;
  font-size: 14px;
  column-gap: 1rem;
  row-gap: 0.5rem;
  flex-direction: column;
}

/*-*/

.searchLibBranchGroup {
  width: 100%;
  display: flex;
  flex-direction: column;
  column-gap: 1.5rem;
  width: 100%;
  row-gap: 0.5rem;
}


.selectCase span.titleTxt {
  cursor: pointer;
  font-size: 1rem;
  color: var(--G900);
}

.searchLibBranchItem>div {
  width: 100%;
}

.searchLibBranchTitle {
  font-size: var(--p3FS);
}

.searchLibBranchContent {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}


.searchLibBranchContent .moreunitArea .dropPanel {
  border-radius: 8px;
  background: var(--G100);
  padding: 1rem;
}

.searchLibBranchContent .moreunitArea .searchLibBranchField {
  margin-top: 1.5rem;
}

.searchLibBranchField {
  width: 100%;
  display: flex;
  flex-direction: column;
  column-gap: 1.5rem;
  width: 100%;
  row-gap: 1.5rem;
}

.searchLibBranch .cusCheck input[type="checkbox"]:disabled+.checkboxbutton.icon-noncheck:before {
  background: transparent;
}

.searchLibBranch .cusCheck input[type="checkbox"]:disabled+.checkboxbutton+.checkboxName .titleTxt {
  color: var(--G300);
  cursor: text;
}

.searchLibBranch .cusCheck input[type="checkbox"]:disabled+.checkboxbutton {
  background: transparent;
}

/*checkbox請選擇圖書館 對應變成圖書館tag*/
.checkLibBranchGroup {
  width: 100%;
  display: flex;
  flex-direction: column;
  column-gap: 1.5rem;
  width: 100%;
  row-gap: 0.5rem;
}

.checkLibBranchChoice ul li span.titleTxt {
  margin: auto;
  display: inline-block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  cursor: pointer;
  font-size: 1rem;
  color: var(--G900);
}

.checkLibBranchChoice ul li {
  margin: auto;
  display: flex;
  width: 100%;
  height: 100%;

  background: transparent;
  cursor: pointer;
}

.checkLibBranchChoice ul li+li{margin:3px auto;}

.checkLibBranchChoice ul li .u-check {
  display: inline-flex;
  align-items: stretch;
  width: 100%;
  padding: 0.5rem 1rem;
  cursor: pointer;
}

.checkLibBranchChoice {
  border-radius: 8px;
  height: 240px;
  border: 1px solid var(--G500);
  background: #fff;

  overflow: hidden;
  overflow-y: scroll;
  box-sizing: border-box;
}

.checkLibBranchGroup ul.checkLibBranch {
  margin-left: 0;
}

/*-*/

/*紀錄華藝總館已選館別*/
.searchLibRecordGroup {
  display: flex;
  align-items: center;
  column-gap: 1.5rem;
  padding: 1rem 0 0 0;
  width: 100%;
}

.searchLibRecordGroup .dropTriggerName {
  font-size: 1rem;
}

.searchLibRecordGroup .searchLibRecordPart {
  border-radius: 10px;
  background: transparent;
  display: flex;
  flex-direction: column;
  column-gap: 1.5rem;
  padding: 1rem;
  width: 100%;
  border: 1px var(--G300) solid;

}

.searchLibRecordOption {
  max-height: 240px;
  overflow-y: auto;
  padding: 0.5rem;
}

.searchLibRecordGroup .dropTrigger {
  color: var(--G900);
  font-size: 20px;
  width: 100%;
}

.searchLibRecordGroup .dropPanel[open] .dropPanelOption {
  padding-top: 1.5rem;
}

.searchLibRecordContainer+.tagExtendContainer {
  display: none;
}

/*紀錄華藝總館已選館別*/

/*如果華藝總館 header UI相關連動調整*/
header .searchSiteSet.domain_At_airiti .setLibBranchTrigger {
  /*position: absolute;
  width: 95.5%;
  max-width: initial;
  top: 1rem;
  left: 1rem;
  z-index: 300;*/

  position: relative;
  width: fit-content;
  /* margin: auto; */
  max-width: initial;
  /* min-width: 100%; */
  /* */
  /* left: 1rem; */
  z-index: 300;
  top: 0.5rem;
}

header .searchSiteSet.domain_At_airiti .setLibBranchTrigger+.searchSiteGroup {
  margin-top: 1rem;
  margin-top: 1.5rem;
}


header .searchSiteSet.domain_At_airiti .searchGuideGroup {
  display: inline-block;
  text-align: center;
  position: absolute;
  z-index: 100;
  top: 1.75rem;
  right: 1.5rem;
}

header .searchSiteSet.domain_At_airiti .searchGuideBtn a {
  display: flex;
  width: fit-content;
  justify-content: center;
  align-items: stretch;
  margin: auto;
  gap: 0.25rem;
}

header .searchSiteSet.domain_At_airiti .searchSiteContent:has(.cusSearchInput input[type="text"]:focus) .setLibBranchTrigger {
  z-index: 900;
}

/*按鈕*/

header .searchSiteSet.domain_At_airiti .setLibBranchBtn .u-Btn {
  display: flex;
  border-radius: 6px;
  background: transparent;
  color: var(--G900);
  text-decoration: none;
  justify-content: center;
  width: 100%;
  text-align: center;
  align-items: center;
  height: fit-content;
  padding: 0;
  margin: 0;
  border: 0;
}

header .searchSiteSet.domain_At_airiti .setLibBranchBtn .dot {
    border-radius: 100px;
    background: var(--success);
    display: inline-block;
    width: 12px;
    height: 12px;
    position: absolute;
    right: -4px;
    top: -4px;
}

header .searchSiteSet.domain_At_airiti .setLibBranchBtn .u-Btn .pc {
  display: none;
}

header .searchSiteSet.domain_At_airiti .setLibBranchBtn .u-Btn .phone {
  display: inline-block;
}

header .searchSiteSet.domain_At_airiti .setLibBranchBtn .u-Btn .phone>.setLibBtn_btnBg {
  padding: 0.25rem 0.5rem;
  display: flex;
  font-size: 1rem;
  line-height: 2;
  align-items: stretch;
  height: 32px;
  border-radius: 0.25rem;
}

header .searchSiteSet.domain_At_airiti .setLibBranchBtn .u-Btn .phone>.setLibBtn_btnBg {
  border: 1px solid var(--seaBlue);
  background-color: transparent;
  color: var(--seaBlue);
}

@media (any-hover: hover) {
  header .searchSiteSet.domain_At_airiti .setLibBranchTrigger:has(.setLibBranchBtn .u-Btn:hover)+.searchSiteGroup input[type="text"] {
    border-color: var(--skyBlue);
  }

  header .searchSiteSet.domain_At_airiti .setLibBranchBtn .u-Btn:hover .pc>.setLibBtn_btnBg {
    border-color: var(--skyBlue);
    background-color: var(--skyBlue);
  }

  header .searchSiteSet.domain_At_airiti .setLibBranchBtn .u-Btn .phone>.setLibBtn_btnBg {
    border: 1px solid var(--seaBlue);
    background-color: transparent;
    color: var(--seaBlue);
  }

  .checkLibBranchChoice ul li:hover .u-check {
    background-color: var(--G100);
  }

  .checkLibBranchChoice ul li:hover .u-check:has(input:checked+.icon-noncheck) {
    background: transparent;
    cursor: text;
  }
}

@media (min-width: 1260px) {
  header .searchSiteSet.domain_At_airiti .setLibBranchTrigger+.searchSiteGroup .searchBtn {
    right: 0.25rem;
    left: initial;
  }

  header .searchSiteSet.domain_At_airiti .setLibBranchTrigger+.searchSiteGroup .cusSearchInput input[type="text"]+.searchcloseBtn,
  header .searchSiteSet.domain_At_airiti .setLibBranchTrigger+.searchSiteGroup .cusSearchInput input[type="text"]:focus+.searchcloseBtn {
    right: 2.5rem;
  }

  header .searchSiteSet.domain_At_airiti .searchGuideGroup {
    /* width: 140px; */
    display: inline-block;
    right: 6rem;
    top: 0.65rem;
    position: absolute;
    left: initial;
    width: fit-content;
    z-index: 100;
  }

  header .searchSiteSet.domain_At_airiti .searchGuideGroup .btnName {
    display: none;
  }

  header .searchSiteSet.domain_At_airiti .searchExtendGroup {
    right: 0.5rem;
    width: fit-content;
  }

  header .searchSiteSet.domain_At_airiti .setLibBranchBtn .u-Btn .pc {
    display: inline-block;
  }

  header .searchSiteSet.domain_At_airiti .setLibBranchBtn .u-Btn .phone {
    display: none;
  }

  header .searchSiteSet.domain_At_airiti .setLibBranchBtn .u-Btn .pc>.setLibBtn_btnBg {
    display: flex;
    border-radius: 6px;
    padding: 0.5rem;
    background: var(--G300);
    color: var(--G900);
    text-decoration: none;
    justify-content: center;
    width: 100%;
    text-align: center;
    align-items: center;
    height: 40px;
    border: 0px;
    font-size: 1rem;
    line-height: 2;
    margin-top: 0.85px;
    margin-left: 0.85px;	
  }


}


/*此為檢索視窗和檢索協助視窗微調視窗window-pannel樣式方式*/
.windowFrame .searchLibBranch {
  margin-left: 0;
}

/*scroll問題*/
header .searchSiteSet.domain_At_airiti .searchLibBranchSection .windowBottom {
  order: 1;
  height: fit-content;
  position: fixed;
  bottom: 0px;
  width: 100%;
  padding: 0.5rem 1rem;
  z-index: 999;
  background: #fff;
  left: 0;
}

/*scroll問題*/

header .searchSiteSet.domain_At_airiti .searchLibBranchSection .window_layout {
  padding: 0;
}

header .searchSiteSet.domain_At_airiti .searchGuideTxtSection .window_layout {
  padding: 0;
}

header .searchLibBranchSection .window_close a .icon-tip_left,
header .searchGuideTxtSection .window_close a .icon-tip_left {
  display: inline-block;
}

header .searchLibBranchSection .window_close a .icon-close,
header .searchGuideTxtSection .window_close a .icon-close {
  display: none;
}

header .searchLibBranchSection .u-window .windowHeader+.hr,
header .searchGuideTxtSection .u-window .windowHeader+.hr {
  width: 100%;
}

header .searchLibBranchSection .u-window.-active .window_overlay,
header .searchGuideTxtSection .u-window.-active .window_overlay {
  display: none;
}

header .searchLibBranchSection .u-window.-active .window_close {
  left: 1.5rem;
  right: initial;
  z-index: 100;
  top: 0.5rem;
}

header .searchGuideTxtSection .u-window.-active .window_close {
  left: 0rem;
  right: initial;
  z-index: 100;
}

header .searchGuideTxtSection .u-window.-active .windowHeader {
  margin-left: 12px;
}

header .searchGuideTxtSection .u-window.-active .window_close {
  left: 0.75rem;
  right: initial;
  z-index: 100;
  top: 6px;
}

header .searchGuideTxtSection .u-window.-active .windowHeader {
  margin-left: 12px;
}

header .searchGuideTxtSection .u-window.-active .window_close {
  left: 0.75rem;
  right: initial;
  z-index: 100;
  top: 6px;
}

header .searchLibBranchSection .u-window.-active,
header .searchGuideTxtSection .u-window.-active {
  position: relative;
}

header .searchLibBranchSection,
header .searchGuideTxtSection {
  position: absolute;
  left: 0;
  width: 100%;
}

header .searchLibBranchSection .u-window.-active .window_bg,
header .searchGuideTxtSection .u-window.-active .window_bg {
  border: 0px solid var(--G300);
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  max-height: initial;
  height: 100vh;
  transform: initial;
}

header .searchLibBranchSection .u-window.-active h3.window_title {
  justify-content: center;
}

/*scroll問題*/
.appBanner.-active+header .searchSiteSet.domain_At_airiti .windowFrame.-scroll .searchLibBranchContent {
  padding-bottom: 7rem;
}

header .searchSiteSet.domain_At_airiti .windowFrame.-scroll .searchLibBranchContent {
  padding-bottom: 6rem;
}

.appBanner.-active+header .searchSiteSet.domain_At_airiti .windowFrame.-scroll .searchGuideTxtContent {
  padding-bottom: 7rem;
}

header .searchSiteSet.domain_At_airiti .windowFrame.-scroll .searchGuideTxtContent {
  padding-bottom: 6rem;
}


.appBanner.-active+header .searchSiteSet.domain_At_airiti .searchLibBranchSection .windowFrame.-scroll {
  /*max-height: calc(90vh - 280px);
   max-height: 480px;*/
  flex: 1;
  max-height: calc(100vh - 240px);

}

.appBanner.-active+header .searchSiteSet.domain_At_airiti .searchGuideTxtSection .windowFrame.-scroll {
  /*max-height: calc(90vh - 280px);*/
  max-height: 480px;
  flex: 1;

}

header .searchSiteSet.domain_At_airiti .searchLibBranchSection .windowFrame.-scroll {
  /*max-height: calc(90vh - 280px);
  max-height: 500px;   */
  max-height: calc(100vh - 240px);
}

header .searchSiteSet.domain_At_airiti .searchGuideTxtSection .windowFrame.-scroll {
  /*max-height: calc(90vh - 280px);*/
  max-height: 500px;
  flex: 1;

}

/*scroll問題---*/

/*scroll問題---*/

/*此為檢索視窗和檢索協助視窗微調視窗window-pannel樣式方式 -*/

@media (min-width: 1260px) {

  /*scroll問題*/
  header .searchSiteSet.domain_At_airiti .searchLibBranchSection .windowBottom {
    order: 1;
    height: 2.5rem;
    position: initial;
    bottom: initial;
    width: initial;
    padding: initial;
    background: initial;
    left: initial;
  }

  /*scroll問題*/

  header .searchSiteSet.domain_At_airiti .setLibBranchBtn .u-Btn .pc {
    display: inline-block;
  }

  header .searchSiteSet.domain_At_airiti .setLibBranchBtn .u-Btn .phone {
    display: none;
  }

  header .searchSiteSet.domain_At_airiti .searchSiteContent:has(.setLibBranchBtn) .cusSearchInput input {
    text-indent: 35%;
  }

  header .searchSiteSet.domain_At_airiti .setLibBranchTrigger {
    position: absolute;
    left: 1px;
    top: 1px;
    z-index: 301;
    max-width: 140px;
  }

  header .searchSiteSet.domain_At_airiti .setLibBranchTrigger+.searchSiteGroup {
    margin-top: initial;
  }

  /*此為檢索視窗和檢索協助視窗微調視窗window-pannel樣式方式*/
  header .searchSiteSet.domain_At_airiti .searchLibBranchSection .windowFrame.-scroll {
    max-height: 70vh;
  }

  header .searchSiteSet.domain_At_airiti .searchLibBranchSection .window_layout {
    padding: 1.5rem 0;
  }

  header .searchSiteSet.domain_At_airiti .searchGuideTxtSection .window_layout {
    padding: 1.5rem 0;
  }
  header .searchSiteSet.domain_At_airiti .searchGuideTxtSection .window_layout {
    padding: 1.5rem 0;
  }

  header .searchSiteSet.domain_At_airiti .searchGuideTxtSection .windowHeader {
    margin-left: 0;
  }

  header .searchSiteSet.domain_At_airiti .searchGuideTxtSection .windowHeader {
    margin-left: 0;
  }

  header .searchLibBranchSection .u-window.-active .window_close {
    top: 1.75rem;
  }

  header .searchGuideTxtSection .u-window.-active .window_close {
    top: 1.75rem;
  }

  header .searchLibBranchSection .window_close a .icon-tip_left,
  header .searchGuideTxtSection .window_close a .icon-tip_left {
    display: none;
  }

  header .searchLibBranchSection .window_close a .icon-close,
  header .searchGuideTxtSection .window_close a .icon-close {
    display: inline-block;
  }

  header .searchLibBranchSection .u-window.-active h3.window_title,
  header .searchGuideTxtSection .u-window.-active h3.window_title {
    justify-content: left;
  }

  header .searchLibBranchSection .u-window.-active .window_close,
  header .searchGuideTxtSection .u-window.-active .window_close {
    left: initial;
    right: 1.5rem;
  }

  header .searchLibBranchSection .u-window.-active .window_overlay,
  header .searchGuideTxtSection .u-window.-active .window_overlay {
    display: block;
  }

  header .searchLibBranchSection .u-window.-active,
  header .searchGuideTxtSection .u-window.-active {
    position: fixed;
  }

  header .searchLibBranchSection .u-window.-active .window_bg,
  header .searchGuideTxtSection .u-window.-active .window_bg {
    position: fixed;
    height: auto;
    overflow: visible;
    background: #ffffff;
    border: 1px solid var(--G300);
    width: fit-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999;
    max-height: calc(100% - 1rem);
  }

  /*此為檢索視窗和檢索協助視窗微調視窗-pannel樣式方式 -*/
}

@media (min-width: 1360px) {
  header .searchSiteSet.domain_At_airiti .searchSiteContent:has(.setLibBranchBtn) .cusSearchInput input {
    text-indent: 25%;
  }
}