@charset "UTF-8";
/* ---- 按鈕 ---- */
/* ---- 更新 ---- */
/* ---- LOGO ---- */
/* ---- 導覽列 ---- */
/* ---- icon ---- */
/* ---- icon other ---- */
/* ================================================================== */
/* ========================= 電腦版 覆蓋樣式 ========================== */
/* ================================================================= */
/* ==================== popoverFlat 浮動視窗_框架 ==================== */
.popover_base {
  padding: 16px;
  font-size: 13px;
  border-radius: 4px;
}

.poptitle {
  padding: 0 0 8px 0;
}
.poptitle a {
  margin-left: 8px;
  cursor: pointer;
}

/* ==================== 浮動視窗_組件 ==================== */
/* <<<< 明燈 >>>> */
.popcontFriend {
  width: 388px;
}
.popcontFriend .title {
  margin: 16px 0 0 0;
  font-size: 13px;
  text-align: left;
}
.popcontFriend ul {
  gap: 8px;
  margin-top: 8px;
}
.popcontFriend li {
  padding: 4px 0;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  flex: 0 0 calc(25% - 8px);
}
.popcontFriend .update {
  margin-top: 16px;
  height: 32px;
}
.popcontFriend a.friends {
  width: 26%;
  padding: 8px 0;
}
@charset "UTF-8";
/* ---- 按鈕 ---- */
/* ---- 更新 ---- */
/* ---- LOGO ---- */
/* ---- 導覽列 ---- */
/* ---- icon ---- */
/* ---- icon other ---- */
/* ================================================================== */
/* =========================== 共用 修復樣式 ========================== */
/* ================================================================= */
#popover_base .poptitle a {
  font-size: 13px;
}
#popover_base .popcontFriend li {
  margin: 0;
  padding: 4px 0;
  color: #333;
  font-size: 13px;
}
#popover_base .popcontFriend li.selected {
  color: #fff;
}
#popover_base .popcontFriend li:first-child {
  background: none;
  border: 1px solid #e0e0e0;
}
#popover_base .popcontFriend li.selected:first-child {
  background: #333;
  border: 1px solid #333;
}
#popover_base .popcontFriend .update span {
  font-size: 13px;
}
#popover_base .popcontFriend .update a {
  font-size: 13px;
}

/* ================================================================== */
/* ========================= 明燈頁 修復樣式 ========================== */
/* ================================================================= */
.friendManage-listTable td {
  position: relative;
}

.popover_friend {
  top: 50px;
  right: 14px;
}
.popover_friend .popcontFriend li {
  flex: 0 0 calc(30% - 26px);
}